/*
(주)파이브센스_FIVESENSES.Corp.
파이브프로_FIVEPro_웹솔루션.
본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다.
무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다.
위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다.
작성일: 2025-03-11 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved.
*/

#store_widget-f .store_container {position: relative; display: flex; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

/* #store_widget-f .store-box {max-width: 727px; max-height: 500px; width: 100%; border-radius: 0px; overflow: hidden;}
#store_widget-f .store_box-wrap {position: absolute; max-width: 557px; width: 100%; background: #fff; z-index: 10; right:0; bottom:0; padding: 73.5px 0;} 
#store_widget-f .store_box-wrap .store_text {padding-left: 28.5%;}

#store_widget-f .swiper_btn {position: absolute; bottom: 30px; left: 0;  }
#store_widget-f .swiper_btn .swiper-button-next:after, .swiper_btn .swiper-button-prev:after {display: none;}
#store_widget-f .swiper_btn .swiper-button-prev {left: 16px;}
#store_widget-f .swiper_btn .swiper-button-next {right: -94px;}
*/


#store_widget-f .store-box {width: 50%;  border-radius: 0px; overflow: hidden;}
#store_widget-f .store_box-wrap {display:flex; align-items: center; justify-content: center; width: 50%;background: #fff; }

#store_widget-f .store-box img {width: 100%;}

#store_widget-f .store_box-wrap * {line-height: 1;}
#store_widget-f .store_box-wrap .rank {font-weight: 500; font-size: 18px; color: #c5000a;}
#store_widget-f .store_box-wrap .store_name {font-weight: 600; font-size: 35px; padding: 30px 0 50px; color: #0c0c0c;} 
#store_widget-f .store_box-wrap .store_ul {display: flex; flex-direction: column; gap: 25px 0;}
#store_widget-f .store_box-wrap .store_ul .store_li {display: flex; align-items: flex-start; gap: 0 8px;}
#store_widget-f .store_box-wrap .store_ul .store_li .store_info {width: 76px; font-weight: 500; font-size: 18px; color: #222222;}
#store_widget-f .store_box-wrap .store_ul .store_li p { font-size: 18px; color: #666666;}
#store_widget-f .store_box-wrap .store_ul .store_li .store_road p:first-child {margin-bottom: 13px;}





#store_widget-f .swiper_btn {position: absolute; top:50%; transform: translateY(-50%); left: 0; width: 100%;  z-index: 100;}
#store_widget-f .swiper_btn .swiper-button-next:after, .swiper_btn .swiper-button-prev:after {display: none;}
#store_widget-f .swiper_btn .swiper-button-prev {left: 16px;}
#store_widget-f .swiper_btn .swiper-button-next {right: 16px;}




@media (max-width:991px) {
    #store_widget-f .store_container {display: flex; flex-direction: column; align-items: flex-end;}
    /* #store_widget-f .store-box {max-width: unset; max-height: unset; border-radius: 0px;}
    #store_widget-f .store_box-wrap {position: static;transform: translateY(-50px);max-width: none;width: calc(100% - 50px);}
    #store_widget-f .store_box-wrap {max-width: unset; padding: 32.5px 0 0;}
    #store_widget-f .store_box-wrap .store_text {padding-left: 30px;} */
    #store_widget-f .store-box {max-width: unset; max-height: unset; width: 100%; border-radius: 0px;}
    #store_widget-f .store_box-wrap {width: 100%; padding: 32.5px 0;}

    #store_widget-f .store_box-wrap .rank {font-size: clamp(10px,1.82vw,18px);}
    #store_widget-f .store_box-wrap .store_name {padding: clamp(20px,3.03vw,30px) 0 clamp(30px,5.05vw,50px); font-size: clamp(21px,3.53vw,35px);}
    
    #store_widget-f .store_box-wrap .store_ul {gap: clamp(17.5px,2.52vw,25px) 0;}
    #store_widget-f .store_box-wrap .store_ul .store_li .store_info {font-size: clamp(13px,1.82vw,18px); width: clamp(57px,7.67vw,76px);}
    #store_widget-f .store_box-wrap .store_ul .store_li p {font-size: clamp(13px,1.82vw,18px);}
    #store_widget-f .store_box-wrap .store_ul .store_li .store_road p:first-child {margin-bottom: 10px;}
    /* #store_widget-f .swiper_btn {display: none;} */

    #store_widget-f .swiper_btn img {width: 18px;}
    #store_widget-f .swiper_btn .swiper-button-prev {left: 15px;}
    #store_widget-f .swiper_btn .swiper-button-next {right: 15px;}
}