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

.tLeft {text-align:left;}
.tRight {text-align:right;}
.tCenter {text-align:center;}

.posRel {position:relative;}

.verMe {vertical-align:middle;}

.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px; important}
.mt20 {margin-top:20px; important}
.mt30 {margin-top:30px; important}
.mt40 {margin-top:40px; important}
.mt50 {margin-top:50px; important}
.mt80 {margin-top:80px; important}
.mt100 {margin-top:100px; 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}

/* input {vertical-align:middle;} */
input[type=button] ,input[type=submit] {cursor:pointer;}

.yellow {color:#ffde00}
.red {color:#e52e28;}
.blue {color:#0060bf}


/*버튼스타일*/
.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 }