@charset "utf-8"; 

sc-mdi-progress {
	left: calc(50% - 200px);
}

sc-mdi-front {
	display : block;
	width : 100%!important;
	position: relative;
    min-height: 100vh;
}
 
.headerNotice {
	width: 100%;
	height: 32px;
/* 	background: #272727;  */
	background: #f2efec;
	line-height: 31px;
	font-size: 13px;
	color: #000;
	text-align: center;
	font-weight: bold;
}
.headerNotice span {
	margin-right: 10px;
}
.headerCenter {
	height: 69px;
	border-bottom: 1px solid #dedede;
}
.headerTop {
	width: 1280px;
	position: relative;
	overflow: hidden;
	margin: auto;
	height: 100%;
}
.topLogo {
	display: flex;
	float: left;
	margin-top: 19px;
}
.topLogo h1 {
    width: 87px;
    height: 33px;
    background: url(../../../assets/front-img/doremi_Logo.png) no-repeat center;
    text-indent: -9999px;
    display: inline-block;
    margin-right: 2px;
    cursor: pointer;
    background-size: 100%;
}

.topLogo .nitoce {
	margin-top: 5px;
	position: relative;
	cursor: pointer;
}

.topLogo .bookmark {
	margin-top: 5px;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.alam_num {
	min-width: 14px;
    height: 14px;
    max-width: 24px;
    border-radius: 30px;
    background: #e66344;
    color: #fff;
    font-size: 9px;
    text-align: center;
    line-height: 13px;
    position: absolute;
    right: -5px;
	top: -5px;
    text-indent: 0;
    padding: 0 4px;
    box-sizing: border-box;
}
.top_btn .alam_num {
	right: 3px;
    top: -2px;
}




.headerTop .searchBox {
	width: 380px;
	height: 42px;
	border: 2px solid #272727;
	top: 14px;
    position: absolute;
    left: calc(50% - 210px);
    overflow: hidden;
    padding: 3px 0;
    box-sizing: border-box;
}

.headerTop .searchBox  li{
	float: left;
}
.headerTop .searchBox  li:first-child {
	width: 120px;
	background: url("../../../assets/front-img/icon/ico_topsearchLine.png") right center no-repeat;
	padding-right: 10px;
}

.headerTop .searchKeywordContentWrap .active{
	background-color: blanchedalmond;
}
.headerTop .searchKeywordContentWrap li{
	float: left;
	width: 100%;
	margin : 3px 5px;
	cursor: pointer;
}

.headerTop .top_btn {
	float: right;
	margin-top: 20px;
}
.headerTop .top_btn > li {
	float: left;
	padding: 0 10px;
	background: url("../../../assets/front-img/icon/ico_topLine.png") no-repeat right center;
	line-height: 23px;
	cursor: pointer;
}
.headerTop .top_btn > li:last-child {
	padding: 0;
	background: none;
}
.headerTop .top_btn li:nth-last-child( 2 ) {
	background: none;
}
.headerTop .top_btn .ico_basket {
	width: 24px;
	height: 24px;
	position: relative;
}
.headerTop .top_btn .location {
	/*max-width: 180px;*/
    white-space: nowrap;
    overflow: hidden;
}
.headerTop .top_btn .locationChange {
	width: 24px;
	height: 24px;
	display: inline-block;
	text-indent: -9999px;
	background: url("../../../assets/front-img/icon/ic_change.png") no-repeat;
}

/* */
.buttonListWrap {
	position: relative;
	background: #ffffff;
}

.buttonListWrap ul {
	padding-top: 10px;
	box-sizing: border-box;
}

.buttonListWrap ul li {
    box-sizing: border-box;
    padding: 0 !important;
    line-height: 30px !important;
    width: 140px;
}

.buttonListWrap ul li button {
	font-size: 14px;
    text-align: left;
    line-height: 20px;
    border: 0;
    width: 100%;
    height: 32px;
    padding-left: 8px;
    padding: 0 20px;
}

.buttonListWrap ul li:hover, .buttonListWrap ul li[pressed]  {
	background: #e9e9e9;
}

.buttonListWrap ul li:first-child {
	margin-top: 9px;
}

.buttonListWrap:after, 
.buttonListWrap:before,
.noticeListWrap:after,
.noticeListWrap:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.noticeListWrap:after,
.noticeListWrap:before {
	left: 100px;
}

.buttonListWrap:after,
.noticeListWrap:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.buttonListWrap:before,
.noticeListWrap:before {
	border-color: rgba(39, 39, 39, 0);
	border-bottom-color: #272727;
	border-width: 8px;
	margin-left: -8px;
}
.buttonListWrap .logout {
	margin-top: 8px;
	text-align: center;
	color: #7d7d7d;
}
.buttonListWrap .logout  button{
	border-top: 1px solid #d3d3d3;
	width: 118px;
	margin: auto;
	text-align: center;
}
.buttonListWrap .logout  button:hover {
	background: none;
}
gnb {
	display: block;
	border-bottom: 1px solid #dedede;
}
gnb .mdiTopMenu {
	height: 52px;
	width: 100%;;
	margin: auto;
	overflow: hidden;
	text-align: center;

}
gnb .mdiTopMenu li {
	/* float: left; */
	display: inline-table;
}
gnb .mdiTopMenu a{
	width : 144px;
	display: inline-block;
	font-size: 16px;
	padding: 14px;
	color: #272727;
	margin-left: 0px;
	font-family: 'Noto sans Bold', '맑은 고딕', 'Malgun Gothic', 'sans-serif';
	text-align: left;
}
.topSubMenuListDiv {
	position: relative;
	z-index: 500;
	/*
	height:312px;
	*/
}
.topSubMenuListDiv > ul {
	width: 144px;
	z-index: 500;
	background: #fff;
	display: inline-table;
	padding: 14px;
	/* margin-left: 0px; */
}
.topSubMenuListDiv > ul > li {
	height : 24px;
	text-align:left;
}

.topSubMenuListDiv > ul > li a{
	color: #272727;
}
.topSubMenuListDiv > ul > li a:hover {
	color: #e66344;
}

.topSubMenuListDiv > .imgBanner {
	width: 338px;
	position: absolute;
}

.topSubMenuListDiv > ul a {
	vertical-align: top;
}

/*footer*/
.footerWrap {
	width: 100%;
	background: #3c3c3c;
	height: 150px;
	padding-top: 25px;
	box-sizing: border-box;
	position: absolute;
    bottom: 0;
}
.footer {
	width: 1280px;
	margin: auto;
	overflow: hidden;
}
.footer li {
	float: left;
}
.footer li a {
	color: #d3d3d3;
	margin: 0 8px
}
.footer .link a:first-child {
	margin-left: 0;
}
.footer li strong a {
	margin: 0 8px!important;
}
.footer li:last-child {
	float: right;
}
.footer  li .app {
    border: 1px solid #e66344;
    border-radius: 50px;
    box-sizing: border-box;
    padding: 1px 16px 1px 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 2;
    background: url(../../../assets/front-img/icon/ic_link.png) right 4px no-repeat;
}
.footer  li .app:hover {
	color: #e66344;
	background-image: url(../../../assets/front-img/icon/ic_link_over.png);
}
.footerLogo {
	width: 201px;
	height: 32px;
	background: url("../../../assets/front-img/logo_white.png") no-repeat;
	text-indent: -9999px;
	margin-right: 30px;
}
.footerContent {
	font-size: 12px;
	line-height: 1.67;
	color: #d3d3d3;
	font-size: 12px;
}
.footerContent .link {
	margin-bottom: 6px;
}
.footerContent span {
	display: block;
}
.footerLink span {
	display: block;
	width: 180px;
	height: 34px;
	padding: 7px 10px;
	border: 1px solid #d3d3d3;
	background: url(../../../assets/front-img/icon/ic_more_s_normal.png) 157px center no-repeat;
    box-sizing: border-box;
    cursor: pointer;
    color: #d3d3d3;
}

/*container*/
.containerWrap {
	/* position: relative; */
	padding-top: 155px;
	padding-bottom: 150px;
}

.resisterWrap {
	padding: 30px 0;;
    height: calc(100% - 290px);
    box-sizing: border-box;
}

/*검색결과*/
.searchList {
	position: relative;
}
.tabRight {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
}

.searchList .tabRight ul {
	display: flex;
}
.searchList .tabRight li {
	width: 32px;
	height: 32px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;

}
.searchList .eventTabRight ul {
	display: flex;
}
.searchList .eventTabRight li {
	width: 32px;
	height: 32px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;

}
.searchList .card {
	background: url("../../../assets/front-img/button/btn_viewtype_grid_normal.png") no-repeat;
}
.searchList .card[selected],
.searchList .card:active,
.searchList .card:hover {
	background: url("../../../assets/front-img/button/btn_viewtype_grid_selected.png") no-repeat;
}
.searchList .list {
	margin-left: -1px;
	background: url("../../../assets/front-img/button/btn_viewtype_list_normal.png") no-repeat;
}
.searchList .list[selected],
.searchList .list:active,
.searchList .list:hover {
	background: url("../../../assets/front-img/button/btn_viewtype_list_selected.png") no-repeat;
}

.searchLine {
	height: 32px;
	padding-bottom: 10px;
	border-bottom: 2px solid #141c2f;
	position: relative;
}
.searchLine h2 {
	position: absolute;
	width: 100%;
	top: -10px;
	z-index: -1;
}
.searchLine .messroomTitle {
	display: inline-block;
    float: left;
    position: absolute;
    left: 0;
}
/*주문 목록*/
.oderPrice {
	background: #f2f1f0;
	padding: 30px 70px;
	margin-bottom: 40px;
}
.oderPrice_bottom {
	padding: 50px 90px;
	border: 1px solid #bdbdbd;
	margin-top: 30px;
}
.oderPrice_center {
	margin: 0 0 60px 0;
}
.oderPrice ul,
.oderPrice_bottom ul {
	display: flex;
}
.oderPrice ul li,
.oderPrice_bottom ul li {
	box-sizing: border-box;
}
.oderPrice ul li:nth-child(2) {
	width: 380px;
	padding: 0 50px 0 70px;
}
.oderPrice ul li:last-child {
	width: 260px;
}
.oderPrice_bottom .priceSmall {
	width: 260px;
}
.oderPrice_bottom .symbol {
	width: 120px;
	font-size: 56px;
	text-align: center;
    line-height: 2.9;
}
.oderPrice .priceAll {
	width: 498px;
	padding: 28px 80px 28px 0;
	border-right: 1px solid #d3d3d3;
	font-weight: bold;
}
.oderPrice_bottom .priceAll {
	width: 340px;
	padding-top: 28px;
	font-weight: bold;
}
.oderPrice span,
.oderPrice_bottom span{
	display: block;
}
.oderPrice .priceAll .title,
.oderPrice_bottom .priceAll .title {
	font-size: 30px;
	margin-bottom: 16px;
	letter-spacing: -1px;
}
.oderPrice .priceAll .price,
.oderPrice_bottom .priceAll .price {
	text-align: right;
	font-size: 36px;
	color: #e66344;
}
.oderPrice .priceAll .price span,
.oderPrice_bottom .priceAll .price span {
	display: inline;
	font-size: 24px;
}
.oderPrice .priceSmall .title,
.oderPrice_bottom .priceSmall .title {
	font-size: 20px;
  	font-weight: bold;
  	margin-bottom: 16px;
}
.oderPrice .priceSmall .price,
.oderPrice_bottom .priceSmall .price {
	font-size: 26px;
 	 font-weight: bold;
 	 padding-bottom: 10px;
 	 border-bottom: 1px solid #272727;
 	 text-align: right;
 	 margin-bottom: 16px;
}
.oderPrice .priceSmall .price span,
.oderPrice_bottom .priceSmall .price span {
	display: inline;
	font-size: 20px;
}
.oderPrice table,
.oderPrice_bottom table {
	font-size: 18px;
	color: #7d7d7d;
	width: 100%;
}
.oderPrice table th,
.oderPrice table td,
.oderPrice_bottom table th,
.oderPrice_bottom table td  {
	vertical-align: top;
	height: 27px;
	text-align: right;
	font-size: 18px;
}
.oderPrice table th,
.oderPrice_bottom table th {
	text-align: left;
}
.oderPrice table th:first-child,
.oderPrice_bottom table th:first-child {
	height: 35px;
}
.foodIcon {
	display: inline-block;
	width: 58px;
	height: 58px;
	background: #fff;
	margin-right: 8px;
	vertical-align: middle;
}
.foodIcon > img {
	width: 58px;
	height: 58px;
}
.foodName {
	/* display: inline-block; */
    width: calc(100% - 66px);
    vertical-align: middle;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    float: right;
    overflow: hidden;
}
.orderTable .foodName {
	float: none;
	width: auto;
}

.standard {
	width: 280px;
	display: inline-block;
    vertical-align: middle;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}

.foodNameOne {
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.standardOne {
	max-width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
/*
 _:-ms-input-placeholder, .foodName {
	line-height: 1.43em;
	height: 4.29em;
	display: inline-block;
}


 _:-ms-input-placeholder, .standard {
	line-height: 1.43em;
	height: 4.29em;
	display: inline-block;
}
*/
.orderTable .pac,
.listTableTwo .pac,
.orderDetailTable .pac,
.table_searchResult .pac {
	line-height: 31px;
	display: inline-flex;
}
sc-window .table_searchResult .pac  {
	line-height: 1;
}
.orderTable .pac li,
.listTableTwo .pac li,
.orderDetailTable .pac li,
.table_searchResult .pac li,
.pac.small li {
	width: 32px;
	height: 32px;
	font-size: 14px;
	position: relative;
}
.listTableTwo .pac li:nth-child(2),
.orderDetailTable .pac li:nth-child(2),
.pac.small li:nth-child(2),
.table_searchResult .pac li:nth-child(2) {
	width: 87px;
	font-size: 14px;
	text-align: center;
}
.orderError,
.orderError:hover{
	color: #d01919;
	text-decoration: underline!important;
}
.orderWholeMenu,
.orderWholeMenu:hover {
	color: #272727;
	text-decoration: underline!important;
}
table .pac sc-text-field {
	margin-top: 0;
	display: block;
}

#containerWrap.home {
	width: 100%;
	/* background: url(../../../assets/front-img/bg_home.png) repeat-x; */
}

.main_visual {
	width: 1280px;
	margin: auto;
	overflow: hidden;
	margin-bottom: 90px;
}

.main_visual .visualLeft {
	width: 938px;
	height: 610px;
	float: left;
}

.main_visual .visualRight {
	width: 342px;
	height: 610px;
	padding: 26px 30px 23px 30px;
	box-sizing: border-box;
	border: 1px solid #d3d3d3;
	float: right;
	border-top: 0;
	background: #fff;
	position:relative;
}

.visualRight .title {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d0d1d5;
}
.visualRight .title h4{
	margin-bottom: 0;
}
.visualRight dl {
	overflow: hidden;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 21px;
    height: 86px;
}
.visualRight dt,
.visualRight dd {
	float: left;
}
.visualRight dt {
	width: 84px;
	margin-right: 10px;
	font-weight: bold;
}
.visualRight dd {
	width: 186px;
}
.visualRight .calendarTitle {
	display: flex;
	color: #e66344;
}
.visualRight .calendarTitle li {
	text-align: center;
	width: 142px;
	height: 32px;
	padding: 3px 0;
	box-sizing: border-box;
	border: 1px solid #e66344;
	background: #fff;
	cursor: pointer;
}
.visualRight .calendarTitle li span {
	font-size: 11px;
}
.visualRight .calendarTitle li[selected]{
	color: #fff;
	background: #e66344;
}
.visualRight .calendarTitle li:last-child {
	margin-left: -1px;
}
.visualRight .calendarBox {
	width: 278px;
	height: 362px;
	border: 1px solid #a8a8a8;
	margin-top: -1px;
	background: #fff;
}

.visual_notice {
	overflow: hidden;
	width: 100%;
	height: 200px;
	padding-top: 30px;
	background: #f4f4f4;
	box-sizing: border-box;
}
.visual_notice li {
	float: left;
	width: 25%;
	height: 150px;
	padding: 0 30px 0 30px;
	box-sizing: border-box;
	border-right: 1px solid rgba(39, 39, 39, 0.2);
	position: relative;
}
.visual_notice li:last-child {
	border-right: none;
}
.visual_notice li.v1 {
	background: url("../../../assets/front-img/icon/ic_order_warning.png") 30px 0 no-repeat;
}
.visual_notice li.v2 {
	background: url("../../../assets/front-img/icon/ic_cart_disable2.png") 30px 0 no-repeat;
}
.visual_notice li.v3 {
	background: url("../../../assets/front-img/icon/ic_fav_home.png") 30px 0 no-repeat;
}
.visual_notice li.v4 {
	background: url("../../../assets/front-img/icon/ic_logistic.png") 30px 0 no-repeat;
}
.visual_notice li.v5 {
	background: url("../../../assets/front-img/icon/ic_request.png") 30px 0 no-repeat;
}
.visual_notice .title {
	font-size: 18px;
	margin-top: 43px;
}
.visual_notice .num {
	position: absolute;
	right: 30px;
	bottom: 0;
	text-align: right;
}
.visual_notice .num a {
	display: inline-block;
	font-size: 36px;
	color: #e66344;
	text-decoration: underline;
	font-weight: bold;
}

.visual_notice .num span {
	display: inline-block;
	font-size: 36px;
	color: #000000;
	font-weight: bold;
}
.mainBoard {
	display: flex;
	margin-bottom: 60px;
	width: 1280px;
	margin: auto;
}
.mainBoard .searchList {
	width: 600px;
}
.mainBoard .searchList:first-child {
	margin-right: 80px;
}
.mainBoard dl {
	display: flex;
	height: 50px;
	line-height: 49px;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}
.mainBoard dt {
	width: 510px;
	cursor: pointer;
}
.mainBoard dd {
	width: 90px;
	text-align: right;
}
.mainBoard .more a {
	color: #929292;
}

.mainRecommend {
	width: 100%;
	/* height: 615px; */
	background: #f2efec 0 20px  repeat-x;
	padding: 60px 0 100px 0;
	box-sizing: border-box;
}
.mainRecommend h3 {
	width: 1280px;
	margin: auto;
	margin-bottom: 20px;
}

.recommendContent {
	display: flex;
	height: 400px;
	width: 1280px;
	margin: auto;
	background-color: white;
}
.recommendContent .titleArea {
	width: 360px;
	padding: 0 30px 30px 0;
	box-sizing: border-box;
	font-size: 32px;
	position: relative;
	z-index : 10;
}
.recommendContent .title {
	background: rgba(255, 255, 255, 0.9);
	width: 310px; 
	height: 190px; 
	padding: 30px 30px 18px 30px;
	box-sizing: border-box;
	display: inline-block; 
	position: relative; 
	z-index: 101;
}

.recommendContent .title .itemTitle {
	white-space: pre-wrap;
}

.recommendContent .title .tag {
	color: #727272;
	font-size: 16px;
	display: block;
}
.recommendContent .num {
	display: inline-flex;
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index:101;
}
.recommendContent .num a {
	display: inline-block;
	border-radius: 100%;
	background-color:rgba(211, 211, 211, .8);
	width: 34px;
	height: 34px;
	font-size: 20px;
	text-align: center;
	margin-right: 8px;
	color: #272727;
}
.recommendContent .num a:hover,
.recommendContent .num a[selected] {
	background-color: rgba(60, 60, 60, .8);
	color: #fff;
}
.recommendContent .content {
	width: 918px;
	padding: 22px 14px 30px 14px;
	box-sizing: border-box;	
	display: flex;
}
.recommendContent .content .recomContent {
	width: 808px;
	display: inherit;
	overflow:hidden;
	margin-left: 10px;
}

.recommendContent .content .recomContent > li {
	width: 200px;
	/*margin-right: 20px;*/
	cursor: pointer;
	display:table-cell;
	border: 1px solid #fff;
}
.recommendContent .content .recomContent > li:hover {
	border: 1px solid #a8a8a8;
	/*box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);*/
}

.recommendContent .content .pre,
.recommendContent .content .next {
	width: 36px;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
}
.recommendContent .content .pre:hover,
.recommendContent .content .next:hover {
	border: none;
}
.recommendContent .content .pre {
	background: url("../../../assets/front-img/icon/ic_arrow_left_normal.png") center center no-repeat;
	min-width : 36px;
}
.recommendContent .content .next {
	background: url("../../../assets/front-img/icon/ic_arrow_right_normal.png") center center no-repeat;
	min-width : 36px;
}
.recommendContent .content .empty {
	min-width : 36px;
	color: white;
}

.recommendContent .content  ul {
	padding: 9px;
	box-sizing: border-box;
	width:180px;
}
.recommendContent .productImg {
	overflow: hidden;
	width:180px;
	height: 180px;
	padding:0px 10px;
	display:inline-flex;
}
.recommendContent .productName {
	font-size: 16px;
	width: 160px;
}
.recommendContent .productPrice {
	font-size: 22px;
}
.recommendContent .productCountry {
	font-size: 13px;
	color: #272727;
}
/*캐러셀*/
.swiper-container {
      width: 100%;
      height: 410px;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 메인배너 이미지 슬라이드용 */
.slide {
  width: 938px;
  height: 410px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}


.slide ul{
  width: 4690px;
  position: absolute;
  top:0;
  left:0;
  font-size: 0;
}
.slide ul li{
  display: inline-block;
}

.slide .pre {
   left : 0;
   width:36px;
   height: 36px;
   position: absolute;
   top: 50%;
   cursor: pointer;
   z-index: 1;
   text-indent: -9999px;
	background: url("../../../assets/front-img/icon/ic_arrow_left_normal.png") center center no-repeat;
}
.slide .next {
   right : 0;
   width:36px;
   height: 36px;
   position: absolute;
   top: 50%;
   cursor: pointer;
   z-index: 1;
   text-indent: -9999px;
	background: url("../../../assets/front-img/icon/ic_arrow_right_normal.png") center center no-repeat;
}



/*검색 목록*/

.cardTable .productImg {
	height: 300px;
	margin-bottom: 10px;
}
.cardTable .listTableContent {
	/* padding-left: 5px; */
}
.productName {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	cursor: pointer;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 180px;
}
.listTableContent .productName .ellipsis {
	 max-width: calc(100% - 60px);
}
.cardTable .listTableContent li{
	width: 100%;
}
.cardTable .listTableContent .productName .ellipsis {
	 max-width: 100%;
}
.listTableTwo span.productName {
	width: 175px;
	font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.listTable .productName {
	width: 516px;
	line-height: 1.33;
}
sc-window .listTable .productName {
	width: inherit;
	text-decoration: none;
}
.detail_content .productName {
	font-size: 32px;
	height: 47px;
	margin-bottom: 10px;
	width: auto;
    vertical-align: middle;
    margin-right: 5px;
    cursor: default;
}

sc-window .detail_content .productName {
	font-size: 28px;
	height: 40px;
	margin-bottom: 2px;
	width: auto;
    vertical-align: middle;
    margin-right: 6px;
}
.scroll_content >li {
	width: 100%;
}
.scroll_content .productName {
	font-size: 16px;
}
.productName:hover {
	/* 프로그램내부에서 동적으로 처리
	text-decoration: underline;
	*/
}
.detail_content .productName:hover {
	text-decoration: none;
}
.productNO {
	font-size: 16px;
	color: #929292;
	line-height: 24px;
}

.listTableTwo .productNO {
	color: #272727;
}
.productPrice {
	font-size: 26px;
    font-weight: bold;
    margin-bottom: 8px;
}

.listTable .productPrice {
	position: absolute;
	bottom: 20px;
	font-size: 26px;
	margin-bottom: 0;
}
sc-window .detail_content .productPrice {
	font-size: 24px;
	height: 32px;
	margin-bottom: 20px;
}
.detail_content .productPrice {
	font-size: 28px;
	height: 38px;
	margin-bottom: 8px;
}
.productPrice span:first-child {
	font-size: 16px;
}
.scroll_content .productPrice {
	font-size: 22px;
}
.scroll_content .productPrice span {
	font-size: 14px;
}
.up {
	font-size: 16px;
	font-weight: normal;
	padding-left: 10px;
}
.down {
	font-size: 16px;
	font-weight: normal;
	padding-left: 10px;
}

.arrowup, .arrowdown {
	font-size: 10px;
	vertical-align: middle;
}

.detail_content .up {
	font-size: 20px;
}
.productCountry {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
	color: #676767;
	margin-top: 4px;
}
.listTableTwo .productCountry {
	font-weight: normal;
	color: #272727;
}
.productCountry .detail {
	display: block;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width : 95%;
}
.listTable .productCountry .detail {
	margin-bottom: 42px;
}
sc-window .listTable .productCountry .detail {
	margin-bottom: 0;
}
.scroll_content  .productCountry {
	font-size: 13px;
	margin: 0 0 5px 0;
}
.productInto {
	font-size: 14px;
}
.intoDate span,
.productInto strong span {
	font-weight: normal;
}
.detail_content .intoDate {
	position: static;
	font-size: 16px;
	margin-bottom: 20px;
}
.productInto .star {
	display: block;
	margin-top: 4px;
	padding: 2px 0;
    height: 20px;
}
.productInto .star span {
	font-size: 13px;
	color: #929292;
	padding-left: 8px;
}
.listTable .star span {
	display: block;
	text-align: center;
	font-size: 13px;
	color: #929292;
}
.intoDate {
	position: absolute;
	bottom: 30px;
	font-size: 14px;
    font-weight: bold;
}
.intoDate span {
	font-weight: normal;
}
.productIcon {
	position: absolute;
	height: 45px;
	width: 52px;
	padding: 6px 4px;
	background-color: rgba(255, 255, 255, 0.8);
	top: 10px;
    left: 10px;
    box-sizing: border-box;
    text-align: center;
}

.productIcon:before {
	border-top: 15px solid rgba(255, 255, 255, 0.8);
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    bottom: -15px;
    width: 0;
}
.productIcon .icon {
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
}
.productIcon span:last-child {
	font-size: 12px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -1px;
}
.cardTable .control,
.listTable .control,
.listTableTwo .control {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: rgba(125, 125, 125, 0.9);
	font-size: 16px;
	font-weight: bold;
	color: rgba(255, 255, 255, 0.8);
	right: 10px;
	top: 235px;
	text-align: center;
	padding-top: 10px;
    box-sizing: border-box;
    line-height: 1.2;
}
.listTable .control,
.listTableTwo .control {
	position: static;
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 12px;
	padding-top: 6px;
	font-weight: normal;
}
.listTableTwo .control {
    /* 20200717 hc3.jung 
     * 최근주문품목 화면 리스트형에서 '즐겨찾기 추가' 버튼과 '주문불가' 버튼의 vertical align이 맞지 않아 아래와 같이 수정함
	vertical-align: bottom;
	*/
	vertical-align: top;
	
}
.badge {
	display: flex;
	font-size: 12px;
	margin-bottom: 4px;
}

.badgeTwo {
	display: inline-block;
	font-size: 12px;
}

.cardTable .badge {
	/* padding-left: 5px; */
}

.badge li {
	height: 18px;
	line-height: 17px;
	text-align: center;
	padding: 0 5px;
	margin-right: 5px;
}

.badgeTwo li {
	width: 54px;
	height: 18px;
	text-align: center;
}

.badgeTwo li:first-child {
	margin-bottom: 2px;
}

.badgePlace {
	background: #ffc352;
	color: #3c3c3c;
}
.badgeOrder {
	color: #fff;
	background: #6a77aa;
}

.badgeProduct {
	color: #fff;
	background: #a29d9b;
}
.badgeLimited {
	color: #fff;
	background: #e66344;
}

.scroll_product {
	overflow: hidden;
}
.scroll_product  > li{
	width: 256px;
	float: left;
	cursor: pointer;
	border: 1px solid #fff;
	padding: 10px;
    box-sizing: border-box;
}

.scroll_product  > li:hover {
	border: 1px solid #a8a8a8;
}
.scroll_product  > li > img {
	width: 100%;
	height: 234px;
}
.scroll_product .scroll_content {
	padding: 10px 0;
}

/*품목검색 상세*/
.search_detail {
	display: flex;
	margin-bottom: 100px;
	position: relative;
}
.pop_deatail.search_detail {
	margin-bottom: 30px;
}
.detail_img {
	overflow: hidden;
}
.small_img {
	float: left;
	margin-right: 14px;
}
.pop_deatail .small_img {
	margin-right: 10px;
}
.pop_deatail .small_img.pop {
	margin-right: 20px;
}
.small_img li {
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
	border: 4px solid #fff;
	box-sizing:border-box;
}
.small_img.pop li {
	width: 70px;
	height: 70px;
}
.small_img li img {
	width: 100%;
	cursor: pointer;
}
.small_img li:hover,
.small_img li:active,
.small_img li[active] {
	border: 4px solid #e66344;
}
.blankSmall {
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	text-indent: -9999px;
	background-image : 70px 70px;
}
.blankBig {
	width: 486px;
	height: 486px;
	display: block;
	background: #e9e9e9 url("../../../assets/front-img/food/img_noimg.png") center center no-repeat;
}
.big_img {
	margin-right: 80px;
	float: left;
	overflow: hidden;
}
.big_img.pop img {
	width: 100%;
	height: 100%;
}
.big_img .info {
	text-align: center;
	color: #929292;
	font-size: 17px;
}

/*zoom 이미지*/
#wrap {
	position: static!important;
}
.cloud-zoom-lens {
    margin: -4px;
    background-color: rgba(39, 39, 39, 0.7);
    cursor: move;
}
.mousetrap {
	left: 113px!important;
}
.cloud-zoom-big {
	left: inherit!important;
	right: 0;
	width: 600px!important;
	height: 600px!important;
	border: 1px solid #272727;
	overflow: hidden;
}

.cloud-zoom-loading {
	color: white;
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}
.zoom_img {
	width: 600px;
	height: 600px;
	border: 1px solid #272727;
	overflow: hidden;
	position: absolute;
}
.zoom-desc {
	position: absolute;
    width: 600px;
    height: 600px;
    z-index: 50;
    top: 0;
    right: 0;
}

.pop_deatail .big_img {
	margin-right: 25px;
	width: 305px;
}
.pop_deatail .big_img.pop {
	margin-right: 40px;
}
.detail_content {
	width: 600px;
}
.pop_deatail .detail_content {
	width: 616px;
}
.pop_deatail .detail_content.pop {
	width: 626px;
}

.detail_title {
	display: inline-block;
	vertical-align: middle;
}

.detail_title h3{
	display: inline-block;
}
.detail_title span {
	color: #4a75d6;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}
.listTableTwo .detail_title span {
	margin-bottom: 2px;
}
table .detail_title span {
	font-size: 12px;
}
.total_price {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.total_price .title {
	padding-top: 20px;
}
.total_price .price {
	font-size: 46px;
	font-weight: bold;
	color: #e66344;
	text-align: right;
}
.total_price .price span {
	font-size: 24px;
}
.product_recommand {
	overflow: hidden;
	margin-bottom: 70px;
}
.product_recommand .title {
	overflow: hidden;
}
.product_recommand .title h4 {
  	float: left;
}
.product_recommand .title .scroll_button {
	float: right;
	overflow: hidden;
}
.product_recommand .title .scroll_button li{
	width: 36px;
	height: 36px;
	border: 1px solid #7d7d7d;
	float: left;
	margin-left: -1px;
	text-indent: -9999px;
	cursor: pointer;
}
.product_recommand .title .scroll_button li:first-child {
	margin-left: 0;
}
.product_recommand .title .scroll_button .btn_left {
	background: url("../../../assets/front-img/button/btn_page_left.png") center center no-repeat;
}
.product_recommand .title .scroll_button .btn_right {
	background: url("../../../assets/front-img/button/btn_page_right.png") center center no-repeat;
}
.nutrition,
.allergy,
.document {
	margin-bottom: 100px;
}
.title_line {
	border-bottom: 2px solid #272727;
	padding-bottom: 14px;
}
.voc_table .title_line {
	border-bottom: 1px solid #272727;
	padding-bottom: 12px;
}
.evaluation_content {
	border: 1px solid #bdbdbd;
	padding: 33px 180px 33px 110px;
	display: flex;
	font-weight: bold;
	margin-bottom: 20px;
	justify-content: space-between;
}
.evaluation_content li:first-child {
	width: 647px;
	padding-top: 50px;
}
.evaluation_content .star {
	margin-right: 16px;
}
.evaluation_content .evaluation_no {
	font-size: 50px;
	vertical-align: middle;
}
.evaluation_content .evaluation_noFix {
	font-size: 24px;
	color: #bdbdbd;
}
.evaluation_content .progresBar {
	display: inline-block;
	width: 140px;
	height: 6px;
	background: #d3d3d3;
	margin-top: -5px;
	position: relative;
}
.evaluation_content .progresBar span {
	display: inline-block;
    width: 40%;
    background: #272727;
    height: 100%;
    position: absolute;
}
.document_content {
	width: 100%;
	background: #f2f1f0;
	padding: 20px;
	box-sizing: border-box;
}
.document_content > ul {
	display: flex;
	flex-wrap: wrap;
}
.document_content > ul > li {
	width: 410px;
  	height: 90px;
  	border: 1px solid #d3d3d3;
  	padding: 20px;
  	margin: 0 5px 5px 0;
  	box-sizing: border-box;
  	background: #fff;
  	cursor: pointer;
}
.document_content > ul > li:hover {
	background: #f4f4f4
}
.document_content > ul > li:active {
	background: #e9e9e9
}
.document_content > ul > li:nth-child(3n) {
	margin-right: 0;
}
.document_content > ul ul {
	overflow: hidden;
}
.document_content > ul ul li {
	float: left;
}
.document_content > ul ul li:last-child {
	float: right;
}
.document_content .dc_name {
	font-size: 16px;
  	font-weight: bold;
  	display: block;
  	margin-bottom: 5px;
}
.document_content .dc_size {
	font-size: 13px;
	color: #929292;
	display: block;
}
.myCheck  {
	text-align: right;
	font-size: 14px;
	margin-bottom: 8px;
}
.myCheck sc-checkbox-field,
.myCheck sc-combobox-field,
.myCheck span {
	vertical-align: middle;
}
.myCheck sc-combobox-field {
	margin-left: 10px;
	width: 150px;
}

sc-mdi-front-content > sc-pages {
	border-top : none;
	box-sizing : border-box;
	width: 100%;
    margin: auto;
    padding-bottom: 100px;
    position: relative;
}
.home sc-mdi-front-content > sc-pages {
	padding-bottom: 0;
}

/* MDITab */
sc-mdi-tabbar .mdiTabsDiv {
	position:relative;
	height:24px;   /*2016.12.09 CMK
	background:#fff;  2016.10.10 CMK */
	border-bottom: none; /* 2016.10.10 CMK */
	border-left: none; /* 2016.10.10 CMK */
	margin:0;
	background:#e7e9eb url('../img/tab_bg.png') repeat-x 0 23px;
}
sc-mdi-tabbar .mdiTabsDiv .hide{
	display : none;
}

sc-mdi-tabbar .tooltip {
	display: block;
	position: absolute;
	background: #616161;
	border-radius: 2px;
	opacity: 0.8;
	font-size: 12px;
	color: #fff;
	line-height: 1;
	padding: 8px;
	z-index: 1002;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

sc-mdi-tabbar .mdiTabsDiv .tabContainer {
	overflow:hidden;
	position: absolute !important;
	border-left:none !important;
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs {
	min-height: 23px;
}

/* 임의 추가 S */
sc-mdi-tabbar .mdiTabsDiv .mdiTabs ul{
	overflow:hidden;
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs ul li{
	float:left;
}

sc-mdi-tabbar sc-tabbar div.content > sc-tab:first-child{
	border-left: 1px solid #152b3c;
	margin-left : 0px;
}

sc-mdi-tabbar sc-tabbar div.content > sc-tab[active]:first-child{
	border-left: 1px solid #152b3c;
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab {
	background:#e7e9eb;
	border-left:1px solid #152b3c;
	border-right:1px solid #152b3c;
	font-weight:normal;
	color:#777;
	padding:2px 20px 0 10px;
	line-height:21px;
	border-radius: 0;
	white-space: nowrap;
	font-size: 12px;
	border-bottom:1px solid #152b3c; vertical-align:top;
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab div {position:absolute; right:0}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab[active] {
	background:#fff;
	border:none;
	border-top:2px solid #44a6cf;
	border-left:1px solid #152b3c;
	border-right:1px solid #152b3c;
	font-weight:normal;
	border-radius:0;
	font-size: 12px;
	color:#000;
	padding:0 20px 0 10px;
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab img,
sc-mdi-tabbar .mdiTabsDiv .mdiTabs sc-tab[active] img { /* 임의로 .sc-tab으로 변경 */
	vertical-align:top;
}

sc-mdi-tabbar .mdiTabsDiv .mdiTabs .scroller {
	display : none;
}

sc-mdi-tabbar .mdiTabsDiv .scroller {
	font: normal normal normal 20px FontAwesome;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	cursor: pointer;
	/*color : #000;
	opacity: .6;*/
}

sc-mdi-tabbar .mdiTabsDiv .right-scroller {
	border-bottom-left-radius: 2px;
}

sc-mdi-tabbar .mdiTabsDiv .left-scroller:before {
	content: "\f104"; /* 2016.10.10 CMK */
}

sc-mdi-tabbar .mdiTabsDiv .right-scroller:before {
	content: "\f105"; /* 2016.10.10 CMK */
}

sc-mdi-tabbar .mdiTabsDiv .tabScrollLeft {
	display: table;
	position:absolute;
	left:0;
	height:22px;
	width:18px;
	background:#454545;
	opacity:.8;
	cursor:pointer;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	margin-top:3px;
}
sc-mdi-tabbar .mdiTabsDiv .tabScrollLeft span {
	display: table-cell;
	vertical-align: middle;
	font: normal normal normal 14px/16px FontAwesome;
	text-align: center;
	color:#fff;
}
sc-mdi-tabbar .mdiTabsDiv .tabScrollLeft span:before {
	content: "\f137";
}

sc-mdi-tabbar .mdiTabsDiv .scroller-disabled{
	/*opacity: .25!important;*/
	visibility: hidden;
}

sc-mdi-tabbar #mdiTabToolbar sc-toolbar {
	background: inherit;
}

sc-mdi-tabbar .mdi-tools{
	display: inline-block;
	width: 30px !important;
	height: 23px;
	cursor: pointer;
}

/* 2016.10.11 CMK (우측 메뉴 리스트 버튼) */
sc-mdi-tabbar .mdi-tools-tabList {
	font: normal normal normal 14px/16px FontAwesome;
	background-repeat : no-repeat;
	background-position : center center;
	text-align: center;
}
sc-mdi-tabbar .mdi-tools-tabList:before{content:"\f0c9";}
sc-mdi-tabbar .tabListDiv ul{
	position:fixed;
	top:90px;
	right:30px;
	width: 170px;
	margin: 0;
	font-size: 12px;
	font-weight:bold;
	z-index:99999;
	background:#fff;
	border:1px solid #152b3c;
}
sc-mdi-tabbar .tabListDiv li {border-bottom:1px solid #dbdbdb}
sc-mdi-tabbar .tabListDiv li a {display:inline-block; background:url("../img/buls_mdi.png") no-repeat 7px -38px; height:24px; width:170px; padding:0 10px 0 15px; line-height: 24px; color:#000; box-sizing:border-box;}
sc-mdi-tabbar .tabListDiv li a:hover {background:#e8f5fa url("../img/buls_mdi.png") no-repeat 7px -38px}

sc-mdi-tabbar .mdiTabToolbar {position: absolute;overflow:hidden; margin-right:0; height:24px; margin: 0; padding: 0; right : 0; top:-1px;border-bottom:1px solid #152b3c;}
sc-mdi-tabbar .mdiTabToolbar > sc-toolbar{padding:0; margin: 0;height: 24px;}
sc-mdi-tabbar .mdiTabToolbar li {float:left;width:30px; height:23px; line-height:23px; vertical-align:middle; color:#152b3c; background:#e7e9eb; border-left:1px solid rgba(21,43,60,0.2); cursor: pointer;}
sc-mdi-tabbar .mdiTabToolbar li:first-child {border-left:1px solid #152b3c}
sc-mdi-tabbar .mdiTabToolbar li:hover {background:#cfd9e3;}
sc-mdi-tabbar .mdiTabToolbar .mdi-tools-closeall {background:#e7e9eb url('../img/btn_tabcloseall.png') no-repeat center 5px;}
sc-mdi-tabbar .mdiTabToolbar .mdi-tools-closeall:hover {background:#cfd9e3 url('../img/btn_tabcloseall.png') no-repeat center 5px;}

/*  mdi window */
sc-mdi-window {
	display : block;
    width: 1280px;
    height: 100%;
    margin: auto;
    padding-top: 50px;
}
.home sc-mdi-window {
	padding-top: 0;
	width:100%;
}

/* sc-mdi-splitter */
sc-mdi-splitter {
	font : normal normal normal 14px/1 FontAwesome;
	width : 8px;
	max-width : 8px;
	height : 100%;
	background-color:#dcdcdc;
	cursor : col-resize;
	position: relative;
	float: left;
	display : table;
	text-align:center;
}

sc-mdi-splitter > div {
	display: table-cell;
	vertical-align: middle;
}

sc-mdi-splitter > div:before {
	content : "\f142"; color:gray;
}

/* Side bar */
sc-mdi-front .leftSplitter {width:30px;}
.leftSplitter aside {background:#1e5784; width:30px; height:100%; min-height:100%; font-size:0; position:absolute; top:0; bottom:0}
.leftSplitter aside li {background:#1e5784; border-bottom:1px solid rgba(255,255,255,0.2);}
.leftSplitter aside li:hover {background:#1e7ab2}
.leftSplitter aside li a {position:relative; display:inline-block; height:40px; width:30px; background:url("../img/icons_sidebar.png") no-repeat;}
.leftSplitter aside li:nth-child(1) a {height:23px; opacity:.5; background-position:8px -45px;}
.leftSplitter aside li:hover:nth-child(1) a {opacity:1;}
.leftSplitter aside li:nth-child(2) a {background-position:7px -138px}
.leftSplitter aside li:nth-child(3) a {background-position:6px -189px}
.leftSplitter aside li:nth-child(4) a {background-position:5px -241px}
.leftSplitter aside li:nth-child(5) a {background-position:6px -288px}
.leftSplitter aside li:nth-child(6) a {background-position:6px -337px}
.leftSplitter aside li.favor:before, .leftSplitter aside li.link:before {display:block;  content:""; position:absolute; left:30px; border-top:7px solid transparent;  border-left:7px solid #1e7ab2; border-bottom:7px solid transparent; z-index:11; }
.leftSplitter aside li.favor:before {top:38px}
.leftSplitter aside li.link:before {top:78px}
.leftSplitter aside .wrap_sb_content {visibility:hidden; position:absolute; top:0; bottom:0; left:30px; width:280px; overflow:hidden; background:rgba(255,255,255,0.95); padding:10px 20px; -webkit-box-shadow:4px 0 7px #999; -moz-box-shadow:4px 0 7px #999; box-shadow:4px 0 7px #999; box-sizing:border-box; transition:width 0.3s ease; width:0;  z-index:10}
.leftSplitter aside .wrap_sb_content h2 {font-size:23px; height:30px; line-height:26px; border-bottom:1px solid #828282; color:#000; white-space:nowrap; letter-spacing:-1px;}
.leftSplitter aside .wrap_sb_content ul {width:240px;}
.leftSplitter aside .wrap_sb_content li {position:relative; vertical-align:middle; padding:0; background:none;}
.leftSplitter aside .wrap_sb_content li a {display:inline-block; background:none; vertical-align:top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; opacity:1}
.leftSplitter aside .wrap_sb_content li a:hover {background:none}
.leftSplitter aside .wrap_sb_content li:hover:before {display:none;}
.leftSplitter aside li.select {background:#1e7ab2}
.leftSplitter aside li.select > .wrap_sb_content {visibility:visible; width:280px;}
.leftSplitter aside .fav_content li {border-bottom:1px solid #dbdbdb; height:28px;}
.leftSplitter aside .fav_content li a {font-size:12px; color:#000; font-weight:bold; width:210px; padding:6px 0; box-sizing:border-box; opacity:1}
.leftSplitter aside .fav_content li a:hover {color:#d31144; text-decoration:underline;}
.leftSplitter aside .fav_content li .moveup-fav {display:inline-block; position:absolute; right:30px; width:15px; height:28px; background:url(../img/arw_leftup.png) no-repeat center; opacity:.5; cursor:pointer;}
.leftSplitter aside .fav_content li:first-of-type .moveup-fav {display:none;}
.leftSplitter aside .fav_content li .movedown-fav {display:inline-block; position:absolute; right:15px; width:15px; height:28px; background:url(../img/arw_leftdown.png) no-repeat center; opacity:.5; cursor:pointer;}
.leftSplitter aside .fav_content li:last-of-type .movedown-fav {display:none;}
.leftSplitter aside .fav_content li .delete-fav {display:inline-block; position:absolute; right:0; width:15px; height:28px; background:url(../img/ico_sb_delete.png) no-repeat center; opacity:.5; cursor:pointer;}
.leftSplitter aside .fav_content li span:hover {opacity:1;}
.leftSplitter aside .link_content li {float:left; margin-top:10px; background:#fff; white-space:nowrap;}
.leftSplitter aside .link_content li:nth-child(even) {margin-left:10px;}
.leftSplitter aside .link_content li a {font-size:12px; color:#000; font-weight:bold; width:115px; height:90px; padding:6px 0; border:1px solid #ddd; box-sizing:border-box; opacity:1; text-align:center;}
.leftSplitter aside .link_content li a:hover {border:1px solid #d31144;}
.leftSplitter aside .link_content li a:before {color:#000; font : normal normal normal 35px/40px FontAwesome; display:block; text-align:center; margin:5px 0;}
.leftSplitter aside .link_content li:nth-child(1) a:before {content : "\f029";}
.leftSplitter aside .link_content li:nth-child(2) a:before {content : "\f02d";}
.leftSplitter aside .link_content li:nth-child(3) a:before {content : "\f040";}
.leftSplitter aside .link_content li:nth-child(4) a:before {content : "\f0ae";}

/* MDI 메뉴 갯수 제한 초과 시 팝업 */
sc-messagebox .alertMessage {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
}

sc-messagebox #allClose.removeMenuMessageBox{
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

sc-messagebox .removeMenuMessageBox a {
	display: block;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0 20px;
}
sc-messagebox .removeMenuMessageBox a:hover {color: #507584}
sc-messagebox .removeMenuMessageBox .windowCloseIcon {
	float: right;
	display: inline;
	font : normal normal normal 16px/17px FontAwesome;
}
sc-messagebox .removeMenuMessageBox .windowCloseIcon:before {
	content : "\f00d";
}


/*파일첨부*/
.attachment {
	padding: 10px 20px;
	box-sizing: border-box;
	background: #f2f1f0;
	height: 140px;
	overflow-y: auto;
}
.attachment > span {
	display: table;
	text-align: center;
	color: #929292;
	line-height: 120px;
	margin: auto;
}
.attachment ul {
	overflow: hidden;
}
.attachment ul li {
	width: 100%;
	margin-bottom: 6px;
}
.attachment ul li span {
	text-decoration: underline;
	cursor: pointer;
}
.attachment ul li span:before {
	content: url(../../../assets/front-img/icon/ic_attached_files.png);
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

.attachment ul li a{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../../assets/front-img/icon/ic_delete.png) center center no-repeat;
	text-indent: -9999px;
	margin-left: 4px;
	background-size: 16px 16px;
	vertical-align: middle;
}
.fileDataWrap {
	margin-bottom: 9px;
}
.fileDataWrap .h32 {
	min-width: 80px;
	margin-left: -1px;
}

.fileDataWrap .h32:first-child {
	margin-left: 0;
}
.fileData {
	font-size: 13px;
    display: inline-block;
    margin-left: 10px;
}

/*품목 추가*/
.question_addItem {
	padding: 18px 28px;
	box-sizing: border-box;
	background: #f2f1f0;
	height: 140px;
	overflow-y: auto;
}

.question_addItem > span {
	display: block;
	font-size: 12px;
	text-align: center;
	color: #929292;
	line-height: 104px;
}
.question_addItem ul {
	overflow: hidden;
}
.question_addItem ul li {
	width: 411px;
	height: 32px;
	background: #a29d9b;
	display: flex;
	padding: 6px 10px;
	margin-bottom: 4px;
	float: left;
	justify-content: space-between;
    box-sizing: border-box;
    color: #fff;
}

.question_addItem ul li:nth-child(odd) {
	margin-right: 4px;
}

.question_addItem ul li a{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../../assets/front-img/icon/ic_delete_wh_normal.png) right 2px no-repeat;
	text-indent: -9999px;
	margin-left: 12px;
	background-size: 16px 16px;
}
.question_addItem ul li a.fileDownload {
	background: url(../../../assets/front-img/icon/ic_download_small.png) right 2px no-repeat;
	width: 18px;
	height: 18px;
}

.question_addItem ul li span {
	display: inline-block;	
	width: 85px;
}
.question_addItem.big ul li span:last-child {
	width: 160px;
}

/* 품목 */
.item_bg ul li {
	background: #fff;
    color: #272727;
}
.item_bg ul li a{
	background: url(../../../assets/front-img/icon/ic_delete.png) right 2px no-repeat;
    background-size: 16px 16px;
}
.text_divice {
	display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);
}

.addri_content ul li{
	width: 332px;
}
/*최근 주문한 품목*/
.openCloseTable .title {
	margin-top: 20px;
}
.openCloseTable .title.blank {
	height: 353px;
    line-height: 353px;
    text-align: center;
    color: #929292;
}
.openCloseTable h3 {
	display: inline-block;
	margin-bottom: 0;
}
.openCloseTable .title .floatRight {
	display: flex;
	position: relative;
}

/*식단작성*/
.calenderComplete {
	display: flex;
	font-size: 12px;
	color: #676767;
	margin-top: 26px;
}
.calenderComplete span {
	width: 14px;
	height: 14px;
	border-radius: 100%;
	display: inline-block;
    text-indent: -9999px;
    vertical-align: middle;
}
.calenderComplete .menu {
	background: #f2ac5a;
}
.calenderComplete .basket {
	background: #aa9a87;
}
.calenderComplete .basket-add {
	background: #7bc712;
}
.calenderComplete .order {
	background: #c0de1a;
}
.calenderComplete .delivery {
	background: #9da782;
}

.calenderComplete li:first-child {
	margin-right: 20px;
}

/* 주문 달력 */
.calenderOrdComplete {
	display: flex;
	font-size: 12px;
	color: #676767;
	margin-top: 26px;
}
.calenderOrdComplete span {
	width: 14px;
	height: 14px;
	border-radius: 100%;
	display: inline-block;
    text-indent: -9999px;
    vertical-align: middle;
}
.calenderOrdComplete .basket-add {
	background: #e07634;
}
.calenderOrdComplete .order {
	background: #d9b800;
}
.calenderOrdComplete .delivery {
	background: #9da782;
}

.calenderOrdComplete li {
	margin-right: 4px;
}

.menu_compose {
	display: inline-block;
	padding-top: 5px;
	font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}
.menu_setup {
	width: 24px;
	height: 24px;
	display: inline-block;
	text-indent: -9999px;
	background: url(../../../assets/front-img/icon/ic_setting_normal.png) no-repeat;
	vertical-align: middle;
	cursor: pointer;
}
.menu_title {
	position: relative;
	height: 40px;
	margin: 12px 0 10px 0;
}
.menu_title h3 {
	display: inline-block;
	margin-bottom: 0;
}
.menu_title h3 span {
	display: inline-block;
	width: 16px;
	height: 22px;
	text-indent: -9999px;
	background: url(../../../assets/front-img/icon/ic_dropdown_open_normal2.png) no-repeat;
	text-align: text-bottom;
	vertical-align: middle;
	margin-left: 10px;
}
.menu_title ul{
	display: inline-block;
}
.menu_write {
	background: #f2f1f0;
	padding: 25px 44px 60px 4px;
}
.menu_write.month_menu {
	padding: 25px 48px 20px 50px
}
.menu_write.month_menu.mnu-messroom-menuplan-write-m {
	position: relative;
}
.menu_blank {
	display: inline-block;
	height: 233px;
	width: 100%;
	background: url(../../../assets/front-img/icon/ic_create_normal.png) center center no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.menu_list {
	margin-bottom: 8px;
	line-height: 1.5;
	min-height: 175px;
}
.menu_list li {
	min-height: 20px;
}
.menu_list li:first-child {
	font-size: 16px;
	margin-bottom: 4px;
}
.menu_condition {
	display: flex;
	 justify-content: space-between;
}
.menu_condition span {
	margin-right: 4px;
}
.menu_condition .basket {
	font-size: 12px;
	color: #525252;
	height: 20px;
	background: #e9e9e9;
	border-radius: 2px;
	padding: 2px 4px;
	box-sizing: border-box;
	letter-spacing: -1px;
}
.menu_condition .basket span:first-child {
	display: inline-block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	background: url(../../../assets/front-img/icon/ic_cart_s.png) center center no-repeat;
}
.menu_condition .price,
.menu_condition .totExpectqty {
	font-size: 14px;
  	font-weight: bold;
}
.menuTable div.price {
	text-align: right;
}
.menuTable div.totExpectqty {
	text-align: right;
}
.menuName  span{
	width: 20px;
    word-wrap: break-word;
    line-height: 30px;
    color: #929292;
    font-size: 18px;
    font-weight: bold;
    height: 265px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}
.menu_bottomButton .h54 {
	width: 320px;
}

.orderNo,
.orderNoLink,
.orderApproach,
.orderChange,
.orderYes,
.orderEnd,
.orderImpro,
.orderLimit {
	width: 52px;
	height: 20px;
	text-align: center;
	color: #fff;
	background: #d01919;
	line-height: 19px;
	font-size: 12px;
	border-radius: 2px;
	padding: 0 4px;
	display: inline-block;
    box-sizing: border-box;
    letter-spacing: -1px;
}
.orderNoLink {
	display: inline-block;
	text-decoration: underline;
	cursor: pointer;
}
.orderApproach {
	background: #f29c27;
}
.orderChange {
	width: 30px;
	background: #4b5883;
}
.orderYes {
	background: #42b26d;
}
.orderEnd {
	background: #676767;
}
.orderImpro {
	background: #d01919;
}
.orderLimit {
	background: #e66344;
}
.menuTable .orderApproach,
.menuTable .orderImpro  {
	width: auto;
	vertical-align: super;
}

/*끼니계획 팝업*/
.menuPlan,
.messroommenuArea {
	display: flex;
	height: 100%;
	overflow: hidden;
}
.messroommenuArea {
	height: 806px;
}
.menuArea {
	margin-right: 6px;
	position: relative;
}
#tabArea {
	border-bottom: 1px solid #272727;
}
.menuArea.wideView.one {
	width: 912px;
}
.menuArea.one {
	width: 762px;
}
.menuArea .menuTitleLine {
	border-bottom: 2px solid #141c2f;
	padding-bottom: 16px;
}
sc-window .menuPlan .menuArea .searchArea {
	width: 252px;
	margin-right: 20px;
	border-bottom: 1px solid #272727;
}
sc-window .menuPlan .menuArea .searchArea .searchLinePop {
	padding-bottom: 7px;
	border-bottom: 2px solid #272727;
}
sc-window .menuPlan .menuArea .searchArea .inputSearch {
	float: none;
}
sc-window .menuPlan .menuArea .searchArea .menuSearch {
	color: #929292;
	text-align: center;
	height: 540px;
    line-height: 540px;
}
sc-window .menuPlan .content-wrap {
	height: calc(100% - 55px);
}
.menuArea .menuAdd {
	color: #bdbdbd;
	text-decoration: underline;
}
.menuArea .menuAdd:hover {
	color: #7d7d7d;
}

.foodPlanArea {
	width: 670px;
	overflow-y: auto;
	border-bottom: 1px solid #272727;
}
.foodPlanArea2 {
	width: 950px;
	height: 99.9%;
    overflow: hidden;
    overflow-y: auto;
    border-bottom: 1px solid #272727;
}
.planTableArea {
	margin-bottom: 27px;
}
.planTableArea .orderTable th:first-child sc-checkbox-field,
.planTableArea .orderTable td:first-child sc-checkbox-field{
	margin-right: 4px;
}
.planTableArea .orderTable span {
	vertical-align: middle;
}
.recommendMenu {
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
}
.recommendMenu.choice {
	display: block;
    flex-wrap: inherit;
    margin-right: 6px;
    height: 547px;
    width: 270px;
}
sc-window sc-tab-navigation .recommendMenu {
	    border-bottom: none;
}
.recommendMenu > li {
	width: 32.6%;
	border: 1px solid #d3d3d3;
	padding: 14px 16px;
	box-sizing: border-box;
	margin: 0 8px 8px 0;
}
 _:-ms-input-placeholder, .recommendMenu > li {
	 width: 242px; 
 }

.recommendMenu.choice > li {
	width: 249px;
	margin-right: 6px;
}
.recommendMenu.choice > li:not(.disable) {
	border-color: #887e7a;	
}
.recommendMenu li.disable {
	background: #f8f7f7;
}
.recommendMenu > li:hover,
.recommendMenu li.disable:hover {
	background: #f2f2f2;
}
.recommendMenu li.disable h4,
.recommendMenu li.disable .title {
	color: #676767;
}
.recommendMenu > li:nth-child(3n) {
	margin-right: 0;
}
.recommendMenu .title {
	margin-bottom: 8px;
	font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: flex;
}
.recommendMenu .title span:first-child {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: url(../../../assets/front-img/icon/thumb_up-24px.png) center center no-repeat;
	margin-right: 4px;
}
.recommendMenu .title span:last-child {
	display: inline-block;
	width: 184px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.recommendMenu .subMenu {
	width: 216px;
 	 height: 37px;
 	 font-size: 13px;
 	 line-height: 1.38;
 	 color: #525252;
 	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 -webkit-line-clamp: 2;
	 -webkit-box-orient: vertical;
	 word-wrap:break-word;
	 margin-bottom: 6px;
}
.IEellipsis {
	height: 37px;
	position:relative;
}
.IEellipsis .ellipsis {
	position:absolute;
    bottom:0;
}
.recommendMenu .date {
	font-size: 12px;
	color: #929292;
	line-height: 1.75;
}
.recommendMenu .date span:first-child {
	margin-right: 4px;
}
.menuPlan .planArea {
	padding: 14px 6px 14px 20px;
	background: #f8f7f7;
	position: relative;
	box-sizing: border-box;
	width: 410px;
}
.menuPlan .planArea.wideView {
	width: 260px; !important
}
.planArea .blankArea {
	text-align: center;
    color: #929292;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
}
.menuPlan .planArea_top {
	margin-bottom: 12px;
	padding-right: 13px;
}
.menuPlan .planArea_top h4 {
	display: inline-block;
	margin-bottom: 6px;
}
.menuPlan .planArea_top div {
	float: right;
}
.menuPlan .planArea_top span {
	margin-right: 4px;
}
.menuPlan .wideView .planList > li {
	padding: 29px 15px 12px 40px !important;
}
.menuPlan .planList > li {
	height: 80px;
	border: solid 1px #d3d3d3;
	background: #fff;
	padding: 12px 15px 12px 40px;
	position: relative;
	box-sizing: border-box;
    margin-bottom: 4px;
    margin-right: 5px;
}
.menuPlan .planList > li:hover {
	background: #f2f2f2;
}
.plannedMenu sc-text-field {
	margin-top: -8px;
}
.menuPlan .planList > li.disable {
	background-color: #f8f7f7;
}
.menuPlan .planList > li.disable:hover {
	background: #f2f2f2;
}
.menuPlan .planList > li.select {
	border-color: #887e7a;
}
.menuPlan .planList > li[disabled] .title {
	color: #676767;
}
.menuDragMove {
	width: 34px;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
}
.menuDragMove li {
	height: 100%;
	text-indent: -9999px;
	cursor: pointer;
}
.menuDragMove .drag {
	background: url(../../../assets/front-img/icon/ic_dnd.png) 50% 50% no-repeat;
}

.menuMove {
	width: 28px;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #d3d3d3;
}
.menuMove li {
	height: 14px;
	text-indent: -9999px;
	height: 39px;
	cursor: pointer;
}
.menuMove li:first-child {
	border-bottom: 1px solid #d3d3d3;
}
.menuMove .up {
	background: url(../../../assets/front-img/icon/ic_stepper_up.png) center 0 no-repeat;
}
.menuMove .down {
	background: url(../../../assets/front-img/icon/ic_stepper_down.png) center 0 no-repeat;
}
.menuMove .up:hover,
.menuMove .down:hover {
	background-color: #d3d3d3;
}
.menuMove .up:active,
.menuMove .down:active {
	background-position: center -40px;
	background-color: #d3d3d3;
}
.menuMove .up[disabled],
.menuMove .down[disabled]{
	background-position: center -80px;
}
.wideView .planList {
	height: 100%;
}
.planList {
	overflow-y: auto;
	height: calc(100% - 87px);
	width: 100%;
}
.wideView .planList .title {
	width: 130px !important;
}
.planList .title {
	width: 280px;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 1px;
}
.wideView .planList .content {
	display: none; !important
}
.planList .content {
	display: flex;
	 justify-content: space-between;
	 padding-top: 8px;
}
.wideView .planList > li .closeBox {
	top: 30px;
}
.planList > li .closeBox {
	position: absolute;
	top: 10px;
	right: 10px;
}
.planList .content > li span:last-child {
	border-right: 1px solid rgba(39, 39, 39, 0.2);
	padding-right: 6px;
}
.planList .content li span:first-child {
	color: #929292;
	margin-right: 4px;
}
.planList .content li {
	 padding-left: 6px;
	 line-height: 1;
	 letter-spacing: -1px;
    box-sizing: border-box;
    width: 38%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.planList .content li:first-child {
	 padding-left: 0;
	 width: 38%;
}
.planArea sc-text-field {
	width: 64px;
	vertical-align: middle;
}
.planList .content li input,
.planArea_top input {
	text-align: right;
}
.menuTag {
	display: flex;
	overflow: hidden;
}
.menuTag > li {
	border: solid 1px #dedede;
	background: #fff;
	border-radius: 20px;
	margin-right: 4px;
	box-sizing: border-box;
	letter-spacing: -1px;
	cursor: pointer;
	height: 28px;
    line-height: 25px;
    padding: 0 10px;
}
}
.menuTag > li:hover {
	background-color: #fcf0ed;
}
.menuTag > li[selected] {
	background-color: #e66344;
	border: none;
	color: #fff;
}
.menuTag li:last-child {
	margin-right: 0;
}
.recipeArea.choice,
.setArea.choice {
	display: flex;
	justify-content: space-between;
	height: 100%;
	overflow: hidden;
}
.recipeArea,
.setArea {
	height: 100%;
    overflow-y: auto;
}
.choiceRecipe {
	position: relative;
	width: 494px;
}
.choiceRecipe.wideView {
	width: 644px; !important
}
.choiceRecipe .title {
	font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #272727;
}
.setArea .choiceRecipe .title {
	border-bottom: none;
}
.choiceRecipe .title span {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../../../assets/front-img/icon/ic_dropdown_open_normal2.png) no-repeat;
	vertical-align: middle;
	margin-left: 5px;
}
.choiceRecipe .selectMenu {
	top: 29px;
    left: 39%;
    right: inherit;
    min-width: 112px;
}
.table_top .order {
	float: right;
	display: flex;
	color: #7d7d7d;
	margin-top: 3px;
}
.table_top .order li:first-child {
	margin-right: 18px;
}
.orderP,
.orderImp {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	text-indent: -9999px;
	vertical-align: middle;
    margin-right: 4px;
}
.orderP {
	background: #000000;
}
.orderImp {
	background: #d01919;
}
.recipeAll {
	display: flex;
	border: 1px solid #d3d3d3;
	height: 50px;
	line-height: 49px;
	box-sizing: border-box;
	position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    background: #fff;

}
.wideView.planArea .recipeAll {
	display:none;	
}
.planArea .recipeAll {
	width: 368px;
	position: absolute;
    bottom: 6px;
    left: 20px;
    background: #f8f7f7;
}
 _:-ms-input-placeholder, .planArea .recipeAll {
	width: 362px;
 }
.setArea .recipeAll {
	padding: 0;
	justify-content: space-evenly;
}
.wideView .recipeAll li {
	width:33.333% !important;
}
.recipeAll li {
	padding: 0 14px	;
	box-sizing: border-box;
	display: flex;
	background: url(../../../assets/front-img/icon/line_orderTable.png) center right no-repeat;
	letter-spacing: -1px;
	 justify-content: space-between;
}
.recipeAll li span {
	display: inline-block;
}
.recipeAll .name {
	margin-right: 12px;
}
.planArea .recipeAll .bigName,
.setArea .recipeAll .bigName {
	color: #7d7d7d;
	font-weight: bold;
}
.planArea .recipeAll .name,
.setArea .recipeAll .name {
	color: #7d7d7d;
	 margin-right: 10px;
}
.planArea .recipeAll li {
	padding: 0 15px;
	letter-spacing: 0;
	width: 159px;
}
.planArea .recipeAll li:first-child {
	width: 59px;
	background: none;
}
.recipeAll li:last-child {
	background: none;
}
.setArea .recipeAll li {
	padding: 0 30px;
	letter-spacing: 0;
	width: 186px;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
}
.setArea .recipeAll li:first-child {
	width: 121px;
	background: none;
}
.recipeAll .content {
	font-weight: bold;
	text-align: right;
}
.recipeAll .content sc-text-field {
	width: 78px;
	vertical-align: middle;
	margin-right: 2px;
}
.recipeAll .content sc-text-field input {
	text-align: right;
}

sc-text-field.alignRight .field-container>input {
	text-align: right;
}
/*주간식단설정*/
sc-window.mnu-weekly-menuconfig-setting-p>div.content-wrap>div.content {
	overflow: hidden;
	padding-right: 0;
}
.weeklyArea {
	height: 100%;
	display: flex;
}
.courseArea {
	width: 225px;
	margin-right: 5px;
	background: #f8f7f7;
	padding: 20px 6px 16px 16px;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.courseList#newItem {
    margin-bottom: 6px;
}
.courseList:not(#newItem) {
	height: calc(100% - 40px);
    overflow: hidden;
    overflow-y: auto;
    padding-right: 10px;
}
.courseList#sortableUl {
	height: calc(100% - 90px);
}
.courseList >  li {
	width: 178px;
	border: 1px solid #d3d3d3;
	position: relative;
	height: 50px;
	margin-bottom: 6px;
	background: #fff;
	line-height: 49px;
	padding: 0 30px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.inputWrite sc-text-field{
	width: 100%;
	border: 1px solid #d3d3d3;
	position: relative;
	line-height: 49px;
	padding: 5px 30px 9px 10px;
	cursor: pointer;
	box-sizing: border-box;
	vertical-align: middle;
	background: #fff;
}
.inputWrite sc-text-field:active,
.inputWrite sc-text-field[active] {
	border: 1px solid #e66344;
}
.inputWrite sc-text-field input {
	border: none!important;
}
.courseList .inputWrite:hover,
.courseList .inputWrite:active {
	background: none;
	border: none;
}
.courseList .inputWrite {
	border: none;
	padding: 0;
	background: none;
}

.courseList li:hover {
	background: #f4f4f4;
}
.courseList li:active,
 .courseList li[active],
 .courseList li[selected] {
	background: #fcf0ed;
	border: 1px solid #e66344;
	color: #e66344;
}

.courseList li:last-child {
	margin-bottom: 0;
}
.courseList li .title {
	display: inline-block;
	width: 135px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.courseList .new,
.addMenuArea .latelyUseMenuWrap .new {
	text-align: center;
    border: 1px dashed #d3d3d3;
}
.addMenuArea .new  {
	min-height: 50px!important;
	line-height: 49px;
	padding: 0;
	cursor: pointer;
	margin-bottom: 6px;
}
.courseList .new span,
.addMenuArea .latelyUseMenuWrap .new span  {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../../assets/front-img/icon/ic_plus_normal.png) center center no-repeat;
	text-indent: -9999px;
	vertical-align: text-bottom;
	margin-right: 4px;
}
.addMenuArea .latelyUseMenuWrap .new[disabled] {
	color: #bdbdbd;
	border: 1px dashed #a8a8a8;
}
.addMenuArea .latelyUseMenuWrap .new[disabled] span {
	background: url(../../../assets/front-img/icon/ic_plus_disable.png) center center no-repeat;
}
.course_warning {
	width: 18px;
	height: 18px;
	background: url(../../../assets/front-img/icon/ic_warning.png) center center no-repeat;
	position: absolute;
	bottom: 15px;
	right: 30px;
	text-indent: -9999px;
}
.setupTableArea .warning {
	letter-spacing: -1px;
    margin-left: 35px;
}
.orderTable  .pac li:nth-child(2),
.listTableTwo .pac li:nth-child(2),
.setupTableArea .orderDetailTable .pac li:nth-child(2) {
    width: 70px;
}
.count {
	text-align: right;
	font-size: 12px;
	color: #7d7d7d;
	padding-left: 10px;
}

/*식단불러오기 팝업*/
.latelyUseMenu {
	background: #f2f1f0;
	padding: 10px 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.latelyUseMenuWrap {
	height: 725px;
	padding: 0 6px 9px 0;
	border-bottom: 1px solid  #272727;
	overflow-y: auto;
}
.addMenuArea .latelyUseMenu {
	display: block;
    background: none;
    padding: 0;
    height: calc(100% - 58px);
    overflow-y: auto;
}

.latelyUseMenu.messroom {
	padding: 20px;
	margin-top: 20px;
	justify-content: flex-start;
}
.latelyUseMenu > li {
	width: calc(50% - 4px);
	height: 77px;
	border: solid 1px #d3d3d3;
	background: #fff;
	margin: 0 4px 4px 0;
	padding: 10px;
	box-sizing: border-box;
	cursor: pointer;
}
.latelyUseMenu > li:nth-child(2n) {
	margin-right: 0;
	width: 50%;
}
.latelyUseMenu.messroom > li {
	width: 410px!important;
	margin-right: 5px;
	height: 90px;
	padding: 17px 10px;
	position: relative;
}
.latelyUseMenu.messroom .btn_menu {
	position: absolute;
	top: 10px;
	right: 10px;
}
.latelyUseMenu.messroom > li:nth-child(3n) {
	margin-right: 0;
}
.latelyUseMenu > li:hover {
	background: #f4f4f4;
}
.latelyUseMenu > li:active,
.latelyUseMenu > li[selected] {
	border: solid 1px #e66344;
	background: #fcf0ed;
}
.latelyUseMenu > li:active,
.latelyUseMenu > li[selected] {

}

.latelyUseMenu .iconField {
	width: 56px;
    height: 56px;
    background-color: rgba(162, 157, 155, 0.08);
    text-align: center;
    border-radius: 100%;
    font-size: 11px;
    font-weight: bold;
    padding: 6px;
    box-sizing: border-box;
    margin-right: 10px;
}
.latelyUseMenu .iconField .icon {
	display: block;
	width: 22px;
	height: 22px;
	margin: auto;
	margin-top: 5px;
}
.latelyUseMenu  .guide .iconField .icon {
	text-indent: -9999px;
	background: url(../../../assets/front-img/icon/ic_guide.png) center center no-repeat;
}
.latelyUseMenu  .business .iconField .icon {
	text-indent: -9999px;
	background: url(../../../assets/front-img/icon/ic_my.png) center center no-repeat;
}
.latelyUseMenu .guide .iconField {
	color: #28a357;
}
.latelyUseMenu .business .iconField {
	color: #6489ba;
}
.latelyUseMenu >li > ul {
	display: flex;
}
.latelyUseMenu .content  {
	padding-top: 4px;
}
.latelyUseMenu .content  span {
	display: block;
}
.latelyUseMenu .content > span:first-child {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 320px;
}
.latelyUseMenu .content  span:last-child {
	font-size: 13px;
	color: #929292;
}
.openCloseTab {
	border-bottom: 1px solid #dedede;
}
.openCloseTab .title {
	overflow: hidden;
	height: 56px;
	line-height: 55px;
	font-size: 18px;
    font-weight: bold;
}
.selectperiodTitle {
	font-size: 16px;
	margin-bottom: 15px;
}
.selectperiod {
	display: flex;
	flex-wrap: wrap;
    align-content: flex-start;
}

_:-ms-input-placeholder, .selectperiod.mnu-menuconfig-selectperiod-p {
	height: auto;
	max-height: 550px;
	overflow-y: hidden;
}
.selectperiod > li {
	width: 14.28%!important;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 9px;
	box-sizing: border-box;
}
.selectperiod > li:hover {
	background: #fcf0ed;
}
_:-ms-input-placeholder, .selectperiod.needHeightFix > li {
	height: 110px;
}
.selectperiod.mnu-menuconfig-downcookplan-p > li:hover {
	background: inherit;
}
.selectperiod > li.selectArea {
	color: #fff;
	background: #e66344;
	border-bottom: 1px solid #e66344;
	border-right: 1px solid #e66344;
}
.selectperiod > li[selected] {
	background: #fcf0ed;
	/*box-shadow: 0 0px 0 0 #e66344, 0 1px 0 0 #e66344, 0px 0px 0 0 #e66344, 0px 1px 0px 0 #e66344 inset, 0 1px 0px 0 #e66344 inset;*/
}
.selectperiod > li:nth-child(7n) {
	border-right: none;
}
.selectperiod > li .title {
	display: block;
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.selectperiod > li[selected] .title {
	color: #e66344;
}

.menuTable.selectperiod > li dl {
	margin-bottom: 18px;
}
.selectperiod > li dt,
.selectperiod > li  dd{
	float: left;
}
.selectperiod > li dt {
	width: 36px;
	color: #929292;
}
.menuTable.selectperiod > li dt {
	width: inherit;
	margin-right: 8px
}
.selectperiod > li.selectArea .title,
.selectperiod > li.selectArea dt {
	color: #fff;
}
.selectperiod > li dd {
	width: calc(100% - 36px);
}
.menuTable.selectperiod > li dd {
	width: 110px;
}
.menuTable.selectperiod > li dd {
	font-weight: bold;
	text-decoration: underline;
}
.menuTable.selectperiod > li  dd >span:first-child{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    text-decoration: underline;
    cursor: pointer;
}
.menuTable.selectperiod > li  dd >span:first-child:hover {
	color: #e66344;
}
.menuPlanArea .selectperiod > li .title {
	display: inline-block;
}
.menuPlanArea .selectperiod > li dt {
	width: 62px;
	height: 25px;
}
.menuPlanArea .selectperiod > li dd {
	width: 81px;
	height: 25px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.doublecalender {
	text-align: center;
}
.doublecalender sc-multi-date-chooser {
	border: none;
	width: inherit;
}
.doublecalender sc-multi-date-chooser .headerText {
	display: none;
}
.doublecalender sc-multi-date-chooser .multiChooserBox {
	border-bottom: none;
	width: inherit;
}
.doublecalender .explan {
	font-size: 16px;
	color: #272727;
	margin-top: -30px;
	position: relative;
	z-index: 20;
}

/*사업장 식단으로 저장하기*/
.menuChoiceAreaTitle {
	text-align: center;
	overflow: hidden;
}
.menuChoiceAreaTitle h5 {
	display: inline-block;
	 margin: 9px 0 15px 0;
}
.menuChoiceAreaTitle h5:first-child {
	float: left;
}
.menuChoiceArea .selectperiod > li {
	font-size: 13px;
}
.menuChoiceArea .mnuTable th:first-child,
.menuPlanArea  .mnuTable th:first-child {
	background: #f8f7f7 url("../../../assets/front-img/icon/line_orderTable.png") center right no-repeat!important;
}
.menuChoiceArea .selectperiod > li dd {
	width: 78px;
}
.menuChoiceArea .selectperiod.wide > li dd {
	width: 110px;
}
.selectperiod > li dd .ellipsis {
	width: 100%;
}
.menuChoiceArea.large .selectperiod > li dd {
	width: 110px;
}
.weeklyArea .table_searchResult table {
	border-bottom: 1px solid #dedede;
}

.weeklyArea .table_searchResult th {
	padding: 0;
	text-align: left;
	background: none!important
}
/*사업장 품목*/
.openCloseTable {
	padding-bottom: 20px;
    border-bottom: 1px solid #272727;
}
.openCloseTable ord-material-search-list-list-c:first-child  .listTableTwo {
	border-top: 1px solid #dedede;
    margin-top: 15px;
}

/*사업장 메뉴*/
.addMenuArea {
	width: 588px;
	margin-right: 10px;
}
.addMenuArea >.courseList > li,
.latelyUseMenuWrap .latelyUseMenu > li {
	width: 100%;
	height: auto;
	padding: 10px 72px 10px 10px;
	margin: 0 0 6px 0;
	position: relative;
}
.latelyUseMenuWrap .latelyUseMenu > li  {
	min-height: 50px;
}

.businessRecipe .iconField,
.businessNew .iconField {
	width: 70px;
	height: 70px;
	margin-bottom: 0;
    line-height: 1.18;
    color: #5c5fa0;
    margin-right: 15px;
}
.businessNew .iconField {
	color: #2e9db2;
}
.messroommenuArea .iconField .icon {
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	margin-bottom: 2px;
}
.businessRecipe .iconField .icon {
	background: url(../../../assets/front-img/icon/ic_my_recipe.png) center center no-repeat;
}
.businessNew .iconField .icon {
	background: url(../../../assets/front-img/icon/ic_my_new_recipe.png) center center no-repeat;
}
.messroommenuArea .content {
	padding-top: 13px;
	line-height: 1.5;
}
.messroommenuArea .content > span:first-child {
	width: 380px;
}

.messroommenuArea .new span {
	margin-right: 10px;
}
.addInput  *[field]>.field-container input {
	border: none;
	background: none;
	height: 50px;
}
.menuExplain span {
	padding: 0 5px;
	display: inline-block!important;
	font-size: 14px!important;
}
.menuExplain span:first-child {
	padding-left: 0;
}
.menuExplain .first {
	color: #929292;
}
.menuExplain span:nth-child(2n) {
	background: url(../../../assets/front-img/icon/line_orderTable.png) center right no-repeat;
}
.menuExplain span:last-child {
	padding-right: 0;
	background: none;
	color: #272727!important;
}
.addMenuArea .closeBox {
	position: absolute;
	right: 10px;
	top: 36px;
}
.listTableTwo .closeBox {
	position: absolute;
	right: 6px;
    top: 16px;
}
.addMenuArea .addInput .closeBox {
	top: 25px;
}
.addListArea {
	width: 680px;
    height: 736px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px;
    background: #fff;
    padding: 30px 10px 30px 30px;
    box-sizing: border-box;
    margin-top: 64px;
    position: relative;
}
.addListArea .choiceRecipe {
    width: calc(100% - 20px);
    height: 100%;
}

.addListArea .table_top {
	padding: 10px 0 9px 0;
	border-top: 1px solid #272727;
	margin: 10px 0 0 0;
}
.btn_bottom {
	text-align: right;
}

.addListArea .btn_bottom  {
	padding-top: 8px;
	position: absolute;
    right: 0;
    bottom: 0;
}
.addListArea .recipeAll {
	bottom: 40px;
    padding: 0 40px;
}
.addListArea .recipeAll li {
	padding: 0 24px;
	 width: 40%;
}
.addListArea .recipeAll li:first-child {
	padding-left: 0;
	width: 30%;
}
.addListArea .recipeAll li:last-child {
	 padding-right: 0;
	 letter-spacing: 0;
	 width: 30%;
}
.addListArea .orderTableContent {
	height: 462px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	.addListArea .orderTableContent  {
	 	padding-right: 7px;
	} 
}

.orderTableContent  a {
	display: inline-block;
	text-decoration: underline;
}
.addListArea .orderTableContent  a {
	width: 140px;
}
.addListArea .orderTableContent  span.ellipsis {
	width: 218px;
}
.addListArea .orderTableContent .blank {
	display: block;
    text-align: center;
    line-height: 400px;
    color: #929292;
}


/*장바구니*/
.basketTitle {
	padding-top: 30px;
}
.basketTitle sc-combobox-field {
	vertical-align: bottom;
}
.basketTitle sc-checkbox-field {
	margin-top: -13px;
	vertical-align: middle;
}
.basketTitle h3 {
	display: inline-block;
}
.basketTitle button {
	vertical-align: bottom;
}
.basketTitle button.h32 {
	vertical-align: inherit;
}
.basketSelectLine {
	font-size: 20px;
 	font-weight: bold;
 	border-bottom: 2px solid #141c2f;
 	padding-bottom: 10px;
 	margin-top: 60px;
}
.menu_bottomButton {
	margin-top: 50px;
	text-align: center;
}
.sumArea {
	background: #dedede;
	color: #676767;
	font-weight: bold;
	height: 46px;
}

.susArea {
	background: #f2f2f2;
	color: #676767;
	font-weight: bold;
	height: 46px;
}

.susMonthArea {
	background: #fff2cc;
	color: #676767;
	font-weight: bold;
	height: 46px;
}

.scrollArea {
    overflow: hidden;
    overflow-y: auto;
}
.excessPrice {
	height: 75px;
	background: #f2f1f0;
	border: 1px solid #d3d3d3;
	display: flex;
	padding: 10px 0;
	box-sizing: border-box;
	margin-top: -1px;
}
.excessPrice li {
	padding: 0 65px;
	box-sizing: border-box;
	width: 33.3%;
	border-right: 1px solid #d3d3d3;
}
.excessPrice li:last-child {
	border: none;
}
.excessPrice .title {
	font-size: 14px;
	color: #7d7d7d;
	margin-bottom: 8px;
}
.excessPrice .price {
	font-size: 18px;
	font-weight: bold;
	color: #525252;
	text-align: right;
}


/*사업장 식단 식단불러오기*/
.foodPlanCheck {
	display: flex;
	font-size: 14px;
}

.foodPlanCheck sc-checkbox-field {
	    vertical-align: bottom;
	    margin-right: 30px;
}

/*주문완료*/
.orderInfo {
	color: #7d7d7d;
	line-height: 1.44;
	font-size: 18px;
	text-align: center;
}
.orderInfoList {
	display: flex;
	justify-content: space-between;
	margin: 60px 0;
}
.orderInfoList li {
	width: 630px;
	background: #f2f1f0;
	text-align: center;
	padding: 28px 0;
}
.orderInfoList .title {
	font-size: 20px;
 	font-weight: bold;
 	color: #59b97d;
 	margin-bottom: 8px;
}
.orderInfoList .number {
	font-size: 50px;
 	font-weight: bold;
}
.orderInfoList .number span {
	font-size: 24px;
}
.orderComTitle {
	padding-bottom: 10px;
	border-bottom: 2px solid #272727;
	margin-bottom: 20px;
}
.orderFailData {
	background: #f2f1f0;
	margin-top: 60px;
	min-height: 165px;
	display: table;
    padding: 30px;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
}
.orderFailData span {
	display: table-cell;
    vertical-align: middle;
}
/*요청사항*/
.requestBox {
	position: absolute;
	right: 20px;
	width: 480px;
	height: 200px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	border: solid 1px #272727;
	padding: 20px 30px;
	box-sizing: border-box;
	z-index: 10;
	background: #fff;
}
.requestBox .title {
	overflow: hidden;
	margin-bottom: 12px;
}
.requestBox .title h3 {
	float: left;
	display: inline-block;
	margin-bottom: 0
}
.requestBox .title .closeBox {
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	position: static;
	float: right;
}
.requestBox .textIn {
	width: 100%;
	height: 105px;
	padding: 6px 10px;
	border: 1px solid #a8a8a8;
	box-sizing: border-box;
}
.requestBox .textIn textarea {
	width: calc(100% - 20px);
    height: calc(100% - 22px);
	border: none;
}
.requestBox .btn_bottom {
	margin-top: 10px;
}
.requestBox .btn_bottom button:first-child {
	margin-bottom: 0;
}
.requestBox .btn_bottom button:last-child {
	margin-left: 6px;
}
/*팝업*/
sc-window .priceAll {
	margin-top: 20px;
	font-weight: bold;
}
sc-window .priceAll .title {
	font-size: 18px;
	margin-bottom: 6px;
}
sc-window .priceAll .price {
	text-align: right;
	font-size: 36px;
	color: #e66344;
}
sc-window .priceAll .title span {
	font-size: 20px;
}
sc-window .star {
	height: 30px;
}
sc-window .popContents {
	min-height: 64px;
	line-height: 1.57;
}
sc-window .btn_table {
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 8px;
}
sc-window .btn_table h4,
sc-window .btn_table h5 {
	margin-bottom: 0;
	margin-top: 14px;
}
sc-window .popAgreement {
	font-size: 12px;
	line-height: 1.5;
}
sc-window .popAgreement .orderTable {
	border-top: 1px solid #272727;
	border-bottom: 1px solid #272727;
	margin: 10px 0 20px 0;
	table-layout: auto;
}

sc-window .popAgreement a{
	color: #e66344;
	text-decoration: underline;
}

sc-window .popAgreement span{
	font-weight: bold;
}
.star_score {
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
}
.deliveryNo {
	font-size: 14px;
	text-decoration: underline!important;
}
.messrommAdd {
	overflow-y: auto;
}
.messrommAdd li {
	height: 50px;
	border: solid 1px #a8a8a8;
  	padding: 15px 10px;
  	margin-bottom: 6px;
  	box-sizing: border-box;
  	cursor: pointer;
}
.messrommAdd li:hover {
	background: #f8f7f7;
	border: 1px solid #d3d3d3;
}
.messrommAdd li[selected] {
	background: #fcf0ed;
	border: 1px solid #e66344;
	color: #e66344;
}
.messrommAdd .new {
	border: 1px dashed #a8a8a8;
	text-align: center;
}
.messrommAdd .new span{
	display: inline-block;
	background: url(../../../assets/front-img/icon/ic_create_normal.png) left center no-repeat;
	text-indent: 20px;
	background-size: 14px 14px;
	cursor: pointer;
}
.messrommAdd .inputBox {
	   padding: 8px 10px;
}
.messrommListArea {
	overflow: hidden;
    overflow-y: auto;
    height: 230px;
}

.inputBox sc-text-field {
	width: calc(100% - 24px);
	vertical-align: middle;
}
.inputBox input {
	border: none!important;
	padding: 0!important;
	background: none!important;
}
.inputClose {
	width: 14px!important;
	height: 14px!important;
	background-size: 14px 14px!important;
	text-indent: -9999px;
}
.basketPop {
	position: absolute;
	width: 420px;
	height: 88px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  	border: 1px solid #272727;
  	padding: 20px 10px 20px 20px;
  	box-sizing: border-box;
  	z-index: 10;
  	right: 0;
  	top: 10px;
  	background: #fff;
}
.basketPop .foodIcon {
	width: 48px;
	height: 48px;
	background-size: 48px 48px;
	margin-right: 4px;
}
.basketPop ul {
	display: flex;
}
.baslketName {
	margin-right: 10px;
	width: 184px;
}
.baslketName > span {
	display: block;
	color: #7d7d7d;
	margin-bottom: 4px;
}
.baslketName div span:first-child{
	width: 184px;
	display: inline-block;
	overflow: hidden;
	font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    vertical-align: bottom;
}
.basketMove {
	color: #e66344;
	text-decoration: underline!important;
    display: inline-block;
    margin-right: 20px;
    letter-spacing: -2px;
    line-height: 3;
}
.basketPop .inputClose {
	margin-top: 15px!important;
}
.table_top {
	margin: 20px 0 15px 0;
}
sc-window .table_top {
	margin: 10px 0;
}
.table_top .searchCheck {
	margin-left: 0;
}

sc-window .document_content > ul > li {
	width: 338px;
  	height: 90px;
  	border: 1px solid #d3d3d3;
  	padding: 20px;
  	margin: 0 5px 5px 0;
  	box-sizing: border-box;
  	background: #fff;
  	cursor: pointer;
}

sc-window .evaluation_content {
	padding: 33px 60px;
}

/*검색결과*/
.cardDay {
	height: 40px;
	background: #c79785;
	padding: 6px 0 8px 20px;
	font-size: 16px;
 	color: #fff;
 	box-sizing: border-box;
}

.cardTomo {
	height: 40px;
	background: #969392;
	padding: 7px 0 8px 20px;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
}

.resultNo {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	height: 220px;
}
.resultNo > span {
	display: block;
	margin-top: 70px;
}
.resultNo span span {
	display: block;
	color: #676767;
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}
/*
.resultNo {
	height: 220px;
	text-align: center;
}

.resultNo > sc-label {
	font-size: 32px;
	font-weight: bold;
	display: block;
	margin-top: 95px;
}
.resultNo .resultSmall {
	display: block;
	color: #676767;
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}
*/

.list_result {
	height: 360px;
}
.list_result > span {
    margin-top: 104px;
}
.list_result .contactLink a{
	font-size: 16px;
	font-weight: bold;
	color: #e66344;
	margin-top: 20px;
    text-decoration: underline;
}
span.mgtop {
    margin-top: 134px;
}
/* 공지사항 */
.attachedFile{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	background: url(../../../assets/front-img/icon/ic_attached_files.png) left center no-repeat;
}
.bgWrite img {
	width: inherit;
    max-width: 100%;
}
/*1:1*/
.uploadTable .ellipsis,
.brd-notice-front-list-m .ellipsis,
.brd-marketcondition-front-list-m .ellipsis,
.brd-reference-front-list-m .ellipsis,
.brd-catering-front-list-m .ellipsis  {
	max-width: calc(100% - 38px);
	vertical-align: middle;
	margin-right: 10px;
}

/* FAQ */
.serviceCenter .center, .serviceCenter .number  {
	font-size: 16px;
	color: #272727;
  	font-weight: bold;
  	text-align: left;
  	line-height: 1.25;
}
#divTabFAQ .content-wrap {
	display: none;
}

.serviceCenter .center {
	margin-right: 21px;
}

.serviceCenter .time {
	font-size: 14px;
	color: #272727;
  	font-weight: normal;
  	text-align: left;
  	line-height: 1.43;
}

.faq-openCloseTab{
	border-bottom: 1px solid #141c2f;
}

.faqContList{
	background: #f4f4f4;
	padding: 20px 30px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.faqSpanCont {
	display: block;
	word-break: break-all;
}

.faq-openCloseTab .title {
	overflow: hidden;
	height: 80px;
    line-height: 80px;
	font-size: 18px;
    font-weight: bold;
}
.faq-openCloseTab .title span:first-child {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 40px);
}
.faq-openCloseTab .btn_down,
.faq-openCloseTab .btn_up {
	margin-top: 24px;
}
.brdDetail_title {
	position: relative;
	padding: 22px 0;
}
.brdDetail_title h3 {
	word-break: break-all;
	margin-bottom: 0;
}


sc-window .brdpopTable td {
    padding: 14px 20px !important;
}

sc-window .brdpopTable th.titleTop {
    vertical-align: top;
}
sc-window .brdpopTable sc-multi-combobox-field {
	width: 240px;
}
sc-window .brdpopTable sc-textarea-field textarea{
	height: 158px;
}

sc-window .voc_content sc-textarea-field textarea {
	height: 92px;
}

sc-window .voc_group {
	display: flex;
    line-height: 31px;
}

/* 고객센터 */
.answer {
	width: 100%;
	background: #f4f4f4;
	padding: 20px 30px;
	margin: 20px 0;
	box-sizing: border-box;
}

sc-window .addri_title {
    display: flex;
    padding: 7px 0;
    height: 20px;
    line-height: 20px;
    marin-top: 15px;
    margin-top: 15px;
    justify-content: space-between;
}
sc-window .addri_title h5 {
	font-size: 14px;
	font-weight: bold;
}

sc-window .addri_title a {
	text-decoration: underline;
	text-underline-position: under;
	color: #272727;
}

/* 회원가입  */
.proviMove {
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #e66344;
	text-decoration: underline!important;
    display: inline-block;
    margin-left: 10px;
    line-height: 1.5;
}

 /*공급단가 이익률 목록*/
.partialList {
	width: 630px;
	overflow-x: hidden;
}

.partialWrap {
    border-bottom: 1px solid #272727;
    overflow-y: auto;
}

.partialWrap .orderTable td.underline {
	cursor: pointer;
}

/* 텍스트 길이 */
.fileitem td:nth-child(2) span {
	display: inline-block;
	max-width: 170px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fileitem td:nth-child(5) span {
	display: inline-block;
	max-width: 280px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listTableTwo td:nth-child(6) {
	max-width: 380px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.menuChoiceArea h5 {
	padding: 9px 0 17px 0;
}
.menuChoiceArea h5.alignCenter {
	padding: 10px 0;
}

.mnu-menuconfig-saveexcel-p .content {
	border-bottom: 1px solid #272727;
}

.card_result {
	text-align: center;
    line-height: 2.5;
    font-weight: bold;
    padding: 15px 0;
    border-bottom: 1px solid #272727;
}

.sc-mdi-messroom-popup .grid-container {
	height: 199px!important;
}

.noData {
	color: #929292;
	height: 125px;
	text-align: center;
}

 .valign  sc-checkbox-field>.check-default:before {
 	margin-top: -3px;
 }
.valign  sc-combobox-field {
	width: 214px;
	margin-right: 20px;
}
_:-ms-input-placeholder, .valign  sc-combobox-field {
	width: 225px;
}

/*에러페이지*/
.error {
	width: 100%;
    height: 500px;
    display: table-cell;
    vertical-align: middle;
}
.error ul {
	display: inline-flex;
	position:absolute;
    top:50%; 
    left:50%;
    transform: translate(-50%, -50%);
    color: #887e7a;
}
.errorImg {
	width: 230px;
	height: 321px;
	background: url("../../../assets/front-img/icon/img_error.png") no-repeat;
	text-indent: -9999px;
	margin-right: 30px;
}
.error span {
	display: block;
	font-size: 18px;
}
.error .num {
	font-size: 60px;
	font-weight: bold;
	margin: 40px 0 4px 0;
}

/*식재수불대쉬보드*/
.dashBoard {
	display: flex;	
	margin: auto;
}
.dashBoard li {
	width: 248px;
	margin-right: 10px;
	border: 1px solid #d3d3d3;
	border-top: 2px solid #141c2f;
	min-height: 240px;
	padding: 16px;
	box-sizing: border-box;
}
.dashBoard li:last-child {
	margin-right: 0;
}
.dashBoard li dt {
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}
.dashBoard li dd {
	width: 100%;
	margin-bottom: 6px;
}
.dashBoard a {
	color: #525252;
}
.dashBoard a:hover {
	color: #e66344;
	text-decoration: underline;
}

.widthFix sc-combobox-field:nth-child(3n) {
	    width: 219px!important;
}

.grab_cur {
	cursor: grab;
	cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
    cursor:    -moz-grab; /* Firefox 1.5-26 */
    cursor:         grab; /* W3C standards syntax, should come least */
    cursor: url(/ui/assets/front-img/cursor/openhand.cur), auto;
}
.grab_cur.grabbing{
	cursor: grabbing;
	cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
	cursor: url(/ui/assets/front-img/cursor/closedhand.cur), auto;
}
.grabbing .grab_cur{
	cursor: grabbing;
	cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
	cursor: url(/ui/assets/front-img/cursor/closedhand.cur), auto;
}

#validGroup sc-toolbar {
	display: none;
}
.alignLeft.scalet > span{
	margin-left: 4px;
}
/*조리계획서*/
.planCheck {
	display: inline-block;
	width: 23px;
}

/*거래명세서*/
adj-stockin-report-m iframe {
	margin-top: 50px;
}
iframe body {
	margin: 0!important;
}

/*일 주문 실적*/
.dateOrder {
	display: flex;
}

.dateOrder > div:first-child {
	width: 140px;
	margin-right: 10px;
}

.dateOrder > div:last-child {
	width: calc(100% - 150px);
}

.categoryOrder {
	display: flex;
}

.categoryOrder > div:first-child {
	width: 150px;
	margin-right: 10px;
}

.categoryOrder > div:last-child {
	width: calc(100% - 150px);
}

/* 빠른 주문 */
.ord-quick-order-p >div.content-wrap>div.content{
	height: 100%;
}
.ord-quick-order-p .cc-grid-toolbar .orderWon p{
	position: relative;
	padding: 0 7px 0 8px;
}
.ord-quick-order-p .cc-grid-toolbar .orderWon p::after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1px; 
	height: 14px;
	background: #ccc;
}
.ord-quick-order-p .cc-grid-toolbar .orderWon p:first-child::after{
	/* color: #ff0000; */
	display: none;
}
.ord-quick-order-p .cc-grid-toolbar .orderWon span{
	font-weight: 700;
}
.ord-quick-order-p .cc-grid-toolbar .orderWon sc-button.h32{
	margin-top: -4px;
	font-size: 14px;
}
.ord-quick-order-p .table_searchResult tr th{
	padding: 0 16px;
}
.ord-quick-order-p .table_searchResult tr td{
	padding: 1px 16px;
}
/* 주문목록 */
.ord-order-whole-list-m .detail_title span{
	margin-bottom: 4px;
}
/* 주문목록  테이블 중 td안에 버튼이 2개일 때 */
.orderTable td sc-button + sc-button{
	margin-top: 4px;	
}
/* 즐겨찾기 */
.ord-messroom-material-m .openCloseTable{
	padding-bottom: 0;
}
.ord-messroom-material-m .openCloseTable .title{
	margin: 20px 0;
}
.ord-messroom-material-m .GROUPITEMLIST_DIV.ord-messroom-material-list-m{
	padding-bottom: 20px;
}
/* 식단계획 */
.orderImp_text{
	color: #d01919 !important;
}
.orderTableContent{
	height: calc(100% - 290px) !important;
}
.recipeNote{
	position: absolute;
	bottom: 118px;
	left: 0;
	width: 100%;
	height: 50px;
}
.recipeNote .field-container{
	border-color: #d3d3d3;
}
.recipeNote sc-textarea-field textarea{
	min-height: 60px;
}
.orderTable.wideTable tr td:nth-child(7) {
	display:none;
}
.orderTable.wideTable tr th:nth-child(6) {
	display:none;
}
.wideView .orderTable.wideTable tr th:nth-child(6) {
	display: table-cell;
}
.wideView .orderTable.wideTable tr td:nth-child(7) {
	display: table-cell;
}
#tabArea .wideButton {
	display:none;
}
#tabArea .wideButton2 {
	background: url(../../../assets/front-img/icon/slide_right_line_16.png) no-repeat center center;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor:pointer;
}
#tabArea .choiceRecipe.wideView .wideButton2 {
	background: url(../../../assets/front-img/icon/slide_left_line_16.png) no-repeat center center !important;
}
.choiceRecipe .wideButton {
	background: url(../../../assets/front-img/icon/slide_left_line_16.png) no-repeat center center;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor:pointer;
}
.choiceRecipe.wideView .wideButton {
	background: url(../../../assets/front-img/icon/slide_right_line_16.png) no-repeat center center !important;
}
.choiceRecipe.wideView .modify_requireqty:not(.tooltiptext) {
	background: url(../../../assets/front-img/icon/test_line_16.png) no-repeat center center !important;
	width: 18px;
    height: 18px;
    background-size: 18px 18px;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
}
.choiceRecipe.wideView .modify_requireqty .tooltiptext {
    text-indent: 0px;
}
.choiceRecipe.wideView .requireqty_text {
	width: 120px;
    text-align: left;
    display: table-cell;
}

.tooltip#recipe_requireqty .tooltiptext{
	right: 5px !important;
    top: 40px;
}

.searchCheck .meal_sended:not(.tooltiptext) {
	background: url(../../../assets/front-img/icon/notification_line_16.png) no-repeat center center !important;
	width: 18px;
    height: 18px;
    background-size: 18px 18px;
    margin-top: 5px;
    text-indent: -9999px;
}
.searchCheck .meal_sended .tooltiptext {
    text-indent: 0px;
}
.icon-animated-vertical{display:inline-block;-moz-animation:vertical 1.5s 9999 ease 2s;-webkit-animation:vertical 1.5s 9999 ease 2s;-o-animation:vertical 1.5s 9999 ease 2s;-ms-animation:vertical 1.5s 9999 ease 2s;animation:vertical 1.5s 9999 ease 2s}@-moz-keyframes vertical{0%{-moz-transform:translate(0,-5px)}4%{-moz-transform:translate(0,5px)}8%{-moz-transform:translate(0,-5px)}12%{-moz-transform:translate(0,3px)}16%{-moz-transform:translate(0,-5px)}20%{-moz-transform:translate(0,5px)}22%{-moz-transform:translate(0,0)}}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-5px)}4%{-webkit-transform:translate(0,3px)}8%{-webkit-transform:translate(0,-5px)}12%{-webkit-transform:translate(0,5px)}16%{-webkit-transform:translate(0,-5px)}20%{-webkit-transform:translate(0,3px)}22%{-webkit-transform:translate(0,0)}}@-ms-keyframes vertical{0%{-ms-transform:translate(0,-5px)}4%{-ms-transform:translate(0,5px)}8%{-ms-transform:translate(0,-5px)}12%{-ms-transform:translate(0,5px)}16%{-ms-transform:translate(0,-5px)}20%{-ms-transform:translate(0,5px)}22%{-ms-transform:translate(0,0)}}@keyframes vertical{0%{transform:translate(0,-5px)}4%{transform:translate(0,5px)}8%{transform:translate(0,-5px)}12%{transform:translate(0,5px)}16%{transform:translate(0,-5px)}20%{transform:translate(0,5px)}22%{transform:translate(0,0)}}

.btn_middle .heightButton {
	background: url(../../../assets/front-img/icon/slide_up_line_16.png) no-repeat center center;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor:pointer;
}
.btn_middle .heightButton.wideView {
	background: url(../../../assets/front-img/icon/slide_down_line_16.png) no-repeat center center !important;
}
#gridBasketItemList.wideView {
	height:625px !important;
}
#gridSearchItemList.wideView {
	height:175px !important;
}

.btn_middle .upHeightButton.upWideView {
	background: url(../../../assets/front-img/icon/slide_normal_line_17.png) no-repeat center center !important;
}
#gridBasketItemList.upWideView {
	height:625px !important;
}
#gridSearchItemList.upWideView {
	height:175px !important;
}

.btn_middle .downHeightButton.downWideView {
	background: url(../../../assets/front-img/icon/slide_normal_line_17.png) no-repeat center center !important;
}
#gridBasketItemList.downWideView {
	height:175px !important;
}
#gridSearchItemList.downWideView {
	height:625px !important;
}

.btn_middle .upHeightButton {
	background: url(../../../assets/front-img/icon/slide_up_line_17.png) no-repeat center center;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor:pointer;
}

.btn_middle .downHeightButton {
	background: url(../../../assets/front-img/icon/slide_down_line_17.png) no-repeat center center;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor:pointer;
}

.requireqty_text input {
	text-align : left !important;
}

.displayblock {
	display:block !important;
}

.min-h24 {
	min-height:24px !important;
}

.btnArea_menuRecipe.wideView {
	width:316px !important;
}

.menu_middleButton {
	margin: 5px 0 5px 0;
	text-align: right;
}

.menu_middleButton .h56 {
	width: 130px;
}

.h56{
	min-width: 146px;
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	border: 1px solid #272727;
	font-size: 18px;
	font-weight: bold;	
}

.emptyTable {
	border-top:1px solid #272727;
	width: 100%;
	table-layout: fixed;
}

.emptyTable td {
	text-align: center;
	height: 41px;
	border-bottom: 1px solid #7d7d7d;
}

.orderTable .categoryTd {
    padding: 11px 2px 11px 4px;
    border-bottom: 1px solid #dedede;
    text-align: center;
    word-break: break-all;
    position: relative;
    box-sizing: border-box;	
}

.orderTable .categoryTd td span{
    display: inline-block;
    padding: 0 22px;
    height: 34px;
    border-radius: 21px;
    line-height: 34px;
    font-size: 15px;
    cursor: pointer;
}

.orderTable .orderTableTd  *[field]>.field-container input {
	text-align: left;
}