@charset "UTF-8";

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

/* 블로그형 탬플릿 */
#tpl-blog .visualTop .btn-area-setting {top:2px; right:2px;}
#tpl-blog .hd-link .btn-hamburgerMenu-type .btn-area-setting {top:-5px; right:-20px;}
#tpl-blog .visualTop {padding:0px 15px 0;}
#tpl-blog .visualTop .visualTopWrap {min-height:100px; border-bottom:1px solid #000;}
#tpl-blog .visualTopWrap .js-use-html {white-space:pre-line; text-align:left; word-break:break-all;}
#tpl-blog .visualTop dl {padding:27px 0; border-bottom:1px solid #000;}         
#tpl-blog .visualTop dt .mainTit {font-size:24px; font-weight:bold; color:#000;}
#tpl-blog .visualTop dt .mainTit span {color:#6b94ac;}
#tpl-blog .visualTop dt .desc {margin-top:10px; font-size:11px; font-weight:bold; color:#000;}
#tpl-blog .visualTop dd.img {margin-top:15px; min-width:290px;}
#tpl-blog .visualTop dd.img img {width:100%;}
#tpl-blog .visualTop dd.txt {margin-top:14px; font-size:11px; color:#666; line-height:16px;}
#tpl-blog .bestItem-box {padding:25px 15px 0;} /* 19.07.01 수정 */
#tpl-blog .bestItem-box h3 {text-align:left; padding-bottom:14px; font-size:16px;}
#tpl-blog .bestItem-box ul {overflow:hidden; border-left:1px solid #e4e4e4; display:-webkit-flex; -webkit-flex-wrap:wrap;}
#tpl-blog .bestItem-box ul li {float:left;  padding:10px 10px; border-right:1px solid #e4e4e4; box-sizing:border-box;}
#tpl-blog .bestItem-box ul.twoAlign li {width:50%; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
#tpl-blog .bestItem-box ul.twoAlign li:nth-child(n+3) {border-top:none}
#tpl-blog .bestItem-box ul.threeAlign li {width:33.3%; margin-right:0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
#tpl-blog .bestItem-box ul.threeAlign li:nth-child(n+4) {border-top:none;}
#tpl-blog .bestItem-box ul li p.txt {margin-top:10px; font-size:13px; color:#000;}
#tpl-blog .bestItem-box ul li p.price-info {margin-top:5px; font-size:11px; font-weight:bold; word-break:break-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#tpl-blog .bestItem-box ul 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-blog .threeAlign a.btn-cart-type1 {position:absolute;top:auto;left:auto;bottom:10px;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-blog .twoAlign a.btn-cart-type1 {position:absolute;top:auto;left:auto;bottom:20px;right:15px;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 수정 */

/* 메인 블로그형 하단 배너존 */
.tpl-wrap #mid-bnr-zone {text-align:center;}
.tpl-wrap #mid-bnr-zone .banner-none-text {text-align:center; padding-top:20px; min-height:30px;}
.tpl-wrap #mid-bnr-zone a img {width:100%;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone {width:100%; position:absolute; left:0; bottom:47px; padding:0;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone > div {margin:16px 0;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone a {display:block;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone a img {width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone .js-settingLayer {margin:0 auto; width:90%; height:250px; overflow:hidden;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone .banner-none-text {text-align:center; padding-top:30px; min-height:60px;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone .swiper-pagination {bottom:12%;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone .swiper-pagination .swiper-pagination-bullet {margin:0 7.5px 0 0;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}
#tpl-blog.tpl-wrap #ft-bnrSlide-zone .swiper-pagination .swiper-pagination-bullet-active {background:#000;}
@media screen and (min-width:640px) {
	#tpl-blog.tpl-wrap #ft-bnrSlide-zone .js-settingLayer {height:450px;}
	#tpl-blog.tpl-wrap #ft-bnrSlide-zone a img {position:static; height:auto; object-fit:none;}
}