@charset "UTF-8";

/* START : 태블릿 배경 공통 적용사항 ------------------------------*/
#store_manager {
  width: 100%;
  height: auto;
  /* margin: 0 auto; */
  margin: 100px auto;
  text-align: center;
}

#store_manager .store_manager_inner {
  width: 1000px;
  margin: 0 auto;
  border: 3px solid #f2f2f2;
  border-radius: 18px;
  box-shadow: 14px 18px 20px #000;
}

.tablet-store_setup {
  /* tablet 내부영역: overfolw 시 스크롤*/
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: 0;
  width: 100%;
  height: 650px;
  background: #fff;
  border: 10px solid #000;
  isolation: isolate;
  -moz-border-radius: 20px;
  /* 파이어폭스 */
  -ms-border-radius: 20px;
  /* IE */
  -o-border-radius: 20px;
  /* 오페라 */
  -webkit-border-radius: 20px;
  /* 사파리, 크롬 */
  border-radius: 20px;
}

.tablet-store_setup::-webkit-scrollbar {
  /* 크롬, 사파리, 오페라, 엣지 스크롤바 없애기 */
  display: none;
}

.tablet_header_fixed {
  background: #000;
  width: 100%;
  height: 47px;
  padding: 0 20px;
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tablet_header02_fixed {
  background-image: url(/images/img/bg_tablet_header.png);
  height: 80px;
  display: flex;
}

.tablet_header_center_left {
  display: flex;
  margin-right: 20px;
}
.tablet_header_center_left .tablet_logo {
  width: 90px;
  display: inline-block;
}
.tablet_header_center {
  max-width: 793px;
  padding: 0 16px;
  position: relative;
}

.tablet_header_center_menu {
  width: 690px;
  padding: 0 16px;
  position: relative;
}
.category_left_btn{
  position: absolute;
  left: -8px;
  top: 31%;
  width: 10px;
  height: auto;
  cursor: pointer;
}
.category_right_btn {
  position: absolute;
  right: -8px;
  top:31%;
  width: 10px;
  height: auto;
  cursor: pointer;
}

.tablet_header_category {
  width: 100%;
  display: -webkit-inline-box;
  /* overflow: hidden; */
  overflow-x: auto;
  height: 80px;
}

.tablet_header_category li {
  width: 156px;
  border-right: 1px solid rgb(255 255 255 / 20%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 15px 5px 0px;
  position: relative;
  cursor: pointer;
}
.active_selcected::after{
content: "";
  width: 156px;
  height: 2px;
  left: 0;
  position: absolute;
  bottom: 0px;
  border-bottom: 4px solid #FFD600;
}
/*
.tablet_header_category li:active::before {
  content: "";
  width: 156px;
  height: 2px;
  left: 0;
  position: absolute;
  bottom: 0;
  border-bottom: 2px solid #FFD600;
} */

.tablet_header_category li:first-child {
  border-left: 1px solid rgb(255 255 255 / 20%);
}

.nobreak {
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.category_kinds {
  margin: 10px 0 0px;
}

.tablet_header_center_fiexd{
  position: absolute;
  left: 50%;
  translate: -50%;
  display: flex;
  align-items: center;
}
.tablet_header_right_btn {
  width: 90px;
  margin-left: 20px;
}

.tablet_right_btn {
  line-height: 1.2;
  width: 90px;
  height: 48px;
  display: flex;
  align-items: center;
}

.tablet_header_fixed .tablet_cont {
  min-width: 50px;
  display: flex;
  flex-wrap: nowrap;
}
.order_merge{
  margin-right: 16px;
  padding: 0 10px;
}

.tablet_header_fixed div h4 {
  font-weight: bold;
}

/* 테이블관련*/
.table_row {
  width: 630px;
  margin-bottom: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.table_row_02 {
  width: 630px;
  margin-bottom: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.widthauto {
  width: auto;
}

.table_1column {
  /* 1열 : 컨텐츠 제목 */
  width: 130px;
  text-align: right;
  padding-right: 16px;
}

.table_1column_130 {
  width: 130px;
  text-align: right;
  padding-right: 16px;
}

.table_2column {
  /* 2열 : 컨텐츠 내용입력,버튼,결과값 */
  width: 500px;
  position: relative;
}

.table_2column_s {
  width: 400px;
  display: flex;
  position: relative;
  align-items: center;
}

.table_2column_420 {
  width: 420px;
  display: flex;
  position: relative;
  align-items: center;
}

.t_2column01 {
  /*2-1열 입력창*/
  width: 376px;
  padding-top: 1px;
}

.t_2column02 {
  /*2-2열 버튼*/
  width: 92px;
  margin-left: 4px;
  font-size: 14px;
}

.t_btn40X60 {
  width: 60px;
  margin-left: 4px;
}

.t_2column03 {
  /*2-3열 결과값 텍스트*/
  position: absolute;
  background: none;
  font-size: 13px;
  width: 68px;
  padding-left: 10px;
  top: 50%;
  right: 28px;
  transform: translate(100%, -50%);
}

.t_2column03-2 {
  right: 25%;
}

.form_btn {
  /*form 제출(회원가입 or 정보변경 등)버튼 1개 공통 적용사항*/
  width: 376px;
  margin: 40px auto 40px;
}
.form_btnbtn {
  /*form 제출(삭제 + 수정)버튼 2개 공통 적용사항*/
  display: flex;
  margin: 60px auto 40px;
}
.form_btnbtn02{
  display: flex;
  margin-bottom: 10px;
}

/* END : 태블릿 배경 공통 적용사항 --------------------------------*/



/* START : 핀메뉴 로그인(store_login) style ----------------------*/
.tablet-store_setup .tablet_cont-login {
  background: #fff;
  height: -webkit-fill-available;
  padding: 90px 40px 20px;
  color: #000;
  border-radius: 10px;
  width: 400px;
  margin: 0 auto;
}

.tablet-store_setup .tablet_cont-login .t_login_title {
  margin: 80px 0 18px;
}

.tablet-store_setup .tablet_cont-login .t_login_title .titlegroup {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 16px;
}

.tablet-store_setup .tablet_cont-login li {
  margin-bottom: 10px;
}

.tablet-store_setup .tablet_cont-login .t_login_members {
  margin: 30px 0;
}

.tablet-store_setup .tablet_cont-login .t_login_members .members_join_btn {
  background: none;
  margin-top: 20px;
}

/* END : store_login style ------------------------------------*/



/* START : 핀메뉴 회원가입(store_join) style -------------------*/
.tablet_cont-join {
  margin: 110px 174px 0;
  /*230207 수정*/
  /* width: 576px; */
}

.tablet_cont-join .member_impormation .table_join {
  font-size: 16px;
  width: 100%;
  text-align: left;
  color: #000;
}

/* END : store_join style ------------------------------------*/



/* START : 매장등록(store_enrolled) style -------------------------*/
.tablet-store_setup .tablet_cont-enrolled {
  background: #fff;
  padding: 80px 60px 40px;
  color: #000;
  border-radius: 8px;
}
.tablet_cont-enrolled02{
  margin:-40px 20px 0;
}
.tablet-store_setup .tablet_cont-enrolled .store-plus {
  margin: 80px 0 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction:row;
  width:100%;
}
.store_slider_inner{
  width: 100%;
}
.store_slider_inner .bx-wrapper{
  width:100%;
  margin:0 auto;
}
.store-plus_list {
  position: relative;
  width: 18.5%;
}

.tablet-store_setup .tablet_cont-enrolled .store-plus .store-plus_list .s-p-item01 {
  box-sizing: border-box;
  height: 150px;
  position: relative;
}
/* 숫자 카운트 */
.plus_list_number{
  position: relative;
}
.plus_list_numbering{
  width: 32px;
  height: 32px;
  position: absolute;
  top: -12px;
  right: -13px;
  background: #F06A3A;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 2px;
}

.store_names {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: inherit;
  padding: 0 20px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  word-wrap: break-word;
  word-break: keep-all;
  display: flex;
  align-items: center;
}

.btn_plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tablet-store_setup .tablet_cont-enrolled .store-plus .store-plus_list .s-p-item02 {
  margin: 10px 0;
  height: 40px;
  background-color: #FFF6D8;
  border-radius: 6px;
  position: relative;
}

.tablet-store_setup .tablet_cont-enrolled .store-plus .store-plus_list .s-p-item02 a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 40px;
  font-size: 16px;
  line-height: 40px;
}

.tablet-store_setup .tablet_cont-enrolled .store-plus .store-plus_list .s-p-item03 {
  text-align: left;
  line-height: 1.5;
  font-size: 14px;
}

.tablet-store_setup .tablet_cont-enrolled .store-plus .store-plus_list .s-p-item03 .s-p-item03_imformation {
  display: flex;
  justify-content: space-between;
}

.tablet-store_setup .tablet_cont-enrolled .store-plus .store-plus_list:last-child {
  padding-right: 0px;
}

.store_slider_inner .bx-wrapper .bx-controls .bx-next {
  content: "";
  width: 50px;
  height: 50px;
  background: url(/images/icon/btn_bx_next.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 30px;
  top: 28%
}

.store_slider_inner .bx-wrapper .bx-controls .bx-prev {
  content: "";
  width: 50px;
  height: 50px;
  background: url(/images/icon/btn_bx_prev.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  left: 30px;
  top: 28%;
}
/* END : store_enrolled style ----------------------------------------*/



/* START : 매장등록(입력)(store_enrollment.html) style --------------------*/
.tablet_cont-enrollment {
  margin: 110px 174px 0;
  /* width: 576px; */
}

.tablet_cont-enrollment .store_enrollment .table_enrollment {
  font-size: 16px;
  width: 100%;
  text-align: left;
  color: #000;
}

.store_add_information {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: #000;
  margin-top: 30px;
}

#Bottom_area {
  margin: 0 130px;
}

#Bottom_area .store_add_information .add_item .add_btn {
  width: 120px;
  display: flex;
  margin-bottom: 16px;
}

#Bottom_area .store_add_information .add_item>ul li {
  font-size: 14px;
  line-height: 1.5;
  padding-bottom: 4px;
  color: #696969;
}

#form_btn_delete{
  width: 60px;
  background-image: url("/images/web_new/icon/ic_orderlist_del.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F2F2F2;
  background-size: 16px;
  border-radius: 6px;
  margin-right: 10px;
}
/* END : store_enrollment style -------------------------------------*/



/* START : 매장정보:세부정보(store_enrollment_detail.thml) style -----*/
.tablet_cont-enrollment_detail {
  margin: 110px 180px 0;
}

.tablet_cont-enrollment_detail .enrollment_detail .table_enrollment_detail {
  font-size: 16px;
  width: 100%;
  text-align: left;
  color: #000;
}

/* 주차가능 여부 선택 버튼 영역*/
.parking_check,
.delivery_check {
  display: flex;
}

.parking_text,
.delivery_text {
  padding: 0 40px 0 30px;
}

.tablet_cont-enrollment_detail input[type=radio] {
  display: none;
}

.tablet_cont-enrollment_detail input[type=radio]+label {
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url(/images/icon/checkbox_off.png);
  background-size: 20px 20px;
  background-position: left;
}

.tablet_cont-enrollment_detail input[type=radio]:checked+label {
  background-image: url(/images/icon/checkbox_on.png);
}

/* END : store_enrollment_detail style -------------------------------------*/


/* START : 매장정보 : 매장 대표 사진(store_enrollment_photo.html) style -----*/
.tablet_cont-photo {
  margin: 110px auto 0;
  width: 376px;
}

.photo_enrolled {
  /* 비율 5x3:(346x225) */
  height: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

#Bottom_area_376 {
  margin-top: 20px;
}

/* END : store_enrollment_photo style ---------------------------------------*/


/* START : 매장정보 : 영업시간(store_enrollment_time.html) style -------------*/
.tablet_cont-time {
  margin: 80px 20px 0;
}

.grid_3column {
  display: flex;
}

.columns {
  flex: 1 1;
  padding: 20px 20px 0;
}

.column02 {
  border-left: 2px solid #F9F9F9;
  border-right: 2px solid #F9F9F9;
}

.time_c01_01 {
  display: block;
  padding-bottom: 32px;
}

.time_align {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.padding12 {
  padding-bottom: 12px;
}

.padding10 {
  padding-bottom: 10px;
}

.padding6 {
  padding-bottom: 6px;
}

.time_c02_02 div:last-child {
  padding-bottom: 0px;
}

.time_area_title {
  width: 76px;
}

.time_area {
  display: flex;
  align-items: center;
}

.lbl {
  display: inline;
  font-size: 14px;
}

.wave {
  padding: 0 4px;
}

/* START 체크박스 요일 시간 선택 영역의 체크박스 커스텀*/
.time_weekday input[type=checkbox] {
  position: relative;
  display: none;
}

.time_weekday input[type=checkbox].ace:checked+.lbl {
  background-image: url(/images/icon/checkbox_yellow_on.png);
}

.time_weekday input[type=checkbox].ace+.lbl {
  cursor: pointer;
  height: 20px;
  width: 20px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-image: url(/images/icon/checkbox_gray_off);
  background-position: left center;
  background-size: 16px;
  margin-left: 0;
  padding-bottom: 1px;
}

/* END 체크박스 요일 시간 선택 영역의 체크박스 커스텀*/

/* 시간입력창 */
.time_key {
  width: 56px;
  height: 36px;
  font-size: 14px;
}

/* 요일선택 아이콘 */
.dayofweek {
  display: flex;
  justify-content: space-between;
  padding-bottom: 68px;
}
input.dayofweek_text[type=checkbox] {
  position: relative;
  display: none;
}
input.dayofweek_text[type=checkbox]+label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 1px 2px 4px 0px #00000030;
  cursor: pointer;
}
input.dayofweek_text[type=checkbox]:checked+label {
  background: linear-gradient(#FFE709, #FFD600);
}


/* 특별휴일 선택 */
#hidden_special_area {
  padding-bottom: 10px;
}

.special_day {
  width: 120px;
  text-align: center;
  color: #000;
}

#special_day_btn {
  font-size: 24px;
  font-weight: 100;
}

/* 매장정보 스위치버튼-------------------- */
.toggle-switch {
  display: inline-block;
  font-weight: 600;
  max-width: 100%;
  position: relative;
}

label.toggle-switch {
  cursor: pointer;
}

.toggle-switch-check {
  cursor: pointer;
  bottom: 0;
  height: 32px;
  opacity: 0;
  position: absolute;
  width: 40px;
  z-index: 2;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

.toggle-switch-check:empty~.toggle-switch-bar {
  display: inline-flex;
  height: 22px;
  line-height: 22px;
  position: relative;
  text-indent: 0;
  user-select: none;
}

.toggle-switch-check:empty~.toggle-switch-bar::before {
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  content: ' ';
  display: block;
  left: 0;
  position: absolute;
  top: 2px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 40px;
}

.toggle-switch-bar .toggle-switch-handle {
  display: block;
  min-width: 40px;
  text-transform: uppercase;
}

.toggle-switch-check:empty~.toggle-switch-bar .toggle-switch-icon {
  color: #FFF;
  left: 4px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 4px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 24px;
  z-index: 1;
}

.toggle-switch-check:empty~.toggle-switch-bar .toggle-switch-icon-on {
  left: 4px;
  opacity: 0;
}

.toggle-switch-check:empty~.toggle-switch-bar .toggle-switch-icon-off {
  left: 30px;
}

.toggle-switch-check:empty~.toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-off);
  margin-left: 0;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  white-space: nowrap;
}

.toggle-switch-check:empty~.toggle-switch-bar::after {
  background-color: #FFF;
  border-color: #FFF;
  border-radius: 50%;
  border-style: solid;
  border-width: 0px;
  bottom: 0px;
  content: '';
  display: block;
  height: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
  width: 24px;
  box-shadow: 1px 2px 3px 0px #00000020;
}

.toggle-switch-check:checked~.toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-on);
}

