@charset "utf-8";

/*Reset*/
html{overflow-y: scroll;}
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, 
address, pre, cite, form, fieldset, input, textarea, select, table, th, td {
margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
fieldset, img, abbr, acronym {border: 0 none;}
ol, ul, dl {list-style: none;}
address, caption, em, cite {font-weight: normal;font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {	quotes: "" "";}
hr {display: none;}
.hidden {position: absolute;left: -9999px; width: 0;height: 0;font-size: 0;}
a {text-decoration: none;}
.clear  {*zoom:1;}
.clear:after {content:'';clear:both; display:block;}
input {vertical-align:middle;}
input[type="button"]{border: none; background: transparent;}

#skipNav {position:absolute; top:0; left:0; width:100%;}
#skipNav a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active{position:absolute; top:0; padding:5px 0; color:#fff; background:#629ec7; z-index:500}


.overf {overflow:hidden;}
.flLeft {float:left;}
.flRight {float:right;}

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

.posR {position:relative;}
.posA {position:absolute;}

.verMd {vertical-align:middle;}

.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], button {cursor:pointer;}


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


/* 영역구분 바 | */
.bar:before {content:'|'; padding:0 10px;color:inherit;}

/* 인라인블록 그룹 .ib_group : inline-block group */
.ib_group {}
.ib_group > * {display:inline-block;}


/*Global*/
.mt0{margin-top:0 !important;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}


/* 날짜 입력 달력 */

.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 }