@charset "UTF-8";

/* ----------------------------------
 Store Search
---------------------------------- */
.store-search-header { margin: 0 0 35px 0; text-align: center;}
.store-search-header h1,
.store-search-header .eng { padding: 0; margin: 0; font-family: "roc-grotesk", sans-serif; font-size: 54px; font-weight: 800; font-style: normal;}
.store-search-header p { font-size: 20px; font-weight: 600; text-align: center;}
.store-search-header-notice { margin: 0 0 35px 0; font-size: 14px; text-align: center; color: #0047BA;}
.store-search-header-notice a { font-size: 14px; text-decoration: none; color: #0047BA;}
.store-search-frame { display: flex; flex-wrap: wrap; justify-content: space-between;}
.store-search-box   { width: calc(50% - 20px); margin: 0 0 40px 0;}
.store-search-box-header { height: 60px; padding: 0; margin: 0; border-top: #0047BA 2px solid; display: flex; justify-content: space-between; align-items: center;}
.store-search-box-header h2 { padding: 0; margin: 0; font-size: 18px; font-weight: 600; color: #0047BA;}
.store-search-box-header h2::before { content: ''; width: 18px; height: 18px; margin: 0 8px 0 0; display: inline-block; background: url(../../../img/usr/common/icon/ico_search.png) center center no-repeat; -webkit-background-size: 18px 18px; background-size: 18px 18px; position: relative; bottom: -1px;}
.store-search-box-header .map-search { width: 200px; height: 40px;}
.store-search-box-header .map-search a { width: 200px; height: 40px; border-radius: 40px; font-size: 14px; font-weight: 400; text-decoration: none; color: #fff; display: flex; justify-content: center; align-items: center; background: #0047BA; transition: 0.3s;}
.store-search-box-header .map-search a:hover { opacity: 0.6;}
.store-area-list { border-top: #DFE4E6 1px solid;}
.store-area-list li { border-bottom: #DFE4E6 1px solid;}
.store-area-list li a { width: 100%; min-height: 60px; padding: 0 40px 0 10px; font-size: 15px; font-weight: 600; text-decoration: none; display: flex; align-items: center; position: relative;}
.store-area-list li a::before { content: ""; width: 8px; height: 8px; border-right: 1px solid #9DA3A6; border-top: 1px solid #9DA3A6; display: block; transform: rotate(45deg); position: absolute; right: 15px; top: calc(50% - 4px);}
.store-search-box .store-brand-list { display: flex; flex-wrap: wrap; justify-content: space-between;}
.store-search-box .store-brand-list li { width: calc(50% - 10px); margin: 0 0 20px 0;}
.store-search-box .store-brand-list li a { width: 100%; height: 135px; padding: 0 55px; border-radius: 30px; display: flex; justify-content: center; align-items: center; background: #F0F5F7;}
.btn-plaza-online { width: 100%; height: 135px;}
.btn-plaza-online a { width: 100%; height: 100%; padding: 0; border-radius: 30px; display: flex; justify-content: center; align-items: center; background: #F0F5F7;}
.btn-plaza-online img { width: 145px;}

.store-search-keyword-form form { width: 100%; height: 55px; display: block; position: relative;}
.store-search-keyword-form input[type="text"] { width: 100%; height: 55px; padding: 0 65px 0 25px; border: #DFE4E6 1px solid; border-radius: 55px;}
.store-search-keyword-form input[type="submit"] { width: 51px; height: 51px; border: none; outline: none; border-radius: 51px; font-size: 0 !important; color: #fff !important; background: #fff url(../../../img/usr/common/icon/ico_search_gray.png) center center no-repeat; -webkit-background-size: 18px 18px; background-size: 18px 18px; position: absolute; top: 2px; right: 2px;}

#search_store_area    { order: 1;}
#search_store_brand   { order: 2;}
#search_store_keyword { order: 3;}
#search_store_online  { order: 4;}