.toggle-switch-check:checked~.toggle-switch-bar::after {
  background-color: #FFF;
  border-color: #FFF;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  left: 18px;
  box-shadow: inset;
}

.toggle-switch-check:checked~.toggle-switch-bar::before {
  background-color: #FFD600;
  border-color: #FFD600;
  border-radius: 20px;
  border-style: solid;
  border-width: 0px;
}
/* //end:매장정보 스위치버튼--------- */

/* start store 팝업 공통적용---------*/
#store_popup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: all 0.4s;
  visibility: hidden;
  opacity: 0;
}

#store_popup.show {
  opacity: 1;
  visibility: visible;
}

.store_popup_outbg {
  background: rgba(0, 0, 0, .4);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  transition: all 0.4s;
}

.store_popup_inner::-webkit-scrollbar {
  /* 스크롤 바 없애기 */
  display: none;
}

.store_popup_inner {
  width: 700px;
  height: 440px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  z-index: 500;
  padding: 40px 20px;
  position: relative;
  border-radius: 10px;
  /* 인터넷 익스플로러 */
  -ms-overflow-style: none;
  /* 파이어폭스 */
  scrollbar-width: none;
  /* overflow 시 스크롤 자동 */
  overflow-y: scroll;
}

.store_essentail_popup_inner {
  width: 70%;
  height: 90%;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  z-index: 500;
  padding: 40px;
  position: relative;
  border-radius: 10px;
}

