
/*여기 부터 새로운 CSS */

@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("_layout.css");
/* @import url("main.css"); */
@import url("_style.css");
@import url("./jquery/fakeLoader/fakeLoader.css");





* {margin:0; padding:0; }
ul, dl {list-style:none;}

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, span {margin: 0; padding: 0; border: 0; outline: 0;}

html {position:relative; min-height:100%;}

body { font:12px  "Nanum Gothic" , Helvetica, Verdana, sans-serif ; color:#777;  letter-spacing:-0.5px; }
span {display:inline-block; }

a, a:link { text-decoration:none;}
a.hover{color:#222; font-weight: 500;}
a.hover:hover {text-decoration:underline; color:#E51919;}

a { color:inherit; 
	 transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}

button { color:inherit; 
	 transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}

input[type="button"],input[type="submit"]{
	 transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;}
}

form legend, table caption {text-indent: -9999px;}

table  {border-collapse:collapse;} 

input,textarea,select,button,a { font:12px 'Nanum Gothic',dotum, sans-serif ; color:#777;  }
input,textarea,select,button {border-radius:4px;}

select {border:1px solid #C8C8C8; height:28px; padding:0 25px 0 3px;  -webkit-appearance: none; -moz-appearance: none;
		 background:#fff url(/images/select_arr.png) no-repeat right 50%;}

/* IE 10, 11 */

select::-ms-expand {  display: none;}

input[type=file] {height:32px; background:#fff; border:none;  border:none;}

/*margin*/
.m10 {margin:0 10px; position:relative;}
.mL2 {margin-left:2px;}
.mL3 {margin-left:3px;}
.mL5 {margin-left:5px;}
.mL7 {margin-left:7px;}
.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;}
.mL55 {margin-left:55px;}

.mR5 {margin-right: 5px;}
.mR10 {margin-right: 10px;}
.mR15 {margin-right: 15px;}
.mR20 {margin-right: 20px;}
.mR320 {margin-right: 320px;}

.mT5 {margin-top:5px;}
.mT7 {margin-top:7px;}
.mT10 {margin-top:10px;}
.mT12 {margin-top:12px;}
.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT27 {margin-top:27px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}

.mB5 {margin-bottom: 5px;}
.mB10 {margin-bottom: 10px;}
.mB15 {margin-bottom: 15px;}
.mB20 {margin-bottom: 20px;}

/*padding*/
.pA20 {padding:20px;}
.pL10 {padding-left:10px; }
.pT24 {padding-top:24px; }
.pB24 {padding-bottom:24px; }

/* width */
.w45 {width:45px;}
.w55 {width:55px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w100 {width:100px;}

.w100p {width: 100%;}
.w90p {width: 90%;}
.w80p {width: 80%;}
.w75p {width: 75%;}
.w50p {width: 50%;}
.w30p {width: 30%;}
.w25p {width: 25%;}

/* form */
.input {text-indent:5px; height:26px; line-height:26px; background:#fff; border:1px solid #C8C8C8;}
textarea{padding:5px 0 0 5px;   border:1px solid #CECECE; 	background-color:#fff; 	line-height:1.5;  }


/* font */	
.bold {font-weight:bold; }
.f_red {color:#D20707;}
.f_green {color:#38811A;}
.f_blue {color:#0C58B5;}
.f_grey {color:#A0A0A0;}
.f_grey2 {color:#C6C6C6;}
.f_black {color:#000;}
.fleft { float:left; overflow:hidden;}
.fright { float:right; overflow:hidden; }
.aleft {text-align:left;}
.acen {text-align:center;}
.aright {text-align:right;}

.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.line-he15 {line-height:1.5;} 
.line-he16 {line-height:1.6;} 
.line-he17 {line-height:1.7;} 
.line-he2 {line-height:2;} 
.line-he25 {line-height:2.5;} 
.inline {display:inline-block;}
.atop {vertical-align:top;}
.vm {vertical-align:middle;}
.unlerline {text-decoration:underline;}

/*etc*/
.mpointer {cursor: pointer;}
.hide {display: none;}

.body_bg {background:#F8F8F8;}
.total {padding-left:7px; font-size:13px; font-weight:bold; color:#666; background:url(/images/ic_arr.png) no-repeat 0 50%; }
.arr_up {display:inline-block; width:16px; height:16px; background:url(/images/arr_up.png) no-repeat;}
.arr_down {display:inline-block; margin-left:2px; width:16px; height:16px; background:url(/images/arr_down.png) no-repeat;}
.depth-2 {margin-left:5px; padding-left:20px; line-height:12px; background:url(/images/depth_arr.png) no-repeat 0 50%;}
.depth-3 {margin-left:20px; padding-left:20px; line-height:12px; background:url(/images/depth_arr.png) no-repeat 0 50%;}
.calendar {display:inline-block; margin-left:5px; width:25px; height:23px; background:url(/images/ic_calendar.png) no-repeat; }
.calendar:hover {background:url(/images/ic_calendar_on.png) no-repeat;}
.plus {display:inline-block; margin:0 2px; width:16px; height:16px; background:url(/images/ic_plus.png) no-repeat; 50% 50%;}
.minus {display:inline-block; margin:0 2px;width:16px; height:16px; background:url(/images/ic_minus.png) no-repeat; 50% 50%;}
.align_arr {display:inline-block; width:9px;}
.align_arr .align_up {display:block; width:9px; height:6px; background:url(/images/align_arr_up.png) no-repeat; 0 0; }
.align_arr .align_down {display:block; width:9px; height:6px; background:url(/images/align_arr_down.png) no-repeat 0 bottom; }
.btn_view {display:inline-block; width:17px; height:17px; background:url(/images/ic_view.png) no-repeat ;}
.btn_mody {display:inline-block; width:14px; height:13px; background:url(/images/ic_mody.png) no-repeat ;}
.btn_del {display:inline-block; width:14px; height:13px; background:url(/images/ic_del2.png) no-repeat ;}
.btn_del2 {display:inline-block; width:14px; height:14px; background:url(/images/ic_del3.png) no-repeat ;}
.btn_file {display:inline-block; width:15px; height:14px;  background:url(/images/ic_file.png) no-repeat ;}
.vm * {vertical-align:middle;}
.form_print {position:absolute; right:0; top:0; z-index:100;}
.form_print a  {display:inline-block;  padding:0 12px 0 30px; line-height:30px; height:30px;  border-radius:4px; font-weight:bold;  color:#fff; background:#636363 url(/images/ic_print.png) no-repeat 12px 50%;;}
.sort {display:inline-block; margin-right:25px; padding-left:8px; background:url(/images/ic_arr.png) no-repeat 0 50%;}
.sort:last-child {margin-right:0;}
.bill {display:inline-block; width:17px; height:22px;  background:url(/images/ic_bill.png) no-repeat ;}

/* jquery ui-autocomplete */
.ui-autocomplete {max-height: 150px; overflow-y: auto; overflow-x: hidden; z-index: 100000 !important; }

