.Ere_clear {clear: both;margin: 0px;padding: 0px;}
.Ere_space5 { margin:0; padding:0; height:5px;}
.Ere_space10 { margin:0; padding:0; height:10px;}
.Ere_space15 { margin:0; padding:0; height:15px;}
.Ere_space20 { margin:0; padding:0; height:20px;}
.Ere_space25 { margin:0; padding:0; height:25px;}
.Ere_space30 { margin:0; padding:0; height:30px;}
.Ere_space40 { margin:0; padding:0; height:40px;}
.Ere_space50 { margin:0; padding:0; height:50px;}
.Ere_space60 { margin:0; padding:0; height:60px;}

.sidebar-offcanvas .offcanvas-header .sidebar-logo .logo {
display: block;
width: 110px;
}
.sidebar-offcanvas .offcanvas-body .profile-list li .setting-box .setting-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(78, 79, 78, 0.09);
border-radius: 100%;
}
.navbar-menu ul li.active h5 {
font-weight: 500;
color: rgba(43, 150, 17, 1);
}

.icon .active {
  filter: invert(55%) sepia(90%) saturate(5000%) hue-rotate(90deg);
}
.icon .unactive {
max-width: 150%;
height: auto;
filter: invert(55%) sepia(0%) saturate(0%) hue-rotate(0deg);
}

@media (max-width: 600px) {
  .home-banner {
    height: calc(214px + (224 - 214) * ((100vw - 220px) / (600 - 220)));
  }
}
.header-logo {
    max-width: 110px;
    height: auto;
}

/*
.navbar-menu ul {
  padding: 5px 15px 5px 15px;
}

.navbar-menu ul li {
  position: relative;
  height: 58px; 
}

.navbar-menu ul li a h5 {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(var(--content-color), 1);
}

*/


.reservation-link {
  display: flex;
  flex-direction: column; /* 아이콘 위, 글자 아래 */
  align-items: center;
  position: relative;
  height: 58px; /* 전체 높이 동일 */
}

.reservation-link .reservation-icon {
  width: 60px;
  height: 60px;
  background-color: #149A41;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-28px); /* 아이콘만 위로 올림 */
}

.reservation-link .reservation-icon img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg);
}

.reservation-link-h5 {
  margin-top: -21px !important;
  font-size: 14px; /* 필요 시 글자 크기 */
}

.help-image img {
  max-width: 50%;
  height: auto;
}

.customer-support img {
    width: 20px;
    filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(0deg);
}


.help-box-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.help-box-row h5 {
  margin: 0;
}

.help-box-row h5 a {
  color: #333;       /* 링크 색상 */
  text-decoration: none;
}

.help-box-row h5 a:hover {
  text-decoration: underline; /* 호버 시 밑줄 */
}



.box-background-contactus {
  background-color: rgba(104, 161, 234, 0.28) !important;
  /*background-color: rgba(128, 244, 190, 0.28) !important;*/
}
.box-background-pickup{
  background-color: rgba(232, 140, 73, 0.18) !important;
  /*background-color: rgba(74, 189, 162, 0.29) !important;*/
}


.help-image img {
  display: block;          /* 블록화 */
  margin-left: auto;       /* 자동 왼쪽 여백으로 오른쪽 정렬 */
  margin-right: 0;
  width: 135px;            /* 원하는 크기로 조정 */
  max-width: 100%;         /* 반응형 안전 장치 */
  height: auto;            /* 비율 유지 */
}

.help-image {
  position: relative; /* 배너 콘텐츠 기준점 */
}

.banner-content {
  position: absolute !important;
  top: 50%;
  left: 20px;
  transform: translateY(-35%); /* 상하 중앙 정렬 */
}
.banner-content h6 {
  font-size: 13px;
  text-transform: capitalize;
  text-align: left; /* 왼쪽 정렬 */
}

.sidebar-menu-icon img {
  width: 20px;
  filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(0deg);
}

/*  item-guide.html 전용 스타일 시작  */
/* 아이템 가이드 원형 아이콘 */
.item-guide-circle {
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--theme-color), 0.09);
  border-radius: 100%;
}

/* 아이템 가이드 이미지 */
.item-guide-img {
  max-width: 150%;
  height: auto;
  filter: brightness(0) saturate(100%) invert(61%) sepia(56%) saturate(608%) hue-rotate(2deg) brightness(100%) contrast(95%);
}

/* 카테고리 아이콘 */
.item-categories-icon {
  stroke: rgba(var(--theme-color), 1);
  fill: #fef2e7;
}

/* 콘텐츠 색상 */
.item-content-color {
  color: rgb(121, 121, 121) !important;
}

/* 리뷰 콘텐츠 */
.item-review-content {
  margin-top: 15px;
  color: rgb(119, 119, 119);
  font-size: 13px;
}

/* 리뷰 박스 */
.item-review-box {
  position: relative;
}

