/* <title> layout css </title>*/

/* for IE6.0 */
* html #body       { height: 100%; }   
/* * html .tbl, .lst  { width:auto; }   */
* html .lst        { width:auto; }  


/* Layout */
#wrapper { width:100%; height:100%;}
#header  { min-width:990px; width:100%; height:66px; background:url('../Images/top/bg_top.gif') 0 0 repeat-x;  }
#logo    { float:left; width:195px; height:65px; padding:0px; margin:0px;} 

/* user */
#header div.user                        { float:right; color:#fff; background:url('../Images/top/mnbar_bg.gif') 0 0 repeat-x; }
#header div.user ul.menu                { margin:0; padding:0;}
#header div.user ul.menu li             { float:left; padding:2px 5px 0 0; }
#header div.user ul.menu li.ltimg       { padding:0; }

/* Top Menu */
#header #top      { padding-top:27px; width:100%; min-width:770px;} 
#topmenu li       { float:left; border-right:1px solid #cccccc; padding:0 10px; white-space:nowrap;}
#topmenu li.last  { border-right:0px;}

#topmenu li a           { color:#777; text-decoration:none; font-weight:bold;}
#topmenu li a:hover     { color:#1d3cd5; text-decoration:none;}
#topmenu li a.selected  { color:#1d3cd5; font-weight:bold;}

/* contents */
#container { width:100%; height:100%; background:url('../Images/left/bar.gif') left 0 no-repeat; } /* show-hide 바 임시 추가 */
#container:after{display:block;clear:both;content:''}

#content  { margin:5px 15px 10px 10px;  padding:0; min-width:770px;} /* 왼쪽 196 + 여백 15 = 211 */
/*조금씩 움직이는거 수정할려면 아래로 수정*/
/*#content  { margin:0px 15px 10px 10px;  padding:0; min-width:770px;}*/ /* 왼쪽 196 + 여백 15 = 211 */

/* main */
#main { background-color:#e6f2fb; margin:0px; padding:0; min-width:780px;  height:100%; }
#main img {top:50%; left:50%; position:absolute; margin: -200px 0 0 -200px; }


/* leftMenu  */
.lmn             { float:left; width:188px; height:100%; margin-right:-200px; background:#f6f6f6; border-right:1px solid #dedede;  }
.ltSelectMenu  {height:18px; background:#e8edf4; border:1px solid #c5d1e2; font-size:12px; font-weight:bold; color:#121c72; padding-top:6px; text-align:center; margin-bottom:1px;}

/* 왼쪽메뉴 tab */
.tab_menu        { width:auto; height:22px; border-bottom:1px solid #409cb2; background:#e0e8ed; padding:3px 0 0 5px;}
.tab_menu ul     { overflow:hidden; position:absolute; margin:0px; padding:0;}
.tab_menu li     { float:left; position:relative; padding-right:2px;}

/* 왼쪽메뉴 트리 */
.lnb            { width:auto; margin:0; padding:0;  }
.lnb li         { background:url('../Images/left/ltmenu_bg_off.gif') 0 0 no-repeat;  min-height:21px; padding:7px 20px 0 10px; color:#626262; }
.lnb li a:link,
.lnb li a:visited,
.lnb li a:active{ color:#626262; text-decoration:none; }
.lnb li a:hover { color:#000; text-decoration:none;  }
.lnb li.on      { background:url('../Images/left/ltmenu_bg_on.gif') 0 0 no-repeat; min-height:21px; padding:7px 20px 0 10px;  font-weight:bold; }
.lnb li.on a    { color:#fff; text-decoration:none; }
.lnb li.lnb2    { margin:0; padding:0;}


/* tree */
.tree_dir    { width:auto; background-color:#e8edf4; border-bottom:1px solid #dfdfdf; color:#363636; padding:5px; line-height:16px; }
.tree_dir ul.snb,.tree_dir li { margin:0;padding:0}
.tree_dir li { list-style:none; background:none;}
.tree_dir .snb li a:link,
.tree_dir .snb li a:visited,
.tree_dir .snb li a:active{ color:#303030; text-decoration:none; font-weight:normal; }
.tree_dir .snb li a:hover { color:#0171bf; text-decoration:none; font-weight:normal; }
.tree_dir .snb li a.now   { color:#0171bf; font-weight:bold; }

/* mdi tab */
.mdi_tab        { margin-left:196px; width:auto; height:22px; border-bottom:1px solid #409cb2; background:#e0e8ed; padding:3px 0 0 5px;}
.mdi_tab ul     { overflow:hidden; position:absolute; margin:0px; padding:0; font-size:8pt; font-family:돋움, "Apple Gothic"; letter-spacing:-1px; font-weight:bold;}
.mdi_tab li     { float:left; position:relative; width:88px; height:22px; padding:6px 2px 0 0; color:#fff; background:url('../Images/top/mdi_off.gif') 0 0 no-repeat; text-align:center;}
.mdi_tab li.on  { color:#fff; background:url('../Images/top/mdi_on.gif') 0 0 no-repeat; }
.mdi_tab li a:link,
.mdi_tab li a:visited,
.mdi_tab li a:active{ color:#898a8a; text-decoration:none;  }
.mdi_tab li a:hover { color:#000; text-decoration:none;  }

/* login */
#loginBox   { top:50%; left:50%; position:absolute; background:url('../Images/login/login_box.jpg') no-repeat; width:490px; height:430px; margin: -215px 0 0 -215px;  }
.loginField { width:200px; padding:160px 0px 0px 250px;  float:left;}
.loginBanner { position:absolute;  margin: 300px 0 0 230px; }
.loginBanner li       { float:left; position:relative; padding-right:10px;}
.loginBanner li.last  { padding:0px;}

/* mobile login */
#loginBox_m   { top:50%; left:50%; position:absolute; background:url('../Images/login/login_box_mobile.jpg') no-repeat; width:490px; height:430px; margin: -215px 0 0 -215px;  }
.loginField_m { width:140px; padding:112px 0px 0px 185px;  float:left;}

/*MDI 탭의 말줄임 20120511전호진*/
.mdi_tap_style{display:block;overflow:hidden;width:67px;text-overflow:ellipsis;-o-text-overflow: ellipsis;-moz-binding: url('ellipsis.xml#ellipsis')}
/*MDI 탭의 말줄임 해제 20131114한상국*/
/*.mdi_tap_style{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow: ellipsis;-moz-binding: url('ellipsis.xml#ellipsis')}*/