@charset "utf-8";
/**
 * Eyoom Builder4 + Bootstrap 5 호환
 * 아미나(Bootstrap3) 유틸 클래스 / float 레이아웃 보정
 */

/* ========== BS3 → BS5 유틸 폴리필 (스킨 범위만) ========== */
.board_foodelivery .hidden-xs { display: inline !important; }
@media (max-width: 767.98px) {
  .board_foodelivery .hidden-xs { display: none !important; }
}
.board_foodelivery .visible-xs { display: none !important; }
@media (max-width: 767.98px) {
  .board_foodelivery .visible-xs { display: block !important; }
}
.board_foodelivery .pull-right { float: right !important; }
.board_foodelivery .pull-left { float: left !important; }
.board_foodelivery .btn-black {
  color: #fff !important;
  background: #333 !important;
  border-color: #333 !important;
}
.board_foodelivery .btn-color {
  color: #fff !important;
  background: #3A8AFD !important;
  border-color: #3A8AFD !important;
}
.board_foodelivery .control-label {
  font-weight: 600;
  padding-top: 7px;
}
.board_foodelivery .col-xs-2 { width: 16.666667%; float: left; }
.board_foodelivery .col-xs-4 { width: 33.333333%; float: left; }
.board_foodelivery .col-xs-6 { width: 50%; float: left; }
.board_foodelivery .col-xs-8 { width: 66.666667%; float: left; }
@media (max-width: 767.98px) {
  .board_foodelivery .col-xs-2,
  .board_foodelivery .col-xs-4,
  .board_foodelivery .col-xs-6,
  .board_foodelivery .col-xs-8 { width: 100%; float: none; }
}

/* 이윰에서 $width=0/0% 으로 넘어오는 경우 방어 */
.board_foodelivery #bo_list,
.board_foodelivery #bo_v {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
}
.board_foodelivery ul,
.board_foodelivery ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.board_foodelivery img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/* 목록 카드: float → flex (이윰 flex 컨테이너에서도 유지) */
.board_foodelivery #bo_list #bo_foodelivery_list .foodelivery_list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0;
  float: none !important;
}
.board_foodelivery #bo_list #bo_foodelivery_list .foodelivery_list > li {
  float: none !important;
  display: block !important;
  width: 50%;
  padding: 0 5px 10px 5px;
  margin: 0 !important;
}
.board_foodelivery #bo_list #bo_foodelivery_list .foodelivery_list > li > a.list_item {
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: 100%;
  min-height: 120px;
}
.board_foodelivery #bo_list #bo_foodelivery_list .foodelivery_list > li > a.list_item .thumb_area img.thumb {
  width: 100px !important;
  height: 100px !important;
  max-width: none !important;
  object-fit: cover;
  float: none !important;
}

/* 검색줄: 이윰에서 width % 깨짐 방지 */
.board_foodelivery #bo_search ul.field_search {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.board_foodelivery #bo_search ul.field_search > li {
  float: none !important;
}

/* 본문 라벨(BS .label 충돌 방지) */
.board_foodelivery #bo_v .header_maininfo .extra_info .label {
  display: inline-block !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: #000 !important;
  background: #efefef !important;
  border-radius: 0 !important;
}

/* 패널/미디어 (아미나 잔재) */
.board_foodelivery .panel { border: 0; box-shadow: none; background: transparent; }
.board_foodelivery .panel-heading { padding: 8px 0; }
.board_foodelivery .media { display: block; overflow: hidden; }
.board_foodelivery .media-body { display: block; overflow: hidden; }

/* 카테고리 탭 */
.board_foodelivery #bo_cate .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0;
}
.board_foodelivery #bo_cate .nav-tabs > li {
  list-style: none;
  margin: 0 2px 0 0;
}
.board_foodelivery #bo_cate .nav-tabs > li > a {
  display: block;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #f7f7f7;
  color: #333;
  text-decoration: none;
}
.board_foodelivery #bo_cate .nav-tabs > li.active > a,
.board_foodelivery #bo_cate .nav-tabs > li > a:hover {
  background: #3A8AFD;
  color: #fff;
  border-color: #3A8AFD;
}

@media (max-width: 900px) {
  .board_foodelivery #bo_list #bo_foodelivery_list .foodelivery_list > li {
    width: 100%;
    padding: 0 0 10px 0;
  }
}