@charset "UTF-8";

/*************
    매장재고
**************/
body * { font-family: 'Notosans' !important; }

.tag { display: block; height: auto !important; }


.wrap-control-list .check-total-goods { letter-spacing: -0.5px; }


.store_info_wrap { display: flex; height: calc(100vh - 220px); }


.store_info_wrap .store_info_area { position: relative; width: 360px; min-height: calc(100vh - 220px); height: 100%; background-color: #fff; border-right: 1px solid #C2C2C2; }

.store_info_area .menu-tab button { height: 46px; line-height: 46px; background-color: #F8F8F8; border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; border-right: none; letter-spacing: -0.5px; color: #666; font-size: 14px; font-weight: 500; }
.store_info_area .menu-tab button.active { background-color: #fff; color: #D82228; border-bottom: none; border-color: #C2C2C2; }
.store_info_area .menu-tab button + button { border-left: 1px solid #C2C2C2; }


.store_info_area .search_area { padding: 4px 11px; border-bottom: 1px solid #E0E0E0; }
.store_info_area .search_area:has(.desc_area) { padding-bottom: 10px; }
.store_info_area .search_area .search_form { position: relative; }
.store_info_area .search_area .search_form .form_control { height: 30px; padding: 5px 30px 5px 10px; background-color: #F7F7F7; border: none; color: #333; font-size: 12px; font-weight: 400; text-indent: 0; }
.store_info_area .search_area .search_form .form_control::placeholder { color: #555; }
.store_info_area .search_area .search_form .search_btn { position: absolute; top: 50%; right: 6px; width: 20px; height: 20px; background: url(/pc/images/btn_search.svg) no-repeat center / 20px auto; transform: translateY(-50%); text-indent: -9999999px; }
.store_info_area .search_area.ty02 { border-bottom: 4px solid #F2F2F2; }


.store_info_area .tab_cont { display: none; }
.store_info_area .tab_cont.on { display: block; }


.store_info_area .scroll_y { overflow-y: auto; overflow-x: hidden; }
.store_info_area .scroll_y::-webkit-scrollbar { width: 4px; }
.store_info_area .scroll_y::-webkit-scrollbar-thumb { background-color: #999; border-radius: 4px; }
.store_info_area .scroll_y::-webkit-scrollbar-track { background-color: #f0f0f0; }


.store_info_area .category_area { padding: 1.5rem; border-top: 10px solid #F2F2F2; border-bottom: 1px solid #E0E0E0; }
.store_info_area .category_area .wrap-control-list { text-align: left; }
.store_info_area .category_area .check-total-goods { float: none; color: #333; font-weight: 600; line-height: 1; font-size: 14px; }
.store_info_area .category_area .check-total-goods em { color: #ac2f33; }
.store_info_area .category_area .check-spread-list { display: block; width: 100%; }

.store_info_area .category_area .check-area { display: flex; gap: 2px; width: 100%; margin-top: 1.9rem; font-size: 0; }
.store_info_area .category_area .check-area .label { position: relative; flex: 1; }
.store_info_area .category_area .check-area .label input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.store_info_area .category_area .check-area .label label { display: block; position: relative; z-index: 2; height: 31px; background: #e5e5e5; font-size: 1.2rem; font-weight: 400; line-height: 30px; text-align: center; cursor: pointer; }
.store_info_area .category_area .check-area .label input:checked + label { background-color: #ac2f33; color: #fff; }


.store_info_area .item_list_area .goods-list .item_list { display: flex; flex-wrap: wrap; align-items: stretch; width: auto; margin-left: 0; }
.store_info_area .item_list_area .goods-list .item_list li { position: relative; width: 50%; height: auto !important; padding: 10px; margin: 0; }
.store_info_area .item_list_area .goods-list .item_list li .thumb { width: 160px; height: auto !important; margin: 0; padding: 0; }
.store_info_area .item_list_area .goods-list .item_list li .thumb img { max-width: 160px; max-height: 160px; }
.store_info_area .item_list_area .goods-list .item_list li .pname { font-size: 14px; }
.store_info_area .item_list_area .goods-list .item_list li .price-red2  { font-size: 18px; }
.store_info_area .item_list_area .goods-list .item_list li .wrap-sticker img { height: 18px !important; }
.store_info_area .item_list_area .goods-list .item_list li .goods-name { font-size: 12px; }
.store_info_area .item_list_area .goods-list .item_list li .information { height: auto; }
.store_info_area .item_list_area .goods-list .item_list li:has(.search_store_btn) .information { margin-bottom: 54px; }
.store_info_area .item_list_area .goods-list .item_list li .hover-container { height: 267px; width: calc(100% - 2px); left: 50%; transform: translateX(-50%); }
.store_info_area .item_list_area .goods-list .item_list li .hover-container .pdesc { align-items: flex-start; padding: 0 10px; }
.store_info_area .item_list_area .goods-list .item_list li .hover-container .pdesc span { width: auto; }
.store_info_area .item_list_area .goods-list .item_list li .search_store_btn { display: block; position: absolute; bottom: 10px; left: 10px; right: 10px; height: 34px; border: 1px solid #CCC; line-height: 34px; color: #555; font-size: 12px; font-weight: 500; text-align: center; letter-spacing: -0.5px; }


.store_info_area .item_list_area .goods-list .item_list.no_hover_cont li:hover .hover-container { display: none; }


.store_info_area .item_list_area .item_list.wp100 { padding: 0 16px; border-top: 10px solid #F2F2F2; }
.store_info_area .item_list_area .item_list.wp100 li a { display: flex; align-items: flex-start; gap: 14px; width: 100%; padding: 16px 0; }
.store_info_area .item_list_area .item_list.wp100 li:first-child a { padding-top: 14px; }
.store_info_area .item_list_area .item_list.wp100 li + li { border-top: 1px solid #F2F2F2; }
.store_info_area .item_list_area .item_list.wp100 .img_area { width: 82px; height: 82px; }
.store_info_area .item_list_area .item_list.wp100 .img_area img { width: 100%; height: 100%; background-size: cover; }

.store_info_area .item_list_area .item_list.wp100 .info_area { width: calc(100% - 96px); }
.store_info_area .item_list_area .item_list.wp100 .info_area .tag { margin-top: 2px; }


.store_info_area .title_area { height: 40px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; text-align: center; }
.store_info_area .title_area .tit { margin: 0; color: #333; font-size: 15px; font-weight: 400; line-height: 40px; }


.store_info_area .depth2_wrap { box-sizing: border-box; position: absolute; top: 0; left: calc(100% + 1px); width: 100%; height: 100%; background-color: #fff; border-top: 1px solid #E0E0E0; }
.store_info_area .depth2_wrap .depth2_title_area { box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative; height: 45px; padding: 0 11px; border-bottom: 1px solid #D9D9D9; text-align: center; }
.store_info_area .depth2_wrap .depth2_title_area .tit { margin: 0; color: #333; font-size: 16px; font-weight: 700; line-height: 24px; }
.store_info_area .depth2_wrap .depth2_title_area .back_btn { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 24px; height: 24px; background: url(/pc/images/btn_back.svg) no-repeat center / 24px auto; text-indent: -9999999px; }
.store_info_area .depth2_wrap .depth2_title_area .close_btn { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 24px; height: 24px; background: url(/pc/images/btn_close.svg) no-repeat center / 24px auto; text-indent: -9999999px; }

.store_info_area .depth2_wrap .store_title_area { padding: 20px 16px; border-bottom: 1px solid #E0E0E0; }
.store_info_area .depth2_wrap .store_title_area .tit { color: #333; font-size: 18px; font-weight: 700; line-height: 27px; }
.store_info_area .depth2_wrap .store_title_area .tag { margin-top: 6px; }
.store_info_area .depth2_wrap .store_title_area .stock_search_btn { display: block; width: 100%; height: 40px; margin-top: 20px; background-color: #333; color: #fff; font-size: 16px; font-weight: 500; line-height: 40px; text-align: center; letter-spacing: -0.5px; }

.store_info_area .depth2_wrap .store_detail_area { padding: 14px 16px; border-top: 10px solid #F2F2F2; }
.store_info_area .depth2_wrap .store_detail_area dl .row { display: flex; gap: 16px; }
.store_info_area .depth2_wrap .store_detail_area dl .row + .row { margin-top: 14px; }
.store_info_area .depth2_wrap .store_detail_area dl dt { max-width: 60px; width: 60px; color: #000; font-size: 13px; font-weight: 500; line-height: 19px; letter-spacing: -0.5px; }
.store_info_area .depth2_wrap .store_detail_area dl dd { flex: 1; color: #666; font-size: 13px; font-weight: 400; line-height: 19px; letter-spacing: -0.5px; }
.store_info_area .depth2_wrap .store_detail_area dl dd.d_flex { display: flex; }
.store_info_area .depth2_wrap .store_detail_area dl dd.d_flex .right { position: relative; margin-left: 8px; padding-left: 9px; }
.store_info_area .depth2_wrap .store_detail_area dl dd.d_flex .right::before { content: ''; position: absolute; top: 4.5px; left: 0; width: 1px; height: 10px; background-color: #D9D9D9; }
.store_info_area .depth2_wrap .store_detail_area dl dd .status { color: #444; font-size: 13px; font-weight: 500; line-height: 19px; }
.store_info_area .depth2_wrap .store_detail_area dl dd .time { display: block; }
.store_info_area .depth2_wrap .store_detail_area dl dd strong { color: #D82228; font-weight: 700; }

.store_info_area .depth2_wrap .item_list_area .item_list li a { align-items: center; }
.store_info_area .depth2_wrap .item_list_area .item_list li a .num { display: block; margin: 4px 0; color: #D82228; font-weight: 700; line-height: 19px; letter-spacing: -0.5px; }


.store_info_area .desc_area { margin-top: 8px; }
.store_info_area .desc_area .desc_list { padding: 8px 15px; border: 1px solid #F2F2F2; }
.store_info_area .desc_area .desc_list li { position: relative; padding-left: 10px; color: #555; font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.5px; }
.store_info_area .desc_area .desc_list li::before { content: ''; position: absolute; top: 6.5px; left: 0; width: 3px; height: 3px; background-color: #555; border-radius: 100px; }


.store_info_area .top_info_area { display: flex; align-items: center; gap: 8px; padding: 14px 11px; border-bottom: 1px solid #E0E0E0; }
.store_info_area .top_info_area .img_area img { max-width: 64px; min-height: 64px; }
.store_info_area .top_info_area .info_area { width: calc(100% - 72px); }


.store_info_wrap .store_map_area { width: calc(100% - 360px); }
.store_info_wrap .store_map_area img { display: block; width: 100%; height: 100%; object-fit: cover; }


.info_area .store_name_area { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.info_area .store_name_area .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 58px); color: #000; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: -0.5px; }
.info_area .store_name_area .dist { min-width: 42px; }
.info_area .store_name_area .dist,
.info_area .addr,
.info_area .time { color: #888; font-size: 13px; font-weight: 400; line-height: 19px; letter-spacing: -0.5px; }
.info_area .addr { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; margin: 3px 0 2px; letter-spacing: -0.8px; }
.info_area .status { color: #444; font-size: 13px; font-weight: 500; line-height: 19px; letter-spacing: -0.5px; }
.info_area .time { position: relative; margin-left: 5px; padding-left: 5px; }
.info_area .time::before { content: ''; position: absolute; top: 4.5px; left: 0; bottom: 4.5px; width: 1px; background-color: #D9D9D9; }