/*
 * selectStore.jsp — 서점 선택·GPS 안내 팝업 전용 스타일 발췌
 * 원본: src/main/resources/static/css/bookon2024.scss
 *       (.div_popup, .updown_popup, .none_store, .updown_popup.store …)
 * 참고: 팝업 표시 시 display:flex 는 static/js/popup.js 에서 인라인으로 지정됨.
 */
.hidden {
  display: none !important;
}
button {
  background-color: transparent;
  transition: all 0.2s ease 0s;
}
/* .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dbdbdb;
  color: #252525;
  min-width: 36px;
  min-height: 36px;
  padding: 5px 8px;
  transition: all 0.2s ease;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  font-weight: 500;
  background: #fff;
  word-break: keep-all;
  line-height: 1;
}
.btn:hover,
.btn:focus {
  color: #252525;
  background-color: #f6f6f6;
}
.btn:disabled {
  border-color: #e5e5e5;
  background-color: #ededed;
  color: #888;
  cursor: default;
} */
.btn.pri {
  background-color: #0b8ceb;
  color: #fff;
  border-color: #0b8ceb;
}
.btn.pri:hover,
.btn.pri:focus {
  background-color: #037dd5;
}
.btn.pri:disabled {
  border-color: #e5e5e5;
  background-color: #ededed;
  color: #888;
  cursor: default;
}
.div_popup.js_on .pop_up {
  opacity: 1;
  margin-top: 0;
}
.div_popup.updown_popup.js_on {
  display: flex;
}

.div_popup {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  /*background: rgba(0,0,0,0.5);*/
  box-sizing: border-box;
  padding: 20px;
  display: none;
  justify-content: center;
  align-items: center;
}
.div_popup .pop_up {
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #fff;
  border-radius: 5px;
  padding: 30px 20px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.2s ease;
  opacity: 0;
  margin-top: 30px;
  z-index: 1300;
}
.div_popup .pop_up header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 20px 0;
}
.div_popup .pop_up header h3,
.div_popup .pop_up header h4 {
  font-size: 20px;
  font-weight: 500;
  padding: 0;
}
.div_popup .pop_up > .btn_wrap {
  width: 100%;
}
.div_popup .pop_up > .btn_wrap .btn {
  flex: 1;
  height: 46px;
  font-weight: 600;
}
.div_popup .pop_up > .btn_wrap .btn.pri {
  border: 0 none;
  background-color: #333;
}
.div_popup .pop_up > .btn_wrap .btn.pri:hover, .div_popup .pop_up > .btn_wrap .btn.pri:focus {
  background-color: #050505;
}
.div_popup .pop_up p.text {
  text-align: center;
  line-height: 1.4em;
  font-size: 14px;
}
.div_popup .pop_up:has(.popup_contents) {
  padding: 0;
}
.div_popup .popup_contents {
  padding: 20px 20px;
  box-sizing: border-box;
}
.div_popup .foot_btn_wrap {
  width: 100%;
  padding: 0 20px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  background-color: #fff;
}
.div_popup .foot_btn_wrap .btn {
  flex: 1;
  height: 48px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  border: 1px solid #E0E0E0;
}
.div_popup .foot_btn_wrap .btn.pri {
  background-color: #3D086D;
  border: 0 none;
}
.div_popup .foot_btn_wrap .btn.pri:hover {
  background-color: #7E37BE;
}
.div_popup:not(.gallery) .btn_prev:not(.page) {
  font-size: 0;
  position: absolute;
  left: 15px;
  top: 20px;
}
.div_popup:not(.gallery) .btn_prev:not(.page)::before {
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px auto;
  background-image: url("../images/icon_top_prev.svg");
}
.div_popup .btn_close {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 16px;
  top: 18px;
  z-index: 10;
  transition: all 0.2s ease;
  border-radius: 2px;
  font-size: 0;
  min-width: initial;
}
.div_popup .btn_close::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='28' height='28' fill='rgba(37,37,37,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
}
.div_popup .btn_close:hover {
  background-color: #f2f2f2;
}
.div_popup .blank {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(2px);
  z-index: 12;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='rgba(255,255,255,1)'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E"), auto;
}


.none_store .pop_up:has(.popup_contents) {
  padding-top: 40px;
}
.none_store .pop_up .popup_contents {
  padding-top: 0;
}
.none_store .pop_up .popup_contents strong {
  display: block;
  text-align: center;
  font-weight: 600;
  line-height: 1.4em;
  font-size: 18px;
}
.none_store .pop_up .foot_btn_wrap {
  border-top: 0 none;
}

