/* BASIC css start */
/* =========================================================
   2026 TAVALON MOBILE
   STORE
========================================================= */


/* =========================================================
   PAGE
========================================================= */

#storeInfo{
    width:100%;
    padding:0 0 90px;

    box-sizing:border-box;

    font-family:'Noto Sans KR', sans-serif;

    color:#111;
}

#storeInfo *{
    box-sizing:border-box;
}


/* =========================================================
   CONTENT
========================================================= */

#storeInfo .store-wrap{
    width:100%;

    padding:0 5%;

    box-sizing:border-box;
}


/* =========================================================
   INTRO
========================================================= */

#storeInfo .store-intro{
    width:100%;

    padding:42px 0 44px;

    text-align:left;
}


/* ENGLISH */

#storeInfo .store-intro .eng{
    margin:0 0 17px;

    font-family:'Montserrat', sans-serif;

    font-size:11px;
    line-height:1;

    font-weight:600;

    letter-spacing:2px;

    color:#777;
}


/* TITLE */

#storeInfo .store-intro h4{
    margin:0;

    font-family:'Noto Sans KR', sans-serif;

    font-size:25px;
    line-height:1.45;

    font-weight:600;

    letter-spacing:-0.8px;

    color:#111;
}


/* DESCRIPTION */

#storeInfo .store-intro .desc{
    margin:20px 0 0;

    font-family:'Noto Sans KR', sans-serif;

    font-size:13px;
    line-height:1.8;

    font-weight:400;

    letter-spacing:-0.25px;

    color:#777;
}


/* =========================================================
   STORE INFO
========================================================= */

#storeInfo .store-info{
    width:100%;
}


/* =========================================================
   SEARCH
========================================================= */

#storeInfo .search-box{
    position:relative;

    width:100%;

    margin:0 0 48px;
}

#storeInfo .search-box fieldset{
    position:relative;

    width:100%;

    margin:0;
    padding:0;

    border:0;
}


/* LEGEND */

#storeInfo .search-box legend{
    position:absolute;

    width:1px;
    height:1px;

    padding:0;
    margin:-1px;

    overflow:hidden;

    clip:rect(0,0,0,0);

    border:0;
}


/* INPUT */

#storeInfo .search-box input[type="text"]{
    display:block;

    width:100%;
    height:54px;

    padding:0 58px 0 18px;

    border:0;
    border-bottom:1px solid #bbb;

    border-radius:0;

    background:#fff;

    font-family:'Noto Sans KR', sans-serif;

    font-size:14px;
    line-height:54px;

    font-weight:400;

    letter-spacing:-0.3px;

    color:#111;

    outline:none;

    -webkit-appearance:none;
    appearance:none;

    transition:border-color .2s ease;
}

#storeInfo .search-box input[type="text"]:focus{
    border-bottom-color:#111;
}

#storeInfo .search-box input[type="text"]::placeholder{
    color:#aaa;

    opacity:1;
}


/* =========================================================
   SEARCH BUTTON
========================================================= */

#storeInfo .search-box .btn-search{
    position:absolute;

    right:0;
    top:0;

    display:block;

    width:54px;
    height:54px;

    padding:0;

    overflow:hidden;

    text-indent:-9999px;

    background:none;

    border:0;
}


/* SEARCH ICON */

#storeInfo .search-box .btn-search::before{
    content:'';

    position:absolute;

    left:17px;
    top:16px;

    width:15px;
    height:15px;

    border:1.5px solid #111;

    border-radius:50%;
}

#storeInfo .search-box .btn-search::after{
    content:'';

    position:absolute;

    left:31px;
    top:31px;

    width:8px;
    height:1.5px;

    background:#111;

    transform:rotate(45deg);

    transform-origin:left center;
}


/* =========================================================
   STORE LIST
========================================================= */

#storeInfo .store-list{
    width:100%;
}

#storeInfo .store-list p.count{
    display:none;
}


/* LIST */

#storeInfo .store-list ul{
    width:100%;

    margin:0;
    padding:0;

    list-style:none;
}


/* STORE */

#storeInfo .store-list ul li{
    position:relative;

    width:100%;

    margin:0;

    padding:0 0 42px;

    border:0;

    background:#fff;

    list-style:none;

    cursor:default;
}


/* 각 매장 사이 여백형 구분 */

#storeInfo .store-list ul li + li{
    padding-top:38px;

    border-top:1px solid #eee;
}


/* 기존 아코디언 제거 */

