/* BASIC css start */
/* °Ë»ö */
#search_store {text-align:center; height:35px; max-width:700px; margin:0 auto 45px; display:flex; align-items:center;}
#search_store #MS_search_type {width:100px; height: 100%; padding:0 5px; border:none; border-bottom:1px solid var(--7); font-size:0.875rem; appearance:none; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center; background-size:14px auto; color:var(--3); margin-right:2%;}
#search_store #MS_search_country {width:100px; height: 100%; padding:0 5px; border:none; border-bottom:1px solid var(--7); font-size:0.875rem; appearance:none; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center; background-size:14px auto; color:var(--3);}
#search_store .search_txt {flex:1; height: 100%; position:relative; margin: 0 0 0 26px; font-size:0.875rem;}
#search_store .search_txt input {width:100%; height: 100%; border:none; border-bottom:1px solid var(--7); padding:0 5px;}
#search_store .search_txt a {position:absolute; right:5px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#search_store .search_txt a img {width:17px;}
#search_store .target_btn {border:1px solid var(--7); border-radius:3px; width:65px; padding-top:10px;}
.my_location {width:35px; height:35px; border:1px solid var(--7); border-radius:3px; cursor:pointer; align-items: center; justify-content: center; margin-left:20px; display:flex;}
.my_location img {width:20px;}

/* Áöµµ */
#map_container {width: 100%; height: 45vh; margin: 0 auto 65px;}
#map {height: 100%;}

/* ³»¿ë */
.store_list {border-top:1px solid var(--7); border-bottom:1px solid var(--7);}
.store_list li {border-bottom:0.75px solid var(--1);}
.store_list li:last-child {border-bottom:none;}
.store_list li .title {padding:20px 0; position:relative; line-height:1.8; cursor:pointer;}
.store_list li .title p {font-size: 1rem; font-weight:500; }
.store_list li .title p.store_name .map_search {vertical-align:middle; margin-left:10px;}
.store_list li .title p.store_name .map_search img {width:19px; border-radius:5px;}
.store_list li .title:after {content:''; display:inline-block; position:absolute; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat center; background-size:12px; right:10px; top: 50%; width: 15px; height: 15px; margin-top:-6px; transition:all .3s ease; -webkit-transition:all .3s ease;}
.store_list li .title.active:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.store_list li .info {font-weight:400; padding-bottom:20px; display:none; transition:all .3s ease; -webkit-transition:all .3s ease;}
.store_list li .info.active {display:block;}
.store_list li .info p,
.store_list li .info p * {font-size:0.9rem;}
.store_list li .info p {margin-bottom:2px;}
.store_list li .info p.store_addr span {display:block;}
.store_list li .info p.store_addr a {display:inline-block; border-bottom:1px solid var(--3); color:var(--3); font-weight: 400; margin:3px 0 10px;}
.store_list li .info p.map_search {display:inline-block; cursor:pointer;}
.map_icon {width:30px;}
.no-data {text-align:center; font-weight:500; font-size:0.875rem;}


/******************************* ¹ÝÀÀÇü *******************************/
@media (max-width:1440px) {
}

@media (max-width:1024px) {
    #search_store {margin:0 auto 30px; height:35px;}
    #search_store #MS_search_type {width: 20%; min-width: 90px; font-size:0.875rem; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center;}
    #search_store #MS_search_country {width: 20%; font-size:0.75rem; background:url(/design/helinox/h_renewal/img/icon/board_arrow.svg)no-repeat right center;}
    #search_store .search_txt a {right:0;}
    #search_store .search_txt input {font-size:0.875rem; padding-right:22px;}
    #search_store .search_txt {margin: 0 0 0 15px;}
    #map_container {height:50vh; margin:0 auto 40px;}
    .store_list li .title {padding:18px 0;}
    .store_list li .title p {font-size:0.875rem;}
    .store_list li .info p, 
    .store_list li .info p * {font-size:0.75rem;}
    .store_list li .info p.store_addr a {margin-bottom:0;}
    .store_list li .title p .store_map {vertical-align: super;}
}

@media (max-width:768px) {
    #search_store {height:29px;}
    #search_store #MS_search_type {font-size:0.75rem; background-size: 12px auto; min-width:60px;}
    #search_store #MS_search_country {background-size: 12px auto;}
    #search_store .search_txt input {font-size:0.75rem;}
    #search_store .search_txt {margin: 0 0 0 5px;}
    #map_container {width:100%; height:45vh;}
    .store_list li .title {padding:15px 0 16px;}
    .store_list li .info p {margin-bottom:0; font-size:0.75rem;}
    .store_list li .info p, 
    .store_list li .info p * {font-size:0.688rem;}
    .store_list li .info p.store_addr a {font-size:0.613rem;}
    #search_store .search_txt a img {width:17px;}
    
    .my_location {width:30px; height:30px; margin-left:10px;}
    .my_location img {width:16px;}
}
/* BASIC css end */

