@charset "utf-8";
/********************************************************************************/
/* 업무그룹명 : 나라통계포털 사용자                                         									*/
/* 작  성  자 :                                         							*/
/* 작  성  일 : YYYY-MM-DD                                                    		*/
/* 설      명 : 시스템 전반에 걸쳐 사용되는 CSS                               			*/
/* 안      내 : 수정 및 추가가 있을 경우 알려주시기 바랍니다.                 				*/
/* 버      젼 : 1.2                                                           		*/
/********************************************************************************/

/********************************************************************************/
/* 기본 HTML 태그 : 폰트 적용                                                									*/

/********************************************************************************/
/* 공통                                                                       												*/
/********************************************************************************/

html {height:100% !important;}

body {height:100%; background:#fff; color:#000; font-size:12px; line-height:1.5em; font-family:Dotum; padding:0; margin:0;}

/********************************************************************************/
/* Tag 공통                                                                   												*/
/********************************************************************************/
p, ul, ol, li, dl, dt, dd, form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, hr, noscript, span, iframe, blockquote {margin:0; padding:0;}

/********************************************************************************/
/* fieldset 공통                                                             										 	*/
/********************************************************************************/
fieldset {margin:0; padding:0; border:none;}
legend {display:none;}

/********************************************************************************/
/* Table 공통                                                                 											*/
/********************************************************************************/
table {border-collapse:collapse;}
td,th {padding:0;}

/********************************************************************************/
/* a href 공통                                                                											*/
/********************************************************************************/
img {border:0; font-size:0;vertical-align:middle;}
a, a:link, a:visited {color:#000; text-decoration:none; cursor:pointer;}
a:hover, a:active {color:#2390ff; text-decoration:underline; cursor:pointer;}

/********************************************************************************/
/* caption 공통                                                               											*/
/********************************************************************************/
/**caption {display:none;}**/
caption {display:none; /*	color: #9ba9b4; letter-spacing:1px; margin:0 0 0 0; padding:0; caption-side:top; text-align:left;*/}
address,em {font-style:normal;}

/********************************************************************************/
/* from 공통                                                                  											*/
/********************************************************************************/
select {background-color:#fff; font-size:12px; font-family:Dotum; border:1px solid #66a3d3; height:19px;}
input {background-color:#fff; font-size:12px; margin:0; padding:0; background:none; font-family:Dotum; border:1px solid #d0d0cc;}
input.noline {border:0;}
textarea {background-color:#fff; font-size:12px; font-family:Dotum; border:1px solid #d0d0cc;}
textarea.line {background-color:#fff; font-size:12px; margin:0; padding:0; background:none; font-family:Dotum; border:1px solid #d0d0cc;}
input.calendar {background-color:#dcdcdc; width:80px; text-align:center;}

input[type="text"] {height:18px; line-height:1.5em;}
input[type="password"] {height:18px;}
input[type="file"] {height:20px;}
input[type="image"] {border:0;}
input[type="radio"] {border:0;}
input[type="checkbox"] {border:0;}
input#inquiry {height:24px;}

input.focus {border:1px solid; border-color:#85a0c7;}
input.focusnot {border:1px solid #d0d0cc; }
textarea.focus {border:1px solid; border-color:#85a0c7;}
textarea.focusnot {border:1px solid #d0d0cc;}

/******************************************************************************/
/* 높이공백                                                                   											  */
/******************************************************************************/
.ht1 {height:1px;}
.ht2 {height:2px;}
.ht3 {height:3px;}
.ht4 {height:4px;}
.ht5 {height:5px;}
.ht6 {height:6px;}
.ht7 {height:7px;}
.ht8 {height:8px;}
.ht9 {height:9px;}
.ht10 {height:10px;}
.ht11 {height:11px;}
.ht12 {height:12px;}
.ht13 {height:13px;}
.ht14 {height:14px;}
.ht15 {height:15px;}
.ht16 {height:16px;}
.ht17 {height:17px;}
.ht18 {height:18px;}
.ht19 {height:19px;}
.ht20 {height:20px;}
.ht21 {height:21px;}
.ht22 {height:22px;}
.ht23 {height:23px;}
.ht24 {height:24px;}
.ht25 {height:25px;}
.ht30 {height:30px;}
.ht31 {height:31px;}
.ht35 {height:35px;}
.ht40 {height:40px;}
.ht50 {height:50px;}
.ht80 {height:80px;}
.ht90 {height:90px;}
.ht100 {height:100px;}
.ht150 {height:150px;}
.ht160 {height:160px;}
.ht200 {height:200px;}
.ht230 {height:230px;}
.ht300 {height:300px;}
.ht350 {height:350px;}
.ht400 {height:400px;}
.ht450 {height:450px;}
.ht500 {height:500px;}
.htAll100 {height:100%;}

/********************************************************************************/
/* 폭 공백 Space																	*/
/********************************************************************************/
.wi1 {width:1px;}
.wi2 {width:2px;}
.wi3 {width:3px;}
.wi4 {width:4px;}
.wi5 {width:5px;}
.wi6 {width:6px;}
.wi7 {width:7px;}
.wi8 {width:8px;}
.wi9 {width:9px;}
.wi10 {width:10px;}
.wi15 {width:15px;}
.wi20 {width:20px;}
.wi30 {width:30px;}
.wi35 {width:35px;}
.wi40 {width:40px;}
.wi45 {width:45px;}
.wi50 {width:50px;}
.wi55 {width:55px;}
.wi60 {width:60px;}
.wi70 {width:70px;}
.wi75 {width:75px;}
.wi80 {width:80px;}
.wi90 {width:90px;}
.wi95 {width:95px;}
.wi100 {width:100px;}
.wi105 {width:105px;}
.wi110 {width:110px;}
.wi115 {width:115px;}
.wi120 {width:120px;}
.wi125 {width:125px;}
.wi130 {width:130px;}
.wi135 {width:135px;}
.wi140 {width:140px;}
.wi145 {width:145px;}
.wi150 {width:150px;}
.wi155 {width:155px;}
.wi160 {width:160px;}
.wi165 {width:165px;}
.wi170 {width:170px;}
.wi175 {width:175px;}
.wi180 {width:180px;}
.wi185 {width:185px;}
.wi190 {width:190px;}
.wi195 {width:195px;}
.wi200 {width:200px;}
.wi250 {width:250px;}
.wi260 {width:260px;}
.wi300 {width:300px;}
.wi400 {width:400px;}
.wi450 {width:450px;}
.wi500 {width:500px;}
.wi550 {width:550px;}
.wi600 {width:600px;}
.wi680 {width:680px;}
.wi690 {width:690px;}
.wi700 {width:700px;}
.wi950 {width:950px;}
.wiAll33 {width:33%;}
.wiAll77 {width:77%;}
.wiAll90 {width:90%;}
.wiAll95 {width:95%;}
.wiAll98 {width:98%;}
.wiAll99 {width:99%;}
.wiAll100 {width:100%;}

/****************************************************************************/
/* 마진 공통                                                                											*/
/****************************************************************************/
.mt0 {margin-top:0;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt6 {margin-top:6px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}

.importantMr0 {margin-right: 0px !important;}
.mr0 {margin-right:0;}
.mr1 {margin-right:1px;}
.mr2 {margin-right:2px;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr6 {margin-right:6px;}
.mr7 {margin-right:7px;}
.mr8 {margin-right:8px;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}

.importantMl0 {margin-left: 0px !important;}
.ml0 {margin-left:0;}
.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}

/****************************************************************************/
/* 패팅 여백                                                                											*/
/****************************************************************************/
.pt0 {padding-top:0;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}

.pr0 {padding-right:0;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}

.pb0 {padding-bottom:0;}
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}

.pl0 {padding-left:0;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}

/****************************************************************************/
/* fonts 공통                                                               										*/
/****************************************************************************/
.f0 {font-size:0;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}

.f_red {color:#ff0000;}
.f_blue {color:#0000ff;}

.f_eng07 {font:7px Arial, Dotum;}
.f_eng08 {font:8px Arial, Dotum;}
.f_eng09 {font:9px Arial, Dotum;}
.f_eng10 {font:10px Arial, Dotum;}
.f_eng11 {font:11px Arial, Dotum;}
.f_eng12 {font:12px Arial, Dotum;}
.f_eng13 {font:13px Arial, Dotum;}
.f_eng14 {font:14px Arial, Dotum;}
.f_eng15 {font:15px Arial, Dotum;}
.f_eng16 {font:16px Arial, Dotum;}
.f_eng17 {font:17px Arial, Dotum;}
.f_eng18 {font:18px Arial, Dotum;}
.f_eng19 {font:19px Arial, Dotum;}
.f_eng20 {font:20px Arial, Dotum;}

.b {color:#000; text-decoration:none; font-weight:bold;}
a.b:link, a.b:visited {color:#000; text-decoration:none;}
a.b:hover, a.b:active {color:#000; text-decoration:underline;}

.r {color:#d10f00; text-decoration:none;}
a.r:link, a.r:visited {color:#d10f00; text-decoration:none;}
a.r:hover, a.r:active {color:#d10f00; text-decoration:underline;}

.blue {color:#0059a3; text-decoration:none;}
a.blue:link, a.blue:visited {color:#0059a3; text-decoration:none;}
a.blue:hover, a.blue:active {color:#0059a3; text-decoration:underline;}

.brown {color:#7d7d7d; text-decoration:none; }
a.brown:link, a.brown:visited {color:#7d7d7d; text-decoration:none;}
a.brown:hover, a.brown:active {color:#865414; text-decoration:underline;}

.brown2 {color:#865414; text-decoration:none; }
a.brown2:link, a.brown2:visited {color:#865414; text-decoration:none;}
a.brown2:hover, a.brown2:active {color:#865414; text-decoration:underline;}

.gray {color:#8c8c8c; text-decoration:none;}
a.gray:link, a.gray:visited {color:#8c8c8c; text-decoration:none}
a.gray:hover, a.gray:active {color:#8c8c8c; text-decoration:underline}

.green {color:#64a71a; text-decoration:none;}
a.green:link, a.green:visited {color:#64a71a; text-decoration:none}
a.green:hover, a.green:active {color:#64a71a; text-decoration:underline}

/* 모집인원 */
span.rcritNmpr {font-weight:bold; color:#64a71a;}
/* 접수인원 */
span.rceptNmpr {font-weight:bold; color:#d10f00;}
/* 채용인원 */
span.empmnNmpr {font-weight:bold; color:#865414;}
/* 미채용인원 */
span.noEmpmnNmpr {font-weight:bold; color:#8c8c8c;}
/* 심사중인원 */
span.jdgmnNmpr {font-weight:bold; color:#993300;}
/* 예비조사원인원 */
span.preparExmnrNmpr {font-weight:bold; color:#ff9900;}
/* 신청량 */
span.reqstCo {font-weight:bold; color:#538ed5;}
/* 승인량 */
span.confmCo {font-weight:bold; color:#95b3d7;}
/* 배부량 */
span.dlryCo {font-weight:bold; color:#d99795;}
/* 수령량 */
span.recptCo {font-weight:bold; color:#75923c;}
/* 파손량 */
span.damgeCo {font-weight:bold; color:#b2a1c7;}
/* 지급량 */
span.pymntCo {font-weight:bold; color:#93cddd;}
/* 잔량 */
span.bntCo {font-weight:bold; color:#e46d0a;}

/* 타이틀제목 */
.tableTitle {font-weight:bold; color:#50759e;}

/****************************************************************************/
/* 위치 공통                                                                			*/
/****************************************************************************/
.fl {float:left;}
.fr {float:right;}

.cb {clear:both;}
.pr {position:relative;}
.pa {position:absolute;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}

.of_auto {overflow:auto;}

.vh {visibility:hidden;}

/****************************************************************************/
/* 기타 공통                                                               											*/
/****************************************************************************/
.hide {display:none;}
.nohide {display:block;}
.noborder {border:0;}

.clfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clfix {display:inline-block}
.clfix {display:block;}
* html .clfix {height:1%}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
.imeModeActive {ime-mode : active}
.imeModeInactive {ime-mode : inactive}

.course {cursor:pointer;}
.textareaFull {width: 100%; resize: none;}
/* 필수입력 */
span.reqsubject {color:#ed1c24; font-weight:normal; text-decoration:none; padding-right:2px;}

.bT0 {border-top: none;}

/****************************************************************************/
/* 버튼																		*/
/****************************************************************************/
button {vertical-align:middle; font-family:Dotum; color:#656565; cursor: pointer; font-size:12px}
span.btn,span.btn *{
	display:inline-block;
	margin:0;
	padding:0;
	border:0;
	background:url('/images/gps/cmm/icon/btnset.gif') no-repeat;
	text-decoration:none !important;
	color:#333;
	vertical-align:top;
	white-space:nowrap;
	margin-left:1px;
	color:#111111;
	font-size:12px;}
span.btn *{cursor:pointer;}
span.btn.bt01 {background-position:left 0; height:25px;}
span.btn.bt01 *{padding-left:9px; padding-right:10px; background-position:right top; height:25px;}

span.sbtn,span.sbtn *{
	display:inline-block;
	margin:0;
	padding:0;
	border:0;
	background:url('/images/gps/cmm/icon/sbtnset.gif') no-repeat;
	text-decoration:none !important;
	color:#333;
	white-space:nowrap;
	margin-left:1px;
	color:#111111;
	font-size:12px;}
span.sbtn *{cursor:pointer;}
span.sbtn.bt01 {background-position:left 0; height:20px;}
span.sbtn.bt01 *{padding-top:1px; padding-left:2px; padding-right:3px; background-position:right top; height:20px;}

/*버튼텍스트*/

/****************************************************************************/
/* 버튼																		*/
/****************************************************************************/
.cbtn {padding-left:2px; margin-right:2px; vertical-align:middle; display:inline-block; }
.cbtn span {letter-spacing:-1px; margin-right:-2px; display:inline-block;}
.cbtn a {text-align:center; line-height:18px !important; text-decoration:none; margin-left:-2px; display:inline-block; white-space:nowrap;}
.cbtn a:hover {text-decoration:none;}

/* Gary Color button */
/* List Button */
.btnBGay {background:url("/images/oss/cmm/button.png") no-repeat left 0px;}
.btnBGay span {background:url("/images/oss/cmm/button.png") no-repeat right 0px;}
.btnBGay:hover {background:url("/images/oss/cmm/button.png") no-repeat left -35px;}
.btnBGay:hover span {background:url("/images/oss/cmm/button.png") no-repeat right -35px;}
.btnBGay a {padding-top:7px; padding-right:15px; padding-bottom:0px; padding-left:15px; height:22px; min-width:30px;}
:root .btnBGay a {height:23px; padding-top:6px;}
.btnBGay a {color:#4c4c4c;}
.btnBGay a:visited {color:#4c4c4c;}
.btnBGay a:active {color:#4c4c4c;}
.btnBGay a:hover {color:#1a1a1a;}
.btnBGay input {background:url("/images/oss/cmm/button.png") no-repeat left 0px; height:29px; color:#4c4c4c; cursor:pointer;}

.btnMGry {background:url("/images/oss/cmm/button.png") no-repeat left -140px;}
.btnMGry span {background:url("/images/oss/cmm/button.png") no-repeat right -140px;}
.btnMGry:hover {background:url("/images/oss/cmm/button.png") no-repeat left -175px;}
.btnMGry:hover span {background:url("/images/oss/cmm/button.png") no-repeat right -175px;}
.btnMGry a {padding-top:5px; padding-right:10px; padding-bottom:0px; padding-left:10px; height:19px; min-width:30px;}
:root .btnMGry a {height:20px; padding-top:4px;}
.btnMGry a {color:#4c4c4c;}
.btnMGry a:visited {color:#4c4c4c;}
.btnMGry a:active {color:#4c4c4c;}
.btnMGry a:hover {color:#1a1a1a;}
.btnMGry input {background:url("/images/oss/cmm/button.png") no-repeat left -140px; height:29px; color:#4c4c4c; cursor:pointer;}

.btnSGry {background:url("/images/oss/cmm/button.png") no-repeat left -353px; letter-spacing:-1px;}
.btnSGry span {background:url("/images/oss/cmm/button.png") no-repeat right -353px;}
.btnSGry:hover {background:url("/images/oss/cmm/button.png") no-repeat left -375px;}
.btnSGry:hover span {background:url("/images/oss/cmm/button.png") no-repeat right -375px;}
.btnSGry a {padding-top:3px; padding-right:7px; padding-bottom:0px; padding-left:7px; height:19px; min-width:16px;}
:root .btnSGry a {height:19px; padding-top:3px;}
.btnSGry a {color:#4c4c4c;}
.btnSGry a:visited {color:#4c4c4c;}
.btnSGry a:active {color:#4c4c4c;}
.btnSGry a:hover {color:#1a1a1a;}
.btnSGry input {background:url("/images/oss/cmm/button.png") no-repeat left -353px; height:22px; color:#4c4c4c; cursor:pointer;}

/* ReadOnly Button */
.btnSGryRo {background:url("/images/oss/cmm/button.png") no-repeat left -353px; letter-spacing:-1px;}
.btnSGryRo span {background:url("/images/oss/cmm/button.png") no-repeat right -353px;}
.btnSGryRo a {padding-top:3px; padding-right:7px; padding-bottom:0px; padding-left:7px; height:19px; min-width:16px; color: #aaa; cursor:default;}
:root .btnSGryRo a {height:19px; padding-top:3px;}

/* Orange Color button */
/* List Button */
.btnBBlu {background:url("/images/oss/cmm/button.png") no-repeat left -70px;}
.btnBBlu span {background:url("/images/oss/cmm/button.png") no-repeat right -70px;}
.btnBBlu:hover {background:url("/images/oss/cmm/button.png") no-repeat left -105px;}
.btnBBlu:hover span {background:url("/images/oss/cmm/button.png") no-repeat right -105px;}
.btnBBlu a {padding-top:7px; padding-right:15px; padding-bottom:0px; padding-left:15px; height:22px; min-width:30px;}
:root .btnBBlu a {height:23px; padding-top:6px;}
.btnBBlu a {color:#ffffff;}
.btnBBlu a:visited {color:#ffffff;}
.btnBBlu a:active {color:#ffffff;}
.btnBBlu a:hover {color:#ffffff;}
.btnBBlu input {background:url("/images/oss/cmm/button.png") no-repeat left -70px; height:29px; color:#ffffff; cursor:pointer;}

.btnMBlu {background:url("/images/oss/cmm/button.png") no-repeat left -210px;}
.btnMBlu span {background:url("/images/oss/cmm/button.png") no-repeat right -210px;}
.btnMBlu:hover {background:url("/images/oss/cmm/button.png") no-repeat left -245px;}
.btnMBlu:hover span {background:url("/images/oss/cmm/button.png") no-repeat right -245px;}
.btnMBlu a {padding-top:5px; padding-right:10px; padding-bottom:0px; padding-left:10px; height:19px; min-width:30px;}
:root .btnMBlu a {height:20px; padding-top:4px;}
.btnMBlu a {color:#ffffff;}
.btnMBlu a:visited {color:#ffffff;}
.btnMBlu a:active {color:#ffffff;}
.btnMBlu a:hover {color:#ffffff;}
.btnMBlu input {background:url("/images/oss/cmm/button.png") no-repeat left -210px; height:29px; color:#ffffff; cursor:pointer;}

.btnSBlu {background:url("/images/oss/cmm/button.png") no-repeat left -407px;}
.btnSBlu span {background:url("/images/oss/cmm/button.png") no-repeat right -407px;}
.btnSBlu:hover {background:url("/images/oss/cmm/button.png") no-repeat left -429px;}
.btnSBlu:hover span {background:url("/images/oss/cmm/button.png") no-repeat right -429px;}
.btnSBlu a {padding-top:3px; padding-right:7px; padding-bottom:0px; padding-left:7px; height:19px; min-width:16px;}
:root .btnSBlu a {height:19px; padding-top:3px;}
.btnSBlu a {color:#ffffff;}
.btnSBlu a:visited {color:#ffffff;}
.btnSBlu a:active {color:#ffffff;}
.btnSBlu a:hover {color:#ffffff;}
.btnSBlu input {background:url("/images/oss/cmm/button.png") no-repeat left -353px; height:22px; color:#ffffff; cursor:pointer;}

label.title{
	text-align: left;
	background: url(/themes/default/images/bullet_2.gif) no-repeat 4px 11px;
	padding: 0 0 0 10px;
}

#ui-datepicker-div {display:none;}
/* Gary Big Color bottom */
/* Search */

/* Orange Big Color bottom */