/* BASIC css start */
.title {margin-bottom:35px;}
.title h2 {font-size:30px;font-weight:600;}
.mv-t {margin-top:100px;}
.mv-t80 {margin-top:80px;}
.mv-t50 {margin-top:50px;}
.center {text-align:center;}


#wrap {min-width: 1400px;}
/* 메인 비쥬얼 배너 */
#mainspot {position:relative;min-width:1200px;}
#mainspot .main_bn_txt {position:absolute; left: 50%; display: block;top: 52%;margin: 0 auto;transform: translate(-50%, -50%);}
#mainspot .main_bn_txt .big_txt {font-size:40px;font-weight:400;line-height:60px;margin-bottom:45px;} 
#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 50px 50px;}
#mainspot .swipe_bt {position:relative;width:1200px; margin: 0 auto;}
#mainspot .swiper-button-prev {width:24px; height:24px; left: 0;bottom:38px;top:auto;transition:all .3s ease;}
#mainspot .swiper-button-next {width:24px; height:24px; left:64px;bottom:38px;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/pc/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/pc/ic_arrow_r.svg) no-repeat center;background-size:cover; }
#mainspot .swiper-pagination-fraction {bottom:40px;text-align:center;left:24px;font-size:0;width:40px;}
#mainspot .swiper-pagination-fraction span {font-size:14px;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;flex-wrap: nowrap; align-items: center;gap: 0;max-width: 1000px;margin: 0 auto;}
#section2 .menu-icon dl {text-align:center;}
#section2 .menu-icon dt {width:85px; aspect-ratio: 1 / 1; border-radius: 9999px; overflow: hidden; background: #fafafa; position: relative; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04); max-width: 100%;}
#section2 .menu-icon dt img {width: 100%; height: 100%;object-fit: cover; display: block;transition: transform .25s ease;}
#section2 .menu-icon dd a {font-size: 15px;line-height: 1.3; color: #111827; max-width: 100%; font-weight: 500;display: block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;padding-top: 8px;}

/* 탭상품 */
#section3.product_tab { position:relative;}
#section3.product_tab .inner {position:relative;margin-bottom:35px;}
#section3.product_tab .tab_title { position:absolute;left:136px;top:5px;padding: 10px 0 0 0;} 
#section3.product_tab .tab_title ul li{margin-right:20px;}
#section3.product_tab .tab_title ul li:last-child{margin-right:0;}
#section3.product_tab .tab_title ul li a{position:relative; display:block; font-size:14px;}
#section3.product_tab .tab_title ul li a.active {color:var(--point-color);} 
#section3.product_tab .tab_title ul li a.active:before {content:'';position:absolute;top: -7px;left: 50%;transform:translateX(-50%);width:5px;height:5px;display:block;background-color:var(--point-color);border-radius:25px;} 

#section3.product_tab .addTabCon{height:0; overflow:hidden;}
#section3.product_tab .addTabCon.on{height:auto; overflow:visible;}

#section3.product_tab .item-more {position:absolute;right:0;top:25px;} 
#section3.product_tab .item-more a {font-size:14px;font-weight:500;} 
#section3.product_tab .tab_content {} 



/* 이벤트배너3개 */
#section4 .event-banner {display:flex;flex-wrap: nowrap;gap:9px;}
#section4 .event-banner div {}
#section4 .event-banner div img {width:100%;}

/* 실시간hot */
#section5  {display: flex;justify-content: center; align-items: center; background:#F8F8F8;    padding: 80px 0 40px 0;}
#section5 .title {margin-bottom:40px;}
#section5 .title h2 {margin-bottom:20px;}
#section5 .gallery-main { width: 660px; height: 300px; display: flex;
  align-items: center;
  justify-content: center;}
#section5 .gallery-container {position: relative;width: 1200px;display: flex;justify-content: space-between;overflow: hidden;}
#section5 .gallery-list { width: 440px; margin-top:10px;  display: flex;}
#section5 .gallery-thumbs { width: 440px; height:210px; margin-right: 15px;margin-bottom:1px; display: flex; }
#section5 .gallery-thumbs .swiper-slide {padding-left:20px; box-sizing: border-box;cursor: pointer;}
#section5 .gallery-thumbs .swiper-slide p { line-height:45px;font-size:15px;color:var(--gray);font-weight:400;height:45px;}
#section5 .gallery-thumbs .swiper-slide p span {margin-right:10px;letter-spacing:-2px; }
#section5 .gallery-thumbs .swiper-slide-active { opacity: 0.7;}
#section5 .gallery-thumbs .swiper-slide-thumb-active {padding-left:15px;opacity: 1;background:var(--point-color);border-top:none;border-radius:10px;box-shadow: 0px 4px 3px 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:#fff;vertical-align: middle;}
#section5 .gallery-thumbs .swiper-slide-thumb-active p span {color:#d9dd98;letter-spacing:-2px; vertical-align: middle;}
#section5 .gallery-thumbs .swiper-slide:nth-child(5) {display:none;}
#section5 .inner {  width: 440px;height: 100px; display: flex;}
#section5 .leftbox {margin: 0 20px;display: flex; flex-direction: column;}
#section5 .product-item .item-cont .hot-item dl dd .prd-subname a { font-size:16px; color: var(--point-color); font-weight:600; margin-bottom: 16px;}


