/* BASIC css start */
.mv-t {margin-top:50px;}
.title {margin-bottom:20px;}
.title h2 {font-size:22px;font-weight:600;}
.dn {display:none;}
.txt-center {text-align:center;}
/* 메인 비쥬얼 배너 */
#mainspot {position:relative;}
#mainspot .main_bn_txt {position:absolute; left: 4%; display: block;top: 45px;margin: 0 auto;}
#mainspot .main_bn_txt .big_txt {font-size:20px;font-weight:400;margin-bottom:12px;line-height:1.5;} 
#mainspot .main_bn_txt .big_txt strong {font-weight:600;} 
#mainspot .main_bn_txt .small_txt {font-size:20px;font-weight:400;} 
#mainspot .swiper-slide img {width:100%;border-radius:0 0 20px 20px;}
#mainspot .swipe_bt {position:relative;width:78px;margin:0 4%;}
#mainspot .swiper-button-prev {width:24px; height:24px; left:0;bottom:20px;top:auto;transition:all .3s ease;}
#mainspot .swiper-button-next {width:24px; height:24px; right:0;bottom:20px;top:auto;transition:all .3s ease;}
#mainspot .swiper-button-prev:after {width:100%; height:100%;font-size:0; background:url(//skin.makeshop.co.kr/skin/lifegoods/images/mo/ic_arrow_l.svg) no-repeat center;background-size:cover; }
#mainspot .swiper-button-next:after {width:100%; height:100%;font-size:0; background:url(//skin.makeshop.co.kr/skin/lifegoods/images/mo/ic_arrow_r.svg) no-repeat center;background-size:cover; }
#mainspot .swiper-pagination-fraction {bottom:19px;text-align:center;left:24px;font-size:0;width:30px;}
#mainspot .swiper-pagination-fraction span {font-size:12px;color:var(--gray);}
#mainspot .swiper-pagination-fraction span:first-child:after {content:'';display:inline-block;width: 2px;height: 2px; background: var(--gray); vertical-align: middle;margin:0 5px;border-radius:25px;}
#mainspot .swiper-pagination-fraction span.swiper-pagination-current {color:#000;}

/* 아이콘메뉴 */
#section2 {}
#section2 .menu-icon {display:flex;justify-content: space-between;space-between;flex-wrap: wrap;align-items:center;gap:20px 0;}
#section2 .menu-icon dl {width:calc(20% - 2%);text-align:center;}
#section2 .menu-icon dt {width:58px;min-height:58px;line-height:58px;background-color:#eeeeee;border-radius:10px;margin:0 auto 15px;}
#section2 .menu-icon dt img {vertical-align:middle;}
#section2 .menu-icon dd a { font-size:12px;}

/* 탭상품 */
#section3.product_tab { position:relative;}
#section3.product_tab .inner {}
#section3.product_tab .tab_title {margin:0 4% 25px;}
#section3.product_tab .tab_title ul li {position:relative;display:inline-block;width:auto;font-size:13px;cursor: pointer;margin-right:28px;}
#section3.product_tab .tab_title ul li.active {color:var(--point-color);font-weight:600;} 
#section3.product_tab .tab_content {}
#section3.product_tab .tab_content .item-cont dl dt.thumb img {width:100%;border-radius:5%;}
#section3.product_tab .tab_content .item-cont dl dd.prd-info  {text-align:center;}

/* 배너 */
#section4 .event-banner img {width:100%;}


/* 실시간hot */
#section5  { background:#F8F8F8;padding:30px 0;}
#section5 .title {margin-bottom:20px;}
#section5 .gallery-main {}
#section5 .gallery-container {position: relative;overflow: hidden;}
#section5 .gallery-thumbs { display:block;order: -1; width:100%; height: 200px;margin-top:25px;margin-bottom:1px;overflow: hidden;}
#section5 .gallery-thumbs .swiper-slide {padding-left:15px;border-top:1px solid var(--line-color);box-sizing: border-box;cursor: pointer;}
#section5 .gallery-thumbs .swiper-slide p {line-height:40px;font-size:14px;color:var(--gray);font-weight:400;}
#section5 .gallery-thumbs .swiper-slide p span {margin-right:10px;}
#section5 .gallery-thumbs .swiper-slide:last-child {border-bottom:1px solid var(--line-color);}
#section5 .gallery-thumbs .swiper-slide-active { opacity: 0.7;}
#section5 .gallery-thumbs .swiper-slide-thumb-active {transition: 0.3s;padding-left:15px;opacity: 1;background:var(--fff);border-top:none;border-radius:5px;box-shadow: 0px 4px 8px 0px #0000000D; }
#section5 .gallery-thumbs .swiper-slide-thumb-active + div { border-top:none; }
#section5 .gallery-thumbs .swiper-slide-thumb-active p {font-weight:600;color:#000;}
#section5 .gallery-thumbs .swiper-slide-thumb-active p span {color:var(--point-color);}

/* 화제의신상 */
#section6 {overflow:hidden;}
#section6 .swiper{overflow:visible;}
#section6 .inner {position:relative;margin-right:0;}
#section6 .inner .item-more {position:absolute;right:4%;top:6px;}
#section6 .inner .item-more a {font-size:12px;font-weight:500;} 
#section6 .inner .item-more img {vertical-align:middle;}
#section6 .prd-name {margin:10px 0;}
#section6 .prd-name a {font-size:12px;font-weight:400;}

