@charset "UTF-8";

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

.tpl-wrap .list-type .btn-cart-type1 {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.planItem .display-tab {height:47px; padding:0 15px 0 5px;}
.planItem .display-tab:after {display:block; content:""; clear:both;}
.planItem .display-tab select {height:47px; border:none; padding:0 15px 0 10px; background-position:right center; font-size:13px; color:#666;}
.planItem .display-tab a.ico-list {display:block; width:45px; height:47px; line-height:47px; text-indent:-9999em; float:right;}
.planItem .display-tab a.ico-list.display-type-list {background:url(/assets/shop/img/common/ico_list_type2.png) no-repeat right center / 14px auto;}
.planItem .display-tab a.ico-list.display-type-steps2 {background:url(/assets/shop/img/common/ico_list_type3.png) no-repeat right center / 14px auto;}
.planItem .display-tab {position:relative;}
.planItem .display-tab .select {display:inline-block; height:47px; padding:0 18px 0 10px; background:url(/assets/shop/img/common/arr_bottom.png) right center no-repeat; background-size:11px auto; font-size:15px; color:#666; line-height:47px;}
.planItem .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;}
.planItem .display-tab .options li {width:70px; padding:0 5px; border-top:1px solid #f7f7f7;}
.planItem .display-tab .options li a {display:block; line-height:34px; text-align:left; font-size:15px; color:#000;}
.planItem .display-tab .options li:first-child {border-top:none;}
.planItem .display-tab .options li.on a {font-weight:bold;}
.planItem .display-tab {height:47px; padding:0 15px 0 5px;}
.planItem .display-tab:after {display:block; content:""; clear:both;}
.planItem .display-tab select {height:47px; border:none; padding:0 15px 0 10px; background-position:right center; font-size:13px; color:#666;}
.planItem .display-tab a.ico-list {display:block; width:45px; height:47px; line-height:47px; text-indent:-9999em;}
.planItem .display-tab a.ico-list.display-type-list {background:url(/assets/shop/img/common/ico_list_type2.png) no-repeat right center / 15px auto;}
.planItem .display-tab a.ico-list.display-type-steps2 {background:url(/assets/shop/img/common/ico_list_type3.png) no-repeat right center / 14px auto;}

ul#display-type-steps2 {overflow:hidden; padding:0 3%;}
#display-type-steps2 li {float:left; width:48.5%; margin-right:2.5%; position:relative;}
#display-type-steps2 li:nth-child(2n) {float:right; margin-right:0;}
#display-type-steps2 li p.img {position:relative; width:100%; min-width:140px; min-height:140px;}
#display-type-steps2 li p.img:before {display:block; content:''; padding-top:100%;}
#display-type-steps2 li p.img a {position:absolute; top:0; left:0; right:0; bottom:0;}
#display-type-steps2 li p.img a img {/*width:100%;*/ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
#display-type-steps2 li p.img .ico-circle-rate {position:absolute; top:5px; left:5px; width:55px; height:55px; line-height:55px; border-radius:55px; background:#c70000; font-size:16px; font-weight:bold; font-style:italic; color:#fff; text-align:center;}
#display-type-steps2 li p .btn-cart-type1 {position:absolute; top:auto; left:auto; bottom:7.5px; right:7.5px; width:45px; height:180px; background:url(/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 45px auto; z-index:8;}
#display-type-steps2 li p.txt {margin-top:10px; font-size:14px; color:#000;}
#display-type-steps2 li p.price-info {margin-top:6px; margin-bottom:20px; font-size:14px; font-weight:bold;}
#display-type-steps2 li p.price-info .sale-rate {margin-right:5px; font-style:italic; color:#c70000;}
#display-type-steps2 li p.price-info .gray-through {font-size:11px; font-weight:normal; color:#ccc; text-decoration:line-through;}
#display-type-steps2 li p.price-info .sale-state-label {display:inline-block; width:100%; height:25px; line-height:25px; position:absolute; left:0; bottom:70px; text-align:center; background-color:rgba(0,0,0,0.45); color:#fff; font-size:11px;}
.list-type li .prd-img .sale-state-label {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;}
#display-type-steps2 li p.img img {display:inline-block; width:auto; height:auto;}
#display-type-steps2 li p.txt {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; overflow:hidden; max-height:18px;}
#display-type-steps2 li .sale-off {display:none;}

ul#display-type-list {padding:0 15px; min-height:568px;}
#display-type-list > li:first-child {border-top:1px solid #e5e5e5;}
#display-type-list > li {overflow:hidden; display:table; width:100%; padding:15px 0; border-bottom:1px solid #e5e5e5;}
#display-type-list > li .prd-img {display:table-cell; position:relative;}
#display-type-list > 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;}
#display-type-list > li .btn-cart-type1 {position:absolute; top:50%; right:0; width:32px; height:32px; transform:translateY(-50%); background:url(/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 32px auto;} /* 19.12.20 수정 */
#display-type-list > li .tbl-cell {display:table-cell; vertical-align:middle; padding-left:15px;}
#display-type-list > li .tbl-cell .txt {padding-right:20px; overflow:hidden; max-height:40px; font-weight:normal; line-height:21px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
#display-type-list > li .tbl-cell .txt a {font-size:16px; color:#000; line-height:21px;}
#display-type-list > li .tbl-cell .price-info {margin-top:10px;}
#display-type-list > li .tbl-cell .price-info .sale-rate {margin-right:6px; font-weight:bold; font-style:italic; color:#c70000;}
#display-type-list > li .tbl-cell .price-info .price {font-weight:bold; color:#000;}
#display-type-list > li .tbl-cell .price-info .gray-through {margin-right:6px; font-weight:normal; color:#ccc; text-decoration:line-through;}
#display-type-list li .prd-img p a img {max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
#display-type-list li .prd-img p a img {display:inline-block; width:auto; height:auto;}
#display-type-list > li.type1 .prd-img {width:96px; height:96px;}
#display-type-list > li.type1 .tbl-cell .price-info {font-size:16px;}
#display-type-list > li.type2 .prd-img {width:125px; height:125px;}
#display-type-list > li.type2 .tbl-cell .price-info {font-size:17px;}
#display-type-list > li.type2 .tbl-cell .txt a {font-size:17px;}
#display-type-list > li.type3 .prd-img {width:79px; height:79px;}
#display-type-list > li.type3 .tbl-cell {position:relative;}
#display-type-list > li.type3 .tbl-cell .txt {width:70%}
#display-type-list > li.type3 .tbl-cell .txt a {font-size:17px;}
#display-type-list > li.type3 .tbl-cell .price-info {font-size:15px;}
#display-type-list li .sale-off {display:none;}

.planItem .banner .prf-banner-img-none {display:none;}
.planItem .title {border-bottom:1px solid #e6e6e6;}
.planItem .title p {/* font-family:'notokr'; */ font-weight:bold; line-height:79px; background:#fff; color:#000; text-align:center; font-size:15px;} /* 23.03.30 이현진 font-family 삭제 */
.planItem .profile {display:table; width:100%; min-height:149px; position:relative; background-repeat:no-repeat; background-position:center center; background-size:100%; z-index:1;}
.planItem .profile .profile-overlay {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#000; opacity:0; z-index:0;}
.planItem .profile .profile-area {display:table-cell; height:100%; vertical-align:middle; text-align:center; z-index:1; position:relative;}
.planItem .profile .profile-area .profile-img {display:inline-block; width:60px; height:60px; border-radius:50% 50%; position:relative; overflow:hidden;} /* 19.12.20 수정 */
.planItem .profile .profile-area .profile-img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.planItem .profile .profile-area .text1 {font-weight:bold; margin-top:10px; font-size:18px; color:#fff;}
.planItem .profile .profile-area .text2 {margin-top:5px; font-size:11px; color:#fff;} /* 19.12.20 수정 */
.planItem .profile .profile-area .prf-img-none {display:none;}

/* soldout */
#display-type-list .soldout .prd-img:before ,
#display-type-steps2 .soldout p.img:before {display:block; content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:7; width:100%; height:100%; background:rgba(201,201,201,.5);}
#display-type-list .soldout .prd-img:after ,
#display-type-steps2 .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;}
#display-type-list .soldout .prd-img:after {font-size:1.5em;}
#display-type-steps2 li.soldout p.img:before {width:auto; height:auto;}
#display-type-steps2 li.soldout p.img:after {font-size:2.5em;}

/* 22.08.23 이상아 추가 */
#display-type-list li .prd-img p .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;}