:root {
  --border-color: #ccc;
  --cross-1-color: #f1f1f1;
  --cross-2-color: #fff;
  --bg-color-1: #333;
  
  --mgmt-color-1: #374151;
  }
  
  /* Reset */
body, input, button, textarea, table { font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕", Dotum, AppleGothic, sans-serif; font-size:12px; color:#000; }
html, body { height:100%; }
ul, ol, li, dl, dt, dd { margin:0; padding:0; list-style:none; }
h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; font-size:1em; font-weight:normal; }
form { margin:0; padding:0; }
a { text-decoration:none; color:#666; }
img { border:0; vertical-align:middle; }
address { margin:0; padding:0; font-style:normal; }
hr { display:none; }
body{margin:0 !important;}

/* IE6 PNG bug fix */
.png24 { tmp:expression(setPng24(this)); }

/* flex */
.flex{display:flex;}
.justify-between{justify-content: space-between;}




/* display none */
.dsp_none {display: none;}
.dnone {display:none;}

/* Nanum Gothic : NG */
@font-face { font-family:'NG'; src:url(NanumGothic.eot); src:local('※'), url(NanumGothic.woff) format('woff'); }


/* Nanum Barun Gothic : NBG */
@font-face{font-family:'NBG';font-style:normal;font-weight:700;src:url(NanumBarunGothicBold.eot);src:url(NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),url(NanumBarunGothicBold.woff) format('woff')}
@font-face{font-family:'NBG';font-style:normal;font-weight:400;src:url(NanumBarunGothic.eot);src:url(NanumBarunGothic.eot?#iefix) format('embedded-opentype'),url(NanumBarunGothic.woff) format('woff');}


/* Nanum Myeongjo : NM */

@font-face {font-family:'NM'; font-style: normal; font-weight: 400; src: url(NanumMyeongjo-Regular.eot); src:local('※'), url(NanumMyeongjo-Regular.woff) format('woff');}
@font-face {font-family:'NM'; font-style: normal; font-weight: 600; src: url(NanumMyeongjo-Bold.eot); src:local('※'), url(NanumMyeongjo-Bold.woff) format('woff'); }
@font-face {font-family:'NM'; font-style: normal; font-weight: 700; src: url(NanumMyeongjo-ExtraBold.eot); src:local('※'), url(NanumMyeongjo-ExtraBold.woff) format('woff'); }

/*margin */
.mb-10{margin-bottom:10px;}

/* paging */
.pagingBox{margin:50px 0 0 0;text-align:center}
.pagingBox span a{display:inline-block;vertical-align:middle}
.pagingBox span a img{border:0}
.pageBtn{text-align: center;}
.pageBtn .page_select a{border:1px solid #fff; border-radius: 50%; display:inline-block; padding:5px 8px; font-size:13px;font-family:dotum;text-decoration:none;color:#555}
.pageBtn .page_select a.on{background: #0369a1; color:#fff; border:none; border-radius: 50%; font-weight:bold; font-family: 'Lato', sans-serif !important;}
.totalPage{text-align: center; font-size:13px;margin:15px 0 0 0;    font-family: 'Lato', sans-serif !important;}
.totalPage span{font-weight:bold;}



.cate_sel_btn { width:100%; text-align:center; background-color:#666; display:inline-block; color:#fff; padding:5px 0; }
.readonly { background-color:#f1f1f1; border:none; padding:5px; box-sizing:border-box; }



/***************************************
*************   mgmt  *******************
*****************************************
*****************************************/
.choiceproduct{
	margin-top: 30px;
    border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
    padding: 10px 20px;
    /* border-radius: 10px; */
}

.setting-btn{text-align: right; margin-top: 30px;}

.pxy{padding:40px; }
.mgmt-start_container, .mgmt-start{width:100%; height:100vh; margin:0; padding:0; border:0; }

.mgmt-menu_right{width:calc(100% - 240px); padding-bottom:40px; }
.mgmt-menu_right>table{ margin-bottom:auto;  padding:0 20px; background-color:#e5e7eb;}
.mgmt-content{
	margin-bottom:auto;
	vertical-align:top; 
	width:96%;
	margin:0 auto;	
	background-color: #fff;
    border: 1px solid #e1e3e7;
    border-radius: 12px;}
.mgmt-adminpage-container{width:100%; background-color:#e5e7eb; }

.aaa{border:2px solid red;width:100%; }	

.admin-page-menu_title{width:100%; display:inline-block; background-color:#0369a1; color:#fff; font-weight:700; padding:1rem 0; text-align:center; }

.local2{
	margin:30px 0 20px 30px;
	font-size:24px;
	color:#0369a1;
	font-weight:600;
}

.local2:before{content:''; display:inline-block; clear:both; width:5px; height:16px; margin-right:8px;  background-color:#0369a1;}

.local3{
	margin:30px 0 20px 0px;
	font-size:24px;
	color:#0369a1;
	font-weight:600;
}

.local3:before{content:''; display:inline-block; clear:both; width:5px; height:16px; margin-right:8px;  background-color:#0369a1;}

.test-joomiok{width:96%; background-color:green; margin:0 auto; }




/*  관리자 로그인   */
.admin-Login_container{
	display: flex;
	justify-content: flex-end;
	padding-right:100px; 
}

.admin-Login{	}
.admin-Login input{
	width:180px;
	margin-bottom:12px;
	padding:10px; 
	border:1px solid #333;
	border-radius:4px;
	font-size:17px;
	font-weight:600;

	}
.admin-Login button{
	width:200px; 
	padding:10px; 
}
.admin-Login button:hover{cursor : pointer;}

.admin-Login_container input::placeholder {
    color:#181818;
	font-size:13px;
}



/* 관리자페이지 좌측메뉴  */
.mgmt-menu_container{width:240px; background-color:#374151; }

.mgmt-left-all-menu-container{width:100%; }
.mgmt-left-all-menu-container tbody tr{}
.menu-2{display:block; width:100%; margin:2px auto 0 auto; background-color:#475569;}
.choice-menu_icon{display:inline-block;width:16px; text-align:center; }
.admin-page-menu a{ display:inline-block; width:180px; margin:4px 0;font-size:14px; color:#fff; font-weight:600;padding:4px 0;}
.admin-page-menu a:hover,
.admin-page-menu a:active{font-weight:700;color:yellow;}






/*   버튼  */
.delete-a,
.modify-a,
.upload-a{
	cursor: pointer;
	padding:4px 8px;	
	font-size:12px;
	text-align:center;
	letter-spacing:1px;  } 
.button-a{
	margin-top: 30px;
	cursor:pointer;
	font-size:14px; 
	color: #fff;
    background-color: #5055b1; transition: all 1s; 
    border: 1px solid #5055b1;
	border-radius:4px;
	padding:8px 16px;}
.button-a:hover{background-color: #2c307c;}
.button-b{
	cursor:pointer;
	font-size:14px; 
	color: #fff;
    background-color: #2c307c; transition: all 1s; 
    border: 1px solid #5055b1;
	border-radius:4px;
	padding:8px 16px;}
}

/*   등록 버튼 */
.upload-a{ background-color:#595959; transition: all 2s; border:1px solid #999; color:#fff;   }
.upload-a:hover{background-color:#181818; color: #fff;}

/*   수정 버튼 */
.modify-a{ background-color:#0369a1;transition: all 1s; border:1px solid #064c72; color:#fff;     }
.modify-a:hover{background-color:#124b6b; color:#fff;   }

/*   삭제 버튼 */
.delete-a{ background-color:#ab1515; transition: all 1s; border:1px solid #980909; color:#fff;   }
.delete-a:hover{background-color:#980909; }

/*   input   */
.input-a{
	background-color:#fff;
	padding:8px; 
	margin-bottom:30px; 
	border-radius:4px;
	font-size:17px;
	font-weight:600; 
	text-align:center; }
.input-a::placeholder{font-size:14px; color:#ccc; }

.input__container{position:relative;}
.input-a_label{position:absolute; z-index:10; background-color:#fff; top:-10px; left:12px; padding:0 10px; color:#181818; font-size:15px; font-weight:600;  }

/* 부모테이블  */
.tablewrap{border:1px solid #fff;}

/* thead 
.table-head{padding:80px 0; background-color:#f0f6f9;  font-size:16px; font-weight:700;}
.table-head th{padding:12px 0;}
.table-head td{padding:8px 0; }  */


/*********************************
*************  라 인있는 테이블 ******
*********************************/
.line-table{width:100%; border:0 ; border-collapse: separate;  border-spacing: 0;  }
.line-table_head th{background-color:#f2f2f2; padding:12px 0; border-right:1px solid var(--border-color); border-top:2px solid #475569; border-bottom:2px solid #475569; color:#181818;}
.line-table_head th:last-child{border-right:0;}
.line-table td{padding:4px 0 ;border-right:1px solid var(--border-color); border-bottom:1px solid var(--border-color); font-size:14px; }
.line-table td:last-child{border-right:0;}

.line-table td table td{border:0;}

.line-table_body td{padding:10px 0;}

.line-table_body:nth-child(even){background-color:#fdfdfd;}
.line-table_body:hover{ background-color:rgba(243, 244, 246);}




/* 스크롤바 임의의 영역 생성 */
.scrollBar { 
  width: 100%;
  height: 100px;
  overflow-y: scroll;
}
.scrollBar::-webkit-scrollbar {
    width: 4px;  /* 스크롤바의 너비 */
}
.scrollBar::-webkit-scrollbar-thumb {
    height: 100px; /* 스크롤바의 길이 */
    background: #374151; /* 스크롤바의 색상 */    
    border-radius: 8px;
}
.scrollBar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .1);  /*스크롤바 뒷 배경 색상*/
}


/*****************************
****   카테고리 노출관리 *********
*****************************/
.category-naming{font-size:20px; color:#374151; font-weight:600; margin-bottom:16px;    padding-bottom:20px;  border-bottom: 2px solid #E4E4E5;}
.category_container{ padding:40px; }
.category-warming{margin-bottom:1rem; color:red;}
.category-choice{display:inline-block; width:240px;font-weight:600; font-size:15px; line-height:1.8;} 
.category-choice:hover{ background-color:yellow;} 

.category-naming img{width:28px; margin:0 8px 4px 0;}
 


/***************************************
************** 상품정보  상품옵션설정 *******
****************************************/

/*   상품정보    */
.product-setting{cursor:pointer; width:120px; font-size:12px; border-radius:4px; border:1px solid #999; padding:4px; margin-right:1rem;}
.product-setting:hover{background-color:#fff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);}
.product-option{background-color:#f6f7fa;}
.product-view{background-color:#eff0f4;}


/*   상품등록    */
.product_regist{width:100%;border-top:2px solid #475569; border-bottom:2px solid #475569; } 
.product_regist tbody tr{border-bottom:1px solid red;  }

.product_regist_title{background-color:#f2f2f2;}
.product_regist_input{text-align:left; padding:10px !important; }


/*   카테고리 선택    */
.categorySearch_new_wrap{width: 700px; margin: 0 auto;}
.categorySearch_new_wrap h1{font-size: 20px; font-weight: 600;}
.local-transport-choice{
	margin-top: 20px;
	border: 1px solid #ccc;
    background: #efefef;
    padding: 10px 20px;
    border-radius: 10px;
}
.local-transport-set form{
	margin-top: 20px;
}
.category-radio{margin-top: 10px;}
.category-radio:last-child{margin-bottom: 35px;}
.categorySearch_new{width: 100%; border: 0; border-collapse: separate; border-spacing: 0; margin-top: 20px;}
#categorySearch{margin: 0 0 0 10px;}
#categorySearch:first-child{margin-left: 0;}
.category_tr td{border-top:1px solid #ccc; border-left: 1px solid #ccc; padding-left: 10px;}
.category_tr td:last-child{border-right: 1px solid #ccc;}
.categorySearch_new thead tr{text-align: center; background: #f2f2f2;}
.categorySearch_td{border-top: 2px solid #475569;}
.aaaaa{border:1px solid #ccc; }
/* .ddd{background-color:yellow;} */

/*   상품옵션설정    */
.product-option_container{width:90%; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.member-price{font-size:16px; }
.member-price span{display:inline-block; width:70px; margin:0 12px 4px 30px; border-radius:20px; }  
.member-price span.money {display:inline-block; width:60%;}
.member-1-price span{font-size:14px; }
.member-2-price span{font-size:14px;}
.member-3-price span{font-size:14px;}


/*스페셜 상 품 설정 */
.special-choicelist{ 
	border-top: 2px solid #475569;
    border-bottom: 2px solid #475569;
	margin-bottom:40px; 
	}
.special-view_container{border-bottom:1px solid var(--border-color); }
.a{width:40%; }
.special-view_container(even) {    background-color: #f9f9f9;}
.special-product{
	display:inline-block; 	
	font-size:17px; 
	color:#181818;
	font-weight:600;
	width:200px;
	text-align:center;
	padding:20px 0;
	margin-right:40px; 
	background-color:#f2f2f2;
	border-right:1px solid var(--border-color); }
.special-view{
	display:inline-block; 
	width:300 !important;
	}
.special-view-choice{
	display:inline-block;
	font-size:16px !important; 
	font-weight:600;
	text-align:left;
	}


.special-number_container{
	display: inline-block;
	color:red;
	}
/******************************
************** 주문관리 *******
*******************************/
/*  안내  */
.order-headCopy_container{}
.order-headCopy_container p{
	margin-bottom:4px; 
	color:17px;
	font-weight:bold;
	font-weight:600;
}

/* 검색 */
.search_container {
	max-width:700px; 
	
	padding:40px 20px ;
	margin:20px 0; 
	background-color:#eee;
	border:1px solid #ccc;
	border-radius:8px; 
}
.special-number{
	margin-right: 10px;
}
.search_container label{
	display:inline-block; 
	width:100px;
	font-size:14px; 
	font-weight:600;
	}
.search_container select,
.search_container input{
	font-size:14px;
	padding:8px;
	margin-bottom:8px; 
	}

/*  주문현황에 따른 색상   */
.order-color_container{height:40px; align-items: center;   }
.order-title{
	display:inline-block;
	font-weight:600;
	
	}

.order-color{display:inline-block; width:20px; height:20px; margin-right:20px; border:1px solid #ccc; border-radius:50%; }
.order-color-1{background-color:#fffbbd;}
.order-color-2{background-color:#ffaa7d;}
.order-color-3{background-color:#88dcc9;}
.order-color-4{background-color:#bee7f8;}
.order-color-5{background-color:#86cdfb;}
.order-color-6{background-color:#ffb1b1;}
.order-color-7{background-color:#ffffff;}




/******************************
************** 적립금 관리 *******
*******************************/
.point-select_search{padding:4px 0 4px 8px; margin:0 8px 0 8px; border-radius:4px;  }
.price-point td{padding:20px 0; font-weight:700; font-weight:17px; }

.selectBox {
  position: relative;
  width: 100px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #676767;
}
.selectBox .select {
  width: inherit;
  height: inherit;
  background: transparent;
  border: 0 none;
  outline: 0 none;
  padding: 0 5px;
  position: relative;
  z-index: 3; // select가 위로 올라와야 함
}
.selectBox .select option {
  background: #fff;
  color: #181818;
  padding: 3px 0;
  font-size: 13px;
}
.selectBox .icoArrow {
  position: absolute; 
  top: 0; 
  right: 0; 
  z-index: 1; 
  width: 20px; 
  height: inherit;
  border-left: 1px solid #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}

.selectBox .icoArrow img {
  width: 50%;
  transition: .3s; // 부드럽게 회전
}

.selectBox .select:focus + .icoArrow img {
  transform: rotate(180deg);
}

/* 적립금 관리  ㅡ 적립금 등록  */
.point-search{border:0 ; border-collapse: separate;  border-spacing: 0;  }
.point-search td{padding:12px 0; border-bottom:1px solid var(--border-color);  }
.point-search td:first-child{background-color:#f2f2f2; width:200px; padding-left:60px; font-size:14px; font-weight:600;  }
.point-search td:last-child{width:500px; padding-left:20px;  }
.point-search{ border-top: 2px solid #475569; border-bottom: 2px solid #475569; margin-bottom:40px;}

.point-search_input{ 
 width: 300px;
  height: 32px;
  font-size: 15px;
  border: 0;
  border-radius: 15px;
  outline: none;
  padding-left: 10px;
  background-color: rgb(233, 233, 233);
    }

/*****************************
****   중량별 배송비 설정 ********
*****************************/
.Weight-price{  }



/********************************
********  지역별 화물비 설정  *********
********************************/
 .local-transport-set{
	border-bottom:1px solid #ccc; 
	padding-bottom:20px;
	margin-bottom:40px; } 
.form_addr{
	padding:1rem ;
	margin-right:8px; }

.Fare-setting_container{}
.Fare-setting{width:100px; }

.inner_table { border-collapse: collapse; }
.inner_table td, .inner_table th {  border:1px solid #ddd; }
.inner_table th { background-color:#f1f1f1; }


/********************************
******** 새창으로 열리는 상세페이지   *********
********************************/
.new-window_container{margin:0; padding-top:40px; }
.new-window{
	box-sizing:border-box;
	width:96%;
	margin:20px auto 0 auto;
	background-color:#fff;
	padding:30px; 
	font-size:15px; 
	border-radius:20px;
	}
.product-name_contaoner{
	background-color: #0369a1;
	color:#fff;
	font-weight:30px;
	font-size:24px;
	text-align:center;
	padding:20px 0;
	margin-bottom:20px; 
	border-radius:12px 12px 0 0;}
.bunddle{
	margin-bottom:20px; padding-bottom:20px;}

.item_container{margin-bottom:0.5em;}
.item{
	font-weight:600;
	}

.bank-price{ 
	display: flex;  
      justify-content: space-between;
      width: 70%;
	  margin:0 auto
	  }