/* 이벤트배너 */
#section7 .inner {position:relative;} 
#section7 .event-banner2 div img {width:100%;}

/* 히트 */
#section8 {position:relative;}
#section8 .inner {}
#section8 .item-cont dl dt.thumb img {width:100%;border-radius:3%;}
#section8 .item-cont dl dd.prd-info  {text-align:center;}
#section8 .item-more {position:absolute;right:4%;top:6px;}
#section8 .item-more a {font-size:12px;font-weight:500;} 
#section8 .item-more img {vertical-align:middle;}

/* 베스트 */
#section9 {}
#section9 .best-prd {}
#section9 .product-item.best-prd dl {display: flex;justify-content:flex-start;align-items: center; gap:20px;  margin-bottom:15px;}
#section9 .product-item.best-prd dl dt { }
#section9 .product-item.best-prd .item-cont .item-list .thumb {width:150px;}

#section9 .product-item.best-prd .item-cont .item-list .prd-info .prd-name {margin:0 0 15px; }
#section9 .product-item.best-prd .item-cont .item-list .prd-info .prd-name a {font-size:12px;font-weight:400; }
#section9 .product-item.best-prd .item-cont .item-list .prd-info .prd-price {font-size:11px;font-weight:600;}
#section9 .product-item.best-prd .item-cont .item-list .prd-info .prd-price strike {font-size:11px;font-weight:400;color:var(--gray);margin-left:5px;}

/* 이벤트 */
#section10 {position:relative;} 
#section10 .swiper-slide img {width:100%;}

/* 이벤트롤링배너 */
#section11 {margin-top:10px; overflow:hidden; }
#section11 .swiper{overflow:visible;}
#section11 .swiper-slide a img {width:100%;}


/* 상품 목록 영역(공통) */
.item-cont .item-list .thumb {position:relative;}
.item-cont .item-list .thumb .num {position:absolute;left:0;width:24px;height:24px;line-height:24px;text-align:center;color:var(--fff);background:var(--gray);border-radius:4px 0 4px 0 ;}
.item-cont .item-list .thumb img {width:100%;border-radius:4px;}
.item-cont .item-list:first-child .thumb .num {background:var(--point-color);} 
.item-cont .item-list .prd-info .prd-name {margin:20px 0;}
.item-cont .item-list .prd-info .prd-name a {font-size:16px;font-weight:600;white-space:normal;word-break: break-all;overflow-wrap: break-word;}
.item-cont .item-list .prd-info .prd-subname {margin:20px 0;}
.item-cont .item-list .prd-info .prd-subname a {font-size:11px;color:var(--gray);}
.item-cont .item-list .prd-info .prd-price {font-size:14px;}
.item-cont .item-list .prd-info .prd-price del {font-size:12px;margin-left:1px;color:var(--gray);}
.item-cont .item-list .prd-info .prd-price .discountPer {color:var(--point-color);font-weight:700;margin-right:1px;}
.item-cont .item-list .prd-info .prd-price .discount {color:var(--point-color);}
.item-cont .item-list .prd-info .prd-price .price {font-weight:600;}

/* 공통 */
main .swipe_button {position: absolute; right: 20px;  bottom: 10px;width: 70px;height: 20px;}
main .swipe_button .swiper-pagination-fraction {height:20px;line-height:20px;bottom:0px;text-align:center;left:20px;font-size:0;width:30px;background-color:rgb(0,0,0,0.5);}
main .swipe_button .swiper-pagination-fraction span {font-size:10px;color:var(--gray);font-weight:400;}
main .swipe_button .swiper-pagination-fraction span:first-child:after {content:'';display:inline-block;width: 2px;height: 2px; background: var(--gray); vertical-align: middle;margin:0 5px;border-radius:25px;}
main .swipe_button .swiper-pagination-fraction span.swiper-pagination-current {color:#fff;}
main .swipe_button .swiper-button-prev {width:20px; height:20px; left: 0;bottom:0px;top:auto;transition:all .3s ease;background-color : rgb(0,0,0,0.5);border-radius:25px 0 0 25px; }
main .swipe_button .swiper-button-next {width:20px; height:20px; left:50px;bottom:0px;top:auto;transition:all .3s ease;background-color : rgb(0,0,0,0.5);border-radius:0 25px 25px 0;}
main .swipe_button .swiper-button-prev:after {width:100%; height:100%;font-size:0; background:url(//skin.makeshop.co.kr/skin/lifegoods/images/mo/ic_arrow_l_w.svg) no-repeat center;background-size:; }
main .swipe_button .swiper-button-next:after {width:100%; height:100%;font-size:0; background:url(//skin.makeshop.co.kr/skin/lifegoods/images/mo/ic_arrow_r_w.svg) no-repeat center;background-size:; }
.item-more {position:absolute;right:4%;top:6px;}
.item-more a {font-size:12px;font-weight:500;} 
.item-more img {vertical-align:middle;}


/* BASIC css end */