/*전체 텍스트박스 스타일 지정*/
input[readonly="readonly"][type=text]
{
    background-color:#E7E7E7;
}

input[readonly=""][type=text]
{
    margin: 1px;
}

input[type=text]
{
    border: 1px solid #496077;
    }

.inputShow
{
    display:block;
}

.inputHide
{
    display:none;
}


/*전체 텍스트박스 스타일 지정 끝*/

/***그리드 헤더 오토 사이즈****/
.ui-datepicker{ font-size: 12px; width: 250px; }
.ui-datepicker select.ui-datepicker-month{ width:30%; font-size: 11px; }
.ui-datepicker select.ui-datepicker-year{ width:40%; font-size: 11px; }

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
    line-height:20px;
}

.gridLink
{
    text-decoration:underline;
}
    
a
{
    text-decoration:none;
}

.ui-jqgrid tr.jqgrow td {
 
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap; /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    white-space: pre-wrap; /* css-3 */ 
    word-wrap: break-word; /* Internet Explorer 5.5+ */ 
    word-break: break-all; 
    white-space: normal; 
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 3px;
    line-height:20px;
}

/*
a:link{text-decoration:none;color:#4374D9;}
a:visited{text-decoration:none;color:#4374D9;}
a:active{text-decoration:none;color:#4374D9;}
a:hover{text-decoration:none;color:#4374D9;}
*/

html, body {
    height:100%;
}


body 
{
    margin:0;padding:0;height:100%;
}

.topBG1 
{
    background:url('/images/pcount_top1.jpg');background-repeat:repeat-x;
}

.topBG2
{
    background:url('/images/pcount_top2.jpg');background-repeat:repeat-x;
    height :35px;
}

.page
{
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
    min-height :100%;
    height:100%;
}

.content_page
{
    background-color: #fff;
    margin: 0px auto 0px auto;
    min-height :100%;
    height:100%;
}

.header
{
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
    border-bottom:0px solid;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    border: 1px solid #496077;
    background-color: #EAEAEA;
    border-top:0px solid;
}

.footerTitle
{
    font-size:9pt;
    font-weight:bold;
    background-color: #D9E5FF;
    padding: 5px 5px 5px 5px;
}

.footerRollingData
{
    font-size:9pt;
    background-color: #FAF4C0;
    text-align:left;
}





.textReadonly
{
    border-bottom:0px solid;
    border-right:0px solid;
    border-left:0px solid;
    border-top:0px solid;
}

.textReadonlyTitle
{
    border-bottom:0px solid;
    border-right:0px solid;
    border-left:0px solid;
    border-top:0px solid;
    background-color:transparent;
    font-size:14pt;
    font-weight:bold;
    height:25px;
}

.selectCalandar
{
    background-color:#FAED7D;
}

.cancelCalandar
{
    background-color:transparent;
}



td
{
    font-size:9pt;
}

.contentHeader
{
    background-color:#ECEBFF;
    padding: 5px 5px 5px 5px;
    BORDER: 1PX SOLID; BORDER-COLOR: #708189;
}
.contentHeader2
{
    background-color:#B9DABC;
    padding: 5px 5px 5px 5px;
    BORDER: 1PX SOLID; BORDER-COLOR: #708189;
}
.contentBox
{
    
}
.contentHeaderText
{
    
    font-size:10pt;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    color:#1F50B5;
    height:25px;
}

.contentTitle
{
    background-color:#D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    BORDER-COLOR: #708189;
}

.contentTitle1 {
	background-color: #D4F4FA;
	padding: 5px 5px 5px 5px;
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 0px solid;
	BORDER-COLOR: #708189;
}

.contentTitle2
{
    background-color:#D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-top:1px solid;
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    BORDER-COLOR: #708189;
}

.contentTitle3
{
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-bottom:1px solid;
    BORDER-COLOR: #708189;
}


.contentTitleStartTop
{
    background-color:#D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-top:1px solid;
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    BORDER-COLOR: #708189;
}

.contentGridTmp
{
    text-align:center;
    border-top:1px solid;
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    BORDER-COLOR: #708189;
}


.contentTitleEndTop
{
    background-color:#D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-top:1px solid;
    border-bottom:1px solid;
    border-right:1px solid;
    BORDER-COLOR: #708189;
}

