@charset "utf-8";

/* 오프라인 매장찾기(일본) - 업체 구분별 뱃지 색상
   doc.css의 .store-type-badge(.bg1~.bg3)에 이어서 업체 구분 수만큼 색상 추가 */
.offline-store-item .store-type-badge.bg4 {background: #F0B5B5;}
.offline-store-item .store-type-badge.bg5 {background: #F0CE93;}
.offline-store-item .store-type-badge.bg6 {background: #9FE0C7;}
.offline-store-item .store-type-badge.bg7 {background: #F5E28A;}
.offline-store-item .store-type-badge.bg8 {background: #B5C4F0;}
.offline-store-item .store-type-badge.bg9 {background: #E0A8D8;}
.offline-store-item .store-type-badge.bg10 {background: #CFCFCF;}

/* 메인 sec2 - 관리자 배너에 제목/설명이 비어있으면(=슬라이드 안에 실제 텍스트 콘텐츠가 없으면)
   .sec2{display:flex}에서 이미지가 전부 position:absolute라 min-content 너비가 0이 되어
   슬라이드 전체가 폭 0으로 찌그러지는 문제가 있었다(배경만 보이고 콘텐츠가 안 보임).
   swiper 래퍼에 폭을 명시해서 방지한다. */
.sec2 .slideWrap, .sec2 .brandWrap {width: 100%;}

/* 일본 메인 브랜드스토리(sec2) - PC/모바일 이미지 분기
   .slideflx .imgbx 에는 기존에 pc/m 전환 규칙이 없어서 모바일에서 항상 pc이미지만 보였다 */
.slideflx .imgbx .image-m {display: none;}
@media (max-width: 640px) {
	.slideflx .imgbx .image-pc {display: none;}
	.slideflx .imgbx .image-m {display: block;}
}