﻿* {
    padding: 0;
    margin: 0;
}

img
{
	border: 0;
}

#top-container {
    padding: 2px;
    background: url(../Images/bg.png) repeat-x 0 0;
}

#main-container {
    padding: 2px 2px 0 2px;
}

#user-container
{
    background: transparent;
    padding: 4px;
    display: none;
}

#section-content {
    font-size: 12px;
}
#section-content h2 {
    padding: 7px 0 4px 20px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -1px;
    background: url(../Images/ico_page_sub.gif) left no-repeat;
}

#pop-content {
    font-size: 12px;
}
#pop-content h2 {
    padding: 7px 0 4px 20px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -1px;
    background: url(../Images/ico_page_sub.gif) left no-repeat;
}

#iframe-content {
    font-size: 12px;
}
#iframe-content h2 {
    padding: 7px 0 4px 20px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -1px;
    background: url(../Images/ico_page_sub.gif) left no-repeat;
}


/* 테이블 스타일 */
.bbs_view {width:100%; text-align:center; font-family: arial, sans-serif, 굴림체, gulim, verdana;  border-collapse:collapse; font-size: 12px;}
.bbs_view th {padding:3px 16px 3px 18px; background:#F0F0F0 url(../Images/Title_dot.gif) 7px no-repeat; border:0px solid #a9b3bf; font:100%; color:#333; letter-spacing:-1px; text-align:left; font-weight:normal; border-collapse:collapse; height:22px;}
.bbs_view th.Req {padding:3px 16px 3px 18px; _padding:4px 16px 4px 18px; background:#F0F0F0 url(../Images/Title_dot_Req.gif) 7px no-repeat; border:0px solid #a9b3bf; font:100%; color:#333; letter-spacing:-1px; text-align:left; font-weight:normal; border-collapse:collapse; height:22px;}
.bbs_view td {padding:3px 5px 3px 5px; color:#000000; border:0px solid #FF0000; line-height:22px; text-align:left; vertical-align:middle; _vertical-align:middle; border-collapse:collapse;}
.bbs_view .endLine { background:#b5b5b5; height:1px; padding:0 0 0 0;}
.bbs_view .rowLine { background:#dfdfdf; height:1px; padding:0 0 0 0;}
.bbs_view .intd { background:#ffffff; height:0px; padding:0px 0px 0px 0px;}

.bbs_view2 {width:100%; text-align:center; border:1px solid #768CA5; font:12px; font-family: arial, sans-serif, 굴림체, gulim, verdana; border-collapse:collapse;}
.bbs_view2 caption {display:none;}
.bbs_view2 tfoot {font-weight:bold; background-color:#f1efe3;}
.bbs_view2 th {padding:4px 6px 4px 6px; _padding:6px 6px 4px 6px; background:#f1efe3; border:1px solid #cabaab; font:100%; color:#333; letter-spacing:-1px; text-align:left; font-weight:normal; border-collapse:collapse;}
.bbs_view2 th.bg_w {background:#FFF;}
.bbs_view2 th.bline {border-bottom:1px solid #cecece;}
.bbs_view2 td {padding:3px 5px 3px 3px; border:1px solid #cabaab; line-height:16px; text-align:left; vertical-align:top; _vertical-align:middle;border-collapse:collapse;}

.bbs_property {width:100%; text-align:center; border-bottom:1px solid #a9b3bf; font:12px; font-family: arial, sans-serif, 굴림체, gulim, verdana; border-collapse:collapse; table-layout:fixed;}
.bbs_property caption {display:none;}
.bbs_property tfoot {font-weight:bold; background-color:#F5F7F9;}
.bbs_property th {padding:6px 0 6px 0; border-top:1px solid #a9b3bf; border-left:1px solid #a9b3bf; border-right:1px solid #a9b3bf; border-bottom:1px solid #a9b3bf; font:100% dotum; color:#000; letter-spacing:-1px; font-style:normal; background:#d6e4f4 }
.bbs_property td {padding:3px 2px 3px 2px; border:1px solid #a9b3bf; color:#4C4C4C;} /*d3dbe6*/
.bbs_property td input.form_box {width:99%}

/* 좌측 메뉴 스타일 */
.left-navigator {display:inline; float:left; width:100%; padding:0 5px;}
.left-navigator li {list-style:none; font-weight:bold; color: #FFF;}
.left-navigator h2 {font-weight:bold; padding: 0px 20px 0px 0px; height:28px; text-align:center; letter-spacing:-1px;}
.left-navigator-items {margin: 0;}
.left-navigator-items a {text-decoration:none;font-size:12px; font-weight:bold; color:#FFF; padding-left:30px; }
.left-navigator-items .root a{height:22px; text-align:left; line-height:26px; padding-top:30px;}
.left-navigator-items .root a:link, .left-navigator-items .root a:visited {color: #4D4D4D; display: block;	background:url(../Images/Bg_LeftMenu_List.gif) -7px -24px; padding: 3px 0 0 32px;}
.left-navigator-items .root a:hover, .left-navigator-items .root-current a:link, .left-navigator-items .root-current a:visited {color: #335eb1;background:  url(../Images/Bg_LeftMenu_List.gif) -7px -24px; padding-left:32px; text-decoration:none;}
.left-navigator-items .sub {height: 18px; margin: 0px; padding: 0px; list-style-type: none; border-bottom: none; }
.left-navigator-items .sub a:link, .left-navigator-items .sub a:visited {color: #333; padding-left:35px; border: none;text-decoration:none;margin:0px; background: url(../Images/ico_menu.png) 17px -2px no-repeat; font-weight:normal;}
.left-navigator-items .sub a:hover, .left-navigator-items .sub-current a:link, .left-navigator-items .sub-current a:visited  { height: 18px;color: #335eb1; text-decoration: underline; background:url(../Images/ico_menu_sel.png) 17px -2px no-repeat; padding-left:35px;}

/* 버튼 그룹 스타일 */
.btn_group
{
	text-align: right;
	vertical-align: middle;
	margin: 10px 5px;
}

.btn_group_left
{
	text-align: left;
	vertical-align: middle;
	margin: 10px 5px;
}

/* 버튼 스타일 */
.btn_grid_title {width:80px; height:33px; border:solid 1px; border-radius:5px; background:#90d3ed;font-size:15px; color:#333; cursor:pointer; text-align:center; padding:2px; }
.btn_grid_def {width:90px; height:33px; border:solid 1px; border-radius:5px; background:transparent;font-size:15px; color:#333; cursor:pointer; text-align:center; padding:2px; }
.btn_grid_ok {width:90px; height:33px; border:solid 1px; border-radius:5px; background:#aacf87;font-size:15px; color:#333; cursor:pointer; text-align:center; padding:2px;}
.btn_grid_ng {width:90px; height:33px; border:solid 1px; border-radius:5px; background:#ffae9a;font-size:15px; color:#333; cursor:pointer; text-align:center; padding:2px;}
.btn_grid_status {width:90px; height:33px; border:solid 1px; border-radius:5px; background:#040404;font-size:15px; color:white; cursor:pointer; text-align:center; padding:2px;}
.btn_grid_status_comp {width:90px; height:33px; border:solid 1px; border-radius:5px; background:#040404;font-size:15px; color:white; cursor:pointer; text-align:center; padding:2px;}

/* 버튼 컨트롤 스타일 */
.btnDefault
{
	border-style: solid;
	border-color: inherit;
	border-width: 0px;
	width: 100px;
	height: 22px;
	FONT-SIZE: 9pt;
	background-image: url('../Images/Bg_Btn_Board_100.gif');
	vertical-align: top;
	cursor: pointer;
}

/* 버튼 컨트롤 스타일 */
.btnSmall
{
	background: #999999;
	border-style: solid;
	border-color: inherit;
	border-width: 0px;
	width: 60px;
	height: 18px;
	FONT-SIZE: 9pt;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #FFFFFF;
	vertical-align: top;
	cursor: pointer;
}


/* input Button Style*/
.button {
	border:solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana; 
	text-decoration: none;
	text-align: center;
	cursor:pointer;
	vertical-align:top;
}
.blue
{
	border-color: #99a9bd;
	background: #d5e0ef;
	color: #302b30;
}
.big
{
	width:100px;
	height:30px;
	font-size: 18px;
	font-weight: bold;
}

.medium
{
	width:100px;
	height:22px;
	font-size: 12px;
}
.small
{
	font-size: 11px;
	padding: .2em 1em .275em;
}
.button:hover {
   background: #b5aeb5;
   color: #302b30;
}
.button:active {
   background: #555c61;
}
.button:disabled
{
	color:#9e9ebc; 
	border-color:#ccdbed; 
	filter:alpha(opacity=100); 
	opacity:1;
	cursor:default;
}
.button:disabled:hover
{
	background: #d5e0ef;
	color:#9e9ebc; 
	border-color:#ccdbed; 
	filter:alpha(opacity=100); 
	opacity:1;
	cursor:default;
}

/* 텍스트박스 */
.txtDef
{
	border: 1px solid #999999;
	FONT-SIZE: 9pt;
	height: 14px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #000000;
	background: #F4F4F4;
	vertical-align: text-bottom;
	margin-left: 0px;
	padding: 3px 0 0 0;
}

/* 텍스트박스 : 금액 입력 */
.txtMoney
{
	border: 1px solid #999999;
	FONT-SIZE: 9pt;
	height: 14px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #000000;
	background: #F0FFF0;
	vertical-align: text-bottom;
	text-align: right;
	margin-left: 0px;
	padding: 3px 0 0 0;
}

/* 텍스트박스 : 금액 입력 */
.txtNum
{
	border: 1px solid #999999;
	FONT-SIZE: 9pt;
	height: 14px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #000000;
	background: #F0FFF0;
	vertical-align: text-bottom;
	text-align: right;
	margin-left: 0px;
	padding: 3px 0 0 0;
}

/* 텍스트박스 : 금액 입력 */
.txtFloat
{
	border: 1px solid #999999;
	FONT-SIZE: 9pt;
	height: 14px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #000000;
	background: #F0FFF0;
	vertical-align: text-bottom;
	text-align: right;
	margin-left: 0px;
	padding: 3px 0 0 0;
}

.txtInt
{
	border: 1px solid #999999;
	FONT-SIZE: 9pt;
	height: 14px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #000000;
    background: #F0FFF0;
	vertical-align: text-bottom;
	text-align: center;
	margin-left: 0px;
	padding: 3px 0 0 0;
}

/* 텍스트박스 : 금액 입력 */
.txtPercent
{
	border: 1px solid #999999;
	FONT-SIZE: 9pt;
	height: 14px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #000000;
	background: #F0FFF0;
	vertical-align: text-bottom;
	text-align: right;
	margin-left: 0px;
	padding: 3px 0 0 0;
}


/* 읽기전용 텍스트박스 */
.txtReadOnly
{
	border: 1px solid #B7B7B7;
	FONT-SIZE: 9pt;
	height: 14px;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #000000;
	background: #B7B7B7;
	vertical-align: text-bottom;
	margin-left: 0px;
	padding: 3px 0 0 0;
}

textarea
{
	border-top: 1px solid #9c9c9c;
	border-left: 1px solid #9c9c9c;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	font-family: arial, sans-serif, 굴림체, gulim, verdana;
	color: #656565;
	font-size: 12px;
	width: 100%;
}


/* 초중종물 관리 스타일 */
.HeadTitle
{
    font-size : 30px;
    font-weight : bold;
    vertical-align : top;
}

.HeadSmallTitle
{
    font-size : 22px;
    font-weight : bold;
    vertical-align : bottom;
}

/* Popup Layer */
.pop-layer
{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: auto;
	background-color: #fff;
	border: 5px solid #3571B5;
	z-index: 10;
}
.pop-layer .pop-container
{
	padding: 20px 25px;
}
.pop-layer .btn-r
{
	width: 100%;
	margin: 10px 0 20px;
	padding-top: 10px;
	text-align: right;
}
a.cbtn
{
	display: inline-block;
	height: 25px;
	padding: 0 14px 0;
	border: 1px solid #304a8a;
	background-color: #3f5a9d;
	font-size: 13px;
	color: #fff;
	line-height: 25px;
}
a.cbtn:hover
{
	border: 1px solid #091940;
	background-color: #1f326a;
	color: #fff;
}


.Req4 {
	background: #F0F0F0 url(../Images/Title_dot_Req.gif) 2px no-repeat;
	background-color:transparent;
}