.contentTitleEnd
{
    background-color:#D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-bottom:1px solid;
    border-right:1px solid;
    BORDER-COLOR: #708189;
}



.contentLogin
{
    padding: 5px 5px 5px 5px;
    text-align:center;
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    BORDER-COLOR: #708189;
}

.contentData
{
    border-bottom:1px solid;
    border-right:1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentData1 {
	border-top: 0px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	BORDER-COLOR: #708189;
	padding: 5px 5px 5px 5px;
}

.contentData2
{
    border-top:1px solid;
    border-bottom:1px solid;
    border-right:1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentData3
{
    border:1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentDataStart
{
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentDataEnd
{
    border-bottom:1px solid;
    border-right:1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentGrid
{
    /*text-align:left;
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    border-color:#BDBDBD;*/
}

.calendar
{
    font-size:45pt;
    font-family:impact;
    text-decoration:none;
    color:red;
}

.calendarDetail
{
    font-size:20pt;
    font-family:impact;
    text-decoration:none;
    color:black;
}

.logo
{
    font-size:37pt;
    font-family:impact;
    text-decoration:none;
    color:#000000;
    padding-left:5px;
}

.logo2
{
    font-size:25pt;
    font-family:impact;
    text-decoration:none;
    color:#000000;
    padding-left:5px;
}

.loginInfo
{
    font-size:9pt;
    text-decoration:none;
    color:#000000;
    padding-left:15px;
    padding-top:15px;
    vertical-align:top;
}


.titleSubMenuName
{
    font-size:12pt;
    color:#ffffff;
}

.quickMenuBox
{
    color:#F6F6F6;
    padding: 5px 5px 10px 5px;
}

.quickMenu
{
    font-size:10pt;
    padding-top:5px;
    font-style:normal;
    text-decoration:none;
    color:#D2D2D2;
}

.mainMenuBox
{
    padding-top:10px;
    padding-bottom:8px;
    color:#ffffff;
}

.mainMenu
{
    font-size:12pt;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    color:#ffffff;
}

.subMenu
{
    font-size:10pt;
    padding-top:5px;
    padding-bottom:5px;
    font-style:normal;
    text-decoration:none;
    color:#ffffff;
}

.subMenuNav
{
    font-size:10pt;
    padding-top:5px;
    padding-bottom:5px;
    font-style:normal;
    text-decoration:none;
    color:#ffffff;
    padding-left:5px;
}

.stringSmallImportant
{
    font-size:9pt;
    padding-top:7px;
    padding-bottom:2px;
    font-style:normal;
    text-decoration:none;
    color:red;
    padding-left:5px;
}


/*버튼*/

.btnSave {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
}
.btnSave:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}
.btnSave:active {
	position:relative;
	top:1px;
}

.btnSel {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
.btnSel:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.btnSel:active {
	position:relative;
	top:1px;
}

.btnDel {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
}
.btnDel:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.btnDel:active {
	position:relative;
	top:1px;
}



.btnEtc {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b7d3f0), color-stop(1, #73ace6) );
	background:-moz-linear-gradient( center top, #b7d3f0 5%, #73ace6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7d3f0', endColorstr='#73ace6');
	background-color:#b7d3f0;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #75aee6;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.btnEtc:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #73ace6), color-stop(1, #b7d3f0) );
	background:-moz-linear-gradient( center top, #73ace6 5%, #b7d3f0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ace6', endColorstr='#b7d3f0');
	background-color:#73ace6;
}.btnEtc:active {
	position:relative;
	top:1px;
}

.btnIns {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb152), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffb152 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb152', endColorstr='#fb9e25');
	background-color:#ffb152;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #e39103;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:25px;
	width:80px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.btnIns:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffb152) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffb152 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffb152');
	background-color:#fb9e25;
}.btnIns:active {
	position:relative;
	top:1px;
}

.btnIns2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb152), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffb152 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb152', endColorstr='#fb9e25');
	background-color:#ffb152;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #e39103;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:25px;
	width:180px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
.btnIns2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffb152) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffb152 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffb152');
	background-color:#fb9e25;
}.btnIns2:active {
	position:relative;
	top:1px;
}