@charset "UTF-8";

/**
 * 디자인별 템플릿 css 분리
 * 공통 및 서브 스타일
 * @date:2021-07-08
 * @name:이상아
 */

@import url("fonts.css");
@import url("payment.css?ver=1.0.1"); /* 21.03.19 이상아 추가_네이버 페이 관련 퍼블리싱 css */

/* 공통 */
html, body {height:100%; background:#fff; -webkit-overflow-scrolling:touch;}
body, button, input, select, textarea {color:#000; font-size:15px; /* font-family:'NanumBarunGothic', 'malgun gothic', 'dotum', sans-serif; */ font-family: 'Noto Sans CJK KR', sans-serif; line-height:1.25;} /* 2017-11-01 수정 */ /* 23.01.04 이현진 font-family 수정 */
a {color:#000;}
em, address {font-style:normal;}
img {max-width:100%;}
.blind {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden; color:transparent;}
label {display:inline-block;}
label input[type=radio], 
label input[type=checkbox] {display:none;}
label span {display:inline-block; position:relative; padding-left:30px; line-height:21px;}
label span:before {content:""; position:absolute; top:0; left:0; width:19px; min-height:19px; background-repeat:no-repeat; background-position:0 0; background-size:19px auto;} 
label input[type=radio] + span:before {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_radio.png);}
label input[type=checkbox] + span:before {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_checkbox.png);}
label input[type=radio]:checked + span:before {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_radio_on.png);}
label input[type=checkbox]:checked + span:before {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_checkbox_on.png);}
label input[type=radio] + span.not-visible:before {background-image:none;}
label input[type=radio]:checked + span.not-visible:before {background-image:none;}
/* 17.10.23 s */
select {width:100%; height:42px; padding-left:10px; border:1px solid #dedede; box-sizing:border-box; background:#fff url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right 10px center / 9px auto; font-size:15px; padding-right:30px;} 
input[type=text], 
input[type=tel], 
input[type=password] {width:100%; height:42px; padding:0 10px; box-sizing:border-box; background:#fff; border:1px solid #dedede; font-size:15px;} 
/* 17.10.23 e */
select::-ms-expand{display:none} /* 190627 추가 :IE 10,11의 네이티브 화살표 숨기기 */
.fl-l {float:left;}
.fl-r {float:right;}
.txt-l {text-align:left !important;}
.txt-r {text-align:right !important;}
.txt-c {text-align:center !important;}
.mt-none {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.bb-none {border-bottom:none !important;}
.bg-blank {display:block; height:9px; border-top:1px solid #d0d0d0; background:rgb(237, 239, 242);} /* 17.12.05 수정 */
.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;}
.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;}
.page-hd {position:relative;}
.page-hd h2 {height:43px; line-height:45px; padding-left:32px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_right.png) no-repeat 20px 50% / 6px auto; border-bottom:1px solid #e2e1e1; color:#000; font-size:14px; font-weight:normal;}
.pb-0 {padding-bottom:0;} /* 20.10.29 추가 */
.pb-35 {padding-bottom:35px !important;}
.ml-10 {margin-left:10px;}
.ml-30 {margin-left:30px;}
.mt-20 {margin-top:20px;} 
.mt-25 {margin-top:25px;} /* 20.12. 10 pub  추가*/
.mt-30 {margin-top:30px;}  /* 20.12. 10 pub  추가*/
.mb-30 {margin-bottom:30px;}
.mt-40 {margin-top:40px;}
.mb-10 {margin-bottom:10px !important;}
.mb-45 {margin-bottom:45px;}
.btn-h42-gray {display:inline-block; width:100%; height:50px; line-height:52px; background:#333; box-sizing:border-box; color:#fff; font-size:16px; font-weight:bold; text-align:center;} 
.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;} 
.btn-h43-black {display:inline-block; width:100%; height:47px; background:#000; font-size:14px; color:#fff; line-height:49px; text-align:center;} 
.btn-h43-gray1 {display:inline-block; width:100%; height:47px; background:#333; font-size:14px; color:#fff; line-height:49px; text-align:center;} 
.btn-h43-gray2 {display:inline-block; width:100%; height:47px; background:#4d4d4d; font-size:14px; color:#fff; line-height:49px; text-align:center;} 
.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;} 
label.w100 {width:100%;}
.w100 {width:100% !important;} /* 17.10.31 추가 */
.wmax-1000 {max-width:640px !important;}
#container {position:relative; background-color:#fff; flex:1 0 auto; padding-bottom:100px; min-height:440px;} /* 20.10.30 수정  */
#app #container {padding-bottom:0 !important;}
.fc-gray {color:#999 !important;}
.fc-red {color:#e44343 !important;}
.fc-blue {color:#297bcf !important;}
.w50per {width:50% !important;}
.w90per {width:90% !important;}
.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;}
.fs-11 {font-size:11px !important;}
.indent1 {padding-left:12px; text-indent:-12px; word-break:keep-all; line-height:17px;}
.mt-17 {margin-top:17px !important;}

/* 17.10.23 수정 s */
.wrap {position:relative; min-height:100%; max-width:640px; margin:0 auto;} /* 19.07.15 max-width 수정 */
.con-wrap {display:flex; min-height:100vh !important; flex-direction:column;} /* 20.10.30 수정 */ 
#ord-list-detail {left:50%; width:290px; margin-left:-145px;} 
#ord-list-detail .lhd {height:70px;} 
#ord-list-detail .lhd h2 {padding-top:16px; line-height:18px;} 
#ord-list-detail .lhd p.ord-num {padding-top:8px; font-size:14px; font-weight:bold; color:#e44343; text-align:center;} 
#ord-list-detail .lcont {padding:0; background:#f5f5f5;}
#ord-list-detail .lcont ul {overflow-y:scroll; height:385px;}
#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;} 
#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;} 
#ord-list-detail .lcont li dd {font-size:14px; color:#999; line-height:24px;} 
#ord-list-detail .lcont li dd .fl-r {float:right; color:#000000;}
#ord-list-detail .lcont li dd .fl-r>em {margin-right:3px; font-size:14px; color:#a8a8a8;} 
#ord-list-detail .lcont li dd.pay-price {margin-top:22px;}

/* 메인 / 상품상세 / 주문서작성 */
/* 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;} 
.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;	}

/* 17.10.23 수정 s */
.visual-roll img {width:100%; height:100%;} /* 17.12.05 수정 */
.prd-info {padding:28px 20px 0px}
.prd-info dt {font-size:19px; font-weight:bold; color:#000; line-height:20px; white-space:normal;} 
.prd-info dd {margin-top:12px; font-size:14px; color:#666666; 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;} 
.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;} 
.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:350px; overflow-y:scroll;} /* 21.06.30 이상아 수정 */
.prd-option .cont .cont-top {padding:0 15px;}
.prd-option .cont h4 {margin-bottom:11px; font-size:16px; color:#000;} 
.prd-option .cont .op-box {position:relative; width:100%; height:38px; border:1px solid #d9d9d9; font-size:14px; font-weight:bold; line-height:40px;} 
.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;}
.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;}
.prd-option .op-sel li .price {position:absolute; right:40px; bottom:15px; font-size:16px; color:#000; line-height:34px;} 
.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;} 
.prd-option .total span {margin-right:5px; color:#000;}
.prd-option .total em {font-size:18px;} 
.op-list dd.on {overflow-y:scroll; height:184px;}
.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;}
.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;} 
.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);}
.order-terms .order-agree {margin-top:10px; padding:15px 0; border-top:1px solid #e2e1e1;}
.agree-box {padding:20px 20px;} /* 20.10.26 수정  */
.agree-box label.all {font-size:14px;}
.agree-box label em {color:#808080; font-size:11px;}
.agree-box li {position:relative; margin-bottom:12px;}
.agree-box li:last-child {margin-bottom:0;}
.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; margin-bottom:-100px;}
.order-terms .inner {padding:25px 15px 26px;}
.order-terms .inner .warning-labels {margin-top:30px; text-align:center; line-height:1.0;} /* 20.04.07 추가 */
.order-terms .inner .warning-labels-font {font-size:11px; color:#A8A8A8;} /* 20.04.07 추가 */
.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;}
.deli-condition-em {width:100% !important; text-align:right;}
.price-box li.dic em.price {margin:0px; font-size:18px; color:#333;}
.price-box li.pay-price{height:65px; line-height:45px;} 
.price-box li.pay-price span {font-size:20px; color:#c70000;} 
.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%;} 
.order-frm li.array-2x input[type=text] {float:left; width:75%; border-left:none;} 
.order-frm li.array-2x input[type=tel] {float:left; width:75%; border-left:none;} 
.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;} 
.order-pay label {position:relative; display:block; margin-bottom:10px; color:#333;} 
.order-pay label em {color:#f00; font-size:11px;}
.order-pay ul.txt-desc li {font-size:0.8em; color:#666; line-height:18px; padding-left:30px;}
.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;} /* 20.11.17 수정 */
.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 30px; margin-bottom:-100px;}
.btn-more-p20 {padding:0 20px 30px !important; margin-top:-20px !important;}
.btn-wrap.inner {padding:0 18px;}
.btn-wrap.inner.mb-30 {margin-bottom:-75px !important;}
.swiper-container,
.prd-wrap .visual-play {text-align:center; position:relative;} /* 17.12.08 수정 */

/* 주문내역 17.10.23 수정 / 18.01.11 s 주문 상태별 수정 */
.order-status ul {overflow:hidden;}
.order-status ul li {float:left; width:33.3%; padding:13px 0 10px; border-bottom:1px solid #fff; border-right:1px solid #f5f5f5; box-sizing:border-box; text-align:center; height:68px;} /* 23.03.07 이현진 height 추가 */
.order-status ul li:nth-child(-n+4) {border-bottom:1px solid #f5f5f5;}
.order-status ul li:nth-child(3n) {border-right:none;}
.order-status ul li.on {border-bottom:1px solid #c70000;}
.order-status ul li.on p.num a ,
.order-status ul li.on p a {font-weight:bold; color:#c70000;}
.order-status ul li p a {font-size:12px; color:#333;}
.order-status ul li p.num a {margin-bottom:10px; font-size:20px; color:#000;}
.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;} 
.list-wrap .list-hd .od-date {font-size:14px; color:#b2b2b2; line-height:11px;} 
.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;} 
.list-cont .list li {overflow:hidden; position:relative; padding:19px 15px 15px; border-bottom:1px solid #e2e1e1;} /* 20.08.11 퍼블팀 수정 */
.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:auto; min-height:90px;}/* 21.05.03 황수현 수정 */
.list-cont .list li .info .label {display:inline-block; height:20px; padding:0 7px; border-radius:15px; font-size:11px; font-weight:bold; line-height:20px; text-align:center;} /* 20.10.30 수정 */
.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:5px 0 5px;} /* 20.10.30 수정 */ 
.list-cont .list li .info .option {color:#b2b2b2; font-size:14px; line-height:20px;} 
.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;} 
.order-finish .txt dd {margin-top:17px; font-size:15px; color:#333; line-height:21px;} 
.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;} 
.order-finish .info-wrap dl dd {float:right; width:68%; font-size:14px; color:#000; line-height:23px; text-align:right;} 
.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;} 
.pay-price {font-size:21px !important; font-weight:bold !important; color:#000 !important;} 
.pay-price .fl-r em {font-size:21px !important; color:#c70000 !important;} 

/* 약관 */
.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;} 
.terms-wrap .tbl-terms td {color:#666; font-size:13px; text-align:left;} 

/* 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}
.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;}

.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;/* max- */width:124px; /* max- */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 수정 */
#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; /* margin:0 20px 0 144px; */ 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;} 
#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;} 
#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;} 

#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%;}

#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;}

/* 메인 상품명/추가상품명  */
#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;} 
#list-type1 .prd-info dd {overflow:hidden; margin-top:10px; font-size:14px; color:#666666; 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%);} 
.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 주소버튼 */
.ps-base {position:relative; width:100%;}
.btn-search {position:absolute; right:0; width:42px; height:42px; border-left:1px solid #dedede; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h24_search.png) no-repeat center; background-size:15px auto; text-align:center; line-height:38px; text-indent:-9999em;} 

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

/* 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;}
.prd-option-non-total-layer {position:absolute; top:0; right:0; font-weight:normal; padding:24px 35px 0 0;}
.prd-option-non-total-layer span.amount {color:#297bcf;}

/* 17/11/14 s */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}

.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:#666666 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;}
.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;} /* 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;}

.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; background-repeat:no-repeat; background-size:15px 15px; text-indent:-9999px;}

/* 18.12.21 수정 s */
.page-hd .basket-hd {height:21px; padding:12px 20px; overflow:hidden; position:relative;}
.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;}
.basket-list > ul {background:#e5e7ec; border-top:1px solid #cfd4dd;}
.basket-list > ul > li {margin-top:9px; padding:28px 20px; background:#ffffff; 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:#ffffff; background:#000000; 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;}

/* 메인 리스트 */
.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:#666666 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-cont {padding:0 1.5%;}
.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;} 
.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;} 
.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;}

#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:20px 0; font-size:14px; line-height:20px; text-align:center;} /* 20.11.05 수정 */
/* 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%; /* -webkit-transform:translate3d(0, -50%, 0); -moz-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 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:last-child {border-bottom:none;}
#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-h30-black {display:inline-block; width:48px; height:24px; line-height:26px; background:#202020; font-size:12px; color:#fff; text-align:center;}
.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 * {float:left;}  /* 20.10.30 추가 */
.deli-info .tp-name {margin-right:9px; font-size:15px; color:#000;}
.deli-info .tp-num {display:inline-block; margin-right:10px;}
.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; cursor:pointer;} /* 20.10.30 수정 */

/* 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:15px;} /* 21.06.23 이상아 수정(지역배송비 추가개선 개발건) */
.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 #tabCont2 .tbl-detail {padding:0px;}
.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;}

/* 플로팅 버튼 */
.fix-btn a {display:inline-block; position:fixed; bottom:65px !important; z-index:16; width:46px; height:46px; cursor:pointer;}  /* 2017-11-01, 21.04.07 이상아 수정, 21.05.14 이상아 수정 */
.fix-btn a.btn-tel {left:10px; 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%;}  /* 21.04.07 이상아 수정 */
.fix-btn a.btn-top {display:none; right:10px; 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%;}  /* 21.04.07 이상아 수정 */
.fix-btn a.btn-h78-close {display:none; right:10px; bottom:120px !important; background:url('//image.makeshop.co.kr/mysoho/assets/shop/img/btn/h78_close.png') no-repeat; background-size:46px auto;} 
.fix-btn a.btn-kakao-plus {left:11px; 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%;} /* 21.07.06 이상아 수정 */
.fix-btn a.btn-floating-all {left:11px; 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%;} /* 21.07.06 이상아 수정 */
.fix-btn .btn-area-setting {top:-10px; left:30px; width:37px; height:37px; background:url('//image.makeshop.co.kr/mysoho/assets/shop/img/btn/btn_setting_blue.png?1') 0 0 no-repeat;}
.fix-btn .js-settingLayer {display:inline-block; position:fixed; bottom:62px; left:10px; z-index:16; width:48px; height:48px;} /* 21.07.06 이상아 수정, 22.05.19 z-index 이상아 수정 */
.fix-btn a.btn-area-setting {width:79px; height:45px; left:66px;}
.fix-btn .section-border {z-index:9; border-radius:30px;}

/* 640px 이상일 경우 fix-btn */
@media screen and (min-width:640px) {
    .fix-btn {position:fixed; bottom:65px; z-index:16; max-width:640px;} /* 21.05.14 이상아 2차 수정, 22.05.19 z-index 이상아 수정 */
	.fix-btn a.btn-tel {left:50%; margin-left:-310px;} /* 21.05.14 이상아 2차 추가 */
	.fix-btn a.btn-top {right:50%; margin-right:-310px; display:none; width:46px;} /* 21.05.14 이상아 2차 추가 */
    .fix-btn a.btn-floating-all {left:50%; margin-left:-310px; width:46px;}
	.fix-btn a.btn-kakao-plus {left:50%; margin-left:-310px;}
	#app .fix-btn a.btn-tel {margin-left:-318px;}
	#app .fix-btn a.btn-top {margin-right:-302px;}
	#app .fix-btn a.btn-floating-all {margin-left:-318px;}
	#app .fix-btn a.btn-kakao-plus {margin-left:-318px;}
    .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;}
    .fix-btn .js-settingLayer {left:auto !important; bottom:0;}
}

/* 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;}

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

/*mysoho loading*/
.mysoho-loading-background {z-index:999999; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.65);}
.mysoho-loading {z-index:9999999; display:none; position:absolute; width:150px; height:40px; background:url(//image.makeshop.co.kr/mysoho/assets/common/images/mysoho_loading.png) no-repeat 50% 50% / 150px 40px;}
.mysoho-loading-text {z-index:9999999; display:none; position:absolute; width:150px; height:auto; top:1185px;font-size:17px; text-align:center;color:#ffffff;}

/* 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;}

.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 수정 */
.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; }

/* 19.05.09 수정 */
#hashtag_list.prd-hashtag {border-bottom:none;}
#hashtag_list.prd-hashtag .recommend-hashtag.text-style {margin:15px 15px 9px;}
#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-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;border-top:1px solid #d4d4d4;padding:25px 20px;margin:0 -20px}
.users-title-line-hd{height:50px; background:#fafafa; text-align:center; border-bottom:1px solid #d6d6d6;border-left:0; border-right:0; margin-top:0;}
.users-title-line-hd h2{font-size:16px; line-height:52px;}
.users-cont {padding:20px 20px 0} /* 20.11.16 pub */
.users-cont.nopd{padding:0}
.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{transition:all 0.5s;;top:100%;opacity:0;;height:0;position:relative;} /* 20.12.29 pub M */
.users-cont#find-id-ok.on{transition:all 0.5s; top:0; opacity:1; ; height:100%;padding:20px }
.users-cont .input-box{font-size:0}
.users-cont .input-box .dis-in{display:inline-block;vertical-align:top}
.users-cont .input-box .cencle-btn{display:inline-block;;height:50px;line-height:52px;background:#666666;box-sizing:border-box;text-align:center}
.users-cont .input-box .cencle-btn a{;color:#fff;font-size:16px;font-weight:bold;;}
.users-cont .input-box:after{content:'';display:block; clear:both}
.users-cont select{display:inline-block}
.users-cont input.input-st01{width:100%; border:1px solid #dedede; text-align:center;font-weight:normal;font-size:16px}
.users-cont input.users-login-input{text-align:left;}
.users-cont input.users-login-input::placeholder{color:#adadad;}
.users-cont input.users-login-input:-ms-input-placeholder{color:#adadad;}
.users-cont input.users-login-input::-ms-input-placeholder{color:#adadad;}
.users-cont input.input-st02{width:100%; border:1px solid #dedede; text-align:left;font-weight:normal;font-size:12px;}
#users-join .users-cont {padding:20px;}
#users-join .users-cont input.input-st02{width:100%; border:1px solid #dedede; text-align:left;font-weight:normal;font-size:15px;}
.users-cont i.icon-box{text-align:center;display:inline-block;font-size:14px;vertical-align:middle;}
.users-cont button.chk-btn{width:29% ;margin-left:1%;text-align:center;display:inline-block;font-size:14px;vertical-align:middle;background:none;height:42px;border:1px solid #dedede;}
.users-cont ul.find-line{text-align:center;margin-top:20px;font-size:0}
.users-cont ul.find-line:after{content:'';display:block;clear:both;}
.users-cont ul.find-line li{display:inline-block; vertical-align:middle;position:relative;width:33.33%}
.users-cont ul.find-line li a{;color:#333333; font-size:14px}
.users-cont ul.find-line li button{background:none;color:#333333; font-size:14px}
.users-cont ul.find-line li:after{content:'';position:absolute;height:12px; width:1px; background:#dedede;right:0;top:50%;margin-top:-6px}
.users-cont ul.find-line li:last-child:after{content:''; display:none}
.users-cont .overlap-chk span {margin:10px 0} /*20.12.23 M */
.users-cont .overlap-chk span.red-chk-txt{font-size:12px; color:#ef2525}
.users-cont .overlap-chk span.blue-chk-txt{font-size:12px; color:#3c89f2}
.users-cont .add-info-txt{font-size:12px; color:#666666}
.users-cont-full{padding:20px; background:#f2f3f5;border-top:1px solid #d0d0d0}
.users-cont-full .agree-box{padding:0}
.users-cont .info-dd-box {overflow:hidden;}
.users-cont .info-dd-box:after{content:''; display:block; clear:both}
.users-cont .info-dd-box .info-lf-cont{float:left; line-height:30px;}
.users-cont .info-dd-box .info-lf-cont .b-txt{font-size:20px;}
.users-cont .info-dd-box .info-lf-cont .s-txt{font-size:14px;line-height:1.6;}
.users-cont .info-dd-box .info-rt-cont{float:right;}
.users-cont .info-dd-box .info-rt-cont .users-myinfo-edit-btn{float:left; margin-left:5px; width:60px; height:28px; line-height:28px;text-align:center}
.users-cont .info-dd-box .info-rt-cont .users-myinfo-edit-btn a{display:block; background:#f0f0f0 ;font-size:12px; color:#666666; border-radius:50px; border:1px solid #f0f0f0;}
.users-cont .my-point-box {display:block; background:#f6f6f6; width:100%; padding:20px; box-sizing:border-box; margin:30px auto 0; text-align:center; line-height:0;} /* 20.11.16 pub */
.users-cont .my-point-box .saved-money {display:inline-block; line-height:21px;} /* 20.11.16 pub */
.users-cont .my-point-box .point-tit{float:left; color:#ff5a3f; font-size:14px; font-weight:bold;} /* 20.11.16 pub */
.users-cont .my-point-box .point-tit em {display:inline-block; width:15px; height:15px; vertical-align:middle; line-height:17px; text-align:center; border:1px solid #ff5a3f; font-size:11px; border-radius:50%; margin-right:5px;}
.users-cont .my-point-box .point-num{float:right; font-size:17px; font-weight:bold; margin-left:10px; color:#ff5a3f;}
.users-cont .my-point-box .point-num a{font-weight:bold; font-size:18px; color:#ff5a3f}
.users-cont .my-point-box .point-num a img{width:7px;vertical-align:middle;display:inline-block;margin-top:-2px;margin-left:5px;}
.middle-bar{margin:10px auto; color:#ebebeb;border-top:0;}
.users-cont .order-tit-line:after{content:''; display:block; clear:both}
.users-cont .order-tit-line .order-tit{float:left;font-weight:bold; font-size:20px;}
.users-cont .order-tit-line .sale-info{float:right}
.users-cont .order-tit-line .sale-info a{color:#666666; font-size:14px}
.users-cont .order-tit-line .sale-info a img{width:7px;vertical-align:middle;display:inline-block;margin-top:-4px;margin-left:5px;}
.users-cont .order-status ul {margin-top:20px; border:1px solid #f5f5f5;}
.users-cont .order-status ul li:nth-child(4) {border-bottom:1px solid #fff}
.users-cont .order-status ul li.on {border-bottom:1px solid #ff5a3f;}
.users-cont .order-status ul li.on p.num a ,
.users-cont .order-status ul li.on p a {font-weight:bold; color:#ff5a3f;}
.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;;background:#fff; height:42px;display:inline-block}
.users-cont .search-box img{width:16px}

#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}

/*주문 적립금 사용 추가*/
.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;background-image:url() !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;}

/*주문 프로모션할인코드 사용 heojun 추가*/
.readonly-input-promotion {color:#000; background-color:#f0f0f0 !important; border:1px solid #d4d4d4 !important;}
.readonly-input-promotion:focus  {outline:none;}
.readonly-input-promotion::-webkit-input-placeholder {color:#000 !important;}
.readonly-input-promotion::-moz-placeholder {color:#000 !important;}
.readonly-input-promotion:-ms-input-placeholder {color:#000 !important;}
.readonly-input-promotion:-moz-placeholder {color:#000 !important;}
.apply-input-promotion: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;}
#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:60%;}
#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:25px; 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;}

#overseas-cont .add-info-txt{font-size:12px; color:#666666}
#overseas-cont .btn-view {position:relative; display:inline-block; right:0; bottom:0; height:23px; line-height:23px; padding:0 5px; border:1px solid #808080; box-sizing:border-box; color:#000; font-size:11px; margin-left:5px;}
.prd-info .prd-opt-icon {display:inline-block;}
.prd-info .prd-opt-icon .prd-opt-icon-txt{margin-left:2px; color:#2277F2; font-weight:bold; font-size:13px;}

#order_list .list-wrap .list-hd {position:relative; background:#fff;}
#order_list .list-wrap .list-hd .btn-h34-black {display:inline-block; width:67px; height:34px; text-align:center; line-height:34px;  background:#212121; position:absolute; top:15px; right:15px; font-size:13px; color:#fff;}
#order_list .list-wrap .list-hd span {display:block;}
#order_list .list-wrap .list-hd .btns {overflow:hidden; margin-top:10px;}
#order_list .list-wrap .complete {line-height:40px; text-align:center; background:#f6f6f6; font-size:13px; color:#999999;}

/*  게시판관리 주문서 */
.review_list_detail .review-wrap .review-list .content-text.open {text-overflow:unset; white-space:pre-line;}
.review_list_detail .review-wrap .review-list .btn-txt-view {display:inline-block; margin-top:10px; padding-right:12px; font-size:13px; color:#b2b2b2; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_down.png) right center no-repeat; background-size:8px 4px;}
.review_list_detail .review-wrap .review-list .btn-txt-view.close {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_up.png) right center no-repeat; background-size:8px 4px;}

.chekck-title {padding:20px 0 7px; overflow:hidden;}
.chekck-title .m-tit {line-height:19px; float:left;}
.chekck-title label {float:right;}

.input-box textarea {width:100%; height:130px; padding:10px; background:#fff; border:1px solid #dedede; font-size:15px; color:#000; box-sizing:border-box;}
.users-cont .gray-txt {margin-top:10px; text-align:left; font-size:12px; color:#666666;}
.users-cont .txt-box {margin-top:15px; padding:15px 0; border-top:1px solid #f0f0f0;}
.users-cont .txt-box .gray-txt2 {font-size:12px; line-height:18px; color:#999999;}
.users-cont .txt-box .security-txt-wrap {overflow:hidden;}
.users-cont .txt-box .security-txt-wrap .security-txt {height:50px; float:left; width:73.23%; border:1px solid #d9d9d9; box-sizing:border-box;}
.users-cont .txt-box .security-txt-wrap .security-txt img {height:100%;}
.users-cont .txt-box .security-txt-wrap .btns {width:25%; float:right;}
.users-cont .txt-box .security-txt-wrap .btns a {margin-top:4px; display:block; text-align:center; height:50px; background:#f0f0f0;}
.users-cont .txt-box .security-txt-wrap .btns a:first-child {margin-top:0;}
.users-cont .txt-box .security-txt-wrap .btns a span {display:inline-block; padding-left:16px; line-height:50px; font-size:11px; color:#666666;}
.users-cont .txt-box .security-txt-wrap .btns a span.refresh {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_refresh.png) left center no-repeat; background-size:13px 10px;}
.users-cont .txt-box .security-txt-wrap .btns a span.voice {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_voice.png) left center no-repeat; background-size:12px 10px;}
.users-cont.inquiry .input-box input,
.users-cont.inquiry .input-box textarea {font-size:13px;}
.myPrd-reqa .txt-detail {text-align:center; max-height:864px; position:relative; overflow:hidden;}
.myPrd-reqa .txt-detail.non p {padding:70px 0;}
.myPrd-reqa .review .prd-info {padding:15px 18px; border-bottom:1px solid #f0f0f0; position:relative; height:50px;}  /* 20.10.30 수정 */
.myPrd-reqa .review .prd-info .prd-img-resizing {width:50px; height:50px; position:absolute; top:15px; left:18px;} /* 20.10.30 수정 */
.myPrd-reqa .review .prd-info .prd-img-resizing p {padding-top:0; box-sizing:border-box; position:relative;}
.myPrd-reqa .review .prd-info .prd-img-resizing p a {display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
.myPrd-reqa .review .prd-info .prd-img-resizing p .tmb {overflow:hidden; float:left; width:50px; height:50px;}
.myPrd-reqa .review .prd-info .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;}
.myPrd-reqa .review .prd-info .info {padding-left:60px; line-height:1.5;}
.myPrd-reqa .review .prd-info .info .name {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  font-size:14px;}
.myPrd-reqa .review .prd-info .info .price {font-family:'mg'; font-weight:bold; font-size:14px; color:#000;}
.myPrd-reqa .review .prd-info .info .price em {font-weight:400;}
.myPrd-reqa .review .prd-info .info .option {color:#b2b2b2; font-size:12px; line-height:20px;}
.myPrd-reqa .review_list_detail .review-wrap .review-list {position:relative;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .postContents .review-date {float:left; line-height:16px;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .postContents .review-date .date {margin-left:10px;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .postContents .review-date .date:before {display:none;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .content-text {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .btn-md-open {display:inline-block; position:absolute; top:18px; right:18px; width:13px; height:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_review_md.png) center center no-repeat; background-size:3px 13px;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .btn-md {display:none; width:57px; height:70px; border:1px solid #e4e4e4; border-radius:10px; background:#ffffff; position:absolute; top:50px; right:18px; z-index:99;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .btn-md a {display:block; line-height:35px; text-align:center; font-size:12px; color:#000;}
.myPrd-reqa .review_list_detail .review-wrap .review-list .btn-md.on {display:block;}
.myPrd-reqa.qa .review {border-bottom:none;}
.myPrd-reqa.qa .review .prd-info {height:50px; padding:15px 18px; text-align:left;}
.myPrd-reqa.qa .review .qa-list-wrap ul li {border-top:none; position:relative;}
.myPrd-reqa.qa .review .qa-list-wrap ul li > a {padding:20px 45px 20px 56px;}
.myPrd-reqa.qa .review .qa-list-wrap ul li .btn-md {display:none;  width:57px; height:70px;border:1px solid #e4e4e4;border-radius:10px;background:#ffffff;position:absolute;top:50px;right:18px;z-index:99;}
.myPrd-reqa.qa .review .qa-list-wrap ul li .btn-md a {display:block; line-height:35px; text-align:center; font-size:12px; color:#000;}
.myPrd-reqa.qa .review .qa-list-wrap ul li .btn-md.on {display:block;}
.myPrd-reqa.qa .review .qa-list-wrap ul li .btn-md-open {display:inline-block; position:absolute; top:18px; right:18px; width:13px; height:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_review_md.png) center center no-repeat; background-size:3px 13px; padding:0;}

.tmb {overflow:hidden;}
.origin-total {border-top:1px solid #e2e1e1;}

.users-cont .review-qa-list ul li {border-top:1px solid #f0f0f0;}
.users-cont .review-qa-list ul li:first-child {border-top:none;}
.users-cont .review-qa-list ul li a {display:block; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h21.png) 97% center no-repeat; overflow:hidden; line-height:42px; background-size:5px 10px;}
.users-cont .review-qa-list ul li a .tit {font-size:13px; color:#000;}

.list-cont .list li .prd {border-top:1px solid #f0f0f0; padding:15px 0;}
.list-cont .list li .prd:first-child {border-top:none; padding-top:0;}
.list-cont .list li .prd:last-child {padding-bottom:0;}
.list-cont .list li .btn-review {margin-top:15px;}
.list-cont .list li .btn-review .btn-write {display:block; border:1px solid #d9d9d9; text-align:center; line-height:40px; font-size:13px; color:#000000;}
.list-cont .list li .btn-review .complete {line-height:40px; text-align:center; background:#f6f6f6; font-size:13px; color:#999999;}
.list-cont .list li .info .delivery {overflow:hidden;}
.list-cont .list li .info .delivery .label {float:left;}
.list-cont .list li .info .delivery .del-info {line-height:19px; float:left; margin-left:5px; display:inline-block;}
.list-cont .list li .info .delivery .del-info .del-number {display:inline-block; padding-right:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_enter.png) right center no-repeat; background-size:9px 9px; font-size:12px; color:#297bcf; font-family:'mg';}
.list-cont .list li .info .delivery .del-info .del-enter {display:inline-block; padding-right:7px; margin-left:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h8_blue.png) right center no-repeat; font-family:'mg'; font-size:12px; color:#297bcf; background-size:3px 4px; position:relative;}
.list-cont .list li .info .delivery .del-info .del-enter:before {display:block; content:''; width:1px; height:10px; background:#b2b2b2; position:absolute; top:7px; left:-6px;}

.prdReview-write .prd-info {height:50px; padding:15px 20px 15px 80px; position:relative;} /* 20.10.30 수정 */
.prdReview-write .prd-info .prd-img-resizing {position:absolute; top:15px; left:20px; width:50px; height:50px;}
.prdReview-write .prd-info .prd-img-resizing p {max-height:50px; box-sizing:border-box; position:relative; padding-top:100%;}
.prdReview-write .prd-info .prd-img-resizing p span {display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.prdReview-write .prd-info .prd-img-resizing p span 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;}
.prdReview-write .prd-info .prd-txt .name {margin-top:5px;width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#000;}
.prdReview-write .prd-info .prd-txt .option {margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:11px; color:#b2b2b2;}
.prdReview-write .estimate-wrap {background:#fff; border-bottom:1px solid #f0f0f0;}
.prdReview-write .estimate-wrap p {font-size:15px; color:#333333; margin-bottom:5px;}
.prdReview-write .users-cont .photo-box {margin-top:10px;}
.prdReview-write .users-cont .photo-box ul {overflow:hidden; text-align:left;}
@media screen and (max-width:320px) {
    .prdReview-write .users-cont .photo-box ul li {display:inline-block; padding:0px 2px;width:50px; height:50px;}
}
@media screen and (min-width:321px) {
    .prdReview-write .users-cont .photo-box ul li {display:inline-block; padding:0px 2px;width:60px; height:60px;}
}
@media screen and (min-width:640px) {
    .prdReview-write .users-cont .photo-box ul {overflow:hidden; text-align:center;}
    .prdReview-write .users-cont .photo-box ul li {display:inline-block; padding:0px 10px;width:100px; height:100px;}
}
.prdReview-write .users-cont .photo-box ul li div {width:100%; height:100%; position:relative;}
.prdReview-write .users-cont .photo-box ul li div p {box-sizing:border-box; width:100%; height:100%;}
.prdReview-write .users-cont .photo-box ul li div p img {display:inline-block; width:100%; height:100%; cursor:pointer;}
.prdReview-write .users-cont .photo-box ul li div .btn-delete {display:block; width:17px; height:17px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/btn_file_upload_del.png) 0 0 no-repeat; position:absolute; background-size:17px 17px; top:0; right:0; z-index:99;}
.input-box textarea {width:100%; height:130px; padding:10px; background:#fff; border:1px solid #dedede; font-size:13px; color:#000; box-sizing:border-box;}
.prdReview-write .users-cont .photo-box ul li .file {position:relative;}
.prdReview-write .users-cont .photo-box ul li input[type=file] {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}

.notice-wrap .list li {border-bottom:1px solid #f0f0f0;}
.notice-wrap .list li a {display:block; padding:15px 18px;}
.notice-wrap .list li a .tit {display:block; font-size:14px; line-height:20px; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* 22.02.17 이상아 공지사항 리스트 */
.notice-wrap .list li a .date {display:block; font-size:11px; color:#b2b2b2; margin-top:10px;}
.notice-wrap .list li.bold a .tit {font-weight:bold;}
.notice-wrap .list .cnt {padding:15px 18px; border-top:1px solid #f0f0f0; background:#f8f8f8; line-height:20px; font-size:13px; color:#333333;}

.pop-page .txt-detail {padding:35px 15px;} /* 20.12.28 M */
.pop-page .txt-detail.non .no-text {padding-bottom:25px;}  /* 20.12.28 M */
.pop-page .txt-detail #view img {height:auto;}
.pop-page .tab.fix {position:fixed; top:57px; width:100%; background:#fff; z-index:99; max-width:640px;}
.qa-btn-wrap {text-align:center; padding:20px 0;} 
.qa-btn-wrap .btn-qa {display:inline-block;  width:40.625%; border:1px solid #000; line-height:36px; border-radius:20px; text-align:center;}
.qa-btn-wrap .btn-qa span {display:inline-block; padding-left:15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_write.png) left center no-repeat; background-size:11px 11px; font-size:14px; font-weight:bold;}
.qa-list-wrap ul li {border-top:1px solid #f0f0f0; position:relative;}
.qa-list-wrap ul li > a {display:block; padding:20px 50px 20px 56px;  position:relative; text-align:left;}
.qa-list-wrap ul li > a .state {display:inline-block; width:40px; height:32px; padding-top:8px; position:absolute; top:20px; left:20px; text-align:center; font-size:9px;  border-radius:50%;} 
.qa-list-wrap ul li > a .state.standby {background:#edeff2; color:#999999; font-weight:bold;}
.qa-list-wrap ul li > a .state.complete {background:#d4e5f5; color:#297bcf; font-weight:bold;}
.qa-list-wrap ul li > a .cont {display:block; padding-left:20px; font-size:0px; word-wrap:break-word;} /* 20.11.05 수정 */ /* 22.08.11 이상아 수정 */
.qa-list-wrap ul li > a .tit {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:18px; font-size:13px; color:#000; max-width:100%;
word-wrap:break-word;} /* 22.08.11 이상아 수정 */
.qa-list-wrap ul li.on > a .tit {text-overflow:unset; line-height:18px; width:100%; display:inline; font-size:13px; white-space:pre-line; word-break:break-all;} /* 22.08.11 이상아 수정 */
.qa-list-wrap ul li > a .info {display:block; margin-top:5px; overflow:hidden;} 
.qa-list-wrap ul li > a .info * {display:inline-block; padding:0 7px; float:left; position:relative; font-size:11px; color:#999999;}
.qa-list-wrap ul li > a .info *:before {display:block; content:''; width:1px; height:9px; background:#dddddd; position:absolute; left:0; top:2px;}
.qa-list-wrap ul li > a .info *:first-child {padding-left:0;}
.qa-list-wrap ul li > a .info *:first-child:before {display:none;}
.qa-list-wrap ul li > a .info .name {width:60px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.qa-list-wrap ul li .answer {padding:15px 15px 15px 30px; position:relative; text-align:left;  border-top:1px solid #f0f0f0; background:#f8f8f8;}
.qa-list-wrap ul li .answer .top {overflow:hidden;}
.qa-list-wrap ul li .answer .top .name {float:left; font-weight:bold; font-size:12px;  line-height:18px;color:#000;}
.qa-list-wrap ul li .answer .top .date {margin-left:15px; float:left; color:#999999; font-size:11px; position:relative; line-height:18px;}
.qa-list-wrap ul li .answer .top .date:before {display:block; content:''; width:1px; height:10px; background:#dbdbdb; position:absolute; top:3px; left:-7px;}
.qa-list-wrap ul li .answer .text {font-size:13px; line-height:18px; color:#000; word-break:break-all; white-space:normal; word-wrap:break-word;} /* 22.08.11 이상아 수정 */
.qa-list-wrap ul li .answer:before {width:7px	; height:7px; position:absolute; top:15px; left:15px; content:''; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_a.png) 0 0 no-repeat; background-size:7px 7px;}
.qa-list-wrap ul li.lock a .tit {display:inline-block; padding-right:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_lock.png) right center no-repeat; color:#999999; background-size:10px 11px;}
.qa-list-wrap ul li.user-lock a .tit {display:inline-block; padding-right:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_lock.png) right center no-repeat; background-size:10px 11px; max-width:100%; background-position-y:2px;}
.qa-list-wrap ul li.lock.on a .tit {display:inline; padding-right:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_lock.png) right center no-repeat; color:#999999; background-size:10px 11px;}
.qa-list-wrap ul li.user-lock.on a .tit {display:inline; padding-right:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_lock.png) right center no-repeat; background-size:10px 11px; max-width:100%; background-position-y:1px;}
.qa-list-wrap ul li .lock-pw-area {padding:18px 15px; background:#f8f8f8; border-top:1px solid #f0f0f0;}
.qa-list-wrap ul li .lock-pw-area .box {overflow:hidden;}
.qa-list-wrap ul li .lock-pw-area .box input {width:79.26%; padding:0 12px; height:34px; background:#fff; border:1px solid #d9d9d9; float:left; font-size:12px;}
.qa-list-wrap ul li .lock-pw-area .box .btn-h34-black {display:block; width:18.9%; float:right; line-height:34px; text-align:center; background:#000; font-size:12px; color:#fff;}
.qa-list-wrap ul li .btn-md-open {display:inline-block; position:absolute; top:18px; right:18px; width:13px; height:13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_review_md.png) center center no-repeat; background-size:3px 13px; padding:0;}
.qa-list-wrap ul li .btn-md {display:none;  width:57px; height:70px;border:1px solid #e4e4e4;border-radius:10px;background:#ffffff;position:absolute;top:50px;right:18px;z-index:99;}
.qa-list-wrap ul li .btn-md a {display:block; line-height:35px; text-align:center; font-size:12px; color:#000;}
.qa-list-wrap ul li .btn-md.on {display:block;}
.qa-list-wrap ul li .btn-md-open {display:inline-block; position:absolute; top:18px; right:18px; width:25px; height:25px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_review_md.png) center center no-repeat; background-size:3px 13px; padding:0;}

.more-btn {text-align:center;  border-top:1px solid #f0f0f0; margin-bottom:-100px;}
.more-btn a {display:block; line-height:60px; font-size:13px; color:#000;}

.estimate-wrap {padding:30px 0; text-align:center; background:#f8f8f8; border-bottom:1px solid #d0d0d0;}
.estimate-wrap .estimate-point {display:inline-block;}
.estimate-wrap .estimate-point .stars {display:inline-block; float:left;}
.estimate-wrap .estimate-point .stars .star {display:inline-block; width:38px; height:37px; float:left; margin-left:5px;}
.estimate-wrap .estimate-point .stars .star *:first-child {margin-left:0;}
.estimate-wrap .estimate-point .stars .star {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_off.png) 0 0 no-repeat; background-size:38px 37px}
.estimate-wrap .estimate-point .stars .star.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_on.png) 0 0 no-repeat; background-size:38px 37px}
.estimate-wrap .estimate-point .point {display:inline-block; float:left; font-family:'mg'; margin-left:10px; font-weight:bold; font-size:30px; color:#000; line-height:25px;;}
.estimate-wrap .txt {margin-top:12px; font-size:13px; color:#333333;} /* 20.04.28 수정 */
.estimate-wrap .estimate-point .stars .starL {display:inline-block; width:14px; height:27px; float:left; margin-left:5px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_off.png) 0 0 no-repeat; background-size:28px 27px;}
.estimate-wrap .estimate-point .stars .starR {display:inline-block; width:14px; height:27px; float:left; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_off.png) right 0 no-repeat; background-size:28px 27px;}
.estimate-wrap .estimate-point .stars .starL.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_on.png) 0 0 no-repeat; background-size:28px 27px}
.estimate-wrap .estimate-point .stars .starR.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_on.png) right 0 no-repeat; background-size:28px 27px}

.review_list_detail .photo_check {padding:18px 15px; border-bottom:1px solid #d0d0d0; text-align:left;}
.review_list_detail .photo_check label span {font-weight:bold; font-size:14px; color:#000;} /* 20.04.28 수정 */
.review_list_detail .review-wrap .review-list {padding:18px; text-align:left; border-top:1px solid #f0f0f0;} /* 20.11.16 pub */
.review_list_detail .review-wrap .review-list:first-child {border-top:none;} /* 20.11.16 pub */
.review_list_detail .review-wrap .review-list .postContents {overflow:hidden;}
.review_list_detail .review-wrap .review-list .postContents .review-score {display:inline-block; float:left;}
.review_list_detail .review-wrap .review-list .postContents .review-score .stars {display:inline-block; float:left;}
.review_list_detail .review-wrap .review-list .postContents .review-score .stars .star {display:inline-block; width:12px; height:12px; float:left; margin-left:3px;}
.review_list_detail .review-wrap .review-list .postContents .review-score .stars .star:first-child {margin-left:0;}
.review_list_detail .review-wrap .review-list .postContents .review-score .stars .star.off {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_star_off.png) 0 0 no-repeat; background-size:12px 11px;}
.review_list_detail .review-wrap .review-list .postContents .review-score .stars .star.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_star_on.png) 0 0 no-repeat; background-size:12px 11px;}
.review_list_detail .review-wrap .review-list .postContents .review-score .point {display:inline-block; margin-left:5px; float:left; font-weight:bold; font-size:13px; color:#000;}
.review_list_detail .review-wrap .review-list .postContents .review-date {float:right;}
.review_list_detail .review-wrap .review-list .postContents .review-date * {float:left; font-size:11px; color:#b2b2b2;}
.review_list_detail .review-wrap .review-list .postContents .review-date .date {margin-left:18px; position:relative;}
.review_list_detail .review-wrap .review-list .postContents .review-date .date:before {display:block; content:''; width:1px; height:12px; background:#d0d0d0; position:absolute; top:0; left:-8px;}
.review_list_detail .review-wrap .review-list .review-option {margin-top:10px; line-height:17px; font-size:11px; color:#b2b2b2;}
.review_list_detail .review-wrap .review-list .summary {margin-top:10px;}
.review_list_detail .review-wrap .review-list .summary .content-text {line-height:17px; font-size:13px; color:#333333; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;
/* white-space:pre-line; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; 22.08.11 이상아 수정 */ word-break:break-all; white-space:nowrap;} /* 20.04.28 수정 */
.review_list_detail .review-wrap .review-list .summary .content-text.open {overflow:unset; text-overflow:ellipsis; display:block; -webkit-box-orient:unset; -webkit-line-clamp:unset; white-space:pre-line;}
.review_list_detail .review-wrap .review-list .summary .review-photo {margin-top:10px; text-align:center;}
.review_list_detail .review-wrap .review-list .summary .review-photo ul {overflow:hidden;}
.review_list_detail .review-wrap .review-list .summary .review-photo ul li img {height:100%; width:100%;}
.review_list_detail .review-wrap .review-list .summary .review-photo ul li.more {position:relative;}
.review_list_detail .review-wrap .review-list .summary .review-photo ul li.more .bg-black {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.5 ); color:#fff; font-size:14px; line-height:140px;} /* 20.11.16 pub */
.review_list_detail .review-wrap .review-list .summary .review-photo ul.w50 {height:140px;}
.review_list_detail .review-wrap .review-list .summary .review-photo ul.w50 li {width:49%; height:140px; margin-left:1.5%; float:left;}
.review_list_detail .review-wrap .review-list .summary .review-photo ul.w50 li:first-child {margin-left:0;}
.review_list_detail .review-wrap .review-list .summary .review-photo.views ul li {height:auto;}
.review_list_detail .review-wrap .review-list .summary .review-photo.views ul li.more .bg-black {display:none;}
.review_list_detail .review-wrap .review-list .summary .review-photo.views ul.w50 {height:auto;}
.review_list_detail .review-wrap .review-list .summary .review-photo.views ul.w50 li {width:100%; margin-bottom:10px; margin-left:0; float:none;}
.review_list_detail .review-wrap .review-list .summary .review-photo.views li {height:auto;}
.review_list_detail .review-wrap .review-list .review-answer {margin-top:10px; padding:12px 12px 12px 22px; background:#f8f8f8; position:relative;}
.review_list_detail .review-wrap .review-list .review-answer .line-bottom {border-bottom:solid #eaeaea 1px; padding-bottom:10px; margin-bottom:10px;}
.review_list_detail .review-wrap .review-list .review-answer:before {display:block; content:''; width:7px; height:7px; position:absolute; top:12px; left:11px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_a.png) 0 0 no-repeat; background-size:7px 7px;}
.review_list_detail .review-wrap .review-list .review-answer .top {overflow:hidden;}
.review_list_detail .review-wrap .review-list .review-answer .top .seller {display:inline-block; float:left; font-weight:bold; font-size:12px; color:#000;}
.review_list_detail .review-wrap .review-list .review-answer .top .date {display:inline-block; float:left; margin-left:15px; font-size:11px; color:#b2b2b2; position:relative; line-height:15px;} /* 20.11.16 pub */
.review_list_detail .review-wrap .review-list .review-answer .top .date:before {position:absolute; display:block; content:''; width:1px; height:8px; background:#b2b2b2; position:absolute; top:2px; left:-7px;}
.review_list_detail .review-wrap .review-list .review-answer .top .view {display:inline-block; float:right; font-size:12px; text-decoration:underline;}
.review_list_detail .review-wrap .review-list .review-answer .text {display:none; margin-top:5px; font-size:12px; line-height:20px; color:#333333; word-break:break-all; white-space:pre-line; word-wrap:break-word;} /* 20.04.28 수정 */ /* 22.08.11 이상아 수정 */
.review_list_detail .review-wrap .review-list .content-text.open {text-overflow:unset; white-space:pre-line;}
/* .review_list_detail .review-wrap .review-list .btn-txt-view {display:inline-block; margin-top:10px; padding-right:12px; font-size:13px; color:#b2b2b2; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_down.png) right center no-repeat; background-size:8px 4px;}
.review_list_detail .review-wrap .review-list .btn-txt-view.close {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_up.png) right center no-repeat; background-size:8px 4px;} 22.08.11 이상아 삭제 */

.pop-page .tab.w33 li {width:33.33%;}
.users-cont .list-cont .list li .prd-img-resizing p {padding-top:0;}
.users-cont .list-cont .list li .info .price {margin-bottom:5px; position:relative; right:auto; bottom:auto; font-weight:bold;}
.users-cont .list-cont .list li .info .option a {display:inline-block; padding-right:10px; font-size:12px; color:#b2b2b2;}
.users-cont .list-cont .list li .info .option span {display:block;}
.users-cont .list-cont .list li .info .option.down a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_down.png) right center no-repeat; background-size:8px 4px;}
.users-cont .list-cont .list li .info .option.up a {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h9_up.png) right center no-repeat; background-size:8px 4px;}
/* 사이드 메뉴 공지사항, q&a 21.03.04 */
#aside .aside-bot {width:100%; position:absolute; bottom:0; overflow:hidden;}
#aside .aside-bot > div {width:50%; float:left;}
#aside .aside-bot > div a {display:block; text-align:center; background:#fff; border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2; line-height:45px;}
#aside .aside-bot > div:first-child a {border-left:none;}
#aside .aside-bot .notice a {text-align:center; line-height:46px;}
#aside .aside-bot .notice a span {display:inline-block; padding-left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_notice.png) left center no-repeat; background-size:15px 12px; line-height:46px; font-size:12px; color:#000;}
#aside .aside-bot .qna a span {display:inline-block; padding-left:18px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qna_h25.png) left center no-repeat; background-size:12px auto; line-height:46px; font-size:12px; color:#000;}
#aside .aside-bot.depth1 > div {width:100%; float:none;}
#aside .aside-bot.depth1 > div a {text-align:left; padding-left:15px;}

/* 2020.09.07 주문서 버튼 비활성화용 오버레이 */
.shop-btn-overlay-relative {position:relative;}
.shop-btn-overlay {z-index:15; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#eef1f4; opacity:.6;}

/* 20.12.28 후기작성 적립금 코멘트 */
.prdReview-write .comment {width:100%; height:40px; background:#ff5a3f;}
.prdReview-write .comment p {text-align:center; line-height:40px; font-weight:bold; font-size:13px; color:#ffffff;}

/* 20.12.28  상품상세 적립금 코멘트 */
.review-wrap .txt-detail .comment {margin-top:8px; box-sizing:border-box; border:1px solid #297bcf; border-radius:10px;}
.review-wrap .txt-detail .comment.normal p {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_review_comment_nomal.png) left center no-repeat; background-size:14px 14px;}
.review-wrap .txt-detail .comment.photo p {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_review_comment_photo.png) left center no-repeat; background-size:14px 14px;}
.review-wrap .txt-detail .comment p {display:inline-block; padding-left:25px; position:relative; line-height:60px; font-size:13px; color:#000;}
.review-wrap .txt-detail .comment span {color:#297bcf;}

#findPasswordLayer_wrapper .users-cont {padding:20px;} /* 20.12.29 pub A */

/* 21.03.04 Q&A */
.btn-area-qaWrite-fix {position:fixed; bottom:0; width:100%; z-index:16; max-width:640px;} /* 22.05.18 이상아 z-index 수정 */
.btn-qaWrite-fix {position:absolute; bottom:116px; right:10px; width:46px; height:46px; z-index:9;} /* 21.04.30 이상아 수정 */
.qna-board-list .no-result {display:table; width:100%;}
.qna-board-list .no-result .result {display:table-cell; width:100%; height:400px; text-align:center; vertical-align:middle;}
.qna-board-list .no-result .result .text {font-size:12px; color:#000;}
.qna-board-list .no-result a {display:inline-block; width:120px; border:1px solid #d9d9d9; margin-top:15px; border-radius:50px; box-sizing:border-box; text-align:center;}
.qna-board-list .no-result a span {display:inline-block; padding-left:18px; line-height:42px; font-weight:700; font-size:13px; color:#000;}
.qna-board-list .no-result .btn-qa span {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_write_btn.png) left center no-repeat; background-size:13px auto;}
.qna-board-list .no-result .btn-reset span {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_reset_h26.png) left center no-repeat; background-size:13px auto;}

.qa-search-wrap {padding:15px 18px;}
.qa-search-wrap .inner {position:relative;}
.qa-search-wrap .inner .btn-inputtext-del {display:none; width:15px; height:15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/btn_close_h29.png) 0 0 no-repeat; background-size:15px 15px; position:absolute; right:12.9%; top:14px; text-indent:-9999px;}
.qa-search-wrap .inner .btn-qa-search {display:inline-block; width:42px; height:42px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_search_h34.png) center center no-repeat; background-size:18px auto; position:absolute; right:0; top:0; text-indent:-9999px;}
.qa-search-wrap input[type=text] {padding-right:19%;}
.qa-search-wrap input[type=text]::-webkit-input-placeholder {color:#bfbfbf !important;}
.qa-search-wrap input[type=text]::-moz-placeholder {color:#bfbfbf !important;}
.qa-search-wrap input[type=text]:-ms-input-placeholder {color:#bfbfbf !important;}
.qa-search-wrap input[type=text]:-moz-placeholder {color:#bfbfbf !important;}
.qa-search-wrap input[type=text]::-ms-clear {display:none;} /* 21.03.18 황수현 추가 */

/* 21.04.07 이상아 추가 */
.schResultBox .schBox {border-bottom:1px solid #e6e6e6; height:50px; position:relative; overflow:hidden; padding-right:84px; padding-left:45px;}
.schResultBox .schBox input {width:100%; height:50px; padding:0; border:none; font-size:12px;}
.schResultBox .schBox input:focus {outline:none;}
.schResultBox .schBox input::input-placeholder {color:#bfbfbf; font-size:12px;}
.schResultBox .schBox input::-webkit-input-placeholder {color:#bfbfbf; font-size:12px;}
.schResultBox .schBox input:-ms-input-placeholder {color:#bfbfbf; font-size:12px;}
.schResultBox .schBox input::-ms-input-placeholder {color:#bfbfbf; font-size:12px;}
.schResultBox .schBox .btnHsch {position:absolute; right:0; top:0; width:47px; height:50px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_sch_h34.png) no-repeat center center; background-size:16px 17px;}
.schResultBox .btnHback {position:absolute; left:0; top:0; width:45px; height:50px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; z-index:2; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_back_h30.png) no-repeat center center; background-size:8px 15px;}
.schResultBox .inputDel {position:absolute; right:47px; top:17px; width:15px; height:15px; z-index:10; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_del_h29.png) no-repeat center center; background-size:100%;}
.schResultBox .txtResult {font-size:13px; color:#000; font-weight:bold; line-height:49px; padding:0 20px; border-bottom:1px solid #d0d0d0; position:relative;} /* 21.05.14 소호마켓 버튼 추가 이상아 수정 */
.schResultBox .listResult {padding:0 15px;} /* 21.04.28 이상아 수정 */
.schResultBox .listResult ul li {overflow:hidden; padding:15px 0; border-bottom:1px solid #e5e5e5;} /* 21.04.28 이상아 수정 */
.schResultBox .listResult ul li .img {float:left; width:75px; height:75px; overflow:hidden; position:relative; background:#f1f1f1;}
.schResultBox .listResult ul li .img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.schResultBox .listResult ul li .cnt {margin-left:90px; padding-top:7px;}
.schResultBox .listResult ul li .cnt p {font-size:14px; line-height:21px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.7em; margin-right:40px;} /* 21.05.03 이상아 수정 */
.schResultBox .listResult ul li .cnt span {display:block; padding-top:6px;}
.schResultBox .listResult ul li .cnt strong {font-size:13px; color:#c70000; font-weight:bold; font-style:italic; padding-right:8px;} /* 21.04.27 이상아 수정 */
.schResultBox .listResult ul li .cnt em {font-size:13px; font-weight:bold;} /* 21.04.27 이상아 수정 */
.schResultBox .listResult ul .noData {text-align:center; margin:0 -15px 0 !important; font-size:12px; line-height:18px; padding:200px 0 170px; border-bottom:none;
background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bg_noData.png) no-repeat center 146px; background-size:47px 44px;} /* 21.04.28 이상아 추가,  21.04.28 이상아 2차 수정 */
.schResultBox .listResult ul li {position:relative;}
.schResultBox .listResult ul .soldout .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);}
.schResultBox .listResult ul .soldout .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;}
.schResultBox .btn-cart-type1 {position:absolute; top:50%; right:0; width:26px; height:26px; margin-top:-13px; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 26px auto; cursor:pointer;}
.schResultBox .listResult ul li .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,0,0.45); color:#fff; font-size:11px; z-index:9}
.schResultBox .btnListMore a {display:block; line-height:50px; text-align:center; font-size:11px;}
.schResultBox .display-tab {position:relative; padding:0 15px 0 5px; height:47px;}
.schResultBox .display-tab .fl-l {float:none;}
.schResultBox .display-tab .select {display:inline-block; height:47px; padding:0 18px 0 10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) right center no-repeat; background-size:11px auto; font-size:15px; color:#666; line-height:47px;}
.schResultBox .display-tab .options {padding:0 5px; position:absolute; top:38px; left:10px; z-index:9; background:#ffffff; box-shadow:0px 1px 1.68px 1.82px rgba(0,0,0,0.15); border-radius:5px;}
.schResultBox .display-tab .options li {width:70px; padding:0 5px; border-top:1px solid #f7f7f7;}
.schResultBox .display-tab .options li a {display:block; line-height:34px; text-align:left; font-size:15px; color:#000;}
.schResultBox .display-tab .options li:first-child {border-top:none;}
.schResultBox .display-tab .options li.on a {font-weight:bold;}
.mainNotice {padding:6px 0 0; border-top:1px solid #cccccc; background:#edeff2;}
.mainNotice span {display:block; background:#fff; position:relative; padding:0 0 0 15px;} /* 20.12.03 pub */
.mainNotice span a:first-child {display:block; margin-right:40px;} /* 20.12.03 pub */
.mainNotice span .notice {display:block; padding:0 0 0 75px; position:relative; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#666666;}
.mainNotice span .notice .iconTit {padding-left:20px; display:inline-block; position:absolute; top:0; left:0; font-size:13px; color:#000; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_notice.png) left 12px no-repeat; background-size:15px 12px; font-weight:bold;}
.mainNotice span a.btn-noticeArr {display:inline-block; width:40px; height:40px; position:absolute; top:0; right:0; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h15.png) center center no-repeat; background-size:5px 8px; text-indent:-9999px; z-index:99;}/* 20.12.03 pub */

/* 21.04.28 이상아 추가 */
.subContent1 {padding-bottom:0 !important; min-height:auto !important;}
.subContent1 > * {position:relative !important}
.schResultBox .listResult ul li:last-child {margin-bottom:50px;}
.schResultBox .display-tab + .listResult ul {border-top:1px solid #e5e5e5;}

/* 21.05.14 검색결과 내 소호마켓 버튼 추가 */
.btnTxtSohoSch {position:absolute; right:15px; top:0;}
.btnTxtSohoSch a {position:relative; color:#08b595; font-size:11px; font-weight:normal; padding-bottom:1px;}
.btnTxtSohoSch a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#64d1bc;}

/* 21.05.17 더보기 버튼 스타일 변경 이상아 추가 */
.wrap .btn-more {text-align:center;}
.wrap .btn-more a {display:inline-block; position:relative; width:150px; height:44px; line-height:44px; border-radius:100px; background:#f4f4f4; font-size:13px !important; font-weight:bold; color:#333 !important; cursor:pointer;}
.wrap .btn-more a:after {content:''; display:inline-block; width:11px; height:11px; vertical-align:middle; position:relative; top:-1px; margin-left:5px; background:url('/assets/shop/img/btn/bg_btn_ico_more.png') no-repeat 0 0; background-size:100%}
.schResultBox .btnListMore {text-align:center; padding:27px 0; margin-top:-50px;}
.schResultBox .btnListMore a {display:inline-block; position:relative; width:150px; height:44px; line-height:44px; border-radius:100px; background:#f4f4f4; font-size:13px !important; font-weight:bold; color:#333 !important;}
.schResultBox .btnListMore a:after {content:''; display:inline-block; width:11px; height:11px; vertical-align:middle; position:relative; top:-1px; margin-left:5px; background:url('/assets/shop/img/btn/bg_btn_ico_more.png') no-repeat 0 0; background-size:100%}

/* 21.05.26 지역배송비 관련 css 재정의 및 신규 추가 */
.price-box li {line-height:normal;}
.price-box li + li {margin-top:16px;}
.price-box li span {font-weight:700; font-size:17px;}
.price-box li ul {padding-top:4px;}
.price-box li ul li {font-size:12px; line-height:23px; padding:0;}
.price-box li ul li + li {margin-top:0;}
.price-box li ul li span {color:#000; font-weight:normal; font-size:12px; right:0;}
.price-box li ul li i {font-style:normal; color:#a8a8a8;}
.price-box li.pay-price {margin-top:2px;}
#ord-list-detail .lcont .paymentLi dd {color:#000;}
#ord-list-detail .lcont .paymentLi dd + dd {padding-top:4px;} 
#ord-list-detail .lcont .paymentLi dd .fl-r {font-weight:700;}
#ord-list-detail .lcont .paymentLi dd ul li {overflow:hidden;}
#ord-list-detail .lcont .paymentLi dd ul li strong {float:left; font-weight:normal; font-size:14px; color:#999;}
#ord-list-detail .lcont .paymentLi dd ul li span {display:block; text-align:right; color:#999;}
#ord-list-detail .lcont .paymentLi dd .fl-r>em {color:#000; font-weight:700;}
.deli-condition-em {width:60% !important; display:block; word-break:keep-all; text-align:left;}

/* 21.06.08 주문서 버튼 UI 이상아 추가 */
.btnPopOrder {position:absolute; left:0; bottom:0; width:calc(100% - 10px); height:49px; padding:5px; background:#fff;}
.btnPopOrder .btns {display:table; width:100%; position:relative;}
.btnPopOrder .nPayGroup1 {padding:15px 5px 0; text-align:center;}
.nPayOn {height:149px;}
.btnTys1,
.btnTys2 {display:table-cell; vertical-align:middle; width:50%;}
.btnTys1 {padding-right:3px;}
.btnTys2 {padding-left:3px; width:100%;} /* 21.06.28 이상아 수정 */
.btnTys1 span,
.btnTys2 span {display:block; font-size:15px; line-height:47px; height:47px; text-align:center; border-radius:4px;  font-weight:bold;}
.btnTys1 span {color:#333; border:1px solid #333; background:#fff;}
.btnTys2 span {color:#fff; border:1px solid #333; background:#333;}
.layerOptionNot {position:absolute; left:0; bottom:0; width:100%; height:59px; background:rgba(255, 255, 255, .60);}
.layerOptionNot p {margin:16px auto 0; width:56.5%; height:36px; line-height:36px; text-align:center; border-radius:100px; color:#fff; background:#333; font-size:14px;}
.btnTys1 + ..btnTys2 {width:50%;} /* 21.06.28 이상아 추가 */

@media screen and (min-width:320px) {
    .more-btn {margin-bottom:0;}
}

/* 21.09.24 로맨틱브라운 회원데이터 이전 이상아 추가 */
.layerNewWrap {position:relative; z-index:10; width:640px; margin:0 auto; background:#fff;}
.layerNewWrap h3 {font-size:15px; font-weight:bold; line-height:50px; border-bottom:1px solid #e6e6e6; text-align:center; background:#fff; position:relative; z-index:10;} /* 21.10.07 이상아 수정 */
.layerNewWrap .newCnt {padding:18px 18px 70px;}
.layerNewWrap .boxDesc {font-size:12px; color:#333; line-height:18px; padding-bottom:16px; text-align:left;}
.layerNewWrap .changeTxt {border:1px solid #e4e4e4; overflow:hidden; padding-top:15px; padding-bottom:13px; text-align:center;}
.layerNewWrap .changeTxt dl {font-size:11px; color:#333; padding-bottom:15px; background:url('/assets/shop/img/common/bg_bul_arr1.gif') no-repeat center bottom; background-size:10px 6px;}
.layerNewWrap .changeTxt dl dt {font-weight:bold;}
.layerNewWrap .changeTxt dl dd {padding-top:7px;}
.layerNewWrap .changeTxt dl + dl {background:none; padding-bottom:0; margin-top:10px;}
.layerNewWrap h4 {font-size:12px; color:#333; font-weight:normal; padding-top:19px; padding-bottom:9px; text-align:left; border-top:1px solid #f0f0f0; margin-top:20px;}
.layerNewWrap h5 {font-size:12px; color:#333; font-weight:normal; padding-bottom:9px; text-align:left;}
.layerNewWrap .txtInput {font-size:10px; color:#2b7dd3; padding-top:7px; text-align:left;}
.layerNewWrap .txtInputDesc {font-size:10px; color:#666; padding-top:7px; text-align:left; line-height:16px; text-indent:-8px; padding-left:10px; word-break:keep-all;}
.layerNewWrap input {height:34px; line-height:34px; font-size:11px;}
.layerNewWrap input::input-placeholder {font-size:11px; color:#989898;}
.layerNewWrap input::-webkit-input-placeholder {font-size:11px; color:#989898;}
.layerNewWrap input:-ms-input-placeholder {font-size:11px; color:#989898;}
.layerNewWrap input::-ms-input-placeholder {font-size:11px; color:#989898;}
.layerNewWrap input:disabled {background:#f0f0f0; color:#afafaf;}
.layerNewWrap label {display:block; text-align:left;}
.layerNewWrap label span {font-size:12px;}
.btnCenter {text-align:center; position:absolute; left:0; bottom:0; width:100%; display:table;}
.btnNty1 {display:table-cell; color:#fff; font-size:16px; width:50%; height:52px; line-height:52px; background:#000; text-align:center; font-weight:bold;}
.btnNty2 {display:table-cell; color:#fff; font-size:16px; width:50%; height:52px; line-height:52px; background:#666; text-align:center; font-weight:bold;}
.stepDiv1 {padding-bottom:17px; margin:-18px -18px 0;}
.stepDiv1 ul {overflow:hidden;}
.stepDiv1 ul li {float:left; position:relative; width:50%; height:43px; line-height:43px; text-align:center; background:#f0f0f0; font-size:12px; color:#000; border-bottom:1px solid #e6e6e6;}
.stepDiv1 ul .now {background:#000; color:#fff; font-weight:bold; border-bottom:1px solid #000;}
.stepDiv1 ul .now:after {content:''; position:absolute; right:-17px; top:0; width:17px; height:43px; z-index:2; background:url('/assets/shop/pc/img/common/bg_step_ar1.png') no-repeat 0 0; background-size:17px 43px;}
.stepDiv1 ul li:nth-child(2).now:after {right:0; left:0; background:url('/assets/shop/pc/img/common/bg_step_ar2.png') no-repeat 0 0; background-size:17px 43px;}
.layerNewWrap .boldTit {font-size:13px; color:#000; margin-top:0;font-weight:bold; padding-top:18px; padding-bottom:9px;}
.txtInputDesc + .boldTit {padding-top:17px; border-top:none;}
.layerNewWrap .boxDesc  + h5 {border-top:1px solid #f0f0f0; padding-top:18px;}
.termsScroll {border:1px solid #e4e4e4; height:55px; overflow-x:hidden; overflow-y:scroll; padding:10px; margin-bottom:10px;}
@media screen and (max-width:640px) {
	.layerNewWrap {width:100%; height:-webkit-fill-available; height:100vh; display:flex; flex-direction:column;} /* 21.10.07 이상아 수정, 21.10.07 이상아 2차 수정 */
	.layerNewWrap h3 {position:fixed; left:0; top:0; width:100%; height:50px;}
	.layerNewWrap .newCnt {padding-top:68px; flex:1 0 auto;} /* 21.10.07 이상아 2차 수정 */
	.btnCenter {position:fixed;}
}

/* 21.10.05 이상아 추가 */
.order-request-wrap {margin-top:25px;}
.order-request-cont .title {margin-bottom:10px; font-size:14px; font-weight:bold; color:#000; overflow:hidden; line-height:21px;}

/* 21.10.20 상품별 적립금 사용설정 이상아 추가 */
.icoPointDis {font-size:13px; color:#5889b7; margin-top:3px; padding-left:18px; background:url('/assets/shop/img/common/bg_ico_dis_m.png') no-repeat 0 1px; background-size:12px 12px;
image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility:hidden;}

/* 22.01.10 이상아 추가 */
.pay-price .fl-r .fc-black {color:#000 !important;}

/* 22.01.06 이상아 추가 */
.noticDetailView {margin-bottom:-40px;}
.noticDetailView dl {border-bottom:1px solid #e6e5e5; padding:13px 15px 10px;}
.noticDetailView dl dt {font-size:12px; font-weight:bold;}
.noticDetailView dl dd {font-size:11px; font-weight:bold; color:#999; padding-top:9px;}
.noticDetailView dl dd span + span {padding-left:11px;}
.noticDetailView .view {font-size:12px; color:#333; line-height:18px; padding:12px 15px; border-bottom:1px solid #e6e5e5;}
.btnBkTy1 {color:#fff; display:block; font-size:14px; background:#333; height:41px; line-height:41px; text-align:center;}
.btnBdRight {padding:25px 0 0;}
.boardNext {padding-top:25px;}
.boardNext ul {border-bottom:1px solid #e6e5e5; background:#f8f8fa;}
.boardNext ul li {border-top:1px solid #e6e5e5;}
.boardNext ul li dl {overflow:hidden; border:none; padding:0;}
.boardNext ul li dl dt {float:left; width:95px; font-weight:normal; font-size:15px;}
.boardNext ul li dl dt a {display:block; height:41px; line-height:41px; color:#888; font-size:12px; padding-left:42px;}
.boardNext ul li dl dd {margin-left:95px; font-size:15px; font-weight:normal; color:#333; padding:0;}
.boardNext ul li dl dd a {display:block; height:41px; line-height:41px; color:#333; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardNext .btnPrev {background:url('/assets/shop/img/common/bg_bd_prev.png') no-repeat 15px center / 12px 7px;}
.boardNext .btnNext {background:url('/assets/shop/img/common/bg_bd_next.png') no-repeat 15px center / 12px 7px}
.paging-wrap {margin:15px 0 0; text-align:center;}
.paging-wrap .pagination {display:inline-block; overflow:hidden;}
.paging-wrap .pagination .btn-prev {display:inline-block; width:23px; height:23px; border:1px solid #d4d4d4; box-sizing:border-box; text-indent:-9999px; background:url('/assets/shop/img/common/bg_paging_prev.png') no-repeat center center / 5px 9px; float:left;}
.paging-wrap .pagination .btn-next {display:inline-block; width:23px; height:23px; border:1px solid #d4d4d4; box-sizing:border-box; text-indent:-9999px; background:url('/assets/shop/img/common/bg_paging_next.png') no-repeat center center / 5px 9px; float:left;}
.paging-wrap .pagination .paging-number {display:inline-block; margin:0 22px; float:left;}
.paging-wrap .pagination .paging-number a {display:inline-block; width:23px; line-height:26px; float:left; font-size:12px; color:#999; text-align:center;}
.paging-wrap .pagination .paging-number a.on {color:#000;}
.paging-wrap .pagination .paging-number a + a {margin-left:9px;}
@media screen and (max-width:640px) {
	.btnBdRight {padding:25px 15px 0;}
}

/* 22.03.15 이상아 추가 */
.review_list_detail .review-wrap .review-list .summary .content-text.lock {color:#999; position:relative;}
.review_list_detail .review-wrap .review-list .summary .content-text.lock:after {content:''; display:inline-block; width:10px; height:11px; margin-left:5px; vertical-align:middle; background:url('//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_lock.png') no-repeat right center / contain}
.txtAdmLock {color:#7299ca; font-size:11px; padding-top:8px;}
#inquiryTab .txtAdmLock {padding-bottom:4px;}
.qa-list-wrap ul li .txtAdmLock {padding-top:4px;}
.qa-list-wrap ul li.lock a .tit {background-position:right 2px; padding-right:16px;} /* 22.04.27 이상아 padding-right 수정 */

/* 22.03.18 이상아 추가, 22.04.14 이상아 수정 */
#introWrap {width:640px; margin:0 auto; display:flex; flex-direction:column; min-height:100vh;}
.introHead {border-bottom:1px solid #ccc; width:100%; height:50px; text-align:center; position:sticky; left:0; top:0; background:#fff; z-index:20;}
.introHead h1 {line-height:50px; font-size:19px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px;}
/* 22.04.19 이상아 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 20px; 추가 */
.introHead h1 img {position:relative; top:-2px; max-height:30px; image-rendering:-webkit-optimize-contrast; transform:translateZ(0); backface-visibility:hidden;} /* 22.04.05 width 삭제, max-height 이상아 추가 */
.introContent {padding-top:50px; background:url('/assets/shop/img/common/bg_intro_img1.png') no-repeat center 59px / 80px 80px; flex:1 0 auto;}
.introContent dl {text-align:center; padding-top:107px; padding-bottom:27px;}
.introContent dl dt {font-size:16px; color:#333; font-weight:bold;}
.introContent dl dd {font-size:13px; color:#333; padding-top:6px;}
.inputUnser {padding:0 0 50px; position:relative;}
.inputUnser input {padding:0 11px;}
.inputUnser input + input {margin-top:10px;}
#introWrap .csInfo {width:640px; background:#f9f9fa; border-top:1px solid #eee;}
#introWrap .csInfo p {padding:20px 16px; font-size:12px; color:#999; word-break:break-all;} /* 22.07.06 이현진 word-break 추가 */
#introWrap .csInfo p span {display:block; padding-left:20px; background:url('/assets/shop/img/common/bg_intro_ico1.png') no-repeat 0 1px / 10px 12px;}
#introWrap .csInfo p span + span {margin-top:6px; background:url('/assets/shop/img/common/bg_intro_ico2.png') no-repeat 0 2px / 12px 8px;} /* 22.07.06 이현진 background 수정 */
@media screen and (max-width:640px) {
	#introWrap {width:100%;}
	.introContent {padding:50px 16px 0;}
	#introWrap .csInfo {width:100%; left:0;}
}

/* 22.04.22 추가 */
.btnBackH {position:fixed; right:50%; margin-right:-305px; bottom:66px; border-radius:100px; border:1px solid #dadada; width:40px; height:40px; font-size:0; line-height:0; overflow:hidden;
background:#fff url('/assets/shop/img/btn/bg_btn_arr_back.png') no-repeat center center / 16px 13px;}
@media screen and (max-width:640px) {
	.btnBackH {right:16px; margin-right:0;}
}
.board-list-wrap .list.review > li .summary .content-text.lock strong {cursor:pointer;}/* 22.04.27 이상아 추가 */
.qa-list-wrap ul li .btn-md {height:auto;} /* 22.04.27 이상아 추가 */
.qa-list-wrap ul li.user-lock a .tit {color:#999;} /* 22.04.27 이상아 추가 */
/* 22.04.27 이상아 추가 */
#reviewTab .review-list .lock-pw-area {padding:18px 15px; background:#f8f8f8; border-top:1px solid #f0f0f0; margin:15px -18px -18px;}
#reviewTab .review-list .lock-pw-area .box {overflow:hidden;}
#reviewTab .review-list .lock-pw-area .box input {width:79.26%; padding:0 12px; height:34px; background:#fff; border:1px solid #d9d9d9; float:left; font-size:12px;}
#reviewTab .review-list .lock-pw-area .box .btn-h34-black {display:block; width:18.9%; float:right; line-height:34px; text-align:center; background:#000; font-size:12px; color:#fff;}
/* 22.05.02 이상아 추가 s */
.myPrd-reqa .review_list_detail .review-wrap .review-list .btn-md {height:auto;}
.myPrd-reqa.qa .review .qa-list-wrap ul li .btn-md {height:auto;}
.qa-list-wrap ul li.secret a .tit {color:#999; padding-right:16px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_lock.png) right 2px no-repeat; background-size:10px 11px;}
.qa-list-wrap ul li.secret.on a .tit {background-position:right 1px;}
.qa-list-wrap ul li.lock a .tit {background-position:right 2px;}
.qa-list-wrap ul li.lock.on a .tit {padding-right:16px; background-position:right 1px;}
/* 22.05.02 이상아 추가 e */

/* 22.08.11 이상아 추가 */
.review_list_detail .review-wrap .review-list.on .summary .content-text {white-space:pre-line;}

/* 22.08.12 이상아 추가 */
.btnBwrite {display:block; position:relative; margin:25px auto; color:#000; font-size:15px; font-weight:bold; background:#fff; border:1px solid #000; width:195px; height:47px; line-height:47px; border-radius:100px; text-align:center;}
.btnBwrite:before {content:''; display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/bg_ico_write.png) no-repeat 0 0 / contain;}
.qa-search-wrap {border-bottom:1px solid #ededed; padding-top:20px; padding-bottom:20px;}

/* 22.09.06 이현진 추가 */
/* 상품상세 */
.couponDownBtn {position:absolute; top:6px; right:20px; width:86px; border:1px solid #000; text-align:center; font-size:14px; color:#000; line-height:32px; font-weight:700; border-radius:25px;} /* 22.09.23 이현진 line-height 수정 */
.couponDownBtn span {padding-right:17px; background:url('/assets/shop/pc/img/common/ico_down_pc1.png') no-repeat right center / 10px 13px;}
.couponDownBtn.end {border:none; background:#f5f5f5; color:#999; width:88px; line-height:32px; cursor:default;}
.couponDownBtn.end span {background-image:url('/assets/shop/pc/img/common/ico_down_pc2.png');}
.prd-btn-type2 .cPopBanner {float:left; position:relative; display:block; width:100%; background:#2277f2; border:1px solid #2277f2; font-size:14px; color:#fff; line-height:44px; font-weight:700; text-align:center; margin:20px 0 10px;}
.prd-btn-type2 .cPopBanner:before {content:''; position:absolute; top:-20px; left:0; width:100%; height:1px; background:#b4b4b4;}
.prd-btn-type2 .cPopBanner span {padding-left:23px; background:url('/assets/shop/pc/img/common/ico_coupon_pc1.png') no-repeat left center / 17px 12px;}
.prd-btn-type2 .cPopBanner.change {background:#fff; border:1px solid #2277f2; color:#2277f2;}
.prd-btn-type2 .cPopBanner.change span {background-image:url('/assets/shop/pc/img/common/ico_coupon_pc2.png');}
.couponLayer {position:fixed; top:50%; left:0; right:0; transform:translateY(-50%); margin:0 auto; width:90.62%; max-width:640px; max-height:78.87%; overflow-y:auto; background:#fff; z-index:103; letter-spacing:-0.4px; display:none;}
.couponLayer .cLayerTit {position:sticky; top:0; background:#fff; text-align:center; line-height:60px; border-bottom:1px solid #d0d0d0; z-index:1;}
.couponLayer .cLayerTit h3 {font-size:20px; color:#000; font-weight:700;}
.couponLayer .cLayerTit .cLayerClose {position:absolute; top:50%; right:20px; transform:translateY(-50%); display:inline-block; width:20px; height:20px; text-indent:-9999px; 
background:url('/assets/shop/pc/img/common/cPopClose.png') no-repeat center / 100%;}
.couponLayer .cLayerCon {padding-top:20px; height:calc(100% - 81px);}
.couponLayer .cLayerCon .downListWrap {padding:0 20px 20px; height:calc(100% - 70px); overflow-y:auto;}
.couponLayer .cLayerCon .downListWrap::-webkit-scrollbar {width:6px;}
.couponLayer .cLayerCon .downListWrap::-webkit-scrollbar-thumb {border-radius:100px; background-color:#ddd;}
.couponLayer .cLayerCon .downList > li + li {margin-top:20px;}
.couponLayer .cLayerCon .downList > li a {position:relative; display:block; background:#fff; padding:20px 60px 20px 20px; border-radius:10px; border:1px solid #dedede; overflow:hidden;}
.couponLayer .cLayerCon .downList > li span {font-size:16px; color:#000; line-height:1; font-weight:700;}
.couponLayer .cLayerCon .downList > li h4 {font-size:18px; color:#000; line-height:1; font-weight:700; margin:12px 0;}
.couponLayer .cLayerCon .downList > li li {font-size:14px; color:#999; font-weight:400; line-height:1;}
.couponLayer .cLayerCon .downList > li.off span {color:#666;}
.couponLayer .cLayerCon .downList > li.off h4 {color:#666;}
.couponLayer .cLayerCon .downList > li.off li {color:#888;}
.couponLayer .cLayerCon .downList > li em {position:absolute; top:0; right:0; width:60px; height:100%; text-indent:-9999px; background:#2277f2 url('/assets/shop/pc/img/common/ico_cPop_down_pc1.png') no-repeat center / 16px 23px;}
.couponLayer .cLayerCon .allDownBtn {position:sticky; bottom:-1px; display:block; font-size:16px; color:#fff; line-height:50px; background:#000; text-align:center; font-weight:700;}
.couponLayer .cLayerCon .downList > li.off a {cursor:default;}
.couponLayer .cLayerCon .downList > li.off em {background:#ccc url('/assets/shop/pc/img/common/ico_cPop_down_pc1.png') no-repeat center / 16px 23px;;}
.couponLayer .cLayerCon .allDownBtn.allDown {background:#bbb; color:#fff; cursor:default;}
.couponLayer .cLayerCon .cLayerConTop {position:relative; margin:0 20px 25px; padding-bottom:20px; border-bottom:1px solid #e4e4e4;}
.couponLayer .cLayerCon .cLayerConTop h4 {font-size:18px; color:#000; line-height:20px; font-weight:700; margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.couponLayer .cLayerCon .cLayerConTop .moreCoupon {position:absolute; top:-6px; right:0; display:inline-block; width:85px; border:1px solid #2277f2; text-align:center; font-size:14px; color:#2277f2; line-height:30px; border-radius:25px;}
.couponLayer .cLayerCon .cLayerConTop p {font-size:15px; color:#000; line-height:20px; font-weight:400; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.couponLayer .cLayerCon .cLayerConMid {padding:0 20px 25px;}
.couponLayer .cLayerCon .cLayerConMid .cLayerSelect + .cLayerSelect {margin-top:25px;}
.couponLayer .cLayerCon .cLayerConMid .cLayerSelect strong {display:block; font-size:18px; color:#000; line-height:1; font-weight:700; margin-bottom:15px;}
.couponLayer .cLayerCon .cLayerConMid .cLayerSelect span {display:block; font-size:14px; color:#c70000; line-height:20px; font-weight:400; margin-top:12px;}
.couponLayer .cLayerCon .cLayerConBtm {padding-top:25px; background:#f5f5f5; border-top:1px dashed #d2d2d2;}
.couponLayer .cLayerCon .cLayerConBtm > strong {display:block; font-size:18px; color:#000; line-height:1; font-weight:700; margin-bottom:18px; padding:0 20px;}
.couponLayer .cLayerCon .cLayerConBtm ul {padding:0 20px 27px;}
.couponLayer .cLayerCon .cLayerConBtm ul li {position:relative; display:flex; justify-content:space-between; align-items:center; line-height:1;}
.couponLayer .cLayerCon .cLayerConBtm ul li + li {margin-top:12px;}
.couponLayer .cLayerCon .cLayerConBtm ul li em {display:block; font-size:14px; font-weight:400; color:#999;}
.couponLayer .cLayerCon .cLayerConBtm ul li em a {display:inline-block; width:14px; height:14px; background:url('/assets/shop/img/common/ico_order_help2.png') no-repeat center / 100%; text-indent:-9999px; margin-left:4px; vertical-align:1px;}
.couponLayer .cLayerCon .cLayerConBtm ul li span {display:block; font-size:14px; color:#000;}
.couponLayer .cLayerCon .cLayerConBtm ul li.totalP em {color:#000; font-weight:700;}
.couponLayer .cLayerCon .cLayerConBtm ul li.totalP span {font-size:18px; color:#2277f2; font-weight:700;}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer {position:absolute; top:21px; left:47px; padding:18px 13px 13px 15px; background:#2277f2; text-align:left; border-radius:5px; width:187px; z-index:1; display:none;
box-shadow:3px 3px 10px rgb(0,0,0,.2);}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer:before {content:''; position:absolute; top:-5px; left:14px; width:9px; height:6px; background:url('/assets/shop/pc/img/common/ico_arrow_pc2.png') no-repeat center;}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer .closeLayer {position:absolute; top:15px; right:15px; width:12px; height:12px; background:url('/assets/shop/pc/img/common/cPopClose2.png') no-repeat center / 100%; text-indent:-9999px;}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer em {display:block; font-size:16px; color:#fff; line-height:1; font-weight:700; margin-bottom:10px;}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer p {font-size:14px; color:#fff; line-height:20px;}
.couponLayer .cLayerCon .applyBtn {position:sticky; bottom:-1px; display:block; width:100%; height:50px; text-align:center; background:#333; font-size:16px; color:#fff; line-height:50px; font-weight:600;}
.couponLayer .cLayerCon .usePListWrap::-webkit-scrollbar {width:4px;}
.couponLayer .cLayerCon .usePListWrap::-webkit-scrollbar-thumb {border-radius:100px; background-color:#ddd;}
.promotion-code input.readonlyInput {color:#000; background-color:#f0f0f0; border:1px solid #d4d4d4;}
.promotion-code input.readonlyInput::placeholder {color:#000;}
.promotion-code input.readonlyInput:focus {outline:none;}

/* 장바구니 */
.couponBtnWrap {text-align:right; margin-top:15px;}
.couponDownBtn.type02 {position:static; display:inline-block; width:90px; line-height:32px;}
.basketCouponBtn {display:inline-block; width:102px; font-size:14px; color:#fff; line-height:32px; font-weight:700; background:#2277f2; border:1px solid #2277f2; border-radius:25px; text-align:center;}
.basketCouponBtn span {padding-right:26px; background:url('/assets/shop/pc/img/common/ico_coupon_pc1.png') no-repeat right center / 17px 12px;}
.basketCouponBtn.change {background:#fff; color:#2277f2;}
.basketCouponBtn.change span {background-image:url('/assets/shop/pc/img/common/ico_coupon_pc2.png');}
.basket-list > ul > li > div .bsk-info .name .cNoneTxt {display:block; font-size:13px; color:#5889b7; line-height:1; margin-top:5px;}
.basket-list > ul > li > div .bsk-info .name .cNoneTxt img {width:12px; margin-right:5px; vertical-align:top;}
.couponLayer.type02 .cLayerCon .cLayerConTop h4 {padding-right:90px;}

/* 마이페이지 */
.myPointBox {display:flex; justify-content:space-between; margin-top:26px;}
.myPointBox a {display:inline-block; width:48.92%; background:#f6f6f6; text-align:center; padding:18px 0 20px;}
.myPointBox a em {display:block; font-size:14px; color:#ff5a3f; font-weight:700; line-height:1;}
.myPointBox a em span {display:inline-block; width:13px; height:13px; border:1px solid #ff5a3f; border-radius:50%; text-align:center; line-height:14px; font-size:10px; color:#ff5a3f; font-weight:700; vertical-align:middle; margin-right:4px;}
.myPointBox a strong {display:block; font-size:17px; color:#ff5a3f; line-height:1; font-weight:700; margin-top:11px;}

/* 나의쿠폰 */
#container.conType02 {padding-bottom:0;} /* 22.09.23 이현진 padding 수정 */
.myCouponWrap {padding:20px 20px 30px; letter-spacing:-0.4px; word-break:keep-all;} 
.myCouponWrap .totalCoupon {display:block; font-size:20px; color:#000; line-height:1; font-weight:700; margin-bottom:21px;}
.myCouponWrap .couponIntro em {position:relative; display:inline-block; font-size:16px; color:#c70000; line-height:1; font-weight:400; padding-right:21px;}
.myCouponWrap .couponIntro em:before {content:''; position:absolute; top:5px; right:0; width:11px; height:6px; background:url('/assets/shop/img/common/ico_arrow_m.png') no-repeat center / 100%; transform:rotate(180deg);}
.myCouponWrap .couponIntro em.on:before {top:4px; transform:rotate(0);}
.myCouponWrap .couponIntro em img {width:15px; margin-right:6px; vertical-align:top;}
.myCouponWrap .couponIntro ul {display:none; margin-top:7px;}
.myCouponWrap .couponIntro ul.show {display:block;}
.myCouponWrap .couponIntro ul li {position:relative; font-size:14px; color:#666; line-height:23px; font-weight:400; padding-left:11px;}
.myCouponWrap .couponIntro ul li strong {position:absolute; top:0; left:0; font-weight:400;}
.myCouponWrap .myCouponList {margin-top:20px;}
.myCouponWrap .myCouponList .cListBox > li {position:relative; border:1px solid #e6e6e6; border-radius:10px; padding:21px 20px 18px;}
.myCouponWrap .myCouponList .cListBox > li + li {margin-top:20px;}
.myCouponWrap .myCouponList .cListBox > li strong {position:relative; display:block; font-size:24px; color:#000; line-height:1; font-weight:700;}
.myCouponWrap .myCouponList .cListBox > li strong .viewBtn {position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-block; width:70px; height:32px; background:#f5f5f5; border-radius:25px; text-align:center;
font-size:14px; color:#000; line-height:32px; font-weight:400;}
.myCouponWrap .myCouponList .cListBox > li > span {display:block; font-size:16px; color:#000; line-height:20px; margin:16px 0 8px; word-break:break-all;} /* 23.01.05 이현진 line-height, margin 수정, word-break 추가 */
.myCouponWrap .myCouponList .cListBox > li li {font-size:14px; color:#999; line-height:20px;}
.myCouponWrap .myCouponList .cListBox > li .endTxt {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); border-radius:10px;}
.myCouponWrap .myCouponList .cListBox > li .endTxt em {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; display:block; font-size:18px; color:#fff; line-height:28px; font-weight:700;}
.myCouponWrap .myCouponList .cListBox > li .endTxt em span {display:block; font-size:16px; font-weight:400;}
.cProductMore {display:block; margin:30px auto 0; text-align:center; width:150px; height:44px; font-size:13px; color:#333; line-height:44px; font-weight:700; background:#f4f4f4; border-radius:25px;}
.cProductMore span img {width:12px; margin-left:5px; vertical-align:-2px;}

/* 쿠폰 적용 상품 */
.users-title-line-hd.type02 {position:sticky; top:62px; width:100%; max-width:640px; z-index:1;} /* 22.12.08 이현진 top 수정 */ /* 22.12.14 이현진 position 수정 */
.users-title-line-hd.type02 .cPrevBtn {position:absolute; top:0; left:0; display:block; width:48px; height:100%; background:url('/assets/shop/img/common/ico_prev_arrow_m.png') no-repeat center / 8px 13px; text-indent:-9999px;}
.myCouponWrap .couponProduct .cPTit {margin-bottom:20px; text-align:center;}
.myCouponWrap .couponProduct .cPTit strong {display:block; font-size:20px; color:#000; line-height:1; font-weight:700; margin-bottom:12px;} /* 22.09.23 이현진 margin-bottom 수정 */
.myCouponWrap .couponProduct .cPTit strong span {color:#2377f3;}
.myCouponWrap .couponProduct .cPTit li {font-size:14px; color:#000; line-height:21px;}
.myCouponWrap .cProductList ul {font-size:0;}
.myCouponWrap .cProductList ul li {display:inline-block; width:46.4%; margin:20px 6.48% 0 0; vertical-align:top;} /* 22.12.16 이현진 vertical-align 추가 */
.myCouponWrap .cProductList ul li:nth-child(-n+2) {margin-top:0;}
.myCouponWrap .cProductList ul li:nth-child(2n) {margin-right:0;}
.myCouponWrap .cProductList ul li a {display:block; width:100%; height:100%;}
.myCouponWrap .cProductList ul li .imgWrap {width:100%; height:40.62vw; max-height:278px; border:1px solid #e6e6e6;} /* 22.12.16 이현진 height 수정, max-height 추가 */
.myCouponWrap .cProductList ul li .imgWrap img {width:100%; height:100%; object-fit:cover;}
.myCouponWrap .cProductList ul li em {display:block; font-size:16px; color:#000; line-height:20px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:14px 0 11px;} /* 22.12.14 이현진 line-height 수정 */
.myCouponWrap .cProductList ul li strong {display:block; font-size:14px; color:#000; line-height:1; font-weight:400;}
.myCouponWrap .cProductList ul li strong span {color:#c70000; font-weight:700; margin-right:4px;}

/* 22.09.23 이현진 추가 */
/* .myCouponWrap.type02 {margin-top:51px;} */ /* 22.12.14 이현진 삭제 */

/* 22.11.30 이현진 추가 */
.myCouponWrap .myCouponList .cListBox > li.couponNon {text-align:center; line-height:108px;}

/* 22.12.07 이현진 추가 */
.prd-desc {overflow:hidden; padding-bottom:8px;} /* 22.12.12 이현진 선택자 .float 삭제 */
.prd-desc .price {float:left;} /* 22.12.12 이현진 선택자 .float 삭제 */
.prd-desc .couponDownBtn {float:right; position:static;} /* 22.12.12 이현진 선택자 .float 삭제 */

/* 22.12.08 이현진 추가 */
/* .users-title-line-hd.type02.qpickType {top:0;} */ /* 22.12.14 이현진 삭제 */

/* 22.12.13 이현진 추가 */
.prd-wrap .prd-desc .price {float:none;}

/* 22.12.27 이현진 추가 */
.order-finish .info-wrap dl dt {width:29%;}
.order-finish .info-wrap dl dd {width:71%; word-break:break-all;}
.order-finish .info-wrap dl dd .copyBtn, .order-finish .deposit-info-wrap .deposit-info .copyBtn {display:inline-block; width:14px; height:15px; background:url('/assets/shop/img/btn/ico_copy_btn.png') no-repeat center / 100%; font-size:0; vertical-align:3px;}
.order-finish .info-wrap dl dd em {display:block;}
.order-finish .deposit-info-wrap .deposit-info strong em {display:block;}

/* 23.01.03 이현진 추가 */
#aside .aside-cont {height:calc(100% - 98px);}
#aside .aside-cont ul {padding:0;}
#aside .aside-cont ul li {border:none;}
#aside .aside-cont .categoryList {height:100%;}
#aside .aside-cont .categoryList > li > a {display:block; font-size:14px; color:#00; line-height:45px; font-weight:500; padding:0 30px 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#aside .aside-cont .categoryList > li.depth > a {background:url('/assets/shop/img/btn/ico_arr_down.png') no-repeat right 15px center / 12px 6px;}
#aside .aside-cont .categoryList > li.depth.active > a {background:url('/assets/shop/img/btn/ico_arr_up.png') no-repeat right 15px center / 12px 6px;}
#aside .aside-cont .categoryList > li .categoryDepth {background:#f8f8f8; overflow:visible; padding:12px 0; display:none;}
#aside .aside-cont .categoryList > li .categoryDepth li a {display:block; font-size:14px; color:#333; line-height:30px; font-weight:400; padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.planItem .title p {line-height:25px !important; padding:27px 0;}
.categorySwiperWrap {position:relative; padding-right:26px !important; border-bottom:1px solid #eee; text-align:left; font-size:0;} /* 23.04.11 이현진 font-size 추가 */
.categorySwiperWrap .categorySwiper, .js-base-category .swiper-wrapper {display:inline-block; width:auto; font-size:0;}
.categorySwiperWrap .swiper-slide, .js-base-category .swiper-slide {display:inline-block;width:auto;}
.categorySwiperWrap .swiper-slide a {position:relative; display:block; padding:0 15px; font-size:14px; color:#999; line-height:45px; font-weight:400;}
.categorySwiperWrap .swiper-slide.on a {color:#000; font-weight:500;}
.categorySwiperWrap .swiper-slide.on a:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000;}
.categorySwiperWrap .lastBtn, .js-base-category .lastBtn {position:absolute; top:0; right:0; width:26px; height:100%; background:#fff url('/assets/shop/img/btn/ico_arr_next.png') no-repeat left 7px center /  8px 15px; text-indent:-9999px; z-index:1; display:none;}
.tpl-wrap .category-slide.cSwiperNewWrap {position:relative; padding-right:26px !important; text-align:left;}
.cSwiperNewWrap .cSwiperNew {display:inline-block; width:auto; font-size:0;}
.cSwiperNewWrap .swiper-slide {display:inline-block;width:auto;}
.cSwiperNewWrap .lastBtn {position:absolute; top:0; right:0; width:26px; height:100%; background:#fff url('/assets/shop/img/btn/ico_arr_next.png') no-repeat left 7px center /  8px 15px; text-indent:-9999px; z-index:1; display:none;}

/* 23.03.20 이현진 추가 */
.payInfoTxt {position:relative; text-align:center;}
.payInfoTxt.pType {padding-top:38px;}
.infoTxt {position:absolute; top:0; left:0; right:0; margin:0 auto; width:175px; border:1px solid #333; border-radius:10px; background:#fff; font-size:11px; color:#000; line-height:16px; font-weight:400; padding:9px 0;
box-shadow:5px 5px 13px rgba(0,0,0,.13); animation:payUpDownTxt 1.2s linear infinite; display:none;}
.infoTxt:before {content:''; position:absolute; bottom:-5px; left:0; right:0; margin:0 auto; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; transform:rotate(-135deg); background:#fff;}
.infoTxt.type02 {display:block; animation-name:payUpDownTxt02;}
.infoTxt.type02:before, .infoTxt.type04:before {bottom:auto; top:-5px; transform:rotate(45deg);}
.infoTxt.type03 {animation-name:payUpDownTxt03;}
.infoTxt.type04 {display:block; animation-name:payUpDownTxt04;}

@keyframes payUpDownTxt {
    0% {top:0px;}
    50% {top:7px;}
    100% {top:0px;}
}

@keyframes payUpDownTxt02 {
    0% {top:-27px;}
    50% {top:-20px;}
    100% {top:-27px;}
}

@keyframes payUpDownTxt03 {
    0% {top:-20px;}
    50% {top:-13px;}
    100% {top:-20px;}
}

@keyframes payUpDownTxt04 {
    0% {top:-10px;}
    50% {top:-3px;}
    100% {top:-10px;}
}

/* 23.03.24 이현진 추가 */
.reviewBestIcon {display:inline-block; border:1px solid #000; border-radius:25px; text-align:center; font-size:11px; color:#000; line-height:17px; font-weight:700; padding:0 6px; margin-bottom:10px;}
.review_list_detail .photo_check.type02 {position:relative;}
.bestSelectBtn {position:absolute; top:18px; right:15px; display:block; font-size:14px; color:#000; line-height:23px; font-weight:700; padding-left:20px; background:url('//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_btn_bestSelect.png') no-repeat left center / 14px 12px;}
.bestSelectPop {position:fixed; bottom:0; left:0; width:100%; z-index:9999; display:none;}
.bestSelectPop > .bsClose {position:absolute; top:15px; right:15px; width:15px; height:15px; background:url('//image.makeshop.co.kr/mysoho/assets/admin/images/btn/h25_close.png') no-repeat center / 15px; z-index:1; text-indent:-9999px;}
.bestSelectPop ul {position:relative; width:100%; background:#fff; text-align:center; padding:10px 0;}
.bestSelectPop li a {display:block; font-size:15px; color:#999; line-height:35px; font-weight:500;}
.bestSelectPop li.on a {color:#000;}
.myPrd-reqa .review_list_detail .review-wrap .review-list.type02 .btn-md-open {top:43px;}
.myPrd-reqa .review_list_detail .review-wrap .review-list.type02 .btn-md {top:75px;}