@charset "UTF-8";

@import url("/common/css/init.css?v=20180328");	/* init */
@import url("/common/css/header.css?v=201710272");	/* header */
@import url("/common/css/left.css?v=20160206");	/* left */

/* Common */
.list-info {
	padding: 5px 8px;
	margin: 5px 0;
	box-shadow: 0 1px 3px rgba(0,0,0, .7);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .7);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .7);
	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 8px;
}
	.list-info label { display: inline-block; vertical-align: middle; }

	.list-info .left { float: left; width: 440px; padding: 2px 5px; text-align: left; font-weight: bold; }
	.list-info .right { float: right; width: auto; padding: 2px 5px; text-align: right; font-weight: bold; }

.list-info #ob { width: 106px; }
.list-info #ps { width: 52px; }
.list-info .title {
	padding: 6px;

	box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 4px;
}

.list-info label { padding: 0 5px 0 14px; background: url('/images/common/arrow1.png') no-repeat 4px 6px; color: #972500; }


.add-search {
	font-weight: bold;

	background: #F3F3F3;
	background: -moz-linear-gradient(#fff, #d0d0d0);
	background: -ms-linear-gradient(#fff, #d0d0d0);
	background: -o-linear-gradient(#fff, #d0d0d0);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d0d0d0));
	background: -webkit-linear-gradient(#fff, #d0d0d0);
	background: linear-gradient(#fff, #d0d0d0);

	padding: 5px 8px;
	margin: 5px 0;
	box-shadow: 0 1px 3px rgba(0,0,0, .7);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .7);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .7);
	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 8px;
}
.add-search .add-search-div { padding: 5px; }

.add-search label { display: inline-block; padding: 0 5px 0 14px; }
.add-search .check-div { display: inline; background: #f1f8ff; padding: 7px 8px 5px 16px; margin: 0 5px 2px 0; border: 1px solid #a8a8a8; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
.add-search .check-div label { padding: 0 10px 0 2px; }
.add-search .arrow1 { padding: 0 5px 0 14px; background: url('/images/common/arrow1.png') no-repeat 4px 6px; color: #972500; }

.warp-auction { margin: 8px; }
.warp-auction .left { float: left; margin-right: 10px; font-weight: bold; }
.warp-auction .right { float: right; margin-right: 10px; font-weight: bold; }



.list-table { width: 100%; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); }
.top-caption { caption-side: top; padding: 4px; text-align: left; font-weight: bold; color: #777; }
.bottom-caption { caption-side: bottom; padding: 4px; text-align: right; font-weight: bold; color: #777; }
.list-table tbody tr:hover { background: #EEE }

.fixed-frame-table { display: block; }
.fixed-frame-table tbody { display: block; overflow-y: scroll; }

table thead.addline th {
	vertical-align: middle;
	line-height: 14px;
}

table thead.addline th .table-th-help {
	font-weight: normal;
	font-size: 10px;
	color: #757A7A;
	letter-spacing: -0.05em;
	line-height: 14px;
}

.list-table thead th {
	padding: 4px 0;
	background: #EEE;
	border: 1px solid #CCC;
	border-bottom: 1px solid #999;

	background: #d0d0d0;
	background: -moz-linear-gradient(#fff, #e2e2e2);
	background: -ms-linear-gradient(#fff, #e2e2e2);
	background: -o-linear-gradient(#fff, #e2e2e2);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e2e2e2));
	background: -webkit-linear-gradient(#fff, #e2e2e2);
	background: linear-gradient(#fff, #e2e2e2);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);
}

.list-table tbody th { padding: 5px 0; border:1px solid #DDD; background: #F3F3F3; }
.list-table tbody td { padding: 4px 5px; border: 1px solid #DDD; text-align: center; font-size: 9pt; }
.list-table tbody .left { text-align: left; }

.list-table tbody a { font-weight: bold; }


.list-table .inputtr {
	border: 1px solid #111;
	background: #f0ffea;
}
.list-table .inputtr:hover { background: #f0ffea; }

.list-table .inputtr td { padding: 0; }
.list-table .inputtr .tdinput {
	padding: 0 4px 0 4px;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #444;
	height: 26px;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
}

.list-table .grid-input {
	padding: 0 4px 0 4px;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #444;
	height: 26px;
	text-decoration: none;
	white-space: nowrap;
}

.list-table .left { text-align: left; }
.list-table .blank { background: #EEE; }

.list-table .input-tr { }
.list-table .input-tr td { overflow: visible; }
.list-table .commend-div { float: right; }
.list-table .tr_info { text-align: left; }
.list-table .chkall { vertical-align: middle; }
.list-table input[name="chk[]"] { vertical-align: middle; }

.list-table .bbs_notice { background: #EEE; }
.list-table .bbs_newIcon { margin: 0 4px 2px 4px; }
.list-chk { z-index: 999; }


.list-table .now-state {
	display: inline;
	padding: 5px;
	border: 1px solid #666;
	cursor: pointer;

	background: #FFF;
	border-radius: 4px;
}

.list-table .end-state {
	display: inline;
	padding: 5px;
	border: 1px solid #666;
	cursor: pointer;

	background: #DDD;
	border-radius: 4px;
}

.list-table .state1 { background: #ffaaaa; }
.list-table .state2 { background: #ffc8c8; }
.list-table .state3 { background: #b8b8b8; }
.list-table .state4 { background: #FFF; }


.list-table .state { position: absolute; padding-left: 50px; margin-top: -20px; display: none; z-index: 9; }
.list-table .state li {
	display: inline;
	padding: 5px;
	border: 1px solid #666;
	margin-right: 2px;
	cursor: pointer;

	background: #d0d0d0;
	background: -moz-linear-gradient(#fff, #d0d0d0);
	background: -ms-linear-gradient(#fff, #d0d0d0);
	background: -o-linear-gradient(#fff, #d0d0d0);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d0d0d0));
	background: -webkit-linear-gradient(#fff, #d0d0d0);
	background: linear-gradient(#fff, #d0d0d0);
	border-radius: 4px;
}

.top-icon-command { padding: 2px 5px; }
.form-table { margin-top: 10px; width: 100%; }
.form-table caption { padding: 4px; text-align: left; font-weight: bold; }
.form-table thead th { padding: 5px 0; border-top: 1px solid #DDD; border-bottom: 3px solid #DDD; }
.form-table tbody th { padding: 5px 0; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; text-align: right; }
.form-table tbody td { padding: 8px 0 8px 10px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; text-align: left; }
.form-table tbody a { font-weight: bold; }
.form-table tbody .left { padding: 2px 6px; text-align: left; }
.form-table .input-tr { }
.form-table .input-tr td { overflow: visible; }
.form-table .input-title { font-weight: bold; color: #FFF; }
.form-table .stitle { width: 80px; padding: 0 5px 0 14px; background: url('/images/common/arrow1.png') no-repeat 4px 2px; }
.form-table .cfgPop { width: 80px; padding: 7px 5px 5px 14px; background: url('/images/common/arrow2.png') no-repeat 4px 9px; color: blue; }
.form-table .cfgPop:hover {
	margin-right: 1px;
	background-color: #e9f0ff;
	box-shadow: 0 1px 3px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .5);
}
.form-table label { padding: 0 4px 0 1px;}

.form-table .check-div { display: inline; background: #f1f8ff; padding: 5px 8px; border: 1px solid #a8a8a8; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }

.iform-table { margin-top: 10px; width: 100%; }
.iform-table thead th { padding: 5px 0 5px 5px; border-top: 1px solid #DDD; border-bottom: 3px solid #DDD; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.iform-table tbody th { padding: 5px 0; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.iform-table tbody td { padding: 10px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.in-table { margin-top: 10px; width: 100%; border:1px solid #DDD; }
.in-table caption { padding: 4px; text-align: left; font-weight: bold; }
.in-table tbody tr:hover { background: #EEE; }
.in-table thead th { padding: 5px 0; border-top: 1px solid #DDD; background: #F3F3F3; border-bottom: 3px solid #DDD; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.in-table tbody th { padding: 5px 0; border:1px solid #DDD; background: #F3F3F3; border-right: 3px solid #DDD; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.in-table tbody td { padding: 5px; border-bottom: 1px solid #DDD; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.in-table tbody a { font-weight: bold; }
.in-table .input-tr { background: #444; }
.in-table .input-tr:hover { background: #444; }





.grid-table { margin-top: 10px; width: 100%; table-layout: fixed; }
.grid-table caption { padding: 4px; text-align: left; font-weight: bold; }
.grid-table tbody tr:hover { background: #CCC url("/images/include/gradient.png") repeat-x 0 -120px !important; }
.grid-table thead th { padding: 2px 0; border: 1px solid #DDD; background: #EEE url("/images/include/gradient.png") repeat-x 0 -120px !important; border-bottom: 3px solid #DDD; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.grid-table tbody th { padding: 2px 0; border:1px solid #DDD; background: #F3F3F3; border-right: 3px solid #DDD; }
.grid-table tbody td { padding: 0; height: 24px; border: 1px solid #DDD; vertical-align: middle; text-align: center;  }
.grid-table tbody a { font-weight: bold; }
.grid-table tbody .left { padding: 0 2px; text-align: left; }
.grid-table .input-tr { }
.grid-table .input-tr td { overflow: visible; }
.grid-table .commend-div { float: right; }
.grid-table .tr_info { text-align: left; }

.grid-table input { z-index: 99; border: none; background-color: transparent; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.grid-table input:hover { background: #7eca72; border: none; }


.grid-table .datepicker { padding-left: 0; padding-right: 0; }




.paging { margin-top: 12px; text-align: center; }
.paging .nowcnt {
	padding: 8px 12px;
	border: 1px solid #EFEFEF;
	cursor: default;
	font-weight: bold;
	color: #E95C1D;
	background: #d0d0d0;
	background: -moz-linear-gradient(#d0d0d0, #a3a3a3);
	background: -ms-linear-gradient(#d0d0d0, #a3a3a3);
	background: -o-linear-gradient(#d0d0d0, #a3a3a3);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d0d0d0), to(#a3a3a3));
	background: -webkit-linear-gradient(#d0d0d0, #a3a3a3);
	background: linear-gradient(#d0d0d0, #a3a3a3);
	border-radius: 4px;
}
.paging .cnt { 
	padding: 8px 12px;
	border: 1px solid #EFEFEF;
	font-weight: bold;
	color: #FFF;
	background: #a3a3a3;
	background: -moz-linear-gradient(#999, #a3a3a3);
	background: -ms-linear-gradient(#999, #a3a3a3);
	background: -o-linear-gradient(#999, #a3a3a3);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#a3a3a3));
	background: -webkit-linear-gradient(#999, #a3a3a3);
	background: linear-gradient(#999, #a3a3a3);
	border-radius: 4px;
}
.paging .cnt:hover {
	background: #7c7c7c;
	background: -moz-linear-gradient(#999, #7c7c7c);
	background: -ms-linear-gradient(#999, #7c7c7c);
	background: -o-linear-gradient(#999, #7c7c7c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#7c7c7c));
	background: -webkit-linear-gradient(#999, #7c7c7c);
	background: linear-gradient(#999, #7c7c7c);
}

.btn {
	display: inline-block;
	cursor: pointer;
	padding: 4px 12px;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	color: #FFF;
	background: #333;
	background: -moz-linear-gradient(#AAA, #222);
	background: -ms-linear-gradient(#AAA, #222);
	background: -o-linear-gradient(#AAA, #222);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#AAA), to(#222));
	background: -webkit-linear-gradient(#AAA, #222);
	background: linear-gradient(#AAA, #222);

	box-shadow: 0 1px 1px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .9);

	border-radius: 4px;
}
.sbtn { display: inline; padding: 2px 4px 2px 4px; }
.lbtn { padding: 2px; width: 36px; height: 20px; }
.btn_submit { width: 80px; height: 32px; }
.btn_big_submit { width: 80px; height: 62px; }
.ibtn {
	padding: 5px 5px 4px 5px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #ff8e8e;
	color: #FFF;
	background: #ff0000;
	background: -moz-linear-gradient(#ff8e8e, #ff0000);
	background: -ms-linear-gradient(#ff8e8e, #ff0000);
	background: -o-linear-gradient(#ff8e8e, #ff0000);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8e8e), to(#ff0000));
	background: -webkit-linear-gradient(#ff8e8e, #ff0000);
	background: linear-gradient(#ff8e8e, #ff0000);
	border-radius: 4px;
}

.btn:hover {
	background: #b2b2b2;
	background: -moz-linear-gradient(#b2b2b2, #585858);
	background: -ms-linear-gradient(#b2b2b2, #585858);
	background: -o-linear-gradient(#b2b2b2, #585858);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b2b2b2), to(#585858));
	background: -webkit-linear-gradient(#b2b2b2, #585858);
	background: linear-gradient(#b2b2b2, #585858);
	border-radius: 4px;
}
.btn:active {
	background: #d6d6d6;
	color: #ff6600;
	border-radius: 2px;
}

.tooth_div {width:97px;padding:0;}
	.tooth_div .tnum {float:left;padding:0;margin:0;width:6px;font-size:8pt;cursor:help;line-height:9pt;}
	.tooth_div .tnum:hover {color:red;}
	.tooth_div .remedy {font-weight:bold;color:#ef7a12;}
	.tooth_div .oldremedy {font-weight:bold;color:#EFEFEF;}
	.tooth_hr { border-bottom:1px solid #3f3f3f; }














a.txtOver { opacity: .7; filter:Alpha(Opacity=70); }
a.txtOver:hover { font-weight: bold; opacity: 1; filter:Alpha(Opacity=0); }


.font18pt {font-size: 18pt;}
.font12pt {font-size: 12pt;}

#div-search-result {
	position: absolute;
	padding:4px;
	display: none;
	background: #FFF;
	box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 4px;
	min-height: 300px;
}

.edittd { cursor: pointer; }

.grid-input {
	padding: 0 4px 0 4px;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #444;
	height: 26px;
	text-decoration: none;
	white-space: nowrap;
	text-align: left;
}

.userIcon {
	display: inline;

	padding: 3px;
	margin: 4px 1px;

	box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 2px;
}

.sitem { float: left; display: block; padding: 0 1px; margin-left: 2px; cursor: pointer; border: 1px solid #eab88f; }
.iselect { background: #ffb892;}
.inonselect { background: #FFF;}
.batchhead { height: 30px; background: #daffdd; }

.CFF0000 { color: #ff0000; }
.C0000FF { color: #0000ff; }
.CDDD { color: #DDD; }
.CAAA { color: #AAA; }
.C008118 { color: #008118; }
.CRED { color: red; }
.CBLUE { color: blue; }
.C89b757 { color: #89b757; }

.F14PT { font-size: 14pt; }

.cursor1 { cursor: pointer; }





.cautionMsgBox {
	opacity: .4; filter:Alpha(Opacity=40);

	position: absolute;
	margin-left: 360px;
	padding: 4px 10px;
	background: green;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;

	box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 4px;
}

.ingLive { background: green; }
.ingEnd { background: red; }

.memoForm {
	padding: 5px;
	display: none;
	position: absolute;
	background: #ffeb7a;
	opacity: 1; filter:Alpha(Opacity=100);

	box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 4px;
	z-index: 999999;

}

.goods_tooltip {
	display: none;
	position: absolute;
	background: #fffdc5;
	padding: 5px;
	margin: 5px;
	font-weight: normal;

	box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 4px;
}

.memoForm textarea {
	background: #ffeb7a;
	border: none;
	opacity: 1; filter:Alpha(Opacity=100);
}


.pmemoForm textarea {
	background: #ffeb7a;
	border: none;
	opacity: 1; filter:Alpha(Opacity=100);
}

.pmemoForm {
	padding: 5px;
	display: none;
	position: absolute;
	background: #ffeb7a;
	opacity: 1; filter:Alpha(Opacity=100);

	box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);

	text-shadow: 0 1px 1px rgba(0,0,0, .2);

	border-radius: 4px;
	z-index: 999999;

}

.selectable-div {
	display: inline-block;
	margin: 2px 4px;
}

.selectable-div input { display: none; }

.selectable {
	float:left;
	cursor: pointer;
	padding: 1px 4px;
	color: #888;
	background: #DDD;
	background: -moz-linear-gradient(#FFF, #CCC);
	background: -ms-linear-gradient(#FFF, #CCC);
	background: -o-linear-gradient(#FFF, #CCC);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#CCC));
	background: -webkit-linear-gradient(#FFF, #CCC);
	background: linear-gradient(#FFF, #CCC);

	box-shadow: 0 1px 1px rgba(0,0,0, .9);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .9);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .9);
}

.selectable-div .active {
	color: #000;
	background: #beffb0;
	background: -moz-linear-gradient(#dfffd8, #2dfd00);
	background: -ms-linear-gradient(#dfffd8, #2dfd00);
	background: -o-linear-gradient(#dfffd8, #2dfd00);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#dfffd8), to(#2dfd00));
	background: -webkit-linear-gradient(#dfffd8, #2dfd00);
	background: linear-gradient(#dfffd8, #2dfd00);
}

.autoHeight {
	width: 100%;
	resize: none;
	overflow-y: hidden;
}



/* LOADING */
.toggle-loading { border: 1px solid #fff; position: absolute; }
.toggle-loading  .icon {
  float: left;
  width: 16px;
  height: 16px;
  padding: 10px 0 10px 10px;
  background: url('/images/common/toggle-loading.gif') center center no-repeat;
}
.toggle-loading  .copy { float: left; padding: 10px 0; color: #666666; }

.loading {
	position: absolute;
	display: none;
	text-align: center;
	padding: 10px;
	width: 200px;
	border: 4px solid green;
	color: red;
	font-size: 8pt;
	background: #e9ffee;

	box-shadow: 0 5px 8px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0, .5);
	-moz-box-shadow: 0 5px 8px rgba(0,0,0, .5);

	z-index: 999;
}
.loading img { margin-bottom: 10px; }

.overflowV { overflow: visible; }

@media print{ 
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins
	,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
	thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,
	time,mark,audio,video{ margin: 0; padding: 0; border: 0; vertical-align: baseline; }

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

	html { width: 1040px; z-index: -1; }
	body { width: 1040px; background: #888; font:normal 9pt/20px 'Nanum Gothic','돋움', dotum, Malgun Gothic, sans-serif !important; letter-spacing: -0.03em; }

	h1, h2, h3, h4, h5, h6 { font-weight: bold; }
	img { vertical-align: middle; max-width: 100%; }
	ul,li { margin: 0; padding: 0; list-style: none; }

	.hidden-print { display:none; }
}


@media all and ( max-width: 1000px ) {


}













.mainTab {
	float: left;
	width: 300px;
	margin: 5px;
	min-height: 400px;
}

.mainTab li {
	padding: 4px;
	border: 1px solid #EEE;
}

.mainTab .title {
	background: #000;
	color : #FFF;
	padding: 4px 6px;
	font-weight: bold;
	border: 1px solid #888;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;

}

.mainTab .itemEnd {
	text-align: right;
	padding: 1px 8px;
	background: #000;
	color : #AAA;
	border: 1px solid #888;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}















.icon_btn {
	position: relative;
	display: inline-block;
	padding: 0 8px;
	height: 24px;
	margin-bottom: 1px;
	border-radius: 3px;
	background: #757575;
	border: 1px solid #5b5b5b;
	box-shadow: 1px 1px 1px white, 1px 1px 0 rgba(0, 0, 0, 0.4);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
	vertical-align: middle;
	font-weight: bold;
}

.icon_btn:hover,
.icon_btn:active { background: #5b5b5b; border: 1px solid #424242; }

.big_btn2 { font-size: 10pt !important; padding: 3px 8px !important; }
.big_btn { font-size: 12pt !important; padding: 5px 12px !important; height: 32px; }
.small_btn2 { height: 18px; font-size: 8pt; padding: 0 4px; line-height: 20px; }
.small_btn { font-size: 9pt; padding: 0 6px; }

.btn_blue { background: #4981ff; border: 1px solid #0049ef; }
.btn_blue:hover,
.btn_blue:active { background: #0041d5; border: 1px solid #00319f; }

.btn_green { background: #1ec71e; border: 1px solid #00af00; }
.btn_green:hover,
.btn_green:active { background: #109310; border: 1px solid #006600; }

.btn_black { background: #757575; border: 1px solid #5b5b5b; }
.btn_black:hover,
.btn_black:active { background: #5b5b5b; border: 1px solid #424242; }

.btn_sky { background: #30a3e5; border: 1px solid #0077bb; }
.btn_sky:hover,
.btn_sky:active { background: #297dad; border: 1px solid #00466e; }

.btn_red { background: #e36262; border: 1px solid #c02222; }
.btn_red:hover,
.btn_red:active { background: #b81e1e; border: 1px solid #780000; }

.btn_org { background: #ff9946; border: 1px solid #ff7200; }
.btn_org:hover,
.btn_org:active { background: #ff7200; border: 1px solid #e54b00; }

.btn_gray { background: #e8e8e8; border: 1px solid #cdcdcd; color: #333; }
.btn_gray:hover,
.btn_gray:active { background: #cbcbcb; border: 1px solid #b4b4b4; }


.a-title {
	font: bold 11pt 'Nanum Gothic','돋움', dotum, Malgun Gothic, sans-serif !important;
	margin: 2px 0 12px 0;
	border-left: 6px solid #ff3434;
	padding: 8px;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.6);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.right-cmd { float: right; margin: -5px 6px 0 0; }
.right-cmd a { display: inline-block; margin: 0 2px; }

.left-cmd { float: left; margin: 5px 0 0 6px; }
.left-cmd a { display: inline-block; margin: 0 2px; }

.ac-section { padding: 5px 0; }

.b-title {
	width: 80px;
	display: inline-block;
	margin: 6px 6px 0 16px
	padding-right: 10px;
	font-size: 10pt;
	font-weight: bold;
	border-right: 2px solid #666;
}

.c-title {
	margin: 0 10px 0 16px;
	padding: 10px 0 12px 10px;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: 1px solid #BBB;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.c-title-pop {
	padding: 10px 0 6px 10px;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: 1px solid #BBB;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.a-search-div {
	padding: 8px 12px 6px 12px;
	background: #eeeeff;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.a-search-div .a-label-title {
	font-weight: bold;
	margin: 0 5px 0 10px;
}

.a-search-div .a-label-title i { color: blue; }
.a-search-div .search_btn { margin-left: 8px; height: 26px; }
.a-search-div .option-box {
	display: inline-block;
	padding: 0 10px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 0 1px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #444;
	line-height: 24px;
	z-index: 9;
}

.a-search-div .section-bar {
	padding: 8px 0;
	text-align: center;
}

.a-search-div .section {
	margin-top: 6px;
}

.a-search-div .right {
	float: right;
	width: 80px;
	text-align: right;
}

.a-tab-div {}

.a-tab-div .a-label-tab {
	float: left;
	width: 90px;
	height: 24px;
	border: 1px solid #666;
	margin-right: -1px;
	margin-bottom: -1px;
	border-bottom: 1px solid #EEE;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	text-align: center;
	font-weight: bold;

	box-shadow: 1px -1px 3px rgba(0,0,0, .3);
	-webkit-box-shadow: 1px -1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 1px -1px 3px rgba(0,0,0, .3);
}

.a-tab-div .a-label-tab:hover {
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);

	border: 1px solid #3ba61b;
	background: #99ff79;
}

.a-tab-div .a-label-tab-live {
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);

	border: 1px solid #3ba61b;
	background: #8cd875;
}

.a-tab-div .chosen-container {
	font-weight: bold;
}

.a-tab-div .chosen-container .chosen-results li.highlighted {
	background-color: #F26655;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #F26655), color-stop(90%, #2a62bc));
	background-image: -webkit-linear-gradient(#F26655 20%, #F26655 90%);
	background-image: -moz-linear-gradient(#F26655 20%, #F26655 90%);
	background-image: -o-linear-gradient(#F26655 20%, #F26655 90%);
	background-image: linear-gradient(#F26655 20%, #F26655 90%); 
	color: #fff;
}

.a-toggle-div {
	/* box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3); */
	margin: 6px 16px 6px 34px;
	/* padding: 8px; */
}
 
.a-toggle-div-pop {  }

.a-toggle-div .toggle-cmd {
	position: absolute;
	margin: -8px 0 0 -24px;
}

.cmd-div { margin-top: 16px; padding: 8px; box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.6); }
	.cmd-div .left { float: left; margin-right: 10px; font-weight: bold; }
	.cmd-div .right { float: right; margin-right: 10px; font-weight: bold; }

.cmd-div-in { margin-top: 16px; padding: 8px; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.6); }
	.cmd-div-in .left { float: left; margin-right: 10px; font-weight: bold; }
	.cmd-div-in .right { float: right; margin-right: 10px; font-weight: bold; }


.font7pt { font-size: 7pt }


.clipText {
	position: relative;
	display: inline-block;
	padding: 0 4px;
	height: 18px;
	border-radius: 3px;
	background: #757575;
	border: 1px solid #5b5b5b;
	box-shadow: 1px 1px 1px white, 1px 1px 0 rgba(0, 0, 0, 0.4);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	line-height: 18px;
	vertical-align: middle;
	font-weight: bold;

	font-size: 7pt;
	cursor: pointer;
}

.btn_dppt { background: #e36262; border: 1px solid #c02222; }
.btn_dppt:hover,
.btn_dppt:active { background: #b81e1e; border: 1px solid #780000; }

.btn_dxppt { background: #1ec71e; border: 1px solid #00af00; }
.btn_dxppt:hover,
.btn_dxppt:active { background: #109310; border: 1px solid #006600; }


.file-list { height: 18px; }
.btn_download {
	padding: 1px 2px;
	border-radius: 3px;
	background: #4981ff;
	border: 1px solid #0049ef;
	box-shadow: 1px 1px 1px white, 1px 1px 0 rgba(0, 0, 0, 0.4);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	line-height: 12px;
	vertical-align: middle;
}
.btn_download i { color: #FFF; margin-top: -2px; }
.btn_download_view { line-height: 16px; }











.apView-table { margin-top: 10px; width: 100%; }
.apView-table caption { padding: 4px; text-align: left; font-weight: bold; }
.apView-table thead th { padding: 5px 0; border-top: 1px solid #DDD; background: #EEE; border-bottom: 3px solid #DDD; }
.apView-table tbody th { padding: 5px 0; border:1px solid #DDD; background: #F3F3F3; border-right: 3px solid #DDD; }
.apView-table tbody td { padding: 8px 5px; border: 1px solid #DDD; text-align: left; }
.apView-table tbody a { font-weight: bold; }

.apView-table .left { text-align: left; }
.apView-table .right { text-align: right; }
.apView-table .center { text-align: center; }
.apView-table .valinM { vertical-align: middle; }

#cfrm .chosen-container .chosen-results { max-height: 90px !important; }


.wysiwygTagle1 { width: 100%; border-collapse: collapse; table-layout: fixed; word-break: break-all; border-spacing: 0; }
.wysiwygTagle1 thead th { padding: 5px 0; background: #EEE; border: 1px solid #DDD; text-align: center; }
.wysiwygTagle1 tbody td { padding: 8px 5px; border: 1px solid #DDD; text-align: left; vertical-align: middle; }


/* 전자결재 공통 */
#appWarp { width: 100%; min-height: 300px; }
/* #appListWarp { float: left; padding: 5px 5px 5px 0; width: 425px; overflow: hidden; } */
#appResultWarp {
	padding: 5px 0 5px 5px;
	width: 730px;
	overflow: hidden;
}






.area-box1 {
	display: inline-block;
	margin:10px 5px 5px 5px;
	padding:5px 5px 0 5px;
	border: 1px solid #DDD;

	border-radius: 4px;
}

.area-box1 .title {
	border-bottom: 2px solid #EEE;
	font-size: 12pt;
	font-weight: bold;
	padding: 5px;
	color: #888;
}

.area-box1 .list {
	margin: 5px 2px;
	padding: 5px;
	overflow-y: auto;
}

.area-box1 .list li {
	color: #777;
	cursor: pointer;
}

.area-box1 .list li:hover {
	color: blue;
	font-weight: bold;
}

.area-box1:hover {
	border: 1px solid #666;
	box-shadow: 0 5px 8px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0, .5);
	-moz-box-shadow: 0 5px 8px rgba(0,0,0, .5);
}


















.approvalWarp { margin-bottom: 20px; background: #FFF; z-index: 99; }

	.approvalWarp .left { float: left; }
	.approvalWarp .right { float: right; }

	.approval_line { height: 42px; width: 100%; }

	.approval_line .title { float: left; height: 42px; background: #EEE; border: 1px solid #DDD; text-align: center; vertical-align: middle; width: 20px; font-weight: bold; }
	.approval_line .approval { float: left; height: 42px; width: 104px; border :1px solid #DDD; text-align: center; }
	.approval_line .name { font-size: 14px; font-weight: bold; }
	.approval_line .approval_hr { margin: -1px 4px 1px 4px; border: 0; border-bottom: 1px dotted #DDD; }

	.approval_line_r { width: 100%; padding: 7px 0 3px 0; border-bottom: 1px dotted #DDD; background: #F1F1F1; cursor: help; }
	.approval_line_r .approval { padding: 0 5px; }
	
	.approval_line_r .appReadList {
		display: none;
		position: absolute;
		width: 280px;
		background: #fff8d5;
		padding: 6px 8px;
		margin: 0 0 0 0px;
		text-align: center;

		box-shadow: 0 1px 4px rgba(0,0,0, .5);
		-webkit-box-shadow: 0 1px 4px rgba(0,0,0, .5);
		-moz-box-shadow: 0 1px 4px rgba(0,0,0, .5);
		border-radius: 4px;

		text-shadow: 0 1px 2px rgba(0,0,0, .2);
	}

	.approval_line_r .appReadList .item1 {
		display: inline-block;
		margin: 2px;
		width: 36px;
		text-align: center;
	}

	.approval_line_r .appReadList .item0 {
		display: inline-block;
		margin: 2px;
		width: 36px;
		text-align: center;
		color: #AAA;
	}

	.approvalS_line { display: inline-block; height: 16px; margin: 0; }

	.approvalS_line .title { float: left; height: 20px; background: #EEE; border: 1px solid #DDD; text-align: center; vertical-align: middle; width: 40px; font-weight: bold; }
	.approvalS_line .approval { float: left; height: 20px; width: 104px; background: #FFF; border :1px solid #DDD; text-align: center; }
	.approvalS_line .name { font-size: 14px; font-weight: bold; }

	.approvalS_line_r { display: inline-block; height: 16px; margin: 0; cursor: help; }

	.approvalS_line_r .title { float: left; height: 20px; background: #EEE; border: 1px solid #DDD; text-align: center; vertical-align: middle; width: 60px; font-weight: bold; }
	.approvalS_line_r .approval { float: left; height: 20px; padding: 0 5px; background: #FFF; border :1px solid #DDD; text-align: center; }

	.app_btn {
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		padding-top: 4px;
		margin-right: 4px;
		background: #FFF;
		border: 1px solid #DDD;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		box-shadow: 0 1px 3px rgba(0,0,0, .9); -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .9); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .9);
		text-shadow: 0 1px 1px rgba(0,0,0, .2);
		opacity:0.6; filter:alpha(opacity=60);
	}
	.app_btn:hover { border: 1px solid #000; opacity:1; filter:alpha(opacity=100); }
	.app_btn p { margin-top: 3px; font-weight: bold; }
	.approvalWarp .point1, .goodscmd .point1 { background: #a1ffac; }



/* 전자결재 View 공통 */
.appCmd { width: 100%; padding: 10px 6px; }
.appView { display: inline-block; width: 100%; min-height: 200px; vertical-align: top; }
.appCmt { display: inline-block; min-height: 100px; width: 100%; vertical-align: top; }

.appCmt .msglist { margin: 5px 10px; }
.appCmt .msginput { margin-top: 5px; width: 100%; }
.appCmt .mpmsg {
	float: left;
	margin: 0;
	padding: 0;
	width: 79%;
	height: 50px;
}

.appCmt .msgsubmit {
	float: right;
	margin: 0;
	padding: 0;
	width: 20%;
	height: 50px;
}

.appCmt .topinfo {
	top: 0;
	padding: 5px;
	background: #FFF;
	width: 100%;
	height: 40px;
}

.appCmt .left {
	float: left;
	margin: 5px;
	padding: 8px;
	width: 70%;
	background: #F4F4F4;

	box-shadow: 0 0 4px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .5);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .5);
	border-radius: 4px;

	text-shadow: 0 1px 1px rgba(0,0,0, .2);
}


.appCmt .right {
	float: right;
	margin: 5px;
	padding: 8px;
	width: 70%;
	background: #aff0ac;

	box-shadow: 0 0 4px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, .5);
	-moz-box-shadow: 0 0 4px rgba(0,0,0, .5);
	border-radius: 4px;

	text-shadow: 0 1px 1px rgba(0,0,0, .2);
}

.appCmt .head {
	font-weight: bold;
}

.appCmt .head .cmdDiv {
	float: right;
	width: 70px;
}

.appCmt .contents {
	padding-left: 12px;
}

.appCmt .readCnt {
	cursor: help;
	font-weight: normal;
}

.appCmt .readList {
	display: none;
	position: absolute;
	width: 320px;
	background: #fff8d5;
	margin-left: 120px;
	padding: 6px 8px;
	text-align: center;

	box-shadow: 0 1px 4px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0, .5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0, .5);
	border-radius: 4px;

	text-shadow: 0 1px 2px rgba(0,0,0, .2);
}

.appCmt .readList .item1 {
	display: inline-block;
	margin: 2px;
	width: 36px;
	text-align: center;
}

.appCmt .readList .item0 {
	display: inline-block;
	margin: 2px;
	width: 36px;
	text-align: center;
	color: #AAA;
}

.appCmt .sitem { float: left; display: block; padding: 0 1px; margin-left: 2px; cursor: pointer; border: 1px solid #eab88f; }