/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
body .r_quick_menu {bottom: -14%;} 
body .r_quick_menu.scroll{bottom:10%;}

/* 메인 배너 */
#mainSpot {
    position: relative;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 50px;
}
#mainSpot .swiper {
    padding-bottom: 60px;
}
#mainSpot .swiper>ul>li {width:1280px;}
#mainSpot .swiper>ul>li>a { display:block; width:100% } 
#mainSpot .swiper>ul>li>a>img { width: 100%; }  
#mainSpot .swiper ul li.swiper-slide-active .txt_area p { transform: translateY(0px); opacity: 1; } 
#mainSpot .swiper ul li.swiper-slide-active .txt_area a.more { transform: translateY(0px); opacity: 1; } 
#mainSpot .swiper ul li .txt_area { overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left:0; padding-left:6%; max-width:95% } 
#mainSpot .swiper ul li .txt_area>* { transform: translateY(-25px); } 
#mainSpot .swiper ul li .txt_area p { opacity: 0; line-height: 1.3; } 
#mainSpot .swiper ul li .txt_area p.big { transition: all .6s; transition-delay: .1s; margin-bottom: 8px; } 
#mainSpot .swiper ul li .txt_area p.sub { font-weight: 500; transition: all .6s; margin-bottom: 17px; transition-delay: .37s; } 
#mainSpot .swiper ul li .txt_area a.more { opacity: 0; transition-delay: .6s; } 
#mainSpot .swiper-button-next {right: 15.6% !important;opacity: 0.8;margin: 0;top: 50%;transform: translateY(-50%);} 
#mainSpot .swiper-button-prev {left: 15.6% !important;opacity: 0.8;margin: 0;top: 50%;transform: translateY(-50%);}  
/* --- 새로운 탭 형태 페이지네이션 스타일 --- */
#mainSpot .swiper-pagination.custom-tabs {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    display: flex;
    background-color: #fff;
    z-index: 10;
    width: 1280px;
    right: 0;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

#mainSpot .swiper-pagination.custom-tabs .swiper-pagination-bullet {
    flex: 1; 
    height: 58px;  
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #666;
    font-size: 14px;
    opacity: 1; 
    border-radius: 0; 
    margin: 0; 
    border-right: 1px solid #e5e5e5; 
    border-bottom: 3px solid transparent;  
    box-sizing: border-box;
    transition: all 0.3s;
} 
#mainSpot .swiper-pagination.custom-tabs .swiper-pagination-bullet:last-child {
    border-right: none;
} 
#mainSpot .swiper-pagination.custom-tabs .swiper-pagination-bullet-active {
    font-weight: 700;
    color: #FB1016;
    border-bottom: 3px solid #FB1016;
}

