/*-------------------- 가이드 --------------------*/
.overf {overflow:hidden;}
.flLeft {float:left;}
.flRight {float:right;}

.taLeft {text-align:left;}
.taRight {text-align:right;}
.taCenter {text-align:center;}

.posRel {position:relative;}

.verMe {vertical-align:middle;}

.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt35 {margin-top:60px !important;}
.mt38 {margin-top:38px !important;}
.mt42 {margin-top:42px !important;}
.mt57 {margin-top:57px !important;}
.mt60 {margin-top:60px !important;}
.mt63 {margin-top:63px !important;}
.mt77 {margin-top:77px !important;}

.pb86 {padding-bottom: 86px !important;}


.input_cal {padding-left:5px; padding-right:25px; height:24px; border:1px solid #999999; background:url(../images/ico_cal.jpg) no-repeat right 50%}
.btn_cal {padding:0 5px; height:26px; border:1px solid #999}

.alerts{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	font-size:14px;
}

/* input {vertical-align:middle;} */
/* 2022-03-30 (7000) */
input[type=button] ,input[type=submit] {cursor:pointer;}
input[readonly]{background-color:#ddd !important;}

.yellow {color:#ffde00}
.fcred {color:#ef2444;}
.fcblue {color:#0060bf;}
.fcgray {color:#999999;}
.formalform{color:#317ced;}
.formalset{color:#f54444;}

.olbtn{ 
	padding: 4px 7px 4px;
	cursor: pointer;
    border: 1px solid #222;
    background-color: #222;
    color: #fff;
} 
.olbtn_red{
	border: 1px solid #ef2444;
	background-color:#ef2444;
	color:#FFF;
}

.olbtn_blue{
	border: 1px solid #0060bf;
	background-color:#0060bf;
	color:#FFF;
}
.olbtn_yellow{
	border: 1px solid #ffde00;
	background-color:#ffde00;
	color:#FFF;
}

table.table_hover tr:hover{
	background-color:#EFEFEF;
}
table.table_hover td.btnLedgerGoods{cursor:pointer;}
table.table_hover td.btnLedgerGoods span{font-size:9px;color:#b6b8b9;}


table.table_hover tr.tr_ledger_goods{
	background-color:#f4fff6;
	display:none;	
}
table.table_hover tr.tr_ledger_goods.on{
	display:table-row;
}
table.table_hover tr.tr_ledger_goods td{
	display:table-cell;
	font-size:13px;
	color:#555;
}




/*버튼스타일*/
.search_input2 {padding-left:5px; height:26px; border:1px solid #d3d3d3;}

input[type=submit].btn ,input[type=button].btn ,a.btn {padding:0 10px; height:26px; border:1px solid #b8b8b8; background:url(../images/bg_btn.jpg) repeat-x left bottom; font:bold 11px dotum,sans-serif; color:#323232; border-radius:2px; cursor:pointer;}
input[type=button].btn:hover ,a.btn:hover {background:#f0f0f0}

input[type=button].btn2 ,a.btn2 {padding:0 10px; height:24px; border:1px solid #bdbdbd; border-bottom:1px solid #828284; background:#fafafa; font:11px/24px dotum,sans-serif; color:#323232; border-radius:2px; cursor:pointer;}
input[type=button].btn2:hover ,a.btn2:hover {background:#f0f0f0}

a.btn {display:inline-block; line-height:26px;}

.btn_st1 {padding:0 10px;height:20px; border:1px solid #e2e3e2; font:11px/20px dotum,sans-serif; background:#fcfcfc; cursor:pointer; color:#909090;}
.btn_st1:hover {color:#000; background:#f8f8f8;}

.btn_st2 {padding:0 10px; height:27px; border:1px solid #e2e3e2; font:14px/27px '맑은 고딕',dotum,sans-serif; background:#fcfcfc; cursor:pointer; color:#000; border-radius:3px;}
.btn_st2:hover {color:#000; background:#f8f8f8;}

.btn_submit {width:60px; height:28px; border:1px solid #dadadc; font-size:11px; font-weight:bold; color:#cb0101; background:url(../images/btn/bg_submit.jpg) repeat-x; border-radius:2px;}
.btn_cancle {vertical-align:middle; display:inline-block; width:60px; text-align:center; line-height:26px; height:26px; border:1px solid #dadadc; font-size:11px; font-weight:bold; color:#7e7e7e; background:url(../images/btn/bg_submit.jpg) repeat-x;  border-radius:2px;}

/* 폰트 스타일 */
.f_italic {font-style:italic;}


/*//////////////////////////////////////////////////////////////////////////////////////*/

/* 날짜 입력 달력 */

.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666;z-index:9999;}
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 100; font-family: 'dotum'; font-size: 14px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1 url('../images/titles.png') repeat-x top; font-size: 11px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/disabled-date.png'); color: #E0E0E0; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

.mt21 { margin-top: 21px !important; }

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

.ml4 { margin-left:4px !important; }
.text-bold { font-weight:bold; }