.store_popup_close{
  position: absolute;
  width: 32px;
  height: 32px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background: url('/images/btn/btn_close.png')no-repeat center center /cover;
}

.close_agree {
  position: absolute;
  top: 120px;
  right: 166px;
  cursor: pointer;
  color: #0014ff;
  background: url(/images/icon/btn_popup_close.png)no-repeat center center /cover;
  z-index: 1000;
}

.close_agree i {
  transition: all 0.3s;
}

.specital_title {
  margin-bottom: 30px;
}

.left4 {
  padding-left: 4px;
}

.right4 {
  padding-right: 4px;
}

.specital {
  text-align: center;
}

/* //end store 팝업 공통적용 */

.category_essential_popup {
  /* 카테고리 상세설정 필수옵션팝업에서만사용*/
  height: 200px;
  overflow: auto;
}

.category_essential_popup::-webkit-scrollbar {
  /* 스크롤바 없애기 */
  display: none;
}

#form_btn_essentail_option_plus {
  line-height: inherit;
}

/* END : store_enrollment_time.html style -----------------------------------*/


/* START : 매장선택(store_select.html)------------------------------------------- */
.tablet-store_setup .tablet_cont-enrolled .store-plus .store-plus_list .s-s-item01 {
  box-sizing: border-box;
  height: 140px;
  position: relative;
  font-weight: 400;
}

