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

/********************************************************************************/
/* 기본 HTML 태그 : 폰트 적용														*/
/********************************************************************************/
@charset "utf-8";

/********************************************************************************/
/* 공통																			*/
/********************************************************************************/
html {height:100%; !important;}
body {height:100%; background:#fff; color:#000000; 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; font-size:12px;}
td,th {padding:0;}

/********************************************************************************/
/* a href 공통																	*/
/********************************************************************************/
img {border:0; font-size:0;}
a, a:link, a:visited {color:#000000; 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;}
/*input {background-color:#fff; font-size:12px; margin:0; padding:0; background:none; font-family:Dotum; border:1px solid #d0d0cc;}*/
input {background-color:#fff; font-size:12px; margin:0; padding:0; background:none; font-family:Dotum; vertical-align:middle; border:1px solid #66a3d3;}
input.noline {border:0;}
input.line {background-color:#fff; font-size:12px; margin:0; padding:0; background:none; font-family:Dotum; border:1px solid #d0d0cc;}
textarea {background-color:#fff; font-size:12px; font-family:Dotum; border:0;}
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; border-bottom: 1px dashed #CD0A0A }*/
input[type="text"] {height:18px; }
/*input[type="text"][readonly] {ime-mode:disabled; background-color:#E6E6E6;}*/
input[type="text"][readonly] {ime-mode:disabled;}
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;}

/******************************************************************************/
/* 높이공백																	  */
/******************************************************************************/
.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;}
.ht28 {height:28px;}
.ht30 {height:30px;}
.ht35 {height:35px;}
.ht38 {height:38px;}
.ht40 {height:40px;}
.ht50 {height:50px;}
.ht55 {height:55px;}
.ht60 {height:60px;}
.ht80 {height:80px;}
.ht100 {height:100px;}
.ht125 {height:125px;}
.ht130 {height:130px;}
.ht140 {height:140px;}
.ht150 {height:150px;}
.ht180 {height:180px;}
.ht200 {height:200px;}
.ht260 {height:260px;}
.ht270 {height:270px;}
.ht290 {height:290px;}
.ht300 {height:300px;}
.ht310 {height:310px;}
.ht325 {height:325px;}
.ht335 {height:335px;}
.ht350 {height:350px;}
.ht375 {height:375px;}
.ht425 {height:425px;}
.ht450 {height:450px;}
.ht480 {height:480px;}
.ht500 {height:500px;}
.ht555 {height:555px;}
.ht565 {height:565px;}
.ht585 {height:585px;}
.ht600 {height:600px;}
.ht604 {height:604px;}
.ht605 {height:605px;}
.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;}
.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;}
.wi210 {width:210px;}
.wi250 {width:250px;}
.wi260 {width:260px;}
.wi280 {width:280px;}
.wi300 {width:300px;}
.wi320 {width:320px;}
.wi340 {width:340px;}
.wi375 {width:375px;}
.wi400 {width:400px;}
.wi430 {width:430px;}
.wi450 {width:450px;}
.wi500 {width:500px;}
.wi600 {width:600px;}
.wi650 {width:650px;}
.wi660 {width:660px;}
.wi700 {width:700px;}
.wi950 {width:950px;}
.wiAll5 {width:5%;}
.wiAll8 {width:8%;}
.wiAll10 {width:10%;}
.wiAll15 {width:15%;}
.wiAll16 {width:16%;}
.wiAll17 {width:17%;}
.wiAll18 {width:18%;}
.wiAll19 {width:19%;}
.wiAll20 {width:20%;}
.wiAll25 {width:25%;}
.wiAll27 {width:27%;}
.wiAll29 {width:29%;}
.wiAll30 {width:30%;}
.wiAll33 {width:33%;}
.wiAll35 {width:35%;}
.wiAll40 {width:40%;}
.wiAll42 {width:42%;}
.wiAll45 {width:45%;}
.wiAll48 {width:48%;}
.wiAll50 {width:50%;}
.wiAll55 {width:55%;}
.wiAll58 {width:58%;}
.wiAll60 {width:60%;}
.wiAll70 {width:70%;}
.wiAll74 {width:74%;}
.wiAll75 {width:75%;}
.wiAll85 {width:85%;}
.wiAll95 {width:95%;}
.wiAll97 {width:97%;}
.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;}
.mt20 {margin-top:20px;}

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

.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;}
.ml20 {margin-left:20px;}

/****************************************************************************/
/* 패팅 여백																*/
/****************************************************************************/
.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;}
.pt25 {padding-top:25px;}
.pt27 {padding-top:27px;}
.pt28 {padding-top:28px;}
.pt29 {padding-top:29px;}
.pt30 {padding-top:30px;}

.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;}
.pr20 {padding-right:20px;}

.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;}
.pb8 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}

.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;}
.pl20 {padding-left:20px;}

.ap1 {padding-top:1px; padding-right:1px; padding-bottom:1px; padding-left:1px;}
.ap2 {padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:2px;}
.ap3 {padding-top:3px; padding-right:3px; padding-bottom:3px; padding-left:3px;}
.ap4 {padding-top:4px; padding-right:4px; padding-bottom:4px; padding-left:4px;}
.ap5 {padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px;}

