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

/* 메인 배너 */
#mainSpot { position:relative; margin-bottom:100px; } 
#mainSpot .swiper>ul>li>a { display:block; width:100% } 
#mainSpot .swiper>ul>li>a>img { width: 100%; } 
#mainSpot .swiper .btn_wrap { position: absolute; z-index: 4; bottom: 21px; left: 50%; transform: translateX(-50%); display: flex; width:86px; } 
#mainSpot .swiper .btn_wrap .swiper-pagination { background-color: rgba(0,0,0,0.5); border-radius: 25px; width: 82px; height: 36px; color: #fff; position:static; margin-right:10px; font-size: 0; } 
.swiper-pagination .swiper-pagination-total,
.swiper-pagination::before { opacity: 0.5; font-size:14px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } 
.swiper-pagination .swiper-pagination-current { opacity: 1; font-size:14px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); } 
.swiper-pagination .swiper-pagination-current::after { content: '/'; opacity: 0.5; /* '/' 기호의 투명도 */ margin: 0 7px; /* 위치 조정 필요 시 */ font-size: 14px; } 
#mainSpot .swiper .btn_wrap .control_btn { position:relative; } 
#mainSpot .swiper .btn_wrap .control { position:absolute; left:0; top:0; display:none; } 
#mainSpot .swiper .btn_wrap .control.on { display:block; } 
#mainSpot .swiper .btn_wrap .control a { cursor: pointer; display: flex; transition: all .1s; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: rgb(0 0 0 / 50%); } 
#mainSpot .swiper .btn_wrap .control a img { width:10px; } 
#mainSpot .swiper .btn_wrap .pause_btn.control a img { width:8px; } 
#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;} 
#mainSpot .swiper-button-prev {left: 15.6% !important;opacity: 0.8;} 


/* 아이콘 영역 */
.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(/design/songamsw/khm/potato/new.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%; } 
.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: 100px; } 
.cont_inner .left_tit img { width:254px; } 
#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; } 
#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; } 
/* BASIC css end */