/* 화제의신상 */
#section6 { width:1200px;position:relative;margin-left:auto;margin-right:auto; }
#section6 .inner {margin-bottom:35px;}

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

/* 히트 */
#section8 {}
#section8 .inner {display: flex;justify-content: space-between;align-items: center;} 
#section8 .hit-title {position:relative;width:240px;padding-bottom:70px;box-sizing: border-box;}
#section8 .hit-title h2 {font-size:30px;font-weight:600;}
#section8 .hit-title p {font-size:16px;color:var(--gray);margin:25px 0;}
#section8 .hit-title .item-more a {font-size:14px;font-weight:500;margin-bottom:30px;}
#section8 .hit-title .swiper-button-next {left:50px;bottom:0;top:auto;}
#section8 .hit-title .swiper-button-prev {left:0;bottom:0;top:auto;}
#section8 .hit-item {width:840px;margin:0;}
#section8 .hit-item .thumb {width:260px;height:260px;border-radius:50%;overflow: hidden;}
#section8 .hit-item .thumb img {width:100%;}
#section8 .hit-item .thumb .thumb-hover {display: flex; align-items: center; flex-direction: column;justify-content: center;border-radius:50%;overflow: hidden;position:absolute;width:100%;height:100%;text-align:center;opacity:0;transition:all .3s ease;background-color:rgb(0,0,0,0.8);color:#fff;z-index:55;}
#section8 .hit-item .thumb:hover .thumb-hover {opacity:1;transition:all .3s ease;}
#section8 .hit-item .thumb .thumb-hover .prd-name {font-size:16px;font-weight:600;margin-bottom:25px;}
#section8 .hit-item .thumb .thumb-hover .prd-price {font-size:16px;font-weight:600;}
#section8 .hit-item .thumb .thumb-hover .prd-price .discount {color:var(--point-color);font-weight:700;}

/* 베스트/선물추천 */
#section9 .inner, #section12 .inner {position: relative;}
#section9 .subtitle {position: absolute; left: 155px; top: 5px; padding: 5px 0 0 0;font-size: 18px;}
#section12 .subtitle {position: absolute; left: 135px; top: 5px; padding: 5px 0 0 0;font-size: 18px;}

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

/* 이벤트롤링배너 */
#section11 { width:1200px;position:relative;margin-left:auto;margin-right:auto; }
#section11 .inner {margin-top:35px;}

/* 이벤트리스트 */

#section13 .event-list { display: flex; gap: 20px; padding: 0; margin: 0; list-style: none; } 
#section13 .event-list li { width: 25%; min-width: 0; /* 말줄임 필수 */}
#section13 .event-list a { display: block; text-decoration: none; color: #000; } 
#section13 .thumb { width: 100%;  aspect-ratio: 1.7 / 1; background: #b0b9cc; overflow: hidden; border-radius: 6px; } 
#section13 .thumb img { width: 100%; height: 100%; object-fit: cover; } 
#section13 .etitle { margin-top: 10px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 


/* 상품 목록 영역 */
.product-item {}
.product-item .item-cont.list3 .item-list {width:190px;}
.product-item .item-cont.list4 .item-list {width:calc(25% - 32px);margin-bottom:32px;}
.product-item .item-cont.list3 .idx1 {width:560px;}
.product-item .item-cont .idx1.item-list dl {display:flex;align-items: center;gap:0 20px;}
.product-item .item-cont .idx1.item-list dl dt {width:270px;min-width:270px;}
.product-item .item-cont .idx1.item-list dl dt.thumb .main_icons img {width:100%;border-radius:10px;}
.product-item .item-cont .idx1.item-list dl dd.prd-info .prd-name a {font-size:18px;font-weight:700;white-space:normal;word-break: break-all;overflow-wrap: break-word;}
.product-item .item-cont .idx1.item-list dl dd.prd-info .prd-subname a {font-size:12px;color:var(--gray);margin-bottom:20px;}
.product-item .item-cont .idx1.item-list dl dd.prd-info .prd-price .price {font-size:16px;font-weight:700;}
.product-item .item-cont .idx1.item-list dl dd.prd-info .prd-price .discount {color:var(--point-color);font-size:16px;font-weight:700;margin-right:5px;}
.product-item .item-cont .idx1 .prd-info .prd-name {margin:0 0 20px;;}
.product-item .item-cont.list3 {display:flex;flex-flow: row wrap;justify-content:space-between;gap:0 20px;align-items:flex-start;}
.product-item .item-cont.list4 {display:flex;flex-flow: row wrap;justify-content:space-between;column-gap: 32px;align-items:flex-start;}
.product-item .item-cont.list3 .item-list .prd-info .prd-name a {font-size:12px;font-weight:400;white-space:normal;word-break: break-all;overflow-wrap: break-word;}

