@charset "UTF-8";
/* line 1, app/assets/stylesheets/stores.scss */
.wrap-stores-top .desktop {
  background-image: url(/images/stores/bg_top_img_stores.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 602px;
}

/* line 2, app/assets/stylesheets/stores.scss */
.wrap-stores-top .title-stores {
  font-family: 'Noto Sans KR';
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding-top: 7.062rem;
}

/* line 4, app/assets/stylesheets/stores.scss */
.main {
  width: 100%;
  max-width: 1760px;
  background-color: #fff;
  margin: -16rem auto 0;
}

/* line 5, app/assets/stylesheets/stores.scss */
.main .wrap-stores-nav {
  font-family: 'Noto Sans KR';
  font-size: 0.875rem;
  font-weight: 500;
  color: #ccc;
  padding-top: 1.875rem;
}

/* line 6, app/assets/stylesheets/stores.scss */
.main .wrap-stores-nav .nav-blue {
  color: #00269a;
}

/* line 7, app/assets/stylesheets/stores.scss */
.main .wrap-title-stores {
  font-family: 'Noto Sans KR';
  font-size: 2.5rem;
  font-weight: bold;
  color: #262626;
  text-align: center;
  padding: 6.25rem 0 5rem;
}

/* line 9, app/assets/stylesheets/stores.scss */
.main .wrap-search {
  width: 100%;
  border: 1px solid #707070;
  box-shadow: 5px 7px 4px 0 rgba(0, 0, 0, 0.16);
  object-fit: contain;
  background-color: #fff;
  padding: 1.312rem 1.5rem 1.812rem 1.625rem;
}

/* line 10, app/assets/stylesheets/stores.scss */
.main .wrap-search label {
  font-family: 'Noto Sans KR';
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
  opacity: 0.73;
  display: inline-block;
}

/* line 12, app/assets/stylesheets/stores.scss */
.main .wrap-search .selectdiv {
  font-family: 'Noto Sans KR';
  font-size: 1rem;
  font-weight: 500;
  color: #191919;
  padding: 0 1.812rem 0 1.437rem;
  display: inline-block;
  width: 100%;
  max-width: 212px;
  position: relative;
}

/* line 13, app/assets/stylesheets/stores.scss */
.main .wrap-search .selectdiv select {
  width: 100%;
  border: 1px solid #707070;
  border-radius: 5px;
  opacity: 0.73;
  object-fit: contain;
  padding: 0.562rem 1.187rem 0.625rem 1.625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 14, app/assets/stylesheets/stores.scss */
.main .wrap-search .selectdiv .material-icons {
  color: #707070;
  height: 1.5rem;
  position: absolute;
  pointer-events: none;
  top: 7px;
  right: 40px;
}

/* IE11 hide native button */
/* line 16, app/assets/stylesheets/stores.scss */
.main .wrap-search .selectdiv select::-ms-expand {
  display: none;
}

/* line 18, app/assets/stylesheets/stores.scss */
.main .wrap-search .searchdiv {
  font-family: 'Noto Sans KR';
  font-size: 1rem;
  font-weight: 500;
  color: #191919;
  opacity: 0.6;
  display: inline-block;
  width: 100%;
  max-width: 615px;
  position: relative;
  margin-left: 0.625rem;
}

/* line 19, app/assets/stylesheets/stores.scss */
.main .wrap-search .searchdiv input {
  width: 100%;
  border: 1px solid #707070;
  border-radius: 5px;
  opacity: 0.73;
  object-fit: contain;
  padding: 0.687rem 1.625rem 0.5rem;
}

/* line 20, app/assets/stylesheets/stores.scss */
.main .wrap-search .searchdiv button {
  position: absolute;
  top: 7px;
  right: -20px;
}

/* line 21, app/assets/stylesheets/stores.scss */
.main .wrap-search .searchdiv button .material-icons {
  color: #707070;
  height: 1.5rem;
}

/* line 23, app/assets/stylesheets/stores.scss */
.main .wrap-search-list {
  padding-top: 0.937rem;
  width: 100%;
}

/* line 24, app/assets/stylesheets/stores.scss */
.main .wrap-search-list table {
  width: 100%;
  font-family: 'Noto Sans KR';
  font-size: 1.25rem;
  letter-spacing: -0.8px;
  text-align: center;
  color: #262626;
  border-top: 1px solid #191919;
}

/* line 25, app/assets/stylesheets/stores.scss */
.main .wrap-search-list table .table-title {
  width: 100%;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  letter-spacing: normal;
  color: #191919;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 26, app/assets/stylesheets/stores.scss */
.main .wrap-search-list table .table-title th {
  padding: 1.312rem 0 1.25rem;
}

/* line 27, app/assets/stylesheets/stores.scss */
.main .wrap-search-list table .table-list {
  border-bottom: 1px solid #ccc;
}

/* line 28, app/assets/stylesheets/stores.scss */
.main .wrap-search-list table .table-list td {
  padding: 0.812rem 0 1.125rem;
}

/* line 29, app/assets/stylesheets/stores.scss */
.main .wrap-search-list table button {
  width: 100%;
}

/* line 30, app/assets/stylesheets/stores.scss */
.main .wrap-search-list .icon-stores-location {
  width: 100%;
  max-width: 20px;
  display: block;
  margin: 0 auto;
}

/* line 32, app/assets/stylesheets/stores.scss */
.main .wrap-pagination {
  padding: 3.812rem 0 9.225rem;
}

/* line 33, app/assets/stylesheets/stores.scss */
.main .wrap-pagination .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 34, app/assets/stylesheets/stores.scss */
.main .wrap-pagination .pagination .prev .material-icons,
.main .wrap-pagination .pagination .next .material-icons {
  font-size: 1.25rem;
  font-weight: bold;
  color: #585858;
}

/* line 36, app/assets/stylesheets/stores.scss */
.main .wrap-pagination .pagination .prev {
  padding-right: 28px;
}

/* line 37, app/assets/stylesheets/stores.scss */
.main .wrap-pagination .pagination .pages {
  font-family: 'Noto Sans KR';
  font-size: 1.125rem;
  color: #585858;
  padding-right: 30px;
}

/* line 38, app/assets/stylesheets/stores.scss */
.main .wrap-pagination .pagination .pages .active {
  color: #fff;
  border-radius: 1.875rem;
  background-color: #00269a;
  letter-spacing: normal;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  position: relative;
}

/* line 39, app/assets/stylesheets/stores.scss */
.main .wrap-pagination .pagination .pages .active span {
  position: absolute;
  left: 0;
  right: 0;
  top: 4px;
}

/* -start 병원위치 팝업 */
/* line 42, app/assets/stylesheets/stores.scss */
.stores-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  width: 100%;
  max-width: 1098px;
  height: auto;
  box-sizing: border-box;
  padding: 6.312rem 6.687rem 6.062rem;
  background-color: #fff;
  display: none;
}

/* line 43, app/assets/stylesheets/stores.scss */
.stores-popup .btn-close {
  position: absolute;
  top: 2rem;
  right: 2.312rem;
  z-index: 21;
}

/* line 44, app/assets/stylesheets/stores.scss */
.stores-popup .btn-close span {
  font-size: 2.5rem;
  color: #707070;
  cursor: pointer;
}

/* line 45, app/assets/stylesheets/stores.scss */
.stores-popup .wrap-map {
  width: 100%;
  max-width: 884px;
  height: 321px;
  background-color: #f8f8f8;
}

/* line 46, app/assets/stylesheets/stores.scss */
.stores-popup .title-store-name {
  padding: 10px;
  font-size: 16px;
}

/* line 47, app/assets/stylesheets/stores.scss */
.stores-popup table {
  border: 1px solid #565656;
  width: 100%;
  font-family: 'Noto Sans KR';
  color: #262626;
  margin-top: 2rem;
  letter-spacing: -1.04px;
}

/* line 48, app/assets/stylesheets/stores.scss */
.stores-popup table tr {
  border-bottom: solid 1px rgba(112, 112, 112, 0.3);
}

/* line 49, app/assets/stylesheets/stores.scss */
.stores-popup table tr:nth-last-child(1) {
  border-bottom: none;
}

/* line 50, app/assets/stylesheets/stores.scss */
.stores-popup table .table-left {
  background-color: #fafafa;
  text-align: center;
  font-size: 1.625rem;
  font-weight: normal;
  padding: 1.25rem 0;
  vertical-align: middle;
}

/* line 51, app/assets/stylesheets/stores.scss */
.stores-popup table .table-right {
  font-size: 1.625rem;
  font-weight: 300;
  padding: 1.25rem 2.5rem;
  vertical-align: middle;
}

/* -end 병원위치 팝업 */
@media (max-width: 600px) {
  /* line 55, app/assets/stylesheets/stores.scss */
  .desktop {
    display: none;
  }
  /* line 56, app/assets/stylesheets/stores.scss */
  .mobile {
    display: block;
  }
  /* line 58, app/assets/stylesheets/stores.scss */
  .wrap-stores-top {
    position: relative;
  }
  /* line 59, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .img-box-stores {
    width: 100%;
  }
  /* line 60, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .img-box-stores .m-top-img-stores {
    width: 100%;
    display: block;
  }
  /* line 61, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .m-text-stores {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  /* line 62, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .m-text-stores em {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 12.6px;
    color: #ccc;
    padding-left: 12.6px;
  }
  /* line 63, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .m-text-stores h1 {
    font-family: 'Noto Sans KR';
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0.625rem 0 0.937rem;
  }
  /* line 64, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .m-text-stores hr {
    width: 8.33%;
    height: 1px;
    background-color: #fff;
    border: 0;
  }
  /* line 65, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .m-text-stores p {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: -1.12px;
    color: #ccc;
    padding-top: 1.25rem;
  }
  /* line 66, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .icon-box-scroll {
    width: 12.5%;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  /* line 67, app/assets/stylesheets/stores.scss */
  .wrap-stores-top .icon-box-scroll .m-icon-stores-scroll {
    width: 100%;
    display: block;
  }
  /* line 69, app/assets/stylesheets/stores.scss */
  .wrap-stores-nav {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    font-weight: 500;
    color: #626262;
    padding: 0.781rem 0 0.875rem 4.16%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  /* line 70, app/assets/stylesheets/stores.scss */
  .wrap-stores-nav .m-icon-home {
    width: 3.75%;
    padding-right: 2.77%;
    vertical-align: middle;
  }
  /* line 72, app/assets/stylesheets/stores.scss */
  .wrap-title-stores {
    font-size: 1.375rem;
    text-align: center;
    padding: 1.968rem 0 0.656rem;
  }
  /* line 74, app/assets/stylesheets/stores.scss */
  .wrap-search {
    width: 88.88%;
    margin: 0 auto;
    border-top: 1px solid rgba(112, 112, 112, 0.6);
    border-bottom: 1px solid rgba(112, 112, 112, 0.6);
    padding: 0.656rem 0 0.843rem;
  }
  /* line 75, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-area {
    padding-bottom: 0.531rem;
  }
  /* line 76, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-area label,
.wrap-search .wrapping-search label {
    font-family: 'Noto Sans KR';
    font-size: 0.625rem;
    font-weight: bold;
    color: #333;
    opacity: 0.73;
  }
  /* line 78, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-area .selectdiv {
    font-family: 'Noto Sans KR';
    font-size: 0.625rem;
    font-weight: 500;
    color: #191919;
    padding: 0 1.906rem 0;
    display: inline-block;
    width: 29.44%;
    position: relative;
  }
  /* line 79, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-area .selectdiv select {
    width: 100%;
    line-height: 2;
    border: 1px solid #707070;
    border-radius: 5px;
    opacity: 0.73;
    object-fit: contain;
    padding: 0.187rem 0.593rem 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  /* line 80, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-area .selectdiv .material-icons {
    color: #707070;
    height: 1.5rem;
    position: absolute;
    pointer-events: none;
    top: 6px;
    right: 37px;
    font-size: 15px;
  }
  /* IE11 hide native button */
  /* line 82, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-area .selectdiv select::-ms-expand {
    display: none;
  }
  /* line 84, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-search .searchdiv {
    font-family: 'Noto Sans KR';
    font-size: 0.625rem;
    font-weight: 500;
    color: #191919;
    opacity: 0.6;
    display: inline-block;
    width: 69.02%;
    position: relative;
    margin-left: 1.093rem;
  }
  /* line 85, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-search .searchdiv input {
    width: 100%;
    line-height: 2;
    border: 1px solid #707070;
    border-radius: 5px;
    opacity: 0.73;
    object-fit: contain;
    padding: 0.156rem 0.593rem 0.281rem;
  }
  /* line 86, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-search .searchdiv button {
    position: absolute;
    top: 3px;
    right: -15px;
  }
  /* line 87, app/assets/stylesheets/stores.scss */
  .wrap-search .wrapping-search .searchdiv button .material-icons {
    color: #707070;
    height: 1.5rem;
    font-size: 20px;
  }
  /* line 89, app/assets/stylesheets/stores.scss */
  .wrap-search-list {
    padding-top: 1.093rem;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 90, app/assets/stylesheets/stores.scss */
  .wrap-search-list table {
    width: 100%;
    font-family: 'Noto Sans KR';
    font-size: 0.625rem;
    line-height: 1.4;
    letter-spacing: -0.8px;
    text-align: center;
    color: #262626;
    border-top: 1.5px solid #707070;
  }
  /* line 91, app/assets/stylesheets/stores.scss */
  .wrap-search-list table .table-title {
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    letter-spacing: -1.12px;
    color: #262626;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 92, app/assets/stylesheets/stores.scss */
  .wrap-search-list table .table-title th {
    padding: 0.593rem 0;
  }
  /* line 93, app/assets/stylesheets/stores.scss */
  .wrap-search-list table .table-list:nth-child(even) {
    background-color: #f8f8f8;
  }
  /* line 94, app/assets/stylesheets/stores.scss */
  .wrap-search-list table .table-list td {
    padding: 0.781rem 0.625rem;
    vertical-align: middle;
  }
  /* line 95, app/assets/stylesheets/stores.scss */
  .wrap-search-list table button {
    width: 100%;
  }
  /* line 96, app/assets/stylesheets/stores.scss */
  .wrap-search-list .m-icon-stores-location {
    width: 100%;
    max-width: 23px;
    display: block;
    margin: auto;
  }
  /* line 98, app/assets/stylesheets/stores.scss */
  .wrap-pagination {
    padding: 2.812rem 0 3.781rem;
  }
  /* line 99, app/assets/stylesheets/stores.scss */
  .wrap-pagination .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 100, app/assets/stylesheets/stores.scss */
  .wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
    font-size: 0.437rem;
    font-weight: bold;
    color: #585858;
  }
  /* line 102, app/assets/stylesheets/stores.scss */
  .wrap-pagination .pagination .prev {
    padding-right: 19px;
  }
  /* line 103, app/assets/stylesheets/stores.scss */
  .wrap-pagination .pagination .pages {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    color: #585858;
    padding-right: 20px;
  }
  /* line 104, app/assets/stylesheets/stores.scss */
  .wrap-pagination .pagination .pages .active {
    color: #fff;
    border-radius: 1.25rem;
    background-color: #00269a;
    letter-spacing: normal;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    position: relative;
  }
  /* line 105, app/assets/stylesheets/stores.scss */
  .wrap-pagination .pagination .pages .active span {
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
  }
  /* -start 병원위치 팝업 */
  /* line 108, app/assets/stylesheets/stores.scss */
  .stores-popup {
    width: 81.8%;
    max-width: 81.8%;
    padding: 3rem 2rem 2rem;
  }
  /* line 109, app/assets/stylesheets/stores.scss */
  .stores-popup .btn-close {
    top: 10px;
    right: 10px;
  }
  /* line 110, app/assets/stylesheets/stores.scss */
  .stores-popup .btn-close span {
    font-size: 1.25rem;
  }
  /* line 111, app/assets/stylesheets/stores.scss */
  .stores-popup .wrap-map {
    width: 100%;
    max-width: 320px;
    height: 200px;
  }
  /* line 112, app/assets/stylesheets/stores.scss */
  .stores-popup .title-store-name {
    padding: 8px;
    font-size: 12px;
  }
  /* line 113, app/assets/stylesheets/stores.scss */
  .stores-popup table {
    border: 1px solid #656565;
    margin-top: 1rem;
  }
  /* line 114, app/assets/stylesheets/stores.scss */
  .stores-popup table tr {
    border-bottom: solid 1px #656565;
  }
  /* line 115, app/assets/stylesheets/stores.scss */
  .stores-popup table .table-left {
    font-size: 0.562rem;
    letter-spacing: -0.72px;
    padding: 0.62rem 0;
  }
  /* line 116, app/assets/stylesheets/stores.scss */
  .stores-popup table .table-right {
    font-size: 0.5rem;
    letter-spacing: -0.64px;
    padding: 0.62rem 1rem;
  }
  /* -end 병원위치 팝업 */
}

/*# sourceMappingURL=stores.css-db8e3a1497509c76bc5c55cdf3786234a1925437f09d94c8b422cd4073810a6e.map */