@charset "utf-8";

/*reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%; /*font:  inherit*/;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
	box-sizing: border-box;
}

ol, ul, li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

_:-ms-input-placeholder, table {
	border-collapse: separate;
}

@font-face {
	font-family: 'Noto sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
		url(../font/NotoSansKR-Regular.woff) format('woff'),
		url(../font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto sans Bold';
	font-style: normal;
	font-weight: 700;
	src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
		url(../font/NotoSansKR-Bold.woff) format('woff'),
		url(../font/NotoSansKR-Bold.otf) format('opentype');
}

::-webkit-scrollbar-track {
	width: 10px;
	height: 10px;
	background-color: #f9f9f9;
	border-radius: 10px;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #fff;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(20, 28, 47, 0.2);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(20, 28, 47, 0.4);
	border-radius: 10px;
}

::-webkit-scrollbar-track:horizontal {
	background-color: #f9f9f9;
	border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
	width: 50px;
}

::-webkit-scrollbar:horizontal {
	background-color: #fff;
}

::-webkit-scrollbar-thumb:horizontal {
	background-color: #bbb;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:horizontal:hover {
	background-color: #999;
}

::-webkit-scrollbar-corner {
	background-color: #fff;
}

html {
	cursor: auto !important;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

html *[disabled] {
	opacity: 1 !important;
	cursor: auto;
	pointer-events: none;
}

body,
.bg_login {
	font-family: 'Noto sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif';
	font-size: 14px;
	color: #272727;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto sans Bold', '맑은 고딕', 'Malgun Gothic', 'sans-serif';
	font-weight: normal
}

form, fieldset, iframe, input {
	display: block;
	border: 0;
	font-family: 'Noto sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif';
}

img, button {
	border: 0 none;
	vertical-align: middle
}

hr {
	height: 0;
	display: none
}

i, em, address {
	font-style: normal
}

label, button {
	cursor: pointer
}

caption span, legend {
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	text-indent: -100%;
	white-space: nowrap;
	z-index: -1
}

h2 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 36px;
	line-height: 1;
}

h3 {
	font-size: 24px;
	margin-bottom: 10px;
}

h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

h5 {
	font-size: 16px;
}

header {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 9999;
	top: 0;
	left: 0;
}

.ellipsis {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
}
.apprvTable .ellipsis {
	width: 255px;
}

button {
	font-family: 'Noto sans KR', '맑은 고딕', 'Malgun Gothic', dotum, '돋움',
		'sans-serif';
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	letter-spacing: 0;
	vertical-align: middle
}

a {
	color: #272727;
	text-decoration: none;
	cursor: pointer
}

a:link, a:visited {
	text-decoration: none
}

.underLine {
	text-decoration: underline!important;
}
.pointer {
	cursor: pointer;
}

/*float*/
.floatLeft {
	float: left !important;
}

.floatRight {
	float: right !important;
}

.floatNone {
	float: none !important;
}

/*color*/
.red {
	color: #d01919 !important;
}

.redBorder, .redBorder input {
	border-color: #d01919 !important;
}

.scalet {
	color: #e66344 !important;
}

.grey {
	color: #aeaeae !important;
}

.blue {
	color: #1940d8 !important;
}

.orange {
	color: #e66344 !important;
}

.productPrice .blue:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 14px;
	background-image: url(../front-img/icon/compare_down.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	vertical-align: middle;
}

.productPrice .red:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 14px;
	background-image: url(../front-img/icon/compare_up.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	vertical-align: middle;
}

.warning {
	font-size: 12px;
	color: #d01919;
	white-space: break-spaces;
}
.disFlex .warning {
	line-height: 30px;
}

.brdTopbg {
	background-color: #f2f1f0;
}

.green {
	font-size: 12px;
	color: #42b26d;
	line-height: 30px;
}
.gray {
	background: #e9e9e9!important;
}

.emphasis {
	color: #e66344 !important;
	font-weight: normal !important;
}


/*세로정렬*/
.vAlignM {
	vertical-align: middle !important;
}

.vAlignT {
	vertical-align: top !important;
}
.vAlignC {
	display: flex;
    align-items: center;
}
/*가로 정렬*/
.alignLeft {
	text-align: left !important;
}

.alignRight {
	text-align: Right !important;
}

.alignCenter {
	text-align: center !important;
}

/*디스플레이*/
.hidden {
	display: none !important;
}

.disFlex {
	display: flex !important;
}

.block {
	display: block !important;
}

.inlineblock {
	display: inline-block !important;
}

/*백그라운드*/
.bgImgNo {
	background-image: none !important;
}
/*오버플로우*/
.overHidden {
	overflow: hidden !important;
}

/*마진*/
.mg0 {
	margin: 0 !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mr20 {
	margin-right: 20px !important;
}


.mb30 {
	margin-bottom: 30px !important;
}

.mb30-first-login {
	margin-bottom: 30px !important;
	margin-top: 50px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mt0 {
	margin-top: 0 !important
}
.mt8 {
	margin-top: 8px !important
}

.mr4 {
	margin-right: 4px !important
}

.mr8 {
	margin-right: 8px !important
}

.mr10 {
	margin-right: 10px !important;
}

.ml6 {
	margin-left: 6px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.mt3 {
	margin-top: 3px !important;
}
.mt4 {
	margin-top: 4px!important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt18 {
	margin-top: 18px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mtM20 {
	margin-top: -20px!important;
}

/*패딩*/
.pt6 {
	padding-top: 6px !important;
}
.pt8 {
	padding-top: 8px !important;
}
.pr6 {
	padding-right: 6px !important;
}

.pd0 {
	padding: 0 !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl7 {
	padding-left: 7px !important;
}

.pd20 {
	padding: 20px !important;
}

/*border*/
.brNone {
	border-right: none !important;
}
.bbNone {
	border-bottom: none !important;
}
/*width*/
.w100p {
	width: 100% !important;
}

.w50 {
	width: 50px !important;
}

.w65 {
	width: 65px !important;
}

.w70 {
	width: 70px !important;
}

.w75 {
	width: 75px !important;
}

.w85 {
	width: 85px !important;
}

.w90 {
	width: 90px !important;
}

.w95 {
	width: 95px !important;
}

.w100 {
	width: 100px !important;
	max-width: 100px!important;
}

.w110 {
	width: 110px !important;
	max-width: 110px!important;
}
.w105 {
	width: 105px !important;
}

.w115 {
	width: 115px !important;
}

.w120 {
	width: 120px !important;
}

.w122 {
	width: 122px !important;
}

.w125 {
	width: 125px !important;
}
.w130 {
	width: 130px !important;
}
.w132 {
	width: 132px !important;
}
.w135 {
	width: 135px !important;
}

.w140 {
	width: 140px !important;
}

.w145 {
	width: 145px !important;
}

.w150 {
	width: 150px !important;
}

.w155 {
	width: 155px !important;
}

.w165 {
	width: 165px !important;
}

.w190 {
	width: 190px !important;
}

.w200 {
	width: 200px !important;
}
.w214 {
	width: 214px !important;
}
.w215 {
	width: 215px !important;
}

.w219 {
	width: 219px !important;
}
.w220 {
	width: 220px !important;
}

.w225 {
	width: 225px !important;
}
.w240 {
	width: 240px !important;
}
.w250 {
	width: 250px !important;
}

.w252 {
	width: 252px !important;
}

.w283 {
	width: 283px !important;
	max-width: 283px!important;
}

.w260 {
	width: 260px !important;
}

.w280 {
	width: 280px !important;
}

.w312 {
	width: 312px !important;
}

.w330 {
	width: 330px !important;
}

.w350 {
	width: 350px !important;
}

.w354 {
    width: 354px !important;
}
.w472 {
    width: 472px !important;
}
.w482 {
    width: 482px !important;
}

.w570 {
	width: 570px!important;
}
.w630 {
	width: 630px!important;
}
.w730 {
	width: 730px!important;
}

.w900 {
	width: 900px !important;
}

.w1100 {
	width: 1100px !important;
}

/*height*/
.h100 {
	height: 100% !important;
}

.h125 {
	height: 125px !important;
}
.h350 {
	height: 350px !important;
}
.h400 {
	height: 400px !important;
}
.h550 {
	height: 550px !important;
}
.h620 {
	height: 620px !important;
}

/*flex*/
.justify-flex-end {
    justify-content: flex-end;
}

/*백그라운드*/
.bgImgNone {
	background-image: none !important;
}

.bgNone {
	background: none !important;
}

.underline {
	text-decoration: underline;
	text-indent: 0
}

.fit {
	overflow: inherit!important;
}
.pointer {
	cursor: pointer!important;
}

/*icon*/
[class*="icon_"] {
	width: 24px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	margin: auto;
}

[class*="ic_"] {
	width: 40px;
	height: 41px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 16px;
}

.icon_new {
	background: url("../front-img/icon/star-24px.png") no-repeat;
}

.icon_pb {
	background: url("../front-img/icon/box-24px.png") no-repeat;
}

.icon_rm {
	background: url("../front-img/icon/thumb_up-24px.png") no-repeat;
}

.icon_kids {
    background: url("../front-img/icon/ic_kids_promotion.png") no-repeat;
}

.icon_time {
	width: 14px;
	height: 14px;
	background: url("../front-img/icon/tag_time.png") no-repeat;
	margin: inherit;
	margin-right: 2px;
}

.ic_excel {
	background: url("../front-img/file/ic_exel.png") no-repeat;
}

.ic_zip {
	background: url("../front-img/file/ic_zip.png") no-repeat;
}

.ic_pdf {
	background: url("../front-img/file/ic_pdf.png") no-repeat;
}

.ic_doc {
	background: url("../front-img/file/ic_doc.png") no-repeat;
}

.ic_txt {
	background: url("../front-img/file/ic_txt.png") no-repeat;
}

/*별점*/
[class*="small_star"] {
	display: inline-block;
	width: 80px;
	height: 14px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
}

.small_star5 {
	background-image: url("../front-img/icon/rate_l_5.png");
}

.small_star4 {
	background-image: url("../front-img/icon/rate_l_4.png");
}

.small_star3 {
	background-image: url("../front-img/icon/rate_l_3.png");
}

.small_star2 {
	background-image: url("../front-img/icon/rate_l_2.png");
}

.small_star1 {
	background-image: url("../front-img/icon/rate_l_1.png");
}

.small_star0 {
	background-image: url("../front-img/icon/rate_l_0.png");
}

[class*="big_star"] {
	display: inline-block;
	width: 243px;
	height: 42px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
}

.big_star5 {
	background-image: url("../front-img/icon/rate_l_5.png");
}

.big_star4 {
	background-image: url("../front-img/icon/rate_l_4.png");
}

.big_star3 {
	background-image: url("../front-img/icon/rate_l_3.png");
}

.big_star2 {
	background-image: url("../front-img/icon/rate_l_2.png");
}

.big_star1 {
	background-image: url("../front-img/icon/rate_l_1.png");
}

.big_star0 {
	background-image: url("../front-img/icon/rate_l_0.png");
}

/*별점 아이콘*/
[class*="face"] {
	display: inline-block;
	width: 130px;
	height: 96px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 88px;
	vertical-align: middle;
}

sc-window [class*="face"] {
	margin-left: 88px;

}
.face5 {
	background-image: url("../front-img/icon/pic_face_rate_5.png");
}

.face4 {
	background-image: url("../front-img/icon/pic_face_rate_4.png");
}

.face3 {
	background-image: url("../front-img/icon/pic_face_rate_3.png");
}

.face2 {
	background-image: url("../front-img/icon/pic_face_rate_2.png");
}

.face1 {
	background-image: url("../front-img/icon/pic_face_rate_1.png");
}

/* table */
table th {
	font-family: 'Noto sans Bold', '맑은 고딕', 'Malgun Gothic', 'sans-serif';
}

.table_searchResult,
.apprvTable {
	margin-bottom: 60px;
}

cc-search-container .table_searchResult {
	margin-bottom: 0;
}

.table_searchResult table {
	border-top: 3px solid #272727;
	border-bottom: 1px solid #dedede;
	width: 100%;
	font-size: 16px;
}
_:-ms-input-placeholder, .table_searchResult table {
	table-layout: fixed;
}
.apprvTable {
	border-top: 1px solid #272727;
	width: 100%;
	font-size: 16px;
}

sc-window .table_searchResult table {
	border-top: 2px solid #272727;
	table-layout: auto;
}

.table_searchResult th, .table_searchResult td {
	height: 50px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}
.apprvTable th,
.apprvTable  td {
	border-bottom: 1px solid #dedede;
	padding: 10px 20px;
}
.apprvTable  td {
	font-size: 14px;
}
.table_searchResult tr:last-child th,
.table_searchResult tr:last-child td{
	border-bottom: none;
}

.table_searchResult th {
	background: #f2efec;
	text-align: center;
	position: relative;
}
.apprvTable th {
	background: #f2efec;
	text-align: left;
}
.table_searchResult th .open {
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url("../front-img/icon/ic_open.png") no-repeat;
}

.table_searchResult th .close {
	background: url("../front-img/icon/ic_close.png") no-repeat;
	top: calc(50% - 7px);
}

.table_searchResult .add {
	height: 50px !important;
	overflow: hidden;
}

.add2 {
	height: 0px !important;
	overflow: hidden;
}

.table_searchResult td {
	padding: 1px 20px;
}

.table_searchResult .td-item {
	text-align: center;
	padding: 1px 20px;
}

.table_searchResult .th-item {
	text-align: center;
}

.table_searchResult .td-item-reqno {
	text-align: center;
	padding: 1px 20px;
	white-space: nowrap;
	overflow: hidden;
}

.table_searchResult.selectResult td span {
	display: inline-block;
	padding: 0 20px;
	height: 36px;
	border-radius: 21px;
	line-height: 35px;
	font-size: 16px;
	margin: 7px 4px 7px 0;
	cursor: pointer;
}

.table_searchResult.selectResult td span:last-child {
	margin-right: 0;
}

.table_searchResult td span.select {
	background: #e66344;
	color: #fff;
}

.table_searchResult .selectSearch {
	background: #f4f4f4;
	padding: 0 25px;
	line-height: 39px;
	font-size: 16px;
	overflow: hidden;
}

.table_searchResult .selectSearch div {
	height: 100%;
	display: inline-block;
	margin-right: 40px;
	float: left;
}

.table_searchResult .selectSearch div a {
	display: inline-block;
	color: #7d7d7d;
	text-decoration: underline;
}

.table_searchResult .selectSearch ul {
	width: calc(100% - 104px);
	float: left;
}

.table_searchResult .selectSearch li {
	display: inline-block;
	height: 100%;
	color: #e66344;
	margin-right: 10px;
}

.table_searchResult .selectSearch li span {
	width: 16px;
	height: 40px;
	display: inline-block;
	text-indent: -9999px;
	margin-left: 4px;
	cursor: pointer;
	background: url("../front-img/icon/ic_delete_normal.png") right center no-repeat;
}

.cardTable {
	border-collapse: separate;
	margin: 10px 0;
	width: 100%;
}

.cardTable td {
	vertical-align: top;
	position: relative;
	padding: 10px 10px 20px 10px;
	height: 551px;
	width: 320px;
    display: inline-block;
	border: 1px solid #fff;
	box-sizing: border-box;
	cursor: pointer;
}

.cardTable td:hover {
	border: 1px solid #a8a8a8;
	z-index: 10;
	/*box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);*/
}

.cardTable .productImg img {
	width: 300px;
}

.listTable {
	width: 100%;
	padding-right: 10px;
}

.listTable .RLine {
	background: url("../front-img/icon/ico_listTableLine.png") right center no-repeat;
}

.listTable tr:hover,
.listTable tr.select {
	background: #fcf0ed;
	cursor: pointer;
}

.listTable td {
	border-bottom: 1px solid #dedede;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	vertical-align: top;
}

.listTable .productImg  img {
	width:100px;
	height:100px
}

/* 4월 24일 추가 */
.listTableTwo,
.listTableThree {
	width: 100%;
}

.listTableTwo .RLine,
.listTableThree .RLine {
	background: url("../front-img/icon/ico_listTableLine.png") right center no-repeat;
}

.listTableTwo tr:hover,
.listTableThree tr:hover,
.selectTable tr:hover {
	background: #f4f4f4;
	cursor: pointer;
}

.listTableTwo tr:active, 
.listTableTwo tr.select,
.listTableThree tr:active,
.listTableThree tr.select,
.selectTable tr:active,
.selectTable tr.select{
	background: #e9e9e9;
	cursor: pointer;
}
.listTableTwo td {
	text-align: center;
	border-bottom: 1px solid #dedede;
	padding: 0 8px;
	box-sizing: border-box;
	position: relative;
	height: 40px;
	font-size: 14px;
}

.listTableThree td {
/* 	text-align: center; */
	border-bottom: 1px solid #dedede;
	padding: 0 8px;
	box-sizing: border-box;
	position: relative;
	height: 40px;
	font-size: 14px;
}

.listTableTwo .productImg,
.listTableThree .productImg {
	width: 50px;
	height: 50px;
}
.listTableTwo .productImg img,
.listTableThree .productImg img {
	width: 100%;
}
.detailTable {
	width: 100%;
	border-top: 3px solid #272727;
	border-bottom: 1px solid #272727;
	font-size: 16px;
}

.detailTable th, .detailTable td {
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
	padding: 12px 0;
}

.detailTable th {
	text-align: left;
}

.detailTable td {
	color: #676767;
}

.detailTable tr:last-child th, .detailTable tr:last-child td,
	.detailTable tr:nth-child(3) th, .detailTable tr:nth-child(3) td,
	.detailTable tr:nth-child(4) th, .detailTable tr:nth-child(4) td {
	border-bottom: none;
}
/*
.detailTable tr:nth-child(5) th, .detailTable tr:nth-child(5) td {
	padding: 0;
}
 */

.nutrition table {
	border-top: 2px solid #272727;
}

.nutrition table th, .nutrition table td {
	height: 40px;
	text-align: center;
}

.nutrition table th {
	background: #f2efec;
}

.starTable td {
	height: 38px;
}

.evaluationTable {
	width: 100%;
	border-bottom: 1px solid #7d7d7d;
}

.evaluationTable.all td {
	height: 240px;
	font-size: 14px;
	color: #929292;
}

.evaluationTable td {
	height: 60px;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #dedede;
}

.orderTable {
	width: 100%;
	table-layout: fixed;
}
.tableFix {
    table-layout: fixed!important;
}

.sortableTable {
	background-color:#fff;
}

.noFix {
	table-layout: auto!important;
}

.orderTable tr.lastAdded{
	background-color: #f9f9f9;
}

.orderTable tr.temp{
	background-color: #DA5E41 !important;
	font-color : #FFFFFF !important;
}

.orderTableContent {
	overflow-y: auto;
	height: calc(100% - 219px);
}
.orderTableContent.setTable {
	height: calc(100% - 209px) !important;
}

.orderTable th {
	text-align: center;
	height: 40px;
	border-bottom: 1px solid #7d7d7d;
	background: #f8f7f7 url("../front-img/icon/line_orderTable.png") center right no-repeat;
}

.orderTable th .subheading {
	font-size: 10px;
	font-weight: normal;
	display: block;
}

.orderTable th:first-child,
.orderTable th:last-child {
	background-image: none;
}
.partialWrap .orderTable th:first-child,
.orderTable.partialTable th:first-child {
	background: #f8f7f7 url("../front-img/icon/line_orderTable.png") center right no-repeat;
}

.orderTable th.bg {
	background: #f8f7f7 url("../front-img/icon/line_orderTable.png") center right no-repeat !important;
}

sc-window .orderTable th:first-child {
	background: #f8f7f7 url("../front-img/icon/line_orderTable.png") center right no-repeat;
}

sc-window .item_bg li span.bg {
	background: url("../front-img/icon/line_orderTable.png") center right no-repeat !important;
	padding-right: 8px;
	margin-right: 8px;
}

.orderTable tr.lastAdded {
	background-color: #f9f9f9;
}

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

.orderTable.pd1 td {
	padding: 0;
	height: 42px;
}

.orderTable.pd4 td {
	padding: 4px 1px;
}

.orderTable .alignRight td {
	text-align: right;
}

.orderTable td.inputDate {
	padding-top: 0;
	border-bottom: none;
}

sc-window .orderTable.com-personal-information-treatment-policy-p .orderTable td {
    padding: 3px;
}

.inputDate div {
	height: 32px;
	background: #e9e9e9;
	line-height: 31px;
	padding: 0 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}

.orderTable button, .orderTable sc-button {
	margin-left: 0;
}

sc-window .orderTable td {
	padding: 10px 6px 9px 6px;
}

sc-window .orderTable.mnu-weekly-menuconfig-setting-p td {
	padding: 0;
	height: 60px;
}

sc-window .orderTable sc-date-field {
	display: block;
	margin: auto;
}

sc-window .setArea .orderTable td {
	padding: 14px 8px;
	text-align: left;
}

sc-window .orderTable sc-text-field {
	vertical-align: middle;
}
_:-ms-input-placeholder, sc-window .choiceRecipe .orderTable sc-text-field {
	width: 70px;
}
.orderTable td button:first-child {
	margin-bottom: 4px;
}

.orderTable sc-checkbox-field {
	margin-right: 0;
}

.planArea .orderTable sc-checkbox-field {
	margin-right: 4px;
}

.orderTable sc-checkbox-field>.check-default:before {
	padding-right: 0;
}

sc-window .recipeArea .choiceRecipe .orderTableContent {
	overflow-y: auto;
	height: calc(100% - 220px);
}

.orderTable  *[field]>.field-container input {
	text-align: right;
}
.orderTable .requestBox *[field]>.field-container input,
.orderTable *[field].request  >.field-container input,
.dateOrder .orderTable  *[field]>.field-container input {
    text-align: left;
}

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

.orderDetailTable {
	width: 100%;
	border-top: 2px solid #272727;
	overflow-y: auto;
}

.orderDetailTable table {
	width:100%;	
}

.orderDetailTable th, .orderDetailTable td {
	border-bottom: 1px solid #dedede;
	padding: 14px 0;
}
/*
.orderDetailTable tr:last-child th, .orderDetailTable tr:last-child td {
	border-bottom: none;
}
*/
.orderDetailTable th {
	font-size: 16px;
	text-align: left;
}

.orderDetailTable td {
	padding: 14px 30px 14px 20px;
}

_:-ms-input-placeholder, .orderDetailTable td {
	width: 410px;
}
_:-ms-input-placeholder, .setupTableArea .orderDetailTable td {
	width: auto;
}
_:-ms-input-placeholder, .orderDetailTable .orderTable td {
	width: 18px;
}

.orderDetailTable td {
	padding: 11px 0;
}

.orderDetailTable td input {
	width: inherit;
}
sc-window .orderDetailTable .orderTable th {
	padding: 0;
	text-align: center;
	font-size: 14px;
	border-bottom: 1px solid #dedede;
}
sc-window .orderDetailTable .orderTable td {
	padding: 8px 6px 7px 6px;
	border-bottom: 1px solid #dedede;
    text-align: center;
    word-break: break-all;
    position: relative;
}
sc-window .orderDetailTable .orderTable input:not(.input-cover-hidden) {
	display: inline-block;
}

.mnuTable {
	width: 100%;
}

.topLine {
	border-top: 1px solid #272727;
}

.lineArea {
	border-top: 2px solid #272727;
	border-bottom: 1px solid #272727;
	margin-top: 7px;
	margin-bottom: 1px;
}
.pop_deatail .lineArea {
	margin-top: 0;
}
.lineArea.addItem {
	height: calc(100% - 56px);
	overflow: hidden;
	overflow-y: auto;
}
.lineArea .noItem{
	text-align: center;
	width: 100%;
	height: 100%;
	display: table;
}
.lineArea .noItemText{
	display: table-cell;
	vertical-align: middle;
	color:#929292;
}

.bottomLine tr:last-child th,
.bottomLine tr:last-child td {
	border-bottom: none;
}

.bottomLine {
	border-bottom: 1px solid #272727!important;
}

.bottompdLine {
	padding-bottom: 6px;
    border-bottom: 1px solid #272727;
}

.mnuTable th {
	text-align: center;
	height: 40px;
	border-bottom: 1px solid #a8a8a8;
	background: #f8f7f7 url("../front-img/icon/line_orderTable.png") center right no-repeat;
}

.mnuTable th:first-child, .mnuTable th:last-child {
	background-image: none;
}

.mnuTable td {
	padding: 20px 8px;
	border-bottom: 1px solid #dedede;
	text-align: center;
	word-break: break-all;
}

.mnuTable a {
	text-decoration: underline;
	color: #272727;
}

.menuTable {
	background: none;
}

.menuTable {
	display: flex;
	flex-wrap: wrap;
}

.menuTable>li {
	width: 170px;
}

.menuTable>li.last {
	width: 162px !important;
}

.menuTable>li:first-child {
	width: 50px;
}

.month_menu .menuTable>li {
	border: none;
	padding: 0;
}
.month_menu .menuTable>li:hover,
.month_menu .menuTable>li[selected] {
	background: none;
}
.month_menu .menuTable>li:first-child {
	width: 170px;
}

.menuTable.title li>div {
	width: 162px;
	padding-bottom: 4px;
	border-bottom: 2px solid #272727;
	text-align: left;
	font-weight: bold;
}

.month_menu .menuTable.title li>div {
	padding-bottom: 10px;
	margin-right: 8px;
}

.menuTable.title li:last-child {
	width: 162px;
	margin-right: 0;
}

.menuTable.content  li {
	position: relative;
	vertical-align: top;
}

.menuTable.content .menuArea {
	background: #fff;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
	margin-right: 8px;
	border-bottom: 1px solid #525252;
}

.month_menu .menuTable.content .menuArea {
	min-height: 200px;
	height: auto;
}

.menuTable.content>li.last>div {
	margin-right: 0;
}

.menuTable.content  .menuArea:hover,
.menuTable.content  .menuArea[selected] {
	background: #fcf0ed;
}
.month_menu .menuTable.content  .menuArea:hover,
.month_menu .menuTable.content  .menuArea[selected] {
	background: #fff;
}

.menuTable.content {
	position: relative;
	vertical-align: top;
}

.menuTable th>div {
	width: 162px;
	padding-bottom: 4px;
	border-bottom: 2px solid #272727;
	text-align: left;
}

.menuTable td {
	position: relative;
	vertical-align: top;
}

.menuTable td>div {
	background: #fff;
	width: 162px;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
	margin-right: 8px;
	border-bottom: 1px solid #525252;
	min-height: 265px;
}

.menuTable td>div:hover, .menuTable td>div[selected] {
	background: #fcf0ed;
}

.menuTable tr td:last-child>div {
	margin-right: 0;
}

.menuTable .date {
	font-size: 36px;
	margin-right: 7px;
}

.menuTable .day {
	font-size: 18px;
}

.menuTable .searchCheck {
	margin-left: 0;
}

.menuTable .top {
	margin-bottom: 8px;
}

.menuTable .top strong {
	color: #929292;
}

.menuTable .top div {
	display: inline-block;
}

.menuTable .selectMenu {
	top: 34px;
}

.month_menu .menuTable  .title {
	font-size: 36px;
	margin-bottom: 0;
	margin-top: -6px;
}

/*페이지 네비*/
.pagingNavi {
	overflow: hidden;
	width: max-content;
	margin: 60px auto;
}

_:-ms-input-placeholder, .pagingNavi {
	display: flex width: 552px;
	text-align: center;
}

.pagingNavi li {
	float: left;
	margin-right: 8px;
}

_:-ms-input-placeholder, .pagingNavi li {
	float: none;
	display: inline-block;
}

.pagingNavi li:last-child {
	margin-right: 0;
}

.pagingNavi li a {
	display: block;
	text-align: center;
	width: 32px;
	height: 28px;
	border-radius: 2px;
	font-size: 14px;
	color: #272727;
	line-height: 27px;
}

.pagingNavi li a:hover {
	background-color: #e9e9e9;
}

.pagingNavi li a[selected] {
	background: #fae0da;
	color: #e66344;
	font-weight: bold;
}

.pagingNavi .btn_firstPrev {
	text-indent: -9999px;
	background: url("../front-img/icon/ic_pagination_first.png") center 0
		no-repeat;
}

.pagingNavi .btn_firstPrev:hover {
	background-color: #e9e9e9;
}

.pagingNavi .btn_prev {
	text-indent: -9999px;
	background: url("../front-img/icon/ic_pagination_prev.png") center 0
		no-repeat;
}

.pagingNavi .btn_prev:hover {
	background-color: #e9e9e9;
}

.pagingNavi .btn_lastNext {
	text-indent: -9999px;
	background: url("../front-img/icon/ic_pagination_end.png") center 0
		no-repeat;
}

.pagingNavi .btn_lastNext:hover {
	background-color: #e9e9e9;
}

.pagingNavi .btn_next {
	text-indent: -9999px;
	background: url("../front-img/icon/ic_pagination_next.png") center 0
		no-repeat;
}

.pagingNavi .btn_next:hover {
	background-color: #e9e9e9;
}

.pagingNavi .btn_firstPrev[disabled], .pagingNavi .btn_prev[disabled],
	.pagingNavi .btn_lastNext[disabled], .pagingNavi .btn_next[disabled] {
	background-position: 0 -38px;
	background-color: none;
}

.menuPagenation {
	margin: 25px 0 5px 0;
	text-align: center
}

.menuPagenation li {
	display: inline-block;
}

.menuPagenation li a {
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 100%;
	background: #bdbdbd;
	margin-right: 13px;
	text-indent: -9999px;
}

.menuPagenation li:last-child  a {
	margin-right: 0;
}

.menuPagenation a:hover, .menuPagenation a:active, .menuPagenation a[selected]
	{
	background: #e66344;
}
/* tb-data 추가 */
.tb-data {
	height: 150px;
	overflow: scroll;
	line-height: 1.6;
}

sc-button, button {
	min-width: 60px;
	height: 24px;
	line-height: 22px;
	color: #272727;
	font-size: 13px;
	margin-left: 4px;
	background: #FFF;
	text-align: center;
	border: 1px solid #a8a8a8;
	border-radius: 0;
	box-sizing: border-box;
	padding: 0 6px;
}

.h32 {
	min-width: 90px;
	height: 32px;
	line-height: 31px;
	padding: 0 10px;
	margin-left: 6px;
	font-size: 14px;
}

.h42 {
	min-width: 140px;
	height: 42px;
	line-height: 41px;
	padding: 0 16px;
	margin-left: 8px;
	font-size: 16px;
}

.h54 {
	min-width: 190px;
	height: 54px;
	line-height: 53px;
	padding: 0 20px;
	margin-left: 10px;
	border: 1px solid #272727;
	font-size: 18px;
	font-weight: bold;
}

.h72 {
/* 	min-width: 286px; 221209 modify */
	height: 72px;
	line-height: 71px;
	padding: 0 20px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
}

.btn_request {
	min-width: 72px;
	margin-right: 8px;
}
.btn_back {
	margin-bottom: 12px;
	position: relative;
	margin-top: -30px;
}
.btn_back:last-child {
	margin-top: 0;
}
.btn_back sc-button:before {
	content: url(../front-img/icon/ic_gotoprev.png);
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: sub;
}

.buyBtn button {
	width: 295px
}
.buyBtn button:first-child {
	margin-left: 0;
}

.buyBtn .btn_gray {
	margin-left: 0;
}

.buyBtn .add {
	background: url("../front-img/icon/ic_fav_normal.png") 45px 14px no-repeat;
}

.buyBtn .add.on {
	background: url("../front-img/icon/ic_fav_selected.png") 45px 14px
		no-repeat;
}


.btn_gray {
	width: 100% !important;
	background: #bdbdbd;
	color: #e9e9e9;
	height: 54px;
	font-size: 18px;
	font-weight: bold;
	border: none !important;
}

.btn_gray:hover {
	background: #dbdbdb;
}

.btn_sub {
	height: 32px;
	background: #887e7a;
	color: #fff;
	border: none;
}

.orderTable .btn_sub {
	min-width: 72px;	
	margin-right: 8px;
}

.btn_sub:hover {
	background: #7a716e;
}

.btn_sub:active, .btn_sub[active] {
	background: #7a716e;
}

.btn_sub[disabled] {
	background: #887e7a;
	color: #a8a8a8;
}

.btn_leftArrow, .btn_rightArrow {
	width: 24px;
	height: 56px;
	position: absolute;
	top: calc(50% - 56px);
	text-indent: -9999px;
	cursor: pointer;
}

.btn_leftArrow {
	left: 0;
	background: #dedede url("../front-img/icon/ic_arrow_s_left_normal.png")
		center center no-repeat;
}

.btn_rightArrow {
	right: 0;
	background: #dedede url("../front-img/icon/ic_arrow_s_right_normal.png") center center no-repeat;
}
.btn_reset {
	width: 30px;
	height: 30px;
	border: 1px solid #a1a4ab;
	background: #fff url("../front-img/icon/ic_reset.png") center center no-repeat;
	margin-left: 4px;
	cursor: pointer;
	text-indent: -9999px;
	display: inline-block;
    vertical-align: bottom;
}
.btn_reset[disabled] {
	background: #fff url("../front-img/icon/ic_reset_disable.png") center center no-repeat;
}

.btn_table {
	vertical-align: middle;
	margin-bottom: 10px;
	height: 32px;
}
.btn_table.inexplain {
	height: auto;
}
myp-voc-list-m .btn_table {
	padding-bottom: 0;
}

myp-voc-list-m .btn_table .floatRight {
	margin-top: 0;
}

.btn_table .h32 {
	margin-left: 4px;
}

.btn_table h3, .btn_table h5 {
	display: inline-block;
	margin-bottom: 0;
}

.btn_table .floatRight {
	margin-top: 7px;
}

.btn_table .floatRight.won {
	margin-top: 15px;
}
.btn_table .selectBox {
	margin-top: 10px;
	display: inline-block;
}
.btn_table.deal {
	font-size: 12px;
	display: flex;
	justify-content: space-between;
}

.btn_download {
	width: 36px;
	height: 36px;
	border-radius: 100%;
}

.btn_download a, .btn_downloadfile {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	text-indent: -9999px;
	background: url("../front-img/button/ic_download.png") no-repeat;
}

.btn_downloadfile {
	margin-top: 6px;
	cursor: pointer;
}

.btn_download a:hover {
	background-color: #e9e9e9;
	background-position: 0 -36px;
}

.btn_menu {
	width: 8px;
	height: 18px;
	background: url("../front-img/button/ic_option_v.png") no-repeat;
	float: right;
	text-indent: -9999px;
	cursor: pointer;
}

.btn_menu:active, .btn_menu[selected] {
	background-position: 0 -18px;
}

.btn_recipe {
	display: flex;
	text-align: center;
	padding-top: 8px;
	position: absolute;
	bottom: 8px;
	left: 0;
	background: #fff;
}
.btn_recipe .h32 {
	margin-left: 0;
}

.btn_recipe button {
	width: 241px;
}

.btn_recipe .btn_sub {
	margin-left: 6px !important;
}

.btn_top {
	visibility : hidden;
}
.btn_top.show {
  opacity: 1;
  visibility: visible;
}


.btn_top a {
	display: block;
	width: 60px;
	height: 60px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background: #fff url("../front-img/icon/ic_backtotop.png") center center
		no-repeat;
	position: fixed;
	right: 20px;
	bottom: 20px;
	text-indent: -9999px;
	border-radius: 100%;
	z-index: 100;
	cursor: pointer;
}


.setArea .btn_recipe li {
	width: 100%;
}

.setArea .btn_recipe li .btn_sub {
	margin: 0 !important;
	width: 100%;
}

sc-button:first-child, button:first-child {
	margin-left: 0 !important;
}

sc-button:hover, button:hover {
	background: #f4f4f4;
}

sc-button:active, button:active, sc-button[active], sc-button[pressed] {
	background: #e9e9e9;
}

sc-button[disabled], button[disabled] {
	color: #bdbdbd;
}

sc-button[focused] {
	box-shadow: none;
}

button.btn_arrow {
	min-width: 30px;
	width: 30px;
	height: 30px;
	background: transparent;
	border: none;
}

.btn_solid {
	background: #e66344;
	color: #fff;
	border: 1px solid #e66344;
}
.btn_solid[disabled] {
	background: #bdbdbd;
	color: #e9e9e9;
	border: 1px solid #bdbdbd;
}

.btn_solid:hover {
	background: #da5e41;
}

.btn_solid:active, .btn_solid[active], .btn_solid[pressed] {
	background: #cf593d;
}

.btn_border {
	border: 1px solid #e66344;
	color: #e66344;
}

.btn_border:hover {
	background: #fcf0ed;
}

.btn_border:active, .btn_border[active], .btn_border[pressed] {
	background: #fae0da;
}

sc-window cc-search-container .btn_bottom,
cc-search-container .btn_bottom {
	position: relative !important;
	text-align: right;
	margin-top: 10px;
}

cc-search-container.no_margin .sc-wrap-srch {
	margin-bottom: 0px;
}

cc-search-container.no_margin .btn_bottom {
	position: relative !important;
	text-align: right;
	margin-top: 0px;
}

sc-bc {
	display: inline-block;
	float: right;
	line-height: 30px;
	font-size: 12px;
}

.btn_basket {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	text-indent: -9999px;
	background: #e66344 url("../front-img/icon/ic_cart.png") center center
		no-repeat;
	cursor: pointer;
	border: none;
}
.btn_basket:hover {
	background: #cf593d url("../front-img/icon/ic_cart.png") center center no-repeat;
}

.btn_basketSmall {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	text-indent: -9999px;
	background: #e66344 url("../front-img/icon/ic_cart_w_s.png") center center no-repeat;
	cursor: pointer;
	border: none;
	display: inline-block;
}

.cardTable .btn_basket {
	position: absolute;
	right: 10px;
	top: 235px;
}

.btn_product {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	text-indent: -9999px;
	background: #e66344 url("../front-img/icon/ic_fav_l_normal.png") center center no-repeat;
	cursor: pointer;
	border: none;
}
.btn_product:hover {
	background: #cf593d url("../front-img/icon/ic_fav_l_normal.png") center center no-repeat;
}
.btn_product[selected] {
	background: #e66344 url("../front-img/icon/ic_fav_l_selected.png") center center no-repeat;
}
.cardTable .btn_product {
	position: absolute;
	right: 10px;
	top: 170px;
}
.btn_productSmall {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	text-indent: -9999px;
	background: #e66344 url("../front-img/icon/ic_fav_s_normal.png") center center no-repeat;
	cursor: pointer;
	border: none;
	display: inline-block;
}
.btn_productSmall:hover,
.btn_basketSmall:hover {
	background-color: #cf593d;
}
.btn_productSmall[selected] {
	background: #e66344 url("../front-img/icon/ic_fav_s_selected.png") center center no-repeat;
}
.btn_close {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: -9999px;
	cursor: pointer;
	background: url("../front-img/icon/ic_close_l_normal.png") no-repeat;
}

/*221209 add*/
.btn_update {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -9999px;
	cursor: pointer;
	background: url("../front-img/icon/ic_update_l_normal.png") no-repeat;
}

.commentTable .btn_update  {
	position: static;
	width: 20px;
    height: 20px;
    background-size: contain;
}

.btn_lock {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -9999px;
	cursor: pointer;
	margin: 0 10px 0 10px;
	background: url("../front-img/icon/ic_lock_l_normal.png") no-repeat;
}

.commentTable_input .btn_lock {
	position: static;
	width: 50px;
    height: 50px;
    background-size: contain;
}

.btn_unlock {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -9999px;
	cursor: pointer;
	margin: 0 10px 0 10px;
	background: url("../front-img/icon/ic_unlock_l_normal.png") no-repeat;
}

.commentTable_input .btn_unlock {
	position: static;
	width: 50px;
    height: 50px;
    background-size: contain;
}

.ic_unlock {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -9999px;
/* 	cursor: pointer; */
/* 	background: url("../front-img/icon/ic_unlock_l_normal.png") no-repeat; */
}
.commentTable .ic_unlock  {
	position: static;
	width: 20px;
    height: 20px;
    background-size: contain;
}

.ic_lock {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -9999px;
/* 	cursor: pointer; */
	background: url("../front-img/icon/ic_lock_l_normal.png") no-repeat;
}
.commentTable .ic_lock  {
	position: static;
	width: 20px;
    height: 20px;
    background-size: contain;
}

/**********************************************/
.ic_btn_unlock {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -9999px;
/* 	cursor: pointer; */
	background: url("../front-img/icon/ic_unlock_l_normal.png") no-repeat;
}
.commentTable .ic_btn_unlock  {
	position: static;
	width: 20px;
    height: 20px;
    background-size: contain;
    margin-top: 30px;
}

.ic_btn_lock {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0px;
	top: 10px;
	text-indent: -9999px;
/* 	cursor: pointer; */
	background: url("../front-img/icon/ic_lock_l_normal.png") no-repeat;
}
.commentTable .ic_btn_lock  {
	position: static;
	width: 20px;
    height: 20px;
    background-size: contain;
     margin-top: 30px;
}

.m27 {
	margin-top: 27px;
	margin-right: 10px;
	min-width: 50px;
}



.commentTable .btn_close  {
	position: static;
	width: 20px;
    height: 20px;
    background-size: contain;
}

.pac {
	display: inline-flex;
	font-size: 18px;
	text-align: center;
}

.pac li {
	width: 42px;
	height: 42px;
	border: 1px solid #a8a8a8;
	margin-left: -1px;
	color: #272727;
	box-sizing: border-box;
}

.pac li[selected] {
	border-color: #d01919;
}

.pac li:first-child {
	margin-left: 0;
}

.btn_minus, .btn_plus {
	text-indent: -9999px;
	cursor: pointer;
}

.btn_minus {
	background: url("../front-img/icon/ic_stepper_down_normal.png") center
		center no-repeat;
}

.btn_plus {
	background: url("../front-img/icon/ic_stepper_up_normal.png") center
		center no-repeat;
}

.btn_group {
	display: inline-block;
	margin-right: 4px;
	vertical-align: middle;
}

.btn_group sc-button {
	margin-left: -1px;
	height: 32px;
	line-height: 31px;
}

.btn_group sc-button:active, .btn_group sc-button.selected {
	background: #fcf0ed;
	border: 1px solid #e66344;
	color: #e66344;
	position: relative;
	z-index: 10;
}

.btn_group sc-button:active, .btn_group sc-button[selected] {
	background: #fcf0ed;
	border: 1px solid #e66344;
	color: #e66344;
	position: relative;
	z-index: 10;
}

.voc_btn sc-button {
	width: 116px;
}

.btn_up, .btn_down, .btn_selectMenu {
	display: inline-block;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	cursor: pointer;
	border-radius: 100%;
}

.btn_up {
	background: url("../front-img/icon/ic_row_close.png") no-repeat;
}

.btn_down {
	background: url("../front-img/icon/ic_row_open.png") no-repeat;
}

.btn_selectMenu {
	background: url("../front-img/icon/ic_option.png") no-repeat;
	margin-left: 15px;
}

.btn_selectMenu:hover, .btn_up:hover, .btn_down:hover {
	background-color: #f4f4f4;
	background-position: 0 -36px;
}

.btn_selectMenu:active, .btn_up:active, .btn_down:active {
	background-color: #e9e9e9;
	background-position: 0 -36px;
}

.selectMenu {
	position: absolute;
	min-width: 114px;
	border: 1px solid #272727;
	padding: 6px 0 6px 0;
	right: 0;
	z-index: 20;
	background: #fff;
	top: 42px;
}

.selectMenu li {
	padding: 6px 5px 6px 10px;
	text-align: left;
}
.selectMenu li a {
	display: block;
}
.selectMenu li a:hover {
	color: #e66344;
}

.selectMenu span {
	display: block;
	color: #272727!important;
	cursor: pointer;
}

.selectMenu li:hover {
	background: #fcf0ed;
}

.selectMenu li:hover span {
	color: #e66344
}

.selectMenu .line {
	border-bottom: 1px solid #dedede;
}

.selectMenu.subLeft {
	left: 0;
	right: inherit;
}

.pac .pac_NO {
	width: 90px;
}

/*툴팁*/
.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.tooltip.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 .tooltip.grab_cur{
	cursor: grabbing;
	cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:         grabbing;
	cursor: url(/ui/assets/front-img/cursor/closedhand.cur), auto;
}

.tooltip .tooltiptext.tooltipRight {
	right: 0 !important;
	left: auto !important;
}

.tooltip .tooltiptext {
	visibility: hidden;	
	color: #fff;;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
	position: absolute;
	z-index: 10;
	font-size: 13px;
	top: 20px;
	left: 20px;
	text-align: left;
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content;
    grid-template-columns: max-content;
}
.tooltip .tooltiptext.auto {
	-ms-grid-columns: auto;
    grid-template-columns: auto;
}
.tooltip .tooltiptext:after {
	 white-space: pre; 
	 word-wrap: break-all;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	padding: 5px 10px;	
	background-color: #272727;
}
/******************/
/* sc-grid-paging */
/******************/
sc-grid-paging sc-container {
	border: 0;
	border-radius: 0;
	background-image: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.field-container {
	border: none;
	width: 100%;
	line-height: 22px;
	display: flex;
	border: 1px solid #a8a8a8;
}

sc-period-date-field .field-container,
sc-trigger-field .field-container,
sc-trigger-field *[field]>.field-container:hover, 
sc-trigger-field *[field]>.field-container[selected],
.searchBox .field-container,
.searchBox *[field]>.field-container:hover,
.searchBox .value-field:hover,
.searchBox *[field]>.field-container[selected],
.searchBox [field][focused]>.field-container, 
.searchBox [inner-field][focused]>.field-container  {
	border: none!important;	
}

com-catering-search-front-text-c *[field]>.field-container input,
com-messroom-search-front-text-c *[field]>.field-container input,
cc-dept-search  *[field]>.field-container input {
	width: calc(100% - 18px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

[field][focused]>.field-container, 
[inner-field][focused]>.field-container {
	border: 1px solid #e66344;
	box-shadow: none !important;
}

sc-panel>div.content-wrap.sc-panel>div.content.sc-panel {
	padding: 0;
	position: static;
}

sc-toolbar.sc-grid-paging.pagingToolbar {
	border-top: 1px solid #1e5784;
	background: #fff;
	padding: 4px 0;
	border-radius: 0;
	vertical-align: middle;
	line-height: 0
}

sc-toolbar.sc-grid-paging sc-container {
	padding: 0;
}

sc-toolbar.sc-grid-paging.pagingToolbar .field-container {
	height: 20px
}

sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar sc-label {
	font-size: 12px;
	line-height: 20px;
}

sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar sc-button {
	border: 1px solid #ddd;
	background-color: #fff;
	background-image: url(../img/icons_pagination.png);
	background-repeat: no-repeat;
}

sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar sc-button:hover {
	border: 1px solid #555
}

sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar input {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

sc-grid-paging sc-toolbar.sc-grid-paging.pagingToolbar .content input {
	vertical-align: top;
}

.sc-grid-paging .angle-double-left, .sc-grid-paging .angle-left,
	.sc-grid-paging .angle-right, .sc-grid-paging .angle-double-right {
	width: 18px;
	height: 18px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	vertical-align: top;
}

sc-grid-paging sc-button:focus {
	box-shadow: none;
}

.sc-grid-paging .angle-double-left {
	background-position: 5px 5px;
}

.sc-grid-paging .angle-left {
	background-position: 7px -25px;
}

.sc-grid-paging .angle-right {
	background-position: 7px -55px;
}

.sc-grid-paging .angle-double-right {
	background-position: 4px -85px;
}

.sc-grid-paging .disabled {
	pointer-events: none;
	opacity: .3;
}

.disabled .field-container input {
	pointer-events: none;
	opacity: .3 !important;
}

/****************/
/* sc-component */
/****************/
/* Text field 기본 속성 */
sc-text-field {
	width: 100%;
	/* vertical-align: middle; */
}
_:-ms-input-placeholder, sc-text-field {
	vertical-align: baseline;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .safariValign { vertical-align: middle; } 
} 

.orderTable .pac_NO sc-text-field {
	margin-top: 0;
}

.textfieldS .field-container input {
	width: 200px;
}

sc-text-field.align-right .input-cover, 
sc-number-field.align-right .input-cover {
	text-align: right;
}

sc-number-field {
	min-width: 85px;
	font-size: 14px;
	color: #141c2f;
	background: #fff;
}

sc-number-field .trigger-container {
	display: none;
}

input::placeholder, 
textarea::placeholder {
	color: #929292;
}

[field] .input-cover {
	height: 18px;
	padding: 0 6px;
}

*[field]>.input-cover {
	height: 18px;
	min-height: 18px;
}

[field] .input-clear {
	bottom: 0;
	font: normal normal normal 11px/18px Noto sans KR ';
}

[field] .input-clear:hover {
	color: #000
}

.eng >.field-container input {
	ime-mode: disabled;
}

*[field]>.field-container input {
	height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff;
	cursor: pointer;
	line-height: 29px;
}
_:-ms-input-placeholder, *[field]>.field-container input {
	line-height: normal;
}
sc-date-field.input_h42 {
	display: block;
}

sc-date-field.input_h42 input {
	height: 42px !important;
}

sc-date-field.input_h42 .trigger-container {
	top: 13px !important;
}

*[field]>.field-container placeholder {
	color: #929292;
}

*[field]>.field-container:hover,
 *[field]>.field-container[selected]{
	border: 1px solid #e66344;
}

*[field][disabled]>.field-container input {
	background: #f4f4f4;
	color: #bdbdbd;
}

*[field][readonly]>.field-container input, input[readonly] {
	background: #f4f4f4;
}

sc-text-field.water {
	width: 100px;
}

sc-text-field.water-standard {
	width: 100px;
	vertical-align: middle;
}

sc-text-field.water>.field-container  input {
	border: 1px solid #d01919;
	text-align: right;
}

sc-text-field.water-standard>.field-container  input {
	text-align: right;
}

sc-text-field.nameChange {
	width: 340px;
	height: 40px;
}

sc-text-field.nameChange>.field-container {
	border: 1px solid #e66344;
	font-size: 24px;
	height: 40px;
}
sc-text-field.nameChange > .field-container input {
	line-height: 39px;
}
.pac *[field]>.field-container {
	border: none;
}
.pac *[field]>.field-container input {
	padding: 0 1px;
	text-align: center!important;
	height: 30px;
}

.pac .pac_NO *[field]>.field-container input {
	height: 36px;
}

*[field]>.field-container textarea, textarea {
	font-family: 'Noto sans KR', '맑은 고딕', 'Malgun Gothic', dotum, '돋움', Arial;
	font-size: 14px;
	padding: 5px 10px;
	box-sizing: border-box;
    width: 100%;
}

/**[field][required]>.field-container textarea, textarea {
	background: #fff;
	border: 1px solid #a8a8a8;
}
*/
*[field][readonly]>.field-container textarea, textarea[readonly] {
	pointer-events: auto;
	background-color: #f4f4f4;
}

*[field][readonly]>.check-default:before {
	color: #CCC;
}
/*[field][readonly]>.field-container>input {background:none}*/
*[field][disabled]>.check-default:before {
	color: #CCC;
}

*[field][readonly]>.check-default.checked:before {
	color: #CCC;
}

*[field][disabled]>.check-default.checked:before {
	color: #CCC;
}

*[field][readonly]>.field-container>.trigger-container .trigger {
	background-color: transparent; /* 2016.09.30 CMK */
}

*[field]>.field-container>.trigger-container .trigger {
	/*background-color: #FFFFFF;*/
}

*[field]>.field-container>.trigger-container .search {
	height: 18px;
}

*[field]>.field-container>.trigger-container .search:before {
	content: url(../img/ico_search.png);
	font: normal normal normal 0 FontAwesome;
	cursor: pointer;
	margin-left: 5px;
}

*[field]>.field-container>.trigger-container .refresh {
	background-image: url(../../../ui/assets/img/trigger-refresh.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

*[field]>.field-container>.trigger-container .multi-search {
	background-image: url(../../../ui/assets/img/trigger-multi-search.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 24px;
	height: 18px;
	cursor: pointer;
}

*[field][readonly][trigger-cls="multi-search"]>.field-container {
	display: inline-flex !important;
}

cc-search-container .trigger-container .field-search {
	cursor: pointer;
	height: 16px;
}

*[field]>.field-container>.trigger-container .field-search:before {
	content: url(../img/ic_search_normal.png);
	cursor: pointer;
}

*[field]:hover>.field-container>.trigger-container .field-search:before
	{
	content: url(../img/ic_search_hover.png);
}

*[field]>.field-container>.trigger-container .field-multi-search {
	background-image: url(../../../ui/assets/img/trigger-multi-search.png);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}

/**[field][readonly][trigger-cls="multi-search"]>.field-container>.trigger-container {
	display: block !important;
}*/

/* *[field][disabled]>.field-container {
	background-color: #E8E8E8; border:1px solid #b8b8b8;
}*/
.field-box {
	display: inline-flex;
	width: 100%;
	/*position:relative;*/
}

.small_field sc-combobox-field .field-container input {
	width: 122px;
	min-width: 122px;
}

.small_field .trigger-container {
	right: 48px;
	top: 7px;
}

.trigger-container {
	width: 16px;
	position: absolute;
	right: 10px;
	top: 8px;
}

.searchBox li:first-child .trigger-container {
	width: 24px;
	top: 4px;
	right: 11px;
}

.searchBox li:last-child .trigger-container {
    width: 24px;
    position: absolute;
    right: -16px;
    top: 5px;
    padding: 0 10px;
}

.sc-number-field .trigger-container {
	right: 0px;
	top: 4px;
}

.w-100 .field-container {
	padding-right: 4px;
}

sc-combobox-field,
sc-multi-combobox-field,
sc-filter-combobox-field {
	display: inline-block;
	position: relative;
	width: 100%;
}
_:-ms-input-placeholder, .table_searchResult sc-combobox-field,
_:-ms-input-placeholder, .table_searchResult sc-multi-combobox-field,
_:-ms-input-placeholder, .table_searchResult sc-filter-combobox-field,
_:-ms-input-placeholder, .table_searchResult sc-text-field {
	max-width: 225px;
	vertical-align: middle;
}

.textNO {
	font-size: 12px;
	color: #7d7d7d;
	text-align: right;
}
.textNO > span {
	display: inline-block;
    float: left;
}

/* sc-picker-field 추가 */
sc-picker-field {
	display: inline-block;
	position: relative;
	width: 118px;
}

.tf-time sc-picker-field .field-container input {
	min-width: 118px;
}

sc-combobox-field .default:before,
sc-multi-combobox-field .default:before,
sc-filter-multi-combobox-field .default:before,
sc-filter-combobox-field .default:before {
	content: "";
	background: url(../front-img/icon/dropdown_open.png);
	width: 16px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
}

sc-combobox-field.comboboxS {
	width: 120px;
	margin-right: 4px;
}

.sc-wrap-srch sc-combobox-field.comboboxS input.sc-combobox-field {
	min-width: 110px;
}
[field][disabled] .trigger-container {
	display: inline-block;
}
/* 2016.12.09 CMK */
sc-combobox-field:hover .default:before,
sc-multi-combobox-field:hover .default:before,
sc-filter-multi-combobox-field:hover .default:before {
	background-position: 0px -16px ;
}

sc-combobox-field[disabled] .default:before,
sc-multi-combobox-field[disabled] .default:before,
sc-filter-multi-combobox-field[disabled] .default:before {
	background-position: 0px -32px ;
}

sc-multi-combobox-field .check-default:before {
	margin-right: 5px;
}

sc-multi-combobox-field .default {
	height: 18px;
}

sc-combobox-field .trigger, sc-multi-combobox-field .trigger {
	line-height: 0;
	padding: 0;
}

sc-date-field {
	width: auto;
}

sc-date-field.calender {
	width: 100%;
}

sc-date-field.calender input {
	text-align: left !important;
}

cc-button-calendar {
	display: flex;
}

.calender  input {
	width: 100%;
	min-width: 128px !important;
}
.calender.w110  input {
	min-width: 110px!important;
}
.calender.w0  input {
	min-width: 0px !important;
}
.calenderS input {
	width: 128px !important;
	min-width: 128px !important
}

.calenderM  input {
	min-width: 128px !important;
	max-width: 150px;
}

sc-date-field[readonly] {
	width: 79px;
}

sc-period-date-field {
	width: 215px;
	height: 32px;
	border: 1px solid #a1a4ab;
	padding: 5px 10px;
	box-sizing: border-box;
	background: #fff;
	display: block;
}

sc-period-date-field input {
	border: none !important;
	padding: 0 !important;
	width: 82px !important;
	min-width: inherit !important;
	height: inherit !important;
}

sc-period-date-field>.field-container>span {
	display: inline-block;
	vertical-align: top;
	line-height: 1;
	margin-right: 3px;
}

sc-period-month-field {
	width: inherit;
	max-width: 162px;
	line-height: 0;
}

sc-period-date-field .default {
	width: 18px;
	height: 18px;
	display: block;
	cursor: pointer;
	color: #919191;
	background-color: rgba(255, 255, 255, 0);
}

.searchBox sc-date-field .default {
	content: "";
	display: block;
	padding: 0 10px;
	background: url(../front-img/icon/ic_calendar_home_normal.png) center center no-repeat;
}
.searchBox sc-date-field .default:before {
	content: "";
}

.searchBox sc-date-field .trigger-container .trigger {
	width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    line-height: 0;
}
.searchBox sc-date-field .default:hover {
	content: url(../front-img/icon/ic_calendar_home_normal.png);
}

sc-period-date-field .default:before, 
sc-date-field .default:before,
sc-period-date-field .default:before {
	content: url(../img/ic_calendar_normal.png);
	/* font:normal normal normal 0 FontAwesome; */
}

sc-period-date-field .default:hover {
	color: #66afe9
}

sc-month-field {
	width: 150px;
}
sc-month-field .default:before, sc-period-month-field .default:before {
	content: url(../img/ic_calendar_normal.png);
	font: normal normal normal 0 FontAwesome;
}

/* calendar style 추가 */
sc-date-field .default:hover {
	content: url(../img/ic_calendar_hover.png);
}

sc-multi-combobox-field .default {
	width: 18px;
	height: 16px;
	display: block;
	cursor: pointer;
	background-color: #fff;
	font: normal normal normal 0 FontAwesome;
	text-align: center
}

.trigger-container .trigger {
	width: 16px;
	height: 16px;
	min-width: 16px;
	min-height: 16px;
	line-height: 0;
}

sc-period-date-field .text-field {
	width: 80px;
	background: #fff;
	line-height: 0;
	display: inline-block;
}

sc-period-date-field .text-field:last-child {
	width: 108px;
}
/*
sc-period-date-field .text-field[to][readonly] {
	width: 79px;
}

sc-period-date-field .text-field[from] {
	width: 79px; background:#fff;
}
*/
sc-period-date-field .text-field[from] .trigger-container {
	display: none;
}


/* sc-radio-group */
sc-radio-group-field[readonly] .check-default:before {
	color: #CCC;
}

sc-radio-group-field[disabled] .check-default:before {
	color: #CCC;
}

sc-radio-group-field[readonly] .check-default.checked:before {
	color: #CCC;
}

sc-radio-group-field[disabled] .check-default.checked:before {
	color: #CCC;
}

sc-number-field .trigger-container .spinner {
	height: 9px;
	line-height: 13px;
	min-height: 9px;
}

.es-attrpool-list-detail-0 .es-attrpool-list-detail.field-box,
	sc-number-field, sc-number-field .trigger-container input {
	line-height: 0;
}
/* field-container
*[field][required] .field-container input, *[field][required] .field-container .trigger-container .trigger, *[field][required] .input-cover {background-color:#fffef0!important;}
*[field][focused]>.field-container, [field][selected]>.field-container{border-color:#1e5784;}
*[field][readonly]>.field-container input, *[field][readonly]>.field-container>.trigger-container .trigger {background-color:#E8E8E8!important; }
*[field][focused]>.field-container, [field][selected]>.field-container{border-color:#1e5784;}
*[field][disabled]>.field-container>input, *[field][disabled]>.field-container .input-cover, *[field][disabled]>.field-container .trigger, sc-number-field[disabled]>.field-container .trigger, [field][readonly] .input-cover {
	background-color: #E8E8E8 !important; pointer-events:none;
}
*[field][disabled] {pointer-events:none;}
*[field][required][disabled]>.field-container>.trigger-container .trigger {
	background-color: #E8E8E8!important;
}
 */
/* sc-splitter */
sc-splitter.horizontal {
	background-color: #e7e7e8;
	border-radius: 10px;
	height: 8px;
	margin: 5px 0;
	text-align: center;
	font: normal normal normal 10px/8px FontAwesome;
}

sc-splitter.horizontal>div:before {
	color: gray;
	content: "\f141 ";
}

sc-splitter.vertical {
	background-color: #e7e7e8;
	border-radius: 10px;
	width: 8px;
	height: 100%;
	margin: 0 6px;
	text-align: center;
	vertical-align: middle;
	font: normal normal normal 10px/1 FontAwesome;
}

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

/* sc-panel */
sc-panel {
	position: relative;
	display: block;
	border: 0;
	box-sizing: border-box;
	background-color: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

sc-panel>sc-toolbar.header {
	background-color: #fff;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #eee;
	padding-left: 0;
}

sc-panel>sc-toolbar.header .title {
	font-size: 16px;
	color: #141c2f;
	padding: 5px 0;
}

/*sc-panel>div.content-wrap>div.content {
	padding: 0 5px 5px 5px;
}*/
sc-panel>sc-toolbar.header>.collapsible:before {
	content: "\f077";
}

sc-panel>sc-toolbar.header>.collapsed:before {
	content: "\f078";
}

sc-panel>sc-toolbar.header>sc-button {
	background-color: #fff;
	color: gray;
	font: normal normal normal 14px/14px FontAwesome;
}

sc-panel>sc-toolbar.header>sc-button:hover {
	background-color: #fff;
	color: gray;
	font: normal normal normal 14px/14px FontAwesome;
}

/* sc-toolbar */
sc-toolbar {
	font-size: 13px;
	font-weight: normal;
	color: #1f2533;
	border-bottom: 0;
	background: #ffffff;
	min-height: 24px;
}

sc-toolbar {
	height: auto;
	padding: 0;
	margin-bottom: 9px;
}

sc-toolbar sc-label {
	height: 20px;
	font-size: 15px;
	font-weight: bold;
}

/* sc-tab-navigation */
sc-tab-navigation {
	padding: 0;
}

sc-window sc-tab-navigation {
	height: calc(100% - 1px);
}
sc-window sc-tab-navigation.menuCallNavi {
	overflow: hidden!important;
	border-bottom: 1px solid #272727;
}
sc-tab-navigation sc-tabs {
	border-left: 1px solid #dedede;
}

.tabSquare {
	padding: 0;
}

sc-tab-navigation sc-tabbar sc-tab {
	font-size: 14px;
	height: 26px;
	padding: 0 15px;
	line-height: 22px;
}

sc-tab-navigation>div.content-wrap>div.content {
	border: none;
	box-shadow: none;
	min-height: 40px;
	height: 100%;
	position: static !important;
	overflow: hidden;
	width: 100% !important;
}
.searchList sc-tab-navigation>div.content-wrap>div.content,
.orderTab sc-tab-navigation>div.content-wrap>div.content {
	height: 100%!important;
}
.regist sc-tab-navigation >div.content-wrap>div.content {
	height: calc(100vh - 292px)!important;
    overflow-y: auto!important;
    padding-bottom: 30px;
}
.mainBoard sc-tab-navigation>div.content-wrap>div.content {
	min-height: 	270px;
}

sc-tab-navigation.menuCallNavi>div.content-wrap>div.content {
	max-height: 531px !important;
	height: auto;
	overflow: hidden!important;
	overflow-y:auto!important;
}

sc-tabbar {
	border-bottom: 2px solid #141c2f;
	/* margin-bottom: 20px; */
}

sc-window sc-tabbar {
	margin-bottom: 10px;
}

sc-tab.iron-selected {
	border-top: 1px solid #000;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	background: #fafafa;
	border-right: 1px solid #dedede;
	font-weight: bold;
	color: #000;
	border-radius: 0 0 0 0;
}

sc-tabbar div.content>sc-tab:first-child, sc-tabbar div.content>sc-tab:last-child
	{
	border-radius: 0;
}

sc-tabbar>.content>sc-tab {
	height: 36px;
	padding: 0 0 0 60px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	color: #bdbdbd;
	line-height: 35px;
	background: none;
	position: static;
	display: inline-block;
	left: 0 !important;
}
.regist sc-tabbar>.content>sc-tab {
	cursor: default;
}

sc-tabbar>.content>sc-tab:first-child {
	padding-left: 0;
}

sc-tabbar>.content>sc-tab[active] {
	background: none;
	color: #272727;
}

.menuArea sc-tabbar>.content>sc-tab {
	font-size: 16px;
}

sc-tabbar>div.content {
	height: 36px;
	margin-bottom: 8px;
	overflow: visible;
}

sc-tabbar>.scroller-disabled, sc-tabbar>.scroller {
	display: none;
}

.tabNabiLine sc-tabbar {
	border-right: none;
}

.tabNabiLine sc-tabbar>div.content {
	height: 50px;
	margin-bottom: 30px;
}

.tabNabiLine sc-tabbar>.content>sc-tab {
	height: 50px;
	width: 320px;
	box-sizing: border-box;
	text-align: center;
	color: #676767;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #a8a8a8;
	border-bottom: 1px solid #000;
	margin-left: -1px;
	line-height: 49px;
	background: #fff;
	padding: 0;
}

.tabNabiLine sc-tabbar>.content>sc-tab:first-child {
	margin-left: 0;
}

.tabNabiLine sc-tabbar>.content>sc-tab[active] {
	border: 1px solid #272727;
	border-top: 4px solid #272727;
	border-bottom: none;
	color: #272727;
	position: relative;
}
/*
sc-tab-navigation>div.content-wrap>div.content {box-shadow:inset 0 0 0 rgba(255,255,255,.15), 0 0 0 rgba(0,0,0,.075);}
*/

/* tabSquare 추가 */
.tabSquare sc-tabbar {
	border-right: none;
}

.tabSquare sc-tabbar>div.content {
	height: 84px;
	margin-bottom: 60px;
}

.tabSquare sc-tabbar>.content>sc-tab {
	height: 42px;
	width: 257px;
	box-sizing: border-box;
	text-align: center;
	color: #272727;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #a8a8a8;
	margin-left: -1px;
	background: #fff;
	line-height: 39px;
	padding: 0;
	display: inline-table;
}

.tabSquare sc-tabbar>.content>sc-tab:first-child, .tabSquare sc-tabbar>.content>sc-tab:nth-child(6)
	{
	margin-left: 0;
	width: 256px;
}

.tabSquare sc-tabbar>.content>sc-tab:nth-child(6), .tabSquare sc-tabbar>.content>sc-tab:nth-child(7),
	.tabSquare sc-tabbar>.content>sc-tab:nth-child(8), .tabSquare sc-tabbar>.content>sc-tab:nth-child(9),
	.tabSquare sc-tabbar>.content>sc-tab:nth-child(10) {
	margin-top: -1px;
}

.tabSquare sc-tabbar>.content>sc-tab[active] {
	border: 1px solid #e66344;
	background: #fae0da;
	color: #e66344;
	position: relative;
}

/* tabSquare4 - 4 tabs per row (custom) */
.tabSquare4 sc-tabbar {
	border: none;
}

.tabSquare4 sc-tabbar>div.content {
	height: auto;
	margin-bottom: 0;
}

/* 1. Parent container: Activate Flexbox to synchronize height */
.tabSquare4 sc-tabbar > .content {
    display: flex !important;
    align-items: stretch; /* Stretch all children to the tallest height */
    flex-wrap: wrap;
}

/* 2. Tabs: Set configuration to stretch and center the content */
.tabSquare4 sc-tabbar > .content > sc-tab {
    position: relative !important;
    left: auto !important;

    height: auto;
    min-height: 40px;
    width: 321px;
    box-sizing: border-box;

    text-align: center;
    color: #272727;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #a8a8a8;
    margin-left: -1px;
    background: #fff;

    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    line-height: 1.5;
    padding: 10px 15px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto; /* Prevent tabs from being unintentionally stretched/shrunk */
}

/* The first column of each row (1, 5, 9, 13 …) */
.tabSquare4 sc-tabbar > .content > sc-tab:nth-child(4n+1) {
    margin-left: 0;
    width: 320px;
}

.tabSquare4 sc-tabbar > .content > sc-tab:nth-child(n+5) {
    border-top: none;
}

.tabSquare4 sc-tabbar>.content>sc-tab[active] {
	background: #ff5624;
	color: #fff;
	position: relative;
}

.tabSquare4 > div.content-wrap > div.content.fit {
	display: none !important;
}

.evt-notice {
	padding-bottom: 30px;
}

.evt-tab-disabled {
	opacity: 0.3;
	pointer-events: none;
}

sc-container {
	padding: 0;
	border: none;
}

/*식단불러오기 탭*/
.menuCallNavi sc-tabbar {
	margin-bottom: 20px;
	border-bottom: none;
	border: 1px solid #929292;
}

.menuCallNavi sc-tabbar>div.content {
	height: inherit;
	margin-bottom: 0;
}

.menuCallNavi sc-tabbar>.content>sc-tab {
	width: 377px;
	height: 50px;
	background: #e8e8e8;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 50px;
	line-height: 49px;
	text-align: left;
	position: relative;
	overflow: visible;
	color: #929292;
}

.menuCallNavi sc-tabbar>.content>sc-tab:nth-child(2) {
	background: url(../front-img/icon/step_center.png) no-repeat;
	background-position: 0 -50px;
	position: absolute;
	left: 351px !important;
	z-index: 10;
}

.menuCallNavi sc-tabbar>.content>sc-tab[active] {
	background-color: #fff;
	color: #272727;
}

.menuCallNavi sc-tabbar>.content>sc-tab:nth-child(2)[active] {
	background-position: 0 0;
	background-color: transparent;
}

.menuCallNavi sc-tabbar>.content>sc-tab:last-child {
	float: right;
}

.menuCallNavi sc-tab span {
	width: 24px;
	height: 24px;
	background: #929292;
	color: #e9e9e9;
	text-align: center;
	line-height: 23px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 100%;
	font-size: 16px;
	font-weight: bold;
}

.menuCallNavi sc-tab[active] span {
	background: #272727;
	color: #fff;
}

.field-container>input {
	padding: 3px 4px;
	line-height: 0
}

sc-period-date-field .trigger-container {
	top: 2px;
	right: 0;
}

sc-period-date-field .trigger-container .trigger {
	width: 16px;
	min-width: 16px;
}

/* sc-messagebox */
sc-messagebox sc-toolbar {
	border: none;
}

sc-messagebox>div.content-wrap>div.content>div.message {
	word-break: keep-all;
	word-wrap: break-all;
}

/* sc-window */
sc-window>sc-toolbar.header {
	border: none;
}

sc-window>div.content-wrap>div.content {
	padding: 5px;
}

/* sc-dialog */
sc-dialog>sc-toolbar.header {
	border: none;
}

/* sc-editor 높이 고정값 속성 */
sc-editor.h-100 {
	height: 100px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-110 {
	height: 110px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-120 {
	height: 120px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-150 {
	height: 150px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-200 {
	height: 200px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-250 {
	height: 250px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-300 {
	height: 300px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-350 {
	height: 250px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-400 {
	height: 400px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-450 {
	height: 450px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-500 {
	height: 500px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

/* sc-grid */
sc-grid {
	position: relative;
	display: block;
	overflow: hidden !important;
	width: 100%;
	height: 100%;
}

/*sc-grid[_headable] {
	border: 1px solid #C2C2C2;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid transparent;
	border-color: #cfdbe2;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
}*/
sc-grid[_headable]>div.content-wrapper>div.content {
	/*padding: 0 5px 5px 5px;*/
	padding: 0;
}

sc-grid>sc-toolbar.header {
	/*border-top: 3px solid;
	border-left: 0;
	border-right: 0;
	border-color: #cfdbe2;
	background-color: #ffffff;
	padding: 0px 5px;*/
	min-height: 25px;
}

sc-grid>sc-toolbar.header .title {
	width: calc(100% - 0px);
	font-size: 13px;
	color: #444;
	padding: 5px 5px;
}

sc-grid>sc-toolbar.header>.collapsible:before {
	content: "\f077";
}

sc-grid>sc-toolbar.header>.collapsed:before {
	content: "\f078";
}

sc-grid>sc-toolbar.header>sc-button {
	background-color: #fff;
	color: gray;
	font: normal normal normal 14px/14px FontAwesome;
}

sc-grid>sc-toolbar.header>sc-button:hover {
	background-color: #fff;
	color: gray;
	font: normal normal normal 14px/14px FontAwesome;
}

cc-upload {
	background-color: #fff;
	/*-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .05);*/
	box-sizing: border-box;
	overflow: hidden !important;
}

cc-upload .header {
	border-top: 3px solid;
	border-left: 0;
	border-right: 0;
	border-color: #cfdbe2;
	background-color: #ffffff;
	padding: 0px 5px;
	min-height: 35px;
	box-sizing: border-box;
}

cc-upload .collapsible {
	float: right;
}

cc-upload .title {
	width: calc(100% - 0px);
	font-size: 13px;
	color: #444;
	padding: 5px 5px;
}

cc-upload .header sc-button {
	font: normal normal normal 14px/17px FontAwesome;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	text-rendering: auto;
	padding: 2px;
	width: 18px;
	background-color: #fff;
	color: #cfdbe2;
	opacity: 0.7;
}

cc-upload .header sc-button:hover {
	opacity: 1;
}

cc-upload .collapsible:before {
	content: "\f077";
}

cc-upload .collapsed:before {
	content: "\f078";
}

cc-upload[headable] {
	border: 1px solid #C2C2C2;
	box-sizing: border-box;
	border-color: #cfdbe2;
	border-radius: 4px;
}

cc-upload[headable]>.content-wrap>.content {
	padding: 0 5px 5px 5px;
}

cc-editor {
	background-color: #fff;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
	box-sizing: border-box;
	overflow: hidden !important;
}

cc-editor .header {
	border-top: 3px solid;
	border-left: 0;
	border-right: 0;
	border-color: #cfdbe2;
	background-color: #ffffff;
	padding: 0px 5px;
	min-height: 35px;
	box-sizing: border-box;
}

cc-editor .collapsible {
	float: right;
}

cc-editor .title {
	width: calc(100% - 0px);
	font-size: 13px;
	color: #444;
	padding: 5px 5px;
}

cc-editor .header sc-button {
	font: normal normal normal 14px/17px FontAwesome;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	text-rendering: auto;
	padding: 2px;
	width: 18px;
	background-color: #fff;
	color: #cfdbe2;
	opacity: 0.7;
}

cc-editor .header sc-button:hover {
	opacity: 1;
}

cc-editor .collapsible:before {
	content: "\f077";
}

cc-editor .collapsed:before {
	content: "\f078";
}

cc-editor[headable] {
	border: 1px solid #C2C2C2;
	box-sizing: border-box;
	border-color: #cfdbe2;
	border-radius: 4px;
}

cc-editor[headable]>.content-wrap>.content {
	padding: 0 5px 5px 5px;
}

/* Icon */
.bullet-close:before {
	content: "\f00d";
	color: #a5a3a3;
}

.bullet-check:before {
	content: "\f00c";
	color: #0e8cd8;
}

.bullet-docs:before {
	content: "\f15c";
	color: #d4d4d4;
}

.bullet-docs:hover:before {
	color: #a5a3a3;
	cursor: pointer;
}

.bullet-copy:before {
	content: "\f0ea";
	color: #d4d4d4;
}

.bullet-copy:hover:before {
	color: #a5a3a3;
	cursor: pointer;
}

/* Developer Module */
.highlight {
	border: 1px solid #0081ff;
}

.highlightBg {
	background-color: #cbe8ff;
	cursor: pointer;
}

/* 평가 작성 화면 */
.attach:before {
	content: '\f0c6';
}

.help:before {
	content: '\f128';
}

.searchCheck {
	display: inline-block;
	margin-left: 18px;
}
.searchCheck sc-checkbox-field {
	vertical-align: bottom;
}

.weeklyArea .searchCheck {
	margin-left: 0;
	margin-top: 9px;
}

.menu_write .checkAll {
	margin: 0 0 15px 50px;
}

.menu_write.month_menu  .checkAll {
	margin-left: 0;
}

sc-checkbox-field {
	white-space: nowrap;
	margin-right: 3px;
}
.inlineblock sc-checkbox-field {
	vertical-align: baseline;;
}

.menuArea sc-checkbox-field {
	display: block;
}

/*** Add 2017-03 ***/
.pg_title {
	height: 28px;
	border-bottom: 1px solid #1e5784;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
}

.pg_title sc-label {
	font-size: 18px;
	font-weight: bold;
}

sc-listbox>* {
	padding: 4px 8px;
	cursor: pointer
}

/* Search Form */
.sc-wrap-srch table {
	width: 100%;
}

.sc-wrap-srch .field-container input, .sc-wrap-srch input.sc-combobox-field
	{
	min-width: inherit;
}

.sc-wrap-srch cc-dept-search .hspace-5, cc-dept-search .hspace-5 {
	display: none;
}

.wrapS .field-container input {
	min-width: 130px;
}

.large_field input.sc-combobox-field {
	min-width: 254px;
}

.sc-wrap-btn {
	position: absolute;
	right: 10px;
	top: 0;
	width: 60px;
	height: calc(100% - 6px);
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.sc-wrap-btn .wrap-srch-btn {
	margin-top: 5px;
	-ms-flex: 1 1 0.000000001px;
	-webkit-flex: 1;
	flex: 1;
	-webkit-flex-basis: 0.000000001px;
	flex-basis: 0.000000001px;
	width: auto;
	height: calc(45% - 5px);
}

.sc-wrap-btn sc-button {
	width: 100%;
	height: 100%;
	padding: 0;
	color: #fff;
	text-align: center;
	display: table;
	margin-top: 3px;
	min-height: 20px;
	border-radius: 3px;
	box-sizing: border-box;
}

.sc-wrap-btn sc-button .button-container {
	text-align: center;
	line-height: 100%;
	height: 100%;
	vertical-align: middle;
	display: block;
	font-weight: bold;
}

.sc-wrap-btn sc-button:not ([icon-cls] )>.button-container {
	display: table-cell;
} /*확인*/
.sc-wrap-btn .btn_srch {
	background: #1e5784;
	margin-top: 0;
}

.sc-wrap-btn .btn_srch:hover {
	background: #152b3c;
}

.sc-wrap-btn .btn_reset {
	background: #acacac;
	height: calc(25% - 3px);
}

.sc-wrap-btn .btn_reset:hover {
	background: #ccc;
}

.sc-wrap-btn .btn_toggle_up {
	background: #fff url(../img/gly_srch_toggle_up.png) no-repeat center;
	border: 1px solid #ccc;
	height: calc(25% - 3px);
}

.sc-wrap-btn .btn_toggle_up:hover {
	background: #f1f1f1 url(../img/gly_srch_toggle_up.png) no-repeat center;
}

#_hideButtonContainer {
	position: relative;
	border-top: 1px solid #000;
	width: 100%;
	height: 0;
	top: 0;
	right: 0;
}

cc-search-container {
	position: relative;
	margin-bottom: 20px;
}
cc-dept-search {
	width: calc(100% - 36px);
}

#_hideButtonContainer sc-button {
	margin-top: 0;
	min-height: 17px;
}

.sc-wrap-btn .btn_toggle_down {
	position: absolute;
	top: -18px;
	right: 0;
	width: 60px;
	height: 17px;
	border-radius: 5px 5px 0 0;
	background: #d8d8d8 url(../img/gly_srch_toggle_down.png) no-repeat
		center;
	border: 1px solid #bbb;
	border-bottom: 0;
	z-index: 100;
	opacity: .5;
}

.sc-wrap-btn .btn_toggle_down:hover {
	background: #f7f7f7 url(../img/gly_srch_toggle_down.png) no-repeat
		center;
	opacity: 1;
}

._toggleHide {
	display: none;
	height: 20px;
}

/* Add 2017-03-16 : Page Title bar */
cc-front-title-bar {
	position: relative;
	height: 40px;
	line-height: 40px;
	margin-bottom: 25px;
	text-align:center;
}

sc-dialog cc-page-title-bar {
	border-bottom: 0px;
}

cc-front-title-bar h2 {
	display: inline-block;
	text-align: center;
    font-size: 36px;
    line-height: 1;
}

cc-front-title-bar ul {
	display: inline-block;
	margin-left: 2px;
width: 60px;
    float: right;
    height: 60px;
    margin-top : -10px;
}

cc-front-title-bar li {

}

cc-front-title-bar li button {
	background: url(../front-img/icon/ic_manual.png) no-repeat;
	width: 60px;
	height: 60px;
	vertical-align: baseline;
	margin-left : 0px;
	border:0px;

}

cc-front-title-bar li button:hover {
	background: url(../front-img/icon/ic_manual.png) no-repeat;
}
/*cc-page-title-bar li:nth-child(2) button {background-position:4px -47px;}
cc-page-title-bar li:nth-child(2) button:hover {background-position:-27px -47px;}
cc-page-title-bar li:nth-child(3) button {background-position:4px -97px;}
cc-page-title-bar li:nth-child(3) button:hover {background-position:-27px -97px;}*/
cc-front-title-bar .a_is_favorite {
	background-position: -25px 3px !important;
}

cc-front-title-bar .wrap_btn {
	display: inline-block;
	/* position:absolute; right:0; bottom:3px; height:22px;*/
	float: right;
	margin-bottom: 3px;
}

cc-front-title-bar .wrap_btn sc-button {
	background: #1e5784;
	line-height: 21px;
	height: 22px;
	box-sizing: border-box;
	padding: 0 10px;
	margin-left: 3px;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
}

cc-front-title-bar .wrap_btn sc-button:hover {
	background: #152b3c;
}

cc-front-title-bar .wrap_btn sc-button.na {
	background: #fff;
	border: 1px solid #ff7e00;
	color: #000
}

cc-front-title-bar .wrap_btn sc-button.na:hover {
	background: #ff7e00;
	color: #fff
}

cc-detail-title-bar {
	display: block;
	position: relative; /*border-bottom:1px solid #152b3c;*/
	font-size: 0;
}

sc-dialog cc-detail-title-bar {
	border-bottom: 0px;
}

cc-detail-title-bar h3 {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 20px;
	padding-bottom: 5px;
}

cc-detail-title-bar .wrap_btn {
	display: inline-block;
	/* position:absolute; right:0; bottom:3px; height:22px;*/
	float: right;
	margin-bottom: 3px;
}

cc-detail-title-bar .wrap_btn sc-button {
	background: #1e5784;
	line-height: 21px;
	height: 22px;
	box-sizing: border-box;
	padding: 0 10px;
	margin-left: 3px;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
}

cc-detail-title-bar .wrap_btn sc-button:hover {
	background: #152b3c;
}

cc-detail-title-bar .wrap_btn sc-button.na {
	background: #fff;
	border: 1px solid #ff7e00;
	color: #000
}

cc-detail-title-bar .wrap_btn sc-button.na:hover {
	background: #ff7e00;
	color: #fff
}

/* Add 2017-03-17 : Area Title bar */
cc-sub-title-bar {
	margin-bottom: 12px;
	display: inline-block;
}

.overX	cc-sub-title-bar {
	padding-top: 14px;
}

cc-sub-title-bar h4 {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

cc-sub-title-bar .rt {
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: top;
	height: 22px;
}

cc-sub-title-bar div {
	display: inline-block;
	height: 22px;
	margin-left: 10px;
	padding: 0
}

cc-sub-title-bar .wrap_btn {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 4px;
	height: 22px
}
/*cc-sub-title-bar .wrap_btn sc-button:hover {background:#1e5784;}
cc-sub-title-bar .wrap_btn sc-button {background:#ff7e00; line-height:20px; height:20px; box-sizing:border-box; padding:0 10px; margin-left:3px; vertical-align:middle; font-size:12px; font-weight:bold;}
cc-sub-title-bar .wrap_btn sc-button:first-child {margin-left:0;}*/
cc-sub-title-bar .wrap_btn sc-button.na {
	background: #fff;
	border: 1px solid #ff7e00;
	color: #000
}

cc-sub-title-bar .wrap_btn sc-button.na:hover {
	background: #ff7e00;
	color: #fff
}

sc-window cc-sub-title-bar {
	margin-top: 0;
}

h4.subTitle {
	padding: 10px 0;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.43;
}

[field][required]:before {
	border-width: 7px 7px 0 0;
	border-style: solid;
	border-color: #ea0037 transparent transparent;
	top: 0;
}

.grid-container {
	/*border-top:1px solid #141c2f;
	border-bottom:1px solid #141c2f; */
	box-sizing: border-box;
	clear: both;
}

.searchKeywordDialog {
	border: 1px solid #727682;
	border-radius: 0;
	padding: 10px 10px;
	background: #fff;
	max-height: 80%;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	
}

.locationChangeInfo {
	border: 1px solid #727682;
	border-radius: 0;
	padding: 10px 10px;
	background: #fff;
	max-height: 80%;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}


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

.locationChangeInfo:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.locationChangeInfo:before{
	border-color: rgba(39, 39, 39, 0);
	border-bottom-color: #272727;
	border-width: 8px;
	margin-left: -8px;
}


/* Add 2017-03-22 : Popup */
sc-window, sc-messagebox, sc-dialog {
	border: 1px solid #727682;
	border-radius: 0;
	padding: 20px 30px;
	background: #fff;
	max-height: 80%;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}


sc-window>.content-wrap {
	position: relative;
	height: calc(100% - 52px);
}

sc-window>sc-toolbar.header, sc-messagebox>sc-toolbar.header, sc-dialog>sc-toolbar.header
	{
	background: none;
	padding: 0;
	height: 40px;
	margin-bottom: 10px;
}

sc-window>sc-toolbar.header>.title, sc-dialog>sc-toolbar.header>.title {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.45;
	color: #1f2533;
}

sc-window>sc-toolbar.header>.title span {
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
	line-height: 2.5;
}

sc-window>sc-toolbar.header>.manual {
	padding-right : 10px;
}


sc-window>sc-toolbar.header>.manual span {
    background: url(../front-img/icon/ic_manual.png) no-repeat;
    width: 60px;
    height: 60px;
    vertical-align: baseline;
    margin-left: 0px;
    border: 0px;
    text-indent: -9999px;
    display: inline-block;
}



    
sc-window>div.content-wrap>div.content, 
sc-dialog>div.content-wrap>div.content {
	border-radius: 0;
	padding: 0;
	position: static;
	font-size: 14px;
	height: calc(100% - 60px);
	overflow-x: hidden; 
}
sc-window.mnu-menuconfig-savemrplan-p > div.content-wrap > div.content {
	overflow: hidden;
}

sc-window>sc-toolbar.header>sc-button {
	color: #fff;
	background: none;
	opacity: 1;
}

sc-window>sc-toolbar.header>sc-button:hover {
	background: none;
	opacity: 1
}

sc-window>sc-toolbar.header>.closable:before {
	content: ""
}

sc-window>sc-toolbar.header>.closable,
sc-dialog>sc-toolbar.header>.closable,
.inputClose,
.closeBox {
	min-width: auto;
	font: inherit;
	padding: 0 !important;
	width: 20px;
	height: 20px;
	background: url(../front-img/button//ic_close_l_normal.png) no-repeat center center;
	border-radius: 0;
	border: none;
	cursor: pointer;
}

sc-window>sc-toolbar.header>.closable:hover,
sc-dialog>sc-toolbar.header>.closable:hover,
.inputClose:hover,
.closeBox:hover {
	background: url(../front-img/button/ic_close_l_hover.png) no-repeat center center;
}

.closeBox {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 3px;
}
.addListArea > .choiceRecipe >.closeBox {
	width: 28px;
    height: 28px;
	background-size: 32px 32px;
	margin-top: -6px;
}

.orderTable .closeBox {
	top: calc(50% - 10px);
}
_:-ms-input-placeholder, .orderTable .closeBox {
	top: 27px;
}

_:-ms-input-placeholder, .orderTable .closeBox.top {
	top: 40%;
}
_:-ms-input-placeholder, .orderTable.sortableTable  .closeBox {
	top: 19px;
}
.closeBox:hover {
	background-size: 18px 18px;
}

.courseList .closeBox {
	right: 10px;
	top: 16px;
}

sc-window .orderTable .closeBox {
	position: static;
	display: inline-block;
	margin-top: 5px;
}

sc-window .btn_bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-top: 20px;
	width: 100%;
}

sc-window .btn_bottom.flex {
	display: flex;
	justify-content: space-between;
	width: 892px !important;
}

sc-window .btn_bottom span {
	display: inline-block;
	letter-spacing: -1px;
	margin-top: 10px;
}

sc-window .sc-wrap-srch {
	margin-bottom: 10px;
}

sc-window h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}

sc-window h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	/* display: inline-block; */
}

sc-window .inputSearch {
	width: 248px;
	height: 36px;
	float: right;
	border: solid 2px #272727;
}

.inputSearch  *[field]>.field-container, 
.inputSearch  *[field]>.field-container:hover {
	border: none;
	height: 36px;
}
.inputSearch  *[field]>.field-container input {
	height: 36px;
}

.inputSearch  *[field]>.field-container>.trigger-container .field-search {
	width: 24px;
	height: 24px;
}

.inputSearch  *[field]>.field-container>.trigger-container .field-search:before {
	content: url(../front-img/icon/ic_search_normal.png);
}

.searchBox *[field]>.field-container>.trigger-container .field-search:before {
	content: url(../front-img/icon/ic_search_home_normal.png);.
	display: block;
}

.inputSearch .trigger-container {
	right: 15px;
}

#container gp-progress-state {
	margin: 10px auto
}

cc-grid-toolbar {
	display: block;
	position: relative; /*height:24px; line-height:24px;*/
}

cc-grid-toolbar h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}

cc-grid-toolbar .rt { /*position:absolute; right:0; top:0; */
	display: block;
	height: 30px;
	color: #141c2f;
}

cc-grid-toolbar .wrap_result {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 10px;
}

cc-grid-toolbar .wrap_result span {
	font-weight: bold;
}

cc-grid-toolbar .f-button {
	height: 22px;
}

cc-grid-toolbar ul {
	display: inline-block;
	padding-left: 0
}

cc-grid-toolbar .f-button li {
	float: left;
	height: 18px;
}

cc-grid-toolbar .f-button li a {
	display: inline-block;
	width: 24px;
	background: #d4ebf5 url(../img/icons_f_button.png) no-repeat;
	height: 18px;
	border: 1px solid #1e5784;
	border-left: 0;
}

cc-grid-toolbar .f-button li a:hover {
	background: #9fdaf4 url(../img/icons_f_button.png) no-repeat;
}

cc-grid-toolbar .f-button li:first-child a {
	border-left: 1px solid #1e5784;
	border-radius: 3px 0 0 3px;
}

cc-grid-toolbar .f-button li:last-child a {
	border-radius: 0 3px 3px 0;
}

cc-grid-toolbar .f-button li:nth-child(1) a {
	background-position: 6px 4px;
}

cc-grid-toolbar .f-button li:nth-child(2) a {
	background-position: 6px -26px;
}

cc-grid-toolbar .p-button {
	margin-left: 10px;
	display: none;
}

cc-grid-toolbar .f-button, cc-grid-toolbar .p-button li {
	float: left;
	height: 18px;
}

cc-grid-toolbar .p-button li button {
	display: inline-block;
	width: 24px;
	background: url(../img/icons_p_button.png) no-repeat;
	height: 20px;
	border: 1px solid #ff6000;
	border-left: 0;
}

cc-grid-toolbar .p-button li button:hover {
	background: #fff0e2 url(../img/icons_p_button.png) no-repeat;
}

cc-grid-toolbar .p-button li:first-child button {
	border-left: 1px solid #ff6000;
	border-radius: 3px 0 0 3px;
}

cc-grid-toolbar .p-button li:last-child button {
	border-radius: 0 3px 3px 0;
}

cc-grid-toolbar .p-button li button.excel-download {
	background-position: 6px 5px;
}

cc-grid-toolbar .p-button li button.column-list {
	background-position: 6px -46px;
}

cc-grid-toolbar .p-button li button.personalized-save {
	background-position: 6px -96px;
}

cc-grid-toolbar .p-button li button.personalized-init {
	background-position: 6px -148px;
}

cc-grid-toolbar .p-button>.wrap_btn sc-button:first-child {
	margin-left: 0;
}

cc-grid-toolbar .wrap_btn {
	display: inline; /*height:22px;*/
	margin-bottom: 3px;
	vertical-align: top;
}

cc-grid-toolbar .wrap_btn sc-button {
	font-size: 13px;
}

cc-grid-toolbar .wrap_btn sc-button .button-container {
	font-size: 12px !important;
	font-weight: bold;
}

cc-grid-toolbar .wrap_btn sc-button:first-child {
	margin-left: 0;
}
/*cc-grid-toolbar .wrap_btn sc-button:hover {background:#1e5784;}*/
cc-grid-toolbar .wrap_btn sc-button.na {
	background: #fff;
	border: 1px solid #ff7e00;
	color: #000
}

cc-grid-toolbar .wrap_btn sc-button.na:hover {
	background: #ff7e00;
	color: #fff
}

sc-progress div.container {
	background: none;
	border: 0;
}

sc-progress div.progress {
	background: linear-gradient(to right, #1e7ab2, #1e5784);
	border-radius: 20px;
}

sc-multi-date-chooser,
sc-date-chooser,
sc-month-chooser,
sc-multi-month-chooser {
	border: 1px solid #e66344;
	border-radius: 0;
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
}
sc-date-chooser {
	width: 284px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.multiChooserBox sc-date-chooser {
	box-shadow: none;
}
sc-multi-date-chooser {
	width: 650px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

sc-multi-date-chooser .headerText,
sc-multi-date-chooser .multiChooserBox,
sc-multi-month-chooser .headerText,
sc-multi-month-chooser .multiChooserBox {
	border: none;
}

sc-date-chooser .weekday {
	font-size: 12px;
	font-weight: bold;
}

sc-date-chooser .weekday, sc-date-chooser a {
	width: 30px;
	height: 30px;
	color: #272727;
	margin: 0 2px 2px 0;
	padding: 0;
	border-radius: 0;
	line-height: 29px;
	border: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0 ) {
	sc-date-chooser .weekday, sc-date-chooser a {
		width: 29px;
	}
}

sc-date-chooser a:hover {
	border-radius: 100%;
	background: #fae0da;
}

sc-date-chooser .weekday:last-child,
sc-date-chooser a:nth-child(7n+1) {
	margin-right: 0;
}

sc-date-chooser a[extra] {
	font-size: 14px;
	padding-top: 0;
	opacity: 1;
	color: #dbdbdb;
}

sc-date-chooser a[sunday][extra] {
	color: rgba(208, 25, 25, 0.4);
}

sc-date-chooser [saturday] {
	color: #00f;
}

sc-date-chooser [sunday] {
	color: #d01919;
}

sc-date-chooser .prev-year,
sc-date-chooser .next-year {
	display: none !important;
}

sc-date-chooser a[selected][focused],
sc-month-chooser a[selected][focused]
	{
	border: none;
	background: #e66344;
	border-radius: 100%;
	color: #fff;
	text-decoration: none;
}

sc-date-chooser .today>button:hover,
sc-month-chooser .today>button:hover
	{
	color: #141c2f;
    background: #ffffff;
    border: 1px solid #a1a4ab;
}

sc-month-chooser .calendar a:nth-child(3n+1) {
	margin-right: 0;
}

sc-month-chooser .prev-year {
    content: url(../../../../ui/assets/front-img/icon/ic_prev_normal.png);
}

sc-month-chooser .prev-year:hover {
    content: url(../../../../ui/assets/front-img/icon/ic_prev_hover.png);
}

sc-month-chooser .next-year {
    content: url(../../../../ui/assets/front-img/icon/ic_next_normal.png);
}

sc-month-chooser .next-year:hover  {
    content: url(../../../../ui/assets/front-img/icon/ic_next_hover.png);
}

sc-month-chooser a[today],
sc-month-chooser a[focused],
sc-month-chooser a[focused][today] {
	border: none;
	/*background: #e66344;*/
	border-radius: 100%;
	color: #fff;
	text-decoration: none;
}

sc-month-chooser a:hover {
	border: none;
	background: #fcf0ed;
	border-radius: 100%;
	color: #272727;
	text-decoration: none;
}
/* sc-date-chooser a[today], 
sc-date-chooser a[focused],
sc-date-chooser a[focused][today] */ 
sc-date-chooser a[focused]{
	border: none;
	background: none;
	/* color: #e66344;
	font-weight: bold;
	text-decoration: underline; */
}

sc-date-chooser .today {
	text-align: left;
	padding: 16px 0 0 0;
}

sc-date-chooser .today>button {
	color: #272727;
    background: #ffffff;
    border: 1px solid #7d7d7d;
	padding: 0;
	border-radius: 0;
	font-weight: normal;
}

sc-date-chooser .label, sc-month-chooser .label {
	color: #000;
	font-weight: bold;
}

sc-date-chooser .label {
    height: 32px;
    box-sizing: border-box;
    line-height: 32px;
    padding: 0;
}

sc-date-chooser .header {
	padding: 0 0 8px 0;
}

sc-date-chooser .prev-month {
	content: url(../../assets/front-img/icon/ic_prev_normal.png);
}

sc-date-chooser .next-month {
	content: url(../../assets/front-img/icon/ic_next_normal.png);
}

sc-date-chooser .prev-month:hover {
	content: url(../../assets/front-img/icon/ic_prev_hover.png);
}

sc-date-chooser .next-month:hover {
	content: url(../../assets/front-img/icon/ic_next_hover.png);
}

sc-date-chooser .header .btn {
	width: 16px;
	height: 16px;
	padding: 8px;
}

sc-date-chooser .header .btn,
sc-month-chooser .header .btn {
	color: #7d7d7d;
	opacity: 1;
}

sc-date-chooser .next-month:hover,
sc-date-chooser .next-year:hover,
sc-date-chooser .prev-month:hover,
sc-date-chooser .prev-year:hover {
	color: #1e5784;
	opacity: 1
}

sc-month-chooser .next-month:hover,
sc-month-chooser .next-year:hover,
sc-month-chooser .prev-month:hover,
sc-month-chooser .prev-year:hover {
	color: #1e5784;
	opacity: 1
}

.btnBox sc-button {
	margin-left: 3px;
}

sc-dropdown {
	box-shadow: none;
}

sc-listbox, sc-tree-listbox {
	border: 1px solid #272727!important;
	margin-top: -1px;
	padding: 8px 0;
	overflow-y: auto;
	box-shadow: none;
}
sc-dropdown.sc-combobox-field>sc-listbox {
	max-height: 160px;
}

sc-listbox .sc-combobox-item,
sc-listbox>.check-default {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	white-space: nowrap;
	text-overflow: clip;
	box-shadow: none;
}

sc-listbox .sc-combobox-item:first-of-type {
	border-top: 0
}

sc-listbox>.item-focused {
	background: none;
}
sc-listbox>.item-selected.item-focused,
sc-listbox>:hover,
sc-listbox>.item-focused:hover, 
sc-listbox>.item-selected:hover {
	background: #fcf0ed;
}

.sc-multi-combobox-field sc-listbox>.item-selected,
 sc-listbox>.item-selected {
	background: #fcf0ed;
	color: #e66344;
}

sc-listbox>.check-default:before, 
sc-checkbox-field>.check-default:before {
	width: 18px;
	height: 18px;
	background: url(../front-img/button/checkbox.png) no-repeat;
	content: "";
	vertical-align: middle;
}
sc-dropdown.sc-multi-combobox-field>sc-listbox>.check-default:before,
sc-dropdown.sc-multi-combobox-field>sc-listbox>.sc-combobox-item:before {
	display: inline-block;
}

sc-checkbox-field>.check-default {
	margin-left: 0;
    vertical-align: middle;
    font-size: 14px;
}

sc-listbox>.check-default.item-selected:before, 
sc-checkbox-field>.check-default.checked:before {
	background-position: 0 -56px;
	content: "";
}

sc-checkbox-field[disabled]>.check-default:before {
	background-position: 0 -84px;
	content: "";
}

sc-checkbox-field[disbled]>.check-default.checked:before {
	background-position: 0 -112px;
	content: "";
}

.sc-multi-combobox-field sc-listbox .sc-combobox-item, 
.sc-multi-combobox-field sc-listbox>.check-default {
	padding: 0 10px;
}
.sc-multi-combobox-field sc-listbox>.checkAll{
    border-bottom: 1px solid #dedede;
}
.sc-multi-combobox-field sc-listbox>.check-default:before {
	margin-right: 6px;
}
sc-label ~ sc-checkbox-field {
	margin-left: 3px;
	margin-top: 2px;
}
/*.tb-form td .field-box sc-label {margin-top:2px;}*/
.tb-form td .field-box sc-number-field .input-cover {
	background-color: transparent;
	height: 18px;
}

sc-tree-listbox>.tree-listbox-item-container {
	margin-left: 10px
}

sc-tree-listbox>div.tree-listbox-item-container .check-default:before {
	content: url(../img/ico_checkbox.png);
}

sc-tree-listbox>div.tree-listbox-item-container .check-default.item-selected:before
	{
	content: url(../img/ico_checkbox_ckd.png);
}

/*** Add for Scheduler ***/
.full-calendar-0 #_calendarWrapper.full-calendar {
	padding: 0;
	margin: 0 5px;
}

/* Popup Button */
.smartsuite-calendar-add-schedule-popup-0 .borderPlus.smartsuite-calendar-add-schedule-popup,
	.borderPlus.smartsuite-repeat-config-popup {
	background-color: #ff7800;
	border: 0;
	border-radius: 2px;
	color: #fff;
}

.smartsuite-calendar-add-schedule-popup-0 .borderPlus.smartsuite-calendar-add-schedule-popup:hover,
	.borderPlus.smartsuite-notice-config-popup:hover, .borderPlus.smartsuite-repeat-config-popup:hover
	{
	background-color: #1e5784
}

.smartsuite-calendar-add-schedule-popup-0 .setConfigButton.smartsuite-calendar-add-schedule-popup
	{
	height: 20px;
}

.borderPlus.smartsuite-notice-config-popup {
	background-color: #ff7800;
	border: 0;
}

.borderPlus.smartsuite-notice-config-popup:hover {
	background-color: #1e5784
}

.smartsuite-calendar-add-schedule-popup-0 .setConfigButton.smartsuite-calendar-add-schedule-popup:hover
	{
	border: 1px solid #ff7800;
	background: #fff;
}

/* Number field */
smartsuite-timepicker sc-number-field .field-container {
	height: auto;
}

/* Scheduler Header*/
.smartsuite-calendar-view-0 .header.smartsuite-calendar-view>.main.smartsuite-calendar-view
	{
	font-size: 26px;
	font-weight: normal;
	line-height: 1.5em
}

smartsuite-calendar-view .header sc-button {
	background: #fff;
	padding: 0
}

smartsuite-calendar-view .header i {
	display: none;
}

/* Selectbox font size */
sc-selectbox-field>select {
	font-size: 12px;
}

.fc-day-grid-event {
	padding: 3px !important;
	border-radius: 0 !important;
}

.fc-event {
	font-size: .9em !important;
}

.s-block sc-radio-field, .s-block sc-checkbox-field {
	display: block;
}

/* Scheduler Calendar - Need Redesign(Depends)
.smartsuite-calendar-mgt-0 .dateChooserWrapper.smartsuite-calendar-mgt > .dateChooser.smartsuite-calendar-mgt {background:#fff}
.smartsuite-calendar-mgt-0 .dateChooserWrapper.smartsuite-calendar-mgt > .dateChooser.smartsuite-calendar-mgt a {border-radius:0; border:0;} */

/* smartsuite-myapp .appstore-toolbar {background:#ff0000;}
 - ing */
.no-content {
	color: #aeaeae;
	text-align: center;
	position: relative;
	top: 50%;
}

cc-source-editor .edit-mode-content {
	display: inline-flex;
	width: 200px;
	position: absolute;
	right: 20px;
	z-index: 10;
}

cc-source-editor .edit-mode-content sc-label {
	line-height: 30px;
	margin-right: 5px;
}

cc-source-editor sc-tab-navigation sc-tabbar {
	margin-top: 0px;
}

cc-source-editor #viewer {
	border: 1px solid #bfbfbf;
	border-top: 0px;
	box-sizing: border-box;
}

/* 2017-08-16 widget, dashboard manager style */
.wrap_wm {
	height: 100%
}

.wrap_wm .container_lt {
	height: 100%;
	position: absolute;
	width: 315px;
	border: 1px solid #b8b8b8;
	border-top: 0;
	box-sizing: border-box
}

.wrap_wm .container_rt {
	height: 100%;
	background: #eee;
	margin-left: 315px;
	padding: 20px;
	text-align: center;
	box-sizing: border-box
}

.wrap_wm .container_lt th {
	text-align: left;
	padding: 5px;
	vertical-align: top;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: -0.03em;
}

.wrap_wm .container_lt td {
	padding: 5px 0;
}

.wrap_wm .container_lt .basic {
	margin: 5px 15px 5px 10px;
}

.wrap_wm .container_lt .option {
	margin: 5px 15px;
	border: 2px solid #b6b6b6;
}

.wrap_wm .container_lt .option h5 {
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	padding: 0 10px;
	border-bottom: 1px solid #e5e5e5;
}

.wrap_wm .container_lt .option sc-checkbox-field {
	margin-left: 5px;
}

.wrap_wm .container_lt .option table {
	width: 100%;
}

.wrap_wm .container_lt .p_innerbox {
	padding: 5px 10px 5px 5px;
	border-bottom: 1px solid #e5e5e5
}

.wrap_wm .container_lt sc-panel .p_innerbox {
	padding-bottom: 1px;
}

.wrap_wm .container_lt sc-panel sc-toolbar {
	margin-top: 0
}

.wrap_wm .container_lt sc-panel sc-toolbar .title {
	padding-left: 10px;
	font-size: 13px;
}

.wrap_wm .container_lt .inner_button sc-button, .wrap_wm .container_lt .bt_button sc-button
	{
	background: #1e5784;
}

.wrap_wm .container_lt .inner_button sc-button:hover, .wrap_wm .container_lt .bt_button sc-button:hover
	{
	background: #132432;
}

.wrap_wm .container_lt .inner_button {
	text-align: center;
	padding: 3px 0;
}

.wrap_wm .container_lt .inner_button sc-button {
	font-size: 11px;
	font-weight: normal;
	padding: 2px 10px 1px;
}

.wrap_wm .container_lt .bt_button {
	text-align: center;
	padding: 10px 0
}

.wrap_wm .container_lt .bt_button sc-button {
	font-weight: bold;
	padding: 5px 30px;
}

.wrap_wm .container_lt .c_label table {
	margin-top: 5px;
}

.wrap_wm .container_lt .c_label td {
	padding: 2px 4px;
}

.wrap_wm .container_lt .c_label sc-button {
	width: 24px;
	height: 22px;
	border-radius: 0;
	padding: 0;
	background: url(../img/dashboard/icons_legend_options.png) no-repeat
}

.wrap_wm .container_lt .c_label .lo_left {
	background-position: 0 0;
}

.wrap_wm .container_lt .c_label .lo_left:hover {
	background-position: 0 -26px;
}

.wrap_wm .container_lt .c_label .lo_center {
	background-position: -28px 0;
}

.wrap_wm .container_lt .c_label .lo_center:hover {
	background-position: -28px -26px;
}

.wrap_wm .container_lt .c_label .lo_right {
	background-position: -56px 0;
}

.wrap_wm .container_lt .c_label .lo_right:hover {
	background-position: -56px -26px;
}

.wrap_wm .container_lt .c_label .dir_ver {
	background-position: -84px 0;
}

.wrap_wm .container_lt .c_label .dir_ver:hover {
	background-position: -84px -26px;
}

.wrap_wm .container_lt .c_label .dir_hor {
	background-position: -112px 0;
}

.wrap_wm .container_lt .c_label .dir_hor:hover {
	background-position: -112px -26px;
}

.wrap_wm .container_lt .c_label .al_top {
	background-position: -140px 0;
}

.wrap_wm .container_lt .c_label .al_top:hover {
	background-position: -140px -26px;
}

.wrap_wm .container_lt .c_label .al_middle {
	background-position: -168px 0;
}

.wrap_wm .container_lt .c_label .al_middle:hover {
	background-position: -168px -26px;
}

.wrap_wm .container_lt .c_label .al_bottom {
	background-position: -196px 0;
}

.wrap_wm .container_lt .c_label .al_bottom:hover {
	background-position: -196px -26px;
}

.wrap_wm .container_rt .content_box {
	position: relative;
	height: 100%;
	width: 100%;
	background: url(../img/dashboard/bg_patt01.png) repeat;
	box-shadow: 4px 4px 5px rgba(0, 0, 0, .2);
}

.wrap_wm .container_rt .mark_Preview {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 20px;
	background: #444;
	color: #fff;
	font-size: 11px;
	padding: 3px 15px
}

.wrap_wm .dashboard_lt {
	width: 200px;
}

.wrap_wm .dashboard_rt {
	margin-left: 200px;
}

/* Test 하위 HTML 용  */
.wrap_wm .dashboard_lt nav.tab {
	height: 30px;
}

.wrap_wm .dashboard_lt nav.tab li {
	float: left
}

.wrap_wm .dashboard_lt nav.tab li a {
	display: inline-block;
	width: 84px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	text-align: center
}

.wrap_wm .dashboard_lt nav.tab li:nth-child(1) a {
	width: 30px;
	height: 30px;
	background: #636c7b url(../img/dashboard/ico_setting_off.png) no-repeat
		center;
	color: #acb0b7
}

.wrap_wm .dashboard_lt nav.tab li:nth-child(2) a {
	background: #0391ff
}

.wrap_wm .dashboard_lt nav.tab li:nth-child(3) a {
	background: #636c7b;
	color: #acb0b7
}

.wrap_wm .dashboard_lt nav.tab li a:hover, .wrap_wm .dashboard_lt nav.tab li.on a
	{
	background: #fff;
	color: #000
}

.wrap_wm .dashboard_lt nav.tab li:nth-child(1) a:hover, .wrap_wm .dashboard_lt nav.tab li:nth-child(1).on a
	{
	background: #fff url(../img/dashboard/ico_setting.png) no-repeat center;
}
/* // Test 하위 HTML 용  */

/* 2017-08-23 dashboard manager Tab */
.db_tab sc-tabbar {
	background: none;
	margin: 0;
	height: 30px;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	min-height: 30px;
	width: 200px;
}

.db_tab sc-tab {
	border: 0;
	height: 30px;
	line-height: 30px;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	color: #000;
	font-size: 12px;
	background: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 0;
}

.db_tab>div.content-wrap>div.content {
	background-color: #fff;
	border: 0 solid transparent;
}

.db_tab sc-tabbar div.content>sc-tab {
	width: 85px;
	border: 0;
}

.db_tab sc-tabbar div.content>sc-tab:hover {
	border: 0;
	line-height: 30px;
}

.db_tab sc-tabbar div.content>sc-tab:nth-child(1) {
	margin-left: 0;
	width: 30px;
	height: 30px;
	background: #636c7b url(../img/dashboard/ico_setting_off.png) no-repeat
		center;
	color: #acb0b7;
	border: 0;
}

.db_tab sc-tabbar div.content>sc-tab:nth-child(2) {
	background: #0391ff;
	color: #fff;
}

.db_tab sc-tabbar div.content>sc-tab:nth-child(3) {
	background: #636c7b;
	color: #acb0b7
}

.db_tab sc-tabbar div.content>sc-tab[active] {
	color: #000;
	background: #fff;
}

.db_tab sc-tabbar div.content>sc-tab[active]:nth-child(1) {
	background: #fff url(../img/dashboard/ico_setting.png) no-repeat center;
}

.db_tab sc-tabbar>div.content {
	min-height: 30px;
	margin: 0;
}
/* //2017-08-23 dashboard manager Tab */
.wrap_wm .container_lt .db_basic {
	padding: 10px 15px;
}

.wrap_wm .dashboard_lt .db_basic h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.wrap_wm .container_lt .db_basic sc-label {
	margin: 5px 0 5px;
}

.wrap_wm .container_lt .line {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.wrap_wm .container_lt .widget_list {
	padding: 10px 15px;
}

.wrap_wm .dashboard_lt .widget_list h5 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.wrap_wm .dashboard_lt .widget_list li .wrap_box {
	margin: 10px 0 5px;
	cursor: pointer;
}

.wrap_wm .dashboard_lt .widget_list li .wrap_img {
	height: 140px;
	border: 7px solid #eee;
}

.wrap_wm .dashboard_lt .widget_list li .wrap_img img {
	width: 100%;
	height: 100%;
}

.wrap_wm .dashboard_lt .widget_list li .wrap_img:hover {
	border: 7px solid #ff7200;
}

.wrap_wm .dashboard_lt .widget_list li .wrap_box sc-label {
	display: block;
	text-align: center;
	margin: 3px 0 0;
	color: #000;
	font-weight: bold;
}

.wrap_wm .dashboard_rt .content_box h1 {
	height: 35px;
	background: #3b424e;
	text-align: left
}

.wrap_wm .dashboard_rt .content_box h1 sc-label {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	padding: 0 0 0 20px;
}

.wrap_wm .wrap_widget {
	position: relative;
	border: 1px solid #c8c8c8;
	background: #fff;
}

.wrap_wm .wrap_widget h3 {
	position: relative;
	background: #fbfbfb;
	height: 34px;
	border-bottom: 1px solid #ededed;
	text-align: left;
}

.wrap_wm .wrap_widget h3 sc-label {
	font-size: 15px;
	font-weight: bold;
	padding: 0 15px;
	line-height: 34px;
	border-bottom: 3px solid #0d7ed7
}

.wrap_wm .wrap_widget .wrap_button {
	position: absolute;
	right: 10px;
	top: 0;
	height: 34px;
}

.wrap_wm .wrap_widget .wrap_button a {
	display: inline-block;
	width: 24px;
	height: 34px;
	background: url(../img/dashboard/icons_widget.png) no-repeat;
	cursor: pointer;
}

.wrap_wm .wrap_widget .wrap_button .refresh {
	background-position: 6px 10px;
}

.wrap_wm .wrap_widget .wrap_button .refresh:hover {
	background-position: 6px -20px;
}

.wrap_wm .wrap_widget .wrap_button .modify {
	background-position: -25px 10px;
}

.wrap_wm .wrap_widget .wrap_button .modify:hover {
	background-position: -25px -20px;
}

.wrap_wm .wrap_widget .wrap_button .close {
	background-position: -63px 11px;
}

.wrap_wm .wrap_widget .wrap_button .close:hover {
	background-position: -63px -19px;
}

.wrap_wm .wrap_widget .resize {
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../img/dashboard/ico_resize.png) no-repeat;
	cursor: pointer;
}

.wrap_wm .wrap_widget .box_content {
	text-align: center;
}

.wrap_wm .wrap_widget .box_content .move {
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1) url(../img/dashboard/ico_move.png)
		no-repeat center;
	visibility: hidden
}

.wrap_wm .wrap_widget .box_content:hover>.move {
	visibility: visible
}

/* 2017-08-18 dashboard manager Grid style - 데이타그리드 적용 후 삭제*/
.db_list {
	width: 100%;
}

.db_list th, .db_list td {
	padding: 0 10px;
	height: 37px;
}

.db_list th {
	background: #295171;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

.db_list td {
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #d9d9d9
}

.db_list .noline td {
	border-bottom: 0
}

.db_list td:first-child {
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
}

.db_list .total td {
	background: #c1d2e0;
	font-weight: bold;
}

/* 2017-08-24 dashboard 유형 - HTML용*/
.wrap_vendor ul {
	width: 100%;
}

.wrap_vendor ul li {
	width: 20%;
	float: left;
	color: #000;
	font-weight: bold;
	letter-spacing: -0.05em
}

.wrap_vendor li .box_vendor {
	margin: 10px 5px;
	padding: 20px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-left-width: 7px;
	overflow: hidden;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .04);
}

.wrap_vendor ul li:nth-child(1) .box_vendor {
	border: 1px solid #bbb;
	border-left: 7px solid #444
}

.wrap_vendor ul li:nth-child(2) .box_vendor {
	border-left: 7px solid #7ef1ff
}

.wrap_vendor ul li:nth-child(3) .box_vendor {
	border-left: 7px solid #66d3f2
}

.wrap_vendor ul li:nth-child(4) .box_vendor {
	border-left: 7px solid #48aadd
}

.wrap_vendor ul li:nth-child(5) .box_vendor {
	border-left: 7px solid #d31144
}

.wrap_vendor li .box_vendor li {
	width: 100%;
	text-align: center;
	white-wrap: nowrap;
}

.wrap_vendor li .box_vendor li span {
	display: inline-block;
	width: 40px;
	font-size: 0;
	height: 1px;
	border-bottom: 1px solid #000;
	text-align: center;
}

.wrap_vendor li .box_vendor li:nth-child(1) h3 {
	font-size: 17px;
	font-weight: bold;
	word-spacing: -0.05em;
}

.wrap_vendor li .box_vendor li:nth-child(2) {
	font-size: 34px;
}

.wrap_vendor li .box_vendor li:nth-child(3) {
	font-size: 13px;
	color: #666;
	font-weight: normal;
}

.wrap_vendor li .box_vendor li:nth-child(3) b {
	font-size: 18px;
}

.wrap_vendor li .box_vendor .plus b {
	color: #ff0043;
	padding-right: 20px;
}

.wrap_vendor li .plus {
	background: url(../img/dashboard/mark_plus.png) no-repeat bottom right;
}

.wrap_vendor li .plus b {
	color: #0072c9;
}

.wrap_vendor li .minus {
	background: url(../img/dashboard/mark_minus.png) no-repeat top right;
}

.wrap_vendor li .minus b {
	color: #ff0043
}

.wrap_vendor ul li:nth-child(1) .plus {
	background: #f5f5f5 url(../img/dashboard/mark_plus.png) no-repeat bottom
		right;
}

.wrap_vendor ul li:nth-child(1) .minus {
	background: #f5f5f5 url(../img/dashboard/mark_minus.png) no-repeat
		bottom right;
}

.wrap_vendor ul li .box_vendor:hover {
	border: 1px solid #ff7200;
	border-left: 7px solid #ff7200
}

/* 2017-08-25 dashboard02 유형 - HTML용*/
.wrap_pur_work h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	padding-left: 10px;
	border-left: 5px solid #1e5784;
}

.wrap_pur_work h2 .legend {
	float: right;
	line-height: 20px;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
}

.wrap_pur_work h2 .legend sc-period-date-field {
	margin-left: 20px;
	vertical-align: middle;
}

.wrap_pur_work h2 .legend span {
	vertical-align: middle;
	margin-left: 5px;
}

.wrap_pur_work h2 .legend span b {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 4px;
}

.wrap_pur_work h2 .legend .done b {
	background: #4bacc6
}

.wrap_pur_work h2 .legend .undone b {
	background: #f79646
}

.pur_progress {
	margin: 10px 0 30px;
	padding-top: 10px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

.pur_progress li {
	width: 20%;
	float: left;
}

.pur_progress .box_chart h3 {
	font-size: 15px;
	height: 20px;
	margin-top: 10px;
	font-weight: bold;
}

.pur_progress .box_chart span {
	display: inline-block;
	width: 30px;
	font-size: 0;
	height: 0;
	border-bottom: 2px solid #000;
}

.pur_progress .box_chart li {
	width: 100%;
	text-align: center;
}

.pur_progress .box_chart li:first-child {
	text-align: left;
	margin-left: 30px;
}

.wrap_pur_work .pur_progress_team table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
	background: #eee;
}

.pur_progress_team th, .pur_progress_team td {
	padding: 15px 5px;
	font-size: 15px;
}

.pur_progress_team th {
	background: #777;
	color: #fff;
	border-top: 0;
}

.pur_progress_team td {
	background: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
}

.pur_progress_team td:nth-child(odd) {
	background: #f5f5f5;
	color: #ff6600;
	font-size: 18px
}

.pur_progress_team td span {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
	margin-left: 4px;
	color: #fff;
	background: #d31144;
	text-align: center;
	font-weight: bold;
}

.pur_progress_team .head1 {
	background: #5ee7f8;
	color: #fff;
	border-top: 0;
}

.pur_progress_team .head2 {
	background: #66d3f2;
	color: #fff;
	border-top: 0;
}

.pur_progress_team .head3 {
	background: #48aadd;
	color: #fff;
	border-top: 0;
}

.pur_progress_team .head4 {
	background: #318ed5;
	color: #fff;
	border-top: 0;
}

.pur_progress_team .head5 {
	background: #1a6ead;
	color: #fff;
	border-top: 0;
}

.pur_progress_team .head0 {
	background: #ccc;
}

.pur_progress_team .total td {
	background: #fffff1
}

.pur_delay ul li {
	width: 12%;
	float: left;
	color: #000;
	font-weight: bold;
	letter-spacing: -0.05em
}

.pur_delay ul li:first-child {
	width: 16%;
}

.pur_delay li .box_d_vendor {
	margin: 10px 5px;
	padding: 20px 10px;
	background: #f2f2f2;
	border: 1px solid #eee;
	overflow: hidden;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, .04);
}

.pur_delay li:first-child .box_d_vendor {
	background: #d31144;
	margin-left: 0
}

.pur_delay li:last-child .box_d_vendor {
	margin-right: 0;
}

.pur_delay li .box_d_vendor li {
	width: 100%;
	text-align: center;
	white-wrap: nowrap;
}

.pur_delay li .box_d_vendor li span {
	display: inline-block;
	width: 40px;
	font-size: 0;
	height: 1px;
	border-bottom: 1px solid #000;
	text-align: center;
}

.pur_delay li .box_d_vendor li:nth-child(1) h3 {
	font-size: 17px;
	font-weight: bold;
	word-spacing: -0.05em;
}

.pur_delay li .box_d_vendor li:nth-child(2) {
	font-size: 34px;
	color: #d31144
}

.pur_delay li:first-child li:nth-child(1), .pur_delay li:first-child li:nth-child(2)
	{
	color: #fff;
	border: 0;
}

.pur_delay li:first-child li span {
	border-bottom: 1px solid #fff;
}

.pur_delay ul li .box_d_vendor:hover {
	border: 1px solid #ff7200;
}

.imageviewer-overlay {
	user-select: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 98;
}

sc-dropdown.sc-filter-combobox-field sc-text-field #input {
	height: 22px
}
/* 2017-11-20 MDI 로딩성능 개선 스타일 적용*/
.top_progress {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 2px;
	background: #3E8FFF; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #3586b1, #1e5784);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #3586b1, #1e5784);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #3586b1, #1e5784F);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #3586b1, #1e5784);
	/* Standard syntax */
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	will-change: transform;
	transition: opacity 1s ease-out;
}

/* sc-editor 높이 고정값 속성 */
sc-editor.h-100 {
	height: 100px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-110 {
	height: 110px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-120 {
	height: 120px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-150 {
	height: 150px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-200 {
	height: 200px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-250 {
	height: 250px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-300 {
	height: 300px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-350 {
	height: 250px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-400 {
	height: 400px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-450 {
	height: 450px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

sc-editor.h-500 {
	height: 500px;
	-ms-flex: none;
	-webkit-flex: none;
	flex: none;
}

/* SMARTNINE-2015 */
*[field] .input-covered input:not(.input-cover) {
	padding: 0px;
	position: absolute;
	width: 0px;
	height: 0px;
	min-width: 0px;
	min-height: 0px;
	opacity: 0;
}

cc-upload-field[remote] #fileName>.field-container>input {
	cursor: pointer;
}

cc-upload-field sc-button {
	margin-top: -2px;
}

cc-excel-upload-field[remote] #fileName>.field-container>input {
	cursor: pointer;
}

cc-excel-upload-field sc-button {
	margin-top: -2px;
}

sc-checkbox-group-field[readonly] .check-default:before,
	sc-checkbox-field[readonly] .check-default:before {
	opacity: 0.3;
}

sc-checkbox-group-field[readonly] .check-default.item-selected:before,
	sc-checkbox-group-field[readonly] sc-checkbox-field>.check-default.checked:before
	{
	opacity: 0.3;
}

sc-checkbox-field[readonly] .check-default.item-selected:before,
	sc-checkbox-field[readonly] .check-default.checked:before {
	opacity: 0.3;
}

sc-checkbox-group-field[disabled] .check-default:before  {
	opacity: 0.3;
}

sc-checkbox-group-field[disabled] .check-default.item-selected:before,
	sc-checkbox-group-field[disabled] sc-checkbox-field>.check-default.checked:before
	{
	opacity: 0.3;
}

sc-checkbox-field[disabled] .check-default.item-selected:before,
	sc-checkbox-field[disabled] .check-default.checked:before {
	opacity: 0.3;
}

cc-user-search sc-label, cc-dept-search sc-label {
	word-break: keep-all;
	word-wrap: break-word;
	-ms-word-break: keep-all;
	-ms-word-wrap: break-word;
}

cc-item-selection-field #popupTrigger {
	margin-left: 2px;
}

cc-item-selection-field #popupTrigger .field-container .trigger-container .trigger
	{
	background: url(../../assets/img/ico_arrow_down.png);
}

cc-item-selection-field sc-dialog>div.content-wrap {
	width: 472px;
	height: 463px;
	box-sizing: border-box;
}

cc-item-selection-field sc-dialog>div.content-wrap>div.content {
	padding: 10px 20px;
}

cc-item-selection-field sc-dialog #selectedLabelBox {
	width: 100%;
	padding-top: 10px;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
}

cc-item-selection-field sc-dialog #selectedLabelBox span {
	font-size: 12px;
	margin-left: 5px;
	color: #666;
	padding: 6px 10px;
	min-height: 20px;
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
}

cc-item-selection-field sc-dialog #selectedLabelBox span:first-child {
	margin-left: 0;
}

cc-item-selection-field sc-dialog #selectionBox {
	border-top: 1px solid #000;
}

cc-item-selection-field sc-dialog #selectionBox .selectedList {
	padding-top: 20px;
}

cc-item-selection-field sc-dialog #selectionBox sc-label {
	margin: 10px 0;
}

cc-item-selection-field sc-dialog #selectionBox sc-listbox {
	display: flex;
	border-bottom: 1px solid #ddd;
	border-top: none;
	border-left: none;
	border-right: none;
	padding-bottom: 15px;
	flex-wrap: wrap;
	clear: both;
}

cc-item-selection-field sc-dialog #selectionBox sc-listbox>.item {
	background: #f5f5f5; /* 2018.11.06 CMK */
	border: 1px solid #e3e3e3; /* 2018.11.06 CMK */
	margin: 5px 10px 5px 0;
	width: 128px;
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box;
	color: #666;
}

cc-item-selection-field sc-dialog #selectionBox sc-listbox>.item:nth-child(3n+1)
	{
	margin-right: 0
}

cc-item-selection-field sc-dialog #selectionBox sc-listbox>.item-selected
	{
	background: #fff;
	border: 1px solid #777;
	color: #333;
}

cc-item-selection-field sc-dialog #selectionBox sc-listbox>.item-selected.item-focused
	{
	background: #fff;
	border: 1px solid #777;
	color: #333;
}

cc-item-selection-field sc-dialog #selectionBox sc-listbox>:hover {
	background: #fff;
	border: 1px solid #777;
	color: #333;
}

/**
 * sc-image-viewer의 닫기 버튼
 */
sc-overlay .image-viewer-close-button {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	background-color: #343333;
	right: 10px;
	font-weight: bold;
	border-radius: 30em;
}

sc-overlay .image-viewer-close-button:hover {
	background-color: #474646;
	color: black;
}

/*
 * 신규업체등록
 */
.spregWrap {
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
}

.spregWrap>sc-toolbar {
	position: relative;
	width: 100%;
	height: auto;
	border-bottom: 3px solid #000;
	margin-bottom: 20px;
	padding-bottom: 15px;
	overflow: hidden;
}

.spregWrap>sc-toolbar sc-label {
	position: absolute;
	left: 0;
	color: #333;
	font-size: 22px;
	line-height: 1;
}

.regstepWrap {
	width: 200px;
	margin-right: 30px;
}

.regstepWrap>li {
	width: 200px;
	height: 50px;
	padding-bottom: 5px;
}

.regstepWrap>li sc-label {
	width: 200px;
	height: 50px;
	background-color: #ebedf0;
	border: 1px solid #d9d9d9;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 3.2;
	padding-left: 30px;
	letter-spacing: -0.5px;
	box-sizing: border-box;
}

.regstepWrap>li sc-label.curStep {
	background-color: #1e75d6;
	border: 1px solid #1e75d6;
	color: #fff;
}

.regstepWrap>li sc-label.disabledStep {
	background-color: #818182;
	border: 1px solid #818182;
	color: #fff;
}

.contWrap_rgvd {
	width: 100%;
	height: 100%;
	min-height: 610px;
	box-sizing: border-box;
}

.div_header {
	width: 100%;
	height: 50px;
	background-color: #e7f0f9;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 15px 20px;
	box-sizing: border-box;
}

.div_header>sc-label {
	font-weight: bold;
	font-size: 15px;
	color: #333;
	line-height: 1.2;
	box-sizing: border-box;
}

.div_content {
	height: 460px;
	margin-top: 20px;
	overflow: auto;
}

.div_footer {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	padding-top: 20px;
}

.div_footer>sc-button {
	width: 200px;
	height: 50px;
	font-size: 15px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	border-radius: 0;
}

.div_footer>sc-button[text="Next"] {
	background: #1e75d6 url('../../../ui/assets/img/arr_next_p.png')
		no-repeat 200px center;
}

.div_footer>sc-button[text="Prev"] {
	background: #666 url('../../../ui/assets/img/arr_prev_p.png') no-repeat
		10px center;
}

cc-eval-fact-list.new-vendor>div {
	overflow: inherit !important;
}

/**
 * 이용약관
 */
.term_container>h3.terms_tit>b {
	display: inline-block;
	border-left: 3px solid #1428a0;
	margin: 10px 0;
	padding-left: 10px;
	font-size: 18px;
	line-height: 1
}

.term_container>h3.terms_tit>span {
	display: block;
	margin: 10px 0;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}

.terms_tit {
	margin-bottom: 10px;
}

.join_agree {
	margin-top: 30px;
	margin-right: 2px;
}

.join_agree:first-child {
	margin-top: 5px;
}

.join_agree>h4 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
}

.join_agree .border_box {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.join_agree .border_box:last-child {
	margin-bottom: 10px;
}

.join_agree .agree_area {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 40px;
	background: #f2f2f2;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

.join_agree .term {
	height: 200px;
	overflow: auto;
}

.checkarea {
	font-size: 14px;
	color: #444;
	font-weight: bold;
	text-align: right;
	padding-right: 10px
}

.checkarea>span {
	vertical-align: middle;
	line-height: 2.8
}

.btnarea {
	text-align: center;
	margin-top: 20px;
}

.btn_agree {
	width: 100px;
	height: 32px;
	background: #363a57;
	font-size: 15px;
	color: #fff;
	line-height: 2.2;
	text-align: center;
}

/*토스트 팝업*/
.toastpop {
	position: absolute;
	font-family: 'Noto sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif';
	min-width: 340px;
	height: 60px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	line-height: 59px;
	right: 0;
	top: 0;
	padding: 0 48px 0 20px;
}

.toastpop .closeBox {
	right: 10px;
	top: 35%;
}
.toastpop .closeBox:hover {
	background: url(../front-img/button//ic_close_l_normal.png) no-repeat center center;
	background-size: 18px 18px;
}
.toastpop a {
	color: #e66344;
	text-decoration: underline;
	margin-left: 10px;
}
/*팝업*/
sc-window .orderDetailTable th {
	padding: 18px 0 17px 0;
}

sc-window .orderDetailTable td {
	padding: 14px 20px;
}
sc-window .listTableTwo .pac .pac_NO *[field]>.field-container input,
sc-window .listTableThree .pac .pac_NO *[field]>.field-container input,
sc-window .orderDetailTable .pac .pac_NO *[field]>.field-container input {
	height: 29px;
}

sc-window .profit th, 
sc-window .profit td {
	padding: 8px 0;
}

/*왼쪽 외부 영역*/
.leftArea {
	position: fixed;
	left: 10px;
	top: 270px;
	z-index: 10;
}

.leftArea .btn_leftHide, .leftArea .btn_leftShow {
	width: 60px;
	height: 60px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background: #e66344 url(../front-img/icon/ic_floating_close.png) center
		center no-repeat;
	text-indent: -9999px;
	border-radius: 100%;
	margin-bottom: 10px;
	cursor: pointer;
}
.leftArea mnu-date-chooser,
.leftArea mnu-date-chooser2
 {
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
}

.leftArea .btn_leftHide {
	background: #e66344 url(../front-img/icon/ic_floating_close.png) center
		center no-repeat;
}

.leftArea .btn_leftShow {
	background: #e66344 url(../front-img/icon/ic_floating.png) center 0
		no-repeat;
}
.leftArea.calenderFix .btn_leftShow {
	background: #e66344 url(../front-img/icon/ic_calendar.png) center 0
		no-repeat;
}

.leftArea .btn_leftShow:hover {
	background-color: #d2684f;
	background-position: 0 -60px;
}

.leftArea .leftContent {
	width: 282px;
	height: 290px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
}

.leftContent .balance {
	font-size: 16px;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(39, 39, 39, 0.2);
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.leftContent .balance  dt {
	font-weight: bold;
	width: 95px;
	float: left;
}

.leftContent .balance  dd {
	text-align: right;
	width: 120px;
	float: right;
}

.leftContent .orderBalance {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 6px;
}

.leftContent .orderPrice {
	font-size: 24px;
	font-weight: bold;
	color: #e66344;
	text-align: right;
	margin-bottom: 20px;
}

.leftContent .orderPrice span {
	font-size: 18px;
}

.etc {
	font-size: 12px;
	color: #7d7d7d;
}

.provision {
	font-size: 12px;
	color: #7d7d7d;
}

.provision span {
	text-indent: 16px;
	display: inline-block;
	font-weight: normal !important;
}

sc-window .textInsert{
	text-indent: 6px;
	display: inline-block;
	font-weight: normal !important;
}

.fontBold {
	font-weight: bold !important;
}

.idverify {
	font-size: 14px;
	color: #272727;
}

.explain {
	font-size: 14px;
	color: #676767;
	margin-top: 8px;
}
.explain.top {
	margin: 0;
	float: left;
}

.btn_bottom .explain {
	display: inline-block;
    float: left;
    margin-top: 0;
}
.sc-wrap-srch .explain {
	position: absolute;
	bottom: 0;
}

.explain span {
	text-indent: 10px;
	display: inline-block;
}

.sc-wrap-srch .explain span {
	text-indent: 0;
}

.explain.top span {
	text-indent: 0;
}

.checkLabel {
	font-size: 14px;
	color: #272727;
	font-weight: normal;
}

table .explain {
	font-size: 12px;
}
/* common.css 에 적용된 cc-search-container 내 sc-button 의 스타일을 아래 스타일로 변경함
   프로젝트별로 적용된 스타일이 다를 수 있으므로 참고하여 변경하시기 바랍니다.
 */
cc-search-container .sc-wrap-btn sc-button .button-container {
	width: 0px;
}
/* 아래와 같이 sc-button 의 스타일을 변경함 */
.sc-wrap-btn sc-button {
	text-align: center;
	line-height: 100%;
	height: 100%;
	vertical-align: middle;
	font-weight: bold;
}

.sc-wrap-btn sc-button span {
	display: table-cell;
	vertical-align: middle;
} /*확인*/

/* 게시판 */
.brdBgcolor tr:hover {
	background-color: #f4f4f4;
	cursor: pointer;
}

.brdBgcolor tr[pressed], .brdBgcolor tr:active {
	background-color: #e9e9e9;
}

.topArrow button:before {
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 6px 4px 8px 0;
	vertical-align: middle;
	background: url(../../../ui/assets/front-img/icon/ic_prev_article.png) no-repeat;
}

.downArrow button:before {
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 6px 4px 8px 0;
	vertical-align: middle;
	background: url(../../../ui/assets/front-img/icon/ic_next_article.png) no-repeat;
}

.topArrow button, .downArrow button {
	text-align: right;
	padding-right: 17px;
}


/* 교환/반품요청 처리안내 팝업 */
.leadTime_detail table {
	border-top: 1px solid #272727;
	width: 100%;
}

.leadTime_detail th, .leadTime_detail td {
	height: 60px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}

.leadTime_detail tr:last-child th,
.leadTime_detail tr:last-child td {
	border-bottom: 1px solid #272727;
}

.leadTime_detail th,
.leadTime_detail td  {
	padding: 18px 24px 16px 0;
	background: #fff;
	text-align: left;
	position: relative;
	font-size: 16px;
	color: #272727;
	font-weight: bold;
}

.leadTime_detail td {
	font-size: 14px;
	font-weight: normal;
}

/* 공지사항 상세페이지 */
.table_detail table {
	border-top: 1px solid #272727;
	border-bottom: 1px solid #dedede;
	width: 100%;
	table-layout: fixed;
}

.table_detail th, .table_detail td {
	padding: 10px 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}

.table_detail tr:last-child th, .table_detail tr:last-child td {
	border-bottom: none;
}

.table_detail th {
	background: #f2efec;
	text-align: left;
	position: relative;
	font-size: 16px;
	color: #272727;
	font-weight: bold;
}

.table_detail td {	
	font-size: 14px;
	color: #272727;
	font-weight: normal;
}
.bgWrite td,
.brdTextarea td {
    white-space: pre-wrap;
    word-break: break-all;
}

.brdTextarea td {
	padding: 20px 30px;
	white-space: pre-wrap;
}

.brdTextarea sc-textarea-field {
	height: 200px;
}

.brdTextarea sc-textarea-field textarea {
	border: none !important;
}

.brd_table h5 {
	padding: 4px 0;
}

ul.attached li {
	text-decoration: underline;
	text-underline-position: under;
	margin-top: 6px;
}

ul.attached li:first-child {
	margin-top: 0;
}

.commentTable {
	width: 100%;
	border-bottom: 1px solid #dedede;
}

.commentTable td {
	height: 60px;
/* 	padding: 10px 40px 10px 0; 221209 modify*/
	padding: 10px 10px 10px 0;
	font-size: 14px;
	color: #272727;
	text-align: center;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
}

.commentTable td:last-child {
	padding-right: 0 !important;
}

.brdTable_bottom {
	font-size: 14px;
	color: #272727;
	width: 100%;
	border-top: 1px solid #272727;
	border-bottom: 1px solid #272727;
	text-align: center;
	table-layout: fixed;
}
.brdTable_bottom .ellipsis {
	width: 100%;
}
.brdTable_bottom td {
	height: 20px;
	border-bottom: 1px solid #dedede;
}

.brdTable_bottom td:nth-child(2) {
	padding-left: 6px;
}

.brdTable_bottom tr:last-child td {
	border-bottom: none;
}

.brdTable_bottom .h40 {
	min-width: 140px;
	height: 40px;
	line-height: 36px;
	padding: 0 38px;
	border: none;
	font-weight: bold;
}

.commentWrite {
/* 	width: 1280px; */
	padding: 14px 60px;
	display: inline-flex;
	background:#f3f0ed;
}

.commentWrite sc-textarea-field {
/* 	width: 864px; */
	width: 1000px;
	height: 72px;
}

/* 고객의소리 팝업 테이블 */
.itemDetailTable {
	width: 100%;
	border-top: 1px solid #272727;
}

.itemDetailTable tr:last-child {
	border-bottom: none;
}

.itemDetailTable th {
	font-size: 16px;
	text-align: left;
}

.itemDetailTable th.titleTop {
	vertical-align: top;
	padding-top: 18px;
}

.itemDetailTable td {
	text-align: center;
}

.itemDetailTable td.itemTablepd {
	padding: 18px 0 0 20px;
	box-sizing: border-box;
}

.itemDetailTable td.addriList {
	padding-left: 20px;
}

/*
_:-ms-input-placeholder, .itemDetailTable td {
	width: 410px;
}
*/
.itemDetailTable td input {
	width: inherit;
}

.itemDetailTable .itemTable {
	border-bottom: 1px solid #dedede;;
}
.itemDetailTable .itemTablepd > table {
	border-bottom: none;
}

.itemDetailTable .itemTable th {
	font-size: 13px;
	text-align: center;
	height: 32px;
	border-bottom: 1px solid #7d7d7d;
	background: #f8f7f7 url("../front-img/icon/line_orderTable.png") center
		right no-repeat;
}

.itemDetailTable .itemTable td {
	padding: 10px 6px;
}

.itemDetailTable .itemTable.all {
	width: 100%;
}
.itemDetailTable .itemTable.all td {
	height: 231px;
	font-size: 14px;
	color: #929292;
}

.itemDetailTable .itemTable tr {
	border-bottom: 1px solid #dedede;
}

.itemDetailTable .itemTable tr:last-child {
	border-bottom: none;
}

.itemDetailTable .itemTable td:last-child {
	padding: 4px 0;
}

.itemDetailTable .itemTable th:nth-child(3) {
	background-image: none;
}

.itemDetailTable .itemTable th:first-child, .itemDetailTable .itemTable th:last-child
	{
	background-image: none;
}

.itemDetailTable .itemTable th.bg {
	background: #f8f7f7 url("../front-img/icon/line_orderTable.png") center
		right no-repeat !important;
}

/*
* front 상단 공지사항
*/
#noticeDropdown {
	border-bottom: none!important;
}
#noticeDropdown .noticeEmpty .emptytext {
	float: left;
	margin: 18px 10px;
	width: 165px;
	height: 20px;
}

#noticeDropdown .noticeEmpty .closable {
	min-width: auto;
	font: inherit;
	padding: 0 !important;
	width: 18px;
	height: 18px;
	background: url(/ui/assets/front-img/button/ic_close_l_normal.png)
		no-repeat center;
	border-radius: 0;
	border: none;
	cursor: pointer;
	float: right;
	margin: 20px 15px;
}

#noticeDropdown .noticeListWrap .header {
	height: 57px;
	border-bottom: solid 1px;
	font-size: 16px;
    font-weight: bold;
    cursor: default;
}

#noticeDropdown .noticeListWrap .header .title {
	float: left;
	margin: 16px 10px;
	font-size: 16px;
	width: 59px;
	height: 24px;
	width: 80%;
	cursor: default;

}

#noticeDropdown .noticeListWrap .header .closable {
	min-width: auto;
	font: inherit;
	padding: 0 !important;
	width: 18px;
	height: 18px;
	background: url(/ui/assets/front-img/button/ic_close_l_normal.png)
		no-repeat center;
	border-radius: 0;
	border: none;
	cursor: pointer;
	float: right;
	margin: 20px 15px;
}

#noticeDropdown .noticeListWrap .content-wrap {
	height: 350px;
	border-bottom: 1px solid #272727;
}

#noticeDropdown .noticeListWrap .content-wrap .list-content {
	float: left;
	width: 350px;
	height: 100%;
	border-right: solid 1px;
	overflow : auto;
	cursor: auto;
}

#noticeDropdown .noticeListWrap .content-wrap .list-content ul {
	border-bottom: solid 1px #d9d9d9;
    height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    line-height: 39px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    cursor: pointer;
}
#noticeDropdown .noticeListWrap .content-wrap .list-content ul:hover {
	background: #f4f4f4;
}
#noticeDropdown .noticeListWrap .content-wrap .list-content ul[selected]{
	background: #f2f1f0;
}
#noticeDropdown .noticeListWrap .content-wrap .list-content ul a {
	color: #272727;
}

#noticeDropdown .noticeListWrap .content-wrap .detail-content {
	float: left;
	width: calc(100% - 351px);
    height: calc(100% - 20px);
    padding: 20px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
#noticeDropdown .noticeListWrap .content-wrap .detail-content img {
	width: 100%;
}

/* front 탑 조회영역 */
.searchBox .calender input {
	height: 32px;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff;
	border: 0px;
	cursor: pointer;
	line-height: 31px;
}

.searchBox .calender input:hover {
	border: 0px;
}

.searchBox .value-field input {
	height: 32px;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 14px;
	background: #fff;
	border: 0px;
	cursor: pointer;
	line-height: 31px;
}

.searchBox .clear_line {
	position: absolute;
    right: 45px;
    width: 18px;
    z-index: 100;
    top: 11px;
    cursor: pointer;
}


.searchBox .value-button {
	position: absolute;
	right: 16px;
}

mnu-date-chooser,
mnu-date-chooser2 {
    display: inline-block;
	border-radius: 0;
	width: 282px;
	padding: 30px 30px 26px 30px;
	box-sizing: border-box;
	background: #fff;
}

.multiChooserBox mnu-date-chooser,
.multiChooserBox mnu-date-chooser2 {
	width: 270px;
}

ord-date-chooser {
    display: inline-block;
	border-radius: 0;
	width: 282px;
	padding: 30px 30px 26px 30px;
	box-sizing: border-box;
	background: #fff;
}
.visualRight mnu-date-chooser,
.visualRight mnu-date-chooser2,
.visualRight ord-date-chooser {
	box-shadow: none;
	width: 278px;
	padding: 30px 28px 26px 28px;
}

mnu-date-chooser .header,
mnu-date-chooser2 .header,
ord-date-chooser .header  {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 3px;
    margin-bottom: 8px;
    height: 32px;
    box-sizing: border-box;
    overflow: hidden;
}

mnu-date-chooser .header .btn,
mnu-date-chooser2 .header .btn,
ord-date-chooser .header .btn  {
    width: 25px;
    height: 25px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #a0a0a0;
    text-align: center;
    cursor: pointer
}

mnu-date-chooser .prev-year:before,
mnu-date-chooser2 .prev-year:before,
ord-date-chooser .prev-year:before {
    content: "\f100"
}

mnu-date-chooser .prev-year:hover,
mnu-date-chooser2 .prev-year:hover,
ord-date-chooser .prev-year:hover,
mnu-date-chooser .next-year:hover,
mnu-date-chooser2 .next-year:hover,
ord-date-chooser .next-year:hover {
    color: #66afe9
}

mnu-date-chooser .next-year:before,
mnu-date-chooser2 .next-year:before,
ord-date-chooser .next-year:before {
    content: "\f101"
}

mnu-date-chooser .label,
mnu-date-chooser2 .label,
ord-date-chooser .label  {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: .1em 0;
    font-size: 15px;
    color: #66afe9;
    text-align: center
}

mnu-date-chooser .weekdays,
mnu-date-chooser2 .weekdays,
ord-date-chooser .weekdays {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

mnu-date-chooser .weekday,
mnu-date-chooser2 .weekday,
ord-date-chooser .weekday  {
    font-size: 14px;
    color: rgba(50,50,50,.9);
    padding: .4em 0;
    width: 14.285714286%;
    text-align: center;
    display: block;
    box-sizing: border-box;
	font-size: 12px;
	font-weight: bold;
}

mnu-date-chooser .calendar,
mnu-date-chooser2 .calendar,
ord-date-chooser .calendar  {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-user-select: none
}

mnu-date-chooser a,
mnu-date-chooser2 a,
ord-date-chooser a {
    font-size: 14px;
    color: rgba(50,50,50,.9);
    padding: .1em 0;
    width: 14.285714286%;
    text-align: center;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-decoration: none;
    border: 2px solid #fff;
    border-radius: 3px
}

mnu-date-chooser a[extra],
mnu-date-chooser2 a[extra],
ord-date-chooser a[extra]  {
    font-size: 12px;
    padding-top: 2px;
    opacity: .8
}

mnu-date-chooser a[disable],
mnu-date-chooser2 a[disable],
ord-date-chooser a[disable] {
    opacity: .2
}

mnu-date-chooser a[marked],
mnu-date-chooser2 a[marked],
ord-date-chooser a[marked]  {
    background-color: #d2e7f9
}

mnu-date-chooser .today,
mnu-date-chooser2 .today,
ord-date-chooser .today {
    text-align: center;
    padding: 5px
}

mnu-date-chooser .today>button,
mnu-date-chooser2 .today>button,
ord-date-chooser .today>button {
    background-color: #3E8FFF;
    border: 1px solid #3E8FFF;
    border-radius: 3px;
    font-weight: 700;
    color: #fff;
    padding: 5px;
    cursor: pointer
}

mnu-date-chooser .today>button:hover,
mnu-date-chooser2 .today>button:hover,
ord-date-chooser .today>button:hover  {
    background-color: #2580FD;
    border: 1px solid #2580FD
}

mnu-multi-date-chooser,
mnu-month-chooser,
mnu-multi-month-chooser {
	border: 1px solid #e66344;
	border-radius: 0;
	width: 284px;
	padding: 30px;
	box-sizing: border-box;
}

mnu-multi-date-chooser .headerText,
mnu-multi-date-chooser .multiChooserBox,
mnu-multi-month-chooser .headerText,
mnu-multi-month-chooser .multiChooserBox {
	border-bottom: 1px solid #1e5784;
}

mnu-date-chooser .weekday,
mnu-date-chooser2 .weekday,  
mnu-date-chooser a,
mnu-date-chooser2 a,
ord-date-chooser .weekday, 
ord-date-chooser a {
	width: 30px;
	height: 30px;
	color: #272727;
	margin: 0 2px 2px 0;
	padding: 0;
	border-radius: 0;
	line-height: 28px;
	border: none;
}

.multiChooserBox .weekday  {
	margin: 0 0 2px 0;
}

.multiChooserBox mnu-date-chooser a,
.multiChooserBox mnu-date-chooser2 a {
	
	margin: 0 0 2px 0;
}
.multiChooserBox mnu-date-chooser span,
.multiChooserBox mnu-date-chooser2 span {
	display: inline-block;
	width:auto;
}
.multiChooserBox mnu-date-chooser a[marked],
.multiChooserBox mnu-date-chooser2 a[marked],
.multiChooserBox mnu-date-chooser span[marked],
.multiChooserBox mnu-date-chooser2 span[marked] {
	background: #fcf0ed;
}
.multiChooserBox mnu-date-chooser span.select_left,
.multiChooserBox mnu-date-chooser2 span.select_left {
	width: 30px;
    height: 30px;
    background: #fcf0ed;
    display: inline-block;
    border-radius: 30px 0 0 30px;
}
.multiChooserBox mnu-date-chooser span.select_right,
.multiChooserBox mnu-date-chooser2 span.select_right{
	width: 30px;
    height: 30px;
    background: #fcf0ed;
    display: inline-block;
    border-radius: 0 30px 30px 0;
}
/*
.multiChooserBox  mnu-date-chooser a[today] {
	border-radius: 100%;
    border: 2px solid #272727;
}*/
.multiChooserBox  mnu-date-chooser a[selected],
.multiChooserBox  mnu-date-chooser2 a[selected] {
	border-radius: 100%;
	background: #e66344;
	color: #fff;
	border:none;
}
mnu-date-chooser a:hover,
mnu-date-chooser2 a:hover,
ord-date-chooser a:hover  {
	color: #272727;
}

mnu-date-chooser .weekday:last-child,
mnu-date-chooser2 .weekday:last-child,
mnu-date-chooser a:nth-child(7n),
mnu-date-chooser2 a:nth-child(7n),
ord-date-chooser .weekday:last-child,
ord-date-chooser a:nth-child(7n) {
	margin-right: 0;
}

mnu-date-chooser a[extra],
mnu-date-chooser2 a[extra],
ord-date-chooser a[extra] {
	font-size: 14px;
	padding-top: 0;
	opacity: 1;
	color: rgba(39, 39, 39, 0.3);
}
mnu-date-chooser .prev-year, mnu-date-chooser .next-year,
mnu-date-chooser2 .prev-year, mnu-date-chooser2 .next-year,
ord-date-chooser .prev-year, ord-date-chooser .next-year {
	display: none !important;
}

mnu-date-chooser .today>button:hover,
mnu-date-chooser2 .today>button:hover,
mnu-month-chooser .today>button:hover,
ord-date-chooser .today>button:hover,
ord-month-chooser .today>button:hover {
	border: 2px solid #152b3c;
	background: #152b3c
}

mnu-month-chooser a[today],
mnu-month-chooser a[focused],
mnu-month-chooser a[focused][today] {
	border: none;
	background: none;
	color: #e66344;
	font-weight: bold;
	text-decoration: underline;
}

mnu-date-chooser .today>button,
mnu-date-chooser2 .today>button,
ord-date-chooser .today>button {
	background: #1e5784
}

mnu-date-chooser .label,
mnu-date-chooser2 .label,
mnu-month-chooser .label,
ord-date-chooser .label,
ord-month-chooser .label {
	color: #000;
	font-weight: bold;
}
mnu-date-chooser .prev-month,
mnu-date-chooser2 .prev-month,
ord-date-chooser .prev-month {
	background: url("../front-img/icon/ic_prev_normal.png") center center no-repeat;
}
mnu-date-chooser .next-month,
mnu-date-chooser2 .next-month,
ord-date-chooser .next-month {
	background: url("../front-img/icon/ic_next_normal.png") center center no-repeat;
}
mnu-month-chooser .header .btn,
mnu-month-chooser2 .header .btn,
ord-month-chooser .header .btn {
	color: #1e5784;
	opacity: .4
}

mnu-date-chooser .next-month:hover,
mnu-date-chooser .next-year:hover,
mnu-date-chooser .prev-month:hover,
mnu-date-chooser .prev-year:hover,
mnu-date-chooser2 .next-month:hover,
mnu-date-chooser2 .next-year:hover,
mnu-date-chooser2 .prev-month:hover,
mnu-date-chooser2 .prev-year:hover,
ord-date-chooser .next-month:hover,
ord-date-chooser .next-year:hover,
ord-date-chooser .prev-month:hover,
ord-date-chooser .prev-year:hover {
	color: #1e5784;
	opacity: 1
}

mnu-month-chooser .next-month:hover, mnu-month-chooser .next-year:hover,
mnu-month-chooser2 .next-month:hover, mnu-month-chooser2 .next-year:hover,
mnu-month-chooser .prev-month:hover, mnu-month-chooser .prev-year:hover,
mnu-month-chooser2 .prev-month:hover, mnu-month-chooser2 .prev-year:hover {
	color: #1e5784;
	opacity: 1
}

mnu-multi-date-chooser {
    display: inline-block;
    position: relative
}

mnu-multi-date-chooser a[sunday]{
	color: #d01919;
}

mnu-multi-date-chooser .calenderBox {
    background-color: #fff;
    padding: 10px
}

mnu-multi-date-chooser .multiChooserBox {
    display: flex;
    border-bottom: 2px solid #bdbdbd;
    padding-bottom: 5px;
    width: 472px
}

mnu-multi-date-chooser .headerText {
    font-size: 20px;
    color: rgba(50,50,50,.9);
    border-bottom: 2px solid #bdbdbd;
    padding-bottom: 5px
}

mnu-multi-date-chooser .h-box {
    width: 20px
}

mnu-multi-date-chooser .btnBox {
    padding-top: 10px;
    text-align: center
}

mnu-multi-date-chooser .customTermBtnBox {
    padding-top: 10px;
    width: 472px;
    text-align: center
}

mnu-multi-date-chooser .customTermBtnBox.noContents {
    display: none
}

mnu-multi-date-chooser .customTermBtnBox>* {
    margin: 1px
}

mnu-multi-date-chooser mnu-date-chooser {
    border: none
}

.doublecalender mnu-multi-date-chooser {
	border: none;
	width: inherit;
}
.doublecalender mnu-multi-date-chooser .headerText {
	display: none;
}
.doublecalender mnu-multi-date-chooser .multiChooserBox {
	border-bottom: none;
	width: inherit;
}

ord-multi-date-chooser,
ord-month-chooser,
ord-multi-month-chooser {
	border: 1px solid #e66344;
	border-radius: 0;
	width: 284px;
	padding: 30px;
	box-sizing: border-box;
}

ord-multi-date-chooser .headerText,
ord-multi-date-chooser .multiChooserBox,
ord-multi-month-chooser .headerText,
ord-multi-month-chooser .multiChooserBox {
	border-bottom: 1px solid #1e5784;
}

ord-month-chooser a[today],
ord-month-chooser a[focused],
ord-month-chooser a[focused][today] {
	border: none;
	background: none;
	color: #e66344;
	font-weight: bold;
	text-decoration: underline;
}

ord-month-chooser .next-month:hover, ord-month-chooser .next-year:hover,
	ord-month-chooser .prev-month:hover, ord-month-chooser .prev-year:hover {
	color: #1e5784;
	opacity: 1
}

ord-multi-date-chooser {
    display: inline-block;
    position: relative
}

ord-multi-date-chooser .calenderBox {
    background-color: #fff;
    padding: 10px
}

ord-multi-date-chooser .multiChooserBox {
    display: flex;
    border-bottom: 2px solid #bdbdbd;
    padding-bottom: 5px;
    width: 472px
}

ord-multi-date-chooser .headerText {
    font-size: 20px;
    color: rgba(50,50,50,.9);
    border-bottom: 2px solid #bdbdbd;
    padding-bottom: 5px
}

ord-multi-date-chooser .h-box {
    width: 20px
}

ord-multi-date-chooser .btnBox {
    padding-top: 10px;
    text-align: center
}

ord-multi-date-chooser .customTermBtnBox {
    padding-top: 10px;
    width: 472px;
    text-align: center
}

ord-multi-date-chooser .customTermBtnBox.noContents {
    display: none
}

ord-multi-date-chooser .customTermBtnBox>* {
    margin: 1px
}

ord-multi-date-chooser ord-date-chooser {
    border: none
}

.doublecalender ord-multi-date-chooser {
	border: none;
	width: inherit;
}
.doublecalender ord-multi-date-chooser .headerText {
	display: none;
}
.doublecalender ord-multi-date-chooser .multiChooserBox {
	border-bottom: none;
	width: inherit;
}

/*식단설정 캘린더*/
mnu-date-chooser a.c_setting[extra],
mnu-date-chooser2 a.c_setting[extra],
 mnu-date-chooser a.c_setting:not([selected]),
 mnu-date-chooser2 a.c_setting:not([selected]) {
	border-radius: 100%;
    background: #e9e9e9;
}
mnu-date-chooser a.c_save[extra],
mnu-date-chooser2 a.c_save[extra],
mnu-date-chooser a.c_save:not([selected]),
mnu-date-chooser2 a.c_save:not([selected]) {
	
	border-radius: 100%;
 	background: #aa9a87;
 }
 mnu-date-chooser a.c_save:not([extra]),
 mnu-date-chooser2 a.c_save:not([extra]),
 mnu-date-chooser a.c_basket:not([extra]),
 mnu-date-chooser2 a.c_basket:not([extra])  {
 	color: #fff;
 }
mnu-date-chooser a.c_basket[extra],
mnu-date-chooser2 a.c_basket[extra],
mnu-date-chooser a.c_basket:not([selected]),
mnu-date-chooser2 a.c_basket:not([selected]) {
	border-radius: 100%;
 	background: #f2ac5a;
 }
  mnu-date-chooser a.c_basket[extra],
  mnu-date-chooser2 a.c_basket[extra] {
 	 color: rgba(39, 39, 39, 0.3);
  }
mnu-date-chooser a.c_save[selected],
mnu-date-chooser2 a.c_save[selected] {
	border-radius: 100%;
	border: solid 2px #aa9a87;
	color: #aa9a87;
	font-weight: bold;
}
mnu-date-chooser a.c_basket[selected],
mnu-date-chooser2 a.c_basket[selected] {
	border-radius: 100%;
	border: solid 2px #f2ac5a;
	color: #f2ac5a;
}
mnu-date-chooser a[selected],
mnu-date-chooser2 a[selected],
ord-date-chooser a[selected]{
	border-radius:100%;
	border: 2px solid #272727;
	font-weight: bold;
	line-height: 25px;
}
mnu-date-chooser span,
mnu-date-chooser2 span {
    width: 100%;
    display: flex;
}
.calendar span:hover {
    background: #f8f7f7;
    border-radius: 6% / 50%;
}

/* 주문 켈린더*/
ord-date-chooser a.c_setting[extra],
ord-date-chooser a.c_setting:not([selected]) {
	border-radius: 100%;
    background: #e9e9e9;
}
ord-date-chooser a.c_basket-add[extra],
ord-date-chooser a.c_basket-add:not([selected]) {
	border-radius: 100%;
 	background: #e07634;
 }
ord-date-chooser a.c_order[extra],
ord-date-chooser a.c_order:not([selected]) {
	border-radius: 100%;
 	background: #d9b800;
 }
ord-date-chooser a.c_delivery[extra],
ord-date-chooser a.c_delivery:not([selected]) {
	border-radius: 100%;
 	background: #9da782;
 }
 ord-date-chooser a.c_basket-add:not([extra]),
 ord-date-chooser a.c_order:not([extra]),
 ord-date-chooser a.c_delivery:not([extra])  {
 	color: #fff;
 }

ord-date-chooser a.c_basket-add[selected] {
	border-radius: 100%;
	border: solid 2px #e07634;
	color: #e07634;
	font-weight: bold;
}
ord-date-chooser a.c_order[selected] {
	border-radius: 100%;
	border: solid 2px #d9b800;
	color: #d9b800;
}
ord-date-chooser a.c_delivery[selected] {
	border-radius: 100%;
	border: solid 2px #9da782;
	color: #9da782;
}

ord-date-chooser span {
    width: 100%;
    display: flex;
}


/*휴면계정*/
.account {
	width: 630px;
	margin: auto;
	text-align: center;
}
.account h4 {
	text-align: left;	
}
.accountInfo {
	font-size: 14px;
	color: #272727;
	text-align: left;
	line-height: 1.43;
}

.accountTable {
	width: 100%;
	border-top: 2px solid #272727;
	border-bottom: 1px solid #272727;
}

.accountTable th {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}

.accountTable th, .accountTable td {
	text-align: left;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
	padding: 14px 0;
}

.accountTable td {
	padding-left: 30px;
}

.accountTable tr:last-child th, .accountTable tr:last-child td {
	border-bottom: 0;
}

.inquiry {
	font-size: 14px;
	color: #676767;
	margin-top: 10px;
	text-align: left;
}

/*세션*/
.ssession {
	margin: auto;
	text-align: center;
}

/* 회원가입 */
.regist {
	width: 650px;
    margin: auto;
}

.regist sc-tab-navigation sc-tabbar {
	margin-bottom: 0;
}

.consent {
    height: 32px;
    padding: 6px 0;
    box-sizing: border-box;
}

.consent span {
	font-size: 14px;
	color: #272727;
	font-weight: bold;
	line-height: 1.43;
	padding-top: 7px;
}

.consentAll {
	height: 60px;
    padding: 20px 0;
    border-bottom: 1px solid #272727;
    box-sizing: border-box;
    margin-bottom: 14px;
}

.consentSelect {
    height: 32px;
    padding: 6px 0;
	margin-left: 24px;
	box-sizing: border-box;
}

.agreeInfo {
	font-size: 12px;
    color: #676767;
    margin-left: 24px;
    line-height: 1.5;
    margin-bottom: 14px;
    display: block;
}

.consentInfo {
	font-size: 12px;
    color: #676767;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 30px;
}

.infoLeSp {
	letter-spacing: -0.7px;
}

.consentInfo a {
	color: #e66344;
	text-decoration: underline;
}

.inputTable {
	width: 100%;
	border-top: 2px solid #272727;
	border-bottom: 1px solid #272727;
}

.inputTable th {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -1px;
}

.inputTable th, .inputTable td {
	text-align: left;
	/*height: 60px;*/
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
	padding: 14px 0;
}

.inputTable td {
	padding-left: 20px;
}

.inputTable tr:last-child th, .inputTable tr:last-child td {
	border-bottom: 0;
}

.passwordForm {
	font-size: 12px;
	color: #272727;
	line-height: 1.5;
	text-align: left;
	margin-top: 14px;
}

.passwordForm .titleS {
	font-weight: bold;
}

.joinMemberInfo {
	font-size: 14px;
	color: #272727;
	text-align: left;
	line-height: 1.43;
	height: 120px;
}

.account h3 {
	text-align: left;
	margin: 30px 0 15px 0;
}

.passwordTable {
	width: 100%;
	border-top: 2px solid #272727;
	border-bottom: 1px solid #272727;
}

.passwordTable th {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -1px;
}

.passwordTable th, .passwordTable td {
	text-align: left;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 1px solid #dedede;
	padding: 14px 0;
}

.passwordTable td {
	padding-left: 20px;
}

.passwordTable tr:last-child th, .passwordTable tr:last-child td {
	border-bottom: 0;
}

/* 로그인 */
.login {
	width: 1120px;
    margin: auto;
    overflow: hidden;
    padding: 50px 0;
}
.chrome object{
	display: none;
}

.loginForm {
	width: 474px;
    height: 745px;
    padding: 60px 60px 40px 60px; /*240514_수정*/
    border: 1px solid #dbdbdb;
    border-left: 0;
    box-sizing: border-box;
    position: relative;
}

.loginAuthForm {
	padding: 10px 10px 10px 10px;
    position: relative;
}


.loginForm h2 {
    width: 165px;
    text-indent: -9999px;
    display: inline-block;
    background: url(../front-img/doremi_Logo.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% auto;
    margin-left: -13px;
    margin-bottom: 9px;
}

.loginForm .subTitle {
	margin-bottom: 35px; /*240514_추가*/
	font-size: 16px;
	color: #676767;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: -0.4px;
  	text-align: left;
  	display: block;
}

.loginVisual {
	position: relative;
	background: url("../front-img/splash.png") no-repeat;
	width: 646px;
    height: 745px;
}

.loginVisual .bookmark {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	font-family: 'Noto sans KR';
    bottom: 30px;
	right: 30px;
    position: absolute;
    cursor: pointer;
}

.idSave {
	height: 20px;
	padding: 6px 0;
}

.loginForm .field-container input {
	height: 42px;
}

.loginForm save-id>.check-default:before {

}

#save-id >.check-default {
    cursor: default;
    margin-left: 0px
}

.loginForm .field-containert:hover,
 .loginForm .field-containert[selected]{
	border: 1px solid #e66344;
}


.loginForm .h54 {
    min-width: inherit;
}

.loginLink {
	text-align: center;
	margin: 25px 0;/*240514_수정*/
	height: 20px;
}
.loginLink form {
	display: inline-block;
    margin-left: 7px;
}

.loginLink span {
	font-size: 14px;
	color: #676767;
	padding: 0 10px;
	background: url(../front-img/icon/line_orderTable.png) center right no-repeat;
}

.loginLink span:first-child {
	padding-left: 0;
}

.loginLink span:last-child {
	padding-right: 0;
}

.loginLink span:hover {
	text-decoration: underline;
    text-underline-position: under;
    text-decoration-color: #676767;
    cursor: pointer;
}

.loginInfo {
	font-size: 12px;
	font-weight: normal;
    color: #676767;
    text-align: left;
    display: block;
    letter-spacing: -0.3px;
}

.loginInfo>span {
    padding-top: 5px;
    display: block;
}

.loginInfo span span{
	text-indent: 6px;
    display: inline-block;
}

.loginInfo p {
	padding-bottom: 2px;
	display: block;
	line-height: 1.4;
} /*240514_추가*/

.customerService {
	width: 353px;
	position: absolute;
    bottom: 70px; /*240514_수정*/
}

.customer {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-align: left;
}

.timeInfo {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	font-family: 'Noto sans KR';
	letter-spacing: -0.3px;
	text-align: left;
}

.ServiceTel {
	font-size: 34px;
	color: #333333;
	font-weight: bold;
	text-align: right;
	display: block;
}

.itemLink {
	font-size: 14px;
	color: #676767;
	font-weight: 500;
	height: 20px;
	padding: 20px 0 40px 0;
	position: absolute;
    bottom: 0;
    display: flex;
}

.itemLink li {
	padding-right: 16px;
	margin-right: 11px;
	background: url(../front-img/icon/ic_link.png) right 3px no-repeat;
}

.itemLink li:last-child {
	margin: 0;
}

.itemLink a {
	font-size: 14px;
	color: #676767;
}
.itemLink li a:hover {
	text-decoration: underline;
    text-underline-position: under;
}

.copyright {
	font-size: 12px;
	color: #a29d9b;
    bottom: 30px;
    left: 37px;
    position: absolute;
}

.partialTable th {
	font-size: 13px;
}

/* 공급단가 관리 */
.period {
	padding: 5px 0;
}

/* 단가조회 */
.insertBtn .add:before {
	content: url("../front-img/icon/ic_fav_normal.png");
	width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    padding-right: 2px;
    vertical-align: middle;
}

.deleteBtn .delete:before  {
	content: url("../front-img/icon/ic_fav_selected.png");
	width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    padding-right: 2px;
    vertical-align: middle;
}

.insertBtn .h32, .deleteBtn .h32 {
	padding: 0;
}

.ic_info{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../front-img/icon/ic_info.png);
	background-repeat: no-repeat;
	cursor: pointer;
	margin-left: 8px;
	vertical-align: sub;
	margin-right: 0;
}

.compareNone{
	display: inline-block;
	width:10px;
	height:10px;
	background-image: url(../front-img/icon/compare_none.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	vertical-align: middle;
}

.arrowSmall{
	display: inline-block;
	width:10px;
	height:10px;
	background-image: url(../front-img/icon/ic_arrow_small.png);
	background-repeat: no-repeat;
	margin-right: 10px;
}

.mealsSelect {
	font-size: 16px;
	height: 24px;
	margin: 19px 0 0 50px;
}

.uploadTable {
	width: 100%;
	border: 1px solid #e9e9e9;
	table-layout: fixed;
}

.uploadTable th:first-child, .uploadTable th:last-child {
	background-image: none;
}

.uploadTable .alignRight td {
	text-align: right;
}

.uploadTable .alignLeft *[field]>.field-container input,
.uploadTable.alignLeft *[field]>.field-container input {
	text-align: left;
}
.uploadTable sc-checkbox-field {
	display: inline-block;
	margin-left: 10px;
}

_:-ms-input-placeholder, .orderDetailTable .uploadTable td {
	width: auto;
}

sc-window .uploadTable th {
	text-align: center;
	font-size: 14px;
	height: 32px;
	border-bottom: 1px solid #e9e9e9;
	background: #f4f4f4;
	padding: 0;
	font-weight: normal;
}

sc-window .uploadTable td {
    text-align: center;
    word-break: break-all;
    position: relative;
    height: 32px;
    padding: 0;
    border-bottom: none;
}

.table_detail .uploadTable th,
.table_detail .uploadTable td {
	padding: 8px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	height: inherit;
	font-size: 14px;
}

.table_detail .uploadTable th {
	font-weight: bold;
	background: #f2efec;
}

.orderDetailTable .uploadTable td {
	padding: 0 0 0 0 !important;
}

.table_detail td .fileDataWrap {
	margin-top: 15px;
}

.table_detail td .scrollArea {
	margin-bottom: 15px;
}

.uploadTableTd {
	border-top: none !important;
}

myp-rpt-apprvln-manage-m cc-upload-field sc-button {
	height: 32px;
	min-width: 90px;
	margin-top: 0px;
	margin-right: 3px;
	margin-left: 0px;
	font-size : 14px;
	line-height : 30px;
}

.supplypriceCheck {
	font-size: 14px;
}

_:-ms-input-placeholder, .supplypriceCheck sc-checkbox-field {
	vertical-align: text-bottom;
}

cc-excel-import sc-container>.content-wrap,
cc-excel-import sc-container>.content-wrap .content {
	height: 100%;
}

cc-excel-import1 sc-container>.content-wrap,
cc-excel-import1 sc-container>.content-wrap .content {
	height: 100%;
}

.ord-order-lead-time-request-p-0 {
	display: block!important;
	overflow-x: hidden;
}

.adj-stockin-report-m-0 {
	position: relative;
}
.bottom_excel {
	position: absolute;
    right: 0;
    top: 205px;
}

.pop:not(.img_pop) {
	width: 100%;
	height: 100%;
	font-size: 18px;
	background: #f2efec;
	padding: 50px;
	box-sizing: border-box;
	
}
.pop:not(.img_pop) > div {
	padding: 20px;
	background: #fff;
	box-sizing: border-box;
}
.pop:not(.img_pop) h3 {
	font-size: 42px;
	text-align: center;
	margin-bottom: 25px
}
.pop:not(.img_pop) .ServiceTel {
	display: inline;
	text-align: left;
}
.link_text {
	color:blue;
	text-decoration: underline !important;
}

/* 추가, 삭제 버튼 속성 추가 */
.btn_select {
	text-align: center;
	padding: 20px 0;
}
.btn_middle {
	text-align: center;
	padding-top: 10px;
}

.btn_middle .btn_insert, 
.btn_middle .btn_delete {
	width: 70px;
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	border: 1px solid #a8a8a8;
	background: #fff;
	text-indent: -12px;
}
.btn_middle .btn_insert {
	background: url(../img/ic_list_down.png) right 10px center no-repeat;
}
.btn_middle .btn_delete {
	background: url(../img/ic_list_up.png) right 10px center no-repeat;
}

.btn_order_price_show {
	width: 90px;
	height: 32px;
	right:0;
	background: url(/ui/assets/front-img/icon/order_price_show.png) no-repeat;
}

.btn_order_price_hide {
	width: 90px;
	height: 32px;
	right:0;
	background: url(/ui/assets/front-img/icon/order_price_hide.png) no-repeat;
}

.find {
	position: relative;
}

.find .field-container input {
	padding: 0px 32px 0px 10px;
}

.find .btn_closeS {
	position: absolute;
	top: 6px;
	right: 6px;
}

.btn_closeS {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	cursor: pointer;
	background-size: 20px 20px;
	background-image: url("/ui/assets/front-img/icon/ic_clear_line.png");
	background-repeat: no-repeat;
}

.searchTable th{
	text-align: center;
	height: 40px;
	border-bottom: 1px solid #7d7d7d;
	padding: 0 8px;
	background: #f8f7f7 center right no-repeat;	
}

.filterButton {
	min-width: 90px;
	height: 32px;
	line-height: 31px;
	padding: 0 10px;
	margin-left: 6px;
	font-size: 14px;
    background: #7d7d7d;
    color: #fff;
    border: #7d7d7d;
}

.otp-form {
	border-top: 2px solid black;
	padding-top: 16px;
}

.otp-form p {
	font-size: 16px;
	padding-top: 10px;
}

.otp-code {
	height: 60px;
	text-align: center;
	padding-top: 20px;
}

.otp-check-button {
	width: 100%;
	height: 60px;
	margin-left: 10px;
	border: 1px solid #e66344;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
}

#otp-check-field input {
	font-size: 28px;
	text-align: center;
	margin: 15px 0 0 22px;
	letter-spacing: 25px;
}

.exchange-return-button {
	min-width: 140px;
	height: 32px;
	line-height: 31px;
	padding: 0 10px;
	margin-left: 6px;
	font-size: 14px;
}

.exchange-return-div{
	position: absolute;
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
}