/* 아이콘 영역 */
.ico_wrap { overflow:visible; } 
.ico_wrap ul { display: flex; justify-content: center; align-items: center; gap: 30px; } 
.ico_wrap ul li { max-width: 110px; } 
.ico_wrap ul li a { display:inline-block; } 
.ico_wrap ul li.ico_on { position:relative; } 
.ico_wrap ul li.ico_on:after { content:''; display:inline-block; background:url(//skin.makeshop.co.kr/skin/potato/img/new_icon.png)no-repeat center; width:50px; height:30px; background-size:cover; position:absolute; left:50%; top:-10px; margin-left:-25px; animation: up-down 1.4s infinite ease-in-out alternate; } 
.ico_wrap ul li a img { width: 100%;
    width: 100%;
    background: #f5f5f5;
    border-radius: 30px; } 
.ico_wrap ul li a p { margin-top:10px; font-size: 15px; font-weight: 400; text-align: center; line-height: 1.25; } 
@keyframes up-down { 
 from { transform:translateY(0px); } 
 to { transform:translateY(-8px); } 
 }


/* 오늘의 혜택 */


/* 신상특가 */
.cont_inner {display:flex;background:#E8DFD6;align-items: flex-start;gap: 56px;padding: 60px 40px;border-radius: 25px;} 
.cont_inner .left_tit { padding: 23px 0 0 0; width: 254px; } 
.cont_inner .left_tit h2 { font-size:24px; font-weight:200; margin-bottom:60px; } 
.cont_inner .left_tit h2 b { display:block; font-size:40px; font-weight:300; line-height: 1.2; } 
.cont_inner .left_tit p { font-size:20px; font-weight:100; margin-bottom: 65px; } 
.cont_inner .left_tit img {
    width: 235px;
    position: absolute;
    bottom: 16px;
    left: 32px;
}
#newsale_swiper { position:relative; width: calc(100% - 310px); } 
#newsale_swiper .swiper-button-prev {top:140px;left: -14px;margin-top: 0;opacity: 0.8;} 
#newsale_swiper .swiper-button-next {top:140px;right: -14px;margin-top: 0;opacity: 0.8;} 
#newsale_swiper .swiper-button-next.swiper-button-disabled, #newsale_swiper .swiper-button-prev.swiper-button-disabled { opacity:0 !important; } 


/* 맛있는 장보기 */


/* 서브배너 */
.sub_bnr_wrap { position:relative; } 
.sub_bnr_wrap a { display:block; } 
.sub_bnr_wrap a img { width:100%; } 


/* 베스트(탭롤링) */
#tab_swiper { margin-bottom: 20px; } 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { color: #fff; background: #000; font-weight: 600; } 
#tab_swiper .swiper-slide { width: auto !important; } 
#tab_swiper .swiper-slide a { display: inline-block; font-size: 16px; font-weight: 400; color: #000; padding: 12px 18px; white-space: pre; border: 1px solid #000; border-radius: 30px; } 
#tab_swiper .swiper-slide a:hover { font-weight: 800; color: #fff; background: var(--point-color2); } 


/* 더 달콤 스테비아 토마토 */


/* 친환경 국내산 방울양배추 */


/* Shot! 타임 */
#shot_swiper { position:relative; } 
#shot_swiper .swiper-button-prev { top: 155px; left: -14px; margin-top: revert-layer; opacity: 0.8; } 
#shot_swiper .swiper-button-next { top: 155px; right: -14px; margin-top: 0; opacity: 0.8; } 
#shot_swiper .swiper-button-next.swiper-button-disabled, #shot_swiper .swiper-button-prev.swiper-button-disabled { opacity:0 !important; } 
#shot_swiper .bnr { } 
#shot_swiper .bnr a { display: inline-block; } 
#shot_swiper .bnr a img { width: 100%; } 
#shot_swiper .bnr .prd-name { margin:15px 0; } 
#shot_swiper .bnr .prd-name a { font-size: 16px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.25; height: 2.5em;} 
#shot_swiper dl { display: flex; align-items: center; gap: 12px; } 
#shot_swiper dl dt { width: 80px; flex-shrink: 0; } 
#shot_swiper dl dt .prd-wish { display:none; } 
#shot_swiper dl dd { padding: 0; } 
#shot_swiper dl dd .prd-subname a { font-size: 13px; font-weight: 400; color: #666; } 
#shot_swiper dl dd .prd-price .dc_per { font-size: 14px; font-weight: 600; } 
#shot_swiper dl dd .prd-price .normal { font-size: 14px; font-weight: 600; } 
#shot_swiper dl dd .prd-price .consumer { display: none; } 
#shot_swiper dl dd .prd-review { display: none; } 



/* 플로팅 배너 */  
.floating-banner {
    position: absolute;
    top: 0;
    width: 270px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    /*gap: 20px;*/
}
.floating-banner img {
    max-width: 100%;
    height: 250px;
}
/* 왼쪽 배너 위치 잡기 */
.floating-banner.left {
    left: 50%;  
    margin-left: -910px; 
}

/* 오른쪽 배너 위치 잡기 */
.floating-banner.right {
    left: 50%;  
    margin-left: 640px; 
}
 
 
 
 
 
 
 


/* BASIC css end */