.store-plus_list_sub {
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 0;
}

/* 테블릿 하단 광고 영역 스타일 */
.tablet_bottom_fixed {
  position: fixed;
  z-index: 900;
  background: #000;
  height: 180px;
  width: calc(100% - 20px);
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  border-radius: 0 0 20px 20px;
}

/* END : store_select.html style -----------------------------------------------*/


/* START : 카테고리 메인(store_category_popup.html)------------------------------*/
.tablet_cont-category {
  margin: 80px 0px 80px;
  padding-top: 60px;
}

.category_slider {
  position: relative;
  background: #f9f9f9;
  width: 100%;
  height: 182px;
  padding: 20px 0;
}

.category_slider_inner {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  height: 142px;
}

.category_slider_inner .bx-wrapper {
  width: 100%;
  margin: 0 auto;
}

.category_slider_inner .bx-wrapper .bx-viewport {
  width: 100%;
  height: fit-content;
  overflow: hidden;
}

.category_slider_inner .bx-wrapper .bx-viewport #slider {
  position: relative;
}

.category_slider_inner .bx-wrapper .bx-viewport #slider .item {
  height: auto;
}

/* 사각형 화이트 배경 : 너비값 따로 지정필요 */
.square_white {
  background: #fff;
  padding: 28px 14px;
  border: none;
  outline: none;
  width: 100%;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  -moz-border-radius: 6px;
  /* 파이어폭스 */
  -ms-border-radius: 6px;
  /* IE */
  -o-border-radius: 6px;
  /* 오페라 */
  -webkit-border-radius: 6px;
  /* 사파리, 크롬 */
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 6px;
  color: #000;
  height: 96px;
}