.product-item .item-cont .hot-item {width:660px;}
.product-item .item-cont .hot-item dl {display:flex;align-items: center;gap:0 40px;}
.product-item .item-cont .hot-item dl dt {width:280px;min-width:280px;}
.product-item .item-cont .hot-item dl dt.thumb .main_icons img {width:100%;border-radius:10px;}
.product-item .item-cont .hot-item dl dd .prd-name a {font-size:24px;font-weight:600;white-space:normal;word-break: break-all;overflow-wrap: break-word;}
.product-item .item-cont .hot-item dl dd .prd-name,.product-item .item-cont .hot-item dl dd .prd-price {margin:0 0 30px;}
.product-item .item-cont .hot-item dl dd .prd-price {font-size:18px;}
.product-item .item-cont .hot-item dl dd .prd-price .price {font-weight:700;}
.product-item .item-cont .hot-item dl dd .prd-price .discount {font-weight:700;}
.product-item .item-cont .hot-item dl dd .prd-price strike {font-size:14px;font-weight:400;}
.product-item .item-cont .hot-item dl dd .prd-subname a {font-size:14px;color:var(--gray);margin-bottom:20px;}

/* 상품 목록 영역(공통) */
.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 .thumbLogo {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 46px;
}
.item-cont .item-list .thumb .thumbLogo img{
    display:block;
    width:100%;
}

.item-cont .item-list .thumb img {width:100%;border-radius:4px;}
.item-cont .item-list:nth-child(-n+4) .thumb .num {background:var(--point-color);} 
.item-cont .item-list .prd-info .prd-name {margin:15px 0 10px 0;}
.item-cont .item-list .prd-info .prd-name a { font-size: 17px; font-weight: 400; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
.item-cont .item-list .prd-info .prd-subname {margin-bottom:16px;}
.item-cont .item-list .prd-info .prd-subname a {font-size:13px;color:var(--gray);}
.item-cont .item-list .prd-info .prd-price {font-size:18px;}
.item-cont .item-list .prd-info .prd-price strike {font-size:12px;margin-left:5px;color:var(--gray);}
.item-cont .item-list .prd-info .prd-price .discount {color:var(--point-color);font-weight:700;}
.item-cont .item-list .prd-info .prd-price .price {font-weight:600;}
.prd-ico {display:none;}

/* 공통 */
main .nav-basic .swiper-button-prev, main .nav-basic .swiper-button-next {width:40px; height:40px;transition:all .3s ease;}
main .nav-basic .swiper-button-prev:hover,main .nav-basic .swiper-button-next:hover {opacity:1;}
main .nav-basic .swiper-button-next {right:-60px;top: 50%; margin-top:-20px;} 
main .nav-basic .swiper-button-next:after {font-size:0;width:100%;height:100%;background:url('//skin.makeshop.co.kr/skin/lifegoods/images/pc/next-ic.svg') no-repeat center;background-size:cover;} 
main .nav-basic .swiper-button-prev {left:-60px;top: 50%; margin-top:-20px;} 
main .nav-basic .swiper-button-prev:after {font-size:0;width:100%;height:100%;background:url('//skin.makeshop.co.kr/skin/lifegoods/images/pc/prev-ic.svg') no-repeat center;background-size:cover;} 
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:12px;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/pc/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/pc/ic_arrow_r_w.svg) no-repeat center;background-size:; }




 .videoWrap { max-width: 1200px; margin: 80px auto 120px; display: flex; gap: 5px; align-items: stretch;  } 

 /* 왼쪽 텍스트 영역 */
 .textWrap { width: 30%; background: #f9f9f9; padding: 50px 40px; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; } 
 .textWrap h2,.textWrap p {margin: 0; }
 .textWrap p { font-size: 30px;line-height: 120%;letter-spacing: -1.5px;}
 .textWrap span {font-weight: 600;}
 
 /* 오른쪽 영상 영역 */
 .youtubeWrap { width: 70%; display: flex;} 

 /* 유튜브 16:9 비율 유지 */
 .video-box { position: relative; width: 100%; padding-top: 56.25%; border-radius: 10px; overflow: hidden; background: #000; } 

 .video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } 

 /* 모바일 대응 */
 @media (max-width: 768px){
 .videoWrap { flex-direction: column; } 

 .textWrap,
 .youtubeWrap { width: 100%; } 
 
 .textWrap {
      min-height: auto;
    }
 }
/* BASIC css end */