/* 화살표 아이콘 */
.item-chevron-right {
  position: absolute;
  top: 24px;
  right: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

/* 모달 스타일 */
.item-book-guide-modal {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

.item-book-guide-modal h3 {
  font-size: 18px;
  margin-bottom: 1rem;
}

.item-book-guide-modal h4 {
  font-size: 16px;
  margin-top: 1.2rem;
}

.item-book-guide-modal h5 {
  font-size: 15px;
  margin-top: 10px;
}

.item-book-guide-modal p {
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  font-size: 1rem !important;
  font-weight: normal !important;
  color: #333 !important;
}

.item-book-guide-modal p,
.item-book-guide-modal li {
  margin: 0.2rem 0;
}

.item-book-guide-modal .note {
  font-size: 13px;
  color: #c0392b;
  margin-top: 0.3rem;
}

.item-book-guide-modal ul {
  padding-left: 1.2rem;
  margin-top: 0.3rem;
}

.item-book-guide-modal li {
  white-space: normal !important;
  word-break: break-word;
  word-wrap: break-word;
}

.item-book-guide-modal table.condition-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
  font-size: 13px;
}

.item-book-guide-modal table th,
.item-book-guide-modal table td {
  border: 1px solid #ccc;
  padding: 0.5rem;
  text-align: left;
}

.item-book-guide-modal table th {
  background-color: #f5f5f5;
}

.item-book-guide-modal .final-note {
  margin-top: 20px;
  font-size: 13px;
  color: #e74c3c;
  font-weight: bold;
}

.item-border-bottom {
  width: 100%;
  padding-block: 15px;
  border-bottom: 1px solid rgba(var(--line-color), 1);
}
/*  item-guide.html 전용 스타일 끝  */



/* Pickup Reservation Page Specific Styles */
/* Icon styles */
.pickup-reservation-icon img {
  width: 20px;
  filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(0deg);
  margin-top: -3px;
}

/* Radio group styles */
.pickup-radio-group {
display: flex;
justify-content: flex-start; /* 왼쪽 정렬 */
align-items: center;
gap: 30px; /* 두 버튼 사이 간격 (원하는 값으로 조절) */
}

/* Checkbox group styles */
.pickup-checkbox-group {
display: flex;
justify-content: flex-start; /* 왼쪽 정렬 */
align-items: center;
gap: 10px; /* 두 버튼 사이 간격 (원하는 값으로 조절) */
}

/* Form check styles */
.pickup-form-check {
display: flex;
align-items: center;
gap: 10px; /* 라디오 버튼과 라벨 간격 */
}

/* Element group checkbox group label styles */
.element-group.pickup-checkbox-group .pickup-form-check .form-check-label {
font-size: 14px;
color: rgba(var(--title-color), 1);
cursor: pointer;
}

/* Responsive styles */
@media (max-width: 600px) {
.auth-form .form-group .form-input .pickup-form-control {
  padding: calc(8px + (10 - 5) * ((100vw - 320px) / (600 - 320)))
           calc(8px + (10 - 5) * ((100vw - 320px) / (600 - 320)))
           calc(8px + (10 - 5) * ((100vw - 320px) / (600 - 320))) 
           40px;

  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (600 - 320)));
}
}

/* Form control without icon styles */
.pickup-form-control.without-icon2 {
background-color: rgba(var(--white), 1);
box-shadow: 3px 7px 20px 0px rgba(var(--title-color), 0.03);
}

/* Select with icon styles */
.select-with-icon {
position: relative;
width: 100%;
/* height: 40px;  <= 이 줄을 삭제하거나 */
min-height: 40px; /* 이렇게 변경 */
}

/* Form select width styles */
.pickup-form-select.w100 {
width: 100% !important;
padding-left: 40px !important; /* 아이콘 공간 확보 */
box-sizing: border-box;
}

/* Icon in select styles */
.icon-in-select {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
pointer-events: none;
filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(0deg);
}

.select-with-icon .icon-in-select {
top: 50%;
transform: translateY(-50%);
}
.select-with-icon.has-error .icon-in-select {
top: 20px; /* input/select 높이 중앙에 맞게 조정, 필요시 값 조정 */
}

/* Form text styles */
.pickup-form-text {
  clear: both;
  display: block;
  width: 100%;
  flex-basis: 100%;
  margin-top: 16px;
  padding-top: 2px;
  font-size: 14px;
  color: rgba(var(--title-color), 1);
} 
.auth-form .form-group .form-input i {
  top: 27px;
}

.select-with-icon {
  min-height: 53px;
}

.auth-form .form-select {
  height: 53px;
}
/* Pickup Reservation Page Specific Styles 끝 */


.area-listing-box h6 {
  font-size: 15px;
  color: rgb(72, 72, 72) !important;
}

.area-listing-box h5 {
  font-size: 14px;
  color: rgb(72, 72, 72) !important;
}


.provider-details-wrapper .about-img {
  width: 150px !important;
  height: 100%;
  margin: auto;
}

.naver-balance-background .naver-balance-details {
  display: flex;
  align-items: center;
  justify-content: center; /* space-between → center */
  padding: 12px;
}
.naver-provider-details-wrapper .profile-img {
  width: 100%;
  height: 100%;
  margin: auto;
}
.naver-provider-banner-part {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: rgba(118, 196, 24, 0.1);
  border-radius: 12px;
  margin-top: 25px;
  padding: 15px;
  flex-wrap: wrap;
}
.naver-provider-content {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* 왼쪽 정렬 */
}

.naver-force-block-down {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  flex-basis: 100% !important;
  color: rgba(19, 19, 19, 0.76) !important;
}


.naver-theme-color {
  color: rgb(34, 140, 61) !important;
}
.naver-balance-background {
  border-radius: 10px;
  background-color: rgb(45, 179, 62);
}

/*-- kakao-talk 전용 스타일 --*/
.kakao-balance-background .kakao-balance-details {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.kakao-provider-details-wrapper .kakao-profile-img {
  width: 100%;
  height: 100%;
  margin: auto;
}
.kakao-provider-banner-part {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: rgba(var(--theme-color), 0.1);
  border-radius: 12px;
  margin-top: 25px;
  padding: 15px;
  flex-wrap: wrap;
}
.kakao-provider-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.kakao-force-block-down {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  flex-basis: 100% !important;
  color: rgba(19, 19, 19, 0.76) !important;
}