@charset 'UTF-8';
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html{*overflow:hidden;height:100%;}
body{*overflow:hidden;height:100%;min-height:100%;width:100%;font-size:12px; font-family:"Nanum Gothic"  ; margin:0 auto;}

* {
    margin:0;
    padding:0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* Base */
*{font-style:normal;font-family:"Nanum Gothic" ;}
body{line-height:1.5;color:#333333;}
table,pre{font-size:1em;}
table{border-collapse:collapse;}
a{text-decoration:none;}
a:link,a:visited{cursor:pointer;}
img{border:0;}
hr{display:none;}
em{color:#e00;}
pre{white-space:pre-wrap;word-wrap:break-word;}

ul, ol, dl, li, dt, dd {list-style: none; margin:0; padding:0;}
li img{vertical-align:top;}
.clear,.brclear{display:block;clear:both;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;}
.blind{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0;}
form, fieldset, button {border:none; margin:0; padding:0;}
caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}

/* 간격, 폰트 */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt55{margin-top:55px}
.mt60{margin-top:60px}
.mt65{margin-top:65px}
.mt70{margin-top:70px}
.ml2{margin-left:2px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px;}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr35{margin-right:35px}
.mr40{margin-right:40px}
.mr45{margin-right:45px}
.mr50{margin-right:50px}
.mr55{margin-right:55px}
.mr60{margin-right:60px}
.mr65{margin-right:65px}
.mr70{margin-right:70px}

/* 정렬 */
.taC{text-align:center}
.taR{text-align:right}
.taL{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.clr {clear:both;}

/* Layout 2016.11.01 added by Sangwoo.In */
.layoutObj {position: relative; margin-top: 30px; width:100%; height: 97%;}

/* Padding */
.no_pad  { padding:0px !important; }
.no_vpad { padding-top:0px !important; padding-bottom:0px !important; }
.no_hpad { padding-left:0px !important; padding-right:0px !important; }
/* form */
input, select {font-size:12px;height:20px;line-height:15px;vertical-align:middle;border:1px solid #bfbfbf;margin:0;padding:0;}
textarea {font-size:12px;border:1px solid #bfbfbf;}
input[type='checkbox'],
input[type='radio'] {width:15px; height:20px; border:0px solid #bfbfbf;display: inline-block;margin-right:0px; margin-left:7px;}
input[type='button'],
input[type='submit'] { padding-left:5px; padding-right:5px; }
td.s_label {color:#027ebe;}

.input1_text    { border:1px solid #D3D3D3; text-align:left  ; }
.input1_date    { border:1px solid #1E90FF; text-align:center; width:80px; }
.input1_num     { border:1px solid #9ACD32; text-align:right ; }
.mandatory      { background-color:#FFFFEE; }

/* Search Option */
.so_label3            { width:100px; vertical-align:middle; display:inline-block; color:#606060; }
.so_label1            { width:100px; vertical-align:middle; display:inline-block; color:#606060; }
.so_label2            { width:100px; vertical-align:middle; display:inline-block; color:#606060; }
label.so_label3       { padding-left:3px; }

.so_input3            { }

.input_date_option,
.input_month_option             { border:1px solid #bfbfbf; text-align:center; width:70px; }
.input_date_month_option        { width:58px; font-size:10px; text-align:center;}
.input_keyword_option           { width:199px; }
.input_keyword_option_multi     { width:176px; }
.input_status_option            { width:100px; }
.input_code_option              { width:100px; }
.input_user_option              { width:100px; }
.input_lov_option               { width:176px; }
.input_lov_option_multi         { width:153px; }
.input_lov_option_code          { width:45px;  }
.input_lov_option_display       { width:128px; }
.input_lov_option_showNameOlny  { width:175px; }
.input_check_option             { margin-left:7px; }
.input_radio_option             { margin-left:7px; }
.input_hidden                   {color:#999999 !important; background:#efefef !important;}
.input_range_option             { width:120px; }

/* input */
.td_label           { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; width:18%; height:27px; text-align:right; }
.td_label0          { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; height:27px; text-align:right; }
.td_label2          { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; width:9%; height:27px; text-align:right; }
.td_label3          { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-right: 20px; width:9%; height:27px; text-align:right; }
.td_input           { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:32%; height:27px; }
.td_input0          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; height:27px; }
.td_input1          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:18%; height:27px; }
.td_input2          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:16%; height:27px; }
.td_input3          { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; width:82%; height:27px; }

.td_label10 { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:30%; height:27px; text-align:center; }
.td_input10 { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:30%; height:27px; }

.td_label11 { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:10%; height:27px; text-align:center; }
.td_input11 { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:10%; height:27px; text-align:center; }

.td_label12 { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:25%; height:27px; text-align:center; }
.td_input12 { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:25%; height:27px; }

.td_label13 { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px;  padding-right: 20px; width:20%; height:27px; text-align:center; }
.td_input13 { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:20%; height:27px; text-align:right; }

.td_label14 { color:#333333; background:#ECF2F7; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:15%; height:27px; text-align:center; }
.td_input14 { color:#333333; background:#FFFFFF; border-top:1px solid #c1d7f5; border-bottom:1px solid #c1d7f5;border-right:1px solid #c1d7f5;padding-top:2px;padding-bottom:2px; padding-left : 10px; padding-right: 20px; width:15%; height:27px; text-align:center; }

.td_grid_entry_btn  { text-align:right; padding-top:5px; height:25px; }
.td_grid_entry      { vertical-align:text-top; text-align:center; padding:5px 0px 5px 0px; height:200px; }

/* group */
.groupfix       { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px; line-height:160%; height:28px; background:url(../../../images/v3/entry/icon_grouptitle_fix.gif) no-repeat 0px 60%; }
.groupopen      { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px; line-height:160%; height:28px; background:url(../../../images/v3/entry/icon_grouptitle_open.gif) no-repeat 0px 60%; }
.groupclose     { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px;line-height:160%; height:28px; background:url(../../../images/v3/entry/icon_grouptitle_close.gif) no-repeat 0px 60%; }
.groupgridopen  {float:left;font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px; line-height:160%; height:28px; background:url(../../../images/v3/entry/icon_grouptitle_open.gif) no-repeat 0px 60%; margin-top:10px; }
.groupgridclose { float:left; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding-top:5px; padding-left:20px;line-height:160%; height:28px; background:url(../../../images/v3/entry/icon_grouptitle_close.gif) no-repeat 0px 60%; margin-top:10px; }
.groupmore      { font-size:10px; font-weight:normal; color:#A4A4A4; padding-left:5px; }

/* Tab */
.tabbg00 {/*background-attachment: fixed;*/background-image: url(../../../images/v3/tab/tab_bg_line.gif); background-repeat: repeat-x;background-position: left bottom;font-size: 9pt;font-weight: bold;color: #333333;padding-top: 3px;}
.tabbg01 {/*background-attachment: fixed;*/background-image: url(../../../images/v3/tab/tab_top01.gif);   background-repeat: repeat-x;background-position: left bottom;font-size: 9pt;font-weight: bold;color: #666666;padding-top: 3px; font-weight:bold; }
.tabbg02 {/*background-attachment: fixed;*/background-image: url(../../../images/v3/tab/tab_top03.gif);   background-repeat: repeat-x;background-position: left bottom;font-size: 9pt;font-weight: bold;color: #333333;padding-top: 3px;}
.div_tab {/*display:none;*/}

#table_tab       { width:100%; }
#table_tab_title { padding:10px 0px 0px 0px;margin-bottom:10px;border-bottom:1px solid #5cb0e8;box-shadow: 0 1px 0 #dbdbdb;width:100%; }
#table_tab_title td {height:29px;}
.td_tab_on       { margin-top:10px; height:25px; text-align:center; border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; font-size:12px; font-weight:bold; color:#000000; }
.td_tab_on  td   { padding:0px 30px 0px 30px; background:url(../../../images/v3/tab/new/tab_bg.gif) 0px 55%; }
.td_tab_off      { margin-top:10px; height:25px; text-align:center; border-top:1px solid #e3e2e2; border-right:1px solid #e3e2e2; border-left:1px solid #e3e2e2; font-size:12px; font-weight:normal; color:#888888; }
.td_tab_off td   { padding:0px 30px 0px 30px; }

.table_tab_grid   { width:100%; border:solid 1px #E3E3E3; }
.td_tab_grid_btn  { text-align:right; padding:10px 10px 0px 10px; height:30px; }
.td_tab_grid      { vertical-align:text-top; text-align:center; padding:10px 15px 10px 15px; height:360px; }


/* Layout css */

/*
    IE7에서 min-height값은 header,footer높이를 뺀값 대입
    position:relative는 IE외 브라우져에 min값을 넣을수 있도록 하기위함
*/
#Wrap{position:relative;height:100%;min-width:300px;min-height:100px;margin:0px;}
#Header{position:absolute;*position:static;top:0;width:100%;height:56px;display:inline;padding-left:223px;padding-right:13px;}
/*
    header,footer의 높이를 top,bottom 에 삽입
    height:auto 는 IE외 브라우져에선 절대위치로 크기를 잡아야해서
*/
#Container{position:absolute;*position:static;top:56px;bottom:12px;width:100%;height:auto;*height:100%;display:inline-block;padding:10px 15px 0 15px;}
#Container:after {
content : "";
display : block;
clear : both;
}
#Container_entry {
display : block;
width:100%;height:100%;*height:100%;padding:5px 15px 15px 15px;background:#ffffff;
}
#Container_entry:after {
content : "";
display : block;
height : 0;
clear : both;
}
#Footer{position:absolute;*position:static;bottom:0;width:100%;height:10px;padding:0 15px;}
#Nav{overflow:hidden;position:relative;float:left;width:188px;margin-right:2px;height:100%;_margin-right:-3px;
background:#fff url(../../../images/v3/theme/blue/box-c3.png) left bottom no-repeat;}
.left_hidden {width:20px;float:left;margin-left:-2px;position:relative;left:0px;top:40px;}

.todolist_btn {float:left; display:block; text-align:right; padding-top:7px;height:23px;}
.todolist_btn img {vertical-align:top;}
/*
    세로 스크롤 필요할시 overflow-y:auto 추가
*/
#Content{
overflow:hidden;
position:relative;
height:100%;
border: 1px solid #568ebd;
padding:0px 15px 5px 15px;
text-align: left;-webkit-border-radius: 4px;-moz-border-radius: 4px;
border-radius: 4px;-webkit-box-shadow: #bcbcbc 1px 1px 1px;-moz-box-shadow: #bcbcbc 1px 1px 1px;
box-shadow: #bcbcbc 1px 1px 1px;behavior: url(../css/pie/PIE.htc);
zoom:1;
background-image: url(../../../images/v3/content_bgline.gif);/* ie8 안보이는 현상 해결 */
background-repeat: repeat-x;
background-position: left 30px;
background-color: #ffffff ;
width:auto;
}
.bgline { background:#ffffff url(../../../images/v3/content_bgline.gif)left 0px repeat-x; }

#Content:after {
content : "";
display : block;
height : 0;
clear : both;
}

#Content_entry {
margin:0;
width:100%;
background:#ffffff;
height:100%;
display : block;
float:left;

}

#Content_main {overflow:hidden;overflow-y:scroll;position:relative;height:100%;
border: 1px solid #568ebd;padding:15px 15px 45px 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: #bcbcbc 1px 2px 1px;-moz-box-shadow: #bcbcbc 1px 2px 1px;box-shadow: #bcbcbc 1px 2px 1px;background:#ffffff;behavior: url(../css/pie/PIE.htc);
zoom:1;background:#ffffff;}

#Content_entry .title_area .grid_header_btn { padding-top:5px; }

.content_body {display:inline-block;width:100%;z-index:30px;padding:5px 0px 0px 0px;}
.content_body .ContentFooter {position:relative;float:left;display:inline;font-family:"Nanum Gothic";font-size: 11px;overflow:hidden;z-index:30;width:100%;padding:0px;margin-top:3px;}
.content_body .ContentFooter .div_total  {position:relative;float:left;display:inline;overflow:hidden;z-index:30;width:100%;margin-bottom:5px;background-color:#EEEEEE;height:25px;}
.content_body .ContentFooter .div_total div {float:left;font-family:"Nanum Gothic";color:#666666;font-size:11px;font-weight:bold;padding:4px 0px 0px 10px;}
.content_body .ContentFooter .div_total div font {color:red;}
/*.content_body .ContentFooter .div_paging {padding-top:3px;}*/
.grid_n1 {float:left;width:100%;height:100%;}

/* 2016.11.01 added by Sangwoo.In */
.grid_l1 .gridarea { float:left; width:100%; position:relative;}
.grid_l1 .row {border:none;float:left;position:relative;width:50%;}
.grid_l1 .row .subnav {padding-left:0px;}
.grid_l1 .grid_header_btn {position:relative;right:0;bottom:0;float:right;text-align:right;display:inline;width:auto;}
.grid_l1 .grid_header_btn .row_btn {float:left;margin-right:3px;cursor:pointer;}
.grid_l2 { float:left; width:100%; height:100%; padding-top:10px; }

.grid_v1 .gridarea { float:left; width:100%; position:relative; height:200px !important; }
.grid_v2 { float:left; width:100%; height:100%; padding-top:10px; }
.grid_v1 .row {border:none;float:left;position:relative;width:50%;}
.grid_v1 .row .subnav {padding-left:0px;}
.grid_v1 .grid_header_btn {position:relative;right:0;bottom:0;float:right;text-align:right;display:inline;width:auto;}
.grid_v1 .grid_header_btn .row_btn {float:left;margin-right:3px;cursor:pointer;}

.grid_h1 { float:left; width:50%; height:100%; }
.grid_h2 { float:left; width:50%; height:100%; padding-left:20px; }

.grid_r1 { float:left; width:100%; padding-top:10px; }
.grid_r2 { float:left; width:100%; }
.grid_release_btn { width:100%; text-align:center; padding:5px 0px 5px 0px; }


.grid_btn_position .grid_header_btn{float:left;left:413px;}

.title_area {float:left;display:inline-block;width:100%;height:30px;}
.searchoption_area {float:left;display:inline-block;width:100%;padding-top:12px;}
.searchoption_area:after {
content : "";
display : block;
height : 0;
clear : both;
}


.searchoptionall {position:relative;float:left;width:100%;display:block;padding:3px 0px 0px 0px;}
/*
    ADD
    레이아웃과 관련없는 CSS
*/
#ContentHeader{overflow:hidden;overflow-y:auto;position:relative;z-index:20;padding:5px;width:100%;height:auto;
border: 1px solid #558dbc;margin-bottom:8px;padding:10px 10px 10px 10px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: #568ebd 0px 1px 0px;-moz-box-shadow: #568ebd 0px 1px 0px;box-shadow: #568ebd 0px 1px 0px;background:#fafafa;behavior: url(../css/pie/PIE.htc);
zoom:1}


.gridarea {float:left;width:100%;height:100%;}

#calendar_div_layout { z-index:99; }

.lookup         { cursor:pointer }
.calendar       { cursor:pointer }
.clock          {
    cursor:pointer;
    color: #458DB6;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    height: 17px;
    line-height: 17px;
}

/*
    상단 메뉴 CSS
*/

.toplogo {position:absolute;left:15px;bottom:3px;display:block;width:210px;height:auto;}
.toplogo h1 {margin:0;padding:0;}
.toplogo h1 img {vertical-align:bottom;}

.topbtn  {float:right;display:block;width:100%;height:24px;text-align:right;}

.topbtn ul.loginbar {
    margin: 0;
    padding: 0;
    z-index: 50;
    position: relative;
    display:inline;
}

.topbtn ul.loginbar > li {
    display: inline;
    list-style: none;
    padding-bottom: 15px;
}

.topbtn ul.loginbar > li > a,
.topbtn ul.loginbar > li > a:hover {
    color: #7c8082;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'Nanum Gothic';
}

.topbtn ul.loginbar li.devider {
    top: -1px;
    padding: 0;
    font-size: 8px;
    position: relative;
    margin: 0 9px 0 5px;
    font-family: 'Nanum Gothic';
    border-right: solid 1px #bbb;
}

.topbtn ul.loginbar li i.icon-globe {
    color: #bbb;
}



.topmenu {float:left;display:block;width:100%;background:;}



/* UI Object */
/* Menu Common */
.menu{overflow:visible;position:relative;font-size:12px;line-height:normal;white-space:nowrap;*zoom:1}
.menu:after{display:block;clear:both;content:""}
.menu .inset{overflow:visible;padding-left:5px;position:relative;z-index:2;background-image:url(../../../images/v3/bg_bar.png);background-repeat:repeat-x;_background-image:none;*zoom:1}
.menu .inset:after{display:block;clear:both;content:""}
.menu ul{float:left;margin:0px 0px;padding:0;list-style:none}
.menu ul:after{display:block;clear:both;content:""}
.menu li{float:left;position:relative;z-index:1}
.menu a{float:left;position:relative;margin-bottom:0px;padding:7px 0 8px 0;*padding:7px 0 8px 0;text-decoration:none !important;cursor:pointer}
.menu a span{height:22px;padding:0 15px;font-weight:bold;color:#fff;vertical-align:top}
.menu .gradient{display:none;_display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:32px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bar.png', sizingMethod='scale')}
.menu .shadow{overflow:hidden;position:absolute;left:0;bottom:-3px;z-index:1;width:100%;height:0;margin:1px -1px;border-top:0;font-size:0;line-height:0}
/* Menu Major */
.menu .major{float:left;position:relative;z-index:2;padding-left:10px;}
.menu .major a{overflow:hidden;line-height:140%;}
.menu .major span{border-left:1px solid;border-right:1px solid;_zoom:1}
/* Menu Hover */
.menu .major li.active a:hover {padding-left:1px;padding-right:1px;background-image:url(../../../images/v3/bg_bar_active_hover.png);_background-image:none;}
.menu .major li.active a:hover span {color:#c3fbff;}
.menu .major li.active{z-index:2;margin:0 0px;_margin:0;_border:0}
.menu .major li a:hover,
.menu .major li a:active,
.menu .major li a:focus{padding-left:0px;padding-right:1px;background-image:url(../../../images/v3/bg_bar_hover.png);_background-image:none}
.menu .major li.active a{padding-left:1px;padding-right:1px;background-image:url(../../../images/v3/bg_bar_active_hover.png);_background-image:none}
/* Menu Active */
.mc_purple .major li:first-child span
{
border-left:1px solid transparent;border-right:1px solid transparent;
}

.menu .major.m0 .m0 a,
.menu .major.m1 .m1 a,
.menu .major.m2 .m2 a,
.menu .major.m3 .m3 a,
.menu .major.m4 .m4 a,
.menu .major.m5 .m5 a,
.menu .major.m6 .m6 a,
.menu .major.m7 .m7 a,
.menu .major.m8 .m8 a,
.menu .major.m9 .m9 a,
.menu .major.m10 .m10 a,
.menu .major.m11 .m11 a,
.menu .major.m12 .m12 a{padding-left:1px;padding-right:1px;background:url(../../../images/v3/bg_bar_active.png) repeat-x;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_bar_active.png', sizingMethod='scale')}
.menu .major.m1 .m1 span,
.menu .major.m2 .m2 span,
.menu .major.m3 .m3 span,
.menu .major.m4 .m4 span,
.menu .major.m5 .m5 span,
.menu .major.m6 .m6 span,
.menu .major.m7 .m7 span,
.menu .major.m8 .m8 span,
.menu .major.m9 .m9 span,
.menu .major.m10 .m10 span,
.menu .major.m11 .m11 span,
.menu .major.m12 .m12 span,
.menu .major.m13 .m13 span,
.menu .major.m14 .m14 span,
.menu .major.m15 .m15 span,
.menu .major li.active span{border:0}

/* Menu Aside */
.menu .aside{float:right;position:relative;z-index:2;background:url(http://html.nhncorp.com/data/ui_library/src/pattern/gnb/jcm/img/bg_bar_end.png);_background:none}
.menu .aside ul{padding-left:5px;padding-right:10px;}
.menu .aside a{padding-left:10px;*padding-top:7px;opacity:.7}
.menu .aside a:hover,
.menu .aside a:active,
.menu .aside a:focus{opacity:1}
.menu .aside span{padding:0 12px 0 18px;font-weight:normal;line-height:130%;*color:#eee;*zoom:1}
.menu .aside a:hover span,
.menu .aside a:active span,
.menu .aside a:focus span{*color:#fff}
.menu .aside li span{display:inline-block;height:17px}
.menu .aside .m1 span{background:url(http://html.nhncorp.com/data/ui_library/src/pattern/gnb/jcm/img/ico_history.png) no-repeat 0 center;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ico_history.png', sizingMethod='crop')}
.menu .aside .m2 span{background:url(http://html.nhncorp.com/data/ui_library/src/pattern/gnb/jcm/img/ico_setup.png) no-repeat 0 center;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ico_setup.png', sizingMethod='crop')}

/* Menu Color Variation */
/* Menu Purple */
.mc_purple{border-color:#983499;border-bottom-color:#682368}
.mc_purple .inset{border-color:#b65eb7;border-bottom-color:#89388a;background-color:#6eaed4}
.mc_purple .major span{border-left-color:#8bbbd8;border-right-color:#4090c3}
.mc_purple .major.m0 .m0,
.mc_purple .major.m1 .m1,
.mc_purple .major.m2 .m2,
.mc_purple .major.m3 .m3,
.mc_purple .major.m4 .m4,
.mc_purple .major.m5 .m5,
.mc_purple .major.m6 .m6,
.mc_purple .major.m7 .m7,
.mc_purple .major.m8 .m8,
.mc_purple .major.m9 .m9,
.mc_purple .major.m10 .m10,
.mc_purple .major.m11 .m11,
.mc_purple .major.m12 .m12,
.mc_purple .major.m13 .m13,
.mc_purple .major.m14 .m14,
.mc_purple .major.m15 .m15,
.mc_purple .major li.active{border-color:#4090c3}


#quick_chart {
    position:relative;
    float: right;
}


.laypopup {
    width: 100%;
    z-index: 10;
    text-align: left;
}

#div_siteMap {
    float: right;
    margin-right: 0px;
}

#mybbsToggler {
    float: right;
    margin-right: 65px;
}

/* GNB 전체 카테고리/브랜드 */
.gnb_laypop {
    position: relative;
    width: 954px;
    border-top: 2px solid #568EBD;
    border-left: 1px solid #568EBD;
    border-right: 1px solid #568EBD;
    border-bottom: 1px solid #568EBD;
    background: #fff;
    overflow: hidden;
    z-index: 45;
}

.gnb_laypop .close {
    height: 25px;
    background: #96C0DC;
    border-top: 1px solid #458EB8;
    text-align: right;
    font-size: 0;
    line-height: 0;
}

.gnb_laypop .close  span {
    display: inline-block;;
    padding: 8px 10px 7px 0;
    cursor: pointer
}

.gnb_laypopBbs {
    position: relative;
    width: 93px;
    border-top: 2px solid #568EBD;
    border-left: 1px solid #568EBD;
    border-right: 1px solid #568EBD;
    border-bottom: 1px solid #568EBD;
    background: #fff;
    overflow: hidden;
    z-index: 40;
}

.gnb_laypopBbs .close {
    height: 25px;
    border-top: 1px solid #f3f0ea;
    text-align: right;
    font-size: 0;
    line-height: 0;
}

.gnb_laypopBbs .close  span {
    display: inline-block;;
    padding: 8px 10px 7px 0;
    cursor: pointer
}

/* GNB 수정 시작 */
.gmenu_list {
    float: left;
    width: 775px;
    height: 280px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* GNB 수정 끝 */
.categoryWrap {
    width: 775px;
    padding: 0 0 21px 0px;
    background: url('../../../images/tradeone/bg_all_categoty.png') repeat-y
        left top;
    visibility: visible;
}

.conteroty_con {
    float: left;
    width: 149px;
    margin-right: 0px;
}

.conteroty_con  .tit {
    display: block;
    padding: 6px 0 6px 10px;
    line-height: 20px;
}

.conteroty_con  .tit a {
    font-size: 12px;
    color: #666;
    font-weight: bold;
}

.conteroty_con  li {
    width: 149px;
    padding-left: 0px;
    margin-bottom: 2px;
    line-height: 15px;
    z-index: 0
}

.conteroty_con  li  a {
    background: url(../../../images/tradeone/icon_sub_gnb.gif) 12px 7px
        no-repeat;
    display: inline-block;
    width: 135px;
    padding: 2px 10px 3px 20px;
    color: #666;
    text-decoration: none;
}

.conteroty_con  li  a:hover {
    background: #ea5541;
    color: #fff;
}

.conteroty_con  li  a:focus {
    background: #ea5541;
    color: #fff;
}

.conteroty_con  li.over {
    background: #ea5541;
    color: #fff;
}

.conteroty_con  li.over a {
    color: #fff;
}

.conteroty_con  li.over .depth3_list    li  a {
    color: #666;
}

.allGMenuBbs {

}

.gmenuLeftBbs {
    position: relative;
    float: left;
    vertical-align: top;
    width: 154px;
    height: 100px;
    border-right: 1px solid #e3dad9;
    overflow-x: hidden;
    overflow-y: auto;
}

.gmenuLeftBbs h2 {
    padding: 0 0 0 10px;
    font-size: 14px;
}

.gmenuLeftBbs  .mnb_view {
    position: absolute;
    top: 25px;
    left: 0px;
}

.gmenuLeftBbs  .mnb_view   li {
    line-height: 20px;
    padding: 3px 0 1px 10px;
}

.gmenuLeftBbs  .mnb_view   li.on {
    padding: 3px 0 1px 20px;
    background: url('../../../images/tradeone/bg_gnb_sub_h4.gif') repeat-y 0px
        top;
    border-bottom: 1px solid #e3dad9;
}

.gmenuLeftBbs  .mnb_view   li.on a {
    color: #458CB6;
    font-weight: bold;
}

.gmenuLeftBbs  .mnb_view   li a {
    color: #333333;
    width: 154px;
    height: 25px;
    padding: 0px 0 0px 0px;
    line-height: 25px;
    display: inline-block;
}

.gmenuLeftBbs  .mnb_view   li a:hover {
    color: #458CB6;
    text-decoration: underline;
}

.allGMenu {
    width: 954px;
    padding-top: 10px;
    background: url('../../../images/common/bg_all_brand_line.png') no-repeat 0 top;
}

.gmenuLeft {
    position: relative;
    float: left;
    vertical-align: top;
    width: 154px;
    height: 280px;
    border-right: 1px solid #e3dad9;
    overflow-x: hidden;
    overflow-y: auto;
}

.gmenuLeft h2 {
    padding: 0 0 0 10px;
    font-size: 14px;
}

.gmenuLeft  .mnb_view {
    position: absolute;
    top: 25px;
    left: 0px;
}

.gmenuLeft  .mnb_view   li {
    line-height: 20px;
    padding: 3px 0 1px 10px;
}

.gmenuLeft  .mnb_view   li.on {
    padding: 3px 0 1px 20px;
    background: url('../../../images/tradeone/bg_gnb_sub_h4.gif') repeat-y 0px
        top;
    border-bottom: 1px solid #e3dad9;
}

.gmenuLeft  .mnb_view   li.on a {
    color: #458CB6;
    font-weight: bold;
}

.gmenuLeft  .mnb_view   li a {
    color: #333333;
    width: 154px;
    height: 25px;
    padding: 0px 0 0px 0px;
    line-height: 25px;
    display: inline-block;
}

.gmenuLeft  .mnb_view   li a:hover {
    color: #458CB6;
    text-decoration: underline;
}

/* GNB 수정 시작 */
.gmenu_list dl {
    width: 100%;
    margin-top: -1px;
    margin-bottom: 10px;
    border-top: 1px solid #f3f0ea
}

.gmenu_list dl dt {
    width: 100%;
    padding: 5px 0 0 0px;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
}

.gmenu_list dl dd {
    float: left;
    width: 100%;
    padding: 5px 0px 3px 2px
}

.gmenu_list dl dd li span {
    float: left;
}

.gmenu_list dl dd li span a:hover {
    color: #ea5541;
    text-decoration: underline;
}



/* Content 영역 CSS */
.row {float:left;width:50%;text-align:left;display:inline-block;height:30px;background:#fff;margin-bottom:12px;}
.row .subNav {padding-top:5px;padding-left:0px;}
.row .subNav span.currentPage{ display:inline-block; padding:0 0 0 2px; font-weight:bold;color:#2a5c99;}
.row .subNav span {display:inline-block; color:#a5a5a5;}
.row .subNav img{vertical-align:middle; }
.row .subNav span img{vertical-align:middle;padding-bottom:2px; }

.box_type01 {width:100%;}
.box_type01 td {padding-top:2px;padding-bottom:2px;text-align:left;}


.btn { display:block; position:relative; background:#aaa;line-height:14px; padding:3px; color:#fff; text-decoration:none; cursor:pointer; }
.btn a:link:hover,.btn a:link:active,.btn a:link:focus,
.btn a:visited:hover,.btn a:visited:active,.btn a:visited:focus{}
.btn * { font-style:normal; background-image: url(../../../images/v3/btn2.png); background-repeat:no-repeat; display:inline-block; position:relative; }
.btn i { background-position:top left; position: absolute; margin-bottom: -3px;  top: 0; left: 0; width: 3px; height:3px; }
.btn span { background-position:bottom left; left:-3px; padding: 1px 2px 2px 8px; margin-bottom: -3px; }
.btn span i { background-position:bottom right; margin-bottom:0; position:absolute;left:100%; width: 6px; height:100%; top:0; }
.btn span span { background-position:top right; position:absolute; right:-6px; margin-left:6px; top:-3px; height:0; }
.btn span img {background:none;}

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #5ab4ff;font-weight:bold;height:20px;}
.btn.green { background: #50c491;height:20px;}
.btn.white { background: #fff;color:#6b727a;height:20px;}
.btn:hover { background-color: #339bf1; }
.btn:active { background-color: #339bf1; }
.btn.green:hover { background-color: #0fa965; }
.btn.green:active { background-color: #0fa965; }
.btn.white:hover { background-color: #f4f4f4; }
.btn.white:active { background-color: #f4f4f4; }
.btn[class] {  background-image: url(../../../images/v3/shade.png); background-position: bottom; background-repeat: repeat-x;}

.btn.disable { background: #CCCCCC; }
.btn.disable:hover { background-color: #CCCCCC; }
.btn.disable:active { background-color: #CCCCCC; }



* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #3fbb86; }
* html .btn.white { border-color: #fff; }
* html .btn:hover { border-color: #a00; }


.search_btn { float:right;display:inline-block;width:100%;text-align:right;min-height:20px;padding-top:5px; }

.s_option_toggle { position:absolute;z-index:40;bottom:7px;left:50%;line-height:1.0; }
.btn_minimize {position:absolute;width:100%;}

.grid_control_btn { position:relative;float:left; }
.grid_control_btn .row_btn {float:left;margin-right:3px;cursor:pointer;}
.grid_header_btn  { position:relative;float:right; }

.icon_btn { margin-right:4px; vertical-align:top; }

/*
    페이지영역 CSS
*/

.showtype {float:left;position:relative;height:20px;text-align:left;display:inline;width:auto;color:#696969;}
.showtype span {float:left;line-height:20px;display:inline-block;padding-right:7px;}
.showtype select {line-height:20px;height:20px;}
.showtype select,.showtype option {font-family:"Nanum Gothic";font-size:11px;}
.paging {float:left;display:block;line-height:20px;height:20px;padding-left:15px;color:#696969;}
.paging strong {color:#F00;}
.paging input {height:20px !important;line-height:160%;vertical-align:top;}
.grid_icon_btn {float:right;display:inline-block;width:auto;margin-left:40px;height:20px;overflow:hidden;vertical-align:middle;}
.grid_icon_btn h3{display:none;}
.grid_icon_btn ul{float:right;}
.grid_icon_btn li{float:left;padding:0 0 0 1px;background:url(../../../images/v3/fn1msep.gif) no-repeat 0 50%;}
.grid_icon_btn li.none {float:left;padding:0 0 0 1px;background:none;}
.grid_icon_btn li a{float:left;padding:3px 10px 2px 10px;color:#666 !important;white-space:nowrap;}


.pagination {
    float:center;
    margin:0 auto;
    min-width:100px;
    text-align:center;
    padding: 0px;
    display:block;
}

.pagenum {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    font-size: 12px;
    font-weight: normal;
    font-family:"Nanum Gothic";
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagenum.active {
    border: none;
    background: #616161;
    color: #f0f0f0;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #fefefe;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #2279af;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover {
    background: #e9e9e9;
  }

#modal {

    border: 1px solid #b0b0b0;
    box-shadow: 0 1px 5px #b0b0b0;
    border-radius: 5px;
    font-family: 'Nanum Gothic';
    margin-top: 25px;
    overflow: hidden;
    behavior: url(../css/pie/PIE.htc);
  }
  .w60 {width:60%;}
  .w400 {width:400px;}

#modal .box_header {
background:#fefefe url(../../../images/v3/panel_headerbg.png) repeat-x left 100%;
box-shadow: 0 1px 2px #b0b0b0;
padding: 5px;
}
#modal h1 {
padding: 0;
margin: 0;
font-size: 14px;
font-weight: normal;
text-shadow: 0 1px 2px white;
color: #396ca5;
line-height:17px;
text-align: center;
}
#modal .box_section {
padding: 10px 30px;
font-size: 12px;
line-height: 175%;
color: #333;
}




/* fucntion */
.dropdown-func {
    position: absolute;
    z-index: 40;
}

.dropdown-func .dropdown-func-menu {
    width: 180px;
    max-width: 360px;
    list-style: none;
    background: #FFF;
    border: solid 2px #44b382;
    border: solid 2px rgba(68, 179, 130, .9);/* border값 변경140616*/
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: visible;
    padding: 4px 0;
    margin-right: 15px;
}

.dropdown-func.dropdown-func-tip {
    margin-top: 25px;
    margin-left: -5px;
}

.dropdown-func.dropdown-func-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #44b382;
  border-bottom-color: rgba(85, 185, 141, 0.9);/*color 변경140616*/
  display: inline-block;
}

.dropdown-func.dropdown-func-tip.dropdown-func-anchor-right:before {
    left: auto;
    right: 24px;
}

.dropdown-func.dropdown-func-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  display: inline-block;
}

.dropdown-func.dropdown-func-tip.dropdown-func-anchor-right:after {
    left: auto;
    right: 25px;
}


.dropdown-func.dropdown-func-scroll .dropdown-func-menu {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown-func .dropdown-func-menu LI {
    list-style: none;
    padding: 0 0;
    margin: 0;
    line-height: 18px;
    text-align: left;

}

.dropdown-func .dropdown-func-menu LI > A {
    display: block;
    color: #555;
    text-decoration: none;
    line-height: 18px;
    padding: 3px 15px;
    white-space: nowrap;
    background:url(../../../images/v3/bu_dot.png) 4px 50% no-repeat;
}

.dropdown-func .dropdown-func-menu LI > A:hover {
    background-color: #08C;
    color: #FFF;
    cursor: pointer;
}

.dropdown-func .dropdown-func-menu .dropdown-func-divider {
    font-size: 1px;
    border-top: solid 1px #E5E5E5;
    padding: 0;
    margin: 5px 0;
}



.entry_back       {float:left;display:block; width:100%;height:auto; padding:0;margin-bottom:10px;}
.entry_back:after {
content : "";
display : block;
height : 0;
clear : both;
}
.entry_grouptable { border:2px solid #c1d7f5; width:100%;margin-bottom:5px;float:left; }
.entry_back .row {border:none;float:left;position:relative;width:50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.entry_back .row .subnav {padding-left:0px;}
.entry_back .grid_header_btn {position:relative;right:0;bottom:0;float:right;text-align:right;display:inline;padding-top:5px;width:auto;}
.entry_back .grid_header_btn_bottom {position:relative;right:0;bottom:0;float:right;text-align:right;display:inline;padding-bottom:5px;width:auto;}
.entry_back .grid_header_btn .row_btn {float:left;margin-right:3px;cursor:pointer;}
.entry_back .bar_btn {float:left;padding-left:2px;color:#c1d7f5;font-size:12px;}
.entry_back table {float:left;}

/**/
.tab_button
{
  overflow: hidden;
  display:inline;
  float:left;
  margin-right:2px;
  margin-top:5px;
}
.tab_button:after
{
  clear:both;
  display:block;
}

.tab_button a
{
  float: left;
  font: bold 1em/23px 'Arial', dotum, Helvetica;
  height: 24px;
  text-decoration: none;
  color: #333333;
  padding: 0 0 0 15px;
}

.tab_button a:hover
{
  text-decoration:none;
  color: #ffffff;
}

.tab_button a span
{
  display: block;
  padding: 0 15px 0 0;
}

.tab_button a,
.tab_button a:hover,
.tab_button a:active,
.tab_button a span,
.tab_button a:hover span,
.tab_button a:active span
{
  background: white url("../../../images/v3/entry/tab_button_bg.gif") no-repeat;
}

.tab_button a:hover
{
  background-position: left -60px;
}

.tab_button a:active
{
  background-position: left -60px;
}

.tab_button a span
{
  background-position: right top;
}

.tab_button a:hover span
{
  background-position: right -60px;
}

.tab_button a:active span
{
  background-position: right -60px;
}

.tab_button .active {color: #ffffff;background-position: left -30px;}
.tab_button .active:hover {color: #ffffff;background-position: left -60px;}
.tab_button .active span {background-position: right -30px;}
.tab_button .active:hover span {background-position: right -60px;}



/* ==========================================================================
   menu scroll
   ========================================================================== */
.txt-img-block-right,
.txt-img-block{
    position:relative;
    display:block;
    float:left;
    margin:0 0 0 10px;
}

.first{
    margin:0;
}

.img-holder{
    float:left;
}



/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft{
    width:30px;
    height:31px;

    position: absolute;
    z-index: 100;
    left:0;
    cursor:pointer;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible{
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    background:#021f31;
}
div.scrollingHotSpotLeftVisible .arrow{
    width:30px;
    height:31px;
    margin:0px 0 0 0px;

    background:url(../../../images/v3/arrow-left.png) center center no-repeat;
}
* html div.scrollingHotSpotLeftVisible .arrow{
    background:none;
    filter:progid:dximagetransform.microsoft.alphaimageloader(src='../../../images/v3/arrow-left.png', sizingmethod='crop');
}
/* Invisible right hotspot */
div.scrollingHotSpotRight{
    width:30px;
    height:31px;
    position: absolute;
    z-index: 200;
    right: 2px;
    cursor:pointer;
}
* html div.scrollingHotSpotRight{
    right:-1px;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible{
    text-align:center;
}
div.scrollingHotSpotRightVisible .arrow{
    width:30px;
    height:31px;
    margin:0;
    background:url(../../../images/v3/arrow-right.png) right center no-repeat;
}
* html div.scrollingHotSpotRightVisible .arrow{
    background:none;
    filter:progid:dximagetransform.microsoft.alphaimageloader(src='../../../images/v3/arrow-right.png', sizingmethod='crop');
}
div.scrollWrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 31px;
}

div.scrollableArea{
    position: relative;
    width: auto;
    height: 100%;
}
#makeMeScrollable{
    position: relative;
    padding-right:40px;
}

/* 테두리없는 텍스트 */
.input_none {
    background-color:#FFFFFF;
    border-right:0px solid;
    border-top:0px solid;
    border-left:0px solid;
    border-bottom:0px solid;
    height: 19px;
}

.grayscale { filter: gray; /* IE6-9 */
             -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }

input[readonly] {
    /*styling info here*/
    border:1px solid #dfdfdf; background:#efefef !important;
}

#overlay {
      visibility: hidden;
      position: absolute;
      left: 0px;
      top: 0px;
      width:100%;
      height:100%;
      text-align:center;
      z-index: 1000;
      opacity: 0.5;
      filter:alpha(opacity=50); /* For IE8 and earlier */
      background-color:#000;
}
#overlay div {
      width:0px;
      margin: 0px auto;
      background-color: #fff;
      border:0px solid #000;
      padding:0px;
      text-align:center;
}

.lov_tab_size{
    width : 150px;
}

#attach_file { padding:5px 0px 0px 0px;margin-top:10px;border-top:1px solid #5cb0e8;width:100%; }

.tooltip { background:url(../../../images/icon/help.png) repeat-x 0px 50%;float:right;width:16px;height:16px; margin-left: 3px; !important;}

.customtable{width: 99%; border: 1px solid #9db4d6; margin: 5px;}
.customtable td{padding: 5px;}
.customtable td.hdr{background-color:#DCE7F7;font-weight:bold;color:#055a78;text-align:center;}
.customtable td.sum_title{background-color:#E9F1FD;font-weight:bold;color:#055a78;text-align:center;}
.customtable td.sum_value{background-color:#E9F1FD;font-weight:bold;color:#055a78;text-align:right;}


.dashBoardType{
 width:100%;
 margin-top:2px;
 margin-bottom:2px;
 font-weight: bold;
 font-size: 12px;
 border:1px solid #9DB4D6;
 background-color: #D9E6F4;
 height:20px;
 padding-left:2px;
}


/* ---------------------- ENDE -------------------------*/