/* BASIC css start */
.mv-t {margin-top:70px;}
.title {margin-bottom:22px;}
.title h2 {font-size:22px;font-weight:600; line-height: 100%;}
.dn {display:none;}
.txt-center {text-align:center;}
.mv-t30 {margin-top:30px;}
.mv-t50 {margin-top:50px;}
.mt20 {margin-top:20px;}
.center {text-align:center;}
.subtitle {padding: 10px 0 0 0; font-size: 14px;}

/* 메인 비쥬얼 배너 */
#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 25px 25px;}
#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:10px 0;}
#section2 .menu-icon dl {width:calc(25% - 2%);text-align:center;}
#section2 .menu-icon dt {width:58px;min-height:58px; 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%;margin: 0 auto;}
#section2 .menu-icon dt img {width: 100%; height: 100%;object-fit: cover; display: block;transition: transform .25s ease;}
#section2 .menu-icon dd {padding-top:5px;}
#section2 .menu-icon dd a { font-size:13px; }

/* 탭상품 */
#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%;}
#section3.product_tab .tab_content .item-cont dl dd.prd-info  {text-align:center;}

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


/* 밥맛좋은홍성쌀 */
#section5  { background:#F8F8F8;padding:70px 0 40px 0;}
#section5 .title {margin-bottom:20px;}
#section5 .gallery-main {}
#section5 .gallery-container {position: relative;overflow: hidden;    padding: 0 10px;}
#section5 .gallery-thumbs { display:block;order: -1; width:100%; height: 160px;margin-bottom:1px;overflow: hidden; margin-top: 0px;}
#section5 .gallery-thumbs .swiper-slide {padding-left:15px;box-sizing: border-box;cursor: pointer;}
#section5 .gallery-thumbs .swiper-slide p {line-height:30px;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 {}
#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(--point-color);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:#fff;}
#section5 .gallery-thumbs .swiper-slide-thumb-active p span {color:#d1d066;}
#section5 .prd-info {padding:0 10px;}
#section5 .item-cont .item-list .prd-info .prd-subname {margin:20px 0 0 0;}
#section5 .item-cont .item-list .prd-info .prd-name {margin:5px 0 10px 0;}
#section5 .item-cont .item-list .prd-info .prd-name a { font-size: 17px; font-weight: 600;}
/* 화제의신상 */
#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;}


/* 이벤트배너 */
#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:5px;}
#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;}

/* 베스트 */

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

/* 이벤트롤링배너 */
#section11 {margin-top:70px; overflow:hidden; }
#section11 .swiper{overflow:visible;}
#section11 .swiper-slide a img {width:100%;}
#section11 .thumb {width: 100%; aspect-ratio: 1.7 / 1; overflow: hidden; background: #f0f0f0; border-radius: 5px;}
#section11 .thumb img {width: 100%; height: 100%;    object-fit: cover;    object-position: center;}
#section11 p.etitle { font-size: 16px;padding:10px 5px;white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;  }


/* 상품 목록 영역(공통) */
.item-cont > ul {display:flex;justify-content: space-between;flex-wrap: wrap;margin:0 4%;}
.item-cont .item-list.list2 {width:calc(50% - 10px);margin-bottom:30px;}
.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:10px 0;}
.item-cont .item-list .prd-info .prd-name a { font-size: 15px; font-weight: 400; line-height: 20px; 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:20px 0;}
.item-cont .item-list .prd-info .prd-subname a {font-size:15px;color:var(--point-color); font-weight:600;}
.item-cont .item-list .prd-info .prd-price {font-size:16px;letter-spacing: -1px;}
.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);font-weight:700;}
.item-cont .item-list .prd-info .prd-price .price {font-weight:600;}
.item-cont .item-list .prd-info .prd-price strike {color:#a4a4a4;}
 


/* 공통 */
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;}





.PJ_main_youtube_iframe {
    display: flex;
    width: 100%;
    padding:0 10px;
    box-sizing: border-box;
}
.PJ_main_youtube_iframe .PJ_main_youtube_iframe_inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    border-radius: 5px;
    overflow: hidden;
    background: #000;
}
.PJ_main_youtube_iframe .PJ_main_youtube_iframe_inner iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* BASIC css end */