@charset "UTF-8"; 

/**
 * PC style.container.css
 * #container 스타일을 정의. 우선 모바일을 이용함.
 * @date:2019-10-10
 * @todo:PC 페이지 퍼블리싱 할 경우 이곳 제거해야함.
 *
 * @update:2021-07-08
 * @name:이상아
 */

/* 공통 */
img {max-width:100%;}
.blind {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden; color:transparent;}
.bg-blank.none {display:none;} /* 17.10.23 추가 */
.btn-h40-black {display:inline-block; width:100%; height:40px; line-height:42px; background:#000; box-sizing:border-box; color:#fff; font-size:14px; text-align:center;}
.btn-h40-black-o {display:inline-block; width:100%; height:48px; line-height:50px; border:1px solid #b3b3b3; background:#fff; box-sizing:border-box; color:#000; font-size:14px; text-align:center;}  /* 2017-11-01 */
.btn-h40-black-o span {display:inline-block; padding-right:17px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat 100% 50% / 9px auto;}
.btn-h33-next {display:inline-block; width:100%; height:33px; line-height:35px; background:#b4b4b4; box-sizing:border-box; border-radius:3px; color:#fff; font-size:13px; text-align:center;}
.btn-h42-gray {display:inline-block; width:100%; height:66px; line-height:66px; background:#333; box-sizing:border-box; color:#fff; font-size:16px; font-weight:bold; text-align:center;} /* 2017-11-01 */
.btn-h42-gray a{display:block; color:#fff; font-size:16px; font-weight:bold;}/*:190627 추가*/
.btn-h42-gray3 {display:inline-block; width:100%; height:50px; line-height:52px; background:#666; box-sizing:border-box; color:#fff; font-size:16px; font-weight:bold; text-align:center;} /*:190627 추가*/
.btn-h42-gray3 a{display:block; color:#fff; font-size:16px; font-weight:bold;}/*:190627 추가*/
.btn-h26-share {display:inline-block; width:18px; height:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h26_share.gif) no-repeat; background-size:18px auto; text-indent:-9999em;} /* 2017-12-08 수정 */
.btn-h38-bd {display:inline-block; width:100%; height:46px; border:1px solid #d9d9d9; box-sizing:border-box; background:#fff; font-weight:bold; color:#4c4c4c; line-height:48px; text-align:center;}
.btn-h38-bd span {display:inline-block; padding-right:17px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat 100% 50% / 9px auto;}
.btn-h20-close {display:inline-block; width:10px; height:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h20_close.gif) no-repeat; background-size:10px 10px;}
.btn-h30-close {position:absolute; top:50%; left:20px; width:15px; height:15px; margin-top:-8px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h30_close.png) no-repeat 0 0 / 15px auto; text-indent:-9999em;} /* 2017-11-01 */
.btn-h43-black {display:inline-block; width:100%; height:47px; background:#000; font-size:14px; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
.btn-h43-gray1 {display:inline-block; width:100%; height:47px; background:#333; font-size:14px; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
.btn-h43-gray2 {display:inline-block; width:100%; height:47px; background:#4d4d4d; font-size:14px; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
.btn-h37-gray {display:block; width:116px; height:47px; margin:0 auto; background:#333; font-size:14px; font-weight:bold; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
label.w100 {width:100%;}
.w100 {width:100% !important;} /* 17.10.31 추가 */
.wmax-1000 {max-width:640px!important;}
.fc-gray {color:#999 !important;}
.fc-red {color:#e44343 !important;}
.fc-blue {color:#297bcf !important;}
.w50per {width:50% !important;}
.w90per {width:90% !important;}
/*S:190627 추가*/
.w10per {width:10% !important;}
.w20per {width:20% !important;}
.w30per {width:30% !important;}
.w40per {width:40% !important;}
.w60per {width:60% !important;}
.w70per {width:70% !important;}
.w80per {width:80% !important;}
#container {position:relative; min-height:100%; margin:0 auto; background-color:#fff;}

/* 17.10.23 수정 s */
#ord-list-detail {left:50%; width:520px; margin-left:-255px;} /* 2017-11-01 */
#ord-list-detail .lhd {height:70px;} /* 2017-11-01 */
#ord-list-detail .lhd h2 {padding-top:16px; line-height:18px;} /* 2017-11-01 */
#ord-list-detail .lhd p.ord-num {padding-top:8px; font-size:14px; font-weight:bold; color:#e44343; text-align:center;} /* 2017-11-01 */
#ord-list-detail .lcont {padding:0; background:#f5f5f5;}
#ord-list-detail .lcont ul {overflow-y:scroll; height:390px;}
#ord-list-detail .lcont li {position:relative; border-bottom:1px dashed #d2d2d2;}
#ord-list-detail .lcont li:last-child {border-bottom:none;}
#ord-list-detail .lcont li .btn-receipt {position:absolute; top:25px; right:20px; width:39px; height:21px; border:1px solid #b3b3b3; font-size:12px; color:#999; line-height:23px; text-align:center;} /* 2017-11-01 */
#ord-list-detail .lcont li dl {padding:25px 20px 18px;}
#ord-list-detail .lcont li dt {margin-bottom:5px; font-size:15px; font-weight:bold; color:#333;} /* 2017-11-01 */
#ord-list-detail .lcont li dd {font-size:14px; color:#999; line-height:24px;} /* 2017-11-01 */
#ord-list-detail .lcont li dd .fl-r {float:right; color:#000;}
#ord-list-detail .lcont li dd .fl-r>em {margin-right:3px; font-size:14px; color:#a8a8a8;} /* 2017-11-01 */
#ord-list-detail .lcont li dd.pay-price {margin-top:22px;}
/* 17.10.23 수정 e */ 

/* 메인 / 상품상세 / 주문서작성 */
/* 18.03.05 수정 s */
.visual-roll {max-width:640px; max-height:640px;} 
.visual-roll *,
.visual-roll *:before,
.visual-roll *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} 
#list-type1 .visual-roll .swiper-slide , 
.visual-roll.order-visual .swiper-slide {padding-top:100%; max-height:640px;} 
@-moz-document url-prefix() {
  #list-type1 .visual-roll .swiper-slide {height:100vw;}
  .visual-roll.order-visual .swiper-slide {height:100vw;}
} 
#list-type1 .visual-roll a ,
.visual-roll.order-visual a {display:block; position:absolute; left:0; top:0; right:0; bottom:0;} 
#list-type1 .visual-roll img ,
.visual-roll.order-visual img {display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); -moz-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);} /* 18.04.26 */

/* 18.03.05 수정 e */
.visual-play {position:relative;}
.visual-play .video {position:absolute; right:8px; bottom:8px; width:23px; height:16px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_video.png) no-repeat 0 0 / 23px auto;}
.visual-roll .total {z-index:2; position:absolute; right:12px; top:12px; height:20px; line-height:22px; padding:0 10px; background:rgba(0, 0, 0, 0.3); border-radius:10px; color:#fff; font-size:14px;} /* 17.12.05  */
.visual-roll .total em {color:#fff;} /* 17.10.23 추가 */
.visual-roll a.btn-enlarge {position:absolute; top:auto; left:auto; right:20px; bottom:24px; z-index:10; width:42px; height:42px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h67_enlarge.png) no-repeat; background-size:42px auto; text-indent:-9999em;} /* 18.03.05 수정 선택자 변경 및 수정 */
.thumbs-roll {margin-bottom:1px !important;} /* 17.10.23 수정 */
.thumbs-roll .swiper-slide {width:75px; margin-right:1px;}
.thumbs-roll .swiper-slide:last-child {margin-right:0;}
.thumbs-roll .swiper-slide span {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.45);}
.thumbs-roll .swiper-slide.now span {display:none;}

/* 18.04.20 추가 s */
.thumbs-roll .swiper-button-next {display:block; width:8px; height:13px; margin-top:-7px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h26_arr_right.png) no-repeat center / 8px auto; 	}
.thumbs-roll .swiper-button-prev {display:block; width:8px; height:13px; margin-top:-7px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h26_arr_left.png) no-repeat center / 8px auto; 	}
/* 18.04.20 추가 e */

/* 17.10.23 수정 s */
.visual-roll img {width:100%; height:100%;} /* 17.12.05 수정 */
.prd-info dt {font-size:19px; font-weight:bold; color:#000; line-height:20px; white-space:normal;} /* 2017-11-01 */
.prd-info dd {margin-top:12px; font-size:14px; color:#666; line-height:15px; white-space:normal;} /* 2017-12-08 */
.prd-desc {position:relative; padding:8px 20px 0px;}
.prd-desc .btn-share {float:right; width:30px; height:30px; margin-top:3px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_share.png) no-repeat; background-size:30px auto; text-indent:-9999em;}
.prd-desc .price {font-size:15px; font-weight:bold; color:#c70000; line-height:37px;} /* 2017-11-01 */
.prd-desc .price em {font-size:21px;}
.prd-desc .price span.gray-through {font-size:13px; color:#ccc; text-decoration:line-through;} /* 19.01.21 수정 */
.prd-option-result {padding:0px 20px 10px;} /* 17.12.05 수정 */
.prd-option-result li {position:relative; /* height:55px; */ border-bottom:2px solid #f0f0f0;} /* 19.03.12 수정 */
.prd-option-result li:last-child {border-bottom:none;} /* 18.11.01 수정 */
.prd-option-result li p {padding:15px 0; margin:0 20px 0 5px; font-size:15px; color:#297bcf;} /* 19.03.12 수정 */
.prd-option-result li .abs-r {position:absolute; top:50%; right:10px; margin-top:-5px;}
.prd-btn {height:49px;} /* 17.12.05 수정 */
.prd-option-result .op-sel li {position:relative; padding:15px 20px 0; color:#297bcf;}
.prd-option-result .op-sel li .count {position:relative; display:block; width:40px; height:32px; margin-top:10px; padding:0 32px; border:1px solid #ccc;}
.prd-option-result .op-sel li .count .btn-minus, 
.prd-option-result .op-sel li .count .btn-plus {position:absolute; top:0; width:32px; height:32px; text-indent:-9999px;}
.prd-option-result .op-sel li .count .btn-minus {left:0; border-right:1px solid #ccc; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_minus.gif) no-repeat 50% 50% / 8px auto;}
.prd-option-result .op-sel li .count .btn-plus {right:0; border-left:1px solid #ccc; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_plus.gif) no-repeat 50% 50% / 8px auto;}
.prd-option-result .op-sel li .count input[type=text] {height:32px; text-align:center;}
.prd-option-result .op-sel li .price {position:absolute; right:40px; bottom:0; font-size:14px; color:#000; line-height:34px;}
.prd-option-result .op-sel li .btn-delete {position:absolute; right:15px; bottom:28px; width:10px; height:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h20_close.gif) no-repeat 0 0 / 10px auto; text-indent:-9999px;}
.prd-btn {height:49px; border-bottom:1px solid #e6e6e6;}
.prd-btn a {display:inline-block; float:left; width:50%; height:100%; box-sizing:border-box; font-size:15px; font-weight:bold; line-height:51px; text-align:center;} /* 2017-11-01 */
.prd-btn a.btn-h26-share-black {border-right:1px solid #f0f0f0;}
.prd-btn a.btn-prd-detail {border-left:1px solid #f0f0f0;}
.prd-btn a.btn-h26-share-black span {padding-left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_h26_share.gif) no-repeat left center; background-size:12px auto;}
.prd-btn a.btn-prd-detail span {padding-left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_h21_plus.gif) no-repeat left center; background-size:11px auto;}
.prd-option {display:none; position:fixed; bottom:-500px; z-index:200; width:100%; background:#fff; max-width:640px;} /* PC버전 max 추가*/
.prd-option .hd {position:relative; height:39px; border-bottom:1px solid #e4e4e4;}
.prd-option .hd h3 {font-size:12px; padding-left:15px; font-weight:bold; color:#000; line-height:41px;}
.prd-option .hd .btn-h30-close {top:22px; left:90%; width:12px; height:12px; background-size:12px auto;}
.prd-option .cont {padding:24px 0 0;} /* 17.10.31 수정 */
.prd-option .cont-on {height:300px; overflow-y:scroll;}
.prd-option .cont .cont-top {padding:0 15px;}
.prd-option .cont h4 {margin-bottom:11px; font-size:16px; color:#000;} /* 2017-11-01 */
.prd-option .cont .op-box {position:relative; width:100%; height:38px; border:1px solid #d9d9d9; font-size:14px; font-weight:bold; line-height:40px;} /* 2017-11-01 */
.prd-option .cont .op-box a {display:block; padding:0 15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right 15px center / 12px auto; color:#999;}
.prd-option .cont .op-box a.up {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png); color:#333;}
.prd-option .cont .op-list {width:100%; border:1px solid #d9d9d9; border-top:none;}
.prd-option .cont .op-list dt {overflow:hidden; padding:15px 0; background:#f0f0f0; font-size:13px; font-weight:bold; color:#000;} /* 19.03.12 */
.prd-option .cont .op-list dt {border-bottom:1px solid #d9d9d9;}
.prd-option .cont .op-list dt:last-child {border-bottom:0;}
.prd-option .cont .op-list dt a {display:block; margin-right:15px; padding:0 15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right center / 12px auto;} /* 19.03.12 */
.prd-option .cont .op-list dt a.up {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png);}
.prd-option .cont .op-list dd {display:none;}
.prd-option .cont .op-list dd li {overflow:hidden; padding:15px; border-bottom:1px solid #d9d9d9; cursor:pointer;} /* 19.03.12 */
.prd-option .cont .op-list dd li .fl-r {float:right;}
.prd-option .cont ul.op-list li input {border:none; border-top:1px solid #e2e1e1;} /* 17.10.31 추가 */
.prd-option .cont ul.op-list li:first-child input {border-top:none;}/* 17.10.31 추가 */
.prd-option .op-sel li {position:relative; padding:15px 20px; border-bottom:1px solid #e2e1e1; color:#297bcf;}
/* 17.11.08 수정 s */
.count {position:relative; display:block; width:50px; height:32px; margin-top:10px; padding:0 32px; border:1px solid #ccc;}
.count .btn-minus, 
.count .btn-plus {position:absolute; top:0; width:32px; height:32px; text-indent:-9999px;}
.count .btn-minus {left:0; border-right:1px solid #ccc; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_minus.gif) no-repeat 50% 50% / 8px auto;}
.count .btn-plus {right:0; border-left:1px solid #ccc; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_plus.gif) no-repeat 50% 50% / 8px auto;}
.count input[type=text] {height:32px; border-top:none; border-bottom:none; text-align:center;}
/* 17.11.08 수정 e */
.prd-option .op-sel li .price {position:absolute; right:40px; bottom:15px; font-size:16px; color:#000; line-height:34px;} /* 2017-11-01 */
.prd-option .op-sel li .btn-delete {position:absolute; right:15px; bottom:28px; width:10px; height:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h20_close.gif) no-repeat 0 0 / 10px auto; text-indent:-9999px;}
.prd-option .total {padding:17px 15px 20px; font-size:16px; font-weight:bold; color:#c70000; text-align:right;} /* 2017-11-01 */
.prd-option .total span {margin-right:5px; color:#000;}
.prd-option .total em {font-size:18px;} /* 2017-11-01 */
.op-list dd.on {overflow-y:scroll; height:184px;}
/* 17.10.31 추가 */
.prd-option .btn-close-down {position:absolute; top:-19px; left:50%; z-index:100; width:53px; height:19px; margin-left:-27px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h38_close_down.png) no-repeat; background-size:53px auto;}
/* 18.05.28 추가 */
.prd-option .btn-opt-select-complete {display:none; cursor:pointer; float:left; width:90px; height:35px; margin:-5px auto; padding:0px 5px; background:#000; font-size:14px; font-weight:bold; color:#fff !important; line-height:35px; text-align:center;}

/* 17.10.23 수정 e */
.order-hd {position:relative; padding:18px 40px 16px 20px; border-bottom:1px solid #d4d4d4; background:#fff;} /* 17.10.23 수정 */
.order-hd.active {background:#f7f7f7; border-bottom:1px solid #e8e8e8;} /* 17.12.05 수정 */
.order-hd h3 {display:inline-block; font-size:16px; line-height:23px;} /* 2017-11-01 수정 */
.order-hd p:after {content:''; display:block; clear:both;}
.order-hd p.blur {float:right; width:65%; margin-top:2px; font-size:14px; color:#297bcf; line-height:17px; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} /* 17.12.05 */
.order-hd .lnk {position:absolute; top:0; right:0; bottom:0; width:52px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat 50% 50% / 12px auto; text-indent:-9999px;}
.order-hd .lnk.up {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png);}
/* 17.10.23 수정 s */
.order-terms .order-agree {margin-top:10px; padding:15px 0; border-top:1px solid #e2e1e1;}
.agree-box {padding:5px 20px 20px;}
.agree-box label.all {font-size:14px;}
.agree-box label em {color:#808080; font-size:11px;}
.agree-box li {position:relative; margin-top:12px; text-align:left;}
.agree-box li .btn-view {position:absolute; right:0; bottom:0; height:23px; line-height:23px; padding:0 10px; border:1px solid #808080; box-sizing:border-box; color:#000; font-size:11px;} /* 17.12.05 수정 */
.order-terms {background:#f2f3f5;}
.order-terms .inner {padding:25px 15px 26px;}
.price-box .txt-gray {color:#a8a8a8;}
.price-box li {position:relative; line-height:35px; padding:0 15px; font-size:15px; color:#333;}  /* 19.03.14 수정 */
.price-box li > em {display:block; width:60%; line-height:1.2;}
.price-box li span {position:absolute; top:0; right:15px; color:#000; font-size:18px;} /* 2017-11-01 수정 */ 
.price-box li.dic em {margin-right:5px; font-size:12px; color:#a8a8a8;}
.price-box li.pay-price{height:65px; line-height:45px;} /* 17.10.23 수정 */
.price-box li.pay-price span {font-size:20px; color:#c70000;} /* 17.10.23 수정 */
.price-box li.pay-price span em {font-size:20px;}
.order-frm {padding:20px 20px 25px;}
.order-frm h4 {margin-top:20px; color:#808080; font-weight:normal;}
.order-frm > label {font-size:14px;}
.order-frm li {overflow:hidden; position:relative; margin-top:10px;}
.order-frm li.array-3x .bar {float:left; width:3.5%; line-height:33px; color:#778096; text-align:center;}
.order-frm li.array-2x select {float:left; width:25%;} /* 17.10.23 수정 */
.order-frm li.array-2x input[type=text] {float:left; width:75%; border-left:none;} /* 17.10.23 수정 */
.order-frm li.array-2x input[type=tel] {float:left; width:75%; border-left:none;} /* 17.10.23 수정 */
.order-frm li.array-right {padding-right:34.5%;}
.order-frm li.array-right .btn-h33-next {position:absolute; top:0; right:0; width:31%;}
.order-pay {padding:20px 20px 25px; border-bottom:1px solid #e2e1e1;} /* 17.10.23 수정 */
.order-pay label {position:relative; display:block; margin-bottom:10px; color:#333;} /* 17.10.23 수정 */
.order-pay label em {color:#f00; font-size:11px;}
/* 17.10.23 수정 e */
.order-pay ul.txt-desc li {font-size:0.8em; color:#666; line-height:18px; padding-left:30px;} /* 17.12.05 */
/* 17.10.23 수정 s */
.order-pay .btn-view {position:relative; display:inline-block; right:0; bottom:0; height:23px; line-height:23px; padding:0 10px; border:1px solid #808080; box-sizing:border-box; color:#000; font-size:11px; margin-left:5px;} 
.order-pay .fc-red {color:#f00!important;}
.prd-wrap img {width:100%; height:100%;} /* 17.12.05 */
.prd-wrap .prd-inner {padding:22px 20px 5px;} /* 17.10.31 수정 */
.prd-wrap .prd-info {padding-top:0; padding-right:0; padding-left:0;}
.prd-wrap .prd-desc {padding-bottom:0px; padding-right:0; padding-left:0; border-bottom:0;} /* 19.07.01 수정 */

.list-type .btn-wrap {padding:15px 20px 30px;}
.btn-more {padding:20px 30px;}
.btn-more-p20 {padding:0 20px 30px !important; margin-top:-20px !important;}
.btn-wrap.inner {padding:0 18px;}
.swiper-container,
.prd-wrap .visual-play {text-align:center; position:relative;} /* 17.12.08 수정 */
/* 17.10.23 수정 e */

/* 주문내역 17.10.23 수정 / 18.01.11 s 주문 상태별 수정 */
/* 18.01.11 e */
.list-wrap .list-hd {padding:13px 15px; border-bottom:1px solid #e6e6e6;}
.list-wrap .list-hd {position:relative;}
.list-wrap .list-hd .od-num {margin-top:5px; margin-bottom:6px; font-size:16px; font-weight:bold; color:#000; line-height:16px;} /* 2017-11-01 */
.list-wrap .list-hd .od-date {font-size:14px; color:#b2b2b2; line-height:11px;} /* 2017-11-01 */
.list-wrap .list-hd .btn-h30-black {position:absolute; top:50%; right:15px; width:75px; height:38px; margin-top:-19px; background:#202020; font-size:12px; color:#fff; line-height:40px; text-align:center;} /* 2017-11-01 */
.list-cont .list li {overflow:hidden; position:relative; padding:19px 15px 15px; border-bottom:1px solid #e2e1e1;}
.list-cont .list li .tmb {float:left; width:90px; height:90px; border:1px solid #d8d8d8;} /* 18.03.05 수정*/
.list-cont .list li .info {padding-left:105px; height:90px;}/* 20.09.22 */
.list-cont .list li .info .label {display:inline-block; height:23px; padding:0 7px; border-radius:15px; font-size:11px; font-weight:bold; line-height:23px; text-align:center;} /* 20.09.22 */
.list-cont .list li .info .label.type1 {border:1px solid #a79342; color:#a79342;}	
.list-cont .list li .info .label.type2 {border:1px solid #709ad3; color:#709ad3;}	
.list-cont .list li .info .label.type3 {border:1px solid #999; color:#999;}	
.list-cont .list li .info .label.type4 {border:1px solid #54b5a8; color:#54b5a8;}	
.list-cont .list li .info .label.type5 {border:1px solid #6b9d4d; color:#6b9d4d;}	
.list-cont .list li .info .name {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:8px 0 10px;} /* 17.10.31 */
.list-cont .list li .info .option {color:#b2b2b2; font-size:14px; line-height:20px;} /* 2017-11-01 */
.list-cont .list li .price {position:absolute; right:15px; bottom:14px}

/* 주문완료 및 조회 17.10.23 수정 */
.order-finish {position:relative;}
.order-finish .txt {margin-top:33px; padding:63px 0 42px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_completed.png) no-repeat 50% top; background-size:43px auto; text-align:center;}
.order-finish .txt dt {font-size:21px; font-weight:bold; color:#333;} /* 2017-11-01 */
.order-finish .txt dd {margin-top:17px; font-size:15px; color:#333; line-height:21px;} /* 2017-11-01 */
.order-finish .txt dd strong {color:#e44343;}
.order-finish .info-wrap {margin:0 25px; padding:25px 0 5px; border-top:1px dashed #d9d9d9; border-bottom:1px dashed #d9d9d9;}
.order-finish .info-wrap dl {overflow:hidden; clear:both; padding-bottom:22px;}
.order-finish .info-wrap dl dt {float:left; width:32%; font-size:14px; color:#999; line-height:23px;} /* 2017-11-01 */
.order-finish .info-wrap dl dd {float:right; width:68%; font-size:14px; color:#000; line-height:23px; text-align:right;} /* 2017-11-01 */
.order-finish .pay-price {padding:20px 25px 30px;}/* 17.10.31 */
.order-finish .pay-price span.fl-r {float:right;}
.order-finish .btn-wrap {overflow:hidden;}
.order-finish .btn-wrap a {float:left; width:50%;}
.bul-inquiry {margin-top:33px; padding-top:75px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_inquiry.png) no-repeat top center; background-size:47px auto; font-size:15px; color:#333; line-height:12px; text-align:center;} /* 2017-11-01 */
.pay-price {font-size:21px !important; font-weight:bold !important; color:#000 !important;} /* 2017-11-01 */
.pay-price .fl-r em {font-size:21px !important; color:#c70000 !important;} /* 2017-11-01 */

/* 약관 */
.terms-wrap {padding:0 20px 30px;}
.terms-wrap dl {margin-top:25px;}
.terms-wrap dt {font-weight:bold;}
.terms-wrap dd {margin-top:8px;}
.terms-wrap .tbl-terms th, 
.terms-wrap .tbl-terms td {padding:10px; border:1px solid #dbdbe1;}
.terms-wrap .tbl-terms th {font-size:14px; text-align:center;} /* 2017-11-01 */
.terms-wrap .tbl-terms td {color:#666; font-size:13px; text-align:left;} /* 2017-11-01 */

/* 17.10.23 수정 s */
.list-tab {border-bottom:1px solid #e6e6e6; background-color:#fff;}
.list-tab ul {overflow:hidden; width:122px; height:47px; margin:0 auto;} /* 17.12.05 수정 */
.list-tab li {float:left; margin-right:34px; text-align:center;}
.list-tab li:nth-child(3) {margin-right:0;}
.list-tab li a {display:block;  margin:0 auto; line-height:47px; text-indent:-9999em}
/* 17.12.05 수정 s */
.list-tab li:nth-child(1) a {width:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type1.gif) no-repeat 50% 50%; background-size:18px auto;}
.list-tab li:nth-child(2) a {width:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type2.gif) no-repeat 50% 50%; background-size:18px auto;}
.list-tab li:nth-child(3) a {width:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type3.gif) no-repeat 50% 50%; background-size:18px auto;}
.list-tab li.now:nth-child(1) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type1_on.gif) no-repeat 50% 50%; background-size:18px auto;}
.list-tab li.now:nth-child(2) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type2_on.gif) no-repeat 50% 50%; background-size:18px auto;}
.list-tab li.now:nth-child(3) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type3_on.gif) no-repeat 50% 50%; background-size:18px auto;}
/* 17.12.05 수정 e */

.list-type .ico-imgs {position:absolute; top:7px; right:7px; width:19px; height:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_imgs.png) no-repeat 0 0 / 19px auto;}
.list-type .ico-video {position:absolute; top:7px; right:7px; width:17px; height:12px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_video.png) no-repeat 0 0 / 17px auto;}
#list-type1 .prd-wrap.last {border-bottom:none;} /* 17.10.23 추가 */
#list-type1 .prd-wrap.last .prd-inner {padding-bottom:0;}
#list-type1 .prd-wrap.last .prd-desc {padding-bottom:0;} /* 17.10.23 추가 */
#list-type2 .prd-wrap2 {position:relative; overflow:hidden; height:124px; border-bottom:1px solid #dcdcdc;}

/* 18.03.05 s */	
#list-type2 .prd-wrap2 .prd-img {float:left; position:relative; width:124px; height:124px;}
#list-type2 .prd-wrap2 .prd-img *,
#list-type2 .prd-wrap2 .prd-img *:before,
#list-type2 .prd-wrap2 .prd-img *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} 
#list-type2 .prd-wrap2 .prd-img p {position:relative; padding-top:100%; max-height:124px;} 
#list-type2 .prd-wrap2 .prd-img p a {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
#list-type2 .prd-wrap2 .prd-img p a img {display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); -moz-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);}  /* 18.04.26 수정 */
/* 18.03.05 e */	

#list-type2 .prd-wrap2 .prd-img .swiper-pagination {top:2px; left:80px; width:30px}
#list-type2 .prd-wrap2 .prd-img .swiper-pagination-bullet {width:5px; height:5px; margin:0 2px; background:#fff; opacity:1;}
#list-type2 .prd-wrap2 .prd-info {display:table; width:calc(100% - 124px); -moz-calc(100% - 124px); webkit-calc(100% - 124px); height:124px; padding:0; border-bottom:none;} /* 19.01.30 */
#list-type2 .prd-wrap2 .prd-info dl {display:table-cell; vertical-align:middle; padding:0 20px;} /* 19.01.30 */
#list-type2 .prd-wrap2 .prd-info dt {overflow:hidden; max-height:40px; font-size:15px; font-weight:normal; line-height:20px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;} /* 2017-11-01 */
#list-type2 .prd-wrap2 .prd-info dd {margin-top:0;}
#list-type2 .prd-wrap2 .prd-info dd.txt {overflow:hidden; max-height:17px; margin:5px 0 0px; padding-top:2px; font-size:14px; line-height:17px; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} /* 2017-11-01 */
#list-type2 .prd-wrap2 .prd-info dd.price {float:left; width:75%; margin-top:18px; font-size:14px; font-weight:bold; color:#000; line-height:20px;}  /* 19.01.30 */
#list-type2 .prd-wrap2 .prd-info dd.price em {font-size:17px; color:#000;} /* 18.10.29 */
#list-type2 .prd-wrap2 .prd-info dd.price span {margin-left:7px; font-size:14px; color:#ccc; text-decoration:line-through;} /* 2017-11-01 */
/* 18.03.05 s */
#list-type3 .img-list {overflow:hidden;}
#list-type3 .img-list li {float:left; width:32.3%; margin-bottom:4px;}
#list-type3 .img-list li:nth-child(3n) {float:right; margin-right:0;}
#list-type3 .img-list img {width:100%;}  /* 17.11.13 추가 */

#list-type4 ul {overflow:hidden; padding:0 3%;}
#list-type4 li {float:left; width:49%; margin-right:2%;}
#list-type4 li:nth-child(2n) {float:right; margin-right:0;}
#list-type4 li p.img {position:relative; min-width:140px; min-height:140px;}
#list-type4 li p.img .ico-circle-rate {position:absolute; top:5px; left:5px; width:40px; height:40px; line-height:41px; border-radius:41px; background:#c70000; font-size:13px; font-weight:bold; font-style:italic; color:#fff; text-align:center; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#list-type4 li p.img .btn-cart-type1 {position:absolute; bottom:7.5px; right:7.5px; width:40px; height:40px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 40px auto; cursor:pointer;}
#list-type4 li p.txt {margin-top:8px; font-size:13px; color:#000;}
#list-type4 li p.price-info {margin-top:6px; margin-bottom:20px; font-size:13px; font-weight:bold;}
#list-type4 li p.price-info .sale-rate {margin-right:5px; font-style:italic; color:#c70000;}
#list-type4 li p.price-info .gray-through {font-size:10px; font-weight:normal; color:#ccc; text-decoration:line-through; margin-right:5px;}
/* 18.03.05 e */
.prepare {position:relative; height:333px; text-align:center;}
.prepare p {position:absolute; top:50%; left:50%; margin:-52px 0 0 -74px;  padding-top:90px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_prd_prepare.gif) no-repeat center top; background-size:79px 79px; font-size:14px;}

/* 19.07.01 전화,top 버튼 수정 */
.fix-btn a {display:inline-block; position:fixed; bottom:14px; z-index:8; width:46px; height:46px; cursor:pointer;}  /* 2017-11-01 */
.fix-btn a.btn-tel {left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h86_tel.png) no-repeat; background-size:46px auto; box-shadow:0 3px 7.6px 0.4px rgba(0, 0, 0, 0.15); border-radius:50%;} /* 2017-11-01 */
.fix-btn a.btn-top {display:none; right:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h86_top.png) no-repeat; background-size:46px auto; box-shadow:0 3px 7.6px 0.4px rgba(0, 0, 0, 0.15); border-radius:50%;} /* 2017-11-01 */
.fix-btn a.btn-h78-close {display:none; right:20px; bottom:68px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h78_close.png) no-repeat; background-size:46px auto;} /* 2017-11-01 */
.fix-btn a.btn-kakao-plus {left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h78_kakao_plus.png) no-repeat; background-size:46px auto; box-shadow:0 3px 7.6px 0.4px rgba(0, 0, 0, 0.15); border-radius:50%;}
.fix-btn a.btn-floating-all {left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h78_all.png) no-repeat; background-size:46px auto; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); box-shadow:0 3px 7.6px 0.4px rgba(0, 0, 0, 0.15); border-radius:50%;}

/* 메인 상품명/추가상품명  */
#list-type1 .prd-info dt {overflow:hidden; max-height:52px; font-size:19px; font-weight:bold; color:#000; line-height:26px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;} /* 2017-11-01 */
#list-type1 .prd-info dd {overflow:hidden; margin-top:10px; font-size:14px; color:#666; line-height:17px; white-space:nowrap; text-overflow:ellipsis;} /* 2017-12-08 수정 */

/* 상푼준비 중 */
.prd-empty {margin-top:0; padding-top:75px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_empty.png) no-repeat center top; background-size:36px auto; font-size:15px; color:#808080; text-align:center; position:absolute; left:0; top:50%; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);} /* 2017-11-01 */
.ord-empty {margin-top:80px; margin-bottom:31px; padding-top:75px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_h86_empty.png) no-repeat center top; background-size:44px auto; font-size:15px; color:#808080; text-align:center;} /* 2017-11-01 */

/* 2017-11-01 주소버튼 */
.ps-base {position:relative; width:100%;}

/* 2017-11-01 확대보기 */
.photo-wrap {overflow:hidden;}
/* 17.11.13 추가 s */
.pinch-zoom,
.pinch-zoom img {width:100%; -webkit-user-drag:none;}
#big .swiper-slide a {display:block; position:relative;}
/* 17.11.13 추가 e */

/* 17.11.08 주문서 옵션없을 경우 */
.prd-option-non {position:relative; padding:16px 0 26px; margin:0 18px; border-top:1px solid #f0f0f0;}
.prd-option-non .price {position:absolute; top:50%; right:0; margin-top:-12px; font-size:21px; font-weight:bold; color:#c70000;} /* 18.11.01 수정 */
.txt-black {color:#000 !important;}

/* 17/11/14 s */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
.btn-home {position:absolute; top:50%; left:20px; width:17px; height:20px; margin-top:-10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h40_home.gif) no-repeat center /  17px auto; text-indent:-9999em;}

/* 17/11/14 e */
.list-type .prd-wrap .prd-inner .prd-desc .buy-basket {margin-top:10px; overflow:hidden;} /* 19.07.01 수정 */
.list-type .prd-wrap .prd-inner .prd-desc .buy-basket a {float:left;}
.list-type .prd-wrap .prd-inner .prd-desc .buy-basket .btn-buy {width:84.5%;}
.list-type .prd-wrap .prd-inner .prd-desc .buy-basket .btn-buy-100 {width:100%;}
.list-type .prd-wrap .prd-inner .prd-desc .buy-basket .btn-basket {width:15.5%; height:50px; background:#666 url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_h33_basket.png) center center no-repeat; background-size:18px 21px; text-indent:-9999px;}
/* 17.12.20 수정 s */
.list-type .prd-wrap2 .btn-area-wrap {float:right; margin-top:17px !important;} /* 19.01.30 추가 */
.list-type .prd-wrap2 .btn-area {display:inline-block; overflow:hidden;  /* position:absolute; right:20px; margin-top:3px; bottom:15px; */} /* 19.01.30 추가 */
.list-type .prd-wrap2 .btn-area a {margin-left:10px; float:left;}
.list-type .prd-wrap2 .btn-area a:first-child {margin-left:0;}
.list-type .prd-wrap2 .btn-area .btn-basket {display:inline-block; width:16px; height:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h30_basket.png) 0 0 no-repeat; background-size:16px 18px; text-indent:-9999px;}
/* 17.12.20 수정 e */

.order-frm.basket .receiver-wrap {margin-top:25px;}
.order-frm.basket .receiver-wrap:first-child {margin-top:0;}
.order-frm.basket .receiver-wrap .title {margin-bottom:10px; font-size:14px; font-weight:bold; color:#000; overflow:hidden; line-height:21px;}
.order-frm.basket .receiver-wrap .title label {float:right; font-weight:400; font-size:12px;}
.order-frm.basket .receiver-wrap .title.red {color:#c70000;}
.order-frm.basket .receiver-wrap ul li .box {position:relative;}
.order-frm.basket .receiver-wrap ul li .box input[type=text] {padding:0 53px 0 10px;}
.order-frm.basket .receiver-wrap ul li .box .btn-num {display:block; width:40px; height:40px; position:absolute; top:0; right:0; border-left:1px solid #d9d9d9; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h24_search.png) center center no-repeat/15px 15px; text-indent:-9999px;}
/* 18.12.21 수정 s */

.page-hd .basket-hd .select {position:absolute; left:20px;}
.page-hd .basket-hd .delete {position:absolute; top:12px; right:20px; width:23px; height:21px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h34_waste.png) 0 0 no-repeat; background-size:23px 21px; text-indent:-9999px;}
.page-hd .basket-hd label {font-size:12px; color:#000;}
.page-hd .basket-hd label .num {padding-left:4px; color:#c70000; font-weight:bold;}
.page-hd .basket-hd label.all {font-size:15px;}
.page-hd .hashtag_search-hd {padding:35px 0; text-align:center; position:relative;} /* 19.05.09 수정 */
.page-hd .hashtag_search-hd span {display:inline-block; width:auto; font-weight:lighter; font-size:25px; color:#000;} /* 19.05.09 수정 */
.page-hd .hashtag_search-hd .btn-h26-share {width:26px; height:26px; position:absolute; bottom:38px; right:15px; background:url(/assets/shop/img/btn/h37_share.png) no-repeat; background-size:26px auto;} /* 19.05.09 수정 */

/* 18.12.21 수정 e */
.basket-list > ul {background:#e5e7ec; border-top:1px solid #cfd4dd;}
.basket-list > ul > li {margin-top:9px; padding:28px 20px; background:#fff; border-bottom:1px solid #cfd4dd;}
.basket-list > ul > li > div {padding-left:30px; position:relative;}
.basket-list > ul > li > div .bsk-info {margin-bottom:15px; overflow:hidden; position:relative;}
.basket-list > ul > li > div .bsk-info .img {position:relative; float:left; width:90px; border:1px solid #d8d8d8;}
.basket-list > ul > li > div .bsk-info .img p {max-height:90px;}
.basket-list > ul > li > div .bsk-info .img .detail {display:inline-block; width:100%; height:23px; position:absolute; left:0; bottom:0; text-align:center; line-height:23px; font-size:12px; color:#fff; background:#000; opacity:0.5; z-index:1;}
.basket-list > ul > li > div .bsk-info .name {width:56%; margin-left:7%; float:left; text-align:left; position:relative;} /* 18.08.27 수정 */
.basket-list > ul > li > div .bsk-info .name p.MSH-prd-name {overflow:hidden; max-height:52px; font-size:17px; font-weight:bold; color:#000; line-height:26px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 18.08.27 선택자 수정 */
.basket-list > ul > li > div .bsk-info .btn-share {display:inline-block; width:18px; height:18px; position:absolute; right:0; bottom:0; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h26_share.gif) 0 0 no-repeat; background-size:18px 18px; text-indent:-9999px;}
.basket-list > ul > li > div label {position:absolute; top:0; left:0;}
.basket-list > ul > li > div label span {text-indent:-9999px;}
.basket-list > ul > li > div .prd-option-non {margin:0; padding:0; overflow:hidden;} /* 19.03.14 수정 */
.basket-list > ul > li > div .prd-option-non .count {margin-top:15px; height:auto; float:left;} /* 19.03.14 수정 */
.basket-list > ul > li > div .prd-option-non .price {margin-top:20px; position:relative; text-align:right; float:right;} /* 19.03.14 수정 */
.basket-list > ul > li > div .prd-option-non .price .gray-through {display:block;} /* 19.03.14 추가 */
.basket-list > ul > li > div .prd-option-result {padding:0; border-bottom:none;}
.basket-list > ul > li > div .prd-option-result ul li p {color:#808080;}
.basket-list > ul > li > div .prd-option-result .btn-h38-bd.red {margin-bottom:10px; border:1px solid #d35555; color:#c70000;}  /* 19.03.12 */
.basket-list > ul > li > div .list-delete {display:block; width:4.375%; position:absolute; top:0; right:0;}
.basket-list ul li > div .prd-option-result .btn-h38-bd.red span {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom_red.png) 100% 50% no-repeat/9px auto;}
.basket-list ul li > div .prd-option-result .price {margin-top:15px; font-size:21px; text-align:right; font-weight:bold; color:#c70000;}

/* 장바구니 아이콘 */
@-webkit-keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:5px; height:0;}
}
@-moz-keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:5px; height:0;}
}
@-ms-keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:5px; height:0;}
}
@keyframes check {
	0% {height:0; width:0;}
    33.3333% {width:5px; height:0;}
}
.checkmark {margin:8px 0 0 -6px;}
.checkmark:after {height:10px;  width:5px;}

/* 메인 리스트 */
.MSH-display-none {display:none !important;}

/* 기획전 18.01.16 추가 */
.btn-h50-ani {overflow:hidden; position:fixed; right:0; bottom:-50px; left:0; z-index:10; width:100%; height:50px; line-height:52px;}
.btn-h50-ani .btn-buy {display:inline-block; float:left; width:80%; height:100%; background:#333; color:#fff; font-size:16px; font-weight:bold; text-align:center;}
.btn-h50-ani .btn-buy span.num, .btn-h50-ani .btn-buy em {color:#e84747;}
.btn-h50-ani .btn-basket {display:inline-block; float:right; width:20%; height:100%; background:#666 url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_h33_basket.png) no-repeat center center / 18px auto; text-indent:-9999px;}
.btn-bd-gray {display:inline-block; height:28px; line-height:30px; padding:0 13px; border:1px solid #c4c4c4; font-size:12px; color:#000;}
.btn-bd-gray.on {border:1px solid #333;}
.promotion-top {height:47px; line-height:47px; padding:0 1.5%;}
.promotion-top .tab {float:right; margin-right:10px;}
.promotion-top .tab li {float:left;}
.promotion-top .tab li:last-child {margin-left:23px;}
.promotion-top .tab li a {display:block;  text-indent:-9999em; color:red;}
.promotion-top .tab li:nth-child(1) a {width:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type3.gif) no-repeat 50% 50%; background-size:18px auto;}
.promotion-top .tab li:nth-child(2) a {width:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type2.gif) no-repeat 50% 50%; background-size:18px auto;}
.promotion-top .tab li.now:nth-child(1) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type3_on.gif) no-repeat 50% 50%; background-size:18px auto;}
.promotion-top .tab li.now:nth-child(2) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type2_on.gif) no-repeat 50% 50%; background-size:18px auto;}
.promotion-type {overflow:hidden; padding-bottom:0px;}
.promotion-type .prd-wrap.on {border:1px solid #141414 !important;}
.promotion-type .prd-wrap .prd-img {position:relative;}
.promotion-type .prd-wrap .prd-img p img {width:100%; height:100%;}
.promotion-type .prd-wrap .prd-img .cover {display:none; position:absolute; top:0; bottom:0; right:0; left:0; width:100%; height:100%;}
.promotion-type .prd-wrap .prd-img .cover .overlay {display:block; position:static; width:100%; height:100%; background:rgba(0, 0, 0, 0.6) url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_cover_check.png) no-repeat center / 23px auto;}
.promotion-type .prd-wrap .prd-info dt a {overflow:hidden; max-height:40px; font-size:15px; font-weight:normal; line-height:20px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;} /* 2019-04-05 */
.promotion-type .prd-wrap .prd-info dt a.line1 {-webkit-line-clamp:1;} /* 2017-11-01 */
.promotion-type .prd-wrap .prd-info dd {margin-top:0;}
.promotion-type .prd-wrap .prd-info dd.txt {overflow:hidden; height:17px; margin:5px 0 0px; padding-top:2px; font-size:14px; line-height:17px; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;} /* 2017-11-01 */
.promotion-type .prd-wrap .prd-info dd.mh16 {max-height:16px;}
.promotion-type .prd-wrap .prd-info dd.price {margin-top:18px; font-size:14px; font-weight:bold; color:#c70000; line-height:20px;} 
.promotion-type .prd-wrap .prd-info dd.price em {font-size:17px;} 
.promotion-type .prd-wrap .prd-info dd.price span {margin-left:7px; font-size:14px; color:#ccc; text-decoration:line-through;} 
.promotion-type .prd-wrap .btn-area {display:inline-block; overflow:hidden; position:absolute; right:20px; bottom:13px;}/*18.04.27 수정*/
.promotion-type .prd-wrap .btn-area .btn-basket {display:inline-block; width:16px; height:18px; margin-right:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h30_basket.png) 0 0 no-repeat; background-size:16px 18px; text-indent:-9999px;} /*18.04.27 추가*/
.promotion-type .soldout .prd-img:before {display:block; content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:7; width:100%; height:100%; background:rgba(201,201,201,.5);}
.promotion-type .soldout .prd-img:after {display:block; content:"SOLD \A OUT"; position:absolute; top:50%; left:0; right:0; z-index:8; transform:translate3d(0, -48%, 0) !important; -webkit-transform:translate3d(0, -48%, 0) !important; -moz-transform:translate3d(0, -48%, 0) !important; font-weight:bold; color:#fff; text-align:center; white-space:pre;}
#promotion-type1 .prd-wrap {position:relative; float:left; width:48.5%; margin-bottom:10px; border:1px solid #e6e6e6;}
#promotion-type1 .prd-wrap:nth-child(2n) {float:right;}
#promotion-type1 .prd-wrap .prd-info {height:82px; padding:15px 8px;}
#promotion-type1 .prd-wrap .prd-info dt a {overflow:hidden; white-space:normal; text-overflow:ellipsis; max-height:20px; font-size:15px; font-weight:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;} /* 2019.04.05 */
#promotion-type1 .prd-wrap .btn-area {bottom:17px;}
#promotion-type2 .prd-wrap {margin-bottom:10px; border:1px solid #e6e6e6;}
#promotion-type2 .prd-wrap .prd-img {float:left; position:relative; max-width:124px; max-height:124px; width:auto; height:auto;} 
#promotion-type2 .prd-wrap {position:relative; overflow:hidden; height:124px; border-bottom:1px solid #dcdcdc;}
#promotion-type2 .prd-wrap .prd-img {float:left; position:relative; width:124px; height:124px;} 
#promotion-type2 .prd-wrap .prd-img p {max-height:124px;}  
#promotion-type2 .prd-wrap .prd-img p img {width:124px; height:124px;} 
#promotion-type2 .prd-wrap .prd-info {display:table; width:calc(100% - 124px); -moz-calc(100% - 124px); webkit-calc(100% - 124px); height:124px; padding:0; border-bottom:none;}
#promotion-type2 .prd-wrap .prd-info dl {display:table-cell; padding:0 20px; vertical-align:middle;}
#promotion-type2 .prd-wrap .prd-info dd.price {float:left; width:78%; color:#000;}
#promotion-type2 .prd-wrap .prd-info dd.price span.sale-rate {margin-left:0; margin-right:3px; font-size:17px; font-style:italic; color:#c70000; text-decoration:none;}
#promotion-type2 .prd-wrap .prd-info dd.price span.gray-through {word-break:keep-all;}
#promotion-type2 .prd-wrap .prd-info dd.btn-area-wrap {float:right; width:47.5px; margin-top:17px !important;}

/* 개인 결제 기능 18.01.29 추가 */
#personal-payment-order .check-price {height:184px;} /* 18.04.06 수정 */
#personal-payment-order .check-price p {text-align:center;}
#personal-payment-order .check-price .img {overflow:hidden; width:60px; height:60px; padding-top:25px; margin:0 auto; border-radius:30px} /* 18.04.06 추가 */
#personal-payment-order .check-price .img img {width:100%; border-radius:30px} /* 18.04.06 추가 */
#personal-payment-order .check-price .price {padding-top:15px; font-size:28px; font-weight:bold;} /* 18.04.06 수정 */
#personal-payment-order .check-price .price span {color:#c70000;}
#personal-payment-order .check-price .txt {margin-top:5px; font-size:14px; color:#010101;}
#personal-payment-order .btn-wrap {padding:25px 15px; background:#f2f3f5;}
.order-finish .btn-wrap.inner {padding:0 30px;}
.order-finish .deposit-info-wrap {padding:0 15px;}
.order-finish .deposit-info-wrap .deposit-info {padding:22px 0; border:1px solid #e2e2e2; background:#f5f5f5; font-size:14px; line-height:22px; text-align:center;}
.order-finish .deposit-info-wrap .txt-last {margin-top:20px; font-size:14px; line-height:20px; text-align:center;}

/* 18.03.05 이미지 리사이징 */
.prd-img-resizing *,
.prd-img-resizing *:before,
.prd-img-resizing *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} 
.prd-img-resizing p {position:relative; padding-top:100%;}
.prd-img-resizing p span,
.prd-img-resizing p a {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.prd-img-resizing p span img,
.prd-img-resizing p a img {display:inline-block; width:auto !important; height:auto !important; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); -moz-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); cursor:pointer;}/* 18.04.26 수정  */
.list-cont .list li p {padding-top:0;}
.thumbs-roll {height:75px;}
.thumbs-roll .prd-img-resizing .swiper-slide {position:relative; padding-top:0;}
.thumbs-roll .prd-img-resizing .swiper-slide a {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.thumbs-roll .prd-img-resizing .swiper-slide a img {display:inline-block; width:auto !important; height:auto !important; max-width:100%; max-height:100%; position:relative; top:50%; left:0%;} /* 18.04.20 수정 */

/* 18.04.27 디자인관련 추가 */
.overlay2 {z-index:150; display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.75);}
.floatingDetail-wrap {position:fixed; left:20px; bottom:14px; z-index:151;}
.floatingDetail-wrap p {position:relative; opacity:0; height:46px; line-height:46px; margin-bottom:0px; -webkit-transition:all .2s; transition:all .2s;}
.floatingDetail-wrap p:last-child {margin-bottom:0 !important;}
.floatingDetail-wrap p a {float:left; margin-right:12px;}
.floatingDetail-wrap p a.btn-kakao-plus-white {display:block; width:46px; height:46px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h78_kakao_plus_white.png) no-repeat; background-size:46px auto;} 
.floatingDetail-wrap p a.btn-tel-white {display:block; width:46px; height:46px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h78_tel_white.png) no-repeat; background-size:46px auto;} 
.floatingDetail-wrap p a.btn-floating-close {display:block; width:46px; height:46px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h78_close_floating.png) no-repeat; background-size:46px auto; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);} 
.floatingDetail-wrap p span {font-size:14px; color:#ccc;}
.floatingDetail-wrap p.ani {opacity:1; margin-bottom:14px; -webkit-transition:all .2s; transition:all .2s;}
#aside {position:fixed; left:-80%; z-index:151; width:80%; height:100%; background:#fff;}
#aside .aside-hd {position:fixed; width:80%; height:50px; border-bottom:1px solid #f2f2f2;}
#aside .aside-hd .btn-menu-close {position:absolute; top:50%; right:18px; width:15px; height:15px; margin-top:-8px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h30_close.png) no-repeat center / 15px auto;}
#aside .aside-cont {padding-top:50px;}
#aside .aside-cont ul {overflow-y:scroll; padding:0 20px;}
#aside .aside-cont ul li {border-bottom:1px solid #f2f2f2;}
#aside .aside-cont ul li p {padding:15px 5px; font-size:12px; color:#666; line-height:19px;}

/* 18.05.11 현금영수증 관련 */
.txt-c70000 {color:#c70000;}
.btn-toggleWrap {overflow:hidden;}
.btn-toggleWrap a.btn-toggle {display:inline-block; float:left; width:65px; height:30px; line-height:30px; border:1px solid #d9d9d9; box-sizing:border-box; background:#fff; font-size:12px; color:#bfbfbf; text-align:center;}
.btn-toggleWrap a.btn-toggle.now {border:none; background:#333; color:#fff;}
.ord-cashreceipt {margin-top:30px; border:1px solid #ebebeb; background:#f7f7f7;}
.ord-cashreceipt ul {padding:13px 14px;}
.ord-cashreceipt ul li {margin-top:10px;}
.ord-cashreceipt ul li:first-child {position:relative; height:30px; margin-top:0;}
.ord-cashreceipt ul li .tit {position:absolute; top:6px; font-size:15px; font-weight:bold; color:#000;}
.ord-cashreceipt ul li .btn-toggleWrap {position:absolute; right:0;}
.ord-cashreceipt ul li .txt-c70000 {font-size:11px;}
.ord-cashreceipt ul li.inputArea {overflow:hidden;}
.ord-cashreceipt ul li.inputArea span {float:left;}
.ord-cashreceipt ul li.inputArea span:first-child {width:55%;}
.ord-cashreceipt ul li.inputArea span:last-child {width:45%; margin-left:-1px;}

.btn-h42-black {display:inline-block; height:42px; line-height:44px; padding:0 10px; background:#202020; font-size:14px; color:#fff; text-align:center;}
#ord-list-detail .lcont dd ul {overflow:hidden; width:100%; height:auto;}
#ord-list-detail .lcont dd li {border:none;}

/* 18.08.27 배송항목개선 */
.dlvy-label {margin-bottom:10px;}
.dlvy-label .label.type1 {display:inline-block; width:83px; height:26px; line-height:26px; background:#3f4650; font-size:14px; font-weight:normal; color:#fff; text-align:center;}

/* 18.10.12 주문리스트-운송장번호 노출 */
.deli-info {overflow:hidden; padding:12px 0; margin:0 18px; border-top:1px solid #e6e6e6; line-height:25px;}
.deli-info .tp-name {margin-right:9px; font-size:15px; color:#000;}
.deli-info .tp-num a {font-size:15px; color:#297bcf; text-decoration:underline;}
.deli-info .btn-h24-bd-gray {display:inline-block; height:24px; line-height:24px; padding:0 9px; border:1px solid #808080; box-sizing:border-box; font-size:12px; color:#000; text-align:center; float:right; cursor:pointer;}

/* 18.10.29 할인 */
#list-type1 .prd-desc .price em {color:#000;}
#list-type2 .prd-wrap2 .prd-info dd.price span.sale-rate {margin-left:0; margin-right:3px; font-size:17px; font-style:italic; color:#c70000; text-decoration:none;}
.list-type .ico-sale {position:absolute; top:0px; left:0px; width:30px; height:30px; background:url(/assets/shop/img/common/ico_sale.png) no-repeat center / 30px auto; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} /* 19.01.30 기존 28 */
.list-type .ico-sale span {display:inline-block; margin-left:1.4px; font-size:10px; color:#fff; -moz-transform:rotate(-44deg); -ms-transform:rotate(-44deg); -webkit-transform:rotate(-44deg); transform:rotate(-44deg);} /* 19.01.30 기존 -43 */
#promotion-type1 .ico-sale {position:absolute; top:0px; left:0px; width:42px; height:42px; background:url(/assets/shop/img/common/ico_sale.png) no-repeat center / 42px auto; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#promotion-type1 .ico-sale span {display:inline-block; margin-top:6px; margin-left:3px; font-size:14px; color:#fff; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.gray-through {font-size:14px; font-weight:normal; color:#ccc; text-decoration:line-through;} /*2019.01.21 수정*/
.prd-desc .price span.sale-rate {margin-left:0; margin-right:3px; font-size:21px; font-style:italic; color:#c70000;}
.prd-desc .price span.ico-down {margin-right:5px; font-size:9px; color:#c70000; vertical-align:top;}
.price-box li.pay-price span#M_total_price_pay {right:75px;}
.price-box li.pay-price span.dis-rate {font-size:15px; font-weight:normal; color:#000;}
.price-box li.pay-price span.dis-rate em {font-size:9px; vertical-align:top;}

/* 18.11.01 상세페이지 추가 및 장바구니 버튼 추가 */
.btn-h42-gray2 {display:inline-block; height:46px; line-height:48px; background:#333; box-sizing:border-box; color:#fff; font-size:14px; font-weight:bold; text-align:center;} 
.prd-btn-type2 {overflow:hidden; padding:0px 20px 25px;}
.prd-btn-type2 .btn-cart {float:left; width:84.5%;}
.prd-btn-type2 .btn-cart span {display:inline-block; padding-left:22px; background:url(/assets/shop/img/common/bul_h33_basket.png) no-repeat left 13px / 14px auto;}
.prd-btn-type2 .btn-share-white {display:inline-block; float:left; width:15.5%; height:46px; line-height:46px; background:#666 url(/assets/shop/img/common/bul_h30_share_white.gif) no-repeat center / 14px auto; box-sizing:border-box; text-indent:-9999em;}
.odr-detail .tab li.now a {padding:0 10px;}
.odr-detail .tab-cont {padding:49px 18px; text-align:center;}
.odr-detail #tabCont1 {overflow:hidden; max-height:1200px;}
.odr-detail .btn-bottom {overflow:hidden; height:41px;}
.odr-detail .btn-bottom a {float:left; display:block; height:41px; line-height:41px; border-bottom:1px solid #d0d0d0; box-sizing:border-box; background:#f8f8f8; font-size:14px; color:#000; text-align:center;}
.odr-detail .btn-bottom a.btn-expand {width:60%; border-right:1px solid #e8e8e8;} 
.odr-detail .btn-bottom a.btn-expand span.bottom {padding-right:15px; background:#f8f8f8 url(/assets/shop/img/common/arr_h8_bottom_black.png) no-repeat right center / 8px auto;} 
.odr-detail .btn-bottom a.btn-expand span.top {padding-right:15px; background:#f8f8f8 url(/assets/shop/img/common/arr_h8_top_black.png) no-repeat right center / 8px auto;} 
.odr-detail .btn-bottom a.btn-ViewOriginal {width:40%;}
.odr-detail .btn-bottom a.btn-ViewOriginal span {padding-right:15px; background:#f8f8f8 url(/assets/shop/img/btn/h15_plus.png) no-repeat right 3px / 9px auto;}

/* 18.12.17 상품이미지 솔드아웃 */
.soldout .visual-roll:before ,
#list-type2 .soldout .prd-img:before ,
#list-type3 .img-list li.soldout:before ,
#list-type4 ul li.soldout p.img:before {display:block; content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:7; width:100%; height:100%; background:rgba(201,201,201,.5);}
.soldout .visual-roll:after ,
#list-type2 .soldout .prd-img:after ,
#list-type3 .img-list li.soldout:after ,
#list-type4 ul li.soldout p.img:after {display:block; content:"SOLD \A OUT"; position:absolute; top:50%; left:0; right:0; z-index:8; transform:translate3d(0, -48%, 0) !important; 
-webkit-transform:translate3d(0, -48%, 0) !important; -moz-transform:translate3d(0, -48%, 0) !important; font-weight:bold; color:#fff; text-align:center; white-space:pre;}
.soldout .visual-roll:after {font-size:3.5em;}
#list-type2 .soldout .prd-img:after {font-size:1.5em;}
#list-type3 .img-list li.soldout:after {font-size:1.5em;}
#list-type4 ul li.soldout p.img:before {width:auto; height:auto;}
#list-type4 ul li.soldout p.img:after {font-size:2.5em;}

/* 18.12.21 타이틀바 수정 */
.page-tit {font-size:19px; color:#333; text-align:center; letter-spacing:-1px;}
#header.fix {position:fixed; top:0; z-index:100; width:100%; background:#fff;}

/* 640px 이상일 경우 fix-btn */
@media screen and (min-width:640px) {
	.fix-btn {position:fixed; bottom:-5px; width:100%; z-index:11; max-width:640px;}
	.fix-btn a {position:relative;}
	.fix-btn a.btn-floating-all {position:relative; width:46px;}
	.fix-btn a.btn-top {display:none; position:absolute; width:46px;}
	.floatingDetail-wrap {width:100%; max-width:640px; left:auto !important;}
	.floatingDetail-wrap p {-webkit-transition:none; transition:none;}
	.floatingDetail-wrap p.ani {left:20px; -webkit-transition:none; transition:none;}
}

/* 19.01.30 / 19.02.01 리스트2 할인률,버튼 위치 조절 */
@media screen and (max-width:400px) {
	#promotion-type2 .prd-wrap .prd-info dd.price {width:70%;}
}

@media screen and (max-width:340px) {
	#list-type2 .prd-wrap2 .prd-info dd.price {width:70%;}
	#promotion-type2 .prd-wrap .prd-info dd.price {width:65%;}
}

/* 19.02.21 환불정보 추가  */
.ord-bankInfo {margin-top:10px; border:1px solid #ebebeb; background:#f7f7f7;}
.ord-bankInfo ul {padding:13px 14px;}
.ord-bankInfo ul li {margin-top:10px;}
.ord-bankInfo ul li .tit {font-size:15px; font-weight:bold; color:#000;}
.ord-bankInfo ul li .tit em {color:#c70000}
.ord-bankInfo ul li.inputArea {overflow:hidden;}
.ord-bankInfo ul li.inputArea span {float:left;}
.ord-bankInfo ul li.inputArea span:first-child {width:35%;}
.ord-bankInfo ul li.inputArea span:last-child {width:65%; margin-left:-1px;}

/* 19.04.02 해시태그 */
#hashtag_list {width:100%; border-bottom:1px solid #e6e6e6; overflow:hidden; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
#hashtag_list .recommend-hashtag {position:relative; overflow:hidden;}
#hashtag_list .recommend-hashtag.text-style {margin:15px; max-height:60px; transition:all 0.3s ease-in;}
#hashtag_list .recommend-hashtag.text-style ul {padding-right:12px; overflow:hidden;} /* 19.05.10 수정 */
#hashtag_list .recommend-hashtag.text-style ul li {display:inline-block; float:left; margin:0 6px 6px 0;}
#hashtag_list .recommend-hashtag.text-style ul li a {display:block; height:25px; box-sizing:border-box; padding:0 10px; line-height:23px; font-size:13px; color:#000; white-space:nowrap; box-sizing:border-box;}
#hashtag_list .recommend-hashtag.text-style.open {max-height:300px;}
#hashtag_list .recommend-hashtag.text-style ul.normal li a {border:none;}
#hashtag_list .recommend-hashtag.text-style ul.normal li.on a {font-weight:bold;}
#hashtag_list .recommend-hashtag.text-style ul.red li a {border:1px solid #c70000; color:#c70000;}
#hashtag_list .recommend-hashtag.text-style ul.red li.on a {background:#c70000; border:1px solid #c70000;}
#hashtag_list .recommend-hashtag .more {display:none; width:20px; height:15px; padding:0; position:absolute; right:-4px; bottom:6px; text-indent:-9999px; background:url(/assets/shop/img/btn/h10_btn_down.png) center center no-repeat; background-size:10px 5px;} /* 19.05.10 수정 */
#hashtag_list .recommend-hashtag .more.up {background:url(/assets/shop/img/btn/h10_btn_up.png) center center no-repeat; background-size:10px 5px;}
#hashtag_list .recommend-hashtag.img-style {width:100%; padding:13px 0; overflow-x:auto; -webkit-overflow-scrolling :touch; scrollbar-face-color:#fff; scrollbar-shadow-color:#fff; scrollbar-highlight-color:#fff; 
scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#fff; transition:all .3s;}
#hashtag_list .recommend-hashtag .more.on {display:inline-block;}
#hashtag_list .recommend-hashtag.img-style ul li {float:left;}
#hashtag_list .recommend-hashtag.img-style ul li a {display:block; position:relative;}
#hashtag_list .recommend-hashtag.img-style ul li:last-child {margin-right:0;}
#hashtag_list .recommend-hashtag.rectangle ul {height:75px;}
#hashtag_list .recommend-hashtag.rectangle ul li {width:90px; margin-right:6px; position:relative;} /* 19.04.10 수정 */
#hashtag_list .recommend-hashtag.rectangle ul li a {height:75px; border-radius:5px; overflow:hidden; background:#000;}
#hashtag_list .recommend-hashtag.rectangle ul li a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} /* 19.04.12 수정 */
#hashtag_list .recommend-hashtag.rectangle ul li > span {display:block; width:90%; position:absolute; left:5px; bottom:8px; text-align:center; font-size:13px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 19.04.17 수정 */
#hashtag_list .recommend-hashtag.rectangle ul li span em {display:inline-block; padding-bottom:3px;} /* 19.04.10 수정 */
#hashtag_list .recommend-hashtag.rectangle ul li.on span em {border-bottom:1px solid #fff;} /* 19.04.10 수정 */
#hashtag_list .recommend-hashtag.rectangle ul li a .gradient {display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; 
background:-moz-linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(0deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(0deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} /* 19.04.12 추가 */
#hashtag_list .recommend-hashtag.circle ul {height:84px;}
#hashtag_list .recommend-hashtag.circle ul li {width:62px; margin-right:12px; text-align:center;} /* 19.04.10 수정 */
#hashtag_list .recommend-hashtag.circle ul li .img {border-radius:50%; position:relative;} /* 19.04.10 수정 */
#hashtag_list .recommend-hashtag.circle ul li .img a {display:block; width:62px; height:62px; border-radius:50%; overflow:hidden;}
#hashtag_list .recommend-hashtag.circle ul li .img a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#hashtag_list .recommend-hashtag.circle ul li > span {display:block; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#000;} /* 19.04.17 수정 */
#hashtag_list .recommend-hashtag.circle ul li.on .img {padding:2px; border:1px solid #000;}
#hashtag_list .recommend-hashtag.circle ul li.on .img a {width:56px; height:56px;}
#hashtag_list.prd-hashtag {border-bottom:none;}
#hashtag_list.prd-hashtag .recommend-hashtag.text-style {margin:15px 15px 9px;}

.recommend-tag {padding:10px 10px 10px 70px; position:relative; background:#f4f4f4;}
.recommend-tag span {display:inline-block; padding:0 8px; position:absolute; top:10px; left:18px; line-height:22px; border:1px solid #000; border-radius:13px; font-size:13px; color:#000; font-weight:bold;}
.recommend-tag ul li {width:auto;}
.recommend-tag ul li a {font-size:13px; line-height:24px;}
.tag-prd .list-tab {border-bottom:none; overflow:hidden;}
.tag-prd .list-tab ul {width:auto; margin:0 -10px 0 0; float:right;}
.tag-prd .list-tab ul li:nth-child(1) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type3.gif) no-repeat 50% 50%; background-size:18px auto;}
.tag-prd .list-tab ul li.now:nth-child(1) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type3_on.gif) no-repeat 50% 50%; background-size:18px auto;}
.tag-prd .list-tab ul li:nth-child(2) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type2.gif) no-repeat 50% 50%; background-size:18px auto;}
.tag-prd .list-tab ul li.now:nth-child(2) a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type2_on.gif) no-repeat 50% 50%; background-size:18px auto;}
.tag-prd .prd-list #list-type2 {border-top:1px solid #e6e6e6;}
.tag-prd .prd-list .list-type .prd-wrap2 .prd-info dd.price , 
.tag-prd .prd-list .list-type .prd-wrap2 .prd-info dd.price em {color:#be0000 !important;}
.tag-prd .prd-list .list-type ul {margin-left:2%; overflow:hidden;}
.tag-prd .prd-list .list-type ul li {width:48%; margin:0 2% 8px 0; box-sizing:border-box; float:left;  border:1px solid #e6e6e4; box-sizing:border-box;}
.tag-prd .prd-list .list-type ul li .prd-img {position:relative; border-bottom:1px solid #e6e6e4;}
.tag-prd .prd-list .list-type ul li .prd-img a {display:block; height:175px; overflow:hidden;}
.tag-prd .prd-list .list-type ul li .prd-img a img {display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
.tag-prd .prd-list .list-type ul li .prd-info {padding:0px 7px; min-height:94px; position:relative;}
.tag-prd .prd-list .list-type ul li .prd-info > a {margin-top:10px; overflow:hidden; max-height:40px; font-size:15px; line-height:20px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.tag-prd .prd-list .list-type ul li .prd-info p {display:block; width:92%; position:absolute; bottom:15px;}
.tag-prd .prd-list .list-type ul li .prd-info p .price {float:left; font-size:14px; color:#be0000; width:70%;}
.tag-prd .prd-list .list-type ul li .prd-info p .price em {word-break:break-all; font-size:18px;}
.tag-prd .prd-list .list-type ul li .prd-info p .btns {width:44px; position:absolute; bottom:0; right:0;}
.tag-prd .prd-list .list-type ul li .prd-info p .btns .btn-area {display:inline-block; overflow:hidden;}
.tag-prd .prd-list .list-type ul li .prd-info p .btns .btn-area a {float:left; margin-left:10px;}
.tag-prd .prd-list .list-type ul li .prd-info p .btns .btn-area a:first-child {margin-left:0;}
.tag-prd .prd-list .list-type ul li .prd-info p .btns .btn-area .btn-basket {display:inline-block; width:16px; height:18px; text-indent:-9999px; background:url(/assets/shop/img/btn/h30_basket.png) 0 0 no-repeat; background-size:16px 18px;}

#product_list .promotion-type{padding-bottom:0 !important;}
#search_hash_tag_list {font-weight:bold;}
.prd-hashtag .tag-list.open {max-height:500px; transition:all .3s;}
.search-hashtag-list .prd-wrap .prd-info dd.price span.sale-state-label {display:inline-block; width:70px; line-height:21px; background:#999; text-align:center; font-size:12px; color:#fff; margin:0px 0 0 5px; text-decoration:none;} /*2020.10.15 추가*/ 
.search-hashtag-list .prd-wrap .prd-img .sale-state-bar {display:inline-block; width:100%; height:25px; line-height:25px; position:absolute; left:0; bottom:0; text-align:center; background-color:rgba(0,0,1,0.45); color:#fff; font-size:11px;} /*2020.10.15 추가*/ 

/*S:190627 회원가입 추가 재정의*/
.users-join-line {border-bottom:1px solid #d4d4d4; padding:25px 20px; margin:0 -20px}
.users-title-line-hd {max-width:640px; margin:0 auto;}
.users-cont {width:640px; margin:0 auto; display:block;}
.users-cont#find-id-form.off {transition:all 0.5s; opacity:0; height:0; top:-100%; position:relative; padding:0}
.users-cont#find-id-ok {padding:0; height:0;}
.users-cont .input-box .cencle-btn {height:66px; line-height:66px;}
#users-join .users-cont input.input-st02 {font-size:15px}
.users-cont ul.find-line li a.js-userWithdraw {display:block; line-height:60px; border:1px solid #dedede;}
.users-cont .overlap-chk span {margin:10px 0;} /* 20.12.23 M */
.users-cont-full {max-width:640px; margin:0 auto;}
.users-layer-pop  {width:640px; position:fixed; left:50%; top:20%; z-index:102; background:#fff; overflow:hidden; margin-left:-320px;}
.users-layer-pop .users-pop-tit  {position:relative; text-align:center; height:60px; border-bottom:1px solid #d0d0d0}
.users-layer-pop .users-pop-tit h2 {font-size:20px; line-height:62px}
.users-layer-pop .users-pop-tit .close-btn {cursor:pointer; position:absolute; top:50%; margin-top:-10px; right:20px; width:20px; height:20px; background:url(//image.makeshop.co.kr/mysoho/assets/admin/images/btn/h25_close.png) no-repeat 50% 50%; text-indent:-9999px;}
.users-layer-pop .users-normal-txt {font-size:16px; color:#333; text-align:center; margin:0 auto 20px}
.users-cont .b-tit {font-size:20px; color:#000; text-align:center; font-weight:bold}
.users-cont .m-tit {font-weight:bold; font-size:16px; /*margin:20px 0 10px; */text-align:left; letter-spacing:-0.8px}
.users-cont .s-tit {font-size:15px; color:#000; text-align:center; line-height:1.6; letter-spacing:-0.8px}
.users-cont .no-write-box {border:1px solid #dedede; background:#dedede; width:100%; color:#000; text-align:left; font-weight:normal; font-size:12px; height:42px; padding:0 10px; box-sizing:border-box; line-height:42px}
.users-cont .search-box {border:1px solid #dedede; margin-left:0; border-left:none;}
#addressTbl tr td {text-align:center;}
#addressTbl .addressSelected {text-align:left; border:1px solid #cfcfcf;}
#addressTbl .addressSelected div{margin:10px 5px;}
#addressTbl .zipcode {border:1px solid #709ad3; color:#709ad3; border-radius:15px; font-size:11px; font-weight:bold; line-height:23px; text-align:center; width:100px;}
#addressTbl .new-address{border-bottom:1px dashed #d2d2d2; padding:5px 5px;}
#addressTbl .old-address{padding:5px 0px 0px 10px; color:#717171; font-size:13px;}

/*S:190627 주문 약관동의폼 변경*/
.order-from-new {border-bottom:1px solid #d4d4d4;}
.order-from-new .order-hd{background:#f7f7f7}

/*주문 적립금 사용 추가*/
.prd-info .prd-save-mileage {border-radius:10px; background-color:#e4edff; padding:5px 10px; font-size:12px;}
.prd-info .prd-save-mileage .save-mileage-txt {margin-left:2px; color:#1d76d6; font-weight:bold;}
.order-mileage {padding:20px 20px 25px;}
.order-mileage label span {font-size:14px; !important;}
.order-mileage .order-use-mileage {margin-top:25px;}
.order-mileage .order-use-mileage:first-child {margin-top:0;}
.order-mileage .order-use-mileage .title {margin-bottom:10px; font-size:14px; color:#000; overflow:hidden; line-height:21px;}
.order-mileage .order-use-mileage .title .txt-red {color:#c70000; font-weight:bold;}
.order-mileage .order-use-mileage .title label {float:right; font-weight:400; font-size:12px;}
.order-mileage .order-use-mileage .title .readonly-box span:before {font-size:14px; border:1px solid #d4d4d4; background-color:#f0f0f0 !important;}
.order-mileage .order-use-mileage .readonly-input {color:#000; background-color:#f0f0f0; border:1px solid #d4d4d4;}
.order-mileage .readonly-input::placeholder {color:#000;}
.order-mileage .order-use-mileage .readonly-input:focus {outline:none;}

/*회원 적립금 내역 추가*/
#mileage .mileage-price {text-align:center;}
#mileage .mileage-price .price{font-weight:bold; font-size:25px; color:#ff5a3f;}
#mileage .info-balloon {display:inline-block; position:relative; background:#f1f1f1; height:20px; margin:10px auto 0px; border-radius:10px; padding:5px;}
#mileage .info-balloon:after {content:''; position:absolute; border-bottom:10px solid #f1f1f1; border-right:5px solid transparent; border-left:5px solid transparent; top:-9px; left:50%;}
#mileage .info-balloon-txt {font-size:12px; color:#5a5a5a;} 
#mileage .info-balloon-help {width:15px;} 
#mileage-list ul {padding:0 15px;}
#mileage-list ul > li:first-child {border-top:1px solid #e5e5e5;}
#mileage-list ul > li {overflow:hidden; display:table; width:100%; padding:15px 0; border-bottom:1px solid #e5e5e5;}
#mileage-list ul > li .tbl-cell {display:table-cell; vertical-align:middle; padding-left:15px;}
#mileage-list ul > li .tbl-cell .info {float:left; width:65%;}
#mileage-list ul > li .tbl-cell .info .date {color:#5a5a5a; font-size:12px;}
#mileage-list ul > li .tbl-cell .price {float:right; padding:10px; font-weight:bold;}
#mileage-list .txt-red {color:#ff0000;}
#mileage-list .txt-blue {color:#00b0ff;}
#mileage-list .non-data {text-align:center;}

/*주문완료 시 적립금 말풍선 추가 */
.order-finish .balloon-mileage {right:30px; bottom:110px; position:absolute; font-weight:initial !important; font-size:13px !important; display:inline-block; background:#3e6cef; height:15px; margin:10px auto 0px;
border-radius:10px 10px 0px 10px; padding:10px; color:#fff;}
.order-finish .balloon-mileage:after {content:''; position:absolute; border-top:10px solid #3e6cef; border-right:0px solid transparent; border-left:15px solid transparent; bottom:-8px; right:0px;}

/* 20.12.23 A  */
#users-join .users-cont {padding:20px 0;} 

/* 탭 재정의 */
.pop-page .tab {overflow:hidden; border-bottom:1px solid #e4e4e4;}
.pop-page .tab li {float:left; width:50%; text-align:center;}
.pop-page .tab li a {display:inline-block; height:46px; line-height:48px; color:#999; font-size:14px; text-align:center; letter-spacing:-1px;} /* 18.05.09 */
.pop-page .tab li.now a {height:46px; border-bottom:2px solid #000; color:#000; font-weight:bold;}