.cate_btnbtn {
  display: flex;
}

.cate_btnbtn_active {
  display: flex;
}

.bg_fff {
  background: #fff;
  color: #FFD600;
  font-size: 20px;
}

.btn_numbers_activ_bg {
  margin: 0 6px;
  padding: 0 14px;
  background: linear-gradient(90deg, #FFE709, #FFD843);
}

.btn_changes {
  margin-left: 6px;
}

.padding_t_4 {
  padding-top: 4px
}

/* 순서, 수정 슬라이드영역 페이저 버튼 위치 스타일 시작*/
.bx-wrapper .bx-controls .bx-next {
  content: "";
  width: 50px;
  height: 50px;
  background: url(/images/icon/btn_bx_next.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 40px;
  top: calc(50% - 25px);
}

.bx-wrapper .bx-controls .bx-prev {
  content: "";
  width: 50px;
  height: 50px;
  background: url(/images/icon/btn_bx_prev.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  left: 40px;
  top: calc(50% - 25px);
}

/* 순서, 수정 슬라이드영역 페이저 버튼 위치 스타일 끝*/
/* 저장 취소 버튼 스타일 시작*/
.category_cancelsave {
  margin-bottom: 20px;
}

.category_cancel {
  margin-right: 20px;
}

.category_save {
  padding: 0 120px;
}

/* END : store_category_popup.html style ---------------------------------------*/

/* START : 카테고리 메인 팝업관련(store_category_popup.html)---------------------*/
.btn_hidden {
  height: fit-content;
  margin-bottom: 10px;
}

.btn_hidden_text_padding {
  padding-right: 6px;
}

.form_btn_x {
  margin-right: 20px;
}

.enrollment_time {
  padding: 0 40px;
}

/* END : store_category_popup.html style ----------------------------------------*/



/* START : store_category_main_detail.html style -----------------------------------*/
.tablet_cont-category_main_detail {
  width: 100%;
}

.category_main_detail {
  width: 100%;
  height: 100%;
  display: inline-flex;
  position: relative;
}

/* 01. 왼쪽 메뉴 리스트 */
#setion_left_menulist {
  z-index: 5;
  width: 25%;
  height: calc(100% - 72px);
  background: #fff;
  overflow-x: hidden;
  overflow-y: scroll;
}

#setion_left_menulist::-webkit-scrollbar {
  /* 크롬, 사파리, 오페라, 엣지 스크롤바 없애기 */
  display: none;
}

#setion_left_menulist .category_sub_list li.c_s_list_item {
  min-height: 88px;
  padding: 16px 70px 16px 16px;
  border-bottom: 4px solid #f9f9f9;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  white-space: normal;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
}

