@charset "utf-8";

input.button, input.submit , input.image, button {
    cursor:pointer;
    border: 0px;
}

/*--------------------------------------------------------------------------
 * search
 *-------------------------------------------------------------------------*/
div.search {
    clear: both;
    border: 1px solid #dddddd;
    background-color: #f9f9f9;
    text-align: center;
    padding: 10px 10px;
    margin-bottom: 15px;
}

div.search .w790 {
    position: relative;
    width: 790px;
    margin: 0 auto;
}

div.search .w790 span {
    position: absolute;
    right: 0;
    top: 0;
}

/*--------------------------------------------------------------------------
 * BBS List
 *-------------------------------------------------------------------------*/
.h4_r {
    position: absolute;
    right: 5px;
    top: 0;
}

/* comment_area */
.comment_area {
    margin: 0 0 45px 0;
}

.star_smile {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.star_smile span.star {
    width: 120px;
    float: left;
}

.star_smile ul {
    float: left;
}

.star_smile ul li {
    display: inline;
}

.star_smile p {
    float: right;
    width: 100px;
    padding-right: 80px;
    text-align: right;
}

.comment_area ul.list {
    margin-top: 15px;
    width: 100%;
}

.comment_area ul.list li {
    position: relative;
    border-bottom: 1px dotted #cbcbcb;
    padding: 8px 8px;
}

.comment_area ul.list li span.btn {
    position: absolute;
    right: 6px;
    top: 5px;
}

.comment_area ul.list li.bg_gray {
    background-color: #f3f3f3;
}

/*--------------------------------------------------------------------------
 * list
 *-------------------------------------------------------------------------*/
.boardList {
    clear: both;
    width: 100%;
    border-right: 1px solid #ffffff;
    line-height: 140%;
}

.boardList th {
    background-color: #d6e3d1;
    border-top: 1px solid #bbd2b5;
    border-bottom: 1px solid #bbd2b5;
    border-right: 1px solid #bbd2b5;
    height: 33px;
    color: #000;
}

.boardList td {
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 3px 10px;
    text-align: center;
    height: 30px;
}

.boardList td.pad_a8 {
    padding: 8px;
}

.boardList th.lr_none,.boardList td.lr_none {
    border-right: none;
}

/* 제목태그 마우스 오버 변환색상 */
.boardList th.m_over {
    background-color: #a8b4d8;
}

/* align left right*/
.boardList td.tx_l {
    text-align: left;
}

.boardList td.tx_r {
    text-align: right;
}

/* line yellow */
.boardList tr.bg_yellow {
    background-color: #fcfadd;
}

/* line bg red */
.boardList tr.bg_dark_red {
    background-color: #ddcdcd;
}

/* 체크박스체크됐을때_블루 */
.boardList tr.bg_blue {
    background-color: #dfeaf3;
}

/* line gray */
.boardList tr.bg_gray {
    background-color: #ebebeb;
    font-weight: bold;
}

.sim_view {
    width: 100%;
    border-top: 1px solid #e3dbcf;
}

.sim_view th {
    background-color: #ded0bb;
    border-bottom: 1px solid #d7c3a6;
    border-right: 1px solid #d7c3a6;
    border-top: none;
    height: 33px;
    color: #755c4f;
    text-align: center;
    font-size: 11px;
}

.sim_view td {
    background-color: #fefbf6;
    text-align: left;
    border-right: 1px solid #e3dbcf;
    border-bottom: 1px solid #e3dbcf;
    padding: 3px 10px;
    height: 30px;
}

/*--------------------------------------------------------------------------
 * paging
 *-------------------------------------------------------------------------*/
.paging {
    text-align: center;
    margin: 24px 0;
    width: 100%;
    position: relative;
    font-family: verdana, Gulim, Dotum, Arial;
}

.paging a {
    border: 1px solid #aaaaaa;
    height: 18px;
    display: inline-block;
    margin-right: 2px;
    padding: 2px 8px;
}

.paging a:hover,.paging span {
    border: 1px solid #aaaaaa;
    height: 18px;
    display: inline-block;
    background-color: #7e8fbd;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    margin-right: 2px;
    padding: 2px 8px;
}

.paging a.btn {
    border: none;
    padding: 0;
}

/* button location */
.paging a.p_gray {
    border: 1px solid #aaaaaa;
    height: 18px;
    display: inline-block;
    margin-right: 2px;
    padding: 2px 8px;
    background-color: #dddddd;
}

.paging a.p_gray:hover {
    border: 1px solid #000;
    color: #000;
}

/* left button */
.paging p.b_left {
    left: 0;
    top: 0;
    position: absolute;
}
/* right button*/
.paging p.b_right {
    right: 0;
    top: 0;
    position: absolute;
}

.paging fieldset {
    width: 160px;
    position: absolute;
    right: 0;
    top: 0;
}

/*--------------------------------------------------------------------------
 * write
 *-------------------------------------------------------------------------*/
.boardWrite {
    border-top: 2px solid #bbd2b5;
    border-bottom: 1px solid #bbd2b5;
    width: 100%;
    line-height: 140%;
}

.boardWrite th {
    background-color: #d6e3d1;
    text-align: left;
    padding: 7px 10px;
    border-bottom: 1px solid #bbd2b5;
    color: #2e591c;
    font-size: 11px;
}

.boardWrite th.bgred {
    background-color: #f5e8e5;
}

.boardWrite th.line_r,.boardWrite td.line_r {
    border-right: 1px solid #d0d0d0;
}

.boardWrite th.tx_c {
    text-align: center;
}

.boardWrite td {
    padding: 7px 10px;
    border-bottom: 1px solid #bbd2b5;
}

.boardWrite td.tx_r {
    text-align: right;
}

/*  graph detail text */
.all_graph {
    width: 100%;
    margin-bottom: 10px;
    clear: both;
    float: left;
}

.graph_detail_text {
    border: 3px solid #e1e1e1;
    padding: 10px;
    background-color: #fff;
}

.graph_half {
    border: 1px solid #dedede;
    width: 47.5%;
    padding: 10px;
    float: left;
    margin: 0 0 30px 0;
}

.graph_half h5,.graph_100 h5 {
    font-size: 12px;
    height: 23px;
    padding: 7px 0 0 24px;
    margin-bottom: 15px;
    color: #79402a;
    background: #f2e6d8 url("/resources/monitor/images/icon/icon_star.gif") no-repeat 10px center;
}

.graph_half p.sa_i,.graph_100 p.sa_i {
    text-align: center;
    margin-bottom: 10px;
}
/* graph 추가됨*/
.graph_100 {
    border: 1px solid #dedede;
    width: 98.5%;
    padding: 10px;
    float: left;
    margin: 0 0 10px 0;
}

.graph_kind {
    width: 100%;
}

.graph_kind th {
    text-align: center;
    padding: 5px;
}

.graph_kind td {
    text-align: center;
    padding: 5px;
}

.graph_kind tr {
    border-bottom: 1px dotted #d5d3d3;
}

.graph_kind tr:last-child {
    text-align: center;
    border-bottom: 0px dotted #d5d3d3;
    padding: 5px;
}

.graph_kind td.tx_l {
    text-align: left;
}

/* category */
div.contents {
    margin: 15px 0;
    min-height: 470px;
    position: relative;
    width: 100%;
}

div.note_left {
    left: 0;
    position: absolute;
    top: 0;
    width: 200px;
}

div.category_header {
    background: url("/resources/monitor/images/contents/category_header.gif") repeat-x scroll left bottom transparent;
    border: 1px solid #D2D2D0;
    color: #fff;
    font-weight: bold;
    padding: 7px 10px;
    position: relative;
    overflow: hidden;
}

div.category_list {
    border: 1px solid #D2D2D0;
    overflow: auto;
    height: 290px;
}

div.note_write {
    padding-left: 30px;
    margin-left: 200px;
}

/* tree구조 */
.tree_tit {
    border-color: #99BBE8;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding: 8px 10px;
    background: url('/resources/monitor/images/contents/bg_blue.gif') repeat-x left bottom;
    border: 1px solid #90d6a7;
}

.tree_tit img {
    position: absolute;
    right: 8px;
    top: 6px;
}

.panel {
    border: 1px solid #90d6a7;
    overflow: auto;
}

.panel .panList {
    padding: 8px 8px;
}

.panel .panList li {
    background: url('/resources/monitor/images/icon/icon_list.gif') no-repeat 4px 7px;
    padding: 5px 5px 5px 25px;
    margin-bottom: 2px;
}

.panel .panList input[type='checkbox'] {
    padding: 0 3px 0 2px;
}

.panel .panList li.check_on {
    background-color: #eef7f4;
}

.tree_num {
    background-color: #f0f0f0;
    border: 1px solid #e4e4e4;
    padding: 5px 10px;
    margin-top: 5px;
}

/* 부서등록 */
.buser {
    width: 100%;
    margin: 15px 0;
    position: relative;
    min-height: 470px;
}

.buser .b_list {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
}

.buser .b_list_w {
    width: 200px;
}

.buser .b_list2 {
    width: 200px;
    position: absolute;
    left: 240px;
    top: 0;
}

.buser .b_list3 {
    width: 200px;
    position: absolute;
    left: 500px;
    top: 0;
}

.buser .b_write {
    margin-left: 240px;
}

.buser .b_write2 {
    margin-left: 480px;
}

.buser .b_write3 {
    margin-left: 720px;
}

.arrow_step {
    position: absolute;
    left: 210px;
    top: 220px;
}

.arrow_step2 {
    position: absolute;
    left: 450px;
    top: 220px;
}

/*-----문자메시지배경-----*/
.c_message {
    background: url('/resources/monitor/images/contents/message_bg.gif') no-repeat left top;
    padding: 70px 30px;
    height: 178px;
}

/*----- message -----*/
.mes_top {
    background: url('/resources/monitor/images/message/dot_bg_top.gif') repeat-x left top;
    padding: 10px;
    text-align: center;
}

.mes_top label.tx_white {
    font-weight: bold;
    color: #fff;
}

.mes_body label.tx_b_gray {
    font-weight: bold;
    color: #666;
    font-size: 12px;
}

.mes_body {
    background: url('/resources/monitor/images/message/dot_bg_body.gif') repeat;
    padding: 30px 10px;
    float: left;
}

.m_h660 {
    height: 660px;
}

.m_w940 {
    width: 940px;
}

.mes_body .wid_center {
    margin: 0 auto;
}

.mes_body .phone {
    background: url('/resources/monitor/images/message/message_bg.gif') no-repeat left top;
    height: 360px;
    width: 214px;
    padding: 100px 0 0 30px;
    float: left;
}

.mes_body .letter {
    float: left;
    width: 681px;
    line-height: 140%;
}

.mes_body .letter .m_tit {
    padding-top: 10px;
    color: #6e4824;
    font-size: 14px;
    font-weight: bold;
}

.mes_body .letter .m_footer {
    padding-top: 10px;
}

.mes_body .letter .l_top {
    background: url('/resources/monitor/images/message/top_bg.gif') no-repeat left top;
    height: 95px;
    padding: 40px 50px 0 130px;
}

.mes_body .letter .l_center {
    background: url('/resources/monitor/images/message/body_bg.gif') repeat-y left top;
    padding: 20px 50px 20px 130px;
}

.mes_body .letter .l_footer {
    background: url('/resources/monitor/images/message/bottom_bg.gif') no-repeat left bottom;
    height: 112px;
    padding: 80px 50px 0 130px;
}

.mes_body p.btn {
    padding: 30px 20px 15px 0;
    text-align: right;
}

.mes_body .file_btn {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 19px;
    background: url('/resources/monitor/images/message/btn_file.gif') no-repeat 0 0;
    vertical-align: middle
}

.mes_body .file_btn .file {
    position: absolute;
    right: 0;
    top: 0;
    height: 120%;
    opacity: 0
}

/*--------------------------------------------------------------------------
 * deshboard
 *-------------------------------------------------------------------------*/
div.bg_gray{background-color:#fafafa;}
div.deshboard_img {
    position:absolute;
    background:url('/resources/monitor/images/icon/bg_error.gif') no-repeat -2px -2px;
    width:178px;height:177px;
    margin:0 50px;    
}

div.deshboard_img p {
    position: absolute;
}
div.deshboard_list{	
    border: 1px solid #dedede;    
    padding: 10px;    
    margin: 0 0 30px 280px;
}
div.deshboard_list h5 {
    font-size: 12px;
    height: 23px;
    padding: 7px 0 0 24px;
    margin-bottom: 15px;
    color: #79402a;
    background: #f2e6d8 url("/resources/monitor/images/icon/icon_star.gif") no-repeat 10px center;
}
/*----- 툴팁 -----*/

.attrNmTip {
    background: #fcfadd;
    color: #666666;
    border: 2px solid #5a94f2;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
}