@charset "UTF-8";

/**
 * 디자인별 템플릿 css 분리
 * 메인전용 관련 css
 * @date:2021-07-08
 * @name:이상아
 */

/* 640px 이상일 경우 fix-btn */
@media screen and (min-width:640px) {
    html {overflow:hidden;}
    body.fix-body {overflow-y:auto; overflow-x:hidden; height:100%;}
}
@media screen and (max-width:640px) {
    .fix-body .wrap {overflow-y:auto; overflow-x:hidden;}
}

/* 메인전용 id=app */
#app {display:flex; min-height:100vh; flex-direction:column;}
#container {min-height:auto !important;}

/* 19.06.18 상품 수정 s */
.prd-info dt {font-size:19px; font-weight:bold; color:#000; line-height:20px; white-space:normal;} /* 2017-11-01 */
.prd-info dd {margin-top:12px; font-size:14px; color:#666; line-height:15px; white-space:normal;} /* 17.12.05 */
.prd-desc {position:relative; padding:8px 20px 0px;}
.prd-desc .btn-share {float:right; width:30px; height:30px; margin-top:10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_share.png) no-repeat; background-size:30px auto; text-indent:-9999em;}
.prd-desc .price {padding-top:5px; font-weight:bold; font-size:14px; color:#c70000; line-height:37px;} /* 19.06.18 상품 수정 */
.prd-desc .price em {font-size:18px;} /* 2017-11-01 */
.prd-desc .price span {margin-right:7px; color:#ccc;} /* 19.06.18 추가 */
.prd-desc .price span.sale-rate {margin-left:0; margin-right:9px; color:#c70000; font-size:18px; font-style:italic; text-decoration:none;}
.prd-desc .price span.gray-through {font-weight:400;}
.prd-option-result {padding:0px 20px 10px;} /* 17.12.05 수정 */
.prd-option-result li {position:relative; height:55px; border-bottom:2px solid #f0f0f0;}
.prd-option-result li:last-child {border-bottom:none;}
.prd-option-result li p {margin-left:5px; font-size:15px; color:#297bcf; line-height:55px;} /* 2017-11-01 */
.prd-option-result li .abs-r {position:absolute; top:50%; right:10px; margin-top:-5px;}
.prd-btn {height:49px;} /* 17.12.05 수정 */
.prd-btn a {display:inline-block; float:left; width:50%; height:100%; box-sizing:border-box; font-size:15px; font-weight:bold; line-height:51px; text-align:center;} /* 2017-11-01 */
.prd-btn a.btn-h26-share-black {border-right:1px solid #f0f0f0;}
.prd-btn a.btn-prd-detail {border-left:1px solid #f0f0f0;}
.prd-btn a.btn-h26-share-black span {padding-left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_h26_share.gif) no-repeat left center; background-size:12px auto;}
.prd-btn a.btn-prd-detail span {padding-left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/bul_h21_plus.gif) no-repeat left center; background-size:11px auto;}
#prd-option {display:none; position:fixed; bottom:-500px; z-index:200; width:100%; background:#fff;}
#prd-option .hd {position:relative; height:39px; border-bottom:1px solid #e4e4e4;}
#prd-option .hd h3 {font-size:12px; padding-left:15px; font-weight:bold; color:#000; line-height:41px;}
#prd-option .hd .btn-h30-close {top:22px; left:90%; width:12px; height:12px; background-size:12px auto;}
#prd-option .cont {padding:24px 0 0;} /* 17.10.31 수정 */
#prd-option .cont .cont-top {padding:0 15px;}
#prd-option .cont h4 {margin-bottom:11px; font-size:16px; color:#000;} /* 2017-11-01 */
#prd-option .cont .op-box {position:relative; width:100%; height:38px; border:1px solid #d9d9d9; font-size:14px; font-weight:bold; line-height:40px;} /* 2017-11-01 */
.prd-option .cont .op-box a {display:block; padding:0 15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right 15px center / 12px auto; color:#999;}
.prd-option .cont .op-box a.up {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png); color:#333;}
#prd-option .cont .op-list {display:none; width:100%; border:1px solid #d9d9d9; border-top:none;}
#prd-option .cont .op-list dt {height:41px; background:#f0f0f0; font-size:13px; font-weight:bold; color:#000; line-height:41px;}
#prd-option .cont .op-list dt:first-child {border-bottom:1px solid #d9d9d9;}
.prd-option .cont .op-list dt a {display:block; padding:0 15px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) no-repeat right center / 12px auto;} /* 19.03.12 */
.prd-option .cont .op-list dt a.up {background-image:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_top.png);}
#prd-option .cont .op-list dd {display:none;}
#prd-option .cont .op-list dd li {height:45px; padding:0 15px; line-height:45px; border-bottom:1px solid #d9d9d9; cursor:pointer;}
#prd-option .cont .op-list dd li .fl-r {float:right;}
#prd-option .cont ul.op-list li input {border:none; border-top:1px solid #e2e1e1;} /* 17.10.31 추가 */
#prd-option .cont ul.op-list li:first-child input {border-top:none;}/* 17.10.31 추가 */
#prd-option .op-sel li {position:relative; padding:15px 20px; border-bottom:1px solid #e2e1e1; color:#297bcf;}
.prd-empty {margin:140px 0 160px; position:relative;}
.btn-basket {cursor:pointer;}
.btn-share {cursor:pointer;}
/* 19.06.18 상품 수정 e */

/* 메인 상품명/추가상품명  19.06.18 수정 */
#list-type1 .prd-info dt {overflow:hidden; max-height:52px; font-weight:400; font-size:18px; color:#000; line-height:26px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 2017-11-01 */
#list-type1 .prd-info dd {overflow:hidden; margin-top:7px; font-size:13px; color:#666; line-height:17px; white-space:nowrap;text-overflow:ellipsis; color:#adadad;} /* 17.12.05 */

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

/* 공통 */
.js-settingLayer {position:relative; box-sizing:border-box;}
.js-settingLayer .section-border {display:none; width:100%; height:100%; position:absolute; top:0; left:0; border:2px solid #ff0000; box-sizing:border-box; z-index:5;} /* 19.06.25 추가 */
.btn-area-setting {display:none; position:absolute; width:79px; height:45px; background:#ff0000; z-index:9; text-align:center; text-indent:0; cursor:pointer; bottom:2px; right:2px;} /* 19.07.05 수정 */
.btn-area-setting span {display:inline-block; padding-left:20px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_setting_white.png) left center no-repeat; font-size:14px; font-weight:bold; color:#fff; line-height:45px;}
.hd-link .btn-hamburgerMenu-type .btn-area-setting {right:-30px; top:5px; width:37px; height:37px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/btn_setting_blue.png?1) 0 0 no-repeat;} /* 19.06.25 수정 */
#container .btn-area-setting {top:2px; right:2px;} /* 19.07.05 수정 */
.btn-area-setting.icon-type {width:30px!important; height:30px!important; border-radius:50%!important; background:#ff0000 url(https://image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_setting_white.png) center center no-repeat!important; background-size:14px 14px!important;} /* red버튼 변경 */
.swiper-pagination-bullet-active {opacity:0.7; background:#000;}
.tpl-wrap .list-type .ico-circle-rate {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.tpl-wrap .list-type .btn-cart-type1 {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);  z-index:7;}
#header .photo .btn-area-setting {right:-45px; bottom:-35px; width:37px; height:37px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/btn/btn_setting_blue.png?1) 0 0 no-repeat;} /* 19.06.25 수정 */
#header .profile .profile-div .btn-area-setting {right:-80px;}
#header .hd-link .btn-hamburgerMenu-div .btn-area-setting {right:-80px; top:0px;}
#header .hd-wrap .btn-area-setting {z-index:101}
.btn-h42-gray-bd {display:inline-block; width:100%; height:50px; line-height:52px; border:1px solid #000; background:#fff; box-sizing:border-box; color:#000; font-size:16px; font-weight:bold; text-align:center;}

/* 18.03.05 s */	
#list-type2 .prd-img *,
#list-type2 .prd-img *:before,
#list-type2 .prd-img *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} 
#list-type2 .prd-img p {position:relative; padding-top:100%; max-height:124px;} 
#list-type2 .prd-img p a {display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
#list-type2 .prd-img p a .sale-state-bar {display:inline-block;  width:100%;  height:25px; line-height:25px; position:absolute; left:0; bottom:0; text-align:center; background-color:rgba(0,0,0,0.45); color:#fff; font-size:11px; z-index:9} /*  20.09.02 추가 */
#list-type2 .prd-img p a img {display:inline-block; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); -moz-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);}  /* 18.04.26 수정 */

/* 베스트 상품 */
.tpl-wrap .bestItem-box h3 {text-align:center; word-break:break-all;}
.tpl-wrap .bestItem-box li p.txt {-webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden; max-height:17px; text-overflow:ellipsis; white-space:nowrap;}
.tpl-wrap .bestItem-box li p.img {position:relative; width:100%;} /* 19.06.25 추가 */
.tpl-wrap .bestItem-box li p.img:before {display:block; content:''; padding-top:100%;} /* 19.06.25 추가 */
.tpl-wrap .bestItem-box li p.img > a {position:absolute; top:0; right:0; left:0; bottom:0;} /* 19.06.25 추가 */
.tpl-wrap .bestItem-box li p.img > a img {width:100%; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);} /* 19.06.25 추가 */
.tpl-wrap .bestItem-box li p.img .ico-circle-rate {position:absolute; background:#c70000; font-weight:bold; font-style:italic; color:#fff; text-align:center; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.tpl-wrap .bestItem-box li p.img .btn-cart-type1 {position:absolute; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center; cursor:pointer; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.tpl-wrap .bestItem-box li p.price-info .gray-through {margin-right:5px; font-size:10px; font-weight:normal; color:#ccc; text-decoration:line-through;}
.tpl-wrap .bestItem-box ul li p.price-info span.sale-rate {margin-right:5px; color:#c70000; font-style:italic;}
.tpl-wrap .bestItem-box ul li p.price-info span.price {color:#000;}

/* 베스트 상품 1행2열 */
.tpl-wrap .bestItem-box .twoAlign li {width:50%;}
.tpl-wrap .bestItem-box .twoAlign li p.img .ico-circle-rate {top:5px; left:5px; width:40px; height:40px; line-height:41px; border-radius:41px; font-size:13px;}
.tpl-wrap .bestItem-box .twoAlign li p.img .btn-cart-type1 {top:auto; left:auto; bottom:7.5px; right:7.5px; width:40px; height:40px; background-size:40px auto; cursor:pointer;} /* 19.06.25 수정 */

/* 베스트 상품 1행3열 */
.tpl-wrap .bestItem-box .threeAlign li {width:32%; margin-right:2%;}
.tpl-wrap .bestItem-box .threeAlign li p.img .ico-circle-rate {top:5px; left:5px; width:25px; height:25px; line-height:25px; border-radius:25px; font-size:9px;}
.tpl-wrap .bestItem-box .threeAlign li p.img .btn-cart-type1 {z-index:12; top:auto; left:auto; bottom:5px; right:5px; width:25px; height:25px; background-size:25px auto; cursor:pointer;} /* 19.06.25 수정 */

/* 셀렉트 소팅 */
.tpl-wrap .display-tab {position:relative; height:47px; padding:0 15px 0 5px;}
.tpl-wrap .display-tab:after {display:block; content:""; clear:both;}
.tpl-wrap .display-tab select {height:47px; border:none; padding:0 15px 0 10px; background-position:right center; font-size:13px; color:#666;}
.tpl-wrap .display-tab a.ico-list {display:block; width:45px; height:47px; line-height:47px; text-indent:-9999em;}
.tpl-wrap .display-tab a.ico-list.list-type1 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list1.png) no-repeat right center / 14px auto;}
.tpl-wrap .display-tab a.ico-list.list-type2 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type2.png) no-repeat right center / 14px auto;}
.tpl-wrap .display-tab a.ico-list.list-type3 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type3.png) no-repeat right center / 14px auto;}
.tpl-wrap .display-tab a.ico-list.list-type4 {background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_list_type4.png) no-repeat right center / 14px auto;}
.tpl-wrap .display-tab .select {display:inline-block; height:47px; padding:0 18px 0 10px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_bottom.png) right center no-repeat; background-size:11px auto; font-size:15px; color:#666; line-height:47px;}
.tpl-wrap .display-tab .options {padding:0 5px; position:absolute; top:38px; left:10px; z-index:9; background:#ffffff; box-shadow:0px 1px 1.68px 1.82px rgba(0,0,0,0.15); border-radius:5px;}
.tpl-wrap .display-tab .options li {width:70px; padding:0 5px; border-top:1px solid #f7f7f7;}
.tpl-wrap .display-tab .options li a {display:block; line-height:34px; text-align:left; font-size:15px; color:#000;}
.tpl-wrap .display-tab .options li:first-child {border-top:none;}
.tpl-wrap .display-tab .options li.on a {font-weight:bold;}

/* 메인 상품 유형 */
.tpl-wrap #list-type1 .prd-desc .price .sale-state-label {display:inline-block;  width:55px;  height:25px; line-height:25px; margin-left:10px; text-align:center; background-color:#989898; color:#fff; font-size:12px; vertical-align:middle; margin-top:-2px;} /*  20.09.02 추가 */
.tpl-wrap #list-type1 .btn-cart-type1 {position:absolute; top:auto; left:auto; bottom:7.5px; right:7.5px; width:40px; height:40px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 40px auto; cursor:pointer;} /* 2021.02.16 추가*/
.tpl-wrap #list-type2 ul {padding:0 15px;}
.tpl-wrap #list-type2 ul > li:first-child {border-top:1px solid #e5e5e5;}
.tpl-wrap #list-type2 ul > li {overflow:hidden; display:table; width:100%; padding:15px 0; border-bottom:1px solid #e5e5e5;}
.tpl-wrap #list-type2 ul > li .prd-img {display:table-cell; position:relative;}
.tpl-wrap #list-type2 ul > li .prd-img .ico-circle-rate {position:absolute; top:5px; left:5px; width:31px; height:31px; line-height:31px; border-radius:31px; background:#c70000; font-size:11px; font-weight:bold; font-style:italic; color:#fff; text-align:center;}
.tpl-wrap #list-type2 ul > li .btn-cart-type1 {position:absolute; top:50%; right:0; width:26px; height:26px; margin-top:-13px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 26px auto; cursor:pointer;}
.tpl-wrap #list-type2 ul > li .tbl-cell {display:table-cell; vertical-align:middle; padding-left:15px;}
.tpl-wrap #list-type2 ul > li .tbl-cell .txt {padding-right:20px;  max-height:40px; font-weight:normal; line-height:21px} /* 19.07.23 수정 */
.tpl-wrap #list-type2 ul > li .tbl-cell .txt a {overflow:hidden; font-size:16px; color:#000; line-height:21px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; ; -webkit-box-orient:vertical; word-break:break-all;} /* 19.07.23 수정 */
.tpl-wrap #list-type2 ul > li .tbl-cell .price-info {margin-top:10px;}
.tpl-wrap #list-type2 ul > li .tbl-cell .price-info .sale-rate {margin-right:6px; font-weight:bold; font-style:italic; color:#c70000;}
.tpl-wrap #list-type2 ul > li .tbl-cell .price-info .price {margin-right:5px; font-weight:bold; color:#000;}
.tpl-wrap #list-type2 ul > li .tbl-cell .price-info .gray-through {margin-right:6px; font-weight:normal; color:#ccc; text-decoration:line-through;}
.tpl-wrap #list-type2 ul > li.type1 .prd-img {width:90px; height:90px;}
.tpl-wrap #list-type2 ul > li.type1 .tbl-cell .price-info {font-size:16px;}
.tpl-wrap #list-type2 ul > li.type2 .prd-img {width:115px; height:115px;}
.tpl-wrap #list-type2 ul > li.type2 .tbl-cell .price-info {font-size:17px;}
.tpl-wrap #list-type2 ul > li.type2 .tbl-cell .txt a {font-size:17px;}
.tpl-wrap #list-type2 ul > li.type3 .prd-img {width:72px; height:72px;}
.tpl-wrap #list-type2 ul > li.type3 .tbl-cell {position:relative;}
.tpl-wrap #list-type2 ul > li.type3 .tbl-cell .txt {width:70%}
.tpl-wrap #list-type2 ul > li.type3 .tbl-cell .txt a {font-size:15px;}
.tpl-wrap #list-type2 ul > li.type3 .tbl-cell .price-info {font-size:15px;}
.tpl-wrap #list-type3 .img-list li .ico-circle-rate {position:absolute; top:5px; left:5px; width:31px; height:31px; line-height:31px; border-radius:31px; 
font-size:11px; font-weight:bold; font-style:italic; color:#fff; text-align:center; background:#c70000;} /* 21.05.06 이상아 수정 */
.tpl-wrap #list-type3 li p.img 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);}
.tpl-wrap #list-type3 li p.txt {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden; max-height:15px;}
.tpl-wrap #list-type3 li p.thumb a {display:block; position:relative;}
.tpl-wrap #list-type3 li p.thumb a  .sale-state-bar {display:inline-block;  width:100%;  height:25px; line-height:25px; position:absolute; left:0; bottom:0; text-align:center; background-color:rgba(0,0,0,0.45);
color:#fff; opacity:0.8; font-size:11px; z-index:9;} /*  20.09.02 추가 */
.tpl-wrap #list-type4 li p.txt {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden; max-height:15px;}
.tpl-wrap #list-type4 li p.img {position:relative; width:100%; min-width:140px; min-height:140px;} /* 19.07.01 수정 */
.tpl-wrap #list-type4 li p.img:before {display:block; content:''; padding-top:100%;} /* 19.07.01 수정 */
.tpl-wrap #list-type4 li p.img a {position:absolute; top:0; left:0; right:0; bottom:0;} /* 19.07.01 수정 */
.tpl-wrap #list-type4 li p.img a img {/*width:100%;*/ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}  /* 19.07.01 수정 */
.tpl-wrap #list-type4 li p.img a  .sale-state-bar {display:inline-block;  width:100%;  height:25px; line-height:25px; position:absolute; left:0; bottom:0; text-align:center; background-color:rgba(0,0,0,0.45); color:#fff; font-size:11px; z-index:9;} /*  20.09.02 추가 */
.tpl-wrap #list-type4 li p.img .ico-circle-rate {position:absolute; top:5px; left:5px; width:40px; height:40px; line-height:41px; border-radius:41px; background:#c70000; font-size:13px; font-weight:bold; font-style:italic; color:#fff; text-align:center;}
.tpl-wrap #list-type4 li .btn-cart-type1 {position:absolute; top:auto; left:auto; bottom:7.5px; right:7.5px; width:40px; height:40px; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 40px auto; cursor:pointer;} /* 2020.09.14 수정*/
.tpl-wrap #list-type4 li p.txt {margin-top:8px; font-size:12px; color:#000;}
.tpl-wrap #list-type4 li p.price-info .gray-through {font-size:10px; font-weight:normal; color:#ccc; text-decoration:line-through;}
.tpl-wrap .btn-more {padding:27px 0; margin-bottom:0;} /* 19.07.01 수정 */
.tpl-wrap .btn-more a {font-size:15px; color:#000; text-align:center;}

/* 메인 디자인형, 쇼핑몰형 하단 배너존 */
.tpl-wrap #ft-bnr-zone {text-align:center; position:absolute; left:0; bottom:47px; width:100%; height:60px;}
.tpl-wrap #ft-bnr-zone .banner-none-text {text-align:center; padding-top:20px; min-height:50px;}
.tpl-wrap #ft-bnr-zone a img {width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
@media screen and (min-width:640px) {
	.tpl-wrap #ft-bnr-zone {height:120px;}
}

/* 메인 하단 배너 존 */
#ft-bnr-zoon a {display:block; text-align:center;}
#mid-bnr-zoon a {display:block; text-align:center;}

.prd-wrap {position:relative;} /* 19.07.01 수정 */
.prd-wrap:first-child {margin-top:0;} /* 19.07.01 추가 */
.prd-wrap .sale {display:inline-block; width:68px; height:68px; line-height:68px; text-align:center; background:#c70000; font-weight:bold; font-size:18px; color:#ffffff; border-radius:50%; position:absolute; top:10px; left:10px; z-index:5;}
.prd-wrap .prd-inner {padding:30px 20px 40px;} /* 19.07.15 수정 */
.prd-wrap .prd-inner:last-child {padding-bottom:16px;}
.tpl-wrap .category-slide {padding:10px 15px !important;}
.tpl-wrap .category-slide li {width:auto; margin-right:19px;}
.tpl-wrap .category-slide li a {font-weight:300; font-size:15px; color:#000;} /* 19.07.01 수정 */

/* 20.04.06 메인 공지사항 */
.mainNotice {padding:6px 0 0; border-top:1px solid #ccc; background:#edeff2; position:absolute; left:0; bottom:0; width:100%;}
.mainNotice span {display:block; background:#fff; position:relative; padding:0 0 0 15px;} /* 20.12.03 pub */
.mainNotice span a:first-child {display:block; margin-right:40px;} /* 20.12.03 pub */
.mainNotice span .notice {display:block; padding:0 0 0 75px; position:relative; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; color:#666666;}
.mainNotice span .notice .iconTit {padding-left:20px; display:inline-block; position:absolute; top:0; left:0; font-size:13px; color:#000; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_notice.png) left 12px no-repeat; background-size:15px 12px; font-weight:bold;}
.mainNotice span a.btn-noticeArr {display:inline-block; width:40px; height:40px; position:absolute; top:0; right:0; background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/arr_h15.png) center center no-repeat; background-size:5px 8px; text-indent:-9999px; z-index:16;}/* 20.12.03 pub, 22.05.23 z-index 이상아 수정 */

/* 베스트상품 품절 썸네일 추가 */
.soldout p.img:before {display:block; content:""; position:inherit; top:0; bottom:0; left:0; right:0; z-index:7; width:100%; height:100%; background:rgba(201,201,201,.5);}
.soldout p.img:after {display:block; content:"SOLD \A OUT"; position:absolute; top:50%; left:0; right:0; z-index:8; transform:translate3d(0, -48%, 0) !important; -webkit-transform:translate3d(0, -48%, 0) !important; -moz-transform:translate3d(0, -48%, 0) !important; 
font-weight:bold; color:#fff; text-align:center; white-space:pre;}
.tpl-wrap .bestItem-box li p.img .sale-state-bar {display:inline-block; width:100%; height:25px; line-height:25px; position:absolute; left:0; bottom:0; text-align:center; background-color:rgba(0,0,0,0.45); color:#fff; opacity:0.8; font-size:11px; z-index:12;}

/* 22.09.02 이현진 추가 */
#container .boxDiv .list-type {position:relative; z-index:1;}