/* 뱃지 영역 베스트,신규,솔드아웃 삭제*/
.img_bege_best, .img_bege_new, .img_bege_soldout{
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0px;
  right: 0;
}
.btn_bege_delete {
  width: 70px;
  height: -webkit-fill-available;
  position: absolute;
  background: #FFF6D8;
  background-size: cover;
  top: 0px;
  right: 0;
  display: inherit;
  align-items: center;
  justify-content: center;
  z-index: 200;
  color:red;
}


#setion_left_menulist .category_sub_list li.last_item {
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 16px;
}
.sub_list_menu_name {
  padding-bottom: 1px;
  line-height: 1.2;
  max-height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 왼쪽 메뉴 리스트 하단 버튼 */
#setion_left_bottom_menulist {
  z-index: 6;
  width: 25%;
  height: 72px;
  position: absolute;
  bottom: 0px;
  background: #fff;
  border-radius: 0 0 0 10px;
}

#setion_left_bottom_menulist .left_bottom_menulist_btnbtn {
  display: flex;
  margin: 16px;
}

#form_btn_number_change {
  margin-right: 20px;
}

#form_btn_number_change:active {
  /* 마우스 클릭하고있을때 */
  background: linear-gradient(90deg, #FFE709, #FFD843);
}

.ative_button{
  background: linear-gradient(90deg, #FFE709, #FFD843);
}

#add_menu img {
  content: url('/images/icon/img_menu_plus.png');
}

#add_menu.ative_button img {
  content: url('/images/icon/img_menu_plus_s.png');
}

.left_bottom_menulist_btnbtn input:hover {
  background: linear-gradient(90deg, #FFE709, #FFD843);
}


/* 02. 가운데 설정 영역 */
#section_center_form_area {
  z-index: 4;
  width: 50%;
  height: 100%;
  padding: 16px 16px 0 16px;
  background: #f9f9f9;
  overflow: scroll;
}

#section_center_form_area::-webkit-scrollbar {
  /* 크롬, 사파리, 오페라, 엣지 스크롤바 없애기 */
  display: none;
}

