/* BASIC css start */
 /* =========================
     Imports
     ========================= */
  @import url('//skin.makeshop.co.kr/skin/ms_basic_mobile/custom/shopbrand.min.css');
  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

  /* Lora Variable (cate1 제목용) */
  @font-face{
    font-family:'Lora Variable';
    font-style:normal;
    font-weight:400 700;
    src:url(https://cdn.jsdelivr.net/fontsource/fonts/lora:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  }

  /* =========================
     상단 배너
     ========================= */
  .aboutus-banner-section{
  position: relative;
  width: 100%;
  max-width: 846px;
  height: 600px;
  margin: 0 auto;
  background-image: url('/design/issis/store_01_mo.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #000;
  }
  
/* 텍스트 위치 (왼쪽 하단 고정) */
.aboutus-banner-text-left {
   position: absolute !important;
  top: 280px !important;     /* 필요하면 10px로 더 붙이기 */
  left: 20px !important;
  bottom: auto !important;  /* 기존 bottom 고정 해제 */
  text-align: left !important;
  color: #000 !important;
}

.aboutus-banner-text-left h2 {
  margin: 0 !important;
  font-family: 'Pretendard Variable', sans-serif !important; /* 신청 페이지와 동일 폰트 */
  font-size: 28px !important;   /* 신청 페이지와 동일 크기(모바일) */
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

@media (max-width:768px){
  .aboutus-banner-section {
    height: 400px;
  }
  .aboutus-banner-text-left {
    bottom: 20px;
    left: 15px;
  }
  .aboutus-banner-text-left h2 {
    font-size: 28px;
  }
}



  /* =========================
     스토어 리스트(모바일 템플릿)
     ========================= */
  #storeInfo * {font-size:13px; color:#1c1c1c;}
  #storeInfo input[type=text]::placeholder {color:#adadad;}
  #storeInfo .store-wrap {padding:0 10px;}
  #storeInfo .store-wrap .store-info .search-box {position:relative; padding:20px 0;}
  #storeInfo .store-wrap .store-info .search-box input {width:100%; height:49px; padding:0 15px; border:2px solid #000; border-radius:6px; box-sizing:border-box;}
  #storeInfo .store-wrap .store-info .search-box .btn-search {position:absolute; right:18px; top:22px; width:30px; height:40px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat;}
  #storeInfo .store-wrap .store-info .store-list p.count {font-size:14px; color:#3d3d3d; padding-bottom:0;}
  #storeInfo .store-wrap .store-info .store-list ul {margin:20px 0; list-style:none;}
  #storeInfo .store-wrap .store-info .store-list ul li {position:relative; padding:20px 0 0; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin-top:-1px;}
  #storeInfo .store-wrap .store-info .store-list ul li::after {position:absolute; right:3px; top:20px; width:8px; height:8px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(135deg); content:'';}
  #storeInfo .store-wrap .store-info .store-list ul li.on::after {transform:rotate(315deg);}
  #storeInfo .store-wrap .store-info .store-list ul li.on .store-map-area {display:block;}
  #storeInfo .store-wrap .store-info .store-list ul li .info {margin-bottom:20px;}
  #storeInfo .store-wrap .store-info .store-list .icon {display:inline-block; margin-bottom:15px; padding:4px 8px; border-radius:3px; color:#fff; font-size:11px;}
  #storeInfo .store-wrap .store-info .store-list .icon.ico-bl {background:#000; border:1px solid #000;}
  #storeInfo .store-wrap .store-info .store-list .icon.ico-wh {background:#fff; border:1px solid #666; color:#666;}
  #storeInfo .store-wrap .store-info .store-list .store-name {margin-bottom:10px; font-size:16px; font-weight:700; letter-spacing:-0.5px;}
  #storeInfo .store-wrap .store-info .store-list p {padding-bottom:10px;}
  #storeInfo .store-wrap .store-info .store-list p.tel {padding-left:19px; color:#6d6d6d; background:url(/images/common/icon_store_tel.png) 0 2px no-repeat;}
  #storeInfo .store-wrap .store-info .store-list .add-info {display: none;}
  #storeInfo .store-wrap .store-info .store-list dl {cursor:pointer; max-width:300px;}
  #storeInfo .store-wrap .store-info .store-list dl.active dt + dd {padding-right:25px; background:url(/images/common/icon_store_arrow_down.png) right top no-repeat; content:'';} /* 화살표down */
  #storeInfo .store-wrap .store-info .store-list dl.active.on dt + dd {padding-right:25px; background:url(/images/common/icon_store_arrow_up.png) right top no-repeat; content:'';}  /* 화살표up */
  #storeInfo .store-wrap .store-info .store-list dl dt + dd {display:inline-block; margin-left:11px;}
  #storeInfo .store-wrap .store-info .store-list dl::after {content: ""; display:table; clear:both;}
  #storeInfo .store-wrap .store-info .store-list dt {float:left; width:55px; margin-bottom:3px; padding-left:19px; color:#6d6d6d; line-height:17px;}
  #storeInfo .store-wrap .store-info .store-list dt.hours {background:url(/images/common/icon_store_time.png) 0 2px no-repeat;}
  #storeInfo .store-wrap .store-info .store-list dd {display:none; max-width:180px; margin:0 0 3px 85px; color:#6d6d6d; line-height:17px;}
  #storeInfo .store-wrap .store-map-area {display:none; width:auto; height:200px; border:1px solid #ededed; border-bottom:0; overflow:hidden;}
  #storeInfo .store-wrap .btn-more a {display:block; text-align:center;}
  #storeInfo .store-wrap .no-data {padding:40px 0; text-align:center;}
  

    
  
  .fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
  }

  .fade-up.show {
    opacity: 1;
    transform: translateY(0);
  }

  

  /* =========================
     기타 (공통)
     ========================= */
  body{font-family:'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;}
  #container{padding-top:0px;}

  .store-info-section{max-width:846px; margin:20px auto; padding:10px;}
  .store-info-box{margin-bottom:20px;}
  .store-info-box h3{font-size:21px; font-weight:700; margin-bottom:8px;}
  .store-info-box p{font-size:16px; color:#333;}
  
  
  
  
  /* ===== 모바일: 검색 전 리스트/더보기/빈데이터 전부 숨김, 검색 후만 노출 ===== */
#storeInfo .store-wrap .store-info .store-list ul,
#storeInfo .store-wrap .store-info .store-list .btn-more,
#storeInfo .store-wrap .store-info .store-list .no-data{
  display: none !important;
}
#storeInfo .store-wrap .store-info .store-list.show-results ul,
#storeInfo .store-wrap .store-info .store-list.show-results .btn-more,
#storeInfo .store-wrap .store-info .store-list.show-results .no-data{
  display: block !important;
}

/* 안내/빈결과 메시지 스타일(선택) */
#storeInfo .store-wrap .store-info .store-list .pre-guide{
  padding:14px; margin:10px 0;
  background:#fafafa; border:1px dashed #ddd; border-radius:6px;
  color:#666; line-height:1.6;
}
#storeInfo .store-wrap .store-info .store-list .result-empty{
  padding:20px; color:#888; text-align:center;
}

/* BASIC css end */