/* BASIC css start */
/* 띠배너 추가됨에 따라 헤더 스타일 추가 수정 */
#header.scroll #topbanner{transform: translateY(0%);max-height: 45px;opacity: 0;pointer-events: none;}
#header.scroll.click.show .open-menu-wrap, .open-menu-wrap[aria-hidden="false"] {top:105px !important;}
#header.scroll.click.show.is-fixed .open-menu-wrap, .open-menu-wrap[aria-hidden="false"] {top:60px !important;}

#topbanner {
    transition: transform .35s ease, max-height .35s ease, opacity .25s ease;
    overflow: hidden;    /* 높이가 줄어들 때 내용물이 삐져나오지 않게 함 */
    max-height: 200px;   /* 실제 배너 높이보다 넉넉하게 설정 */
    opacity: 1;
}
/* 스크롤이 내려갔을 때 배너를 숨김 */
#header.is-fixed #topbanner {
    max-height: 0 !important;   /* 높이를 0으로 줄임 */
    opacity: 0 !important;      /* 투명하게 만듦 */
    padding-top: 0 !important;  /* 패딩이 있다면 이것도 제거 */
    padding-bottom: 0 !important;
    margin: 0 !important;       /* 여백 제거 */
}
/* 헤더를 상단에 고정하고 싶다면 */
#header.is-fixed {
   /* position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;*/
}
/* 모바일: 띠배너 추가됨에 따라 헤더 스타일 추가 수정 */
@media (max-width: 768px) {
    .header-container--md.scroll {
        top: 45px !important;
        z-index: 9999;
    }
    .header-container--md.scroll.is-fixed {
        top: 0px !important;
    }
    .header-container--md.scroll.is-fixed + .m-search-area, .side-menu-wrap.active {
        top: 50px!important;
        padding-top: 0;
    }
    .header-container--md.scroll + .m-search-area, .side-menu-wrap.active {
        top: 94px!important;
    }
    .header-container--md {z-index: 9999;}
    .header-container--md.scroll.is-fixed {top: 45px;}
    .scroll.is-fixed + .side-menu-wrap.active {top: 46px !important;}
    #community.detail-top {margin-top: 95px!important;}
    .side-menu-wrap {z-index: 100 !important;}
}