.updown_popup {
  width: 100%;
  padding: 0;
  z-index: 20;
  transition: all 0.2s ease;
  display: none;
}
.updown_popup .blank {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.updown_popup .pop_up {
  width: 100%;
  background-color: #fff;
  padding: 30px 20px 20px;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  bottom: -100%;
  border-radius: 6px 6px 0 0;
  margin-top: 0;
  transition: all 0.2s ease;
}
.updown_popup.js_on .pop_up {
  bottom: 0;
}
.updown_popup h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
}
.updown_popup .btn_prev {
  font-size: 0;
  position: absolute;
  left: 15px;
  top: 30px;
}
.updown_popup .btn_prev::before {
  display: block;
  content: "";
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px auto;
  background-image: url("../images/icon_top_prev.svg");
}
.updown_popup:has(.popup_contents) .btn_prev {
  top: 30px;
}
.updown_popup:has(.popup_contents) .pop_up {
  padding: 20px 0 0;
}
.updown_popup:has(.foot_btn_wrap) {
  padding: 20px 0 0;
}
.updown_popup .pop_up header {
  padding: 0 20px;
  margin: 0;
  border: 0 none;
  position: relative;
}
.updown_popup .pop_up header h3 {
  padding: 0;
}
.updown_popup .popup_contents {
  padding: 20px 20px;
  box-sizing: border-box;
}
.updown_popup .popup_contents header h3 {
  padding: 0 0 20px;
}
.updown_popup .foot_btn_wrap {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #dbdbdb;
  padding: 0 10px;
  box-sizing: border-box;
}
.updown_popup .foot_btn_wrap .btn {
  flex: 1;
  height: 48px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.updown_popup .foot_btn_wrap .btn.pri {
  background-color: #333;
  border: 0 none;
}
.updown_popup .foot_btn_wrap .btn.pri:hover {
  background-color: #050505;
}
.updown_popup .foot_btn_wrap .btn:disabled, .updown_popup .foot_btn_wrap .btn.pri:disabled {
  background-color: #ededed;
  color: #888;
}
.updown_popup .btn_close {
  width: 50%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.updown_popup .btn_close::before {
  display: block;
  content: "";
  width: 32px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/icon_detail_close.svg");
}
.updown_popup:has(.btn_close) .pop_up {
  padding-top: 48px;
}

.updown_popup.store {
  z-index: 1300;
}

.updown_popup.store .pop_up {
  padding-bottom: 0;
}
.updown_popup.store .pop_up .btn_prev {
  top: 46px;
}
.updown_popup.store .pop_up .store_title {
  display: block;
}
.updown_popup.store .pop_up .filter_title {
  display: none;
}
.updown_popup.store .pop_up .btn_prev {
  display: none;
}
.updown_popup.store .pop_up:has(.store_detail_wrap.on) .popup_contents {
  padding-top: 0;
}
.updown_popup.store .pop_up:has(.store_detail_wrap.on) .search_wrap,
.updown_popup.store .pop_up:has(.store_detail_wrap.on) .tab_nav {
  display: none;
}
.updown_popup.store .pop_up:has(.store_detail_wrap.on) .btn_prev {
  display: flex;
}
.updown_popup.store .pop_up .foot_btn_wrap .select_store_btn {
  display: flex;
}
.updown_popup.store .pop_up .foot_btn_wrap .filter_apply_btn {
  display: none;
}
.updown_popup.store .pop_up:has(.search_filter.on) .store_title {
  display: none;
}
.updown_popup.store .pop_up:has(.search_filter.on) .filter_title {
  display: block;
}
.updown_popup.store .pop_up:has(.search_filter.on) .search_wrap,
.updown_popup.store .pop_up:has(.search_filter.on) .tab_nav {
  display: none;
}
.updown_popup.store .pop_up:has(.search_filter.on) .search_filter_btn {
  display: none;
}
.updown_popup.store .pop_up:has(.search_filter.on) .foot_btn_wrap .select_store_btn {
  display: none;
}
.updown_popup.store .pop_up:has(.search_filter.on) .foot_btn_wrap .filter_apply_btn {
  display: flex;
}
.updown_popup.store .pop_up header {
  display: block;
  padding: 0;
  margin: 0;
  border: 0 none;
}
.updown_popup.store .pop_up .popup_contents {
  padding-top: 0;
}
.updown_popup.store .pop_up .popup_contents > .js_target {
  display: none;
}
.updown_popup.store .pop_up .popup_contents > .js_target.on {
  display: block;
}
.updown_popup.store .pop_up .search_wrap {
  height: 50px;
  padding: 0;
  margin: 0;
  position: relative;
  
}
.updown_popup.store .pop_up .search_wrap input[type='text'] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  padding: 0 50px 0 14px;
}
.updown_popup.store .pop_up .search_wrap .btn_search {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  
}
.updown_popup.store .pop_up .search_wrap .btn_search::before {
  display: block;
  content: '';
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='22' height='22' fill='rgba(85,13,123,1)'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .search_wrap.none {
  display: none;
}
.updown_popup.store .pop_up .tab_nav {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-radius: 4px;
  background-color: #f5f5f5;
  margin: 14px 0 20px;
  
}
.updown_popup.store .pop_up .tab_nav button {
  flex: 1;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 14px 0;
  box-sizing: border-box;
  border-radius: 4px;
  color: #777;
  background-color: #f5f5f5;
  border: 2px solid transparent;
  
}
.updown_popup.store .pop_up .tab_nav button.on {
  background-color: #fff;
  color: #550d7b;
  border: 2px solid #550d7b;
  font-weight: 600;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  
}
.updown_popup.store .pop_up .tab_nav button.on::before {
  display: none;
}
.updown_popup.store .pop_up .tab_nav.none {
  display: none;
}
.updown_popup.store .pop_up .search_filter_btn {
  min-height: 30px;
  padding: 0 8px;
  position: absolute;
  right: 0;
  top: -5px;
  font-size: 14px;
  
}
.updown_popup.store .pop_up .search_filter_btn::before {
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14' fill='rgba(68,68,68,1)'%3E%3Cpath d='M5 7C5 6.17157 5.67157 5.5 6.5 5.5C7.32843 5.5 8 6.17157 8 7C8 7.82843 7.32843 8.5 6.5 8.5C5.67157 8.5 5 7.82843 5 7ZM6.5 3.5C4.567 3.5 3 5.067 3 7C3 8.933 4.567 10.5 6.5 10.5C8.433 10.5 10 8.933 10 7C10 5.067 8.433 3.5 6.5 3.5ZM12 8H20V6H12V8ZM16 17C16 16.1716 16.6716 15.5 17.5 15.5C18.3284 15.5 19 16.1716 19 17C19 17.8284 18.3284 18.5 17.5 18.5C16.6716 18.5 16 17.8284 16 17ZM17.5 13.5C15.567 13.5 14 15.067 14 17C14 18.933 15.567 20.5 17.5 20.5C19.433 20.5 21 18.933 21 17C21 15.067 19.433 13.5 17.5 13.5ZM4 16V18H12V16H4Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .search_filter_btn strong {
  margin-left: 2px;
  font-weight: 600;
  color: #0b8ceb;
}
.updown_popup.store .pop_up .popup_store_list {
  max-height: 280px;
  overflow-y: auto;
  
}
.updown_popup.store .pop_up .popup_store_list::-webkit-scrollbar {
  width: 5px;
}
.updown_popup.store .pop_up .popup_store_list li {
  padding-bottom: 20px;
  border-bottom: 1px dashed #dbdbdb;
  position: relative;
  margin-right: 15px;
  
}
.updown_popup.store .pop_up .popup_store_list li + li {
  margin-top: 20px;
}
.updown_popup.store .pop_up .popup_store_list li:last-child {
  border-bottom: 0 none;
}
.updown_popup.store .pop_up .popup_store_list li h5 {
  display: flex;
  align-items: center;
  padding: 0 34px 0 28px;
  box-sizing: border-box;
  
}
.updown_popup.store .pop_up .popup_store_list li h5 .store_name {
  font-size: 18px;
  font-weight: 600;
  margin-right: 6px;
}
.updown_popup.store .pop_up .popup_store_list li h5 .distance {
  margin-right: 6px;
}
.updown_popup.store .pop_up .popup_store_list li .btn_bookmark {
  width: 20px;
  height: 20px;
}
/* 목록·헤더 즐겨찾기 (bookon2024 .btn_bookmark 발췌, 팝업 범위로 한정) */
.updown_popup.store .pop_up .btn_bookmark {
  width: 24px;
  height: 24px;
  font-size: 0;
  transition: all 0.2s ease 0s;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/icon_bookmark.svg");
  border: 0 none;
  padding: 0;
  min-width: auto;
  min-height: auto;
}
.updown_popup.store .pop_up .btn_bookmark::before {
  display: block;
  content: "미등록";
  font-size: 0;
  position: fixed;
  left: -99999px;
  top: -99999px;
}
.updown_popup.store .pop_up .btn_bookmark:hover {
  background-image: url("../images/icon_bookmark_hover.svg");
}
.updown_popup.store .pop_up .btn_bookmark.on {
  background-image: url("../images/icon_bookmark_on.svg");
}
.updown_popup.store .pop_up .btn_bookmark.on::before {
  content: "등록됨";
}
.updown_popup.store .pop_up .popup_store_list li dl {
  padding-top: 16px;
  display: flex;
  align-items: center;
  
}
.updown_popup.store .pop_up .popup_store_list li dl dt.store_open {
  font-weight: 600;
  color: #0b8ceb;
  margin-right: 8px;
}
.updown_popup.store .pop_up .popup_store_list li dl dd.store_open {
  flex: 1;
  font-weight: 500;
  margin-right: 14px;
}
.updown_popup.store .pop_up .popup_store_list li dl dt.stock {
  font-weight: 500;
  margin-right: 8px;
}
.updown_popup.store .pop_up .popup_store_list li dl dd.stock {
  font-weight: 500;
  
}
.updown_popup.store .pop_up .popup_store_list li dl dd.stock >strong {
  color: #0b8ceb;
  font-weight: 600;
}
.updown_popup.store .pop_up .popup_store_list li address {
  padding-top: 10px;
  font-size: 15px;
  line-height: 1.2em;
  color: #444;
}
.updown_popup.store .pop_up .popup_store_list li input[type='radio']+label {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #909090;
  background-color: #fff;
  border-radius: 50%;
  font-size: 0;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 2px;
  transition: all 0.2s ease 0s;
  
}
.updown_popup.store .pop_up .popup_store_list li input[type='radio']+label:hover {
  background-color: #f2f2f2;
}
.updown_popup.store .pop_up .popup_store_list li input[type='radio']:checked+label {
  border: 5px solid #2563eb;
}
.updown_popup.store .pop_up .popup_store_list li.no_result {
  border: 0 none;
  margin-right: 0;
  padding: 15px 0;
  
}
.updown_popup.store .pop_up .popup_store_list li.no_result p {
  text-align: center;
  line-height: 1.4em;
  color: #777;
}
.updown_popup.store .pop_up .popup_store_list li.no_result strong {
  font-weight: 600;
  color: #252525;
}
.updown_popup.store .pop_up .popup_store_list li.no_check input[type='radio']+label {
  background-color: #ededed
}
.updown_popup.store .pop_up .popup_store_map .map {
  width: 100%;
  height: 340px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  position: relative;
  
}
.updown_popup.store .pop_up .popup_store_map .map .btn_location {
  width: 150px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background-color: #0b8ceb;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  border-radius: 50px;
  box-shadow: 0 0 15px 0 rgba(0, 29, 35, 0.2);
  position: absolute;
  left: 50%;
  top: 20px;
  z-index: 2;
  transform: translateX(-50%);
  transition: all 0.2s ease 0s;
  
}
.updown_popup.store .pop_up .popup_store_map .map .btn_location:hover {
  background-color: #037dd5;
}
.updown_popup.store .pop_up .popup_store_map .map .btn_location::before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(255,255,255,1)'%3E%3Cpath d='M2 5L9 2L15 5L21.303 2.2987C21.5569 2.18992 21.8508 2.30749 21.9596 2.56131C21.9862 2.62355 22 2.69056 22 2.75827V19L15 22L9 19L2.69696 21.7013C2.44314 21.8101 2.14921 21.6925 2.04043 21.4387C2.01375 21.3765 2 21.3094 2 21.2417V5ZM16 19.3955L20 17.6812V5.03308L16 6.74736V19.3955ZM14 19.2639V6.73607L10 4.73607V17.2639L14 19.2639ZM8 17.2526V4.60451L4 6.31879V18.9669L8 17.2526Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .store_detail {
  max-height: 450px;
  position: relative;
  overflow-y: auto;
  padding-right: 10px;
  
}
.updown_popup.store .pop_up .store_detail h4 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 16px 0;
}
.updown_popup.store .pop_up .store_detail .store_name {
  font-size: 18px;
  font-weight: 600;
}
.updown_popup.store .pop_up .store_detail .store_summary {
  display: flex;
  align-content: center;
  flex-flow: row wrap;
  gap: 10px;
  position: relative;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li {
  display: flex;
}
.updown_popup.store .pop_up .store_detail .store_summary > li > strong,
.updown_popup.store .pop_up .store_detail .store_summary > li > div {
  min-height: 18px;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  font-size: 14px;
}
.updown_popup.store .pop_up .store_detail .store_summary > li:not(.stock) {
  flex: 1 1 100%;
}
.updown_popup.store .pop_up .store_detail .store_summary > li:not(.stock) > strong {
  flex: none;
  font-size: 0;
  margin-right: 10px;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li:not(.stock)>strong::before {
  display: block;
  content: '';
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.stock {
  position: absolute;
  right: 0;
  top: 0;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.stock >strong {
  font-weight: 500;
  margin-right: 8px;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.stock >div {
  font-weight: 500;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.stock >div strong {
  color: #0b8ceb;
  font-weight: 500;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open > strong::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(133,133,133,1)'%3E%3Cpath d='M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM13 12V7H11V14H17V12H13Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open > div {
  align-items: center;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open .open,
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open .closed {
  display: flex;
  align-items: center;
  font-weight: 600;
  gap: 8px;
  order: 1;
  margin-right: 8px;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open .open {
  color: #0b8ceb;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open button {
  width: 20px;
  height: 20px;
  font-size: 0;
  order: 2;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open button::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(68,68,68,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open button.operate_close {
  display: none;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open button.operate_close::before {
  transform: rotate(180deg);
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open ul {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  box-sizing: border-box;
  gap: 0;
  opacity: 0;
  height: 0;
  display: none;
  transition: all 0.2s ease 0s;
  order: 3;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open ul li {
  font-size: 14px;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open ul strong {
  font-weight: 600;
  margin-right: 8px;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open.on ul {
  opacity: 1;
  height: auto;
  gap: 4px;
  margin-top: 8px;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open.on button.operate_open {
  display: none;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.store_open.on button.operate_close {
  display: block;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.homepage >strong::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(133,133,133,1)'%3E%3Cpath d='M2.04932 12.9999H7.52725C7.70624 16.2688 8.7574 19.3053 10.452 21.8809C5.98761 21.1871 2.5001 17.5402 2.04932 12.9999ZM2.04932 10.9999C2.5001 6.45968 5.98761 2.81276 10.452 2.11902C8.7574 4.69456 7.70624 7.73111 7.52725 10.9999H2.04932ZM21.9506 10.9999H16.4726C16.2936 7.73111 15.2425 4.69456 13.5479 2.11902C18.0123 2.81276 21.4998 6.45968 21.9506 10.9999ZM21.9506 12.9999C21.4998 17.5402 18.0123 21.1871 13.5479 21.8809C15.2425 19.3053 16.2936 16.2688 16.4726 12.9999H21.9506ZM9.53068 12.9999H14.4692C14.2976 15.7828 13.4146 18.3732 11.9999 20.5915C10.5852 18.3732 9.70229 15.7828 9.53068 12.9999ZM9.53068 10.9999C9.70229 8.21709 10.5852 5.62672 11.9999 3.40841C13.4146 5.62672 14.2976 8.21709 14.4692 10.9999H9.53068Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .store_detail .store_summary > li.homepage >div {
  display: flex;
  flex-flow: column nowrap;
  gap: 6px;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.homepage >div a {
  font-size: 14px;
  color: #0b8ceb;
  font-weight: 600;
  word-break: break-all;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.address >strong::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(133,133,133,1)'%3E%3Cpath d='M18.364 17.364L12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .store_detail .store_summary > li.address address {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.call {
  align-items: center;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.call >strong::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(133,133,133,1)'%3E%3Cpath d='M21 16.42V19.9561C21 20.4811 20.5941 20.9167 20.0705 20.9537C19.6331 20.9846 19.2763 21 19 21C10.1634 21 3 13.8366 3 5C3 4.72371 3.01545 4.36687 3.04635 3.9295C3.08337 3.40588 3.51894 3 4.04386 3H7.5801C7.83678 3 8.05176 3.19442 8.07753 3.4498C8.10067 3.67907 8.12218 3.86314 8.14207 4.00202C8.34435 5.41472 8.75753 6.75936 9.3487 8.00303C9.44359 8.20265 9.38171 8.44159 9.20185 8.57006L7.04355 10.1118C8.35752 13.1811 10.8189 15.6425 13.8882 16.9565L15.4271 14.8019C15.5572 14.6199 15.799 14.5573 16.001 14.6532C17.2446 15.2439 18.5891 15.6566 20.0016 15.8584C20.1396 15.8782 20.3225 15.8995 20.5502 15.9225C20.8056 15.9483 21 16.1633 21 16.42Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .store_detail .store_summary > li.call >div {
  align-items: center;
}
.updown_popup.store .pop_up .store_detail .store_summary > li.call a {
  padding: 6px 10px;
  font-size: 14px;
  background-color: #ebebeb;
  color: #444;
  border-radius: 4px;
  margin-left: 8px;
  font-weight: 600;
  
}
.updown_popup.store .pop_up .store_detail .store_summary > li.call a:hover {
  background-color: #e1e1e1;
}
.updown_popup.store .pop_up .store_detail .map {
  width: 100%;
  height: 280px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.updown_popup.store .pop_up .store_detail .btn_bookmark {
  width: 24px;
  height: 24px;
  font-size: 0;
  transition: all 0.2s ease 0s;
  display: none;
  
}
.updown_popup.store .pop_up .store_detail .btn_bookmark::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/icon_bookmark.svg');
}
.updown_popup.store .pop_up .store_detail .btn_bookmark.on {
  display: block;
}
.updown_popup.store .pop_up .store_detail .btn_bookmark_on {
  width: 24px;
  height: 24px;
  font-size: 0;
  transition: all 0.2s ease 0s;
  display: none;
  
}
.updown_popup.store .pop_up .store_detail .btn_bookmark_on::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/icon_bookmark_on.svg');
}
.updown_popup.store .pop_up .store_detail .btn_bookmark_on.on {
  display: block;
}
.updown_popup.store .pop_up .search_filter_container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.updown_popup.store .pop_up .search_filter_content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.updown_popup.store .pop_up .search_filter_title {
  font-size: 16px;
  font-weight: 600;
}
.updown_popup.store .pop_up .search_filter_list {
  display: flex;
  gap: 10px;
  padding: 12px 0 0;
  border-top: 1px solid #dbdbdb;
}
.updown_popup.store .pop_up .search_filter_item {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
}
.updown_popup.store .pop_up .search_filter_input[type='radio'],
.updown_popup.store .pop_up .search_filter_input[type='checkbox'] {
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.updown_popup.store .pop_up .search_filter_input[type='radio']:focus-visible,
.updown_popup.store .pop_up .search_filter_input[type='checkbox']:focus-visible {
  outline: solid 2px #000;
}
.updown_popup.store .pop_up .search_filter_input[type='radio'] {
  border-radius: 50%;
  
}
.updown_popup.store .pop_up .search_filter_input[type='radio']:checked {
  border: solid 4px #2563eb;
}
.updown_popup.store .pop_up .search_filter_input[type='checkbox'] {
  border-radius: 2px;
  
}
.updown_popup.store .pop_up .search_filter_input[type='checkbox']:checked {
  border-color: #2563eb;
  background-color: #2563eb;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='rgba(255,255,255,1)'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
}
.updown_popup.store .pop_up .search_filter_label {
  font-size: 16px;
}

.page_wrap {
  padding: 30px 0 68px 0;
  display: flex;
  flex-flow: row wrap;
  gap: 4px;
  justify-content: center;
  align-items: center;
}

.page_wrap button,
.page_wrap strong,
.page_wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  /* min-width: 30px; */
  min-width: 0 !important;
  height: 30px;
  padding: 0 4px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  border-radius: 4px;
  color: #777;
  background: #fff;
  letter-spacing: 1;
  transition: all 0.2s ease 0s;
}

.page_wrap button:hover,
.page_wrap strong:hover,
.page_wrap a:hover {
  background-color: #f6f6f6;
  color: #777;
}

.page_wrap .page:disabled,
.page_wrap strong {
  background-color: #0b8ceb;
  color: #fff;
  font-weight: 600;
}

.page_wrap .page_first,
.page_wrap .page_prev,
.page_wrap .page_next,
.page_wrap .page_last {
  border: 1px solid #909090;
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.2s ease 0s;
}

.page_wrap .page_first:hover,
.page_wrap .page_prev:hover,
.page_wrap .page_next:hover,
.page_wrap .page_last:hover {
  background-color: #f6f6f6;
}

.page_wrap .page_first {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(133,133,133,1)'%3E%3Cpath d='M4.83578 12L11.0429 18.2071L12.4571 16.7929L7.66421 12L12.4571 7.20712L11.0429 5.79291L4.83578 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z'%3E%3C/path%3E%3C/svg%3E");
}

.page_wrap .page_prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(133,133,133,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}

.page_wrap .page_next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(133,133,133,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
}

.page_wrap .page_last {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='rgba(133,133,133,1)'%3E%3Cpath d='M19.1642 12L12.9571 5.79291L11.5429 7.20712L16.3358 12L11.5429 16.7929L12.9571 18.2071L19.1642 12ZM13.5143 12L7.30722 5.79291L5.89301 7.20712L10.6859 12L5.89301 16.7929L7.30722 18.2071L13.5143 12Z'%3E%3C/path%3E%3C/svg%3E");
}

@media screen and (min-width: 1200px) {
  .updown_popup {
    align-items: center;
  }

  .updown_popup .pop_up {
    max-width: 700px;
    position: relative;
    left: initial;
    bottom: initial;
    border-radius: 5px;
    margin-top: 30px;
    padding: 60px 20px 30px;
    opacity: 0;
  }

  .updown_popup .pop_up:has(.btn_close) {
    padding-top: 60px;
  }

  .updown_popup .btn_close {
    width: 24px;
    height: 24px;
    left: initial;
    right: 20px;
    top: 20px;
    transform: none;
    border-radius: 2px;
    font-size: 0;
  }

  .updown_popup .btn_close:hover {
    background-color: #f2f2f2;
  }

  .updown_popup .btn_close::before {
    width: 100%;
    height: 100%;
    min-width: initial;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(100,100,100,1)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  }

  .updown_popup:has(.popup_contents) .pop_up {
    padding: 30px 0 20px;
  }

  .updown_popup .foot_btn_wrap {
    padding: 20px 20px 0;
  }

  .updown_popup.js_on .pop_up,
  body:has(.bottom_fix_btn, .payment_btn_wrap) .updown_popup.js_on .pop_up {
    bottom: initial;
    margin-top: 0;
    opacity: 1;
  }

  .updown_popup.store .pop_up .btn_prev {
    top: 30px;
  }

  .updown_popup.store .pop_up .btn_close {
    top: 28px;
  }

  .updown_popup.store .pop_up .search_filter_btn {
    right: 35px;
  }

  .page_wrap {
    padding: 40px 0 0;
  }

  .btn_wrap.right + .page_wrap {
    padding: 20px 0 0;
  }

  .container.mobile .page_wrap {
    padding: 40px 0 0;
    margin: 0;
  }
}

/* ===== bookOrder.jsp — 약관 레이어 (#terms1–3, bookOrderTerms.jsp) bookon2024 .div_popup.full 패턴 정렬 ===== */
.div_popup.full.terms {
  z-index: 1300;
  padding: 0;
}
.div_popup.full.terms .blank {
  z-index: 1;
}
.div_popup.full.terms .pop_up {
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 100%;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  box-shadow: none;
}
.div_popup.full.terms.js_on .pop_up {
  margin-top: 0;
}

@media screen and (min-width: 1200px) {
  .div_popup.full.terms.js_on .pop_up {
    height: max-content;
  }
}
.div_popup.full.terms .pop_up header {
  width: 100%;
  height: 60px;
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 48px 0 16px;
  margin: 0;
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
}
.div_popup.full.terms .pop_up header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #252525;
  text-align: center;
  line-height: 1.3;
}
.div_popup.full.terms .popup_contents {
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 20px 20px;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.div_popup.full.terms .noti {
  font-size: 14px;
  line-height: 1.4em;
  color: #555;
  margin: 0 0 16px;
}
.div_popup.full.terms .round_table_wrap {
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 16px;
}
.div_popup.full.terms .round_table_wrap .table {
  border: 0 none;
}
.div_popup.full.terms .table.terms_table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.45;
  color: #252525;
}
.div_popup.full.terms .table.terms_table th,
.div_popup.full.terms .table.terms_table td {
  border: 1px solid #dbdbdb;
  padding: 8px 10px;
  vertical-align: top;
  text-align: left;
}
.div_popup.full.terms .table.terms_table thead th {
  background: #f6f6f6;
  font-weight: 600;
}
.div_popup.full.terms .pop_up article h4 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  margin: 16px 0 8px;
  color: #252525;
}
.div_popup.full.terms .pop_up article .content:not(.terms) {
  font-size: 14px;
  line-height: 1.4em;
  color: #555;
}
.div_popup.full.terms .pop_up .content.terms {
  max-height: 40vh;
  overflow-y: auto;
  padding: 16px;
  font-size: 13px;
  line-height: 1.5;
  color: #252525;
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}
.div_popup.full.terms .explain_list {
  padding: 10px 0 0;
  margin: 0;
  list-style: none;
  line-height: 1.3em;
}
.div_popup.full.terms .explain_list > li {
  color: #777;
  position: relative;
  padding-left: 16px;
  word-break: keep-all;
  font-size: 14px;
}
.div_popup.full.terms .explain_list > li::before {
  display: inline-block;
  content: "※";
  line-height: 1;
  position: absolute;
  left: 0;
  top: 1px;
}
.div_popup.full.terms .explain_list > li.point {
  color: #eb0000;
  font-weight: 500;
}
@media screen and (min-width: 1200px) {
  .div_popup.full.terms {
    padding: 40px 40px;
    align-items: center;
    justify-content: center;
  }
  .div_popup.full.terms .pop_up {
    width: 100%;
    max-width: 900px;
    height: auto;
    max-height: min(85vh, 880px);
    margin-top: 30px;
    border-radius: 5px;
    overflow: hidden;
  }
  .div_popup.full.terms .pop_up .content.terms {
    max-height: 45vh;
  }
}

/* ===== bookOrder.jsp #arrivalPopup / #arrivalPopup1 — bookon2024.css 발췌 =====
 * 원본: src/main/resources/static/css/bookon2024.css
 *  (1) .div_popup.full{ … } ~ .div_popup.coupon 직전
 *  (2) .div_popup.arrival{ … } ~ .div_popup.before_pay 직전
 * 마크업: class="div_popup full arrival" (회원·비회원 배송지 레이어 공통)
 */

/* --- (1) .div_popup.full --- */

.div_popup.full {
  padding:0;
}

.div_popup.full .pop_up {
  display:flex;
  flex-flow:column nowrap;
  align-items:center;
  margin-top:100%;
  height:100%;
  border-radius:0;
  padding:0;
}

.div_popup.full.js_on .pop_up {
  margin-top:0;
  height: max-content;
}

.div_popup.full header {
  width:100%;
  height:60px;
  flex:none;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  margin:0;
  border-bottom:1px solid #dbdbdb;
  box-sizing:border-box;
}

.div_popup.full header h3,.div_popup.full header h4 {
  margin:0;
}

.div_popup.full .tab_nav {
  width:100%;
  padding:0 20px 20px;
  margin:0;
  box-sizing:border-box;
}

.div_popup.full .popup_contents {
  flex:1;
  width:100%;
  padding:20px 20px;
  box-sizing:border-box;
  overflow-y:auto;
}

.div_popup.full .js_target:has(.foot_btn_wrap) {
  padding-bottom:70px;
}

.div_popup.full .js_target:has(.foot_btn_wrap) .foot_btn_wrap {
  position:absolute;
  left:0;
  bottom:0;
}

.div_popup.full .tab_nav+.popup_contents {
  padding-top:0;
}

.div_popup.full .foot_btn_wrap {
  margin-top:auto;
  height:70px;
  flex:none;
  padding:10px 10px;
  border-top:1px solid #dbdbdb;
}


/* --- (2) .div_popup.arrival --- */

.div_popup.arrival {
  padding:0;
}

.div_popup.arrival#arrivalPopup1 #arrivalMod1 .btn_prev {
  display:none;
}

.div_popup.arrival.js_on .pop_up {
  margin-top:0;
}
.div_popup.arrival .input_table {
	margin: 16px 0;
}
.div_popup.arrival .input_table tbody {
  display: flex;
  flex-direction: column;
  gap:16px;
}

.div_popup.arrival .input_table tr {
  padding:0;
  gap:8px;
}

.div_popup.arrival .input_table th {
  border-top:0 none;
  padding:0;
}

.div_popup.arrival .input_table td {
  display: flex;
  padding:0;
}

.div_popup.arrival .pop_up {
  max-width:900px;
  height:100%;
  margin:0;
  border-radius:0;
  padding:0;
  margin-top:100%;
}

.div_popup.arrival .pop_up .btn_close:not(.page),.div_popup.arrival .pop_up .btn_prev:not(.page) {
  top:20px;
}

.div_popup.arrival .pop_up .js_target {
  display:none;
  box-sizing:border-box;
}

.div_popup.arrival .pop_up .js_target.on {
  display:flex;
  flex-flow:column nowrap;
}

.div_popup.arrival .pop_up .js_target header {
  display:flex;
  justify-content:center;
  align-items:center;
  height:70px;
  padding:20px 20px;
  margin-bottom:0;
  border-bottom:1px solid #dbdbdb;
  box-sizing:border-box;
}

.div_popup.arrival .pop_up .js_target header h3 {
  font-size:20px;
  font-weight:600;
  padding:0;
}

.div_popup.arrival .pop_up .js_target .arrival_content {
  flex:1;
  padding:20px 20px;
  box-sizing:border-box;
  position:relative;
}

.div_popup.arrival .pop_up .js_target .arrival_content:has(.btn_wrap) {
  padding-bottom:90px;
}

.div_popup.arrival .pop_up .js_target .btn_plus {
  width:100%;
  height:40px;
  border: 1px solid #E0E0E0;
  margin: 16px 0;
}

.div_popup.arrival .pop_up .js_target .btn_plus::before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='rgba(37,37,37,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
}

.div_popup.arrival .pop_up .js_target .explain {
  font-size:14px;
  margin-top:16px;
}

.div_popup.arrival .pop_up .js_target .arrival_list {
  display:flex;
  flex-flow:column nowrap;
  gap:20px;
  padding-top:20px;
}

.div_popup.arrival .pop_up .js_target .arrival_list li {
  position:relative;
  padding-bottom:20px;
  border-bottom:1px solid #dbdbdb;
}

.div_popup.arrival .pop_up .js_target .arrival_list li h4 {
  min-height:28px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 54px 0 28px;
}

.div_popup.arrival .pop_up .js_target .arrival_list li h4 .name {
  font-size:18px;
  font-weight:500;
}

.div_popup.arrival .pop_up .js_target .arrival_list li h4 .tag {
  font-size:14px;
  font-weight:600;
  color: #512DA8;
  display:none;
}

.div_popup.arrival .pop_up .js_target .arrival_list li address {
  display:block;
  font-size:14px;
  color:#444;
  line-height:1.2em;
  padding-top:10px;
}

.div_popup.arrival .pop_up .js_target .arrival_list li .phone {
  display:block;
  font-size:14px;
  color:#444;
  padding-top:5px;
}

.div_popup.arrival .pop_up .js_target .arrival_list li input[type=radio]+label {
  display:block;
  width:20px;
  height:20px;
  border:1px solid #dbdbdb;
  background-color:#fff;
  border-radius:50%;
  font-size:0;
  box-sizing:border-box;
  position:absolute;
  left:0;
  top:4px;
}

.div_popup.arrival .pop_up .js_target .arrival_list li input[type=radio]:checked+label {
  border:5px solid #2563eb;
}

.div_popup.arrival .pop_up .js_target .arrival_list li .btn {
  min-width:auto;
  min-height:auto;
  padding:6px 8px;
  font-size:14px;
  color:#444;
  position:absolute;
  right:0;
  top:0;
}

.div_popup.arrival .pop_up .js_target .arrival_list li:has(input[type=radio]:checked) h4 .tag {
  display:block;
}

.div_popup.arrival .pop_up .default_arrival {
  position:absolute;
  right:20px;
  top:74px;
  font-size: 13px;
}

.div_popup.arrival .pop_up .default_arrival input[type=checkbox] {
  margin-top:1px;
}

.div_popup.arrival .pop_up .default_arrival span {
  color:#444;
  font-size:15px;
}

.div_popup.arrival .pop_up .search_wrap {
  position:relative;
  margin:0;
}

.div_popup.arrival .pop_up .search_wrap input[type=text] {
  width:100%;
  height:48px;
  border-color:#550d7b;
  padding:0 50px 0 10px;
}

.div_popup.arrival .pop_up .search_wrap .btn_search {
  width:48px;
  height:48px;
  min-width:auto;
  min-height:auto;
  border:0;
  padding:0;
  font-size:0;
  background-color:rgba(0,0,0,0);
  position:absolute;
  right:0;
  top:0;
  z-index:1;
}

.div_popup.arrival .pop_up .search_wrap .btn_search::before {
  width:24px;
  height:24px;
  margin-right:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(85,13,123,1)'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E");
}

.div_popup.arrival .pop_up .address_result {
  padding:20px 0;
}

.div_popup.arrival .pop_up .address_result .list1 {
  display:block;
}

.div_popup.arrival .pop_up .address_result .list1 span {
  display:block;
  font-size:14px;
}

.div_popup.arrival .pop_up .address_result .list1 span.ex {
  color:#777;
  padding-top:6px;
}

.div_popup.arrival .pop_up .address_result .list1::before {
  top:6px;
}

.div_popup.arrival .pop_up .address_result .result_top {
  padding:0;
  border:0 none;
  display:none;
}

.div_popup.arrival .pop_up .address_result .address_list {
  padding-top:14px;
  display:none;
}

.div_popup.arrival .pop_up .address_result .address_list li {
  padding:20px 0;
  border-top:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb;
}

.div_popup.arrival .pop_up .address_result .address_list li+li {
  border-top-color:rgba(0,0,0,0);
}

.div_popup.arrival .pop_up .address_result .address_list strong {
  font-size:18px;
  font-weight:600;
}

.div_popup.arrival .pop_up .address_result .address_list .summary {
  padding-top:14px;
}

.div_popup.arrival .pop_up .address_result .address_list .summary a,.div_popup.arrival .pop_up .address_result .address_list .summary button {
  display:flex;
  flex-flow:row wrap;
  align-items:flex-start;
  gap:8px;
}

.div_popup.arrival .pop_up .address_result .address_list .summary a+a,.div_popup.arrival .pop_up .address_result .address_list .summary a+button,.div_popup.arrival .pop_up .address_result .address_list .summary button+a,.div_popup.arrival .pop_up .address_result .address_list .summary button+button {
  padding-top:6px;
}

.div_popup.arrival .pop_up .address_result .address_list .summary a span,.div_popup.arrival .pop_up .address_result .address_list .summary button span {
  display:flex;
  align-items:center;
  font-size:14px;
  text-align:left;
}

.div_popup.arrival .pop_up .address_result .address_list .summary a span:nth-child(1),.div_popup.arrival .pop_up .address_result .address_list .summary button span:nth-child(1) {
  width:54px;
  justify-content:center;
  padding:6px 8px;
  border:1px solid #dbdbdb;
  border-radius:4px;
  color:#444;
  box-sizing:border-box;
}

.div_popup.arrival .pop_up .address_result .address_list .summary a span:nth-child(2),.div_popup.arrival .pop_up .address_result .address_list .summary button span:nth-child(2) {
  width:calc(100% - 62px);
  min-height:28px;
}

.div_popup.arrival .pop_up .address_result .address_list .summary a span:nth-child(2) address,.div_popup.arrival .pop_up .address_result .address_list .summary button span:nth-child(2) address {
  color:#777;
  line-height:1.3em;
}

.div_popup.arrival .pop_up .address_result .page_wrap {
  display:none;
}

.div_popup.arrival .pop_up .address_result.on .list1 {
  display:none;
}

.div_popup.arrival .pop_up .address_result.on .result_top {
  display:block;
}

.div_popup.arrival .pop_up .address_result.on .address_list {
  display:block;
}

.div_popup.arrival .pop_up .address_result.on .page_wrap {
  display:flex;
}

.div_popup.arrival .pop_up:not(:has(.arrival_list)) .arrival_add .btn_prev {
  display:none;
}

/* --- bookOrder.jsp 마크업 보정: 상단 타이틀(header)이 .popup_contents와 형제 (647–685) --- */
.div_popup.full.arrival {
  z-index: 1300;
  padding: 0;
}

.div_popup.full.arrival .blank {
  z-index: 1;
}

.div_popup.full.arrival .pop_up {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
}

.div_popup.full.arrival .pop_up > header {
  flex: none;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0 48px 0 16px;
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.div_popup.full.arrival .pop_up > header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #252525;
  line-height: 1.3;
}

.div_popup.full.arrival .pop_up .popup_contents {
  flex: 1;
  width: 100%;
  min-height: 0;
  padding: 0 20px 20px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 1200px) {
  .div_popup.full.arrival {
    padding: 40px 40px;
    align-items: center;
    justify-content: center;
  }

  .div_popup.full.arrival .pop_up {
    width: 100%;
    max-width: 900px;
    height: auto;
    max-height: min(85vh, 880px);
    margin-top: 30px;
    border-radius: 5px;
    overflow: hidden;
  }

  .div_popup.full.arrival.js_on .pop_up {
    margin-top: 0;
  }
}