/* cyrillic-ext */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFbzr-tdg.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFSzr-tdg.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFYzr-tdg.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 400;
	src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 700;
	src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRSQgYoZZY2vCFuvAnt66qfVyvHpA.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 700;
	src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRSQgYoZZY2vCFuvAnt66qWVyvHpA.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 700;
	src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRSQgYoZZY2vCFuvAnt66qcVyvHpA.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'PT Serif';
	font-style: normal;
	font-weight: 700;
	src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v9/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 공통 */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-size: 12px; font-family: 'nanumGothic', 'malgun gothic', 'dotum', 'gulim', sans-serif; }
li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
table th, table td { padding: 0; }
fieldset, img { border: 0; }
legend { display: none; }
input, select, textarea { font-size: 12px; font-family: nanumGothic, 'malgun gothic', 'dotum', 'gulim', sans-serif; vertical-align: middle; }
a { text-decoration: none; }

/* 폼 */
button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] { -webkit-appearance: button; border-radius: 0; }
input[type=text], input[type=password], input[type=file] { padding: 0 10px; width: 200px; height: 28px; line-height: 28px; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; -webkit-appearance: none; }
input[type=file] { padding: 0; width: 250px; }
input[type=checkbox] { width: 15px; height: 15px; border: 1px solid #ccc; background-color: #fff; border-radius: 3px; -webkit-appearance: none; appearance: none; }
input:checked[type=checkbox] { -webkit-appearance: checkbox; }
input[type=radio] { border: none; -webkit-appearance: radio; }
textarea { padding: 10px; width: 90%; height: 80px; border: 1px solid #ddd; border-radius: 3px; -webkit-appearance: none; }
select { padding: 0 30px 0 10px; height: 30px; line-height: 30px; overflow: auto; border: 1px solid #ddd; cursor: pointer; background: url(/wms/images/arrow_select.gif) no-repeat right center #f4f4f4; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
select[multiple] { height: 70px; overflow: auto; }
input.num { width: 40px; }
input.date-picker { width: 70px; text-align: center; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #367fa9; background-color: #ffffe1; }
.ui-datepicker { display: none; z-index: 100; }
::-webkit-file-upload-button { cursor: pointer; }
label { margin-right: 20px; }


/* 버튼 */
input.btn { padding: 0 15px; height: 30px; border: 1px solid #ddd; background-color: #f4f4f4; cursor: pointer; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
input.btn.small { height: 25px; }
input.btn:hover { border: 1px solid #adadad; background-color: #e7e7e7; }
input.btn:active { background-color: #d4d4d4; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.1); }
input.btn.blue { color: #fff; border: 1px solid #367fa9; background-color: #3c8dbc; }
input.btn.blue:hover { border: 1px solid #204d74; background-color: #367fa9; }
input.btn.blue:active { background-color: #204d74;}
input.btn.green { color: #fff; border: 1px solid #008d4c; background-color: #00a65a; }
input.btn.green:hover { border: 1px solid #398439; background-color: #008d4c; }
input.btn.green:active { background-color: #00733f; }
input.btn.red { color: #fff; border: 1px solid #980000; background-color: #db0000; }
input.btn.red:hover { border: 1px solid #980000; background-color: #bc2424; }
input.btn.red:active { background-color: #981d1d; }
input.btn.black{ color: #fff; border: 1px solid #333; background-color: #555; }
input.btn.black:hover { border: 1px solid #000; background-color: #333; }
input.btn.black:active { background-color: #000; }
input.btn.gray{ color: #fff; border: 1px solid #777; background-color: #999; }
input.btn.gray:hover { border: 1px solid #555; background-color: #777; }
input.btn.gray:active { background-color: #555; }/* 콘텐츠 공통상단 검색 */
.search { position: relative; z-index: 10; }
.search div { display: inline-block; margin: 0 20px 10px 0; }
.search div.fr { float: right; margin: 0 0 10px 0; } 
.command { clear: both; padding: 10px 0; height: 30px; }
.command form { display: inline; }
.command .excel-upload { position: relative; display: inline-block; width: 78px; height: 30px; vertical-align: middle; overflow: hidden; }
.command .excel-upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.search_input { position: relative; z-index: 10; border: 1px solid #ddd; background-color: #fff; margin: 30px 0px 10px 0px; padding:20px }


/* 목록형 테이블 */
table.list { min-width: 100%; }
table.list tr th { padding: 0 10px; height: 30px; white-space: nowrap; border: 1px solid #ddd; background-color: #fff; }
table.list tr td { padding: 0 10px; height: 30px; white-space: nowrap; border: 1px solid #f4f4f4; background-color: #fff; }
table.list tr.over-effect.on td { color: #fff; cursor: pointer; background-color: #3c8dbc; }
table.list tr.c td { text-align: center; }
table.list tr td.l { text-align: left; }
table.list tr td.c { text-align: center; }
table.list tr td.r { text-align: right; }
table.list tr td.p0 { padding: 0; height: 30px; }
table.list tr td.no-data { text-align: center; color: #999; }
table.list tr:nth-child(odd) td { background-color: #f9f9f9; }
table.list tr td a { color: #000; text-decoration: underline; }
table.list tr.over-effect.on td a { color: #fff; }


/* 목록 페이지 */
.paging { margin-top: 20px; text-align: center; }
.paging * { vertical-align: middle; }
.paging span { position: relative; display: inline-block; }
.paging span.pages { margin: 0 9px 0 5px; }
.paging span.pages span { padding-top: 4px; width: 27px; height: 21px; }
.paging span.pages span.cur { padding-top: 5px; height: 20px; font-weight: bold; background: url(/wms/images/bg_cur.gif) no-repeat; }


/* 입력형 테이블 */
table.insert { margin: 10px 0 0; width: 100%; border-top: 1px solid #ddd; }
table.insert tr th { width: 200px; font-weight: bold; text-align: left; border-bottom: 1px solid #ddd; }
table.insert tr td { padding: 10px 0; border-bottom: 1px solid #ddd; }


/* 팝업 */
.popup-wrap { position: absolute; border: 1px solid #000; }
.popup-wrap .popup-content { overflow: hidden; font-size: 12px; background-color: #fff; }
.popup-wrap .popup-command { padding: 5px 5px 0 0; height: 16px; font-family: dotum; font-size: 11px; text-align: right; background-color: #000; }
.popup-wrap .popup-command input { vertical-align: middle; }
.popup-wrap .popup-command label { float: left; display: inline; padding-left: 5px; color: #fff; letter-spacing: -1px; }
.popup-wrap .popup-command a { float: right; display: inline; color: #fff; text-decoration: none; }


/* 단축스타일 */
.oa   { overflow: auto; }
.fl   { float: left; display: inline; }
.fr   { float: right; display: inline; }
.cb   { clear: both; }
.dib  { display: inline-block; }
.db   { display: block; }

.mt3  { margin-top: 3px !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }
.mr20 { margin-right: 20px !important; }
.mb3  { margin-bottom: 3px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml20 { margin-left: 20px !important; }

.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }

.mw30 { min-width: 30px !important; }
.mw50 { min-width: 50px !important; }
.w30  { width: 30px !important; }
.w40  { width: 40px !important; }
.w100 { width: 100px !important; }
.w200 { width: 200px !important; }
.w300 { width: 300px !important; }
.w400 { width: 400px !important; }
.w500 { width: 500px !important; }
.w90p { width: 90% !important; }
.w95p { width: 95% !important; }

.b    { font-weight: bold !important; }
.u    { text-decoration: underline !important; }
.l    { text-align: left !important; }
.c    { text-align: center !important; }
.r    { text-align: right !important; }
.vt   { vertical-align: top; }
.vm   { vertical-align: middle; }

.c00f { color: #00f !important; }
.c9   { color: #999 !important; }
.cf60 { color: #f60 !important; }
.cf00 { color: #f00 !important; }