#storeInfo .store-list ul li::before,
#storeInfo .store-list ul li::after,
#storeInfo .store-list ul li.on::before,
#storeInfo .store-list ul li.on::after{
    display:none !important;

    content:none !important;
}


/* =========================================================
   STORE CONTENT
========================================================= */

#storeInfo .store-list .info{
    width:100%;

    margin:0;
    padding:0;

    cursor:default;
}


/* 거리 */

#storeInfo .store-range{
    display:none !important;
}


/* 기타 아이콘 */

#storeInfo .store-list .icon{
    display:none !important;
}


/* =========================================================
   STORE NAME
========================================================= */

#storeInfo .store-name{
    margin:0 0 14px;

    padding:0;

    font-family:'Noto Sans KR', sans-serif;

    font-size:17px;
    line-height:1.5;

    font-weight:600;

    letter-spacing:-0.45px;

    color:#111;
}


/* =========================================================
   ADDRESS
========================================================= */

#storeInfo .store-list p{
    margin:0;

    padding:0;
}

#storeInfo .address{
    margin:0 0 5px !important;

    font-family:'Noto Sans KR', sans-serif;

    font-size:13px;
    line-height:1.75;

    font-weight:400;

    letter-spacing:-0.2px;

    color:#777;
}


/* =========================================================
   TELEPHONE
========================================================= */

#storeInfo .add-info{
    display:block !important;

    width:100%;

    margin:0;
    padding:0;
}

#storeInfo .tel{
    display:block !important;

    margin:0 !important;

    padding:0 !important;

    background:none !important;

    font-family:'Montserrat', 'Noto Sans KR', sans-serif;

    font-size:13px;
    line-height:1.7;

    font-weight:400;

    letter-spacing:0;

    color:#777 !important;
}


/* =========================================================
   HIDE EXTRA INFORMATION
========================================================= */

/* 영업시간 */

#storeInfo .store-hours,
#storeInfo .add-info dl,
#storeInfo .add-info dt,
#storeInfo .add-info dd{
    display:none !important;
}


/* 지도 */

#storeInfo .store-map-area,
#storeInfo .store-list ul li.on .store-map-area{
    display:none !important;
}


/* =========================================================
   MORE
========================================================= */

#storeInfo .btn-more{
    width:100%;

    margin:12px 0 0;

    padding:0;

    text-align:center;
}

#storeInfo .btn-more a{
    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;
    height:52px;

    margin:0;
    padding:0;

    border:1px solid #111;

    background:#fff;

    text-decoration:none;

    transition:all .2s ease;
}

#storeInfo .btn-more .more-title{
    font-family:'Montserrat', sans-serif;

    font-size:11px;
    line-height:1;

    font-weight:600;

    letter-spacing:1.5px;

    color:#111;
}


/* =========================================================
   NO DATA
========================================================= */

#storeInfo .no-data{
    width:100%;

    padding:70px 0;

    text-align:center;

    font-family:'Noto Sans KR', sans-serif;

    font-size:13px;
    line-height:1.7;

    font-weight:400;

    color:#888;
}

/* =========================================================
   MAP / LIST SPACING
========================================================= */

/* 메인 지도와 매장 리스트 사이 여백 */
#storeInfo .store-list > .store-map-area,
#storeInfo .store-list > div:first-of-type{
    margin-bottom:28px;
}


/* =========================================================
   STORE LIST
========================================================= */

#storeInfo .store-list ul{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}


/* 매장 하나 */

#storeInfo .store-list ul li{
    position:relative;
    width:100%;

    margin:0;
    padding:0 0 24px;

    border:0;
    background:#fff;

    list-style:none;
    cursor:default;
}


/* 매장 사이 */

#storeInfo .store-list ul li + li{
    padding-top:22px;
    border-top:1px solid #eee;
}


/* 매장명 */

#storeInfo .store-name{
    margin:0 0 9px;
    padding:0;

    font-family:'Noto Sans KR', sans-serif;
    font-size:17px;
    line-height:1.5;
    font-weight:600;

    letter-spacing:-0.45px;
    color:#111;
}


/* 주소 */

#storeInfo .address{
    margin:0 0 3px !important;

    font-family:'Noto Sans KR', sans-serif;
    font-size:13px;
    line-height:1.65;
    font-weight:400;

    letter-spacing:-0.2px;
    color:#777;
}


/* 연락처 */

#storeInfo .tel{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    background:none !important;

    font-family:'Montserrat', 'Noto Sans KR', sans-serif;
    font-size:13px;
    line-height:1.65;
    font-weight:400;

    color:#777 !important;
}
/* BASIC css end */