@charset "UTF-8";

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

/* 디자인형 탬플릿 */
#tpl-design #container {padding-bottom:0 !important;}
#tpl-design .btn-area-setting {bottom:2px; right:2px;}
#tpl-design .hd-link .btn-hamburgerMenu-type .btn-area-setting {top:-5px; left:14px;}
#tpl-design .bestItem-box h3 {margin-bottom:10px; font-size:13px;}
#tpl-design .bestItem-box ul {overflow:hidden; padding:0 15px; display:-webkit-flex; -webkit-flex-wrap:wrap;}
#tpl-design .bestItem-box li {float:left; margin-bottom:22px;} 
#tpl-design .bestItem-box li p.txt {margin-top:10px; font-size:13px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#tpl-design .bestItem-box li p.price-info {margin-top:8px; font-size:13px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#tpl-design .bestItem-box li p.price-info .sale-state-label {display:inline-block; width:55px; height:23px; line-height:25px; margin-left:10px; text-align:center; background-color:#989898; color:#fff; font-size:12px; vertical-align:middle; margin-top:-2px;}
#tpl-design .bestItem-box .twoAlign li {width:49%;}
#tpl-design .bestItem-box .twoAlign li p.img {min-width:140px; min-height:140px;}
#tpl-design .bestItem-box .twoAlign li:nth-child(2n) {float:right; margin-left:2%;}
#tpl-design .bestItem-box .threeAlign li:nth-child(3n) {float:right; margin-right:0;}
#tpl-design .visualTop .banner-none-text {text-align:center; min-height:150px; padding-top:150px;}
#tpl-design .visualTop .swiper-wrapper {padding-bottom:32px;}
#tpl-design .visualTop .dim {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.2;} /* 20.06.30 수정 */
#tpl-design .visualTop .swiper-pagination {bottom:0px}
#tpl-design .visualTop .swiper-pagination .swiper-pagination-bullet {margin:0 7.5px 0 0; width:10px; height:10px;} /* 19.07.05 수정 */
#tpl-design .visualTop .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}
#tpl-design .visualTop .swiper-pagination-bullet-active {background:#000;}
#tpl-design #header.scroll {background:rgba( 255, 255, 255, 0.9 ); transform:all; transition:all .8s cubic-bezier(.17,.89,.53,1.12); }
#tpl-design .threeAlign a.btn-cart-type1 {position:absolute;top:auto;left:auto;bottom:5px;right:-5px;width:51px;height:51px;background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 25px auto;z-index:10;cursor:pointer;} /* 2021.02.09 수정 */
#tpl-design .twoAlign a.btn-cart-type1 {position:absolute;top:auto;left:auto;bottom:15px;right:5px;width:51px;height:51px;background:url(//image.makeshop.co.kr/mysoho/assets/shop/img/common/ico_cart_type1.png) no-repeat center / 40px auto;z-index:10;cursor:pointer;} /* 2021.02.09 수정 */