KnuGit/webapps/totsys/common/css/style.css

/*********************  top.jsp  *********************************************************************************************************************************/
#systemName {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    font-size: 13pt;
    font-family: Dotum, Courier;
    padding-top: 20px;
    padding-right: 15px;
    letter-spacing: 0;
    color: #ccc;
    z-index: 1;
}

#welcome {
    background: transparent url('/totsys/common/images/menu_bg_repeat.png') repeat-x top left;
    vertical-align: middle;
    display: block;
    color: #EEEEFF;
    font-size: 11px;
    font-family: Dotum, serif;
    font-weight: normal;
    height: auto;
    margin:2px 3px 0 40px;
/*    padding: 3px 10px 2px 10px;*/
}

#welcome span {display: inline-block; background: transparent; height: 23px; line-height: 27px; vertical-align: middle;}
#welcome .welcome_dept {margin: 0 0 0 10px;}
#welcome .welcome_username {margin: 0 0 0 10px;}
#welcome .welcome_greeting {margin: 0 0 0 10px;}
#welcome .welcome_close {margin: 0 3px 0 10px; vertical-align: top; line-height: 23px;}
#welcome .welcome_close img {vertical-align: top; cursor: pointer;}

#top_other_menu {
    height: auto;
    margin:5px 3px 0 40px;
    padding: 3px 10px 2px 10px;
}
#top_other_menu a {
    color: #EEEEFF;
    font-size: 12px;
    font-family: <EFBFBD>룍<EFBFBD><EFBFBD>, serif;
}
#top_other_menu a:hover {
    color: #aacdd8;
}

#top_body {
	margin:0px;
	background: transparent url('/totsys/common/images/sky.png') no-repeat top left;
	display: block;
	height: 180px;
}

#top_tableMenu {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 20px 0 0 5px;
}
.table_aleft{
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
}
.width_full {
	width: 100%;
}
/*********************  left.jsp *********************************************************************************************************************************/
table caption{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
}
.menuFont {
	color: #FFFFFF;
	font-size: 10pt;
	vertical-align: top;
	font-weight: bold;
}
.display_none {
	display: none;
}
.display_tc {
	display:table-cell;
} 
	
.leftMenu_main {
	width: 130px;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	text-align: center;
}
.leftMenu_sub {
	width: 120px;
	border: 1;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0;
	text-align: center;
}
.leftMenu_detail {
	padding-left:10px;
	text-align:left;
	height:30px;
	top:50%;
	line-height: 30px;
	vertical-align: middle;
}
.left_body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
.pdl_10 {
	padding-left: 5px;
}
/******************************************************************************************************************************************************/
td {
	font-size: 12px;
	font-family: "Dotum,arial";
	color: #454545;
	line-height: 16px;
}

/*********************  Forms  *********************************************************************************************************************************/
input,textarea,select {
	border: #ABBDDD 1px solid;
	font-size: 11px;
	font-family: "Dotum,arial";
	color: #3C64AB;
}

