@charset "utf-8";
@import url("./layout.css");
@import url("./contents.css");
@import url("./board.css");
@import url("./graybar.css");
@import url("./totalView.css");
/********************
	Default set
********************/
html, body {width:100%; height:100%; margin:0; padding:0;}

body {font-size:0.80em; line-height:140%; font-family:Dotum,Gulim, Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, sans-serif "돋움" "굴림"; color:#666;}
textarea {font-family:Dotum,Gulim, Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, sans-serif "돋움" "굴림";  color:#666;}
input, select {padding:0; font-size:0.9em; font-family:Dotum,Gulim, Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, sans-serif "돋움" "굴림";  color:#666;}

input[type=text], input[type=file], input[type=password] {padding:2px; border:1px solid #d4d4d4;}

a:link {color:#666; cursor:pointer; text-decoration:none;}
a:visited {color:#666; cursor:pointer; text-decoration:none;}
a:active, a:hover {color:#355596; cursor:pointer; text-decoration:underline;}

input.radio {border:0 !important; padding:0;}

/********************
	Element selector
********************/
form {margin:0; padding:0;}
img {border:0;}
noscript {position:absolute; z-index:10; background:#efefef;}
noscript p {margin:0;}
label {cursor:pointer;}
legend {visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; left:-9999px; top:-9999px;}
caption {visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden;}
hr.section {display:none;/*visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden;*/}

/********************
	Global selector
********************/
p.onPage {padding:0; margin:0;}
h1.onPage, h2.onPage, h3.onPage, h4.onPage {padding:0; margin:0; font-size:0.9em;}
ul.onPage, dl.onPage, dt.onPage, dd.onPage, ol.onPage {padding:0; margin:0; list-style:none;}
ul.onPage li, ol.onPage li, dl.onPage dt, dl.onPage dd, dl.onPage dl.onPage {padding:0; margin:0; list-style:none;}
fieldset.onPage {border:none; padding:0; margin:0;}
form fieldset {border:none; padding:0; margin:0;}

.clear {clear:both; font-size:0; line-height:0; overflow:hidden; height:0; }
.cBoth {clear:both;}
.floatL {float:left;}
.floatR {float:right;}
.floatN {float:none;}
.haslayout {overflow:hidden; _zoom:1;}

.bdNone {border:none !important;}
.bgNone {background-image:none !important;}
.bcNone {background-color:none !important;}

.oflowH {overflow:hidden;}
.none {display:none !important;}
.blockIn {display:inline-block;}
.block {display:block !important;}
.inline {display:inline;}
.show {visibility:visible !important; display:static !important; height:auto !important; width:auto !important; overflow:auto !important;  position:static;}

.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtT,
.txtT * {vertical-align:top !important;}
.txtM,
.txtM * {vertical-align:middle !important;}
.txtB,
.txtB * {vertical-align:bottom !important;}
.txtTB {vertical-align:text-bottom !important;}

/********************
	Margin
********************/
.mTxxl {margin-top:100px !important;}
.mTxl {margin-top:50px !important;}
.mTl {margin-top:30px !important;}
.mTm {margin-top:20px !important;}
.mTs {margin-top:15px !important;}
.mTxs {margin-top:10px !important;}
.mTxxs {margin-top:5px !important;}
.mTNo {margin-top:0px !important;}

.mRxxl {margin-right:100px !important;}
.mRxl {margin-right:50px !important;}
.mRl {margin-right:30px !important;}
.mRm {margin-right:20px !important;}
.mRs {margin-right:15px !important;}
.mRxs {margin-right:10px !important;}
.mRxxs {margin-right:5px !important;}
.mRNo  {margin-right:0px !important;}

.mBxxl {margin-bottom:100px !important;}
.mBxl {margin-bottom:50px !important;}
.mBl {margin-bottom:30px !important;}
.mBm {margin-bottom:20px !important;}
.mBs {margin-bottom:15px !important;}
.mBxs {margin-bottom:10px !important;}
.mBxxs {margin-bottom:5px !important;}
.mBNo {margin-bottom:0px !important;}

.mLxxl {margin-left:100px !important;}
.mLxl {margin-left:50px !important;}
.mLl {margin-left:30px !important;}
.mLm {margin-left:20px !important;}
.mLs {margin-left:15px !important;}
.mLxs {margin-left:10px !important;}
.mLxxs {margin-left:5px !important;}
/********************
	Padding
********************/
.pTl {padding-top:30px !important;}
.pTm {padding-top:20px !important;}
.pTs {padding-top:15px !important;}
.pTxs {padding-top:10px !important;}
.pTxxs {padding-top:5px !important;}

.pRl {padding-right:30px !important;}
.pRm {padding-right:20px !important;}
.pRs {padding-right:15px !important;}
.pRxs {padding-right:10px !important;}
.pRxxs {padding-right:5px !important;}

.pBl {padding-bottom:30px !important;}
.pBm {padding-bottom:20px !important;}
.pBs {padding-bottom:15px !important;}
.pBxs {padding-bottom:10px !important;}
.pBxxs {padding-bottom:5px !important;}

.pLl {padding-left:30px !important;}
.pLm {padding-left:20px !important;}
.pLs {padding-left:15px !important;}
.pLxs {padding-left:10px !important;}
.pLxxs {padding-left:5px !important;}

.pTNo {padding-top:0 !important;}
.pLNo {padding-left:0 !important;}
.pRNo {padding-right:0 !important;}
.pBNo {padding-bottom:0 !important;}
.pdNo {padding:0 !important;}


/************************************************************
	Custom Definition
************************************************************/
/* Text color */
.txtOrg {color:#F60 !important;}
.txtBlue {color:#2B80DF !important;}
.txtBlue2 {color:#336699 !important;}
.txtGrn  {color:#00988b !important;}
.txtGrn02 {color:#5FA512 !important;}
.txtPur  {color:#980072 !important;}
.txtRed {color:#ff0000 !important;}

/* Text size */
.fXLarge {font-size:1.4em;}
.fLarge {font-size:1.2em;}
.fsmall {font-size:0.9em;}
.fXSmall {font-size:0.84em;}

.bold{font-weight:bold !important;}
.normal {font-weight:normal !important;}

/* Letter spacing */
.letterS {letter-spacing:-0.04em;}

/* Title */
h2.tit {clear:both; margin:0 0 10px 0; padding:0 0 0 20px; font-size:1.2em; color:#333333;  background:transparent url('/eng/images/common/bul/bulH2.gif') no-repeat left 4px;}
h3.tit {margin:0 0 10px 0; padding:0 0 0 20px; font-size:1.0em; background:url('/eng/images/common/bul/bulArr01.gif') no-repeat 3px 2px;}

/* List */
ul.bulDot {list-style-type:none; list-style-position:outside; margin:0; padding:0 0 15px 0;}
ul.bulDot li, p.bulDot {margin:0; padding:0 0 0 7px; background:url('/eng/images/common/bul/bulDot.gif') no-repeat left 7px;}

ul.bulDot02 {list-style-type:none; list-style-position:outside; margin:0; padding:0 0 15px 0;}
ul.bulDot02 li, p.bulDot {margin:0; padding:0 0 0 7px; background:url('/eng/images/common/bul/bulDot02.gif') no-repeat left 8px;}


ul.bul01 {list-style-type:none; list-style-position:outside; margin:0; padding:0 0 15px 0;}
ul.bul01 li {margin:0; padding:0 0 0 7px; background:url('/eng/images/common/bul/bulDotBlue.gif') no-repeat left 7px;}

ul.dash {list-style-type:none; list-style-position:outside; margin:0 0 5px 0; padding:0;}
ul.dash li {padding:0 0 0 10px;margin:0; background:url('/eng/images/common/bul/bulDash.gif') left 8px no-repeat;}

ul.dash02, dl.dash02{list-style-type:none; list-style-position:outside; margin:0 0 5px 0; padding:0;}
ul.dash02 li, dl.dash02 dt{padding:0 0 0 8px; margin:0; background:url('/eng/images/common/bul/bulDash02.gif') left 8px no-repeat;}

ul.list, ol.list{overflow:hidden; _zoom:1; list-style-type:none; margin:0; padding:0;}
ul.list li, ol.list li{float:left; margin:0; padding:0;}

dl.greenTop{overflow:hidden; _zoom:1; margin:0; padding:0;}
dl.greenTop dt, p.greenTop{margin:20px 0 0 0; padding:5px 0 0 0; font-weight:bold; background:url('/eng/images/common/bul/bulGreenTop.gif') no-repeat left top;}
dl.greenTop dd{margin:10px 0 0 0; padding:0;}

dl.blueTop{overflow:hidden; _zoom:1; margin:0; padding:0;}
dl.blueTop dt, p.blueTop{margin:20px 0 0 0; padding:5px 0 0 0; font-weight:bold; background:url('/eng/images/common/bul/bulBlueTop.gif') no-repeat left top;}
dl.blueTop dd{margin:10px 0 0 0; padding:0;}


dl.bulArr01, ul.bulArr01{overflow:hidden; _zoom:1; margin:0; padding:0;}
dl.bulArr01 dt, p.bulArr01, ul.bulArr01 li{margin:10px 0 0 0; padding:0 0 0 20px; font-size:1.0em; font-weight:bold; background:url('/eng/images/common/bul/bulArr01.gif') no-repeat 3px 2px;}
dl.bulArr01 dd{margin:10px 0 0 0; padding:0;}

/* dl dt dd */
.bullet01 {margin:0 0 0 10px; padding:0;}
.bullet01 dt {margin:0; padding:0 0 0 20px; font-weight:bold; background:url('/eng/images/common/bul/') no-repeat left 2px;}
.bullet01 dd {margin:0; padding:0 0 5px 22px; background:url('/eng/images/common/bul/bulDotBlue.gif') no-repeat 12px 7px;}

/* Data-Table */
table.data {width:100%; border-top:1px solid #abb9d6; border-collapse:collapse; empty-cells:show;}
table.data .first {border-left:0;}
table.data th {padding:6px 7px; border-left:1px solid #e0e0e0;}
table.data thead th {border-top:2px solid #9267d8; border-bottom:1px solid #e5e5e5; background:#f4f0fb; color:#6427c8; text-align:center;}
table.data thead th.bgStyle01 {border-top:0px; background:#f9f9fb; color:#727272;}
table.data tbody th {border:1px solid #e0e0e0; border-width:0 0 1px 1px;}
table.data tfoot th,
table.data tfoot td {background:#f4f0fb; color:#6427c8; text-align:center; font-weight:bold;}
table.data td {padding:15px 10px; border:1px solid #e0e0e0; border-width:0 0 1px 1px;}

table.data02 {width:100%; border-top:1px solid #abb9d6; border-collapse:collapse; empty-cells:show;}
table.data02 .first {border-left:0;}
table.data02 th {padding:6px 7px; border-left:1px solid #e0e0e0;}
table.data02 thead th {border-top:2px solid #9267d8; border-bottom:1px solid #e5e5e5; background:#f4f0fb; color:#6427c8; text-align:center;}
table.data02 tbody th {border:1px solid #e0e0e0; border-width:0 0 1px 1px; background:#f4f0fb; color:#6427c8;}
table.data02 td {padding:15px 10px; border:1px solid #e0e0e0; border-width:0 0 1px 1px;}


/*tabStyle01*/
.tabStyle01 {clear:both; overflow:hidden; _zoom:1; margin:0; padding:0 0 15px 0;}
.tabStyle01 ul {list-style-type:none; margin:0; padding:0; overflow:hidden; _zoom:1; border-bottom:1px solid #2869b9;}
.tabStyle01 li {float:left; margin:0; padding:0;}
.tabStyle01 li a {display:block; _display:inline-block; height:31px; margin:0; padding:0 20px; border:1px solid #bfbfbf; border-bottom:0; color:#898989; font-weight:bold; line-height:250%; letter-spacing:-0.05em; font-size:0.86em;}
.tabStyle01 li a.on, .tabStyle01 li a:hover {background:url('/eng/images/common/bg/bgTabStyle01.gif') repeat-x 0 0; color:#fff;text-decoration:none;}

/* ######### box ######### */


/* text 템플릿 */
p.bul01 {margin:0; padding:0 0 10px 7px;background:url('/eng/images/common/bul/bulDotBlue.gif') no-repeat left 7px;}
p.bul01 * {vertical-align:middle;}

/* 들여쓰기 */
.indent00 {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #eee;}
.indent01 {padding:0 0 15px 20px;}





/* ###################################################################################
	quick menu
 ################################################################################### */

#quickMenu .menu {width:84px; margin:0 0 7px 0; padding:0 0 3px 0; background:url('/eng/images/quick/bgQuick.gif') no-repeat 0 bottom;}
#quickMenu .menu dl {margin:0; padding:0;}
#quickMenu .menu dt {margin:0; padding:0; font-size:0; line-height:0;}
#quickMenu .menu dd {margin:0; padding:0; font-size:0; line-height:0;}
#quickMenu .menu ul {list-style-type:none; margin:0; padding:0;}
#quickMenu .menu ul li {margin:0; padding:0;}

#quickMenu .search {width:84px; margin:0 0 7px 0; padding:0 0 10px 0; background:url('/eng/images/quick/bgQuick.gif') no-repeat 0 bottom;}
#quickMenu .search dl {margin:0; padding:0;}
#quickMenu .search dt {margin:0; padding:0; font-size:0; line-height:0;}
#quickMenu .search dd {margin:0; padding:0;}
#quickMenu .search dd .officerSearch {margin:0; padding:10px 0 0 0; border:0;}
#quickMenu .search dd .officerSearch div {width:70px; margin:0 auto; padding:0; border:1px solid #bbb;}
#quickMenu .search dd .officerSearch div * {vertical-align:middle;}
#quickMenu .search dd .officerSearch div .inputQuickSearch {width:40px; padding:2px; border:0;}