@CHARSET "UTF-8";


/*------------------------------------------*/
/* 재정의 시작 */
/*------------------------------------------*/

/*나눔고딕*/
@font-face{font-family:ng;src:url(/common/font/NanumGothic.eot);src:local(※), url(/common/font/NanumGothic.woff) format('woff');}
/*나눔고딕Light*/
@font-face{font-family:ngl;src:url(/common/font/NanumGothicLight.eot);src:local(※), url(/common/font/NanumGothicLight.woff) format('woff');}
/*나눔고딕Bold*/
@font-face{font-family:ngb;src:url(/common/font/NanumGothicBold.eot);src:local(※), url(/common/font/NanumGothicBold.woff) format('woff');}
/*나눔고딕ExtraBold*/
@font-face{font-family:ngeb;src:url(/common/font/NanumGothicExtraBold.eot);src:local(※), url(/common/font/NanumGothicExtraBold.woff) format('woff');}


html, body		{ margin:0px; padding:0px; height:100%; font-family: '나눔고딕', ng, '맑은 고딕', malgun; font-size: 9pt; color: #000000; }
form			{ margin:0px; padding:0px; height:100%; }
img				{ border-width:0px }
td, div			{ font-size: 9pt; color: #000000; line-height:130%;	}
	

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

a         {border:0px;margin:0px;padding:0px;color:#3a3a3a;}
a:link    {text-decoration:none;color:#3a3a3a;}
a:visited {text-decoration:none;color:#3a3a3a;}
a:active  {text-decoration:none;color:#3a3a3a;}
a:hover   {text-decoration:none;color:#3a3a3a;}

/* .tbl1   {margin:0px;padding:0px;border-collapse:collapse;background:#f4f5f7;border-left:1px solid #cdd2d8;border-right:1px solid #cdd2d8;}
.tbl1 th{margin:0px;padding:4px 12px;border-top:1px solid #cdd2d8;border-bottom:1px solid #cdd2d8;font-family:ngb;}
.tbl1 td{margin:0px;padding:4px 12px;border-top:1px solid #cdd2d8;border-bottom:1px solid #cdd2d8;} */

.sampleMsg		{ color:#8F0000; }
.notifyMsg		{ color:#646464; text-align:left;}

/* Context Menu */
.contextMenu			{ background-color:white; border:1px solid gray; }
.contextMenuItem		{ padding:3px 6px; }
.contextMenuItem:hover	{ background-color:#CCCCCC; }
.contextMenuSeparator	{ background-color:gray; height:1px; margin:0px; padding:0px;}


/* html 컨트롤 */
.textBox				{ border:1px #bababa solid; font-size:9pt; color:#666666; height:18px; }
.textBox:focus 			{ height:18px; border-color: #ff7f50;}
.readOnlyTextBox		{ margin:0px; padding:0px; vertical-align:middle; text-align:left; line-height:20px; border:1px #bababa solid; font-size:9pt; color:#666666; height:20px;background-color:#bfd8f8; }
.readOnlyTextBox:focus 	{ height:20px; border-color: #ff7f50;}
.disabledTextBox		{ margin:0px; padding:0px; vertical-align:middle; text-align:left; line-height:18px; border:1px #bababa solid; font-size:9pt; color:#666666; height:18px;background-color:#bfd8f8; }
.disabledTextBox:focus 	{ height:18px; border-color: #ff7f50;}



/* 메시지 필드셋 */
.fsNotifyGroup			{ min-height:25px; background-color:#EBF4FC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.fsDetailSearch			{ height:100%; text-align:center; padding:0px 10px 10px 10px; }
.fsDetailSearchLegend	{ font-weight:bold; padding:5px 5px 5px 5px; color:#318AD0;}
.FieldSetNotifyMessage	{ min-height:25px; background-color:#EBF4FC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
 
/* 내용 필드셋 */
.fsGroup			{ height:100%; text-align:center; padding:0px 10px 10px 10px; border:1px solid #3c6393; }
.lgdGroup			{ font-weight:bold; height:25px; padding:5px 5px 0px 5px; color:#318AD0;}



/* 검색패널 */
.searchPanel		{ padding:5px 0px 5px 0px; width:100%; height:auto; min-width:100px;  min-height:35px;  }
.searchBox			{ float:left;  padding:5px 0px 0px 0px; width:auto; text-align:left; vertical-align:top; border:2px solid #9dd891; border-radius:5px; white-space:nowrap; background-color:#ffffff;}
/* .searchBoxMiddle	{ float:left;  padding:5px; margin:0px ;text-align:left; vertical-align:top; border:3px solid #5c9ccc; border-radius:5px; white-space:nowrap; background-color:yellow;} */

.searchBoxMiddle	{ float:left;  padding:5px 0px 0px 0px ; width:auto; text-align:left; vertical-align:top; border:2px solid #9dd891; border-radius:5px; white-space:nowrap;}
.searchBoxSmall		{ float:left;  padding:1px; width:auto; text-align:left; vertical-align:top; border:2px solid #9dd891; border-radius:5px; white-space:nowrap;}
.searchRow			{ width:100%; height:25px; }

.searchRowDiv		{ clear:both; width:100%; height:1px; 	}	/* 분할 */
.searchCol			{ float:left; margin:0px; padding:0px 5px 0px 5px;}



.searchHeader		{ float:left; margin:0px; padding:0px; width:80px; height:18px; text-align:center; overflow:hidden; color:#51768c; background-color:#f0f4f7; border-color:#c0dade; border-style:solid; border-width:1px 0px 1px 1px;}
.searchButton		{ float:right; margin-right:5px; right:0px; padding:0px 0px 0px 10px; width:auto;  text-align:right; white-space:nowrap;}

/* searchButton과 동일 , searchButton은 나중에 삭제할 예정 */
.buttonPanel		{ float:right; margin-right:5px; right:0px; padding:0px 0px 0px 10px; width:auto;  text-align:right; white-space:nowrap;}

.gridPanel			{ clear:both; width:100%; padding:0px; margin:0px; text-align:center; vertical-align:top; }


.tblBox				{ text-align:center; background-color:#f0f4f7;}
.tblRowDiv			{ height:2px; background-color:#5ca4ce; }
.tblThinRowDiv		{ height:1px; background-color:#5ca4ce; }
.tblHeaderLeftFirst	{ height:25px; text-align:center; background-color:#46BEFF; color:#51768c; vertical-align:middle; border-style: solid; border-width:0px 1px 1px 0px; border-color: #beccd8; }
.tblHeaderLeft		{ height:25px; text-align:center; background-color:#f0f4f7; color:#51768c; vertical-align:middle; border-style: solid; border-width:1px 1px 0px 0px; border-color: #beccd8; }
.tblHeaderRight		{ height:25px; text-align:center; background-color:#f0f4f7; color:#51768c; vertical-align:middle; border-style: solid; border-width:1px 0px 0px 0px; border-color: #beccd8; }
.tblHeader			{ height:25px; text-align:center; background-color:#f0f4f7; color:#51768c; vertical-align:middle; border-style: solid; border-width:1px 1px 0px 1px; border-color: #beccd8; }
.tblTopHeader		{ height:25px; text-align:center; background-color:#f0f4f7; color:#51768c; vertical-align:middle; border-style: solid; border-width:1px 1px 1px 1px; border-color: #beccd8; }
.tblText			{ height:25px; text-align:left; padding-left:5px; background-color:#FFFFFF; vertical-align:middle; border-style: solid; border-width:1px 0px 0px 0px; border-color: #beccd8; }


/* 반입모니터링에서 사용할 css */
.tblLoadHeader		{ height:25px; text-align:center; background-color:#54BD54; color:#FFFFFF; font-weight:bold; font-size:16px; vertical-align:middle; border-style: solid; border-width:1px 1px 1px 1px; border-color: #FFFFFF; border-radius: 9px;}
.tblLoadText		{ height:25px; text-align:center; padding-left:5px; background-color:#F0FFF0; font-size:15px; vertical-align:middle; border-style: solid; border-width:1px 1px 1px 1px; border-color: #FFFFFF; border-radius: 9px;}
.tblRightText		{ height:25px; text-align:right;  padding-left:5px; background-color:#F0FFF0; font-size:15px; vertical-align:middle; border-style: solid; border-width:1px 1px 1px 1px; border-color: #FFFFFF; border-radius: 9px;}

.tblInDiv			{ height:1px; background-color:#5ca4ce; }
/* .tblInHead			{ height:25px; text-align:left; padding-left:5px; background-color:#5ca4ce; vertical-align:middle; border-style: solid; border-width:0px 0px 0px 0px; border-color: #5ca4ce; } */




.textButton					{ clear:both; float:left; overflow: hidden; height:21px; margin:0px; padding:0px; }
.textButton a				{ float:left; display:block; background:url('/images/common/textbutton/btn_left_blue_white.png') no-repeat left 0px; font: bold 11px 굴림, Verdana, Trebuchet MS; padding-left:6px; text-align:center; text-decoration:none; margin:0px 2px 0px 2px; overflow:hidden; }
.textButton a:link, .textButton a:visited, .textButton a:active { color: #FFFFFF; }
.textButton a span			{ display:block; background:url('/images/common/textbutton/btn_right_blue_white.png') no-repeat right 0px; padding: 4px 10px 5px 2px; }
.textButton a:hover			{ background: transparent url('/images/common/textbutton/btn_left_blue_white.png') no-repeat left -20px; }
.textButton a:hover span	{ background: transparent url('/images/common/textbutton/btn_right_blue_white.png') no-repeat right -20px; color: #FFA200; }


.btnBase a					{ background-image: url('/images/common/textbutton/btn_left_green_gray.png');  }
.btnBase a span				{ background-image: url('/images/common/textbutton/btn_right_green_gray.png'); }
.btnBase a:hover			{ background: transparent url('/images/common/textbutton/btn_left_green_gray.png') no-repeat left -28px; }
.btnBase a:hover span		{ background: transparent url('/images/common/textbutton/btn_right_green_gray.png') no-repeat right -28px; color: #FFFFFF; }
.btnPoint a:link, .Action01 a:visited, .Action01 a:active { color: #FFFFFF; }
.btnPoint a					{ background-image: url('/images/common/textbutton/btn_left_lightgray_gray.png');  }
.btnPoint a span			{ background-image: url('/images/common/textbutton/btn_right_lightgray_gray.png'); }
.btnPoint a:hover			{ background: transparent url('/images/common/textbutton/btn_left_lightgray_gray.png') no-repeat left -23px; }
.btnPoint a:hover span		{ background: transparent url('/images/common/textbutton/btn_right_lightgray_gray.png') no-repeat right -23px; color: #FFA200; }

.btnFree a:link, .Action02 a:visited, .Action02 a:active { color: #042271; }
.btnFree a					{ background-image: url('/images/common/textbutton/btn_left_white_orange.png');  }
.btnFree a span				{ background-image: url('/images/common/textbutton/btn_right_white_orange.png'); }
.btnFree a:hover			{ background: transparent url('/images/common/textbutton/btn_left_white_orange.png') no-repeat left -20px; }
.btnFree a:hover span		{ background: transparent url('/images/common/textbutton/btn_right_white_orange.png') no-repeat right -20px; color: #000000; }


/* 푸시 메시지 바 */
.notificationBar	{ width:100%; height: 30px; }
/*
.divUserIcon		{ width:20px; height:20px; margin:auto; vertical-align:middle; float:right; background: url(/images/common/topmenu/user.gif) no-repeat;	}
*/					
#divMsgIcon			{ width:35px; height: 30px; margin:auto; cursor: pointer; }

.msgIconEmpty	 	{ background: url(/images/common/icon/icn_empty_msg.png) left bottom no-repeat; }
.msgIconEmpty:hover{ background: url(/images/common/icon/icn_exist_msg.png) left bottom no-repeat; }

.msgIconExist		{ background: url(/images/common/icon/icn_exist_msg.png) left bottom no-repeat; }
.badgeCount			
{ 
	display: inline; color: #fff; font-size: 12px;  font-weight:bold; padding:0px 3px; float: right; margin-top: 3px; margin-right: 3px; border-radius: 2px;
	background: #f93a43; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5M2E0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZjEyMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f93a43 0%, #df121c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f93a43), color-stop(100%,#df121c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f93a43 0%,#df121c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f93a43 0%,#df121c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f93a43 0%,#df121c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f93a43 0%,#df121c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f93a43', endColorstr='#df121c',GradientType=0 ); /* IE6-8 */
}
.notiMsgPanel	{position:absolute; width:400px; line-height:27px; height:35px; top:10px; padding:0px; z-index:3; }

.notiToast
{
	color: #c09853;padding: 0px; margin: 0px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	z-index:6;
	height:20px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}

/*------------------------------------------*/
/* 재정의 끝 */
/*------------------------------------------*/

/* Template Layouts */
body.blankTemplate						{ background-color:#FFFFFF; margin:0px; }

body.mainTemplate						{ background-color:#ededeb; margin:0px; padding:0px; width:100%; height:100%;  text-align:center; }
div.mainTemplate						{ margin:0px; padding:0px; width:100%; height:100%; }
div.mainTemplate .header				{ width:100%; height:60px; text-align:left; background-color:#000000; }
div.mainTemplate .header .topMenu		{ width:100%; height:65px; background:url("/images/common/topmenu/bg_topmenu.gif") repeat-x;}
div.mainTemplate .container				{ width:100%; min-height:100%; margin-top:0px;  }
div.mainTemplate .container .content	{ padding:50px 0px 4px 0px; } 
body.mainTemplate .footer				{ margin-top:-4px; width:100%; height:4px; background-color:gray; }






.validator			{ color:#e22318; }
.validateMsg		{ color:red; font-weight:bold; border:1px solid #318AD0; height:25px; line-height:2em; }
.warningMessage		{ color:#8F0000; }


.dropDownList			{ margin:0px; padding:0px; vertical-align:middle; text-align:left; line-height:22px; border:#bababa 1px solid; color:#666666; background-color: #FFFFFF; height:22px; }
.disabledDropDownList	{ margin:0px; padding:0px; vertical-align:middle; text-align:left; line-height:22px; border:#bababa 1px solid; color:#666666; background-color: #bfd8f8; height:22px; }

.datePicker			{ height:18px;border: #BABABA 1px solid;font-size: 12px;font-family: dotum;color:#666666;background-color: buttonface;}
.findFile			{ height:20;font-size: 9pt; width:1px;cursor:pointer; border-bottom:buttonshadow solid 1px; border-right:buttonshadow solid 1px; border-left:buttonhighlight solid 1px; border-top:buttonhighlight solid 1px;}

.fileBox			{ margin:2px;height:20px;border: #BABABA 1px solid;font-size: 12px;font-family: dotum;color:#666666;background-color: #FFFFFF;}
.blueButton 		{ font-size:9pt;cursor:pointer;border-width:1px;padding:3px 0px 0px 0px;background-color:#6495ED;color:white;margin:0px 0px 1px 0px; }
.darkButton			{ font-size:9pt;cursor:pointer;border-width:1px;padding:3px 0px 0px 0px;background-color:#595959;color:white;margin:0px 0px 1px 0px;}
.dlgButton			{ font-size: 12px; width: 7em;height: 1.8em;}
.textBlock			{ font-size: 12px;color: #333333;line-height: 14px;}




.tblInBgColor		{ text-align:center; background-color:#f0f4f7;}
.tblInLeftHead		{ height:25px; text-align:center; background-color:#f0f4f7; color:#51768c; vertical-align:middle; border-style: solid; border-width:0px 1px 1px 0px; border-color: #beccd8; }

.tblInHead			{ height:25px; text-align:center; background-color:#f0f4f7; color:#51768c; vertical-align:middle; border-style: solid; border-width:0px 1px 1px 1px; border-color: #beccd8; }
.tblInText			{ height:25px; text-align:left; padding-left:5px; background-color:#FFFFFF; vertical-align:middle; border-style: solid; border-width:0px 0px 1px 0px; border-color: #beccd8; }

.tblInBorderBgColor		{ text-align:center; background-color:#318AD0;}
.tblInBorderHead	{ height:25px; text-align:center; background-color:#EBF4FC; color:#318AD0; vertical-align:middle; }
.tblInBorderText	{ height:25px; text-align:left; padding-left:5px; background-color:#FFFFFF; vertical-align:middle;}

.darkTone	{ background-color:#03488f; }
.midTone	{ background-color:#318AD0; }
.lightTone	{ background-color:#EBF4FC; }
.whiteTone	{ background-color:#FFFFFF; }
.titleTone	{ color:#FFFFFF; font-size:12px; font-family:Dotum;   }
.grayTone	{ background-color:#EBF4FC; }
.itemTone	{ background-color:#3C3C3C; color:#FFFFFF; }



.subject			{ height:25px; text-align:left; background-color:#ededeb; color:#318AD0; font-weight:bold; }


/* 메인지도 템플릿 */
/*
body.mapTemplate				{ background-color:#edecec; margin:0px; padding:0px;}
div.mapTemplate					{ margin:0px; padding:0px;}
div.mapTemplate .leftMenu		{ float:left; display:none; z-index:2; left:0px; top:0px; width:310px; }
div.mapTemplate .topMenu		{ float:left; display:none; z-index:2; left:310px; top:0px; height:30px; background-color:#edecec; }
div.mapTemplate .workArea		{ float:left; display:none; z-index:4; padding:4px; background-color:#727272; left:310px; top:0px;}
div.mapTemplate .bottom			{ float:left; display:none; z-index:5; height:204px; vertical-align:top; background-color:#edecec;}
*/

body.mapTemplate				{ background-color:#edecec; margin:0px; padding:0px;}
div.mapTemplate					{ position:absolute; margin:0px; padding:0px;}
div.mapTemplate .leftMenu		{ position:absolute; visibility:visible; z-index:2; left:0px; top:0px; width:310px; }
div.mapTemplate .topMenu		{ position:absolute; visibility:visible; z-index:2; left:310px; top:0px; height:65px; background-color:#edecec; }
div.mapTemplate .workArea		{ position:absolute; visibility:visible; z-index:4; padding:4px; background-color:#727272; left:310px; top:30px;}
div.mapTemplate .bottom			{ position:absolute; visibility:visible; z-index:5; left:310px; height:204px; vertical-align:top; background-color:#edecec;}


.pagerItem			{ color:gray;}	/* 페이저 */
.pagerSelectedItem	{ font-weight:bold;color:#557DC7;}	/* 페이저 선택*/


ul.tabs { 
margin: 0; 
padding: 0; 
float: left; 
list-style: none; 
height: 32px; 
border-bottom: 1px solid #DCDCDC; 
border-left: 1px solid #DCDCDC; 
width: 100%; 
font-family:"dotum"; 
font-size:12px; 
} 
ul.tabs li { 
float: left; 
        text-align:center; 
cursor: pointer; 
width:100px; 
height: 31px; 
line-height: 31px; 
border: 1px solid #eee; 
border-left: none; 
font-weight: bold; 
background: #DCDCDC; 
overflow: hidden; 
position: relative; 
} 

ul.tabs li.active{ 
background: #FFFFFf; 
border-bottom: 1px solid #FFFFFF; 
} 
.tab_container { 
border: 1px solid #DCDCDC; 
border-top: none; 
clear: both; 
float: left; 
width: 248px; 
background: #FFFFFF; 

} 
.tab_content { 
padding: 5px; 
font-size: 12px; 
display: none; 
} 
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;} 
.tab_container .tab_content ul li{padding:5px; list-style:none}; 
#container {width: 249px; margin: 0 auto;	
} 

ul.sub_tabs { 
margin: 0; 
padding: 0; 
float: left; 
list-style: none; 
height: 32px; 
border-bottom: 1px solid #DCDCDC; 
border-left: 1px solid #DCDCDC; 
width: 100%; 
font-family:"dotum"; 
font-size:12px; 
} 
ul.sub_tabs li { 
float: left; 
        text-align:center; 
cursor: pointer; 
width:auto; 
height: 21px; 
line-height: 21px; 
border: 1px solid #eee; 
border-left: none; 
font-weight: bold; 
background: #DCDCDC; 
overflow: hidden; 
position: relative; 
} 

ul.sub_tabs li.active{ 
background: #FFFFFf; 
border-bottom: 1px solid #FFFFFF; 
} 

ul.map_tabs { 
margin: 0; 
padding: 0; 
float: left; 
list-style: none; 
height: 32px; 
border-bottom: 1px solid #DCDCDC; 
border-left: 1px solid #DCDCDC; 
width: 100%; 
font-family:"dotum"; 
font-size:12px; 
} 
ul.map_tabs li { 
float: left; 
        text-align:center; 
cursor: pointer; 
width:auto; 
height: 32px; 
line-height: 32px; 
border: 1px solid #eee; 
border-left: none; 
font-weight: bold; 
background: #DCDCDC; 
overflow: hidden; 
position: relative; 
} 

ul.map_tabs li.active{ 
background: #FFFFFf; 
border-bottom: 1px solid #FFFFFF; 
}


.tab_sub_container { 
border: 1px solid #DCDCDC; 
border-top: none; 
clear: both; 
float: left; 
width: 248px; 
background: #FFFFFF; 

} 
.tab_sub_content { 
padding: 5px; 
font-size: 12px; 
display: none; 
} 
.tab_sub_container .tab_sub_content ul {width:100%; margin:0px; padding:0px;} 
.tab_sub_container .tab_sub_content ul li{padding:5px; list-style:none}; 
}