@charset "UTF-8";
footer {
  height: 33rem;
}

/************************************************************ 
    contents common
***********************************************************/
#search {
  min-height: calc(100vh - 33rem);
  padding-top: 15.8rem;
  background: url(../images/common/search_bg1.svg) 18.75vw top no-repeat, url(../images/common/search_bg2.svg) 70.63vw bottom no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /**/
  /*매장정보 리스트*/
}
#search.search_none {
  background: none;
}
#search .search_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#search .search_area .search_form::before {
  content: "";
  left: 1.35vw;
  width: 1.67vw;
  height: 1.67vw;
  margin-top: -0.83vw;
  background-size: cover;
}
#search .search_area .search_form .input_search {
  width: 36.46vw;
  height: 4.17vw;
  color: #000;
  font-size: 1.15vw;
  font-weight: 500;
  letter-spacing: -0.66px;
  border: 0.3rem solid #000;
  padding: 0.52vw 3.54vw 0.52vw 3.85vw;
}
#search .search_area .search_form .input_search::-webkit-input-placeholder {
  color: #000;
}
#search .search_area .search_form .input_search::-moz-placeholder {
  color: #000;
}
#search .search_area .search_form .input_search:-ms-input-placeholder {
  color: #000;
}
#search .search_area .search_form .input_search::-ms-input-placeholder {
  color: #000;
}
#search .search_area .search_form .input_search::placeholder {
  color: #000;
}
#search .search_area .search_form .icon_close {
  right: 1.35vw;
  top: 50%;
  width: 2.19vw;
  height: 3.88vh;
  margin-top: -1.94vh;
}
#search .search_area .search_form .icon_close::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/icon/icon_x.svg) center no-repeat;
  background-size: contain;
}
#search .message_area {
  text-align: center;
  padding-top: 4.629vh;
}
#search .message_area .message_noti {
  font-size: 1.15vw;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: -0.03vw;
}
#search .message_area .message_noti span {
  display: inline-block;
  vertical-align: top;
}
#search .message_area .message_noti strong {
  display: block;
  font-size: 1.77vw;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.05vw;
}
#search .message_area .message_noti .c_pink {
  color: #E8468A;
}
#search .message_area .ex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1.11vh;
}
#search .message_area .ex li {
  padding: 0.31vw 0.94vw;
  font-size: 1.15vw;
  color: #000;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: -0.03vw;
  border-radius: 2.6vw;
  border: 0.1rem solid #D8D8D8;
}
#search .message_area .ex li:not(:last-child) {
  margin-right: 0.52vw;
}
#search .tit {
  font-size: 2.2rem;
  color: #000;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: -0.66px;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #000;
}
#search .info_area .btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 4rem;
}
#search .info_area .btn_area img {
  padding-left: 0.4rem;
}
#search .info_area.info_store {
  margin-top: 8rem;
}
#search .info_area.info_store .store-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 4rem;
  border-bottom: 1px solid #D8D8D8;
}
#search .info_area.info_store .store-list > li .info-wrap {
  width: calc(100% - 42rem);
}
#search .info_area.info_store .store-list > li .info-wrap .icon-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#search .info_area.info_store .store-list > li .info-wrap .icon-link li + li {
  position: relative;
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
#search .info_area.info_store .store-list > li .info-wrap .icon-link li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  background-color: #C0C0C0;
}
#search .info_area.info_store .store-list > li .info-wrap .store-name {
  font-size: 3.4rem;
  color: #000;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.03em;
  padding: 1.6rem 0;
}
#search .info_area.info_store .store-list > li .info-wrap .store-info li, #search .info_area.info_store .store-list > li .info-wrap .store-info .link-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#search .info_area.info_store .store-list > li .info-wrap .store-info li span:not(.flag), #search .info_area.info_store .store-list > li .info-wrap .store-info .link-arrow span:not(.flag) {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #000;
}
#search .info_area.info_store .store-list > li .info-wrap .store-info li span:not(.flag).f_lato, #search .info_area.info_store .store-list > li .info-wrap .store-info .link-arrow span:not(.flag).f_lato {
  font-weight: 700;
}
#search .info_area.info_store .store-list > li .info-wrap .store-info .flag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 5.2rem;
  height: 2rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: normal;
  color: #00172F;
  border-radius: 0.4rem;
  border: 1.5px solid #00172F;
  background: #fff;
  padding: 0rem 0.3rem;
  margin-right: 1rem;
}
#search .info_area.info_store .store-list > li .info-wrap .store-desc {
  padding-top: 1.2rem;
}
#search .info_area.info_store .store-list > li .info-wrap .store-desc dl + dl {
  padding-top: 0.48em;
}
#search .info_area.info_store .store-list > li .info-wrap .store-desc dl dt, #search .info_area.info_store .store-list > li .info-wrap .store-desc dl dd {
  font-size: 14px;
  line-height: 157.143%;
  letter-spacing: -0.42px;
  color: #333;
}
#search .info_area.info_store .store-list > li .info-wrap .store-desc dl dt {
  display: inline-block;
  margin-right: 0.8rem;
  font-weight: 700;
}
#search .info_area.info_store .store-list > li .info-wrap .store-desc dl dd {
  display: inline-block;
  font-weight: 400;
}
#search .info_area.info_store .store-list > li .store-img {
  position: relative;
  width: 42rem;
  height: 32rem;
  overflow: hidden;
}
#search .info_area.info_store .store-list > li .store-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#search .info_area.info_promotion {
  margin-top: 10rem;
}
#search .info_area.info_promotion .promotion_list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem 2rem;
  border-bottom: 0.1rem solid #D8D8D8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
}
#search .info_area.info_promotion .promotion_list > li .promotion_img {
  width: 26.4rem;
  height: 20rem;
  overflow: hidden;
}
#search .info_area.info_promotion .promotion_list > li .promotion_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#search .info_area.info_promotion .promotion_list > li .promotion_txt {
  width: calc(100% - 29.6rem);
  color: #000;
  margin: 0 5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#search .info_area.info_promotion .promotion_list > li .promotion_txt .txt_tit {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: -0.66px;
}
#search .info_area.info_promotion .promotion_list > li .promotion_txt .txt_floor {
  font-family: "Lato", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 135.714%;
}
#search .info_area.info_promotion .promotion_list > li .promotion_txt .txt_period {
  font-family: "Lato", sans-serif;
  font-size: 1.6rem;
  color: #808080;
  font-weight: 400;
  line-height: 180%;
}
#search .info_area.info_promotion .promotion_list > li .btn_more::before {
  content: "";
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/icon/icon_link_off.svg);
  -webkit-transition: 0.7s all;
  transition: 0.7s all;
}
#search .info_area.info_promotion .promotion_list > li:hover {
  cursor: pointer;
  border-bottom: 0.1rem solid #000;
}
#search .info_area.info_promotion .promotion_list > li:hover .btn_more::before {
  background: url(../images/icon/icon_link_on.svg);
}
#search .info_area.info_none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 10rem;
}
#search .info_area.info_none .recommend_map, #search .info_area.info_none .recommend_now {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 34rem;
  height: 34.2rem;
}
#search .info_area.info_none .recommend_map span, #search .info_area.info_none .recommend_now span {
  display: block;
  font-size: 1.4rem;
  color: #001B37;
  font-weight: 500;
  line-height: 180%;
  white-space: pre-line;
  letter-spacing: -0.42px;
  padding-bottom: 2.5rem;
}
#search .info_area.info_none .recommend_map p, #search .info_area.info_none .recommend_now p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 34px;
  color: #000;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -1.02px;
}
#search .info_area.info_none .recommend_map p::after, #search .info_area.info_none .recommend_now p::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../images/icon/icon_arrow_link.svg) center center/cover no-repeat;
}
#search .info_area.info_none .recommend_map {
  margin-right: 3rem;
  background: url(../images/common/search_recommend_bg1.png) no-repeat;
}
#search .info_area.info_none .recommend_now {
  background: url(../images/common/search_recommend_bg2.png) no-repeat;
}

html[lang=en] #search {
  /*매장정보 리스트*/
}
html[lang=en] #search .info_area.info_none .recommend_map, html[lang=en] #search .info_area.info_none .recommend_now {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 8.5rem;
}
html[lang=en] #search .info_area.info_none .recommend_map p, html[lang=en] #search .info_area.info_none .recommend_now p {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1.2;
}
html[lang=en] #search .info_area.info_none .recommend_now p:after {
  margin-left: -4.4rem;
}