/****************************************************************************/
/* 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 NanumGothic, Arial;}
.f_eng08 {font:8px NanumGothic, Arial;}
.f_eng09 {font:9px NanumGothic, Arial;}
.f_eng10 {font:10px NanumGothic, Arial;}
.f_eng11 {font:11px NanumGothic, Arial;}
.f_eng12 {font:12px NanumGothic, Arial;}
.f_eng13 {font:13px NanumGothic, Arial;}
.f_eng14 {font:14px NanumGothic, Arial;}
.f_eng15 {font:15px NanumGothic, Arial;}
.f_eng16 {font:16px NanumGothic, Arial;}
.f_eng17 {font:17px NanumGothic, Arial;}
.f_eng18 {font:18px NanumGothic, Arial;}
.f_eng19 {font:19px NanumGothic, Arial;}
.f_eng20 {font:20px NanumGothic, Arial;}

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

/****************************************************************************/
/* 위치 공통																*/
/****************************************************************************/
.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;}

/****************************************************************************/
/* 버튼 공통																*/
/****************************************************************************/
button:-moz-focus-inner {border: none;}
button {-moz-border-radius:2px; background:#d7d7d7 url("/images/common/button.png") repeat-x; border:1px solid #c0c0c0; padding-top:1px; padding-left:9px; padding-right:9px; font-size:12px; font-family:Dotum; color:#656565; cursor:pointer; height:20px;}
button:active {background:#d7d7d7 url("/images/common/button.png") repeat-x; color:#000000;}

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

.clfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clfix {display:inline-block}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
.nclerror{background:#FF4F64 !important; font-family:Dotum; color:#ffffff;}
.nclreadonlyarea{background:#D4D4D4; font-family:Dotum; color:#000000;text-align:right;}
.nclsummaryarea{background:#FFCCCB !important; font-family:Dotum; color:#000000;text-align:right;}
.nclsumchkarea{background:#CEB !important; font-family:Dotum; color:#000000;}
.nclsumtgtarea{background:#ffefd5 !important; font-family:Dotum; color:#000000;}
.nclyeararea{background:#C8D7FF;color:#000000;}
.nclyysmapplcarea{background:#f5f5dc;color:#000000;font-weight:bold;}
.nclautosumarea{background:#FFDF24;color:#000000;}

.gridheader{background:#EBF0F7; font-family:Dotum; color:#2E6E9E;}
.layerhelp{position:absolute;z-index:1;border:1px solid #c0c0c0;background-color:#f7f7f7;width:50%;height:50%;}
.layerdtatree{position:absolute;z-index:1;border:1px solid #c0c0c0;background-color:#f7f7f7;width:300px;height:330px;}
.inputEng{ime-mode:disabled;}
.course {cursor:pointer;}
.svyInputComptArea{background:#999999;color:#000000;font-weight:bold;}


/****************************************************************************/
/* 버튼추가																	*/
/****************************************************************************/
a.btn_left { background:url(/images/button/btn_left.gif) left top no-repeat; padding:0 0 0 7px; height:22px; color:#fff; font-size:11px; line-height:22px; text-decoration:none; float:left; }
a:hover.btn_left { background:url(/images/button/btn_left.gif) left top no-repeat; padding:0 0 0 7px; height:22px; color:#fff; font-size:11px; display:block; line-height:22px; text-decoration:underline; }
.btn_right { background:url(/images/button/btn_right.gif) right top no-repeat; height:22px; width:5px; display:block; float:left; margin-right:5px; }
/****************************************************************************/
/* 버튼추가2																	*/
/****************************************************************************/
a.btn_left2 { background:url(/images/button/btn_left.gif) left top no-repeat; padding:0 0 0 7px; height:22px; color:#fff; font-size:11px; line-height:22px; text-decoration:none; float:left; }
a:hover.btn_left2 { background:url(/images/button/btn_left.gif) left top no-repeat; padding:0 0 0 7px; height:22px; color:#fff; font-size:11px; display:block; line-height:22px; text-decoration:underline; }
.btn_right2 { background:url(/images/button/btn_right.gif) right top no-repeat; height:22px; width:5px; display:block; float:left; margin-right:5px; }

.summary {clear:both;padding-top:3px; padding-bottom:3px; padding-left:10px;border-left:1px solid #9ba7b7; border-right:1px solid #9ba7b7; border-bottom:1px solid #9ba7b7; background-color:#e3e7ec; color:#353535; text-align:left;}
.tdSeparate {background:#cccccc;}
.tdSeparate1 {color:#000000;background:url(/images/sps/index/bu_dot.gif) repeat-y 0 0}
/****************************************************************************/
/* 말줄임																	*/
/****************************************************************************/
.ellipsis {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; -moz-binding:url('ellipsis.xml#ellipsis');}

span.comment {font-weight: bold; color: #ff6699; text-align: left;}
.sumarea {background-color:#f0ffff;}