@charset "utf-8";

/* 쇼핑 검색 */
.goods-search {position:relative; background:#fff; border:1px solid #e5e5e5; border-top:0; padding:45px 39px 39px; margin-bottom:-45px; z-index:2;}

.category-name {font-size:40px; line-height:1.2em; margin-bottom:15px;}

.search-table {margin-bottom:34px;}
.search-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc; line-height:1.5em;}
.search-table th {padding:11px 13px; font-weight:400; background:#f8f8f8; border-bottom:1px solid #e5e5e5;}
.search-table td {padding:11px 13px; font-weight:300; border-bottom:1px solid #e5e5e5;}
.search-table td * {vertical-align:middle;}
.search-table .between {margin:0 10px;}

.filter-finder-list ul {display:flex; flex-wrap:wrap; margin:-1px;}
.filter-finder-list ul li {padding:1px}
.filter-finder-list ul li a {display:block; padding:10px 20px; text-align:center; line-height:20px;}
.filter-finder-list ul li a.active {background:#eb6867; color:#fff;}
.filter-finder-list.type2 ul {margin-left:-9px;}
.filter-finder-list.type2 ul li {padding:0 0 0 9px;}
.filter-finder-list.type2 ul li a {min-width:100px; border:1px solid #e5e5e5; padding:9px 19px;}
.filter-finder-list.type2 ul li a.active {border-color:#eb6867}

.filter-finder-add {display:flex; align-items:flex-start; height:42px; margin-right:-5px; overflow:hidden;}
.filter-finder-add .filter-finder-list {flex:1 1 auto; min-width:0; width:1%;}
.filter-finder-add.active {overflow:inherit; height:auto;}
.filter-finder-add.active .filter-add-btn {display:none;}

.filter-add-btn {display:inline-block; width:40px; height:40px; margin-left:2px; background:url("../images/filter_area_add.png") 50% 50% no-repeat; border:1px solid #e5e5e5;}

.filter-price-srh {display:inline-block; width:40px; height:40px; margin-left:2px; background:url("../images/filter_price_search.png") 50% 50% no-repeat; border:1px solid #e5e5e5;}

.filter-local-wrap {position:relative;}
.filter-local-wrap.active .filter-local-layer {display:block;}
.filter-local-select {display:flex; align-items:center; width:200px; height:40px; border:1px solid #e5e5e5; cursor:pointer;}
.filter-local-select .txt {flex:1 1 auto; width:0; width:1%; line-height:38px; height:38px; margin-left:17px; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.filter-local-select .ico {width:38px; height:38px; background:url("../images/filter_area_add.png") 50% 50% no-repeat;}
.filter-local-layer {display:none; position:absolute; top:0; left:0; width:553px; padding:15px 95px 15px 19px; background:#fff; border:1px solid #e5e5e5;}
.filter-local-layer ul {display:flex; flex-wrap:wrap; margin:-1px;}
.filter-local-layer ul li {padding:1px}
.filter-local-layer ul li a {display:block; padding:0 10px; text-align:center; line-height:35px;}
.filter-local-layer ul li a.active {background:#eb6867; color:#fff;}
.filter-local-layer .close {position:absolute; top:7px; right:7px; width:24px; height:24px; background:url("../images/close_layer.png") 50% 50% no-repeat;}

.filter-clear {display:inline-block; width:150px; text-align:center; line-height:40px; font-weight:300; color:#fff; background:#999;}

.filter-pick ul {display:flex; flex-wrap:wrap; margin:-5px;}
.filter-pick ul li {padding:5px}
.filter-pick ul li a {display:flex; align-items:center; padding:10px 24px; text-align:center; line-height:20px; border:1px solid #e5e5e5;}
.filter-pick ul li .del {color:#eb6867; margin-left:5px;}

.search-submit {display:inline-block; width:160px; height:50px; text-align:center; border:0; font-size:18px; line-height:50px; background:#666; color:#fff; vertical-align:top;}

/* 정렬 */
.goods-sort-area {position:relative; margin-bottom:49px; z-index:20; margin-top: 80px;}
.goods-sort-area .contain {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e5e5e5; padding-bottom:9px;}
.goods-sort-area .total {margin-left:10px; font-size:18px; font-weight:500; line-height:1.3em;}
.goods-sort-area .total strong {font-family:"Roboto",sans-serif; color:#eb6867; font-size:24px; margin:0 2px 0 8px;}
.goods-sort-area .sort-area {display:flex;}
.goods-sort-area .dropdown-select {position:relative; width:160px; margin-right:7px;}
.goods-sort-area .dropdown-select .dropdown-input {cursor:pointer; padding:0 12px; font-weight:300; font-size:16px; line-height:38px; border:1px solid #e5e5e5; background:#fff url("../images/top_icon_select.png") right 10px center no-repeat; border-radius:10px;}
.goods-sort-area .dropdown-select .dropdown-list {display:none; position:absolute; left:0; width:100%; padding:4px; margin-top:2px; background:#fff; border-radius:10px; border:1px solid #e5e5e5; overflow:hidden;}
.goods-sort-area .dropdown-select .dropdown-list li {margin-bottom:2px;}
.goods-sort-area .dropdown-select .dropdown-list li:last-child {margin-bottom:0;}
.goods-sort-area .dropdown-select .dropdown-list li a {display:block; font-weight:300; font-size:16px; line-height:26px; padding:0 7px;}
.goods-sort-area .dropdown-select .dropdown-list li a:hover {color:#fff; background:#eb6867}
.goods-sort-area .dropdown-select.active .dropdown-list {display:block;}
.goods-sort-area .goods-list-type {display:inline-block; margin-right:5px; width:40px; height:40px; border:1px solid #e5e5e5; border-radius:10px; background-position:50% 50%; background-repeat:no-repeat;}
.goods-sort-area .goods-list-type.type1 {background-image:url("../images/list_type1.png");}
.goods-sort-area .goods-list-type.type2 {background-image:url("../images/list_type2.png");}
.goods-sort-area .goods-list-type.type1.active {background-image:url("../images/list_type1_on.png"); background-color:#999; border-color:#999;}
.goods-sort-area .goods-list-type.type2.active {background-image:url("../images/list_type2_on.png"); background-color:#999; border-color:#999;}

/* 쇼핑 목록 */
.goods-list {padding:0 40px;}
.goods-list > ul {display:flex; flex-wrap:wrap; margin:-22px -20px;}
.goods-list > ul > li {width:25%; padding:22px 20px;}
.goods-list + .paginate {margin-top:80px;}
.goods-list + .buttons {margin-top:65px;}

.goods-list2 > ul > li {padding:30px 40px; border-bottom:1px solid #e5e5e5;}
.goods-list2 > ul > li:first-child {padding-top:0;}
.goods-list2 .goods-item {display:flex;}
.goods-list2 .goods-item .prd-check {width:57px; display:flex; align-items:center; justify-content:center;}
.goods-list2 .goods-item .prd-thumb {width:300px; height:300px; padding-bottom:0; position: relative; /* 버튼의 기준점 */}
.link-new-tab {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 6px 12px;
    background-color: rgba(0, 0, 0, 0.5); 
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 400;
    z-index: 10;
    opacity: 0; /* 평소엔 숨김 */
    visibility: hidden; 
    transition: all 0.3s ease;
    
    /* 버튼 내부 텍스트와 아이콘 정렬 */
    display: flex;
    align-items: center;
    gap: 6px; /* 아이콘과 텍스트 사이 간격 */
}

/* 마우스 오버 시 나타남 */
.prd-thumb:hover .link-new-tab {
    opacity: 1;
    visibility: visible;
}

/* 버튼 자체 마우스 오버 효과 */
.link-new-tab:hover {
    background-color: #eb6867; /* 포인트 컬러 */
    border-color: #eb6867;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Font Awesome 아이콘 크기 조정 (필요한 경우) */
.link-new-tab i {
    font-size: 12px; /* 텍스트 크기에 맞춰 조절 */
}


.goods-list2 .goods-item .prd-info {flex:1 1 auto; min-width:0; width:1%; padding:19px 30px;}
.goods-list2 .goods-item .prd-info2 {position:relative; width:416px; padding:13px 0 13px 39px; border-left:1px solid #e5e5e5;}
.goods-list2 .goods-item .prd-tit {font-size:24px;}
.goods-list2 .goods-item .prd-label {top:10px; left:-50px; width:62px; height:52px; padding:7px 7px 0 0;}
.goods-list2 .goods-item .prd-label.type1 {background-image:url("../images/goods_sale2_bg.png");}
.goods-list2 .goods-item .prd-label.type2 {background-image:url("../images/goods_sale2_bg2.png");}
.goods-list2 .goods-item .prd-label.type3 {background-image:url("../images/goods_sale2_bg3.png");}
.goods-list2 + .paginate {margin-top:65px;}
.goods-list2.type2 > ul {border-top:2px solid #ccc;}
.goods-list2.type2 > ul > li {padding:30px 0; border-bottom:1px solid #e5e5e5;}
.goods-list2.type2 > ul > li:first-child {padding-top:30px;}

.goods-item .prd-thumb {position:relative; padding-bottom:100%; border-radius:10px; overflow:hidden;}
.goods-item .prd-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;}
.goods-item .prd-thumb .soldout {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:500; line-height:1.3em; background:rgba(0,0,0,.5);}
.goods-item .prd-info {position:relative; padding:14px 5px 12px;}
.goods-item .prd-label {position:absolute; left:8px; top:-50px; width:52px; height:62px; padding:7px 0 0 0; color:#fff; font-family:"Roboto",sans-serif; font-size:12px; line-height:16px; text-align:center; background-position:0 0; background-repeat:no-repeat;}
.goods-item .prd-label strong {font-weight:400; font-size:18px; line-height:18px;}
.goods-item .prd-label.type1 {background-image:url("../images/goods_sale_bg.png");}
.goods-item .prd-label.type2 {background-image:url("../images/goods_sale_bg2.png");}
.goods-item .prd-label.type3 {background-image:url("../images/goods_sale_bg3.png");}
.goods-item .prd-label.type2 strong,
.goods-item .prd-label.type3 strong {font-family:"Noto Sans KR",sans-serif; font-weight:300; font-size:16px; line-height:16px;}
.goods-item .prd-tit {font-size:20px; font-weight:500; line-height:1.5em; height:1.5em; overflow:hidden; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}
.goods-item .prd-price {color:#999; font-size:14px; line-height:1.5em; margin-bottom:5px;}
.goods-item .prd-price span {font-family:"Roboto",sans-serif; text-decoration:line-through; font-size:16px;}
.goods-item .prd-info-wrap {display:flex; justify-content:space-between; align-items:center; font-size:18px; font-weight:500; line-height:1.5em;}
.goods-item .prd-info-wrap .left {display:flex; align-items:center;}
.goods-item .prd-info-wrap .kg {font-family:"Roboto","Noto Sans KR",sans-serif;}
.goods-item .prd-info-wrap .bar {display:inline-block; width:1px; height:18px; background:#999; margin:0 13px 0 15px;}
.goods-item .prd-info-wrap .price strong {font-family:"Roboto",sans-serif; font-size:24px;}
.goods-item .prd-info-wrap .right {display:flex; align-items:center; margin-right:2px;}
.goods-item .btn-wish {display:inline-block; width:24px; height:24px; background:url("../images/goods_icon_wish_off.png") 50% 50% no-repeat; border:0;}
.goods-item .btn-wish:hover,
.goods-item .btn-wish.on {background-image:url("../images/goods_icon_wish_on.png");}
.goods-item .btn-cart {display:inline-block; width:24px; height:24px; background:url("../images/goods_icon_cart_off.png") 50% 50% no-repeat; border:0; margin-left:11px;}
.goods-item .btn-cart:hover,
.goods-item .btn-cart.on {background-image:url("../images/goods_icon_cart_on.png");}
.goods-item .prd-review {padding:6px 15px; background:#f8f8f8; border-radius:10px; display:flex; align-items:center;}
.goods-item .prd-review .star {line-height:0; display:flex; margin-right:9px; margin-top:-2px;}
.goods-item .prd-review .star img {margin-right:3px;}
.goods-item .prd-review .star img:last-child {margin-right:0;}
.goods-item .prd-review .rating {font-family:"Roboto",sans-serif; font-size:20px; line-height:1.4em;}
.goods-item .prd-review .bar {display:inline-block; width:1px; height:16px; background:#999; margin:0 10px;}
.goods-item .prd-review .views {font-size:16px; line-height:1.4em; font-weight:300;}
.goods-item .prd-icons {margin-top:14px; text-align:center; display:flex; justify-content:center;}
.goods-item .prd-icons .ico {display:inline-block; width:50px; height:22px; font-size:13px; font-weight:300; line-height:20px; margin:0 2px; border-radius:4px;}
.goods-item .prd-icons .ico.type1 {border:1px solid #38859b; color:#38859b;}
.goods-item .prd-icons .ico.type2 {border:1px solid #3d9b38; color:#3d9b38;}
.goods-item .prd-icons .ico.type3 {border:1px solid #e28814; color:#e28814;}
.goods-item .prd-review-wrap {position:absolute; left:24px; right:24px; bottom:9px; display:flex; align-items:center;}
.goods-item .prd-review-wrap .prd-review {width:300px; margin-right:8px;}
.goods-item .prd-review-wrap .prd-icons {margin-top:0;}
.goods-item .prd-comp-wrap {display:flex; align-items:flex-start;}
.goods-item .prd-comp-wrap .prd-comp {flex:1 1 auto; min-width:0; width:1%;}
.goods-item .prd-comp-wrap .btn-wish {width:31px; height:31px; margin-left:20px; background-image:url("../images/goods_icon_wish2_off.png")}
.goods-item .prd-comp-wrap .btn-wish:hover,
.goods-item .prd-comp-wrap .btn-wish.on {background-image:url("../images/goods_icon_wish2_on.png");}
.goods-item .prd-comp-wrap .btn-trash {display:inline-block; width:35px; height:35px; margin-left:20px; background:url("../images/goods_icon_trash.png") 50% 50% no-repeat; border:0;}
.goods-item .prd-comp {font-weight:300; font-size:16px; line-height:26px;}
.goods-item .prd-comp .name {font-size:28px; line-height:1.3em; margin-bottom:8px;}
.goods-item .prd-btns {position:absolute; bottom:9px; left:39px; right:0;}
.goods-item .prd-btns .row {display:flex; margin:0 -8px;}
.goods-item .prd-btns .col {width:50%; padding:0 8px;}
.goods-item .prd-btn-cart {display:block; width:100%; height:50px; text-align:center; line-height:48px; color:#000; font-size:18px; font-weight:400; background:#fff; border:1px solid #e5e5e5;}
.goods-item .prd-btn-buy {display:block; width:100%; height:50px; text-align:center; line-height:48px; color:#fff; font-size:18px; font-weight:400; background:#666; border:1px solid #666;}
.goods-item .prd-txt {margin:10px 8px 0; font-size:16px; font-weight:300; line-height:26px; height:78px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.prd-card .prd-thumb {position:relative; padding-bottom:100%; border-radius:10px; overflow:hidden;}
.prd-card .prd-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;}
.prd-card .prd-thumb .soldout {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:500; line-height:1.3em; background:rgba(0,0,0,.5);}
.prd-card .prd-info {position:relative; padding:12px 4px 0;}
.prd-card .prd-label {position:absolute; right:8px; top:-50px; width:52px; height:62px; padding:7px 0 0 0; color:#fff; font-family:"Roboto",sans-serif; font-size:12px; line-height:16px; text-align:center; background-position:0 0; background-repeat:no-repeat;}
.prd-card .prd-label strong {font-weight:400; font-size:18px; line-height:18px;}
.prd-card .prd-label.type1 {background-image:url("../images/goods_sale_bg.png");}
.prd-card .prd-label.type2 {background-image:url("../images/goods_sale_bg2.png");}
.prd-card .prd-label.type3 {background-image:url("../images/goods_sale_bg3.png");}
.prd-card .prd-label.type4 {background-image:url("../images/goods_sale_bg4.png");}
.prd-card .prd-label.type2 strong,
.prd-card .prd-label.type3 strong {font-family:"Noto Sans KR",sans-serif; font-weight:300; font-size:16px; line-height:16px;}
.prd-card .prd-tit {font-size:16px; font-weight:300; line-height:1.35em; max-height:2.7em; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.prd-card .prd-price {font-size:18px; font-weight:500; line-height:1.3em;}
.prd-card .prd-price strong {font-family:"Roboto",sans-serif; font-size:24px;}
.prd-card .prd-price .origin {color:#999; font-size:14px; font-weight:400; line-height:1.5em; margin-left:2px;}
.prd-card .prd-price .origin span {font-family:"Roboto",sans-serif; text-decoration:line-through; font-size:16px;}

.category-best {margin-bottom:140px;}
.category-best .head {padding:85px 0 110px 0; color:#fff; background:#38859b;}
.category-best .head h2 {display:inline-block; vertical-align:middle; margin:0 6px 0 8px; font-family:"Roboto",sans-serif; font-size:40px; font-weight:300; line-height:1.2em; letter-spacing:.1em;}
.category-best .cont {position:relative; margin-top:-95px;}

.best-goods-wrap {margin-bottom:130px;}
.best-goods-wrap .head {border-bottom:1px solid #e5e5e5; padding:0 0 10px 9px; margin-bottom:50px;}
.best-goods-wrap .head h2 {display:inline-block; vertical-align:middle; font-size:24px; font-weight:500; line-height:1.2em;}
.best-goods-wrap .head h2 strong {font-family:"Roboto",sans-serif; font-size:40px; font-weight:700; line-height:1em; letter-spacing:.1em;}
.best-goods-wrap .head .tooltip-wrap {vertical-align:bottom; margin:0 0 .2em 4px;}

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

.goods-photo {width:50%; padding-right:20px;}
.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 .slider {border:1px solid #e5e5e5; width:640px; height:640px; overflow:hidden; margin-bottom:10px;}
.goods-photo .thumbs {position:relative; padding:0 60px; height:120px; overflow:hidden;}
.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 #e5e5e5;}
.goods-photo .thumbs .slick-current .item:after {border:1px solid #000;}
.goods-photo .thumbs .slick-arrow {position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-999em;}
.goods-photo .thumbs .slick-prev {left:8px; background-image:url("../images/goods_photo_slide_prev.png");}
.goods-photo .thumbs .slick-next {right:8px; background-image:url("../images/goods_photo_slide_next.png");}

.goods-info {width:50%; padding-left:20px;}
.goods-info .dropdown-select {position:relative; width:264px;}
.goods-info .dropdown-select .dropdown-input {cursor:pointer; padding:0 12px; font-weight:300; font-size:16px; line-height:38px; border:1px solid #e5e5e5; background:#fff url("../images/top_icon_select.png") right 10px center no-repeat; border-radius:10px;}
.goods-info .dropdown-select .dropdown-list {display:none; position:absolute; left:0; width:100%; padding:4px; margin-top:2px; background:#fff; border-radius:10px; border:1px solid #e5e5e5; overflow:hidden;}
.goods-info .dropdown-select .dropdown-list li {margin-bottom:2px;}
.goods-info .dropdown-select .dropdown-list li:last-child {margin-bottom:0;}
.goods-info .dropdown-select .dropdown-list li a {display:block; font-weight:300; font-size:16px; line-height:26px; padding:0 7px;}
.goods-info .dropdown-select .dropdown-list li a:hover {color:#fff; background:#eb6867}
.goods-info .dropdown-select.active {z-index:2;}
.goods-info .dropdown-select.active .dropdown-list {display:block;}

.prd-view-comp {display:flex; justify-content:space-between; align-items:center; padding:5px 0 10px; margin-bottom:13px; border-bottom:1px solid #e5e5e5;}
.prd-view-comp .name {
    font-size:18px;
    line-height:1.3em;
    /* 아이콘을 나란히 배치하기 위해 flexbox 사용 */
      display: flex; 
      align-items: center; 
}

/* 추가할 코드 */
.prd-view-comp .name .ico {
  /* 아이콘 크기 및 여백 조정 */
  display: inline-block; 
  height: 22px; 
  font-size: 13px; 
  font-weight: 300; 
  line-height: 20px; 
  margin-left: 8px; /* 상품명과의 간격 */
  padding: 0 5px; /* 아이콘 내부 여백 */
  border-radius: 4px;
}

/* .type2 스타일 적용 */
.prd-view-comp .name .ico.type2 {
  border: 1px solid #3d9b38; 
  color: #3d9b38;
}
.prd-view-comp .code {font-size:16px; font-weight:300; line-height:1.3em;}
.prd-view-comp .code .num {color:#999999;}

.prd-view-tit {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:15px;}
.prd-view-tit h2 {font-size:30px; line-height:1.4em;}
.prd-view-tit .btn-wish {display:inline-block; margin:0 4px 0 20px; width:48px; height:48px; background:#fff url("../images/goods_icon_wish3_off.png") 50% 50% no-repeat; border:1px solid #e5e5e5; border-radius:100%;}
.prd-view-tit .btn-wish:hover,
.prd-view-tit .btn-wish.on {background-color:#eb6867; border-color:#eb6867; background-image:url("../images/goods_icon_wish3_on.png");}

.prd-view-price {color:#999; font-size:17px; line-height:1.5em; margin-bottom:10px;}
.prd-view-price span {font-family:"Roboto",sans-serif; text-decoration:line-through; font-size:19px;}

.prd-view-price2 {display:flex; justify-content:space-between; align-items:center; font-size:21px; font-weight:500; line-height:1.5em; margin-bottom:14px;}
.prd-view-price2 .left {display:flex; align-items:center;}
.prd-view-price2 .kg {font-family:"Roboto","Noto Sans KR",sans-serif;}
.prd-view-price2 .bar {display:inline-block; width:1px; height:21px; background:#999; margin:0 15px 0 20px;}
.prd-view-price2 .price strong {font-family:"Roboto",sans-serif; font-size:28px;}
.prd-view-price2 .right {display:flex; align-items:center; margin-right:2px;}
.prd-view-price2 .prd-label {display:inline-block; width:52px; height:52px; vertical-align:top; margin:-40px 0 0 9px; padding:8px 0 0 0; color:#fff; font-family:"Roboto",sans-serif; font-size:12px; line-height:16px; text-align:center; background-position:0 0; background-repeat:no-repeat;}
.prd-view-price2 .prd-label strong {font-weight:400; font-size:18px; line-height:18px;}
.prd-view-price2 .prd-label.type1 {background-image:url("../images/goods_sale3_bg.png");}
.prd-view-price2 .prd-label.type2 {background-image:url("../images/goods_sale3_bg2.png");}
.prd-view-price2 .prd-label.type3 {background-image:url("../images/goods_sale3_bg3.png");}
.prd-view-price2 .prd-label.type2 strong,
.prd-view-price2 .prd-label.type3 strong {font-family:"Noto Sans KR",sans-serif; font-weight:300; font-size:16px; line-height:16px;}
.prd-view-price2 .btn-coupon {display:inline-block; vertical-align:middle; text-align:center; min-width:100px; height:40px; padding:0 20px; color:#fff; font-size:16px; font-weight:300; line-height:40px; background:#666; border:0; border-radius:10px;}

.prd-view-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc;}
.prd-view-table th {height:50px; padding:10px; border:1px solid #e5e5e5; font-size:20px; line-height:1.5em; font-weight:500; background:#f8f8f8;}
.prd-view-table td {height:50px; padding:10px; text-align:center; color:#333; font-size:16px; line-height:1.5em; font-weight:300; border:1px solid #e5e5e5;}
.prd-view-table tr th:first-child,
.prd-view-table tr td:first-child {border-left:0;}
.prd-view-table tr th:last-child,
.prd-view-table tr td:last-child {border-right:0;}

.prd-view-delivery {position:relative; display:flex; justify-content:space-between; align-items:center; padding:24px 4px 24px 9px; border-bottom:1px solid #e5e5e5; color:#333; font-size:16px; font-weight:300; line-height:1.5em;}
.prd-view-delivery .price strong {color:#000; font-weight:500; margin-right:14px;}
.prd-view-delivery .bar {display:inline-block; width:1px; height:16px; background:#999; margin:0 18px;}
.prd-view-delivery .btn-bundle {display:inline-block; margin-left:13px; flex:1 1 auto; min-width:0; width:1%; padding:0 12px; font-weight:300; font-size:16px; line-height:38px; border:1px solid #e5e5e5; background:#fff url("../images/arrow_right.png") right 10px center no-repeat; border-radius:10px;}

.prd-view-pay {position:relative; border-bottom:1px solid #e5e5e5; color:#333; font-size:16px; font-weight:300; line-height:1.5em; z-index:30;}
.prd-view-pay .dropdown-select {width:100%;}
.prd-view-pay .dropdown-input {width:100%; border:0 !important; border-radius:0 !important; padding:15px 25px !important; background-position:right 25px center !important;}
.prd-view-pay .dropdown-list {border-radius:0 !important; padding:0 !important; margin-top:-1px !important;}
.prd-view-pay .pay-type-credit-info {max-height:269px; overflow:auto;}
.prd-view-pay .pay-type-credit-info .credit-item {width:100%;}

.prd-view-text {padding:12px 9px; color:#333; font-size:16px; font-weight:300; line-height:1.5em;}
.prd-view-text2 {padding:32px 9px; color:#333; font-size:16px; font-weight:500; line-height:1.5em; border-top:2px solid #ccc; border-bottom:1px solid #e5e5e5;}

.prd-view-quantity {display:flex; justify-content:space-between; align-items:center; padding:35px; background:#f8f8f8;}
.prd-view-quantity .txt {font-weight:300;}

.prd-view-total {margin:32px 0 28px; text-align:right; color:#000; font-size:18px; font-weight:500;}
.prd-view-total .price {font-family:"Roboto",sans-serif; font-weight:500; font-size:40px; color:#ff3333; line-height:1em; margin-left:16px;}
.prd-view-total .won {font-size:26px; font-weight:400; line-height:1em;}

.prd-view-btns .row {display:flex; justify-content:center; margin:0 -6px;}
.prd-view-btns .col {width:50%; padding:0 6px;}
.prd-view-btns .bt {display:block; width:100%; height:60px; border:1px solid #e5e5e5; color:#000; font-size:20px; font-weight:300; background:#fff; text-align:center; line-height:58px;}
.prd-view-btns .btn-buy {color:#fff; background:#666; border-color:#666;}
.prd-view-btns .soldout {color:#fff; background:#999; border-color:#999;}

.quantity {display:inline-block; position:relative; vertical-align:middle; width:116px; padding:0 28px;}
.quantity .input {display:block; width:100%; height:29px; font-family:"Roboto",sans-serif; font-weight:400; text-align:center; color:#000; border:1px solid #e5e5e5;}
.quantity .qty-bt {position:absolute; top:0; width:29px; height:29px; overflow:hidden; text-indent:-999em; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #e5e5e5;}
.quantity .qty-down {left:0; background-image:url("../images/icon_minus.png");}
.quantity .qty-up {right:0; background-image:url("../images/icon_plus.png");}

.add-opt-slct-wrap {position:relative; z-index:10;}
.add-opt-slct-wrap.active .add-opt-slct-btn {border-bottom-color:#fff;}
.add-opt-slct-wrap.active .add-opt-slct-list {display:block;}

.add-opt-slct-btn {display:block; padding:0 19px; font-size:16px; font-weight:500; line-height:58px; background:url("../images/add_option_select.png") right 22px center no-repeat; border:1px solid #e5e5e5;}

.add-opt-slct-list {display:none; position:absolute; left:0; width:100%; border:1px solid #e5e5e5; border-top:0; background:#fff; padding:16px 19px 21px}
.add-opt-slct-list ul li {position:relative; margin-bottom:15px;}
.add-opt-slct-list ul li:last-child {margin-bottom:0;}
.add-opt-slct-list ul li .soldout {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; display:flex; justify-content:center; align-items:center; font-size:20px; font-weight:500; line-height:1.3em; background:rgba(0,0,0,.5);}

.add-opt-slct-list .opt-wrap {display:flex; align-items:flex-start; padding:15px; background:#f8f8f8;}
.add-opt-slct-list .img {position:relative; width:90px; height:90px; overflow:hidden; margin-right:18px;}
.add-opt-slct-list .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:100%; max-height:100%; object-fit:contain;}
.add-opt-slct-list .info {flex:1 1 auto; min-width:0; width:1%;}
.add-opt-slct-list .prd-view-tit {margin-bottom:6px; font-size:20px; font-weight:500; line-height:1.4em;}
.add-opt-slct-list .prd-view-price {margin-bottom:2px;}
.add-opt-slct-list .prd-view-price {font-size:14px;}
.add-opt-slct-list .prd-view-price span {font-size:16px;}
.add-opt-slct-list .prd-view-price2 {font-size:18px; margin-bottom:0;}
.add-opt-slct-list .prd-view-price2 .price strong {font-size:24px;}
.add-opt-slct-list .prd-view-price2 .bar {height:18px; margin:0 14px 0 16px;}

.add-options {margin-top:14px;}
.add-options ul li {display:flex; align-items:center; margin-bottom:10px; padding:15px; background:#f8f8f8;}
.add-options ul li:last-child {margin-bottom:0;}
.add-options .opt-wrap {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:flex-start; margin-right:20px;}
.add-options .img {position:relative; width:90px; height:90px; overflow:hidden; margin-right:18px;}
.add-options .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:100%; max-height:100%; object-fit:contain;}
.add-options .info {flex:1 1 auto; min-width:0; width:1%;}
.add-options .prd-view-tit {margin-bottom:6px; font-size:20px; font-weight:500; line-height:1.4em;}
.add-options .prd-view-price {margin-bottom:2px;}
.add-options .prd-view-price {font-size:14px;}
.add-options .prd-view-price span {font-size:16px;}
.add-options .prd-view-price2 {font-size:18px; margin-bottom:0;}
.add-options .prd-view-price2 .price strong {font-size:24px;}
.add-options .prd-view-price2 .bar {height:18px; margin:0 14px 0 16px;}
.add-options .opt-count {display:flex; align-items:center;}
.add-options .del {margin-left:6px; width:29px; height:29px; background:#fff url("../images/opt_del.png") 50% 50% no-repeat; border:1px solid #e5e5e5;}

/* MD's Choice */
.md-choice {position:relative; margin-bottom:80px;}
.md-choice .goods-title h3 {letter-spacing:.1em;}
.md-choice .goods-title .small {margin-left:-5px;}
.md-choice .arrows {position:absolute; top:10px; right:0; display:flex;}
.md-choice .arrows a {width:29px; height:29px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #e5e5e5;}
.md-choice .arrows .prev {background-image:url("../images/slide3_prev.png");}
.md-choice .arrows .next {background-image:url("../images/slide3_next.png"); margin-left:-1px;}

/* 상세설명 */
.goods-title {position:relative; margin-bottom:20px;}
.goods-title h3 {display:inline-block; font-size:40px; font-family:"Roboto","Noto Sans KR",sans-serif; letter-spacing:.2em; line-height:1.15em;}
.goods-title h3 .normal {font-weight:300;}
.goods-title h3 .small {font-size:18px; font-weight:300; line-height:1.3em; letter-spacing:-.02em; margin-left:-10px;}
.goods-title h3 .small2 {font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-.02em; margin-left:-10px;}
.goods-title p {position:absolute; top:10px; right:0;}

.btn-goods-write {position:absolute; top:5px; right:0; width:140px; text-align:center; color:#fff !important; background:#339933; line-height:40px; font-size:16px; font-weight:300;}

.goods-tab {text-align:center; margin-bottom:45px;}
.goods-tab ul:after {content:""; display:block; clear:both;}
.goods-tab ul li {float:left; width:25%; padding:4px; border:1px solid #e5e5e5; border-left:0;}
.goods-tab ul li:first-child {border-left:1px solid #e5e5e5;}
.goods-tab ul li a {display:block; color:#000; font-size:18px; font-weight:300; line-height:50px;}
.goods-tab ul li.active a {color:#fff; background:#eb6867;}

.goods-content {margin-bottom:100px;}

.goods-detail-wrap {position:relative; padding-right:460px;}
.goods-detail {width:860px; padding-right:29px; border-right:1px solid #e5e5e5;}

.goods-buy-wrap {position:absolute; top:0; right:0; width:430px;}
.goods-buy-wrap .prd-view-info {display:flex; align-items:flex-start; margin-bottom:24px;}
.goods-buy-wrap .prd-view-info .img {position:relative; width:120px; height:120px; border-radius:10px; overflow:hidden; margin-right:18px;}
.goods-buy-wrap .prd-view-info .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:100%; max-height:100%; object-fit:contain;}
.goods-buy-wrap .prd-view-info .info {flex:1 1 auto; min-width:0; width:1%; padding-top:4px;}
.goods-buy-wrap .prd-view-info .prd-view-tit {margin-bottom:13px; font-size:20px; font-weight:500; line-height:1.4em;}
.goods-buy-wrap .prd-view-info .prd-view-price {margin-bottom:6px;}
.goods-buy-wrap .prd-view-info .prd-view-price {font-size:14px;}
.goods-buy-wrap .prd-view-info .prd-view-price span {font-size:16px;}
.goods-buy-wrap .prd-view-info .prd-view-price2 {font-size:18px;}
.goods-buy-wrap .prd-view-info .prd-view-price2 .price strong {font-size:24px;}
.goods-buy-wrap .prd-view-info .prd-view-price2 .bar {height:18px; margin:0 14px 0 16px;}
.goods-buy-wrap .prd-view-text {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:24px;}
.goods-buy-wrap .add-options {}
.goods-buy-wrap .add-options ul li {flex-wrap:wrap;}
.goods-buy-wrap .add-options .opt-wrap {margin-right:0;}
.goods-buy-wrap .add-options .opt-count {width:100%; padding:11px 0 0 108px;}
.goods-buy-wrap.fixed {position:fixed; top:24px; left:50%; margin-left:230px;}
.goods-buy-wrap.bottom-fixed {top:auto; bottom:0;}

/* 반품/취소 */
.delivery-cnt table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000; font-size:16px; font-weight:300; line-height:1.75em;}
.delivery-cnt th {padding:30px; text-align:center; font-weight:400; font-size:20px; background:#f7f7f7; border-bottom:1px solid #e5e5e5;}
.delivery-cnt td {padding:30px; border-bottom:1px solid #e5e5e5;}
.delivery-cnt td ul li {position:relative; padding-left:10px; margin-bottom:10px;}
.delivery-cnt td ul li:last-child {margin-bottom:0;}
.delivery-cnt td ul li:before {content:"·"; position:absolute; top:0; left:0;}
.delivery-cnt td .tt {margin-top:40px; margin-bottom:8px;}
.delivery-cnt td .tt:first-child {margin-top:0;}

/* 주문 */
.order-wrap {position:relative; padding-right:470px;}

.cart-wrap {margin-bottom:30px;}
.cart-wrap:last-child {margin-bottom:0;}

.order-info-wrap {margin-bottom:40px;}
.order-info-wrap:last-child {margin-bottom:0;}
.order-info-wrap + .buttons {margin-top:65px;}

.cart-top-txt {font-weight:300; line-height:1.65em; margin:0 0 11px 13px;}

.order-product .head {display:flex; padding:16px 0; background:#f7f7f7; border-top:2px solid #ccc; border-bottom:1px solid #e5e5e5;}
.order-product .group {position:relative; display:flex; padding:16px 0; border-bottom:1px solid #e5e5e5;}
.order-product .cell-comp {flex:1 1 auto; min-width:0; width:1%; text-align:left; font-size:18px; font-weight:500; line-height:1.5em; padding:0 22px;}
.order-product .cell-comp img {vertical-align:middle; margin:-.2em 0 0 4px;}
.order-product .cell-check {width:43px; text-align:right; display:flex; align-items:center; justify-content:flex-end;}
.order-product .cell-check label {position:relative;}
.order-product .cell-check label .check {display:inline-block; vertical-align:middle; margin-top:-.2em; width:16px; height:16px; background-color:#fff; border:1px solid #ccc;}
.order-product .cell-check input[type=checkbox] {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.order-product .cell-check input[type=checkbox]:checked + .check {background:#999 url("../images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#999;}
.order-product .cell-product {flex:1 1 auto; min-width:0; width:1%; padding:0 30px 0 22px; max-width:450px;}
.order-product .cell-quantity {width:116px; padding-top:7px;}
.order-product .cell-price {text-align:right; white-space:nowrap; padding:7px 22px 7px 37px;}
.order-product .prd-price {font-size:18px; font-weight:500; line-height:29px; margin-bottom:7px;}
.order-product .prd-price strong {font-family:"Roboto",sans-serif; font-size:24px;}
.order-product .del {display:inline-block; vertical-align:top; margin:0 -5px 0 10px; width:29px; height:29px; background:#fff url("../images/opt_del.png") 50% 50% no-repeat; border:1px solid #e5e5e5;}
.order-product .prd-shipping {display:inline-block; position:relative; font-weight:300; color:#333;}
.order-product .prd-shipping strong {color:#000; margin-right:13px;}
.order-product .prd-shipping.mgr {margin-right:7px; padding:0 8px;}
.order-product .prd-shipping.line:after {content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#000;}
.order-product .no-delivery {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); color:#fff; font-size:18px; font-weight:400; line-height:1.5em; text-align:center;}
.order-product .no-delivery p {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}

.order-goods-info {display:flex; align-items:flex-start; text-align:left;}
.order-goods-info .img {position:relative; width:90px; height:90px; overflow:hidden; margin-right:13px;}
.order-goods-info .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:100%; max-height:100%; object-fit:contain;}
.order-goods-info .cnt {flex:1 1 auto; min-width:0; width:1%; padding-top:8px;}
.order-goods-info .tit {font-size:20px; font-weight:500; line-height:1.3em;}
.order-goods-info .txt {color:#333; font-size:16px; font-weight:300; line-height:1.4em; margin-top:8px;}

.order-table {position:relative; margin-top:-1px;}
.order-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc;}
.order-table th {height:59px; padding:11px; font-weight:400; border:1px solid #e5e5e5;}
.order-table td {height:59px; padding:11px; color:#333; border:1px solid #e5e5e5; 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 .bg {background:#f8f8f8}
.order-table .left {text-align:left;}
.order-table .date-select {margin-right:26px;}
.order-table .date-select .input {width:140px; margin-right:5px;}

.order-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc;}
.order-list th {padding:10px; height:60px; font-size:18px; font-weight:500; line-height:1.5em; border-bottom:1px solid #e5e5e5; background:#f7f7f7;}
.order-list td {padding:10px; height:60px; font-weight:300; line-height:1.5em; text-align:center; border-bottom:1px solid #e5e5e5;}
.order-list td.left {text-align:left;}
.order-list .checkbox label:before {margin-right:0 !important;}
.order-list .hover:hover td {background:#f8f8f8}
.order-list.bordered td {border-left:1px solid #e5e5e5;}
.order-list.bordered td:first-child {border-left:0;}
.order-list.mgb {margin-bottom:12px;}

.order-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc;}
.order-form th {height:60px; padding:11px; font-weight:400; border-bottom:1px solid #e5e5e5; background:#f8f8f8}
.order-form td {padding:11px; font-weight:300; border-bottom:1px solid #e5e5e5;}
.order-form td.left {padding-left:20px;}
.order-form th.tit {background:#fff; padding:10px 20px; height:63px; text-align:left; font-size:20px; font-weight:500;}
.order-form th.tit img {margin-right:4px;}
.order-form th.tit2 {background:#f7f7f7; padding:10px 20px; height:63px; text-align:center; font-size:18px; font-weight:500;}
.order-form img {vertical-align:middle; margin-top:-.2em;}
.order-form .radio-row {margin:6px 12px;}
.order-form .radiobox2 {margin-right:30px;}
.order-form .radiobox2:last-child {margin-right:0;}
.order-form .text-red {color:#eb6867}
.order-form .textarea-wrap {display:flex; align-items:flex-end;}
.order-form .textarea-wrap textarea {flex:1 1 auto; min-width:0; width:1%; height:184px;}
.order-form .textarea-wrap .byte {width:85px; margin-left:15px;}
.order-form .btn-pack.medium {min-width:140px;}
.order-form .price {color:#ff586b; font-size:20px;}
.order-form td .order-list {margin:25px 15px;}
.order-form.mgb {margin-bottom:12px;}
.order-form.mgb2 {margin-bottom:22px;}

.order-bottom-text {text-align:center; font-weight:300; line-height:1.625em; margin-top:25px; margin-bottom:-20px;}
.order-bottom-text .text-red {color:#eb6867}

.order-shipping-info {border-top:2px solid #ccc;}
.order-shipping-info .head {padding:16px 25px; background:#f7f7f7; border-bottom:1px solid #e5e5e5;}
.order-shipping-info .head h3 {font-size:18px; font-weight:500; line-height:1.4em;}
.order-shipping-info .group {padding:16px 25px; border-bottom:1px solid #e5e5e5; font-weight:300; line-height:1.65em;}
.order-shipping-info .item {display:inline-block; margin-right:35px;}
.order-shipping-info .none {padding:30px 0;}
.order-shipping-info .addr-list {margin-bottom:7px;}
.order-shipping-info .addr-list ul {display:flex; flex-wrap:wrap;}
.order-shipping-info .addr-list ul li {border:1px solid #e5e5e5; margin:0 9px 9px 0; padding:0 8px; min-width:60px; height:29px; line-height:27px; text-align:center;}
.order-shipping-info .addr-list ul li .del {margin-left:20px;}
.order-shipping-info .addr-list ul li .del img {vertical-align:middle; margin-top:-.2em;}
.order-shipping-info .btn-select-addr {display:inline-block; margin-left:4px; padding:0 30px; color:#fff; font-weight:300; text-align:center; line-height:29px; background:#666; border:0;}
.order-shipping-info .form table {width:100%; border-collapse:collapse; border-spacing:0px;}
.order-shipping-info .form th {background:#f8f8f8; border-bottom:1px solid #e5e5e5; font-weight:400; padding:12px 10px;}
.order-shipping-info .form td {border-bottom:1px solid #e5e5e5; font-weight:400; padding:12px 10px;}
.order-shipping-info .item-center {display:flex; align-items:center; justify-content:space-between;}
.order-shipping-info .item-center .btn-pack.medium {min-width:130px;}

.order-bundle-info {border-top:2px solid #ccc; margin-top:-1px;}
.order-bundle-info .head {padding:16px 25px; border-bottom:1px solid #e5e5e5;}
.order-bundle-info .head h3 {font-size:18px; font-weight:500; line-height:1.4em;}
.order-bundle-info .group {padding:30px; border-bottom:1px solid #e5e5e5; font-weight:300; line-height:1.65em; background:#f8f8f8;}
.order-bundle-info .text-red {color:#eb6867;}
.order-bundle-info .delivery-comp {font-size:18px; font-weight:500; line-height:1.4em;}
.order-bundle-info .delivery-type {margin-top:7px;}

.delivery-available-product {padding:27px;}
.delivery-available-product .tit {font-size:18px; font-weight:500; line-height:1.3em; margin-bottom:20px;}
.delivery-available-product .goods-list > ul {margin:-18px;}
.delivery-available-product .goods-list > ul > li {width:33.33333333%; padding:18px;}

.order-point-info {border-top:2px solid #ccc;}
.order-point-info .head {padding:16px 25px; border-bottom:1px solid #e5e5e5;}
.order-point-info .head h3 {font-size:18px; font-weight:500; line-height:1.4em;}
.order-point-info .form table {width:100%; border-collapse:collapse; border-spacing:0px;}
.order-point-info .form th {background:#f8f8f8; border-bottom:1px solid #e5e5e5; font-weight:400; padding:12px 10px;}
.order-point-info .form td {border-bottom:1px solid #e5e5e5; font-weight:400; padding:12px 10px;}
.order-point-info .form td .checkbox {margin-left:4px;}
.order-point-info .form td .btn-pack.medium {min-width:130px;}

.order-pay-info {border-top:2px solid #ccc; margin-top:-1px;}
.order-pay-info .head {padding:16px 25px; border-bottom:1px solid #e5e5e5;}
.order-pay-info .head h3 {font-size:18px; font-weight:500; line-height:1.4em;}
.order-pay-info .pay-type {padding:12px 25px; font-weight:300; border-bottom:1px solid #e5e5e5;}
.order-pay-info .pay-type-row {display:flex; padding:6px 0;}
.order-pay-info .pay-type-row .radiobox {width:194px;}
.order-pay-info .pay-type-row .radiobox .txt {display:inline-block; width:88px;}
.order-pay-info .pay-type-row .radiobox img {vertical-align:middle; margin-top:-.2em;}

.order-pay-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc;}
.order-pay-table th {background:#f8f8f8; border-bottom:1px solid #e5e5e5; font-weight:400; line-height:1.625em; padding:20px;}
.order-pay-table td {border-bottom:1px solid #e5e5e5; font-weight:300; line-height:1.625em; padding:20px;}

.pay-type-credit-info {display:flex; flex-wrap:wrap; font-size:13px; line-height:20px; font-weight:300;}
.pay-type-credit-info .credit-item {width:50%; height:90px; display:flex; align-items:center; border-bottom:1px solid #e5e5e5;}
.pay-type-credit-info .name {width:78px; text-align:center; font-size:13px; letter-spacing:-.015em;}
.pay-type-credit-info .name img {display:block; margin:0 auto 3px;}
.pay-type-credit-info .cnt {flex:1 1 auto; min-width:0; width:1%; letter-spacing:-.015em;}
.pay-type-credit-info .cnt .gray {color:#999;}

.pay-type-escrow {padding:23px 25px; border-bottom:1px solid #e5e5e5;}
.pay-type-escrow .check {font-size:18px; font-weight:500; line-height:1.5em; margin-bottom:5px;}
.pay-type-escrow .text {margin-left:22px; font-weight:300; line-height:1.625em;}

.pay-type-bank table {width:100%; border-collapse:collapse; border-spacing:0px;}
.pay-type-bank th {background:#f8f8f8; border-bottom:1px solid #e5e5e5; font-weight:400; padding:12px 10px;}
.pay-type-bank td {border-bottom:1px solid #e5e5e5; font-weight:400; padding:12px 10px;}
.pay-type-bank td .help-text {margin:10px 0 0 14px; font-weight:300;}

.pay-type-text {padding:24px 0 0 22px; font-weight:300; line-height:1.625em;}

/* 주문 합계 */
.order-calculator {position:absolute; top:0; right:0; width:430px; padding:22px; border:3px solid #ccc;}
.order-calculator h3 {padding:10px 13px; font-size:20px; font-weight:500; line-height:1.3em; border-bottom:2px solid #e5e5e5;}
.order-calculator .items {padding:18px 13px; border-bottom:1px solid #e5e5e5; color:#333;}
.order-calculator .items dl {display:table; width:100%; height:46px;}
.order-calculator .items dt {display:table-cell; vertical-align:middle; text-align:left; font-weight:300;}
.order-calculator .items dd {display:table-cell; vertical-align:middle; text-align:right; font-weight:700;}
.order-calculator .total {padding:20px 13px 65px; color:#333;}
.order-calculator .total dl {display:table; width:100%;}
.order-calculator .total dt {display:table-cell; vertical-align:middle; text-align:left; font-size:26px; line-height:1.3em;}
.order-calculator .total dd {display:table-cell; vertical-align:middle; text-align:right; color:#000; font-size:26px; line-height:1.3em;}
.order-calculator .total dd strong {font-family:"Roboto",sans-serif; color:#eb6867; font-size:40px; font-weight:500; line-height:1em;}
.order-calculator .btn-order {display:block; width:100%; height:60px; line-height:60px; text-align:center; color:#fff; font-size:20px; font-weight:300; background:#666; border:0;}
.order-calculator.fixed {position:fixed; top:0; left:50%; margin-left:230px;}
.order-calculator.bottom-fixed {top:auto; bottom:0;}

/* 주문 완료 */
.order-complete {padding:33px 35px 67px; margin-bottom:34px; text-align:center; border:3px solid #ccc;}
.order-complete .txt {font-size:20px; font-weight:500; line-height:1.5em; text-align:left; margin-bottom:36px;}
.order-complete .box {padding:48px; margin-bottom:33px; background:#f8f8f8; font-size:20px; font-weight:500; line-height:1.5em;}

/* 쿠폰 팝업 */
.pop-coupon {padding:10px;}
.pop-coupon table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc; font-size:16px; line-height:1.5em;}
.pop-coupon table th {padding:12px 10px; text-align:center; border:1px solid #e5e5e5; background:#f8f8f8; font-size:18px; font-weight:400; color:#000;}
.pop-coupon table td {padding:25px 17px; text-align:center; color:#333; font-weight:300; border:1px solid #e5e5e5;}
.pop-coupon table td.left {text-align:left;}
.pop-coupon table tr th:first-child,
.pop-coupon table tr td:first-child {border-left:0;}
.pop-coupon table tr th:last-child,
.pop-coupon table tr td:last-child {border-right:0;}
.pop-coupon .c-name {font-size:18px;}
.pop-coupon .date {margin-top:10px;}

.pop-coupon-use table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc; font-size:16px; line-height:1.5em;}
.pop-coupon-use table th {padding:12px 15px; text-align:center; border:1px solid #e5e5e5; background:#f8f8f8; font-size:20px; font-weight:500; color:#000;}
.pop-coupon-use table td {padding:20px 15px; text-align:center; color:#000; font-weight:300; border:1px solid #e5e5e5;}
.pop-coupon-use table td.left {text-align:left; padding-left:20px;}
.pop-coupon-use table tr th:first-child,
.pop-coupon-use table tr td:first-child {border-left:0;}
.pop-coupon-use table tr th:last-child,
.pop-coupon-use table tr td:last-child {border-right:0;}
.pop-coupon-use .prd-img {position:relative; width:90px; height:90px; margin:0 auto 10px;}
.pop-coupon-use .prd-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:100%; max-height:100%; object-fit:contain;}
.pop-coupon-use .prd-name {font-size:18px; color:#333; font-weight:700; line-height:1.3em;}
.pop-coupon-use .price {display:inline-block; margin-top:4px;}
.pop-coupon-use .coupon-choice {margin-bottom:7px;}
.pop-coupon-use .coupon-choice:last-child {margin-bottom:0;}