/*********************  basic Link  ****************************************************************************************************************************/
a:link {
	font-family: "Dotum,arial";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a:visited {
	font-family: "Dotum,arial";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a:active {
	font-family: "Dotum,arial";
	font-size: 12px;
	color: #d93300;
	text-decoration: none;
}

a:hover {
	font-family: "Dotum,arial";
	font-size: 12px;
	color: #d93300;
	text-decoration: none;
}

/*********************  Scrollbar  ****************************************************************************************************************************/
BODY {
	scrollbar-face-color: #F2F2F2;
	scrollbar-shadow-color: #B7B7B7;
	scrollbar-highlight-color: #F2F2F2;
	scrollbar-3dlight-color: #F2F2F2;
	scrollbar-darkshadow-color: #E9E9E9;
	scrollbar-track-color: #E9E9E9;
	scrollbar-arrow-color: #999999;
}

TABLE,IMG {
	border: 0px;
}

FORM,P {
	margin: 0px;
}

/* Link */
.menu_L:link {
	font-size: 12px;
	color: #3C64AB;
	text-decoration: none;
}

.menu_L:visited {
	font-size: 12px;
	color: #3C64AB;
	text-decoration: none;
}

.menu_L:active {
	font-size: 12px;
	color: #3C64AB;
	text-decoration: none;
	font-weight: bold;
}

.menu_L:hover {
	font-size: 12px;
	color: #3C64AB;
	text-decoration: none;
	font-weight: bold;
}

.f_11_gray {
	FONT-SIZE: 11px;
	color: #9F9F9F;
}

.f_11_gray:link {
	font-size: 11px;
	color: #9F9F9F;
	text-decoration: none;
}

.f_11_gray:visited {
	font-size: 11px;
	color: #9F9F9F;
	text-decoration: none;
}

.f_11_gray:active {
	font-size: 11px;
	color: #9F9F9F;
	text-decoration: none;
}

.f_11_gray:hover {
	font-size: 11px;
	color: #9F9F9F;
	text-decoration: none;
}

.f_11_gray1 {
	FONT-SIZE: 11px;
	color: #666666;
}

.f_11_gray1:link {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.f_11_gray1:visited {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.f_11_gray1:active {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.f_11_gray1:hover {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.f_11_site_tl {
	FONT-SIZE: 11px;
	color: #346DBA;
}

.f_11_site_tl:link {
	font-size: 11px;
	color: #346DBA;
	text-decoration: none;
}

.f_11_site_tl:visited {
	font-size: 11px;
	color: #346DBA;
	text-decoration: none;
}

.f_11_site_tl:active {
	font-size: 11px;
	color: #346DBA;
	text-decoration: none;
}

.f_11_site_tl:hover {
	font-size: 11px;
	color: #346DBA;
	text-decoration: none;
}

.f_11_site {
	FONT-SIZE: 11px;
	color: #454545;
}

.f_11_site:link {
	font-size: 11px;
	color: #454545;
	text-decoration: none;
}

.f_11_site:visited {
	font-size: 11px;
	color: #454545;
	text-decoration: none;
}

.f_11_site:active {
	font-size: 11px;
	color: #454545;
	text-decoration: none;
}

.f_11_site:hover {
	font-size: 11px;
	color: #454545;
	text-decoration: none;
}

.f_11_tab {
	FONT-SIZE: 11px;
	color: #ffffff;
	text-align: center;
	padding-top: 2px;
}

.f_11_tab:link {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.f_11_tab:visited {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.f_11_tab:active {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.f_11_tab:hover {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

.f_12_p_L {
	FONT-SIZE: 12px;
	color: #5083D4;
}

.f_12_p_L:link {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.f_12_p_L:visited {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.f_12_p_L:active {
	font-size: 12px;
	color: #5083D4;
	text-decoration: none;
}

.f_12_p_L:hover {
	font-size: 12px;
	color: #5083D4;
	text-decoration: none;
}

.f_12_p_Black_L {
	FONT-SIZE: 12px;
	color: #000000;
}

.f_12_p_Black_L:link {
	font-size: 12px;
	color: #004080;
	text-decoration: none;
}

.f_12_p_Black_L:visited {
	font-size: 12px;
	color: #3366CC;
	text-decoration: none;
}

.f_12_p_Black_L:active {
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

.f_12_p_Black_L:hover {
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}

.left-L {
	font-size: 11px;
	color: #666666;
}

.left-L:link {
	font-size: 11px;
	color: #666666;
	text-decoration: none
}

.left-L:visited {
	font-size: 11px;
	color: #666666;
	ext-decoration: none
}

.left-L:active {
	font-size: 11px;
	color: #666666;
	text-decoration: none
}

.left-L:hover {
	font-size: 11px;
	color: #666666;
	text-decoration: none
}

/* font */
.f_13_title {
	FONT-SIZE: 13px;
	color: #3C64AB;
	font-weight: bold;
}

.f_12_33 {
	FONT-SIZE: 12px;
	color: #333333;
	font-weight: bold;
	padding-top: 3px;
}

.f_12_66 {
	FONT-SIZE: 12px;
	color: #666666;
	padding-top: 3px;
}

.f_11_ptl {
	FONT-SIZE: 11px;
	color: #2C2C2C;
	padding-top: 3px;
	background-color: #F4F4F4;
	text-align: center;
	height: 20px;
}

.f_12_orange {
	FONT-SIZE: 12px;
	color: #ff6600;
}

.f_12_blue {
	FONT-SIZE: 12px;
	color: #0974C3;
	font-weight: bold;
}

.f_12_white_b {
	FONT-SIZE: 12px;
	color: #ffffff;
	font-weight: bold;
}

.f_11_bottom {
	FONT-SIZE: 11px;
	color: #A8A8A8;
	font-family: arial;
}

/* box */
.left_box1 {
	FONT-SIZE: 12px;
	background-color: #ffffff;
	border: #A8C8EE 1px solid;
	table-layout: fixed;
}

.left_box2 {
	FONT-SIZE: 12px;
	background-color: #EFF6FC;
	border: #A8C8EE 1px solid;
	table-layout: fixed;
}

.right_box1 {
	FONT-SIZE: 12px;
	background-color: #ffffff;
	border: #BEBEBE 1px solid;
	table-layout: fixed;
}

.table_title {
	FONT-SIZE: 11px;
	color: #3C64AC;
	background-color: #F3F6FD;
	table-layout: fixed;
	text-align: center;
	height: 18px;
}

.table_title12 {
	FONT-SIZE: 12px;
	color: #3C64AC;
	background-color: #F3F6FD;
	table-layout: fixed;
	text-align: center;
	height: 21px;
}

.table_con12 {
	FONT-SIZE: 12px;
	color: #5A6466;
	background-color: #ffffff;
	table-layout: fixed;
	height: 21px;
	padding: 0 12px 0 12px;
}

.bod_con12_c {
	FONT-SIZE: 12px;
	color: #5A6466;
	background-color: #ffffff;
	text-align: center;
	table-layout: fixed;
	height: 21px;
}

.bod_con12 {
	FONT-SIZE: 12px;
	color: #5A6466;
	background-color: #ffffff;
	table-layout: fixed;
	height: 21px;
	padding: 0 4px 0 4px;
}

.table_con {
	FONT-SIZE: 11px;
	color: #5A6466;
	background-color: #ffffff;
	table-layout: fixed;
	text-align: center;
	height: 18px;
}

.tab_see {
	FONT-SIZE: 12px;
	background-color: #AABDDD;
	border: #AABDDD 1px solid;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	height: 20px;
	table-layout: fixed;
}

.tab_non {
	FONT-SIZE: 12px;
	background-color: #F3F3F3;
	border: #C8C8C8 1px solid;
	font-weight: bold;
	color: #3C64AB;
	text-align: center;
	height: 20px;
	table-layout: fixed;
}

.data_no {
	FONT-SIZE: 12px;
	background-color: #F2F2F4;
	border: #AABDDD 1px solid;
	color: #3C64AB;
	text-align: center;
	height: 30px;
	table-layout: fixed;
}

/* input */
input.no {
	border: #ABBDDD 1px solid;
	background-color: #F1F1F1;
	font-size: 11px;
	font-family: "Dotum,arial";
	color: #3C64AB;
}