/* cntBoard */
.cntBoard { overflow:hidden; width:100%; padding:2px 0 }

/* boardSearch */
.boardSearch { overflow:hidden; width:100%; height:26px; margin:10px 0 0 0 }
.boardSearch .search_form { float:left; width:56px; height:20px }
.boardSearch .search_numbering { float:left; width:500px; height:20px }
.boardSearch .search_numbering p { color:#408eb4; padding:5px 0 0 5px }
.boardSearch select { width:55px; font-size:11px; font-family:arial; border:1px solid #ccc }
.boardSearch select.bg_dark { font-size:11px; color:#acacac; border:1px solid #494949; background:#282828 }

/* btnList */
.btnList { position:relative; width:100%; }
.btnListGraph { width:777px }
.btnList ul { position:absolute; top:-25px; right:0; overflow:hidden; }
.btnList li { float:left; padding:0 1px }
.btnList p.graphInfo { position:absolute; top:-20px; right:10px; color:#4F5E9E; line-height:1.2 }

.basicInfo .btnList { position:static }
.basicInfo .btnList ul { top:0; right:0 }
.basicInfo .txt_reference { padding: 6px 0 6px 4px; font-weight:bold; color:#4f5e9e; vertical-align:top; background:none }

/* Pagination1 */
.pagination1 {margin-top:40px; padding:10px 0; color:#666; text-align:center; line-height:normal; background:#efefef }
.pagination1 * { display:inline-block; font-size:11px; font-family:Dotum; color:#ccc; text-decoration:none; vertical-align:middle }
.pagination1 a { margin:0 -3px; color:#666; font-weight:bold }
.pagination1 a:hover,
.pagination1 a:active,
.pagination1 a:focus { color:#408eb4; text-decoration:none }
.pagination1 a.direction { padding:0 0 3px 0 }
.pagination1 strong { color:#408eb4 }
.pagination1 .page_btn a { margin:0; padding:0; vertical-align:middle }

/* BOARD Common */
.board { vertical-align:middle; color:#2f3743 }
.board table { width:100%; line-height:1.5; border-bottom:1px solid #e1e1e1; border-collapse:collapse; background:url(/static/image/board/bg_boardth.jpg) repeat-x 0 0 }
.board .lastchild th,
.board .lastchild td,
.noBorderDataCell{border:0 none !important }
.board table thead th { height:24px; font-size:11px; font-weight:bold; color:#0f3c74; line-height:24px; text-align:center; vertical-align:middle; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background:url(/static/image/board/line_boardbar.gif) repeat-y 100% 100% }
.board table thead th.lastchild { background:0 none }
.board table thead th img { padding-top:4px; vertical-align:top }
.board th { text-align:center; vertical-align:middle }
.board td { vertical-align:middle }
.board a { color:#2b3b7f; vertical-align:middle }
.board a:hover,
.board a:active,
.board a:focus{text-decoration:underline }
.board .list_title { font-weight:bold; text-align:left }
.board .list_title2 { font-weight:bold; text-align:center }
.board span.comment { font-weight:bold; color:#3f58a6 }
.board span.reply { padding:10px }
.board span.newbt { float:left; padding:5px 0 0 2px }
.board td.btnset { padding:12px 0 17px 0 }
.board td.btnset li { padding:5px 0 0 0 }
.board .assetInput { float:left; width:84%; height:18px; padding:0; line-height:18px; border:1px solid #ccc }
.board .assetInput2 { height:18px; padding:0; line-height:18px; border:1px solid #ccc }
.board .icons { float:left }
.board .select { width:85%; border:1px solid #ccc }
.board .vtop { vertical-align:top }
.board .thtit { font-size:11px; font-weight:bold }
.board table tfoot.tfoot th,
.board table tfoot.tfoot td{font-size:11px; font-weight:bold; color:#444; text-align:center; background:#f7f7f7 }

/* o_div */
.o_div { width:100%; margin:1px 0; zoom:1 }
.o_div:after { display:block; clear:both; content:"" }
.o_div input,
.o_div p.tableInnerBtn,
.o_div selelct{float:left; margin-right:5px }
.o_div .checkbox { float:left; *margin:3px }
.tableInnerBtn { float:left }
.tableInnerBtn a { margin-right:3px }

/* board list */
.boardList table tbody th { font-weight:normal; border-bottom:1px solid #e1e1e1 }
.boardList table tbody th.th { text-align:left; padding:0 12px }
.boardList table td { height:21px; text-align:left; padding:4px 5px; line-height:21px; vertical-align:middle; border-bottom:1px solid #e1e1e1 }
.boardList.td_center table td {text-align:center }
.boardList table td.assetCode,
.boardList table td.division,
.boardList table td.align_left { padding:0 0 0 5px; text-align:left }
.boardList table td.align_center { text-align:center }
.boardList table td.list_title a { display:block; font-weight:bold; text-align:left }
.boardList table td.list_title_center { display:block; font-weight:bold; text-align:center }
.boardList table td.server img { padding:3px 5px 0 0 }
.boardList table td img { vertical-align:middle }
.boardList table td.check img { padding:0 0 0 15px }

/* icon */
.icoDw { display:inline-block; width:12px; height:8px; line-height:75%; background:url(/static/image/ico/ico_arrow_down.gif) no-repeat 50% 1px }
.icoUp { display:inline-block; width:12px; height:8px; line-height:75%; background:url(/static/image/ico/ico_arrow_up.gif) no-repeat 50% 1px }

/* borderTable */
.borderTable table { border:1px solid #ccc; border-width:1px 0 0 1px; border-top-color:#aaa; border-collapse:collapse }
.borderTable table th,
.borderTable table td{border:1px solid #ccc; border-width:0 1px 1px 0 }
.borderTable table thead th { background:none }

/* scrollTable */
.scrollTable { overflow-x:auto; overflow-y:hidden; width:100%; padding-bottom:20px }
.scrollTable table { width:180% !important; border-collapse:collapse }

/* monitering_board */
.monitering_board { vertical-align:middle; color:#2f3743 }
.monitering_board table { width:100%; line-height:1.5; border-bottom:1px solid #333; border-collapse:collapse }
.monitering_board table thead th { height:24px; font-size:11px; font-weight:bold; color:#858585; line-height:24px; text-align:center; vertical-align:middle; border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #333; background:#212121 }
.monitering_board table thead th img { padding-top:4px; vertical-align:top }
.monitering_board th { text-align:center; vertical-align:middle }
.monitering_board .lastchild { border-right:0 none }
.monitering_board td { height:29px; padding:0 0 0 7px; color:#ccc; vertical-align:middle; border-bottom:1px solid #333 }
.monitering_board td img { vertical-align:top; line-height:100%; font-size:0%; padding:5px 0 0 0 }
.monitering_board .t_c { padding:0; text-align:center }
.monitering_board a { color:#acacac; vertical-align:middle }
.monitering_board a:hover,
.monitering_board a:active,
.monitering_board a:focus{text-decoration:underline }

.monitering_board .risktxt_high { }
.monitering_board .risktxt_alert { font-weight:bold; color:#ff750d }
.monitering_board .risktxt_care { font-weight:bold; color:#e9c400 }
.monitering_board .risktxt_safe { font-weight:bold; color:#11a758 }

.monitering_board .bg_high { color:#282828; background:#e3052d }
.monitering_board .bg_alert { color:#282828; background:#ff750d }
.monitering_board .bg_care { color:#282828; background:#f9d200 }
.monitering_board .bg_safe { color:#282828; background:#11a758 }

/* riskLevelbox */
.riskLevelbox { position:relative; width:100% }
.riskLevelbox ul { position:absolute; top:-18px; right:0; overflow:hidden }
.riskLevelbox li { overflow:hidden; float:left; color:#fff; padding:0 17px 0 0; line-height:1.2; background:url(/static/image/monitering/line_risklevel.gif) no-repeat 100% 50% }
.riskLevelbox li.lastchild { background:none }
.riskLevelbox span { float:left; padding:0 15px 0 10px }
.riskLevelbox span.all { font-weight:bold; color:#858585 }
.riskLevelbox span.safe { font-weight:bold; color:#11a758 }
.riskLevelbox span.alert { font-weight:bold; color:#ff750d }
.riskLevelbox span.care { font-weight:bold; color:#e9c400 }

/* BOARD Col : th colgroup */
.boardCol { vertical-align:middle; color:#2f3743 }
.boardCol table { width:100%; line-height:1.2; border-bottom:1px solid #e1e1e1; border-collapse:collapse; background:url(/static/image/board/bg_boardcolth.jpg) repeat-x 0 0 }
.boardCol .lastchild th,
.boardCol .lastchild td{border:0 none }
.boardCol table thead th { padding:5px 0; font-size:11px; font-weight:bold; color:#0f3c74; vertical-align:middle; line-height:1.2; text-align:center; border-top:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa }
.boardCol table thead th.colsub { border-right:0 none; background:url(/static/image/board/line_boardbar.gif) repeat-y 100% 100% }
.boardCol table thead th.lastchild { border-right:0 none }
.boardCol table thead th a { color:#0f3c74 }
.boardCol table thead th a:hover,
.boardCol table thead th a:active,
.boardCol table thead th a:focus{ text-decoration:none }
.boardCol table thead th.thgroup { border-bottom:0 none }
.boardCol table thead th img { vertical-align:top; line-height:1.2 }
.boardCol table tbody th,
.boardCol table tbody td { height:21px; padding:4px 5px 4px 7px; font-size:12px; line-height:21px; vertical-align:middle; border-bottom:1px solid #e1e1e1 }
.boardCol table tbody th { font-weight:bold; color:#0f3c74; text-align:left; background:#f4f4f4 }
.boardCol table tbody td img { vertical-align:middle; line-height:100% }
.boardCol table tbody td .dotinfo { margin:5px 0 0 0 }

.boardCol a { color:#424242; vertical-align:middle }
.boardCol a:hover,
.boardCol a:active,
.boardCol a:focus{text-decoration:underline }
.boardCol .list_title { padding:0 0 0 5px; font-weight:bold }
.boardCol span.comment { font-weight:bold; color:#3f58a6 }
.boardCol span.reply { padding:10px }
.boardCol span.unusualEnd { display:block; width:60px; padding:2px; font-size:11px; font-weight:bold; color:#408eb4; line-height:100%; vertical-align:top; border:1px dashed #408eb4 }
.boardCol span.end { display:block; width:50px; padding:2px; font-size:11px; font-weight:bold; color:#5967a3; line-height:100%; vertical-align:top; border:1px dashed #5967a3 }

.boardCol table tbody td.all { color:#418fb5 }
.boardCol table tbody td.high { color:#e3052d }
.boardCol table tbody td.alert { color:#ff750d }
.boardCol table tbody td.care { color:#f6c20e }
.boardCol table tbody td.safe { color:#11a758 }
.boardCol table tbody td.yet { color:#96895a; background-color:#f8f8f8 }

.boardCol table tfoot td { background:#f3f3f3 }
.boardCol table tfoot .lastchild { border-bottom:0 none }

/* BOARD Col : th colgroup */
.boardCol2 { vertical-align:middle; color:#2f3743 }
.boardCol2 table { width:100%; line-height:1.2; border-bottom:1px solid #e1e1e1; border-collapse:collapse }
.boardCol2 .lastchild th,
.boardCol2 td.lastchild,
.boardCol2 .lastchild td{border:0 none }
.boardCol2 table thead th { padding:5px 0; font-size:11px; font-weight:bold; color:#0f3c74; vertical-align:middle; line-height:1.2; text-align:center; border-top:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; background:url(/static/image/board/bg_boardcolth.jpg) repeat-x 0 100% }
.boardCol2 table thead tr.col_la th { background:url(/static/image/board/bg_boardcolth.jpg) repeat-x 0 100% }
.boardCol2 table thead tr.col_la th.col_1st { border-bottom:0 none; background-image:none }
.boardCol2 table thead tr.col_2nd th { background:url(/static/image/board/bg_boardcolth.jpg) repeat-x 100% 100% }
.boardCol2 table thead tr.col_2nd th.lastchild { border-right:0 none }
.boardCol2 table thead th.colsub { border-right:0 none; background:url(/static/image/board/line_boardbar.gif) no-repeat 100% 100% }
.boardCol2 table thead tr.col_2nd th.borderchild { border-right:1px solid #aaa; background-position:0 100% }
.boardCol2 table thead th.lastchild { border-right:0 none }
.boardCol2 table thead th a { color:#0f3c74 }
.boardCol2 table thead th a:hover,
.boardCol2 table thead th a:active,
.boardCol2 table thead th a:focus{ text-decoration:none }

.boardCol2 table thead th.thgroup { border-bottom:0 none }
.boardCol2 table thead th img { vertical-align:top; line-height:1.2 }
.boardCol2 table tbody th,
.boardCol2 table tbody td{height:21px; padding:4px 5px 4px 7px; vertical-align:middle; line-height:21px; border-bottom:1px solid #e1e1e1 }
.boardCol2 table tbody td img { vertical-align:middle; line-height:1.0 }
.boardCol2 table tbody td .dotinfo { margin:5px 0 0 0 }

.boardCol2 table tfoot th{ background-color:#f3f3f3 }
.boardCol2 table tfoot td{ background-color:#f8f8f8 }
.boardCol2 table tfoot th,
.boardCol2 table tfoot td{height:21px; padding:4px 5px 4px 7px; vertical-align:middle; line-height:21px; vertical-align:middle; border-bottom:0 none }
.boardCol2 table tfoot th { font-weight:normal }
.boardCol2 table tfoot .cellBorder { border-bottom:1px solid #fff }

.boardCol2 a { color:#424242; vertical-align:middle }
.boardCol2 a:hover,
.boardCol2 a:active,
.boardCol2 a:focus{text-decoration:underline }
.boardCol2 .list_title { padding:0 0 0 5px; font-weight:bold }
.boardCol2 span.comment { font-weight:bold; color:#3f58a6 }
.boardCol2 span.reply { padding:10px }
.boardCol2 span.unusualEnd { display:block; width:60px; padding:2px; font-size:11px; font-weight:bold; color:#408eb4; line-height:100%; vertical-align:top; border:1px dashed #408eb4 }
.boardCol2 span.end { display:block; width:50px; padding:2px; font-size:11px; font-weight:bold; color:#5967a3; line-height:100%; vertical-align:top; border:1px dashed #5967a3 }

.boardCol2 table tbody td.all { color:#418fb5 }
.boardCol2 table tbody td.high { color:#e3052d }
.boardCol2 table tbody td.alert { color:#ff750d }
.boardCol2 table tbody td.care { color:#f6c20e }
.boardCol2 table tbody td.safe { color:#11a758 }
.boardCol2 table tbody td.yet { color:#96895a; background-color:#f8f8f8 }

/* td background-color */
.bg_table_gray { font-size:11px; background:url(/static/image/board/line_white.gif) repeat-y 100% 0 #f3f3f3 }
.bg_table_gray2 { background:url(/static/image/board/line_white.gif) repeat-y 100% 0 #f8f8f8 }
.bg_table_blue { background:url(/static/image/board/line_white.gif) repeat-y 100% 0 #cfe4eb }
.bg_table_blue2 { background:url(/static/image/board/line_white.gif) repeat-y 100% 0 #e1ecf0 }

/* boardView */
.boardView { padding:10px 0 0 0; font-size:12px; color:#777 }
.boardView table { border-top:1px solid #3f58a6; border-bottom:1px solid #e1e1e1; border-collapse:collapse }
.boardView table .viewtit { color:#fff; border:0 none; background:url(/static/image/commonBoard/bg_board_top.gif) no-repeat 0 0 #a3bfde }
.boardView table thead th { text-align:left; padding:0 0 0 20px; color:#3f58a6; border-bottom:1px dotted #e1e1e1 }
.boardView table thead td { vertical-align:middle; border-bottom:1px dotted #e1e1e1 }
.boardView table thead td img { vertical-align:middle }
.boardView table tbody td { border-top:2px solid #e1e1e1 }
.boardView table tbody td.contentarea #boardviewcontents { min-height:200px; height:auto !important; height:200px; padding:30px 20px }
.boardView table tbody td.contentarea textarea { overflow-y:auto; width:97%; height:100% }

.boardView .boardnavi { border-top:1px solid #a3bfde; border-bottom:1px solid #a3bfde }
.boardView .boardnavi li { height:25px; padding:5px 0 0 0 }
.boardView .boardnavi li span { padding:0 18px 0 7px; text-align:center }
.boardView .boardnavi .firstchild { border-bottom:1px dotted #e1e1e1 }
.boardView .boardnavi img { vertical-align:middle }
.boardView .boardnavi a { color:#777; vertical-align:middle }
.boardView .comment { overflow:hidden; width:100%; padding:20px 0 40px 0 }
.boardView .comment p { padding:6px 0; border:1px solid #d8e3ee; background:#eef6fe }
.boardView .comment p .textinput { width:590px; margin:0 8px 0 10px; vertical-align:middle; border:1px solid #a3bfde }
.boardView .comment img { vertical-align:middle }
.boardView .comment ul li { height:21px; padding:10px 0 0 17px }
.boardView .comment span { display:inline-block; float:right; padding:0 10px 0 0 }
.boardView .comment strong { padding:0 18px 0 0; color:#3f58a6 }
.boardView .comment .lastchild { border-top:1px dotted #e1e1e1; border-bottom:2px solid #e1e1e1 }

/* Download Center */
.downcenter { position:relative; width:100%; margin:0 0 0 0; line-height:1.5; border-top:0 solid #aaa; border-bottom:1px solid #ccc }
.downcenter p.photo { position:absolute; width:200px; height:150px; top:13px; left:10px; border:1px solid #ccc }
.downcenter div { position:relative; height:150px; padding:0 0 0 232px; overflow-y:auto }
.downcenter div.firstchild { border:0 none }
.downcenter strong a { display:block; margin:0 7px 0 0; padding:4px 0 4px 6px; color:#3b5998; background:#f8f8f8 }
.downcenter p.details { margin:0 0 7px }
.downcenter p.downtxt { /*min-height:70px; height:auto !important; height:70px;*/ padding:12px 0 10px 0px }
.downcenter p.down { font-size:11px }
.downcenter p.down a { padding:0 0 0 30px; color:#4f5e9e; background:url(/static/image/ico/ico_down.gif) no-repeat 8px 0 }
.downcenter li { position:relative; width:100%; min-height:152px; height:auto !important; height:152px; padding:13px 0 7px; border-top:1px dotted #d4d4d4 }
.downcenter li.firstchild { border-top:0 none }
.downcenter img { vertical-align:middle }
.downcenter div.btnList { height:25px; padding:5px 0 0 }
.downcenter div.btnList ul{ top:7px }
.downcenter div.btnList ul li{ width:40px; min-height:20px; height:20px !important; padding:0; border:none }
.downcenter img { vertical-align:middle }

/* downcenter2 : downcenter2 code is not necessary anymore, will be delete 2011-09-29 */
.downcenter2 { position:relative; width:100%; margin:0 0 0 0; line-height:1.5; border-bottom:1px solid #ccc }
.downcenter2 p.photo { position:absolute; width:200px; height:150px; top:13px; left:10px; border:1px solid #ccc }
.downcenter2 p.photo img{padding:0 }/* modify : 2011-09-27 : ByunJiHoon */
.downcenter2 div.section { position:relative; overflow-x:hidden; overflow-y:auto; height:125px; padding:0 0 0 232px }
.downcenter2 p.downtxt { width:520px; height:auto !important; padding:5px 0 0 0px }
.downcenter2 p.down { font-size:11px }
.downcenter2 li { position:relative; overflow:hidden; width:100%; min-height:150px; height:auto !important; height:152px; padding:13px 0 7px;  border-top:1px dotted #d4d4d4 }
.downcenter2 li.firstchild { border-top:0 none }
.downcenter2 .btnList ul{ top:7px }
.downcenter2 .btnList ul li{ width:40px; min-height:20px; height:20px !important; padding:0; border:none }
.downcenter2 img { vertical-align:middle }

/* calendar */
/* from operation board.css */
.mainCalendar { position:relative; width:100%; margin:0 0 20px 0; line-height:1.5 }
.mainCalendar .date { overflow:hidden; width:140px; height:30px; padding:4px 0 0 40px; margin:0 auto }
.mainCalendar .date a { float:left }
.mainCalendar .date p { float:left; padding:5px 20px 0 20px; text-align:center; font-weight:bold; font-size:11px; line-height:100%; color:#4f5e9e }
.mainCalendar .date img { vertical-align:middle }
.mainCalendar p.viewall { position:absolute; top:0; right:0; float:none; width:84px }
.mainCalendar .attendance { width:100% }
.mainCalendar .attendance table { width:100%; text-align:center; border-collapse:collapse }
.mainCalendar .attendance table th { height:20px; color:#2f3743; background:#f4f4f4 }
.mainCalendar .attendance table td { height:20px; color:#2f3743; padding:0 7px; line-height:180%; vertical-align:top; text-align:center }
.mainCalendar .attendance table td p { text-align:center; color:#a9844d }

/* calendar */
.calendar { border:1px solid #ccc }
.calendar .year_month { display:block; overflow:hidden; text-align:center; width:100%; padding:17px 0 12px 0; vertical-align:top }
.calendar .year_month p.current { display:inline; padding:0 18px; font-weight:bold; font-size:18px; color:#000; vertical-align:middle }
.calendar .year_month a { display:inline }
.calendar .year_month img { padding:0; margin:-2px 0 0 0; vertical-align:middle }
.calendar table { border-collapse:collapse }
.calendar table th { width:87px; height:24px; font-size:11px; color:#0f3c74; text-align:center; vertical-align:middle; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-right:1px solid #aaa }
.calendar table td { overflow:hidden; width:85px; height:70px; color:#666; vertical-align:top; line-height:20px; text-indent:7px; border-right:1px solid #ccc; border-bottom:1px solid #ccc }
.calendar table td span { float:left; text-indent:7px }
.calendar table td ul { padding:4px 0 0 0; text-indent:7px; line-height:15px }
.calendar table .saturday { font-size:11px; font-weight:bold; color:#0000ff }
.calendar table .sunday { font-size:11px; font-weight:bold; color:#ff0000 }
.calendar table .day { font-size:11px; font-weight:bold; color:#000 }
.calendar table .today { width:85px; height:70px; background:#c3e1f0 }
.calendar table .bb_none { border-bottom:0 none }
.calendar table .br_none { border-right:0 none }

/* border-bottom COLOR *//* ADD : 2011-08-23 : cgm */
.borderBtm_e1 { border-bottom:1px solid #e1e1e1 !important }
.borderBtm_e2 { border-bottom:1px solid #e2e2e2 !important }
.borderBtm_e3 { border-bottom:1px solid #e3e3e3 !important }
.borderBtm_e4 { border-bottom:1px solid #e4e4e4 !important }
.borderBtm_e5 { border-bottom:1px solid #e5e5e5 !important }
.borderBtm_e6 { border-bottom:1px solid #e6e6e6 !important }
.borderBtm_e7 { border-bottom:1px solid #e7e7e7 !important }
.borderBtm_e8 { border-bottom:1px solid #e8e8e8 !important }
.borderBtm_e9 { border-bottom:1px solid #e9e9e9 !important }
.borderBtm_aaa { border-bottom:1px solid #aaa !important }
.borderBtm_bbb { border-bottom:1px solid #bbb !important }
.borderBtm_ccc { border-bottom:1px solid #ccc !important }
.borderBtm_ddd { border-bottom:1px solid #ddd !important }
.borderBtm_eee { border-bottom:1px solid #eee !important }
.borderBtm_fff { border-bottom:1px solid #fff !important }

/* 2011-10-28 gm : add */
.boardCol2 table .colTit { font-weight:bold; font-size:11px; color:#083c76; text-align:left; background:#f4f4f4 }