@charset "UTF-8";

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

/* 공통 import */
@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:'malgun gothic','NanumBarunGothic', '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; cursor:pointer;}
em, address {font-style:normal;}
body {overflow-y:auto;}
.wrap {background:#fff; height:100%;}
.txt-c {text-align:center;}
.mt100 {margin-top:100px;}
.clearfix:before,
.clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
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;} /* 17.10.23 수정 */
label input[type=radio] + span:before {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_radio.png);}
label input[type=checkbox] + span:before {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_checkbox.png);}
label input[type=radio]:checked + span:before {background-image:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_radio_on.png);}
label input[type=checkbox]:checked + span:before {background-image:url(https://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(https://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;} /* 2017-11-01 */
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;} /* 2017-11-01 */
/* 17.10.23 e */
select::-ms-expand{display:none} /* 190627 추가 :IE 10,11의 네이티브 화살표 숨기기 */
.txt-l {text-align:left !important;}
.txt-r {text-align:right !important;}
.txt-c {text-align:center !important;}
.fl-l {float:left;}
.fl-r {float:right;}
.mt-none {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.fs-12 {font-size:12px !important;} /* 21.06.08 보안점검사항 이상아 추가 */
.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;}  /* 2017-11-01 */
.btn-h40-black-o span {display:inline-block; padding-right:17px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat 100% 50% / 9px auto;}
.btn-h33-next {display:inline-block; width:100%; height:33px; line-height:35px; background:#b4b4b4; box-sizing:border-box; border-radius:3px; color:#fff; font-size:13px; text-align:center;}
.btn-h43-gray1 {display:inline-block; width:100%; height:47px; background:#333; font-size:14px; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
.btn-h43-gray2 {display:inline-block; width:100%; height:47px; background:#4d4d4d; font-size:14px; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
.btn-h37-gray {display:block; width:116px; height:47px; margin:0 auto; background:#333; font-size:14px; font-weight:bold; color:#fff; line-height:49px; text-align:center;} /* 2017-11-01 */
#container {min-height:100%;}

/* 20.08.11 추가 공통 */
.ml-10 {margin-left:10px !important;}
.ml-20 {margin-left:20px !important;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !important;}
.ml-50 {margin-left:50px !important;}
.ml-60 {margin-left:60px !important;}
.ml-70 {margin-left:70px !important;}
.ml-80 {margin-left:80px !important;}
.ml-90 {margin-left:90px !important;}
.mr-10 {margin-right:10px !important;}
.mr-20 {margin-right:20px !important;}
.mr-30 {margin-right:30px !important;}
.mr-40 {margin-right:40px !important;}
.mr-50 {margin-right:50px !important;}
.mr-60 {margin-right:60px !important;}
.mr-70 {margin-right:70px !important;}
.mr-80 {margin-right:80px !important;}
.mr-90 {margin-right:90px !important;}
.mt-10 {margin-top:10px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-60 {margin-top:60px !important;}
.mt-70 {margin-top:70px !important;}
.mt-80 {margin-top:80px !important;}
.mt-90 {margin-top:90px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-60 {margin-bottom:60px !important;}
.mb-70 {margin-bottom:70px !important;}
.mb-80 {margin-bottom:80px !important;}
.mb-90 {margin-bottom:90px !important;}

/* 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:180px; height:auto; top:1185px;font-size:17px; text-align:center; color:#fff;}

/* 상푼준비 중 */
.prd-empty {margin-top:151px; padding-bottom:50px; font-size:15px; color:#808080; text-align:center; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); clear:both;} 
.prd-empty img {width:36px;}
.prd-empty .prd-empty-txt {margin-top:20px;}

/* 18.12.17 상품이미지 솔드아웃 */
.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);}
.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; font-size:3em; font-size:45px;}
.twoAlign .soldout .prd-img:after {font-size:5em; font-size:75px;}
.threeAlign .soldout .prd-img:after {font-size:4em; font-size:60px;}
.fourAlign .soldout .prd-img:after {font-size:3em; font-size:45px;}
.fiveAlign .soldout .prd-img:after {font-size:3em; font-size:45px;}

/* 19.10.11 */
.wrap_product {overflow:hidden;}
.wrap_product .product_left {width:540px; float:left;}
.wrap_product .product_left .product_img {border:1px solid #e4e4e4;}
.wrap_product .product_left .product_img .order-visual {height:540px !important; position:relative;}
.wrap_product .product_left .product_img .order-visual a {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.wrap_product .product_left .product_img .order-visual a img {width:auto; height:auto; max-width:538px; max-height:538px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); -webkit-transform:translate3d(-50%, -50%, 0); -moz-transform:translate3d(-50%, -50%, 0);}
.wrap_product .product_left .detail_thumb {margin-top:10px; padding-right:0px;}
.wrap_product .product_left .detail_thumb .product_thumb {width:540px;}
.wrap_product .product_left .detail_thumb .product_thumb li {float:left; margin-left:0px;}
.wrap_product .product_left .detail_thumb .product_thumb li:first-child {margin-left:0;}
.wrap_product .product_left .detail_thumb .product_thumb li a {display:block;}
.wrap_product .product_left .detail_thumb .product_thumb li a img {width:50px; height:50px; border:1px solid #e4e4e4;}
.wrap_product .product_left .detail_thumb .product_thumb li.active a img {border:1px solid #000;}
.wrap_product .product_right {width:500px; float:right;}
.wrap_product .product_right .prd-info {padding-top:15px;}
.wrap_product .product_right .prd-info dt {font-size:26px;}
.wrap_product .product_right .prd-info dd {margin-top:10px; line-height:20px; font-size:13px; color:#666;}
.wrap_product .product_right .prd-desc {margin-top:20px; overflow:hidden;}
.wrap_product .product_right .prd-desc .price {float:left; overflow:hidden; line-height:50px;}
.wrap_product .product_right .prd-desc .price .sale-rate {display:inline-block; float:left; font-weight:bold; font-size:22px; color:#c70000; margin-right:15px;}
.wrap_product .product_right .prd-desc .price em {display:inline-block; float:left; font-weight:bold; font-size:22px; color:#000; margin-right:12px;}
.wrap_product .product_right .prd-desc .price .gray-through {display:inline-block; font-size:16px; float:left; color:#999; text-decoration:line-through;}
.wrap_product .product_right .prd-desc .btn-share-white {display:inline-block; width:50px; height:50px; float:right; text-indent:-9999px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/btn/btn_share_white.png) 0 0 no-repeat;}
.wrap_product .product_right .prd-info-section {margin-top:20px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.wrap_product .product_right .prd-info-section ul {overflow:hidden;}
.wrap_product .product_right .prd-info-section ul li {float:left; padding:0 10px; width:230px; position:relative;}
.wrap_product .product_right .prd-info-section ul li:before {display:block; width:1px ; content:''; height:22px; background:#eee; position:absolute; left:0; top:15px;}
.wrap_product .product_right .prd-info-section ul li:first-child:before {display:none;}
.wrap_product .product_right .prd-info-section ul li span {display:inline-block; line-height:53px;}
.wrap_product .product_right .prd-info-section ul li span.article-tit {float:left; padding-left:25px;}
.wrap_product .product_right .prd-info-section ul li span.article-contents {float:right; font-size:13px; color:#000;}
.wrap_product .product_right .prd-info-section ul li.delivery-only {float:unset; width:100%;}
.wrap_product .product_right .prd-info-section ul li.delivery-only span.article-contents {padding-right:25px;}
.wrap_product .product_right .prd-option {margin-top:20px;}
.wrap_product .product_right .prd-option .op-box {position:relative; height:38px; border:1px solid #d9d9d9; font-size:14px; font-weight:bold; line-height:40px;}
.wrap_product .product_right .prd-option .op-box a {display:block; padding:0 15px; color:#999; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right 15px center / 12px auto;}
.wrap_product .product_right .prd-option .op-box a.up {background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png) no-repeat right 15px center / 12px auto;; color:#333;}
.wrap_product .product_right .prd-option .text-op-box {margin-top:10px; border:1px solid #d9d9d9;}
.wrap_product .product_right .prd-option .text-op-box input {padding:0 15px; height:38px; border:none; font-size:14px; line-height:40px;}
.wrap_product .product_right .prd-option .op-btn {margin-top:10px; overflow:hidden;}
.wrap_product .product_right .prd-option .op-btn a {float:right; width:130px;}
.wrap_product .product_right .prd-option .op-sel {margin-top:20px; padding:0 20px; background:#fbfbfb;}
.wrap_product .product_right .prd-option .op-sel ul li {display:table; width:100%; border-top:1px solid #e4e4e4; position:relative;}
.wrap_product .product_right .prd-option .op-sel ul li span {display:table-cell; vertical-align:middle; padding:20px 0;}
.wrap_product .product_right .prd-option .op-sel ul li .name {width:190px; padding-right:5px; font-size:13px; word-break:break-all;}
.wrap_product .product_right .prd-option .op-sel ul li .count {width:100px; padding-right:5px; text-align:center;}
.wrap_product .product_right .prd-option .op-sel ul li .count a {display:inline-block; width:23px; height:23px; border:1px solid #d9d9d9; border-radius:50%; text-align:center; line-height:19px; box-sizing:border-box; margin-top:2px;}
.wrap_product .product_right .prd-option .op-sel ul li .count .btn-minus {float:left;}
.wrap_product .product_right .prd-option .op-sel ul li .count .btn-plus {float:right;}
.wrap_product .product_right .prd-option .op-sel ul li input[type=text] {width:46px; height:27px; text-align:center;}
.wrap_product .product_right .prd-option .op-sel ul li .price {padding-right:25px; font-weight:bold; font-size:15px; color:#000; text-align:right; overflow:hidden; margin-top:24px; word-break:all; display:table-cell; vertical-align:middle;}
.wrap_product .product_right .prd-option .op-sel ul li .btn-close {display:inline-block; width:9px; height:9px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/btn/btn_close_h9.png) 0 0 no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.wrap_product .product_right .prd-option .op-sel ul li:first-child {border-top:none;}
.wrap_product .product_right .total-price-area {margin:20px 0 10px; border-top:1px solid #e4e4e4; overflow:hidden; line-height:60px;}
.wrap_product .product_right .total-price-area .price-tit {float:left; font-weight:bold; font-size:15px; color:#000;}
.wrap_product .product_right .total-price-area .price {float:right; font-size:15px; color:#000; font-weight:bold; font-size:26px; color:#c70000;}
.wrap_product .product_right .total-price-area .price strong {font-weight:bold; font-size:26px; color:#c70000;}
.wrap_product .product_right .total-price-area .price em {font-weight:bold; font-size:26px; color:#c70000;}
.wrap_product .product_right .prd-option-non .count {width:110px; padding-right:15px; text-align:center; float:left;}
.wrap_product .product_right .prd-option-non .count a {display:inline-block; width:23px; height:23px; border:1px solid #d9d9d9; border-radius:50%; text-align:center; line-height:19px; box-sizing:border-box;}
.wrap_product .product_right .prd-option-non .count .btn-minus {float:left; margin-top:20px;}
.wrap_product .product_right .prd-option-non .count .btn-plus {float:right; margin-top:20px;}
.wrap_product .product_right .prd-option-non .count input[type=text] {width:46px; height:32px; text-align:center;}
.wrap_product .product_right .prd-option-non .count-area {margin-top:20px; margin-bottom:-10px;}
.wrap_product .product_right .prd-option-non .count-area .count-tit {float:left; margin-top:14px;}
.wrap_product .product_right .prd-option-non .count-area .count {float:right; padding-right:0;}
.wrap_product .product_right .prd-option-non .count-area .count .btn-minus,
.wrap_product .product_right .prd-option-non .count-area .count .btn-plus {margin-top:5px;}
.wrap_product .product_right .btn-area {overflow:hidden;}
.wrap_product .product_right .btn-area a {display:block; width:50%; float:left; box-sizing:border-box; line-height:60px; text-align:center; font-size:15px; font-weight:bold;}
.wrap_product .product_right .btn-area .btn-white {background:#fff; border:1px solid #d4d4d4; color:#000;}
.wrap_product .product_right .btn-area .btn-black {background:#000; border:1px solid #000; color:#fff;}
.prd-option .op-list dt {position:relative; height:38px; border:1px solid #d9d9d9; border-top:none; font-size:14px; font-weight:bold; line-height:40px;}
.prd-option .op-list dt:first-child {border-top:1px solid #d9d9d9;}
.prd-option .op-list dt a {display:block; padding:0 30px 0 15px; color:#999; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right 15px center / 12px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*  20.12.21 수정 */
.prd-option .op-list dt a.up {background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png) no-repeat right 15px center / 12px auto;; color:#333;}
.prd-option .op-list .op-item ul {border:1px solid #d9d9d9; border-top:none;}
.prd-option .op-list .op-item ul li {overflow:hidden; padding:15px; border-bottom:1px solid #d9d9d9; cursor:pointer; font-size:13px;}
.prd-option .op-list .op-item ul li:last-child {border-bottom:none;}
.btn30 {display:inline-block; line-height:30px; text-align:center; font-size:12px;}
.btn30.gray {background:#999; color:#fff;}

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

.prd-hashtag .recommend-hashtag {padding:30px; background:#fbfbfb; text-align:center;}
.prd-hashtag .recommend-hashtag ul {display:inline-block;}
.prd-hashtag .recommend-hashtag ul li {display:inline-block; margin-left:25px;}
.prd-hashtag .recommend-hashtag ul li:first-child {margin-left:0;}
.prd-hashtag .recommend-hashtag ul li a {display:block; padding:0 10px; line-height:22px; font-size:15px; color:#000;}
.prd-hashtag .recommend-hashtag {position:relative; overflow:hidden;}
.prd-hashtag .recommend-hashtag.text-style {margin:0; max-height:300px; transition:all 0.3s ease-in;}
.prd-hashtag .recommend-hashtag.text-style ul {padding-right:12px; overflow:hidden;} /* 19.05.10 수정 */
.prd-hashtag .recommend-hashtag.text-style ul li {display:inline-block; float:left; margin:0 6px 10px;}
.prd-hashtag .recommend-hashtag.text-style ul li a {display:block; height:25px; box-sizing:border-box; padding:0 10px; line-height:23px; font-size:15px; color:#000; white-space:nowrap; box-sizing:border-box;}
.prd-hashtag .recommend-hashtag.text-style.open {max-height:300px;}
.prd-hashtag .recommend-hashtag.text-style ul.normal li a {border:none;}
.prd-hashtag .recommend-hashtag.text-style ul.normal li.on a {font-weight:bold;}
.prd-hashtag .recommend-hashtag.text-style ul.red li a {border:1px solid #c70000; color:#c70000;}
.prd-hashtag .recommend-hashtag.text-style ul.red li.on a {background:#c70000; border:1px solid #c70000;}
.prd-hashtag .recommend-hashtag .more {display:none!important; width:20px; height:15px; padding:0; position:absolute; right:15px; bottom:6px; text-indent:-9999px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/btn/h10_btn_down.png) center center no-repeat; background-size:10px 5px;} /* 19.05.10 수정 */
.prd-hashtag .recommend-hashtag .more.up { background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/btn/h10_btn_up.png) center center no-repeat; background-size:10px 5px;}
.prd-hashtag .recommend-hashtag .more.on {display:inline-block;}

.txt-detail {text-align:center; max-height:864px; position:relative; overflow:hidden;}
.txt-detail p {line-height:864px;}
.txt-detail .no-text {padding:70px 0;} /* 20.12.28 M */
.txt-detail.non .no-text {padding:108px 0 48px; font-size:22px;} /* 20.12.28 M */
.txt-detail .detail-contents {padding:75px 30px 120px;}
.txt-detail .btn-expand {width:100%; height:68px; background:#f8f8f8; text-align:center; position:absolute; bottom:0;}
.txt-detail .btn-expand a {display:inline-block; padding-right:20px; line-height:68px;}
.txt-detail .btn-expand a.down {background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_arr_down1.png) right center no-repeat;}
.txt-detail .btn-expand a.up {background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_arr_up1.png) right center no-repeat;}
.txt-detail.on {max-height:none;}

.order-hd {position:relative; padding:25px 40px 25px 20px; border-bottom:1px solid #f5f5f5; background:#fff; border-top:1px solid #e4e4e4;}
.order-hd h3 {display:inline-block; font-weight:bold; font-size:18px; line-height:23px;}
.order-hd .lnk {position:absolute; top:0; right:0; bottom:0; width:52px; background:url(https://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:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png) no-repeat 50% 50% / 12px auto;}
.order-frm {padding:25px 20px;}
.order-frm .receiver-wrap .title {margin-bottom:10px; font-size:14px; font-weight:bold; color:#000; overflow:hidden; line-height:21px;}
.order-frm .receiver-wrap .title label {float:right; font-weight:400; font-size:12px;}

.order-detail {margin-top:80px; overflow:hidden; padding-bottom:80px;} /* 20.12.10 pub 수정  */
.order-detail input[type=text], 
.order-detail input[type=tel], 
.order-detail select, 
.order-detail input[type=password] {font-size:12px; height:40px; border:1px solid #e4e4e4;}
.order-detail input[type=text] ::-webkit-input-placeholder {color:#999;}
.order-detail input[type=tel]::-webkit-input-placeholder {color:#999;}
.order-detail select::-webkit-input-placeholder {color:#999;}
.order-detail input[type=password]::-webkit-input-placeholder {color:#999;}
.order-detail input[type=text]::-ms-input-placeholder {color:#999;}
.order-detail input[type=tel]::-ms-input-placeholder {color:#999;}
.order-detail select::-ms-input-placeholder {color:#999;}
.order-detail input[type=password]::-ms-input-placeholder {color:#999;}
.order-detail input[type=text][type=password]::placeholder {color:#999;}
.order-detail input[type=tel][type=password]::placeholder {color:#999;}
.order-detail select[type=password]::placeholder {color:#999;}
.order-detail input[type=password]::placeholder {color:#999;}
.order-detail .order-info {width:59%; float:left;}
.order-detail .order-info .order-frm .receiver-wrap .receiver li {margin-top:10px;}
.order-detail .order-info .order-frm .receiver-wrap .receiver li:first-child {margin-top:0;}
.order-detail .order-info .order-frm .receiver-wrap .receiver li.post .box {overflow:hidden;}
.order-detail .order-info .order-frm .receiver-wrap .receiver li.post .box input[type=text] {width:81%; float:left;}
.order-detail .order-info .order-frm .receiver-wrap .receiver li.post .box .btn-addr-search {width:18%; float:right; display:inline-block; box-sizing:border-box; border:1px solid #000; line-height:40px; height:42px; text-align:center; font-size:12px; color:#000;}
.order-detail .order-info .order-frm li {overflow:hidden; position:relative;}
.order-detail .order-info .order-frm .order {overflow:hidden;}
.order-detail .order-info .order-frm .order li:first-child {width:49%; float:left;}
.order-detail .order-info .order-frm .order li {width:49%; float:right;}
.order-detail .order-info .order-frm .order li:last-child select {border-right:none;}
.order-detail .order-info .order-frm table tr th {font-size:14px; color:#000; padding-top:20px; text-align:left;}
.order-detail .order-info .order-frm table tr th .fc-red {color:#cc0104;}
.order-detail .order-info .order-frm table tr td {padding-top:20px;}
.order-detail .order-info .order-frm table tr td input[type=text]{width:74%;}
.order-detail .order-info .order-frm table tr td input[type=tel]{width:74%;}
.order-detail .order-info .order-frm table tr td .btn-border-black {display:inline-block; width:107px; line-height:38px; box-sizing:border-box; text-align:center; border:1px solid #000; font-size:12px; color:#000; float:right;}
.order-detail .order-info .order-frm table tr:first-child th {padding-top:0;}
.order-detail .order-info .order-frm table tr:first-child td {padding-top:0;}
.order-detail .payment-info {width:37%; float:right;}
.order-detail .payment-info .inner {border:1px solid #000; padding:0px 30px 20px;}
.order-detail .payment-info .pay-section .order-hd .lnk {background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right 50% / 12px auto;}
.order-detail .payment-info .pay-section .order-hd .lnk.up {background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png) no-repeat right 50% / 12px auto;}
.order-detail .payment-info .pay-section.pay-odr .order-frm {padding:10px 0 25px;}
.order-detail .payment-info .pay-section.pay-odr .order-frm .order-pay *:last-child {margin-bottom:0;} /* 20.12.10 pub 수정 */
.order-detail .payment-info .pay-section.pay-odr .order-hd {padding:25px 0 15px; border:none;}
/* 20.04.07 추가 */
.order-detail .payment-info .warning-labels {margin-top:20px; text-align:left; line-height:1.0;} /* 20.12.10 pub 수정 */
.order-detail .payment-info .warning-labels-font {font-size:12px; color:#a8a8a8;}
.order-frm li.array-2x select {float:left; width:25%;}
.order-frm li.array-2x input[type=tel] {float:left; width:75%;}
.mt-none {margin-top:0 !important;}

.pay-section .order-pay ul li label .txt {padding-left:0; margin-top:10px; line-height:20px; font-size:12px; color:#666;}
.pay-section .order-pay label {position:relative; display:block; margin-bottom:15px; font-size:14px;}
.pay-section .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;}
.pay-section .order-pay ul.txt-desc li {font-size:0.8em; color:#666; line-height:18px; padding-left:30px;}
.pay-section .order-pay .fc-red {color:#f00;}
.pay-section .agree-box li {position:relative; margin-bottom:12px;}
.agree-box li:last-child {margin-bottom:0;}

/* 19.10.15 수정 */
.pay-section.term {border-bottom:1px solid #e4e4e4; overflow:hidden;}
.pay-section.term .order-frm {padding:0px 0 25px; border-bottom:none;}
.pay-section.term .order-hd {padding:25px 0; border-bottom:none;}
.pay-section.open .order-frm {padding:0px 0 25px; border-bottom:1px solid #d4d4d4;}
.pay-section.open .order-hd {padding:25px 0 15px; border-bottom:none;}
.pay-section.term .btn-view {display:inline-block; font-size:12px; color:#999; text-decoration:underline; float:right;}
.pay-section.term .order-frm label {font-size:14px;}
.pay-section.total .order-hd {padding:25px 0 13px;}

.w90per {width:90%;}
.w100per {width:100%!important;}
.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:20px 0; border:1px solid #ebebeb; background:#f7f7f7;} /* 20.12.10 pub 수정 */
.ord-cashreceipt ul {padding:13px 14px;}
.ord-cashreceipt ul li.inputArea {margin-top:10px;} /* 20.12.10 pub 수정 */
.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;}

/* 21.05.26 지역배송비 관련 css 재정의 및 신규 추가 */
.price-box {padding-bottom:16px;} 
.price-box li {position:relative; line-height:23px; font-size:13px; color:#000;}
.price-box > li + li {margin-top:15px;}
.price-box li span {position:absolute; top:0; right:15px; font-weight:bold; font-size:14px; color:#333;}
.price-box li ul li {color:#999; line-height:23px;}
.price-box li ul li span {color:#000; font-weight:normal;}
.price-box li.pay-price {color:#000;}
.price-box li.pay-price span {font-size:22px; color:#c90104; font-weight:normal; margin-right:0;}
.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;}
.price-box li.pay-price .dis-rate {right:15px;}
.price-box li.pay-price p.expect-mileage {font-size:13px; color:#297bcf; text-align:right; padding-right:15px;}
.btn-h56-black {display:block; line-height:56px; text-align:center; background:#000; font-size:14px; color:#fff;}

/*S:190627 회원가입 추가*/
.users-join-line {border-top:1px solid #d4d4d4; padding:30px 20px 25px; margin:0;}
.users-title-line-hd {height:50px; background:#fafafa; text-align:center; border-bottom:1px solid #d6d6d6; border-left:0; border-right:0}
.users-title-line-hd h2 {font-size:16px; line-height:52px;}
.users-cont {display:inline-block; width:480px; padding:40px 0;}
.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; position:relative; padding:30px 0; height:0;}
.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:#666; 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 input.input-st02 {width:100%; border:1px solid #dedede; text-align:left; font-weight:normal; font-size:14px}
.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:#333; font-size:14px}
.users-cont ul.find-line li button {background:none; color:#333; 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 {margin:10px 0}
.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:#666}
.users-cont-full {padding:20px; background:#f2f3f5; border-top:1px solid #d0d0d0}
.users-cont-full .agree-box {padding:0}
.users-cont .info-dd-box:after {content:''; display:block; clear:both}
.users-cont .info-dd-box .info-lf-cont {float:left;padding-left:20px}
.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 {border:1px solid #d6d6d6; width:60px; height:30px;line-height:30px;text-align:center}
.users-cont .info-dd-box .info-rt-cont .users-myinfo-edit-btn a {display:block; font-size:14px; color:#000}
.users-cont .my-point-box {background:#f6f6f6; width:100%; padding:20px; box-sizing:border-box; margin:30px auto 0}
.users-cont .my-point-box:after {content:'';display:block; clear:both}
.users-cont .my-point-box .point-tit {float:left;}
.users-cont .my-point-box .point-num {float:right}
.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:#666; 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; 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 #000; background:#fff; height:50px; display:inline-block; text-align:center; line-height:48px; font-size:12px; color:#000; margin-left:10px;}
.users-cont .search-box img {width:16px}

.js-settingLayer {position:relative; box-sizing:border-box; cursor:pointer;}
.section-area {display:none; width:100%; height:100%; position:absolute; top:0; left:0; border:2px solid #ff0000; box-sizing:border-box; z-index:11;}
.section-area_dim {display:none; width:100%; height:100%; position:absolute; top:0; left:0; background:#ff0000; opacity:0.1; fliter:alpha(opacity=10); z-index:10;}
.btn-area-setting {display:none; position:absolute; width:62px; height:34px; background:#ff0000; z-index:99; text-align:center; text-indent:0; cursor:pointer; bottom:2px; right:2px;}
.btn-area-setting span {display:inline-block; padding-left:17px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_setting_white.png) left center no-repeat; background-size:14px 14px; font-size:12px; font-weight:bold; color:#fff; line-height:34px;}
.profile-area .section-area {border-radius:50%;}
.profile-area .section-area_dim {border-radius:50%;}
.btn-area-setting.icon-type {width:30px; height:30px; border-radius:50%;  background:#ff0000 url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_setting_white.png) center center no-repeat; background-size:14px 14px;}
/* banner zone img 사이즈 만큼 선택 영역 커져 고정함. */
.section-area-cover {position:absolute; left:0px; top:0px; width:100%; height:100%;}
.section-area-cover .section-area {position:relative; width:1080px; margin:0 auto;}

/* 19.10.15 장바구니 추가 */
.cart-page {width:1080px; margin:0 auto;}
.cart-page .order-detail {margin-top:80px;}
.page-hd {position:relative;}
.page-hd h2 {height:43px; line-height:45px; padding-left:32px; background:url(https://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;}
.page-hd .basket-hd {overflow:hidden;}
.page-hd .basket-hd .title {text-align:center;}
.page-hd .basket-hd .title .page-tit {line-height:145px; font-size:38px; color:#000;}
.page-hd .basket-hd .select {padding-bottom:15px; overflow:hidden;}
.page-hd .basket-hd .select .all {float:left;}
.page-hd .basket-hd .select .all .num {padding-left:5px;}
.page-hd .basket-hd .select .delete {display:inline-block; padding-left:25px; margin-left:30px; float:left; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/btn/btn_h16_delete.png) left center no-repeat;}
.basket-list table th {font-weight:bold; line-height:55px; border-top:1px solid #000; border-bottom:1px solid #f0f0f0; font-size:13px;}
.basket-list table td {padding:20px 0; text-align:center; border-bottom:1px solid #f0f0f0;}
.basket-list table td.name {text-align:left;}
.basket-list table td .prd-name {padding-left:30px; text-align:left; font-size:15px; color:#333;}
.basket-list table td .prd-option-result {padding-left:30px; text-align:left; font-size:13px; color:#666; margin-top:10px;}
.basket-list table td .count {display:inline-block; width:90px; text-align:center;}
.basket-list table td .count a {display:inline-block; width:23px; height:23px; border:1px solid #d9d9d9; border-radius:50%; text-align:center; line-height:19px; box-sizing:border-box;}
.basket-list table td .count a.btn-minus {float:left;}
.basket-list table td .count a.btn-plus {float:right;}
.basket-list table td .btn-close {display:inline-block; width:13px; height:13px;}
.basket-list table td .btn-close img {vertical-align:top;}
.basket-list table td .prd-price {font-size:15px; color:#999;}
.basket-list table td .discount-price {font-size:15px; color:#c90104;}
.basket-list table td .order-price {font-weight:bold; font-size:15px; color:#000;}
.basket-list table td .check span {height:18px;}
.basket-list table .prd-img-resizing {border:1px solid #e4e4e4;}
/* 18.08.27 배송항목개선 */
.basket-list table td p.dlvy-label {display:block; padding-left:30px; margin-bottom:10px;}
.basket-list table td p.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;}
.basket-list .prd-name-box {margin-left:50px; text-align:left; margin-top:20px; padding-bottom:10px; font-weight:bold; font-size:16px;}
.basket-list .prd-option {/*margin-top:20px;*/}
.basket-list .prd-option .op-box {position:relative; height:38px; border:1px solid #d9d9d9; font-size:14px; font-weight:bold; line-height:40px;}
.basket-list .prd-option .op-box a {display:block; padding:0 15px; color:#999; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right 15px center / 12px auto;}
.basket-list .prd-option .op-box a.up {background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png) no-repeat right 15px center / 12px auto;; color:#333;}
.basket-list .prd-option .text-op-box {margin-top:10px; border:1px solid #d9d9d9;}
.basket-list .prd-option .text-op-box input {padding:0 15px; height:38px; border:none; font-size:14px; line-height:40px;}
.basket-list .prd-option .op-btn {margin-top:10px; overflow:hidden;}
.basket-list .prd-option .op-btn a {float:right; width:130px;}
.basket-list .prd-option .op-btn a.w130 {width:130px!important;}
.basket-list .prd-option .op-sel {margin-top:20px; padding:0 20px; background:#fbfbfb;}
.basket-list .prd-option .op-sel ul li {display:table; width:100%; border-top:1px solid #e4e4e4; position:relative;}
.basket-list .prd-option .op-sel ul li span {display:table-cell; vertical-align:middle; padding:20px 0;}
.basket-list .prd-option .op-sel ul li .name {width:310px; padding-right:5px; font-size:13px; word-break:break-all;}
.basket-list .prd-option .op-sel ul li .count {width:100px; padding-right:5px; text-align:center;}
.basket-list .prd-option .op-sel ul li .count a {display:inline-block; width:23px; height:23px; border:1px solid #d9d9d9; border-radius:50%; text-align:center; line-height:19px; box-sizing:border-box; margin-top:2px;}
.basket-list .prd-option .op-sel ul li .count .btn-minus {float:left;}
.basket-list .prd-option .op-sel ul li .count .btn-plus {float:right;}
.basket-list .prd-option .op-sel ul li input[type=text] {width:46px; height:27px; text-align:center;}
.basket-list .prd-option .op-sel ul li .price {padding-right:25px; font-weight:bold; font-size:15px; color:#000; text-align:right; overflow:hidden; margin-top:24px; word-break:all; vertical-align:middle;}
.basket-list .prd-option .op-sel ul li .btn-close {display:inline-block; width:9px; height:9px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/pc/img/btn/btn_close_h9.png) 0 0 no-repeat; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.basket-list .prd-option .op-sel ul li:first-child {border-top:none;}
.basket-list .total-price-area {margin:20px 0 10px; border-top:1px solid #e4e4e4; overflow:hidden; line-height:60px;}
.basket-list .total-price-area .price-tit {float:left; font-weight:bold; font-size:15px; color:#000;}
.basket-list .total-price-area .price {float:right; font-size:15px; color:#000; font-weight:bold; font-size:26px; color:#c70000;}
.basket-list .total-price-area .price strong {font-weight:bold; font-size:26px; color:#c70000;}
.basket-list .total-price-area .price em {font-weight:bold; font-size:26px; color:#c70000;}
.basket-list .prd-option-non .total-price-area {border-top:none;}
.basket-list .prd-option-non .count {width:110px; text-align:center;}
.basket-list .prd-option-non .count a {display:inline-block; width:23px; height:23px; border:1px solid #d9d9d9; border-radius:50%; text-align:center; line-height:19px; box-sizing:border-box;}
.basket-list .prd-option-non .count .btn-minus {float:left; margin-top:4px;}
.basket-list .prd-option-non .count .btn-plus {float:right; margin-top:4px;}
.basket-list .prd-option-non .count input[type=text] {width:46px; height:32px; text-align:center;}
.basket-list .btn-close-down {position:absolute; top:-19px; left:0px; z-index:200; width:53px; height:19px; margin-left:340px; background:url(https://image.makeshop.co.kr/mysoho/assets/shop/img/btn/h38_close_down.png) no-repeat; background-size:53px auto;}
.basket-list .btn-opt-select-complete {padding:0px; margin:10px 50px; font-size:16px;}
.basket-list .op-box-open a.btn30 {width:95px;}

/* floating order info */
.js-floatingOrder {position:fixed; bottom:2px; z-index:10; right:2px; width:20%;}
.js-floatingOrder .cont {border:1px solid #000; padding:20px; display:none; background:#fff;}

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

/*주문 적립금 사용 추가*/
.order-mileage .order-use-mileage label {float:right; font-weight:400; font-size:12px;}
.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:#999 !important;}
.readonly-input-promotion::-moz-placeholder {color:#999 !important;}
.readonly-input-promotion:-ms-input-placeholder {color:#999 !important;}
.readonly-input-promotion:-moz-placeholder {color:#999 !important;}
.apply-input-promotion:focus {outline:none;}
.curDefault {cursor:default !important;}

#overseas-cont .add-info-txt{font-size:12px; color:#666}
#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:#999;}
#return-list {display:block; width:450px; margin:0 auto;}
#cancel-list {display:block; width:450px; margin:0 auto;}

/* 게시판관리 서브페이지 추가 */
.users-cont .order-inquiry .order-frm {text-align:center; font-size:22px; color:#000;}
.users-cont .order-inquiry .order-frm form {display:inline-block; width:480px;}
.users-cont .order-inquiry .order-frm ul li {overflow:hidden;}
.users-cont input, 
.users-cont select {height:50px;}
.users-cont .order-inquiry .order-frm .btn-h42-gray {display:block; line-height:66px; text-align:center; background:#e5e5e5; font-size:16px; color:#fff;}
.users-cont h3 {text-align:left; margin-bottom:10px;}
.users-cont .overlap-chk {margin:0;}

.sub-page-center {text-align:center;}

#users-join {text-align:center;}
#users-join .pay-section.term {text-align:left; border:none;}
#users-join .pay-section.term .order-hd {border:none;}

.btn-h64-bd {display:inline-block; line-height:64px; text-align:center; border:1px solid #000; font-size:16px; color:#000; background:#fff;}
.btn-h64-black {display:inline-block; line-height:64px; text-align:center; border:1px solid #000; background:#000; color:#fff; font-size:16px;}

/* 페이징 20.05.22 추가 */
.paging {margin-top:30px; text-align:center; font-size:0; line-height:0;}
.paging a {display:inline-block; width:34px; height:34px; line-height:34px; margin:0 5px; border:1px solid #d8d8d8; font-size:15px; color:#858f9b; text-align:center;}
.paging a.now {border:1px solid #3f464f; color:#333;}
.paging-wrap {margin:40px 0 100px; text-align:center;}
/* 아래 페이징이 퍼블 작업한 페이징 일단 어드민이랑 동일하게 변경 */

.paging-wrap .pagination {display:inline-block; overflow:hidden;}
.paging-wrap .pagination .btn-prev {display:inline-block; width:30px; height:30px; border:1px solid #d4d4d4; box-sizing:border-box; text-indent:-9999px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/btn_paging_prev.png) center center no-repeat; float:left;}
.paging-wrap .pagination .btn-next {display:inline-block; width:30px; height:30px; border:1px solid #d4d4d4; box-sizing:border-box; text-indent:-9999px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/btn_paging_next.png) center center no-repeat; float:left;}
.paging-wrap .pagination .paging-number {display:inline-block; margin:0 20px; float:left;}
.paging-wrap .pagination .paging-number a {display:inline-block; width:28px; line-height:30px; float:left; font-size:15px; color:#999; text-align:center;}
.paging-wrap .pagination .paging-number a.on {color:#000;}

.write-box-wrap {padding:40px 0; background:#fbfbfb; text-align:center; border-bottom:1px solid #e4e4e4;}
.write-box-wrap p {font-size:14px; color:#000;}
.write-box-wrap a {margin-top:20px;}
.board-list-wrap {margin-top:30px;}
.board-list-wrap .title {overflow:hidden; padding:0 0 20px 20px;}
.board-list-wrap .title h3 {float:left; font-weight:bold; font-size:18px; color:#000; line-height:20px;}
.board-list-wrap .title label {float:right;}
.board-list-wrap .list {border-top:1px solid #d4d4d4;}
.board-list-wrap .list li {border-bottom:1px solid #d4d4d4; position:relative;}
.board-list-wrap .list li table tr td {text-align:center; padding:30px 0; font-weight:bold;}
.board-list-wrap .list li table tr td.align-right {text-align:right; padding-right:20px;}
.board-list-wrap .list li .tit .state {font-size:14px; font-weight:bold;}
.board-list-wrap .list li .tit .state.gray {color:#999;}
.board-list-wrap .list li .tit .state.blue {color:#297bcf;}
.board-list-wrap .list li .tit .type {font-weight:bold; font-size:14px; color:#666; text-align:center;}
.board-list-wrap .list li .tit a {display:block; text-align:left; padding:0 20px; font-size:15px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;} /* 20.11.16 pub */
.board-list-wrap .list li .tit a .secret {display:inline-block; padding-right:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_lock_gray.png) right center no-repeat; color:#999; font-weight:bold;}
.board-list-wrap .list li .tit a .user-secret {display:inline-block; padding-right:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_lock_gray.png) right center no-repeat; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom; color:#999999;}
.board-list-wrap .list li .tit a.open .user-secret {display:inline; text-overflow:unset; white-space:pre-line; word-break:break-all;}
.board-list-wrap .list li .tit a.open {white-space:pre-line;}
.board-list-wrap .list li .info {display:inline-block;}
.board-list-wrap .list li .info span {float:left; display:inline-block; font-size:14px; color:#888; margin-left:35px; position:relative;}
.board-list-wrap .list li .info span.user {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80px;}
.board-list-wrap .list li .info span:first-child {margin-left:0;}
.board-list-wrap .list li .info span:before {display:block; content:''; width:1px; height:15px; background:#efefef;position:absolute; top:2px; left:-16px;}
.board-list-wrap .list li .info span:first-child:before {display:none;}
.board-list-wrap .list li .js-inquirySaveBtns {position:absolute; right:26px; bottom:14px;} /* 20.11.18 pub */
.board-list-wrap .list li .cont {display:none; background:#fbfbfb; border-top:1px solid #f0f0f0;}
.board-list-wrap .list li .cont .text {padding-left:40px; position:relative; line-height:30px; font-size:15px; color:#000; text-align:left; font-weight:normal; white-space:pre-line;}
.board-list-wrap .list li .cont .text:before {display:block; content:''; width:10px; height:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_qa_a.png) 0 0 no-repeat; position:absolute; top:6px; left:20px; background-size:10px 10px;}
.board-list-wrap .list li .cont .password-box {width:340px; overflow:hidden;}
.board-list-wrap .list li .cont .password-box input[type=password] {width:260px; float:left;}
.board-list-wrap .list li .cont .password-box a {float:right; width:74px;}
.board-list-wrap .list li .tit a.btn-modify {font-size:12px; color:#000; display:inline-block; text-decoration:underline; margin-left:5px; position:relative; padding:0px; color:#888888;}
.board-list-wrap .list li .tit a.btn-del {font-size:12px; color:#000; display:inline-block; text-decoration:underline; margin-left:5px; position:relative; padding:0px; color:#888888;}
.board-list-wrap .list.review > li {padding:30px 20px; text-align:left; border-bottom:1px solid #f0f0f0;}
.board-list-wrap .list.review > li .postContents {overflow:hidden;}
.board-list-wrap .list.review > li .postContents .review-score {display:inline-block; float:left;}
.board-list-wrap .list.review > li .postContents .review-score .stars {display:inline-block; float:left;}
.board-list-wrap .list.review > li .postContents .review-score .stars .star {display:inline-block; width:17px; height:22px; float:left; margin-left:4px;}
.board-list-wrap .list.review > li .postContents .review-score .stars .star:first-child {margin-left:0;}
.board-list-wrap .list.review > li .postContents .review-score .stars .star.off {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_star_off.png) 0 center no-repeat; background-size:17px 17px;}
.board-list-wrap .list.review > li .postContents .review-score .stars .star.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_star_on.png) 0 center no-repeat; background-size:17px 17px;}
.board-list-wrap .list.review > li .postContents .review-score .point {display:inline-block; margin-left:5px; float:left; font-weight:bold; font-size:18px; color:#000;}
.board-list-wrap .list.review > li .postContents .review-date {float:right;}
.board-list-wrap .list.review > li .postContents .review-date * {float:left; font-size:14px; color:#b2b2b2;}
.board-list-wrap .list.review > li .postContents .review-date .date {margin-left:35px; position:relative;}
.board-list-wrap .list.review > li .postContents .review-date .date:before {display:block; content:''; width:2px; height:14px; background:#efefef; position:absolute; top:2px; left:-18px;}
.board-list-wrap .list.review > li .review-option {margin-top:15px; font-size:14px; color:#888888;}
.board-list-wrap .list.review > li .summary {margin-top:15px; margin-bottom:15px;}
.board-list-wrap .list.review > li .summary .content-text {line-height:25px;font-size:15px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; word-break:break-all; word-wrap:break-word; cursor:pointer;} /* 22.08.11 이상아 수정 */
.board-list-wrap .list.review > li .inuquiry-area {padding:0 200px 0 84px; position:relative; cursor:pointer;}
.board-list-wrap .list.review > li .inuquiry-area .state {position:absolute; top:3px; left:0; font-size:14px; font-weight:bold;}
.board-list-wrap .list.review > li .inuquiry-area .state .gray {color:#999999;}
.board-list-wrap .list.review > li .inuquiry-area .state .blue {color:#297bcf;}
.board-list-wrap .list.review > li .inuquiry-area .text {line-height:25px; font-size:15px; color:#000000; word-break:break-all; white-space:pre-line;}
.board-list-wrap .list.review > li .user-secret .text {display:inline; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_lock_gray.png) right center no-repeat; padding-right:20px;}
.board-list-wrap .list.review .prd-info .prd-img-resizing p {padding-top:0; box-sizing:border-box; position:relative;}
.board-list-wrap .list.review .prd-info .prd-img-resizing p a {display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
.board-list-wrap .list.review > li .summary .review-photo {margin-top:15px; text-align:left;}
.board-list-wrap .list.review > li .summary .review-photo ul {overflow:hidden; height:100px;}
.board-list-wrap .list.review > li .summary .review-photo ul li {width:100px; height:100px; margin-left:10px; float:left;}
.board-list-wrap .list.review > li .summary .review-photo ul li img {height:100%; width:100%; cursor:pointer;}
.board-list-wrap .list.review > li .summary .review-photo ul li:first-child {margin-left:0;}
.board-list-wrap .list.review > li .summary .btn-text-view {display:inline-block; padding-right:20px; font-size:14px; color:#888888;}
.board-list-wrap .list.review > li .summary .btn-text-view.close {background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_h8_arr_down.png) right center no-repeat;}
.board-list-wrap .list.review > li .summary .btn-text-view.open {background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_h8_arr_up.png) right center no-repeat;}
.board-list-wrap .list.review > li .review-answer {padding:20px 20px 20px 45px; background:#f8f8f8; position:relative; overflow:hidden;}
.board-list-wrap .list.review > li .review-answer:before {display:block; content:''; width:10px; height:10px; position:absolute; top:25px; left:25px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_a.png) 0 0 no-repeat; background-size:10px 10px;}
.board-list-wrap .list.review > li .review-answer.line-bottom {border-bottom:solid #e4e4e4 1px; padding-bottom:10px;}
.board-list-wrap .list.review > li .review-answer .top {overflow:hidden; display:inline-block; position:absolute; top:20px; right:20px;}
.board-list-wrap .list.review > li .review-answer .top .seller {display:inline-block; font-weight:bold; font-size:14px; color:#b2b2b2;}
.board-list-wrap .list.review > li .review-answer .top .date {display:inline-block; margin-left:30px; font-size:14px; color:#b2b2b2; position:relative;}
.board-list-wrap .list.review > li .review-answer .top .date:before {display:block; content:''; width:2px; height:14px; background:#efefef; position:absolute; top:2; left:-18px;}
.board-list-wrap .list.review > li .review-answer .text {width:750px; font-size:15px; line-height:25px; color:#333333; white-space:pre-line; word-break:break-all; word-wrap:break-word;} /* 22.08.11 이상아 수정 */
.board-list-wrap .list.review > li .inuquiry-area {padding:0 200px 0 84px; position:relative; cursor:pointer;}
.board-list-wrap .list.review > li .inuquiry-area .state {position:absolute; top:3px; left:0; font-size:14px; font-weight:bold;}
.board-list-wrap .list.review > li .inuquiry-area .state .gray {color:#999999;}
.board-list-wrap .list.review > li .inuquiry-area .state .blue {color:#297bcf;}
.board-list-wrap .list.review > li .inuquiry-area .text {line-height:25px; font-size:15px; color:#000000; word-break:break-all; white-space:pre-line;}
.board-list-wrap .list.review > li .user-secret .text {display:inline; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_lock_gray.png) right center no-repeat; padding-right:20px;}
.board-list-wrap .list.review .prd-info .prd-img-resizing p {padding-top:0; box-sizing:border-box; position:relative;}
.board-list-wrap .list.review .prd-info .prd-img-resizing p a {display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
.board-list-wrap .list.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;}
.board-list-wrap .list.review .prd-info .info .price {margin-top:5px; font-family:'mg'; font-weight:bold; font-size:14px; color:#000;}
.board-list-wrap .list.review .prd-info .info .price em {font-weight:400;}
.board-list-wrap .list.review .prd-info .info .option {color:#b2b2b2; font-size:12px; line-height:20px;}

.myProduct .board-list-wrap .list.review .review-text.inquiry-answer {background:#fbfbfb; padding:25px 200px 25px 105px; position:relative; border-top:1px solid #f0f0f0;}
.myProduct .board-list-wrap .list.review > li .inquiry-answer:before {width:10px; height:10px; position:absolute; top:30px; left:80px; content:''; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_qa_a.png) 0 0 no-repeat; background-size:10px 10px;}
.myProduct .board-list-wrap .list.review > li .inquiry-answer .info {position:absolute; top:28px; right:20px;}
.myProduct .board-list-wrap .list.review > li .inquiry-answer .info .name {float:left; font-size:14px; color:#888888;}
.myProduct .board-list-wrap .list.review > li .inquiry-answer .info .date {float:left; font-size:14px; color:#888888; margin-left:35px; position:relative;}
.myProduct .board-list-wrap .list.review > li .inquiry-answer .info .date:before {display:block; content:''; width:2px; height:14px; background:#efefef; position:absolute; top:2; left:-18px;}
.myProduct .board-list-wrap .list.review > li .inquiry-answer .text {line-height:30px; font-size:15px; color:#000; white-space:pre-line;}
.myProduct .board-list-wrap .list.review .prd-info {padding:20px 18px; border-bottom:1px solid #f0f0f0; position:relative;}
.myProduct .board-list-wrap .list.review .prd-info .prd-img-resizing p .tmb {overflow:hidden; float:left; width:60px; height:60px;}
.myProduct .board-list-wrap .list.review .prd-info .info {width:860px; padding-left:75px; height:60px;}
.myProduct .board-list-wrap .list.review .prd-info .info .name {width:100%; padding-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  font-size:14px;}
.myProduct .board-list-wrap .list.review .prd-info .btns {display:inline-block; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.myProduct .board-list-wrap .list.review .prd-info .btns a {margin-left:5px; display:inline-block; width:50px; height:30px; line-height:28px; font-size:12px; text-align:center; color:#000; border:1px solid #d4d4d4;}
.myProduct .board-list-wrap .list.review .review-text {padding:20px;}
.myProduct .board-list-wrap .list.review {border-top:1px solid #d4d4d4;}
.myProduct .board-list-wrap .list.review > li {text-align:left; border-bottom:1px solid #d4d4d4; padding:0;}
.myProduct .board-list-wrap .list.review > li .txt-detail {text-align:center; max-height:864px; position:relative; overflow:hidden;}
.myProduct .board-list-wrap .list.review > li .txt-detail.non p {padding:200px 0;}
.board-list-wrap .list.review > li .mylist {position:relative;}
.board-list-wrap .list.review > li .mylist .info {position:absolute; top:3px; right:0; overflow:hidden;}
.board-list-wrap .list.review > li .mylist .info .date {float:left; margin-right:20px; position:relative;font-size:14px; color:#888888;}
.board-list-wrap .list.review > li .mylist .info .date:before {display:block; content:''; width:2px; height:14px; background:#efefef; position:absolute; top:2px; right:-10px; left:auto;}
.board-list-wrap .list.review > li .mylist .info .btn-modify {font-size:12px; color:#000; display:inline-block; text-decoration:underline; margin-left:5px; position:relative;}
.board-list-wrap .list.review > li .mylist .info .btn-del {font-size:12px; color:#000; display:inline-block; text-decoration:underline; margin-left:5px; position:relative;}

.type-tab ul {overflow:hidden;}
.type-tab ul li {float:left; width:33.33%;}
.type-tab ul li a {display:block; border:1px solid #fff; background:#f0f0f0; text-align:center; line-height:46px; font-size:14px; color:#000;}
.type-tab ul li.on a {border:1px solid #000; background:#fff; font-weight:bold;}

.estimate-wrap {display:inline-block; text-align:center;}
.estimate-wrap .estimate-point {display:inline-block; float:left; margin-right:30px;}
.estimate-wrap .estimate-point .stars {display:inline-block; float:left;}
.estimate-wrap .estimate-point .stars .starL {display:inline-block; width:12px; height:40px; float:left; margin-left:5px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_off.png) 0 center no-repeat; background-size:24px 24px;}
.estimate-wrap .estimate-point .stars .starR {display:inline-block; width:12px; height:40px; float:left; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_off.png) right center no-repeat; background-size:24px 24px;}
.estimate-wrap .estimate-point .stars .starL.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_on.png) 0 center no-repeat; background-size:24px 24px}
.estimate-wrap .estimate-point .stars .starR.on {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/review_big_star_on.png) right center no-repeat; background-size:24px 24px}
.estimate-wrap .estimate-point .point {display:inline-block; float:left; font-family:'mg'; margin-left:10px; font-weight:bold; font-size:24px; color:#000; font-size:32px;}
.estimate-wrap .txt {display:inline-block; float:left; font-size:18px; line-height:40px; color:#000;}

.btn-h30-black {display:inline-block; width:65px; line-height:28px; border:1px solid #000; background:#000; font-size:12px; color:#fff; text-align:center;}
.btn-h66-black {display:inline-block; width:195px; line-height:64px; border:1px solid #000; background:#000; font-size:16px; color:#fff; text-align:center;}

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

.mypage-cont {text-align:center; margin-top:50px;}
.mypage-cont .info-dd-box {display:table; width:100%; height:182px; border:1px solid #f0f0f0; overflow:hidden;}
.mypage-cont .info-dd-box .inner {padding:0 30px;}
.mypage-cont .info-dd-box .s-txt {margin-top:20px; overflow:hidden;}
.mypage-cont .info-dd-box .s-txt:first-child {margin-top:0;}
.mypage-cont .info-dd-box .info-lf-cont {display:table-cell; height:100%; width:50%; border-right:1px solid #f0f0f0; vertical-align:middle;} 
.mypage-cont .info-dd-box .info-lf-cont .s-txt {overflow:hidden;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt .name {float:left; font-size:22px; line-height:30px;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt .users-btn {float:right;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt .users-btn .users-myinfo-edit-btn a {width:65px; display:inline-block; line-height:28px; font-size:12px; color:#888888; float:left; border:1px solid #888888;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt .users-btn .users-myinfo-edit-btn .my-info {margin-right:15px; border:1px solid #000; color:#000;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt .tit {float:left; font-size:13px; color:#000;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt .cont {float:right; font-size:13px; color:#888888;}
.mypage-cont .info-dd-box .info-rt-cont {display:table-cell; height:100%; width:50%; background:#fcfcfc; vertical-align:middle;}
.mypage-cont .info-dd-box .info-rt-cont .saved-money {margin:0 40px; padding-bottom:20px; border-bottom:2px solid #000;}
.mypage-cont .info-dd-box .info-rt-cont .saved-money a {display:block; overflow:hidden; padding-right:15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/arr_h10_gray.png) right center no-repeat; background-size:5px 9px;}
.mypage-cont .info-dd-box .info-rt-cont .saved-money a .tit {float:left; font-weight:bold; font-size:18px; color:#000; line-height:22px;}
.mypage-cont .info-dd-box .info-rt-cont .saved-money a .tit em {display:inline-block; line-height:18px; width:18px; text-align:center; border:1px solid #000; border-radius:50%; font-size:14px; color:#000;}
.mypage-cont .info-dd-box .info-rt-cont .saved-money a .price {float:right; line-height:22px; font-weight:bold; font-size:18px; color:#ff5a3f;}
.mypage-cont .info-dd-box .info-rt-cont .tit {float:left; font-weight:bold; font-size:15px; color:#000;}
.mypage-cont .info-dd-box .info-rt-cont .cont {float:right;}
.mypage-cont .info-dd-box .info-rt-cont .cont a {padding-right:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/arr_h10_gray.png) right center no-repeat;  background-size:5px 9px; font-size:15px; color:#000;}

.order-status {margin:45px 0;}
.order-status ul {display:inline-block; width:100%; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.order-status ul li {float:left; width:16.6%; position:relative;}
.order-status ul li a {display:block; padding:38px 0; text-align:center;}
.order-status ul li a .img {display:inline-block; height:35px; font-weight:bold; font-size:22px; color:#000;}
.order-status ul li a .title {display:block; margin-top:12px; font-size:13px; color:#000;}
.order-status ul li:after {display:block; content:''; width:1px; height:60px; background:#e4e4e4; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.order-status ul li:first-child:after {display:none;}
.order-status ul li.on {border:1px solid #000;}
.order-status ul li.on:before {display:block; content:''; width:12px; height:7px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_h7_down_black.png) 0 0 no-repeat; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%);}

.order-list .list-wrap thead th {border-top:1px solid #d4d4d4; border-bottom:1px solid #f0f0f0; line-height:55px; font-weight:bold; font-size:13px; color:#000;}
.order-list .list-wrap tbody td {padding:20px; overflow:hidden; font-size:14px; color:#000; text-align:center; border-bottom:1px solid #f0f0f0;}
.order-list .list-wrap tbody td .order-num {font-size:14px; color:#000000;}
.order-list .list-wrap tbody td .order-num a {display:block; margin-bottom:5px; text-decoration:underline;}
.order-list .list-wrap tbody td .order-date {font-size:14px; color:#999999;}
.order-list .list-wrap tbody td .prd-img-resizing {width:120px; height:120px; display:table-cell;}
.order-list .list-wrap tbody td .prd-img-resizing img {width:100%; height:100%;}
.order-list .list-wrap tbody td .prd-name {display:table-cell; padding:0 30px; vertical-align:middle; text-align:left;}
.order-list .list-wrap tbody td .prd-name .name {font-size:13px; color:#000;}
.order-list .list-wrap tbody td .prd-name .option {margin-top:10px; font-size:13px; color:#666666;}
.order-list .list-wrap tbody td .btn-ord-info {display:inline-block; width:65px; height:30px; border:1px solid #d4d4d4; line-height:28px; text-align:center; font-size:12px; color:#000;}
.order-list .list-wrap tbody td .btn-h30-black {margin-top:7px;}
.order-list .no-list {padding:100px 0 145px; text-align:center; font-weight:400; font-size:22px; color:#000;}

.notice-wrap .list {border-bottom:1px solid #f0f0f0;}
.notice-wrap .list li {border-top:1px solid #f0f0f0;}
.notice-wrap .list li .tit-area {height:80px;}
.notice-wrap .list li .tit-area table td {line-height:80px; text-align:center; font-family:'mg'; font-size:15px;}
.notice-wrap .list li .tit-area table td .number {color:#333333;}
.notice-wrap .list li .tit-area table td .tit {display:block; padding-left:20px; text-align:left; color:#333333;}
.notice-wrap .list li .tit-area table td .date {font-size:14px; color:#888888; color:#888888;} 
.notice-wrap .list li.top .tit-area table td .tit {font-weight:bold;}
.notice-wrap .list li.top .tit-area table td .number {font-weight:bold;} 
.notice-wrap .list li .cnt {border-top:1px solid #f0f0f0; background:#fbfbfb; padding:25px 45px; font-size:15px; line-height:30px; color:#666666; text-align:left;}

/* 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.10.15 마이페이지 */
.mypage-order-list .order-list .list-wrap .state {color:#8E8E8E;}
.mypage-order-list .order-list .list-wrap .state .fc-blue {color:#006cdb;}
.mypage-order-list .order-list .list-wrap .state .fc-red {color:#ca0405;}
.mypage-order-list .order-list .list-wrap td .order-info {margin-top:5px;}
.mypage-order-list .order-list .list-wrap td .btn-ord-info {margin-top:10px;}
.mypage-order-list .order-list .list-wrap td .btn-ord-info:first-child {margin-top:0px;}
.mypage-order-list .order-list .list-wrap .state .delivery-company {font-weight:bold; color:#000; font-size:14px; margin-top:10px;}
.mypage-order-list .order-list .list-wrap .state .delivery-number {display:inline-block; margin-top:5px; text-decoration :underline; font-size:14px; color:#000;}
.mypage-order-list .order-list .list-wrap .state .btn-delivery {margin-top:10px; width:57px;}
.btn-h23-gray {display:inline-block; line-height:23px; text-align:center; background:#999; font-size:11px; color:#fff;}

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

/* 20.12.28  상품상세 적립금 코멘트 */
#reviewTab .txt-detail .comment-area {text-align:center; margin-top:12px;}
#reviewTab .txt-detail .comment {display:inline-block; width:470px; height:94px; box-sizing:border-box; border:1px solid #297bcf; border-radius:10px;}
#reviewTab .txt-detail .comment.normal p {background:url(/assets/shop/img/common/ico_review_comment_nomal.png) left center no-repeat; background-size:28px 28px;}
#reviewTab .txt-detail .comment.photo p {background:url(/assets/shop/img/common/ico_review_comment_photo.png) left center no-repeat; background-size:28px 23px;}
#reviewTab .txt-detail .comment p {display:inline-block; padding-left:50px; position:relative; line-height:94px; font-size:20px; color:#000;}
#reviewTab .txt-detail .comment span {color:#297bcf;}

/* 21.03.04 Q&A */
.qna-board-search {padding:30px 0 50px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fbfbfb; text-align:center;}
.qna-board-search .search-box {display:inline-block; width:480px; position:relative; background:none; border-bottom:2px solid #000;}
.qna-board-search .search-box input[type=text] {padding:0 10px; height:58px; line-height:58px; background:none; font-size:14px; color:#000; border:none;}
.qna-board-search .search-box input[type=text]::-webkit-input-placeholder {color:#999 !important;}
.qna-board-search .search-box input[type=text]::-moz-placeholder {color:#999 !important;}
.qna-board-search .search-box input[type=text]:-ms-input-placeholder {color:#999 !important;}
.qna-board-search .search-box input[type=text]:-moz-placeholder {color:#999 !important;}
.qna-board-search .search-box .btn-search {display:inline-block; position:absolute; top:10px; right:0; width:40px; height:40px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_qa_h18.png) center center no-repeat; text-indent:-9999px;}
.qna-board-search input[type=text]::-ms-clear {display:none;} /* 21.03.16 추가 */
.qna-board-search .search-box {position:relative;} /* 21.03.16 추가 */
.qna-board-search .search-box .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:10.9%; margin-top:-7px; top:50%; text-indent:-9999px;} /* 21.03.16 추가 */
.btn-qaWrite-fix {display:inline-block; border-radius:50%; position:fixed; box-shadow:0 3px 7.6px 0.4px rgb(0 0 0 / 15%); right:100px; bottom:115px; z-index:999; border:0; outline:0;} /* 21.03.12 수정 */
.qna-board-list .no-result {display:table; width:100%;}
.qna-board-list .no-result .result {display:table-cell; width:100%; height:500px; text-align:center; vertical-align:middle;}
.qna-board-list .no-result .result .text {margin-top:25px; font-size:22px; color:#000;}
.qna-board-list .no-result a {margin-top:35px;}
.btn-h65-border {display:inline-block; line-height:65px; box-sizing:border-box; border:1px solid #000; text-align:center; font-size:16px; color:#000;}
.board-list-wrap .qna-board-list {border-top:1px solid #d4d4d4;}
.board-list-wrap .qna-board-list .list {border-top:none;}

/* 21.04.07 이상아 추가 */
.btnSohoSch {float:left; border-radius:100px; border:1px solid #e0e0e0; font-size:13px; width:157px; height:58px; line-height:16px; background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/bg_ico_h30.png') no-repeat 20px center;}
.btnSohoSch span {display:block; padding:13px 0 0 58px; letter-spacing:-.50px;}
.searchResultBox {padding-top:44px;}
.searchResultBox h3 {text-align:center; font-size:38px; color:#000; font-weight:normal; padding-bottom:30px;}
.searchResultBox .schInput {margin:0 auto; position:relative; width:428px; border-bottom:2px solid #000; padding:0 42px 0 10px;}
.searchResultBox .schInput input {padding:0; width:100%; height:60px; line-height:60px; font-size:14px; border:none;}
.searchResultBox .schInput input:focus {outline:none;}
.searchResultBox .schInput input::input-placeholder {color:#999; font-size:14px;}
.searchResultBox .schInput input::-webkit-input-placeholder {color:#999; font-size:14px;}
.searchResultBox .schInput input:-ms-input-placeholder {color:#999; font-size:14px;}
.searchResultBox .schInput input::-ms-input-placeholder {color:#999; font-size:14px;}
.searchResultBox .schInput .btnSch {position:absolute; right:0; top:0; width:42px; height:60px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/bg_h_sch.png') no-repeat center center;}
.searchResultBox .sortingBox {position:relative; overflow:hidden; padding-top:60px; padding-bottom:20px; border-bottom:1px solid #d4d4d4;}
.searchResultBox .sortingBox .totalTxt {float:left; font-size:18px; font-weight:bold;}
.searchResultBox .sortingBox .sorting {float:right; padding-top:4px;}
.searchResultBox .sortingBox .sorting ul {overflow:hidden; margin-right:-16px;}
.searchResultBox .sortingBox .sorting ul li {float:left; position:relative; padding:0 16px;}
.searchResultBox .sortingBox .sorting ul li a {color:#666; font-size:14px;}
.searchResultBox .sortingBox .sorting ul li:before {content:''; position:absolute; left:0; top:3px; width:1px; height:14px; background:#d3d3d3;}
.searchResultBox .sortingBox .sorting ul .on a {color:#000; font-weight:bold;}
.searchResultBox .sortingBox .sorting ul li:first-child:before {display:none;}
.schResult {padding-top:30px;}
.schResult ul {overflow:hidden;}
.schResult ul li {float:left; width:255px; margin-right:20px; margin-bottom:45px;}
.schResult ul li .prd-img > p {position:relative; padding-top:100%;}
.schResult ul li .prd-img > p > a {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.schResult ul li .prd-img > p > 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); -webkit-transform:translate3d(-50%, -50%, 0);}
.schResult ul li .txt {margin-top:10px; font-size:16px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.schResult ul li .desc {font-size:13px; color:#999; text-overflow:ellipsis; white-space:nowrap; height:22px; line-height:22px; overflow:hidden;}
.schResult ul li .price-info {margin-top:5px; font-size:18px; font-weight:bold; min-height:25px;} /* 21.05.06 이상아 수정 */
.schResult ul li .sale-rate {color:#c70000; margin-right:10px;}
.schResult ul li .price {color:#000;}
.schResult ul li:nth-child(4n) {margin-right:0;}
.schResult ul li .gray-through {line-height:27px; margin-right:10px; font-weight:400; font-size:14px; color:#999; text-decoration:line-through; float:left;}
.schResult ul li .ico-circle-rate {position:absolute; top:20px; left:20px; width:50px; height:50px; line-height:50px; border-radius:50px; background:#c70000; font-size:16px; font-weight:bold; font-style:italic; color:#fff; text-align:center;}
.schResult ul .noData {text-align:center; float:none; width:auto; margin:0; font-size:22px; line-height:32px; padding-top:250px; padding-bottom:120px; background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/bg_noData.png') no-repeat center 170px;}
.searchResultBox .prd-more-btn {width:1080px; margin:0 auto; padding:0 0 75px; text-align:center;}
.searchResultBox .prd-more-btn a {display:inline-block; padding-right:20px; background:url('../img/btn/btn_more1.png') right center no-repeat; font-size:16px; color:#000;}
.schResult ul li {position:relative;}
.schResult ul .prd-img {position:relative;}
.schResult ul .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);}
.schResult ul .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;}
.schResult .btnCart {position:absolute; right:10px; top:205px; z-index:8;}
.schResult .btnCart .btn-cart-type2 {display:block; width:40px; height:40px; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/ico_cart3.png') no-repeat 0 0; background-size:100%;}
.schResult .sale-state-label {display:inline-block; width:54px; line-height:21px; background:#999; text-align:center; font-size:12px; color:#fff; margin:0; position:absolute; right:10px; top:10px; z-index:8;} /* 21.12.09 이상아 수정 */
/* 21.05.14 검색결과 내 소호마켓 버튼 추가 */
.btnTxtSohoSch {padding-left:17px;}
.btnTxtSohoSch a {position:relative; color:#08b595; font-size:14px; font-weight:bold; padding-bottom:1px;}
.btnTxtSohoSch a:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#c1ece4; border-bottom:1px solid #83daca;}

/* 21.05.17 더보기 버튼 스타일 변경 이상아 추가 */
.wrap .prd-more-btn {text-align:center;}
#app .wrap .prd-more-btn {text-align:center; padding-bottom:75px;}
.wrap .prd-more-btn a {display:inline-block !important; position:relative; width:198px; height:58px; line-height:58px; border-radius:100px; font-size:15px !important; color:#333 !important; font-weight:bold; border:1px solid #333; background:none !important; padding:0 !important;}
.wrap .prd-more-btn a:after {content:''; display:inline-block; width:15px; height:15px; vertical-align:middle; position:relative; top:-2px; margin-left:5px; background:url('/assets/shop/pc/img/btn/bg_btn_ico_more.png') no-repeat 0 0;}

/* 21.05.26 지역배송비 관련 css 신규 추가 이상아 */
.totalPriceBox {width:379px; border-top:1px solid #000; border-bottom:1px solid #000; text-align:left; margin-top:10px; margin-left:131px;}
.totalPriceBox ul li {line-height:42px; position:relative; padding-right:20px; padding-left:20px;}
.totalPriceBox ul li + li {border-top:1px solid #e2e2e2; overflow:hidden; color:#000;}
.totalPriceBox ul li strong {float:left; font-size:14px;}
.totalPriceBox ul li span {display:block; text-align:right; font-weight:bold; font-size:14px;}
.totalPriceBox ul li ul {padding-bottom:14px;}
.totalPriceBox ul li ul li {padding:0; line-height:normal; font-size:12px; color:#999;}
.totalPriceBox ul li ul li + li {border-top:none; padding-top:3px;}
.totalPriceBox ul li ul li strong {font-size:12px; font-weight:normal;}
.totalPriceBox ul li ul li span {font-size:12px; font-weight:normal;}
.totalPriceBox ul .total {color:#ca0003; background:#fcfcf2;}
.totalPriceBox ul .total span {font-size:16px;}
.totalPriceBox ul .rePay {line-height:30px; padding-top:7px;}
.totalPriceBox ul .rePay + .rePay {border-top:none; padding-top:0; padding-bottom:8px;}
.totalPriceBox ul .rePay strong {font-size:14px; color:#999; font-weight:normal;}
.totalPriceBox ul .rePay span {font-size:14px; color:#999; font-weight:normal;}
#ord-list-detail {top:50% !important;margin-top:-380px;}

/* 21.06.28 이상아 추가 */
.deli-condition-em {width:61%; display:block; word-break:keep-all; font-size:13px !important;}

/* 21.09.24 로맨틱브라운 회원데이터 이전 이상아 추가 */
.users-layer-pop.newLayer1 {width:100%; margin-left:0; left:0; top:0; height:100%; text-align:center; background:none; display:block !important; overflow-y:auto;}
.lBlank {display:inline-block; width:0; height:100%; vertical-align:middle;}
.layerNewWrap {padding:26px 30px 40px; letter-spacing:-.60px; position:relative; z-index:10; width:480px; vertical-align:middle; display:inline-block; background:#fff;}
.layerNewWrap h3 {font-size:32px; font-weight:bold; padding-bottom:50px; text-align:center;}
.layerNewWrap .boxDesc {font-size:14px; color:#333; line-height:22px; padding-bottom:26px; text-align:left;}
.layerNewWrap .changeTxt {border:1px solid #e4e4e4; overflow:hidden; padding-top:21px; padding-bottom:21px; letter-spacing:-.90px; text-align:center;}
.layerNewWrap .changeTxt dl {display:inline-block; vertical-align:top; font-size:16px; color:#333; padding-right:52px; background:url('/assets/shop/pc/img/common/bg_bul_arr1.gif') no-repeat right 31px;}
.layerNewWrap .changeTxt dl dt {font-weight:bold; line-height:24px;}
.layerNewWrap .changeTxt dl dd {line-height:24px; padding-top:8px;}
.layerNewWrap .changeTxt dl + dl {padding-right:0; padding-left:28px; background:none;}
.layerNewWrap h4 {font-size:14px; color:#333; font-weight:normal; padding-top:28px; padding-bottom:10px; text-align:left;}
.layerNewWrap h5 {font-size:14px; color:#333; font-weight:normal; padding-bottom:10px; text-align:left;}
.layerNewWrap .txtInput {font-size:14px; color:#2b7dd3; padding-top:7px; text-align:left;}
.layerNewWrap .txtInputDesc {font-size:12px; color:#000; padding-top:7px; text-align:left;}
.layerNewWrap input {height:48px; line-height:48px;}
.layerNewWrap input::input-placeholder {font-size:14px; color:#989898;}
.layerNewWrap input::-webkit-input-placeholder {font-size:14px; color:#989898;}
.layerNewWrap input:-ms-input-placeholder {font-size:14px; color:#989898;}
.layerNewWrap input::-ms-input-placeholder {font-size:14px; color:#989898;}
.layerNewWrap input:disabled {background:#f0f0f0; color:#afafaf;}
.layerNewWrap label {display:block; text-align:left;}
.btnCenter {padding-top:30px; text-align:center;}
.btnCenter a + a {margin-left:7px;}
.btnNty1 {display:inline-block; color:#fff; font-size:16px; width:195px; height:66px; line-height:66px; background:#000; text-align:center;}
.btnNty2 {display:inline-block; color:#000; font-size:16px; width:193px; height:64px; line-height:64px; background:#fff; border:1px solid #d5d5d5; text-align:center;}
.stepDiv1 {padding-bottom:25px;}
.stepDiv1 ul {overflow:hidden;}
.stepDiv1 ul li {float:left; position:relative; width:50%; height:46px; line-height:46px; text-align:center; background:#f0f0f0; font-size:14px; color:#000;}
.stepDiv1 ul .now {background:#000; color:#fff; font-weight:bold;}
.stepDiv1 ul .now:after {content:''; position:absolute; right:-22px; top:0; width:22px; height:46px; z-index:2; background:url('/assets/shop/pc/img/common/bg_step_ar1.png') no-repeat 0 0;}
.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;}
.layerNewWrap .boldTit {font-size:18px; color:#000; font-weight:bold; padding-top:7px; padding-bottom:16px;}
.txtInputDesc + .boldTit {padding-top:35px;}
.termsScroll {border:1px solid #e4e4e4; height:130px; overflow-x:hidden; overflow-y:scroll; padding:10px; margin-bottom:20px;}

/* 21.10.05 이상아 추가 */
.order-request-area .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:8px; margin-left:30px; padding-left:20px; background:url('/assets/shop/pc/img/common/bg_ico_dis.png') no-repeat 0 center;}

/* 22.01.10 이상아 추가 */
.totalPriceBox ul .refund ul {padding-bottom:0;}
.totalPriceBox ul .refund ul:last-child li:last-child {padding-bottom:14px;}
.hScroll1 {height:683px; overflow-x:hidden; overflow-y:auto;}
.fc-black {color:#000 !important;}

/* 22.01.11 heojun 추가 */
.noWaitClaim {padding-top:10px; padding-bottom:10px;}
.noWaitClaim strong {line-height:24px; }
.noWaitClaim span {line-height:24px; }

/* 22.01.06 이상아 추가 */
.noticDetailView {border-top:1px solid #000; padding-bottom:130px;}
.noticDetailView dl {border-bottom:1px solid #e6e5e5; padding:32px 17px;}
.noticDetailView dl dt {font-size:18px; font-weight:bold;}
.noticDetailView dl dd {font-size:15px; font-weight:bold; color:#999; padding-top:17px;}
.noticDetailView dl dd span + span {padding-left:11px;}
.noticDetailView .view {font-size:15px; color:#333; line-height:27px; padding:28px 17px; border-bottom:1px solid #e6e5e5;}
.btnBkTy1 {color:#fff; display:inline-block; font-size:15px; background:#000; width:100px; height:40px; line-height:40px; text-align:center;}
.btnBdRight {text-align:right; padding:30px 0 0;}
.boardNext {padding-top:30px;}
.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:126px; font-weight:normal; font-size:15px;}
.boardNext ul li dl dt a {display:block; height:55px; line-height:55px; color:#888; font-size:15px; padding-left:54px;}
.boardNext ul li dl dd {margin-left:126px; font-size:15px; font-weight:normal; color:#333; padding:0;}
.boardNext ul li dl dd a {display:block; height:55px; line-height:55px; color:#333; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.boardNext .btnPrev {background:url('/assets/shop/pc/img/common/bg_bd_prev.png') no-repeat 20px center;}
.boardNext .btnNext {background:url('/assets/shop/pc/img/common/bg_bd_next.png') no-repeat 20px center;}
.paging-wrap .pagination .btn-first {display:inline-block; width:30px; height:30px; border:1px solid #d4d4d4; box-sizing:border-box; text-indent:-9999px; 
background:url('/assets/shop/pc/img/common/bg_paging_first.png') center center no-repeat; float:left; margin-right:10px;}
.paging-wrap .pagination .btn-last {display:inline-block; width:30px; height:30px; border:1px solid #d4d4d4; box-sizing:border-box; text-indent:-9999px; 
background:url('/assets/shop/pc/img/common/bg_paging_last.png') center center no-repeat; float:left; margin-left:10px;}
.fs-30 {font-size:30px !important;}

/* 22.03.15 이상아 추가 */
.board-list-wrap .list.review > li .summary .content-text {padding-right:40px;}
.board-list-wrap .list.review > li .summary .content-text.lock {color:#999; padding-right:20px; display:inline-block; background:url('/assets/shop/pc/img/common/ico_lock_gray.png') no-repeat right center;}
.txtAdmLock {color:#679acf; font-size:13px; padding-top:8px;}
.board-list-wrap .list.review > li .summary .review-photo + .txtAdmLock {padding-top:15px;}
.board-list-wrap .list.review > li .postContents .review-date {position:relative;}
.board-list-wrap .list.review > li .postContents .review-date .js-reviewSaveBtns {position:absolute; right:0; bottom:-22px;}
.board-list-wrap .list.review > li .postContents .review-date .js-reviewSaveBtns .btn-del {font-size:12px; color:#888; text-decoration:underline;}
.board-list-wrap .list.review > li .postContents {overflow:initial; display:table; width:100%;}
.board-list-wrap .list li .cont.js-passwordArea {margin:43px -20px -30px;}
.board-list-wrap .list li .cont .password-box a {height:42px;}
#inquiryTab .board-list-wrap .list li .cont.js-passwordArea {margin:0;}
#inquiryTab .txtAdmLock {text-align:left; padding:13px 20px 0; font-weight:normal;}
.board-list-wrap .list li .tit a .lock {color:#999; padding-right:20px; background:url('/assets/shop/pc/img/common/ico_lock_gray.png') no-repeat right center;}
.myProduct .board-list-wrap .list.review .txtAdmLock {text-align:left; padding:13px 22px 0; font-weight:normal;}
.myProduct .board-list-wrap .list.review .cont.js-passwordArea {margin:0;}
.myProduct .board-list-wrap .list.review.review-my-list-contents .txtAdmLock {padding-left:0; padding-right:0;}
.layer-pop .prdReview-write .photo-box .txt-box .gray-txt2 {padding-bottom:20px;}
.board-list-wrap .list.review > li .inuquiry-area .text.lock {color:#999; padding-right:20px; display:inline-block; background:url('/assets/shop/pc/img/common/ico_lock_gray.png') no-repeat right center;}
.board-list-wrap .list.review > li .inuquiry-area .txtAdmLock {padding-left:2px; padding-right:0;}
.board-list-wrap .list.review > li .mylist .info .btn-del {top:-2px;}
.board-list-wrap .list.review > li .mylist .info .btn-modify {top:-2px;}
.board-list-wrap .list li .tit a .user-secret {background-position:99% center;}

/* 22.03.18 이상아 추가 */
.introHead {border-bottom:1px solid #ccc; width:100%; height:89px; text-align:center; position:fixed; left:0; top:0; background:#fff; z-index:20;}
.introHead h1 {line-height:89px; font-size:30px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:640px; margin:0 auto;}
/* 22.04.19 이상아 overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:640px; margin:0 auto; 추가 */
.introHead h1 img {position:relative; top:-4px; max-height:40px;} /* 22.04.05 max-height 이상아 추가 */
.introContent {padding-top:90px; padding-bottom:40px; background:url('/assets/shop/pc/img/common/bg_intro_img1.png') no-repeat center 170px;}
.introContent dl {text-align:center; padding-top:275px; padding-bottom:38px;}
.introContent dl dt {font-size:24px; color:#333; font-weight:bold;}
.introContent dl dd {font-size:18px; color:#333; padding-top:14px;}
.inputUnser {padding:0; position:relative;}
.inputUnser input {padding:0 11px;}
.inputUnser input + input {margin-top:10px;}
.inputUnser .csInfo {text-align:right; font-size:14px; color:#333; padding-top:34px;}
.inputUnser .csInfo p {display:inline-block; text-align:left;}
.inputUnser .csInfo p span {display:block; padding-left:25px; line-height:22px; background:url('/assets/shop/pc/img/common/bg_intro_ico1.png') no-repeat 0 4px;}
.inputUnser .csInfo p span + span {margin-top:12px; background:url('/assets/shop/pc/img/common/bg_intro_ico2.png') no-repeat 0 7px;}

#tpl-category #introWrap #container {padding-top:90px; padding-left:0;} /* 22.04.27 이상아 2차 추가 */
.txtNormal {font-weight:normal !important;} /* 22.04.27 이상아 2차 추가 */
.board-list-wrap .list.review > li .summary .content-text.lock {cursor:pointer;}/* 22.05.02 이상아 추가 */

/* 22.08.11 이상아 추가 */
.board-list-wrap .list.review > li.open .summary .content-text {white-space:pre-line;}
.myProduct .board-list-wrap .list.review > li .summary .content-text.open {white-space:pre-line;}

/* 22.08.12 이상아 추가 */
.myProduct {position:relative;}
.btnBwrite {position:absolute; right:0; top:-15px; color:#fff; background:#000; font-size:14px; width:100px; height:40px; line-height:40px; text-align:center;}

/* 22.09.05 이현진 추가 */
/* 상품상세 */
.wrap_product .product_right .prd-desc.type02 {position:relative;}
.couponDownBtn {position:absolute; top:50%; right:65px; transform:translateY(-50%); display:inline-block; text-align:center; width:93px; height:28px; line-height:28px; border:1px solid #000; font-size:14px; color:#000;
font-weight:700;} /* 22.09.23 이현진 height 추가 */ /* 22.09.26 이현진 height, line-height 수정 */
.couponDownBtn.cdbType02 {position:static; transform: translateY(0);}
.couponDownBtn span {padding-right:21px; background:url('/assets/shop/pc/img/common/ico_down_pc1.png') no-repeat right 3px;} /* 22.09.23 이현진 background 수정 */
.couponDownBtn.end {border-color:#ddd; background:#f5f5f5; color:#999; cursor:default;}
.couponDownBtn.end span {background-image:url('/assets/shop/pc/img/common/ico_down_pc2.png');}
.wrap_product .product_right .cPopBanner {display:block; font-size:16px; color:#fff; height:62px; line-height:62px; font-weight:700; background:#2277f2; text-align:center; margin-bottom:15px;} /* 22.09.23 이현진 height 추가 */
.wrap_product .product_right .cPopBanner span {padding-left:30px; background:url('/assets/shop/pc/img/common/ico_coupon_pc1.png') no-repeat left center;}
.wrap_product .product_right .cPopBanner.change {background:#fff; border:2px solid #2277f2; color:#2277f2; line-height:58px; height:58px;} /* 22.09.23 이현진 height 추가 */
.wrap_product .product_right .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:410px; border:2px solid #000; background:#fff; z-index:103; letter-spacing:-0.4px; padding:24px 28px 28px; display:none;}
.couponLayer .cLayerTit {display:flex; justify-content:space-between; align-items:center; padding-bottom:25px;}
.couponLayer .cLayerTit h3 {font-size:22px; color:#000; line-height:1; font-weight:600;}
.couponLayer .cLayerTit .cLayerClose {display:inline-block; width:22px; height:22px; text-indent:-9999px; background:url('/assets/shop/pc/img/common/cPopClose.png') no-repeat center;}
.couponLayer .cLayerCon .downList > li + li {margin-top:20px;}
.couponLayer .cLayerCon .downList > li a {position:relative; display:block; background:#2377f3; padding:20px 83px 20px 20px; border-radius:10px;}
.couponLayer .cLayerCon .downList > li span {font-size:15px; color:#fff; line-height:1; font-weight:700;}
.couponLayer .cLayerCon .downList > li h4 {font-size:26px; color:#fff; line-height:1; font-weight:700; margin:12px 0;}
.couponLayer .cLayerCon .downList > li li {font-size:14px; color:rgba(255,255,255,.6); font-weight:400; line-height:1;}
.couponLayer .cLayerCon .downList > li li + li {margin-top:9px;}
.couponLayer .cLayerCon .downList > li em {position:absolute; top:0; right:0; width:83px; height:100%; text-indent:-9999px; background:url('/assets/shop/pc/img/common/ico_cPop_down_pc1.png') no-repeat center;}
.couponLayer .cLayerCon .downList > li em:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2px; height:105px; background:rgba(255,255,255,.1);}
.couponLayer .cLayerCon .allDownBtn {display:block; font-size:16px; color:#fff; line-height:66px; margin-top:28px; background:#000; text-align:center;}
.couponLayer .cLayerCon .downList > li.off a {background:#f5f5f5; cursor:default;}
.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.off em {background-image:url('/assets/shop/pc/img/common/ico_cPop_down_pc2.png');}
.couponLayer .cLayerCon .downList > li.off em:before {background:#eaeaea;}
.couponLayer .cLayerCon .allDownBtn.allDown {background:#bbb; color:#fff; cursor:default;}
.couponLayer.type02 {width:496px;}
.couponLayer.type02 .cLayerTit {border-bottom:1px solid #e4e4e4;}
.couponLayer .cLayerCon .cLayerConTop {margin:18px 0 28px;}
.couponLayer .cLayerCon .cLayerConTop h4 {display:flex; justify-content:space-between; align-items:center; font-size:18px; color:#000; line-height:1; font-weight:700; margin-bottom:4px;}
.couponLayer .cLayerCon .cLayerConTop h4.mbTit {margin-bottom:15px;}
.couponLayer .cLayerCon .cLayerConTop h4 a {display:inline-block; width:159px; border:1px solid #2277f2; text-align:center; font-size:14px; color:#2277f2; height:34px; line-height:34px; font-weight:700; border-radius:25px;} /* 22.09.23 이현진 height 추가 */ /* 22.09.26 이현진 height, line-height 수정 */
.couponLayer .cLayerCon .cLayerConTop h4 a span {padding-right:14px; background:url('/assets/shop/pc/img/common/ico_arrow_pc.png') no-repeat right 4px;} /* 22.09.23 이현진 background 수정 */ /* 22.09.26 이현진 background 수정 */
.couponLayer .cLayerCon .cLayerConTop p {font-size:14px; color:#000; line-height:1; font-weight:400;}
.couponLayer .cLayerCon .cLayerConMid .cLayerSelect + .cLayerSelect {margin-top:28px;}
.couponLayer .cLayerCon .cLayerConMid .cLayerSelect strong {display:block; font-size:14px; color:#000; line-height:1; font-weight:700; margin-bottom:10px;}
.couponLayer .cLayerCon .cLayerConMid .cLayerSelect span {display:block; font-size:14px; color:#c70000; line-height:1; font-weight:400; margin-top:10px;}
.couponLayer .cLayerCon .cLayerConBtm {margin-top:27px;}
.couponLayer .cLayerCon .cLayerConBtm ul {display:flex; align-items:center; margin-bottom:28px; background:#fafafa; padding:19px 0 18px;}
.couponLayer .cLayerCon .cLayerConBtm ul li {position:relative; width:33.33%; text-align:center; font-size:18px; color:#000001; line-height:1; font-weight:700;}
.couponLayer .cLayerCon .cLayerConBtm ul li.totalP {color:#c70000;}
.couponLayer .cLayerCon .cLayerConBtm ul li em {display:block; font-size:14px; font-weight:400; margin-bottom:10px;}
.couponLayer .cLayerCon .cLayerConBtm ul li em a {display:inline-block; width:14px; height:14px; background:url('/assets/shop/pc/img/common/ico_order_help.png') no-repeat center; text-indent:-9999px; margin-left:5px;}
.couponLayer .cLayerCon .cLayerConBtm ul li .priceIco {position:absolute; top:50%; left:-5px; transform:translateY(-50%); width:10px; height:1px; background:#000001;}
.couponLayer .cLayerCon .cLayerConBtm ul li:last-child .priceIco {height:4px; background:none;} 
.couponLayer .cLayerCon .cLayerConBtm ul li:last-child .priceIco:before, .couponLayer .cLayerCon .cLayerConBtm ul li:last-child .priceIco:after {content:''; position:absolute; top:0; left:0; width:100%; height:1px; background:#000001;}
.couponLayer .cLayerCon .cLayerConBtm ul li:last-child .priceIco:after {top:auto; bottom:0;}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer {position:absolute; top:23px; left:97px; padding:15px 15px 13px; background:#2277f2; text-align:left; border-radius:5px; min-width:262px; 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:10px; height:10px; background:url('/assets/shop/pc/img/common/cPopClose2.png') no-repeat center; text-indent:-9999px;}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer em {display:block; font-size:12px; color:#fff; line-height:1; font-weight:700; margin-bottom:4px;}
.couponLayer .cLayerCon .cLayerConBtm ul li .helpLayer p {font-size:12px; color:#fff; line-height:18px; font-weight:400;} /* font-weight 추가 */
.couponLayer .cLayerCon .cLayerConBtm .applyBtn {display:block; width:195px; height:66px; text-align:center; background:#000; font-size:16px; color:#fff; line-height:66px; font-weight:400; margin:0 auto;}
.order-detail input.readonlyInput {color:#000; background-color:#f0f0f0; border:1px solid #d4d4d4;}
.order-detail input.readonlyInput::placeholder {color:#999;}
.order-detail input.readonlyInput:focus {outline:none;}

/* 장바구니 */
.basketCouponBtn {display:inline-block; width:95px; height:28px; font-size:14px; color:#fff; line-height:28px; font-weight:700; background:#2277f2; border:1px solid #2277f2; text-align:center;} /* 22.09.23 이현진 height 추가 */ /* 22.09.26 이현진 height, line-height 수정 */
.basketCouponBtn span {padding-right:23px; background:url('/assets/shop/pc/img/common/ico_coupon_pc1.png') no-repeat right 4px / 16px 12px;} /* 22.09.26 이현진 background 수정 */
.basketCouponBtn.change {background:#fff; color:#2277f2;}
.basketCouponBtn.change span {background-image:url('/assets/shop/pc/img/common/ico_coupon_pc2.png');}
.basket-list table td .cNoneTxt {display:block; padding-left:30px; font-size:13px; color:#5889b7; line-height:1; margin-top:10px;}
.basket-list table td .cNoneTxt img {margin-right:6px; vertical-align:top;}

/* 마이페이지 */
.mypage-cont .info-dd-box.pType .info-lf-cont {vertical-align:top; padding:37px 0;}
.mypage-cont .info-dd-box.pType .info-rt-cont {vertical-align:top; padding:44px 0;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt.type02 .tit {float:left; font-weight:bold; font-size:15px; color:#000;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt.type02 .cont {float:right;}
.mypage-cont .info-dd-box .info-lf-cont .s-txt.type02 .cont a {padding-right:10px; background:url('//image.makeshop.co.kr/mysoho/assets/shop/pc/img/common/arr_h10_gray.png') right center no-repeat;  background-size:5px 9px; font-size:15px; 
color:#000;}

/* 나의 쿠폰 */
.pageHd {text-align:center; margin:55px 0;}
.pageHd .tit {display:block; font-size:38px; color:#000; line-height:1;}
.couponIntro {background:#f9fafb; padding:30px 30px 24px; margin-bottom:55px;}
.couponIntro strong {display:block; font-size:18px; color:#000; line-height:1; font-weight:700; margin-bottom:15px;}
.couponIntro strong img {margin-right:10px; vertical-align:-2px;}
.couponIntro li {font-size:15px; color:#000; line-height:25px; font-weight:400;}
.couponTblWrap > strong {display:block; font-size:18px; color:#000; line-height:1; font-weight:700;}
.couponTblWrap .couponTbl {width:100%; text-align:center; margin-top:13px; border-top:1px solid #000;}
.couponTblWrap .couponTbl tr {position:relative; border-bottom:1px solid #f0f0f0;}
.couponTblWrap .couponTbl tr .endTxt { position:absolute; top:7px; left:0; width:100%; height:calc(100% - 14px); background:rgba(0,0,0,.65); border-radius:5px; font-size:13px; color:#fff;}
.couponTblWrap .couponTbl tr .endTxt span {position:absolute; top:50%; left:0; right:0; margin:0 auto; transform:translateY(-50%);}
.couponTblWrap .couponTbl th {font-size:13px; color:#000; line-height:1; font-weight:700; padding:21px 0 22px;}
.couponTblWrap .couponTbl td {font-size:15px; color:#000; line-height:1; font-weight:400; padding:20px 0;}
.couponTblWrap .couponTbl td .txtB {color:#2377f3;}
.couponTblWrap .couponTbl td .showBtn {display:block; width:95px; height:30px; background:#999; font-size:12px; color:#fff; line-height:30px; margin:15px auto 0;}
.couponLayer.type02.type03 {width:580px; padding:24px 0 28px;} /* 22.09.23 이현진 width 수정, padding 추가 */
.couponLayer .cLayerCon .usePListWrap {height:454px; overflow-y:auto; margin:28px 5px 0 0; padding:0 20px 0 28px;} /* 22.09.23 이현진 padding 추가, margin 수정 */
.couponLayer .cLayerCon .usePListWrap::-webkit-scrollbar {width:7px;} /* 22.09.23 이현진 width 수정 */
.couponLayer .cLayerCon .usePListWrap::-webkit-scrollbar-thumb {border-radius:100px; background-color:#ddd;}
.couponLayer .cLayerCon .usePList {font-size:0;}
.couponLayer .cLayerCon .usePList li {display:inline-block; vertical-align:top; width:160px; margin:20px 20px 0 0;}
.couponLayer .cLayerCon .usePList li:nth-child(-n+3) {margin-top:0;}
.couponLayer .cLayerCon .usePList li:nth-child(3n) {margin-right:0;}
.couponLayer .cLayerCon .usePList li a {display:block; width:100%; height:100%;}
.couponLayer .cLayerCon .usePList li .imgWrap {width:160px; height:160px;}
.couponLayer .cLayerCon .usePList li .imgWrap img {width:100%; height:100%; object-fit:cover;}
.couponLayer .cLayerCon .usePList li em {display:block; font-size:16px; color:#000; line-height:1; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:15px 0 7px;}
.couponLayer .cLayerCon .usePList li strong {display:block; font-size:18px; color:#000; line-height:1; font-weight:700;}
.couponLayer .cLayerCon .usePList li strong.discount {color:#c70000;}
.couponLayer .cLayerCon .usePList li strong span {color:#999; font-weight:400; text-decoration-line:line-through; margin-left:10px;}
.couponLayer .cLayerCon .listMoreBtn {display:block; width:123px; font-size:16px; color:#fff; line-height:45px; font-weight:400; background:#000; text-align:center; margin:35px auto 0;}

/* 22.09.23 이현진 추가 */
.couponLayer.type02.type03 h3 {padding-left:28px;}
.couponLayer.type02.type03 .cLayerTit .cLayerClose {margin-right:28px;}

/* 22.11.03 이현진 추가 */
.couponLayer .cLayerCon .downList {max-height:478px; overflow-y:auto; padding-right:3px;}
.couponLayer .cLayerCon .downList::-webkit-scrollbar {width:5px;} 
.couponLayer .cLayerCon .downList::-webkit-scrollbar-thumb {border-radius:100px; background-color:#ddd;}

/* 22.11.29 이현진 추가 */
/* 로그인 */
.userCon {width:460px; margin:60px auto 0;}
.userCon .userConBox  input {border-radius:5px; height:50px; padding:0 15px; color:#000;}
.userCon .userConBox  input::placeholder {color:#999; letter-spacing:-0.5px;}
.userCon .userConBox  input + input {margin-top:10px;}
.userCon .userConBox .userConTit {display:block; font-size:26px; color:#000; line-height:1; font-weight:700; margin-bottom:30px;}
.userCon .userConBox {border:1px solid #e6e6e6; border-radius:10px; text-align:center; padding:28px 30px 28px;}
.userCon .userConBox .userLoginBox .logLine {position:relative; display:block; font-size:14px; color:#999; line-height:1; font-weight:400; margin:20px 0;}
.userCon .userConBox .userLoginBox .logLine:before, .userCon .userConBox .logLine:after {content:''; position:absolute; top:7px; left:0; width:176px; height:1px; background:#e6e6e6;}
.userCon .userConBox .userLoginBox .logLine:after {left:auto; right:0;}
.userCon .userBtnWrap {display:flex; justify-content:space-between; align-items:center; margin-top:15px;}
.userCon .userBtnWrap button {font-size:14px; color:#888; line-height:1; font-weight:400; background:none;}
.userCon .userBtnWrap .btnBox {display:flex;}
.userCon .userBtnWrap .btnBox li {position:relative;}
.userCon .userBtnWrap .btnBox li + li {margin-left:15px;}
.userCon .userBtnWrap .btnBox li + li:before {content:''; position:absolute; top:0; left:-8px; width:1px; height:100%; background:#bdbdbd;}
.userCon .userBtnWrap .btnBox li a {display:block; font-size:14px; color:#888; line-height:1; font-weight:400;}
.btn50Black {display:block; width:100%; height:50px; background:#333; font-size:15px; color:#fff; line-height:50px; font-weight:700; border-radius:5px; text-align:center;}
.btn50Black.btn50BlackLine {background:#fff; border:1px solid #333; color:#000; font-weight:400; height:48px; line-height:48px;}

/* 아이디찾기, 비밀번호찾기 팝업 */
.users-layer-pop.type02 {top:50%; left:0; right:0; margin:-163px auto 0; width:460px;}
.users-layer-pop.type02 .users-cont {padding:20px 31px;}
.users-layer-pop.type02 .users-cont input.input-st02 {border-radius:5px; font-size:15px; padding:0 15px;}
.users-layer-pop.type02 .users-cont .btn-h42-gray {height:50px; line-height:50px; border-radius:5px; font-size:15px;}

/* 회원가입 */
#container.pbType {padding-bottom:227px;} /* 22.12.19 이현진 선택자 #tpl-basic 삭제 */
.userCon .userConBox .userConTit.type02 {font-size:22px;}
.userCon .userConBox  input[type="number"] {width:100%; box-sizing:border-box; border:1px solid #dedede;}
.userCon .userConBox  input[type="number"]::-webkit-outer-spin-button, .userCon .userConBox  input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.userCon .userConBox .overlapChk .chkTxt {display:block; font-size:13px; line-height:18px; text-align:left; margin:7px 0 0;} /* 22.12.19 이현진 margin 수정 */
.userCon .userConBox .overlapChk .chkTxt.red-chk-txt {color:#c70000;}
.userCon .userJoinBox .joinTit {display:block; text-align:left; font-size:15px; color:#000; line-height:1; margin-bottom:15px;}
.userCon .userAgree {text-align:left;}
.userCon .userAgree li {position:relative;}
.userCon .userAgree li + li {margin-top:14px;}
.userCon .userAgree li:nth-child(2) {margin-top:12px;}
.userCon .userAgree li.allCheck {border-bottom:1px solid #e6e6e6; padding-bottom:7px;}
.userCon .userAgree li label span {font-size:14px; line-height:22px; padding-left:25px; cursor:pointer;}
.userCon .userAgree li label input + span:before {top:5px; left:3px; width:16px; min-height:12px; background-size:16px auto;}
.userCon .userAgree li label input[type=checkbox] + span:before {background-image:url('/assets/shop/img/common/bul_checkbox_new.png');}
.userCon .userAgree li label input[type=checkbox]:checked + span:before {background-image:url('/assets/shop/img/common/bul_checkbox_on_new.png');}
.userCon .userAgree li.allCheck label span {padding-left:28px;}
.userCon .userAgree li.allCheck label input + span:before {top:0; left:0; width:22px; min-height:22px; background-size:22px auto;}
.userCon .userAgree li.allCheck label input[type=checkbox] + span:before {background-image:url('/assets/shop/img/common/bul_all_checkbox_new.png');}
.userCon .userAgree li.allCheck label input[type=checkbox]:checked + span:before {background-image:url('/assets/shop/img/common/bul_all_checkbox_on_new.png');}
.userCon .userAgree li .viewBtn {position:absolute; top:50%; right:0; transform:translateY(-50%); width:42px; height:22px; border:1px solid #000; font-size:12px; color:#000; line-height:22px; font-weight:700; text-align:center;}
.userCon .userJoinBox .btn50Black {margin-top:26px;}

/* 비회원 주문조회 */
.userCon .userConBox .userConTit.mbType {margin-bottom:9px;}
.userCon .userConSubTit {display:block; font-size:15px; color:#666; line-height:22px; }
.userCon .nonmemberCheck img {margin:27px 0 40px;}
.userCon .nonMemForm li {display:flex;}
.userCon .nonMemForm li + li {margin-top:10px;}
.userCon .nonMemForm li select {width:130px; height:50px; padding:0 22px 0 15px; border-radius:5px; color:#000; font-size:15px; font-weight:400; margin-right:10px;}

/* 정보관리 */
.userCon .infoManage {margin-top:20px;}

/* 내정보 */
.userCon.type02 {width:512px;}
.userCon .myInfoBox  input {padding:0 8px 0 10px;}
.userCon .myInfoBox {text-align:left;}
.userCon .myInfoBox > strong {display:block; font-size:15px; color:#000; line-height:1; margin-bottom:15px;}
.userCon .myInfoBox .myInfoList li {position:relative; font-size:15px; color:#000; line-height:1; font-weight:400; padding-left:132px;}
.userCon .myInfoBox .myInfoList li + li {margin-top:10px;}
.userCon .myInfoBox .myInfoList li > em {position:absolute; top:19px; left:0;}
.userCon .myInfoBox .myInfoList li.onlyTxt:first-child > em {top:0;}
.userCon .myInfoBox .myInfoList li.addSearch {padding-right:58px;}
.userCon .myInfoBox .myInfoList li.addSearch .searchBox {position:absolute; top:0; right:0; width:50px; height:50px; border:1px solid #000; border-radius:5px;
background:transparent url('/assets/shop/img/common/users_addr_search_new.png') center no-repeat;}
.userCon .myInfoBox .myInfoList.last li {line-height:22px; padding-left:0; margin-top:10px;}
.userCon .myInfoBox .myInfoList.last li label input[type=checkbox] + span {cursor:pointer;}
.userCon .myInfoBox .myInfoList.last li label input[type=checkbox] + span:before {top:1px; background-image:url('/assets/shop/img/common/bul_checkbox_new.png');}
.userCon .myInfoBox .myInfoList.last li label input[type=checkbox]:checked + span:before {background-image:url('/assets/shop/img/common/bul_checkbox_on_new.png');}
.userCon .myInfoBox .myInfoList.last li .viewBtn {position:absolute; top:50%; right:0; transform:translateY(-50%); width:42px; height:22px; border:1px solid #000; font-size:12px; color:#000; line-height:22px; font-weight:700; text-align:center;}
.userCon .myInfoBox .btn50Black {margin-top:20px;}
.userCon .memberQuit {display:inline-block; font-size:14px; color:#888; line-height:1; font-weight:400; margin-top:15px; padding-bottom:2px; border-bottom:1px solid #888;}
.userCon .userConBox .myInfoBox .overlapChk .chkTxt {margin:7px 0 -3px;}

/* 나의적립금 */
.mileageCon .mileageTop {display:inline-block; font-size:18px; color:#000; line-height:1; margin-bottom:16px;}
.mileageCon .mileageTop em {color:#c70000;}
.mileageCon .mileageTop span {font-size:14px; color:#888; font-weight:400; vertical-align:bottom;}
.mileageCon .mileageTbl {border-top:2px solid #000;}
.mileageCon .mileageTbl th, .mileageCon .mileageTbl td {font-size:15px; color:#000; line-height:1; font-weight:700; padding:15px 0 14px; border-bottom:1px solid #e6e6e6;}
.mileageCon .mileageTbl td {font-weight:400; text-align:center;}
.mileageCon .mileageTbl td.redTxt {color:#c70000; font-weight:700;}
.mileageCon .mileageTbl td.blueTxt {color:#00affe; font-weight:700;}

/* 해시태그 검색 */
.page-hd .hashtag_search-hd.type02 {padding:0; text-align:left; padding-bottom:10px; border-bottom:1px solid #e6e6e6; margin-bottom:30px;}
.page-hd .hashtag_search-hd.type02 .btn-h26-share {bottom:15px;}

/* 주문완료 */
.userCon.type03 {width:773px; padding-top:60px;} /* 23.03.28 이현진 padding-top 추가 */
.userCon .userConBox.type02 {padding:0;}
.userCon .userConBox .completeTop {padding:30px 0; border-bottom:1px solid #e6e6e6;}
.userCon .userConBox .completeTop em {display:block; font-size:22px; color:#000; line-height:1; font-weight:700;}
.userCon .userConBox .completeTop p {font-size:15px; color:#000; line-height:1; font-weight:400; margin-top:15px;}
.userCon .userConBox .completeTop p strong {color:#c70000;}
.userCon .userConBox .completeCon {display:flex; text-align:left; padding:33px 40px;}
.userCon .userConBox .completeCon .orderInfo {width:442px; padding-right:30px; border-right:1px solid #e6e6e6; margin-right:30px;}
.userCon .userConBox .completeCon .orderInfo > li {position:relative; font-size:15px; color:#000; line-height:22px; font-weight:400; padding-left:92px; letter-spacing:-.5px;}
.userCon .userConBox .completeCon .orderInfo > li + li {margin-top:16px;}
.userCon .userConBox .completeCon .orderInfo > li span {position:absolute; top:0; left:0; color:#666;}
.userCon .userConBox .completeCon .orderPrice span {display:block; font-size:15px; color:#000; line-height:1; font-weight:700;}
.userCon .userConBox .completeCon .orderPrice em {display:block; font-size:20px; color:#c70000; line-height:1; font-weight:700; margin:12px 0;}
.userCon .userConBox .completeCon .orderPrice p {display:inline-block; font-size:14px; color:#fff; line-height:40px; font-weight:400; background:#4361ee; border-radius:25px; padding:0 14px;}
.userCon .userConBox .orderViewBtn a {display:block; width:198px; height:48px; border:1px solid #333; border-radius:5px; margin:0 auto 30px; text-align:center; font-size:15px; color:#fff; line-height:48px; font-weight:400; background:#333;} /* 22.12.23 이현진 color 수정, background 추가 */

/* 개인 결제 주문서 */
.userCon.type04 {width:903px;}
.userCon .userConBox .completeTop.type02 {border-bottom-style:dashed;}
.userCon .personalOrder {display:flex;}
.userCon .personalOrder .personalCon {width:50%; text-align:left; padding:30px;}
.userCon .personalOrder .personalCon .personalPrice {position:relative;}
.userCon .personalOrder .personalCon .personalPrice span {display:block; font-size:13px; color:#666; line-height:1; font-weight:400; margin-top:10px;}
.userCon .personalOrder .personalCon .personalPrice strong {position:absolute; top:4px; right:0; display:block; font-size:20px; color:#c70000; line-height:1;}
.userCon .personalOrder .personalCon .pOrderTit {display:block; font-size:15px; color:#000; line-height:1; font-weight:700;}
.userCon .personalOrder .personalCon .pOrderInput {margin-top:15px;}
.userCon .personalOrder .personalCon .pOrderInput .phoneNum {position:relative; padding-left:90px; margin:10px 0;}
.userCon .personalOrder .personalCon .pOrderInput .phoneNum select {position:absolute; top:0; left:0; width:80px; height:50px; border-radius:5px;}
.userCon .personalOrder .personalCon .userAgree {margin-top:30px;}
.userCon .personalOrder .personalCon .paySelect li + li {margin-top:14px;}
.userCon .personalOrder .personalCon .paySelect li label span {font-size:14px; line-height:22px; cursor:pointer;}
.userCon .personalOrder .personalCon .paySelect li label span:before {width:22px; height:22px; background-size:cover;}
.userCon .personalOrder .personalCon .paySelect li label input[type=radio]:checked + span:before {background-image:url('/assets/shop/img/common/bul_radio_on_new.png');}
.userCon .personalOrder .personalCon .paySelect li label span em {display:block; font-size:13px; color:#666; font-weight:400; line-height:20px;}
.userCon .personalOrder .personalCon .paySelect li label span  a {display:inline-block; width:94px; height:22px; border:1px solid #000; font-size:12px; line-height:23px; text-align:center;}
.userCon .personalOrder .personalCon .payNotice {display:block; font-size:14px; color:#c70000; line-height:20px; font-weight:400; word-break:keep-all; margin-top:20px;}
.userCon .personalOrder .personalCon .payBtn {display:block; width:100%; height:50px; background:#333; text-align:center; border-radius:5px; font-size:15px; color:#fff; line-height:50px; font-weight:700; margin-top:26px;}

/* 개인 결제 주문완료 */
.userCon .userConBox .completeTop p strong.blueTxt {color:#4361ee; font-weight:400;}
.userCon .userConBox .completeCon .orderInfo.type02 > li + li {margin-top:18px;}
.userCon .userConBox .completeCon .orderInfo > li.nameInfo {padding-left:0;}
.userCon .userConBox .completeCon .orderInfo > li.nameInfo em {color:#4361ee;}

/* 22.12.12 이현진 추가 */
.userCon .userConBox .userConTit.mbType02 {margin-bottom:18px;}
.userCon .userConBox .userConSub {display:block; font-size:14px; line-height:22px; letter-spacing:-.5px;} /* 22.12.19 이현진 line-height 수정 */
.userCon .userConBox .userConImg {width:85px; margin:20px 0 19px;}

/* 22.12.19 이현진 추가 */
.users-layer-pop.type02 .users-cont .btn-h42-gray3 {line-height:50px; font-size:15px; background:#fff; border:1px solid #333; border-radius:5px; color:#000;}
.userCon .userConBox .userJoinList li + li {margin-top:10px;}
.userCon .userConBox .overlapChk .chkTxt.blue-chk-txt {color:#3c89f2;}
.userCon .csInfo {text-align:right; font-size:14px; color:#333; padding:34px 0 50px;}
.userCon .csInfo p {display:inline-block;}
.userCon .csInfo p span {display:inline-block; padding-left:25px; line-height:22px; background:url('/assets/shop/pc/img/common/bg_intro_ico1.png') no-repeat 0 4px;}
.userCon .csInfo p span + span {margin-top:12px; background:url('/assets/shop/pc/img/common/bg_intro_ico2.png') no-repeat 0 7px;}
.recommend-tag {margin-bottom:30px;}
.userCon .personalOrder .personalCon .paySelect li label + select {margin-top:8px;}
.userCon .personalOrder .personalCon .paySelect li .txt-desc {padding-left:30px;}
.userCon .personalOrder .personalCon .paySelect li .txt-desc li {font-size:13px; line-height:20px; color:#666;}
.userCon .personalOrder .personalCon .paySelect li .txt-desc li + li {margin-top:0;}
.userCon .personalOrder .personalCon .paySelect li select {border-radius:5px; height:50px; color:#999;}
.userCon .personalOrder .personalCon .paySelect li .ord-cashreceipt {margin-top:20px; border-radius:5px;}
.userCon .personalOrder .personalCon .paySelect li .ord-cashreceipt ul li.inputArea span {width:48%;}
.userCon .personalOrder .personalCon .paySelect li .ord-cashreceipt ul li.inputArea span:last-child {float:right;}

/* 22.12.27 이현진 추가 */
.userCon .userConBox .completeCon .orderInfo > li .copyBtn {display:inline-block; width:62px; height:24px; border:1px solid #000; border-radius:5px; text-align:center; line-height:24px; font-size:12px; color:#000;}
.userCon .userConBox .completeCon .orderInfo > li:not(.nameInfo) em {display:block;}

/* 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:188px; border:1px solid #333; border-radius:10px; background:#fff; font-size:12px; color:#000; line-height:18px; 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.type02 {display:block; animation-name:payUpDownTxt02;}
.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;}

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

@keyframes payUpDownTxt02 {
    0% {top:-70px;}
    50% {top:-63px;}
    100% {top:-70px;}
}

/* 23.03.23 이현진 추가 */
.board-list-wrap .title.type02 {overflow:visible;}
.board-list-wrap .title.type02:after {content:''; display:block; clear:both;}
.bestSelect {float:right; position:relative; margin-right:15px; cursor:pointer;}
.bestSelect .current {position:relative; display:block; font-size:15px; color:#000; line-height:21px; font-weight:400; padding:0  26px 0 5px;}
.bestSelect .current:before {content:''; position:absolute; top:4px; right:5px; width:7px; height:7px; border-top:2px solid #000; border-left:2px solid #000; transform:rotate(-135deg);}
.bestSelect .list {position:absolute; top:29px; left:50%; border:1px solid #eee; background:#fff; text-align:center; width:114px; transform:translateX(-50%); padding:6px 0; z-index:1; display:none;}
.bestSelect .list li {border:none; font-size:14px; color:#000; line-height:28px; font-weight:300;}
.bestSelect.open .current:before {top:8px; transform:rotate(45deg);}
.bestSelect.open .list {display:block;}
.reviewBestIcon {float:left; display:inline-block; font-size:12px; color:#333; line-height:20px; font-weight:700; border:1px solid #000; border-radius:25px; text-align:center; padding:0 7px; margin:1px 0 0 10px;}