.section_center_top_fixed {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

.section_center_top_fixed .product_name_input {
  height: 40px;
  width: 376px;
}

.product_explain_input {
  padding: 10px;
  height: 88px;
  font-size: 15px;
  line-height: 1.5;
}

.section_center_contents_area {
  width: 100%;
  height: 100%;
}

.cooking_time_line {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.cooking_time, .cooking_money {
  position: relative;
}
.cooking_time::after{
  content: "분";
  position: absolute;
  right: 10px;
  padding-top: 1px;
}

.cooking_money::after{
  content:"원";
  position: absolute;
  right: 10px;
  padding-top: 1px;
}

.center_contents_margin_bottom {
  margin-bottom: 16px;
}

/* 동영상/사진등록 */
.photo_enrolled_line {
  display: flex;
  justify-content: space-between;
}

.photo_enrolled_line li {
  width: 31%;
}

.photo_enrolled_line .detail_photo_enrolled {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  padding: 0;
  position: relative;
}

.detail_photo_imgs {
  width: 100%;
  height: 100%;
}

.delete-image {
	width: 32px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFFFFF00;
    z-index: 1;
    border: none;
}

.optionswich_align {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.menucondition_align {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
}

.menu_condition_badge {
  width: -webkit-fill-available;
  display: flex;
  justify-content: space-between;
}

.menu_condition_badge li input {
  height: 32px;
}

.menu_condition_badge li.badge_selet input {
  background: linear-gradient(90deg, #FFE709, #FFD843);
}

.menu_condition_badge li:active input {
  background: linear-gradient(90deg, #FFE709, #FFD843);
}

.menu_condition_badge li:hover input {
  background: linear-gradient(90deg, #FFE709, #FFD843);
}

/* +필수 옵션 / +선택 옵션 버튼영역*/
.slip_menu_option_optionlist {
  margin: 8px 0 20px;
  padding: 0;
  height: fit-content;
}

.slip_menu_option_optionlist div.optionlist ul.optionlist_item {
  height: auto;
  padding: 16px;
  border-bottom: 4px solid #f9f9f9;
}

/* 03. 오른쪽 테이블 비밀번호 설정 영역 */
#setion_right_secret {
  width: 25%;
  height: 100%;
  background: #fff;
  border-radius: 0 0 10px 0;
  overflow-y: scroll;
}

#setion_right_secret .table_secret_setings {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#setion_right_secret .secret_seting_password {
  margin: 10px 0 20px;
}

#secret_setings_btn {
  font-size: 14px;
}

#setion_right_secret .secret_bottom_btn {
  position: fixed;
  bottom: 26px;
  width: 213px;
}

.essential_option_money {
  text-align: right;
  padding-right: 30px;
  width: 110px;
}

.essential_option_plusminus {
  width: 50px;
  margin: 0 6px 0 20px;
  border-radius: 6px;
}

.essential_option_plusminus select {
  width: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/images/icon/btn_input_select.png) no-repeat 80% 50%;
  background-size: 11px;
  cursor: pointer;
}
/* IE에서 화살표 제거 */
.essential_option_plusminus select::-ms-expand {
  display: none;
}

.add_delect_btn::before {
  content: "원";
  color: #000;
  font-size: 14px;
  display: block;
  position: absolute;
  right: 12px;
  z-index: 200;
}

.add_delect_btn {
  position: relative;
}

.add_delect_btn::after {
  content: "";
  color: red;
  font-size: 12px;
  position: absolute;
  right: -30px;
}

.add_delect_btn2{
  color: red;
  font-size: 12px;
  position: absolute;
  right: -30px;
}

/* 메뉴삭제팝업 + 메뉴순서변경방법 팝업 관련 */
#menu_modify_popup,
#menu_delect_popup{
  width: 75%;
  height: calc(100% - 80px);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
#menu_modify_popup.show,
#menu_delect_popup.show {
  opacity: 1;
  visibility: visible;
}
.menu_popup {
  width: 64%;
  margin: 0 auto;
  background: #fff;
  z-index: 500;
  padding: 40px;
  border-radius: 8px;
}
.menu_popup_bg{
  background: rgba(0, 0, 0, .4);
  z-index: 100;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.2s;
  border-bottom-right-radius: 10px;
}
.popup_explain_text {
  font-size: 16px;
  line-height: 1.5;
}
#optPopup_msg.show {
  opacity: 1;
  visibility: visible;
}

/* 배경선택 팝업 관련 */
#bg_transform_popup,
#view_mode_popup {
  position: fixed;
  top: 10px;
  bottom: 0;
  z-index: 3000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.05, 1.05);
  transition: all 0.4s;
  border-radius: 19px;
  width: calc(75% - 5px) !important;
  left: 0;
  opacity: 0;
}
#bg_transform_popup.show,
#view_mode_popup.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1, 1);
}
.bg_transformt_inner {
  width: 84%;
  height: 63%;
  margin-top: 40px;
}
.view_mode_popup_inner{
  width: 84%;
  height: 63%;
  margin-top: 40px;
  padding: 40px 126px;
}