/* 매장안내 */
#storeWrap {
    --text-sm: .875rem; /* 14px */
    --text-xs: .813rem; /* 13px */
}
.h-full { height: 100%; }
.col-lg-4 { padding-right: 0; }ㄹf
.col-lg-8 { padding-left: 0; 
    /*position: sticky;*/
    top: 60px; /* 헤더 높이에 따라 조정 */
    /*height: calc(100vh - 60px);*/
    overflow: hidden;
    height: 100%;
}
.no-data { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 40px 0; font-size: var(--text-sm); }
.store-wrapper .content-body { margin-top: 40px; /*border: 1px solid var(--cw-color-30);*/ }
.store-info-wrap { padding: 20px; border-right: 1px solid var(--cw-color-30); }
.store-search { margin-top: 30px;}
.store-search .search-box { position: relative; }
.store-search .search-box input { width: 100%; --cw-border-color: #DEDEDE; --cw-border-radius: 36px;padding-left: 40px;}
.store-search .search-box .btn-search { position: absolute; left: 12px; top: 8px; width: 24px; height: 24px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_search.svg) no-repeat right center / 24px 24px; } 
.store-count { padding-bottom: 16px; clamp(16px, 1vw, 18px); border-bottom: 1px solid var(--cw-color-30); }
.store-count strong { font-weight: 600; }
.store-list-wrap  { height: 600px; margin-right: -13px; padding-right: 7px; overflow-y: scroll; box-sizing: content-box; }
.store-list-wrap::-webkit-scrollbar { width: 6px; }
.store-list-wrap::-webkit-scrollbar-thumb { height: 50%; background: #7a7a7a; border-radius: 10px; }
.store-list-wrap::-webkit-scrollbar-track { background: var(--cw-color-white); }
.store-list-wrap .list-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 20px;
    border: 1px solid var(--cw-color-30);
    font-size: var(--text-sm);
    cursor: pointer;
    border-radius: 6px;
    margin-bottom: 10px;
}
.store-list-wrap .list-info > :not(.name) { margin-left: 32px; }
.store-list-wrap .list-info .name { display: flex; gap: 6px; align-items: center; font-size: 1rem; }
.store-list-wrap .list-info .ico-map { width: 24px; height: 24px; margin-right: 2px; background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_location_off.svg) no-repeat right center / 24px 24px; }
.store-list-wrap .list-info.selected .ico-map { background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_location_on.svg) no-repeat right center / 24px 24px; }
.store-list-wrap .list-info .icon { padding: 0 6px; line-height: 18px; font-size: .688rem; font-weight: 600; border: 1px solid var(--cw-heading-color); }
.store-list-wrap .list-info .icon.ico-wh { background: var(--cw-color-white); }
.store-list-wrap .list-info .icon.ico-bl { background: var(--cw-heading-color); color: var(--cw-color-white); } 
.store-list-wrap .list-info .tel { margin-top: 4px; padding-left: 22px; color: var(--cw-color-80); background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_store_tel.svg) no-repeat left center / 12px 12px; }
.store-list-wrap .list-info dl { display: flex; flex-wrap: wrap; color: var(--cw-color-80); }
.store-list-wrap .list-info dt { width: 82px; padding-left: 22px; font-weight: 400; }
.store-list-wrap .list-info dt.hours { background: url(//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_store_time.svg) no-repeat left center / 12px 12px; }
.store-list-wrap .list-info dl.active dd:first-of-type { padding-right: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M10.6663 1L5.99967 5.66667L1.33301 1' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 7px / 12px 7px; }
.store-list-wrap .list-info dl.active.on dd:first-of-type { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1.33301 6L5.99967 1.33333L10.6663 6' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 5px / 12px 7px; }
.store-list-wrap .list-info dd:not(:first-of-type) { display: none; width: 100%; margin-left: 82px; }
#map { width: 100%; height: 100vh !important; margin: 0 !important; }
.cw-btn-more { margin-top: 20px; }


/* 커뮤니티 커스텀 스타일(공통) */
.cw-boardsearch {max-width: 892px;width: 100%;margin-left: 17%;}
.cw-boardsearch .cw-select-box { /*width: var(--cw-size-100);*/ min-height: 44px; border-radius: 6px; color:#5D5D5D;}
.cw-boardtitle { 
    font-weight: 700;
    font-size: clamp(40px,3vw ,56px);
    line-height: var(--cw-size-32);
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#commuContent {
    margin: 50px 0 160px;
}
.container-small {
    max-width: 1540px;
    margin: auto;
    padding: 0 12px;
}
#community.detail-top {
    height: auto;
    margin-top: 105px;/* 헤더높이 */
    position: relative;
}
#community.detail-top img {
    height: auto;
    object-fit: contain;
}
.community .topBox{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}
.community .topBox form {
    max-width: 892px;
    width: 100%;

}
.community .topBox .top-btn {
    max-width: 140px;
    width: 100%;
}
.community .top-btn a {
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    --bs-btn-line-height: 44px;
}
.community .whiteBtn {
    background-color: #FEFEFE;
    border: 1px solid #A0A0A0;
    border-radius: 6px;
}
.community .whiteBtn span {
    color: #5D5D5D;
    font-size: 14px;
}
.community .whiteBtn:hover{
    background-color: #A0A0A0;
}
.community .whiteBtn:hover span{
    color: #FEFEFE;
}
.community .communBbs-hd {
    padding-top: clamp(30px, 3vw, 50px);
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: clamp(0px, 3vw, 50px);
}
.community .communBbs-hd .link {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.community .communBbs-hd .link li {
    max-width: 281px;
    width: 100%;
    text-align: center;
}
.community .communBbs-hd .link .b-bottom {
    border-bottom: 3px solid #303030;
    font-weight: 700;
}
.community .communBbs-hd .link a {
    color: #303030;
    font-size: clamp(14px, 1vw, 18px);
    padding: 13px 50px;
    line-height: 3;
}
.search-input-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.search-input-wrap input[type="text"] {
    width: 91%;
    padding-left: 40px; /* 아이콘 자리 확보 */
    background: url("/design/leesarah72/img/community/search.png") no-repeat left 10px center;
    background-size: 20px;
    color: #5D5D5D;
    min-height: 44px;
    border-radius: 6px;
}
.cw-paging { padding-top: clamp(30px, 3vw, 40px); }
.cw-paging {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
}

.cw-paging a.page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.3s;
}

.cw-paging a.page:hover,
.cw-paging a.page.active {
    background-color: #303030;
    color: #fff;
    border-color: #303030;
}

.cw-paging a.prev img,
.cw-paging a.next img {
    width: 16px;
    height: 16px;
}
.cw-boardbtns { display: flex; justify-content: end; align-items: center; gap: var(--cw-size-8); }
.cw-boardbtns .btn { width: var(--cw-size-180);  }
.cw-boardsearch {max-width: 892px;width: 100%;margin-left: 17%;}
/*.cw-boardsearch form { display: flex; align-items: center; justify-content: center; column-gap: var(--cw-size-6); padding: var(--cw-size-20) 0; margin-top: var(--cw-size-40); background-color: var(--cw-color-10); text-align: center; }*/
.cw-boardsearch .cw-select-box { /*width: var(--cw-size-100);*/ min-height: 44px; border-radius: 6px; color:#5D5D5D;}
.cw-boardsearch .cw-textfield {
    /* max-width: 892px;
    width: 100%; */
}

@media (max-width: 767.98px) {
    .community .communBbs-hd .link a {
        padding: 13px 25px;
        line-height: 2.2;
    }
    .col-lg-8 {
        height: 250px!important;
    }
}
@media (max-width: 600px) {
    .col-lg-8 {
        height: 200px!important;
    }
}
@media (max-width: 480px) {
.community .communBbs-hd .link a {
    color: #303030;
    font-size: clamp(14px, 1vw, 18px);
    padding: 13px 24px;
    line-height: 3;
}
    .community .topBox {
        flex-direction: column;
        gap: 10px;
    }
    .search-input-wrap {
        display: flex;
        width: 100%;
        justify-content: space-around;
        gap:8px;
    }
    .search-input-wrap input[type="text"] {
        width: 80%;
    }
    .community .topBox .top-btn {
        max-width: 480px;
    }
}
/* 여기까지 커뮤니티 공통 */

/* 개별 */
.community #content {padding: 0;}
.store-list-wrap {
  /*height: calc(100vh - 360px);*/ /* 적절히 조정 */
  overflow-y: auto;
}
.row {max-height: 800px; overflow: hidden;}
.on.selected {border: 1px solid #5D5D5D;}
.bg{ background: #F4F4F4; padding: 20px; /*margin-top: 90px;*/}
.button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    background-color: #FEFEFE;
}
.header-container--md .search .icon-btn {background-color: transparent !important;}
/* 태블릿 */
@media (max-width: 991.98px) { 
    .bg {
        padding: 20px;
        margin-top: 0px;
    }
    .store-list-wrap { height: auto; }
    .store-search {
        margin-top: 0px;
    }
    .page-title-wrap { margin-top: 40px; }
	.page-title-wrap h2 { display: none; }
    /* 기존 스타일 유지: 컬럼 패딩 */
    .col-lg-4 { padding-right: calc(var(--bs-gutter-x) * 0.5); }
    .col-lg-8 { padding-left: calc(var(--bs-gutter-x) * 0.5); }
    /* 순서 변경은 그대로 유지 (지도가 위, 리스트가 아래) */
    .order-1 { order: 1; height: auto;}
    .order-2 { order: 2; }    
    .store-wrapper .content-body { border: 0; }
    .store-info-wrap { border-right: 0; min-width: auto; }  
    .store-wrapper .row {
        flex-direction: column-reverse;
        max-height: none; 
        overflow: visible;
    }
    .col-lg-8 { 
        position: sticky;
        top: 50px;
        z-index: 10;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        height: 380px;
    }
    .col-lg-4.col-12.order-2 {padding-right: 0; padding-left: 0;}
    #map { 
        height: 360px !important; 
        margin: 0 0 16px !important; 
    }
    .bg {padding: calc(var(--bs-gutter-x) * 0.5);}
    .store-info-wrap {border-right: none; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5);}
    .store-wrapper .content-body {border: none;}
    .store-filter {margin-top: 15px;}
  
}
/* 모바일 */
@media (max-width: 767.98px) {
    
    .cw-btn-more .btn { width: 100%; }
}


.store-filter {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.store-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.store-filter-row.seoul-gu-row {
  padding: 12px 16px;
  border-radius: 16px;
  background-color: #f3f3f3;
}

.filter-chip {
  border: none;
  outline: none;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  background-color: #f5f5f5;
  color: #555;
  white-space: nowrap;
}

.filter-chip.on {
  background-color: #222;
  color: #fff;
}

@media (max-width: 768px) {
    .store-filter {/*display: none;*/}
    .filter-chip {
        font-size: 12px;
        padding: 6px 10px;
    }
    .col-lg-8 { padding-left: 0; 
        /*position: sticky;*/
       padding-right: 0;
        overflow: hidden;
    }
    #community.detail-top {
        margin-top: 50px;
    }
}



/*0105*/

.row > * {    padding-right: 0; padding-left: 0;}

/* 메뉴에 보더 포커싱 */
#header.scroll .head_inner .head_middle nav ul.main_m > li:nth-child(8) {
    border-bottom: 1px solid #000 !important;
}
/* BASIC css end */