.popup_bg_select,
.view_mode_popup_select {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.popup_bg_select li{
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.view_mode_popup_select li{
  width: 47%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup_bg_select li img,
.view_mode_popup_select li img {
  width:-webkit-fill-available;
  height: auto;
  margin: 10px 0 6px;
}
.bg_transform_close_agree {
  top: 20px;
  right: 20px;
}

/* END : 카테고리 - 상세입력(store_category_main_detail.html style)-------------*/


/* START : 주문정보 ------------------------------------------ */
.tablet_cont-order_information{
  height: calc(100% - 60px);
  background: #f2f2f2;
  border-radius: 20px;
}
.order_information{
  height: 100%;
}
.order_information_ul{
  display: flex;
  height: inherit;
  overflow-x: scroll;
  overflow-y: hidden;
}
.order_list_li{
  width: 290px;
  height: 100%;
  background: #fff;
  margin-right: 10px;
  position: relative;
}
/* 상단 : 테이블번호영역 */
.order_list_top_area{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  background: #FFD600;
  padding: 0 10px;
}

.completed .order_list_top_area {
  background: #E0E0E0;
}

.completed .order_list_btn {
  background-color: #F2F2F2;
}

.order_list_btn {
  background-color: #FFD601;
  border-radius: 6px;
  appearance:none;
}

.order_list_complete_area {
  display: none;
  background-color: rgba( 255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.completed .order_list_complete_area {
  display: block;
}

.order_list_table_number{
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.order_list_numbering_time{
  display: flex;
  justify-content: space-between;
}
.table_numbering{
  background: #000;
  /* color: #fff; */
  border-radius: 4px;
  width: 70px;
  padding: 2px 0;
}
.list_numbering_time{
  background: transparent;
}
.new_refresh_numbering{
  width: 18px;
  height: 18px;
  position: absolute;
  top: 12px;
  right: 18px;
  background: #F06A3A;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  padding-bottom: 2px;
}

/* 중간 : 메뉴 리스트*/
.order_list_center_area{
  height: 416px;
  width: inherit;
  position: relative;
}
.center_area_menu{
  height: 100%;
  overflow: auto;
}
.center_area_menu::-webkit-scrollbar{
  display: none;
}
.order_list_item{
  height: 100px;
  padding: 10px;
  text-align: left;
  line-height: 1.2;
}
.order_list_name {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.order_option_list{
  padding: 2px 0 5px;
  color: #696969;
  font-size: 14px;

}
.order_list_total_txt{
  position: absolute;
  right:14%;
  top: 14px;
}

.order_list_total_txtcnt{
  position: absolute;
  right:8%;
  top: 14px;
}

.order_list_price{
  padding-top:8px;
  display: flex;
  justify-content: space-between;
}
/* 하단 : 프린트,완료 버튼영역 */
.order_list_bottom_area{
  position: absolute;
  width: inherit;
  bottom: 0;
  height:106px;
  padding: 0 10px 10px 10px;
}
.order_list_total_amount{
  height: 48px;
  display: flex;
}

.order_list_total_amount_off{
  background: #E0E0E0;
  display: flex;
  justify-content: space-between;
}
.order_list_btn_area{
  display: flex;
}
.order_list_btn_area input {
  height: 38px;
  font-size: 20px;
}

.store_order_merge_popup_inner{
  width: 460px;
  height: 250px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  z-index: 500;
  padding: 40px 20px;
  position: relative;
  border-radius: 10px;

}
/* 체크버튼 */
.mix_area input[type=checkbox] {
  display: none;
}
.mix_area input[type=checkbox] + label{
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url(/images/icon/checkbox_off.png);
  background-size: 20px 20px;
  background-position: left;
  background-size: 20px;
  width: 20px;
  display: inline-block;
  height: 20px;
  margin-top: 6px;
}
.mix_area input[type=checkbox]:checked + label{
  background-image: url(/images/icon/checkbox_on.png);
}
.mix_area{
  height: 46px;
}

/* END : 주문정보 -------------------------------------------- */

/* START : 직원호출 ------------------------------------------ */
/* 호출리스트 */
.tablet_cont-call_list{
  padding-top:60px;
  height: 100%;
}
.call_list{
  height: 70%;
  margin: 60px 120px 0;
  overflow-y:scroll;
}
.call_list::-webkit-scrollbar {
  /* 스크롤 바 없애기 */
  display: none;
}
.call_list_items{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.call_list_item {
  width: calc(50% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
}
.call_list_item:nth-child(2n) {
  margin-right: 0;
}
.call_bottom_area{
  position: absolute;
  bottom: 60px;
  padding: 0 120px;
}

/* 호출목록추가팝업 */
.call_popup_inner::-webkit-scrollbar {
  /* 스크롤 바 없애기 */
  display: none;
}
.call_popup_inner {
  width: 660px;
  height: 250px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  z-index: 500;
  padding: 40px 20px;
  position: relative;
  border-radius: 10px;
  /* 인터넷 익스플로러 */
  -ms-overflow-style: none;
  /* 파이어폭스 */
  scrollbar-width: none;
  /* overflow 시 스크롤 자동 */
  overflow-y: scroll;
}
.call_close_agree{
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  padding: 10px;
  color: #0014ff;
  background: url(/images/icon/btn_popup_close.png)no-repeat center center /cover;
  z-index: 1000;
}
.call_popup_btn_area{
  margin:10px 90px 0;
  padding-left:40px;
}

/* END : 직원호출 -------------------------------------------- */


/* START : 메뉴판 찾기 ----------------------------------------*/
.menupan_search{
  margin:120px 120px 0px;
  display: flex;
}
.menupan_search_left{
  width: 52%;
  display: block;
}
.menupan_list{
  display: block;
  margin-top: 30px;
  height: 380px;
  overflow-y: scroll;
}
.menupan_list::-webkit-scrollbar{
  display: none;
}
.menupan_item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.menupan_title{
  margin-right: 20px;
}
.menupan_button{
  width: 120px;
}
.menupan_search_right{
  padding-top: 80px;
  width: 43%;
  border: #0014ff;
  margin-left: 5%;
  height: 100%;
}

/* END : 메뉴판 찾기 ------------------------------------------*/