@charset"utf-8";
/* kang,deokwon 2014-09-18 */
body {margin:0px;  font-family:dotum, sans-serif; font-size:11px;  line-height:140%;background:url('../img/main/left_bg.gif') repeat-y ;}
::selection { background:#00A1D3; color:#fff; }
::-moz-selection { background:#00A1D3; color:#fff; }
::-webkit-selection { background:#00A1D3; color:#fff; }

img {border:0px;}
ul,dl {list-style:none; margin:0px; padding:0px;}
dt,dd,form {margin:0px; padding:0px;}
caption {display:none;}
button {padding:0px; border:0px; font-size:11px;  background:transparent;}
input {font-family:dotum, sans-serif; font-size:11px; color:#555; vertical-align:middle; }
textarea {font-family:dotum, sans-serif; font-size:11px; line-height:140%; color:#555;}
select {font-family:dotum, sans-serif; font-size:11px; color:#555;}
al {text-align:left;}
ac {text-align:center;}
ar {text-align:right;}
hr {border:1px dotted #cfcfcf;}
audio {display:none;}
/* link */
a:link, a:visited, a:active {text-decoration:none; color:#555; font-size:11px;
	-webkit-transition: all 0.3s ease 0s; 
	-moz-transition: all 0.3s ease 0s; 
	-o-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s; }
a:hover {text-decoration:none;  color:#73a3d6; font-size:11px;
	-webkit-transition: all 0.3s ease 0s; 
	-moz-transition: all 0.3s ease 0s; 
	-o-transition: all 0.3s ease 0s; 
	transition: all 0.3s ease 0s; 
}

a.thAarray {color:#555;}
a.thAarray:hover {color:#D45758;}

button { font-family:dotum, sans-serif; vertical-align:middle; text-align:center; font-size:11px;  letter-spacing:-1px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer;  }
button:hover {-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer;  }
.loadingBox {position:absolute; width:100%; top:0px; left:0px;  height:100%; background:url('../img/main/trans.png'); text-align:center; border:10px soild #ff0000; z-index:999;}
.loadingBox img {margin:200px auto 0px;}
/* text color */
.c0 { color:#000;}
.c3 { color:#333;}
.c6 { color:#666;}
.c9 { color:#999;}
.grayblack { color:#555555;}
.violet { color:#6179cf !important; }
.violet2 { color:#e065cd !important; }
.green { color:#219f5a !important; }
.red { color:#bc0100 !important; }
.blue { color:#0177c3 !important; }
.Bblue { color:#1772fc; font-weight:bold !important; }
.Bsky { color:#1274ca; font-weight:bold }
.sky { color:#2d7dde;}
.skygreen { color:#297d80; }
.skygreen a { color:#297d80; }
.Bskygreen { color:#297d80; font-weight:bold;}
.orange { color:#f18919 !important;}
.small { font-size:95%;}
.letter {letter-spacing:-1px;}
.Bred { font-weight:bold; color:#dd621f !important; }
.sgray{ font-size:95%; color:#838384;}
.fn{ font-weight:normal;}
.gray { color:#888888;}
.b { font-weight:bold;}
.ob { overflow:hidden;}
.Bwhite { font-weight:bold; color:#FFF;}
.Bwsky { font-weight:bold; color:#0494be; }
.big { font-size:110%;}
.normal { font-weight:normal;}
.blackred { color:#af2a41;}
.blackblue { color:#134d84;}
.black { color:#000;}
.yellow { color:#f3ff31;}
.blackgreen{ font-weight:bold;  color:#2b6a2b;}
.linkline a { text-decoration:underline;}

/* main menu */
#menuLayout {width:50px; height:100%; position:absolute; position:fixed; left:0px; top:46px; z-index:1000; background-color:#005d83; overflow:hidden;float:left;}
#menuLayout 
	.menuCheck {height:45px; margin-left:60px;}
	.menuCheck span {display:inline-block; margin-top:10px; color:#fff; padding-left:20px; width:160px; font-size:12px; font-weight:600; /*text-align:center; */}
	.menuLiDOn .menuD {background-color:#d4de41 !important;}
	.menuD {background-color:#005d83; width:180px;border-bottom:1px solid #6b99ab;padding:14px 0 14px 30px}
	.menuD.icon1 {background:url('../img/main/left_icon1.gif') no-repeat 0 7px;}
	.menuD.icon2 {background:url('../img/main/left_icon2.gif') no-repeat 0 7px;}
	.menuD.icon3 {background:url('../img/main/left_icon3.gif') no-repeat 0 7px;}
	.menuD.icon4 {background:url('../img/main/left_icon4.gif') no-repeat 0 7px;}
	.menuD.icon5 {background:url('../img/main/left_icon5.gif') no-repeat 0 7px;}
	.menuD.icon6 {background:url('../img/main/left_icon6.gif') no-repeat 0 7px;}
	.menuD.icon7 {background:url('../img/main/left_icon7.gif') no-repeat 0 7px;}
	.menuLiD a {display:inline-block; width:100%; color:#fff; font-size:12px; font-weight:bold; vertical-align:middle;margin:0;padding:0}
	.menuLiD a:hover {color:#b6ff4f;}
	.menuD img {vertical-align:middle; margin:0}
	.menuSubD {background-color:#404651; padding:10px 0px; display:none;}
	.menuSubD ul {margin:0px 15px;}
	.menuSubD li { width:140px; background:url('../img/main/icon_01.png') no-repeat left center;}
	.menuSubD li a {color:#999; padding:3px 0px 3px 10px; display:block;}
	.menuSubD li a:hover {color:#fff;}
	.menuLinkDiv {width:140px; margin-left:60px; text-align:center;}
	.menuLinkDivUl {margin:10px 0px;}
	.menuLinkDivUl li {border-top:1px dotted #5e6368; padding-top:3px;}
	.menuLinkDivUl li:first-child {border-top:none;}
	.menuLinkDivUlBottom {text-align:left; margin:20px 0px; color:#fff;}
	.menuLinkDivUlBottom a { color:#99becd;}
	.menuBottom {text-align:left; color:#99becd; letter-spacing:-1px;}
	.subLiOn a {font-weight:bold; color:#fff99b !important;}


/* GNB 추가 */
#gnb					{position:absolute; position:fixed; width:100% ; left:0; top:46px; z-index:901; border:0px solid blue;background:url('../img/main/menu_li_back.png') repeat-x;background-color:#17b2b3;}
#gnb > ul					{margin:0 auto; padding:0 0 0 0;width:100%}
#gnb ul:after			{content:""; clear:both; display:block; height:0; visibility:hidden;}
#gnb ul li				{position:relative; float:left; /*width:135px;*/ display:inline-block;}
#gnb ul li:hover {background:#048f90;}
#gnb ul li.persize {width:12.4%;text-align:center;border-right:1px solid #fff}
#gnb ul li.persizenone {border-right:none;width:12.5%;}
#gnb ul li.current, #gnb ul li.atv {}
#gnb > ul > li > a		{display:block; height:30px; padding:17px 0 0 0; font-size:17px; font-weight:700; color:#fff;}
#gnb > ul > li > a:hover{color:#fff;}
#gnb ul li.first		{/*margin-left:90px; _margin-left:120px;*/}

#gnb ul li div {}
#gnb ul li .menu		{display:none; /*overflow:hidden;*/ left:0; z-index:9998; padding-top:20px; width:100%;border-right:1px dotted #58bfbc;}
#gnb ul li .menunone {border-right:none}
#gnb ul li .menu:hover {background:#cafadf}
#gnb ul li .menu a		{display:block; }
#gnb ul li .menu ul		{padding:0 0 0 15%;height:140px}

#gnb ul li .menu ul li	{ clear:both; padding:0; text-align:left; background:none;padding-top:4px;}
#gnb ul li .menu ul li a {background:url('../img/main/menu_libg3.png') no-repeat;padding:6px 0 4px 25px; font-size:1.2em; color:#444444; width:160px;font-family:'gulim'}
#gnb ul li .menu ul li a:hover {background:url('../img/main/menu_libg4.png') no-repeat;color:#142f3d;}

#gnb ul li .menu ul li dl {border-left:1px solid #93dbcc;margin-left:26px;}
#gnb ul li .menu ul li dl dt {height:19px;}
#gnb ul li .menu ul li dl dt a {background:none;padding:2px 0 0 6px; font-size:1.1em; color:#777; width:160px;font-family:'gulim'}
#gnb ul li .menu ul li dl dt a:hover {background:none;color:#142f3d;text-decoration:underline}
/*#gnb ul li.current .menu {background:#ccc;}*/
#gnb_background {z-index:-1;height:160px; width:100%; margin:0 auto; display:none; top:47px;overflow:hidden; left:0;background:#d0fbf2;border-bottom:1px solid #7fcfcd; }






/* top Layout */
#topLayout { position:fixed; width:100%; height:90px; background-color:#f4f4f4;z-index:1000;}
	h1 {margin:0px;float:left}
	.topLayoutIn { position:absolute; top:0; /*width:1240px;*/;width:100%;}
	
	.topLayoutIn div.uname {background:url('../img/main/top_text_bg1.gif') no-repeat;margin:10px 0 0 0;padding:0 0 0 15px;float:left;}
	.topLayoutIn div.uname ul li {background:url('../img/main/top_text_bg_icon.gif') no-repeat;width:175px;height:26px;padding:5px 0 0 26px;color:#ecec1a;font-size:13px;font-weight:bold}
	
	.topLayoutIn div.hdIN {position:fixed;float:right;margin-top:10px;right:50px}
	.topLayoutIn div.hdIN div {float:left}
	.topLayoutIn div.hdIN div.hdmenu ul li {float:left;color:#4c525e;padding:0 12px 0 8px;font-size:13px;margin-top:5px}
	.topLayoutIn div.hdIN div.hdmenu ul li.left_line {background:url('../img/main/top_text_bg_line.gif') no-repeat right center;}
	.topLayoutIn div.hdIN div.hdinfo ul li {color:#fff;font-size:13px;font-weight:bold;margin-top:0;float:left}
	.topLayoutIn div.hdIN div.hdinfo ul li.hdinfo_t1 {background:url('../img/main/top_text_bg2.gif') no-repeat;padding:5px 0 0 12px;width:121px;height:26px;}	
	.topLayoutIn div.hdIN div.hdinfo ul li.hdinfo_t2 {background:url('../img/main/top_text_bg1.gif') no-repeat;padding:5px 0 0 0;width:175px;height:26px;text-align:center}
	.topLayoutIn div.hdIN div.hdinfo ul li.hdinfo_t3 {padding:5px 0 0 10px}

#topLayout_into { position:fixed; width:100%; height:45px; background-color:#f4f4f4;z-index:1000;border-bottom:2px solid #005d83}
	h1 {margin:0px;float:left}
	.topLayoutIn_into { position:absolute; top:0; /*width:1240px;*/;width:100%;}
	
	.topLayoutIn_into div.uname {background:url('../img/main/top_text_bg1.gif') no-repeat;margin:10px 0 0 0;padding:0 0 0 15px;float:left;}
	.topLayoutIn_into div.uname ul li {background:url('../img/main/top_text_bg_icon.gif') no-repeat;width:175px;height:26px;padding:5px 0 0 26px;color:#ecec1a;font-size:13px;font-weight:bold}
	
	.topLayoutIn_into div.hdIN {position:fixed;float:right;margin-top:10px;right:50px}
	.topLayoutIn_into div.hdIN div {float:left}
	.topLayoutIn_into div.hdIN div.hdmenu ul li {float:left;color:#4c525e;padding:0 12px 0 8px;font-size:13px;margin-top:5px}
	.topLayoutIn_into div.hdIN div.hdmenu ul li.left_line {background:url('../img/main/top_text_bg_line.gif') no-repeat right center;}
	.topLayoutIn_into div.hdIN div.hdinfo ul li {color:#fff;font-size:13px;font-weight:bold;margin-top:0;float:left}
	.topLayoutIn_into div.hdIN div.hdinfo ul li.hdinfo_t1 {background:url('../img/main/top_text_bg2.gif') no-repeat;padding:5px 0 0 12px;width:121px;height:26px;}	
	.topLayoutIn_into div.hdIN div.hdinfo ul li.hdinfo_t2 {background:url('../img/main/top_text_bg1.gif') no-repeat;padding:5px 0 0 0;width:175px;height:26px;text-align:center}
	.topLayoutIn_into div.hdIN div.hdinfo ul li.hdinfo_t3 {padding:5px 0 0 10px}



#mainLayout{
	width: -webkit-calc(100% - 160px); /* for Chrome, Safari */
	width: -moz-calc(100% - 160px); /* for Firefox */
	width: calc(100% - 160px); /* for IE */
	height: -webkit-calc(100% - 90px); /* for Chrome, Safari */
	height: -moz-calc(100% - 90px); /* for Firefox */
	height: calc(100% - 90px); /* for IE */
	 padding-left:160px;	
}
	/* 1depch */
	.depthOne {width:599px;position:absolute;z-index:900;top:93px;left: 160px;background:url('../img/main/box_shadow.png') right repeat-y;}
	.depthOne_into {width:599px;position:absolute;z-index:900;top:47px;left: 160px;background:url('../img/main/box_shadow.png') right repeat-y;}
		.depthOneHead {width:auto; height:43Px; background-color:#656565;}
		.depthOneHead ul li {float:left; margin-top:12px; vertical-align:middle; color:#fff;}
		.depthOneHead ul li:first-child {padding-left:10px;}
		.depthOneHead ul li img {vertical-align:middle;}
		.depthOneHeadButtonBox {float:right; text-align:right; padding:7px 3px 0px 0px;}
		.depthOneBody {width:auto; overflow-y:auto; background-color:#fff;}
			.depthOneBodyIn {margin:5px; width:auto; color:#555;}
				/* searchBox */
				.searchHead {background-color:#f4f4f4; padding:2px 5px; min-height:20px;  -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
				.tabBox .searchHead {-moz-border-radius: 0px; border-radius: 0px; padding-top:7px; } 
				.searchHead dl dt {color:#999;font-size:11px; letter-spacing:-1px; font-weight:bold; padding-right:5px; display:inline;}
				.searchHead dl dd {color:#bbb;font-size:11px; letter-spacing:-1px;  padding-right:5px; display:inline;}
				.searchHead h2 {color:#4c535f;  font-size:13px; letter-spacing:-1px;  padding-left:15px;float:left;  margin:3px 0px 0px; background:url('../img/main/icon_gear.png') no-repeat left 2px;}
					.searchHR {float:right; text-align:right; color:#fff; letter-spacing:0px;}
				
				.searchHead2 {background-color:#4c535f; padding:2px 5px; min-height:20px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
				.tabBox .searchHead2 {0px; padding-top:4px; letter-spacing:-1px;}
				.searchHead2 dl dt {color:#B0B5BD;font-size:11px; letter-spacing:-1px; font-weight:bold; padding-right:5px; display:inline;}
				.searchHead2 dl dd {color:#fff;font-size:11px; letter-spacing:-1px;  padding-right:5px; display:inline;}
				.searchHead2 h2 {color:#fff; padding-left:15px;float:left;  margin:3px 0px 0px; font-size:12px; background:url('../img/main/icon_gear.png') no-repeat left center;}
				
				.searchHead3 {background-color:#677181; padding:2px 5px; min-height:20px; }
				.tabBox .searchHead3 {0px; padding-top:7px; }
				.searchHead3 dl dt {color:#fff;font-size:11px; letter-spacing:-1px; font-weight:bold; padding-right:5px; display:inline;}
				.searchHead3 dl dd {color:#fff;font-size:11px; letter-spacing:-1px;  padding-right:5px; display:inline;}
				.searchHead3 h2 {color:#fff;  letter-spacing:-1px; float:left;  margin:3px 0px 0px; font-size:11px; font-weight:normal;}
				
				.searchHead4 {background-color:#677181; padding:2px 5px;}
				.tabBox .searchHead4 {0px; padding-top:4px; letter-spacing:-1px;}
				.searchHead4 dl dt {color:#B0B5BD;font-size:11px; letter-spacing:-1px; font-weight:bold; padding-right:5px; display:inline;}
				.searchHead4 dl dd {color:#fff;font-size:11px; letter-spacing:-1px;  padding-right:5px; display:inline;}
				.searchHead4 h2 {color:#fff; padding-left:15px;float:left;  margin:3px 0px 0px; font-size:12px; background:url('../img/main/icon_gear.png') no-repeat left center;}
				
				
				.searchHead5 {background-color:#677181; padding:0px;}
				.tabBox .searchHead5 {0px; padding-top:4px; letter-spacing:-1px;}
				.searchHead5 dl dt {color:#B0B5BD;font-size:11px; letter-spacing:-1px; font-weight:bold; padding-right:5px; display:inline;}
				.searchHead5 dl dd {color:#fff;font-size:11px; letter-spacing:-1px;  padding-right:5px; display:inline;}
				.searchHead5 h2 {color:#fff; padding-left:15px;float:left;  margin:3px 0px 0px; font-size:12px; background:url('../img/main/icon_gear.png') no-repeat left center;}
				
				.searchHead6 {background-color:#eee; padding:5px;}
				
				.searchBoxContainer {width:100%;}
					.searchBoxContainerL {width:40%; float:left; text-align:left;}
					.searchBoxContainerR {width:60%; float:right; text-align:left;}
					.searchBoxContainerL2 {width:50%; float:left; text-align:left;}
					.searchBoxContainerR2 {width:49%; float:right; text-align:left;}
				
				
				.searchBody_white {background-color:#fff; padding:5px;}
				.searchBody_white2 {background-color:#fff; padding:5px; border:1px solid #ddd; }
				.searchBody_blue {background-color:#CAE1E7; padding:5px;}
				.searchBody_gray {background-color:#e0e0e0; padding:5px; clear:both;}
				.searchBody_gray select { border:1px solid #e6e7e7; height:21px;} /* 20170524 */
				.searchBody_list {background-color:#fff; padding:0px;}
				
				.searchBody_list2 {background-color:#fff; padding:0px; height:450px; overflow:auto;}
				
	/* 2depch */
	.depthTwo {overflow-y:scroll;}		
	.depthTwoIn {width:auto;}
	
	.depthTwoSimple {
		width: -webkit-calc(100% - 600px); /* for Chrome, Safari */
		width: -moz-calc(100% - 600px); /* for Firefox */
		width: calc(100% - 595px); /* for IE */
		background-color:#fff; margin-left:595px; overflow-y:auto;
	}
	.depthTwoInSimple{margin-top:85px; margin-bottom:52px; background:#f4f4f4; padding:20px;}
	
	.depthTwoInSimple_into{margin-top:40px; margin-bottom:52px; background:#f4f4f4; padding:20px;}
	.depthTwoWide_into {
		width:100%;
		overflow-y:auto; background-color:#fff;
		padding-top:45px;
	}	
	
	
	
	
	.depthTwoWide {
		width:100%;
		overflow-y:auto; background-color:#fff;
		padding-top:85px;
	}
	.depthTwoInWide{margin-top:65px}
	
	
	
		.groupBoxL {margin:8px 10px 8px 5px; width:auto; /*float:left; */padding-bottom:10px;}
		.groupBoxR {clear: both;margin:5px;width:auto;/* float:right; */padding-bottom:10px;}
		
	/* no frame */
	.depthFullAnalysis {width:1190px; top:0px; position:absolute; z-index:900;  left:50px; background:url('../img/main/box_shadow.png') right repeat-y;}		/* ?뜝?럩裕됭굢類↔껀熬곣뫕?맍?뜝?럡?뫒占쏙옙*/
		
	/* full size */	
	.depthFull {width:1190px; position:absolute; z-index:900; top:0px; left:50px;  background:url('../img/main/box_shadow.png') right repeat-y; }
	.depthFullBody {
		width:100%;
		overflow-y:auto; background-color:#fff;
		}	
		.depthFullBodyIn {margin:5px; color:#555;}
		
		.leftBox {border:2px solid #eee; padding:5px; position:absolute; left:10px; top:45px; width:200px; height:520px; overflow:auto;}
		.fullRightBox {margin-left:250px;}
		
		.indexContainer {width:32%; float:left;}
		.indexContainerW {width:64%; float:left;}
		/* index dashboard */
			.inBox {border:1px solid #e7eaef; background-color:#fff; margin:20px; border-top-left-radius: 10px; -moz-border-top-left-radius: 10px;  border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; }
				.inBoxHead {display:inline-block; padding:20px 0px; width:100%;}
				.inBoxHead h2 {float:left; width:55%; margin:0px 0px 0px 20px;}
					.inBoxHNum {float:right; width:30%; margin:0px 20px 0px 0px; text-align:right; padding-top:3px;}
					.inBoxSpan_red {color:#f26d7d; font-size:40px; font-weight:bold; font-family:arial; line-height:100%;}
					.inBoxSpan_green {color:#8dc63f; font-size:40px; font-weight:bold; font-family:arial; line-height:100%;}
					.inBoxSpan_orange {color:#f7941d; font-size:40px; font-weight:bold; font-family:arial; line-height:100%;}
				.inBoxBody {background-color:#e7eaef; display:inline-block; padding:10px 0px; width:100%;}
				.inBoxBodyli {float:left; background:url('../img/main/index_box01.png') center no-repeat; width:166px; height:30px; text-align:center; font-weight:bold; color:#666; font-size:12px; padding:10px 0px 0px;}
				.inBoxSpanIn_red span {font-weight:bold; display:inline-block; font-family:arial; color:#f26d7d; font-size:20px; font-family:arial;}
				.inBoxSpanIn_green span {font-weight:bold; display:inline-block; font-family:arial; color:#8dc63f; font-size:20px; font-family:arial;}
				.inBoxSpanIn_orange span {font-weight:bold; display:inline-block; font-family:arial; color:#f7941d; font-size:20px; font-family:arial;}
				.inBoxBottom {display:inline-block; padding:20px 0px; width:100%;}
				.inBoxBottomW {display:inline-block; padding:0px; width:100%;}
				

	
/* text & content decoration */
.tableHeadBox {margin:10px 0px 5px; height:20px; display:inline-block; width:100%;}
.tableHeadDl {float:right;}
.tableHeadDl dt,.tableHeadDl dd,.tableHeadLeft {float:left; vertical-align:middle;}
.tableHeadLeft  {font-size:11px; padding-top:3px;}
	.tableHeadLeft .tableHeadLeftSubtitle {font-size:11px; letter-spacing:-1px; margin-left:5px;}
.tableHeadRight {float:right; vertical-align:middle; text-align:right; letter-spacing:-1px;}
.tableHeadDl dt {font-size:11px; padding-top:3px;}
.buttonBox {margin:10px 0px 20px; clear:both; min-height:30px;}
	.buttonBoxL {float:left; letter-spacing:-1px;}
	.buttonBoxR {float:right; letter-spacing:-1px;}
.buttonBoxBottom {width:100%; text-align:center; margin:10px 0px 20px 0px; clear:both;}
	.buttonBoxBottom button {margin-right:2px;}

	
	
	
	
.pagingBox {margin:10px 0px 20px; clear:both; text-align:center;}
	.pagingBu {display:inline-block; width:67px; height:27px; text-align:center; background:url('../img/main/paging_b.png') no-repeat; vertical-align:middle; padding-top:5px;}
	.pagingNum {display:inline-block; width:27px; height:27px; text-align:center; background:url('../img/main/paging_off.png') no-repeat; vertical-align:middle; padding-top:5px;}
	.pagingNumOn {display:inline-block; width:27px; height:27px; text-align:center; background:url('../img/main/paging_on.png') no-repeat; vertical-align:middle; padding-top:5px;}

/* tab */
.tabBoxHead {min-height:30px; border-bottom:2px solid #4C535F;}
	.tabBoxHeadL {float:left;}
	.tabBoxHeadL li {float:left;  margin-right:1px; }
	.tabBoxHeadL li a {display:inline-block; padding:7px 15px;  background-color:#cdd3dc; letter-spacing:-1px;  height:16px; vertical-align:middle;  font-weight:normal; color:#666; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadL li p {display:inline-block; padding:7px 8px 6px;  background-color:#cdd3dc; letter-spacing:-1px;  height:17px; vertical-align:middle;  font-weight:bold; color:#666; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; margin:0px;}
	.tabBoxHeadL li a:hover {background:#4c535f; color:#fff}
	.tabBoxHeadL .on {background-color:#4c535f; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadL .on a {color:#fff; background-color:#4c535f;}
	.tabBoxHeadL .on p {color:#fff; background-color:#4c535f;}
	.tabBoxHeadR {float:right;}
	.tabBoxHeadR li {float:left; padding-left:5px;}
	.tabBoxHeadR li a {display:inline-block; padding:7px 8px 6px;  background-color:#cdd3dc; letter-spacing:-1px;  height:17px; vertical-align:middle;  font-weight:bold; color:#666; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadR li a:hover {background:#4c535f; color:#fff}
	.tabBoxHeadR .on {background-color:#4c535f; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadR .on a {color:#fff; background-color:#4c535f;}

.tabBoxHead2 {min-height:30px; margin-top:10px; border-bottom:2px solid #4C535F;}
	.tabBoxHeadL2 {float:left;}
	.tabBoxHeadL2 li {float:left;  margin-right:1px; }
	.tabBoxHeadL2 li a {display:inline-block; padding:7px 8px 6px;  background-color:#cdd3dc; letter-spacing:-1px;  height:17px; vertical-align:middle;  font-weight:bold; color:#666; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadL2 li a:hover {background:#4c535f; color:#fff}
	.tabBoxHeadL2 .on {background-color:#4c535f; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadL2 .on a {color:#fff; background-color:#4c535f;}
	.tabBoxHeadR2 {float:right;}
	.tabBoxHeadR2 li {float:left; padding-left:5px;}
	.tabBoxHeadR2 li a {display:inline-block; padding:7px 8px 6px;  background-color:#cdd3dc; letter-spacing:-1px;  height:17px; vertical-align:middle;  font-weight:bold; color:#666; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadR2 li a:hover {background:#4c535f; color:#fff}
	.tabBoxHeadR2 .on {background-color:#4c535f; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadR2 .on a {color:#fff; background-color:#4c535f;}

.tabBoxHead3 {min-height:43px; border-bottom:2px solid #4C535F;}
	.tabBoxHeadL3 {float:left;}
	.tabBoxHeadL3 li {float:left;  margin-right:1px; }
	.tabBoxHeadL3 li a {display:inline-block; padding:7px 8px 8px;  background-color:#cdd3dc; letter-spacing:-1px; text-align:center;  height:28px; vertical-align:middle;  font-weight:bold; color:#666; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadL3 li a:hover {background:#4c535f; color:#fff; letter-spacing:-1px; }
	.tabBoxHeadL3 .on {background-color:#4c535f; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadL3 .on a {color:#fff; background-color:#4c535f;}
	.tabBoxHeadR3 {float:right;}
	.tabBoxHeadR3 li {float:left; padding-left:5px;}
	.tabBoxHeadR3 li a {display:inline-block; padding:7px 8px 8px;  background-color:#cdd3dc; letter-spacing:-1px;  height:28px; vertical-align:middle;  font-weight:bold; color:#666; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadR3 li a:hover {background:#4c535f; color:#fff}
	.tabBoxHeadR3 .on {background-color:#4c535f; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.tabBoxHeadR3 .on a {color:#fff; background-color:#4c535f;}	

.tabBoxHeadSub {min-height:30px; border:1px solid #ccc; margin:5px 0px;}
	.tabBoxHeadSubL {float:left;}
	.tabBoxHeadSubL li {float:left;  border-right:1px solid #ccc; background-color:#eee;}
	.tabBoxHeadSubL li a {display:inline-block; padding:7px 8px 6px;  letter-spacing:-1px;  height:17px; vertical-align:middle;  font-weight:bold; color:#666; }
	.tabBoxHeadSubL li a:hover {background:#4c535f; color:#fff}
	.tabBoxHeadSubL .on {background-color:#4c535f;}
	.tabBoxHeadSubL .on a {color:#fff; background-color:#4c535f;}



/* table */
.table_trans {width:100%; font-size:11px; font-weight:normal; letter-spacing:-1px;}
.table_trans tr th {vertical-align:middle;}
.table_trans tr td {vertical-align:middle;}

.table_trans2 {width:100%; font-size:11px; font-weight:normal; letter-spacing:-1px;}
.table_trans2 tr th {vertical-align:middle; background:#4C535F; color:#999; font-weight:normal; letter-spacing:-1px; height:30px; }
.table_trans2 tr td {vertical-align:middle; color:#BBBBBB; letter-spacing:-1px; padding-left:3px; }
.table_trans2 tbody tr td input[readonly] {background:#e7e7e7;}

.table_trans3 {width:100%; font-size:11px; font-weight:normal;}
.table_trans3 tr th {vertical-align:middle; background:#4C535F; color:#eee; pading:5px;}
.table_trans3 tr td {vertical-align:middle; color:#BBBBBB; color:#fff; padding-left:3px; }
.table_trans3 tbody tr td input[readonly] {background:#e7e7e7;}

.table_gray {width:100%; font-size:11px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.table_gray thead tr th {background-color:#fff; color:#333; border-bottom:1px solid #ddd; font-weight:bold; text-align:left; letter-spacing:-1px; padding:5px 0px 4px 5px;}
.table_gray tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ddd; font-weight:normal; text-align:left; letter-spacing:-1px; padding:3px 0px 0px 5px;}
.table_gray tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd; text-align:left;}
.table_gray tbody tr td input[readonly] {background:#f7f7f7;} 
.table_gray .subtitles {background-color:#f1f1f1; vertical-align:middle; border-bottom:1px solid #ddd; text-align:left;}
.table_gray dl {margin:5px;}
.table_gray dl dt {float:left;}
.table_gray dl dd {padding:0px 0px 0px 25px;}
.table_gray tfoot tr td input[readonly] {background:#FDFEFC;}
.table_gray tfoot tr th {background-color:#DBE6C6; color:#333; vertical-align:middle; border-bottom:1px solid #C2D39E;   letter-spacing:-1px; }
.table_gray tfoot tr td {background-color:#F1F5E9; color:#333; vertical-align:middle; border-bottom:1px solid #C2D39E;  letter-spacing:-1px;}

.table_gray2 {width:100%; font-size:11px; border-top:2px solid #555;}
.table_gray2 thead tr th {background:#DDD9C3; color:#333; font-weight:bold; letter-spacing:-1px; text-align:left;}
.table_gray2 tbody tr th {background-color:#f7f7f7; color:#333; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 5px;}
.table_gray2 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd; text-align:center;}
.table_gray2 tbody tr td input[readonly] {background:#f7f7f7;}

.table_gray3 {width:100%; font-size:11px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.table_gray3 tbody tr th {background-color:#E0E0E0; color:#333; border-bottom:1px solid #ddd; font-weight:normal; text-align:left; letter-spacing:-1px; padding:3px 0px 0px 5px;}
.table_gray3 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd; text-align:left;}
.table_gray3 tbody tr td input[readonly] {background:#f7f7f7;}

.table_gray4 {width:100%; font-size:11px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.table_gray4 thead tr th {background-color:#fff; color:#333; border-bottom:1px solid #ddd; font-weight:bold; text-align:left; letter-spacing:-1px; padding:5px 0px 4px 5px;}
.table_gray4 tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ccc; font-weight:normal; letter-spacing:-1px; padding:3px 0px 0px 5px;}
.table_gray4 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ccc; }


.table_gray5 {width:100%; font-size:11px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.table_gray5 thead tr th {background-color:#fff; color:#333; border-bottom:1px solid #ddd; font-weight:bold; text-align:left; letter-spacing:-1px; padding:5px 0px 4px 5px;}
.table_gray5 tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ccc; font-weight:normal; letter-spacing:-1px; padding:3px 0px 0px 5px;}
.table_gray5 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ccc; }
.table_gray5 tr:hover td { color:#00A1D3;}
.table_gray5 tr:hover td a { color:#00A1D3;}


.table_gray_s6 {width:100%; font-size:11px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.table_gray_s6 thead tr th {background-color:#fff; color:#333; border-bottom:1px solid #ddd; font-weight:bold;letter-spacing:-1px; padding:5px 0px 4px 5px;}
.table_gray_s6 tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ccc; font-weight:normal; letter-spacing:-1px; padding:3px 0px 0px 5px;}
.table_gray_s6 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ccc;text-align:center }
.table_gray_s6 tbody tr td.left {text-align:left}
.table_gray_s6 tr:hover td { color:#00A1D3;}
.table_gray_s6 tr:hover td a { color:#00A1D3;}


/* 20170524 異붽? */
.table_gray5 thead tr th {background-color:#fff; color:#333; border-bottom:1px solid #ddd; font-weight:bold; text-align:left; letter-spacing:-1px; padding:3px 0px;}
.table_gray5 tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ddd; font-weight:normal; text-align:center; letter-spacing: -1px; padding:3px 0px;}
.table_gray5 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd; text-align:center; -1px; padding:3px 0px;}
.table_gray5 tbody tr td input[readonly] {background:#f7f7f7;} 



.table_green {width:100%; font-size:11px; border-right:1px solid #E1DECA; border-left:1px solid #E1DECA; border-top:2px solid #4C535F;}
.table_green tbody tr th {background-color:#DDD9C3; color:#333; border-bottom:1px solid #E1DECA; font-weight:normal; text-align:left; letter-spacing:-1px; padding:3px 0px 0px 5px;}
.table_green tbody tr td {background-color:#F9F8F4; color:#777; vertical-align:middle; border-bottom:1px solid #E1DECA; text-align:left;}
.table_green tbody tr td input[readonly] {background:#f7f7f7;}

.table_green2 {width:100%; font-size:11px; border-right:1px solid #E1DECA; border-left:1px solid #E1DECA;}
.table_green2 tbody tr th {background-color:#CFDEB1; color:#333; border-bottom:1px solid #E1DECA; font-weight:normal; text-align:left; letter-spacing:-1px; padding:3px 0px 0px 5px;}
.table_green2 tbody tr td {background-color:#F1F5E9; color:#777; vertical-align:middle; border-bottom:1px solid #E1DECA; text-align:left; min-height:22px;}
.table_green2 tbody tr td input[readonly] {background:#f7f7f7;}

.table_guide {width:100%; border-top:2px solid #555; font-size:11px;}
.table_guide tbody tr th {background-color:#adb2b6; color:#fff; border-bottom:1px solid #bbb; padding:8px 0px; font-weight:normal; letter-spacing:-1px;}
.table_guide tbody tr td {background-color:#fff; vertical-align:middle; border-bottom:1px solid #bbb; text-align:center; padding:8px 0px;}

.table_list {width:100%; font-size:11px; border-left:1px solid #ddd;}
.table_list thead tr th {background-color:#F9F8F4; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:bold; letter-spacing:-1px; padding:4px 0px 0px 4px;}
.table_list tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 0px;}
.table_list tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; text-align:center;}
.table_list .listSelect {width:58px;}

.table_list2 {width:100%; border-top:2px solid #555; font-size:11px;}
.table_list2 tbody tr th {background-color:#ADB2B6; color:#fff; border-bottom:1px solid #bbb;  border-right:1px solid #bbb; font-weight:normal;  letter-spacing:-1px;}
.table_list2 tbody tr td {background-color:#fff; vertical-align:middle; border-bottom:1px solid #bbb;   border-right:1px solid #bbb;  }

.table_list3 {width:100%; font-size:11px; border-left:1px solid #ddd; border-top:2px solid #333;}
.table_list3 tbody tr th {background-color:#e0e0e0; color:#555; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 0px;}
.table_list3 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; text-align:center;}
.table_list3 .listSelect {width:58px;}

.table_list4 {width:100%; font-size:11px; border-left:1px solid #ddd; border-top:2px solid #4C535F;}
.table_list4 thead tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 0px;}
.table_list4 thead tr td {background-color:#F1F5E9; height:26px; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 4px;}
.table_list4 tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 0px;}
.table_list4 tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; text-align:center;}
.table_list4 .listSelect {width:58px;}

.table_listScroll {width:100%; font-size:11px; border-left:1px solid #ddd;  table-layout: fixed;}
.table_listScroll thead tr th {table-layout: fixed; background-color:#ededed; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 0px;}
.table_listScroll tbody tr th {background-color:#ededed; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:normal; letter-spacing:-1px; padding:4px 0px 0px 0px;}
.table_listScroll tbody tr td {background-color:#fff; color:#777; vertical-align:middle; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; text-align:center;}
.table_listScroll .listSelect {width:58px;}
	.table_listScroll tbody tr td input[readonly] {background:#f7f7f7;}
	.table_listScrollDiv {overflow-y:auto; max-height:600px; border-bottom:1px solid #ddd;}
	.table_listScrollDiv2 {overflow-y:auto; max-height:250px; border-bottom:1px solid #ddd;}
	.table_listScrollDiv3 {overflow-y:auto; max-height:290px; border-bottom:1px solid #ddd;}
	

.addTr td {background-color:#c1ced4 !important;}


/* button */
.bu_s_search {width:60px; height:26px;background:url('../img/main/bu_s_red.png') no-repeat; text-align:center; font-size:13px; color:#fff; float:right; margin:-26px 5px 0px 0px;}

.bu_s_red {width:60px; height:26px;background:url('../img/main/bu_s_red.png') no-repeat; margin:1px; text-align:center; font-size:11px; color:#fff; }
.bu_s_blue {width:60px; height:26px;background:url('../img/main/bu_s_blue.png') no-repeat; margin:1px; text-align:center; font-size:11px; color:#fff; }
.bu_s_green {width:60px; height:26px;background:url('../img/main/bu_s_green.png') no-repeat; margin:1px;  text-align:center; font-size:11px; color:#fff; }
.bu_s_black {width:60px; height:26px;background:url('../img/main/bu_s_black.png') no-repeat; margin:1px;  text-align:center; font-size:11px; color:#fff; }
.bu2_s_gray {width:90px; height:17px;background:url('../img/main/bu2_s_gray.png') no-repeat; margin:1px;  text-align:center; font-size:11px; color:#fff; }
.bu_ss_black {width:32px; height:19px; background-color:#797a7f; margin:1px; text-align:center; font-size:11px; color:#fff; vertical-align:middle; -moz-border-radius: 2px; border-radius: 2px;}
.bu_sss_black {width:19px; height:19px; background-color:#797a7f; margin:1px; text-align:center; font-size:11px; color:#fff; vertical-align:middle; -moz-border-radius: 2px; border-radius: 2px;}

.fileview {width:19px; height:19px; background:url('../img/main/icon_fileview.png') no-repeat; margin:0px 0px 0px 2px; cursor: pointer;  vertical-align:middle;}
	.fileview:hover { background:url('../img/main/icon_fileview_over.png') no-repeat;}
.imageview {width:19px; height:19px; background:url('../img/main/icon_imageview.png') no-repeat; margin:0px 0px 0px 2px; cursor: pointer;  vertical-align:middle;}
	.imageview:hover { background:url('../img/main/icon_imageview_over.png') no-repeat;}
.cancel {width:19px; height:19px; background:url('../img/main/icon_cancel.png') no-repeat; margin:0px 0px 0px 2px; cursor: pointer;  vertical-align:middle;}
	.cancel:hover { background:url('../img/main/icon_cancel_over.png') no-repeat;}
.fileattech {width:19px; height:19px; background:url('../img/main/icon_filesearch.png') no-repeat; margin:0px 0px 0px 2px; cursor: pointer;  vertical-align:middle;}
	.fileattech:hover { background:url('../img/main/icon_filesearch_over.png') no-repeat;}
.filesearch {width:19px; height:19px; background:url('../img/main/icon_search.png') no-repeat; margin:0px 0px 0px 2px; cursor: pointer; vertical-align:middle;   }
	.filesearch:hover { background:url('../img/main/icon_search_over.png') no-repeat;}
.calendars {width:19px; height:19px; background:url('../img/main/icon_day.png') no-repeat; margin:0px 0px 0px 0px; cursor: pointer; vertical-align:middle;   }
	.calendars:hover { background:url('../img/main/icon_day_over.png') no-repeat;}
.print {width:19px; height:19px; background:url('../img/main/icon_print.png') no-repeat; margin:0px 0px 0px 0px; cursor: pointer; vertical-align:middle;   }
	.print:hover { background:url('../img/main/icon_print_over.png') no-repeat;}
.bu_t_red {color:#fff;  background:#D45758;  padding:6px 10px 3px 10px; -moz-border-radius: 3px; border-radius: 3px;  font-weight:bold;}
	.bu_t_red:hover {color:#fff; background:#B73133;}
.bu_t_red2 {color:#fff;  background:#D45758;  padding:3px 3px 1px 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_red2:hover {color:#fff; background:#B73133;}
.bu_t_red3 {color:#fff;  background:#D45758;  padding:2px 5px 0px 5px; -moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_red3:hover {color:#fff; background:#B73133;}
.bu_t_blue {color:#fff;  background:#24C7DF; padding:3px 5px 1px 5px;-moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_blue:hover {color:#fff; background:#198EA1;}
.bu_t_blue2 {color:#fff;  background:#6885BF;  padding:6px 10px 3px 10px;-moz-border-radius: 3px; border-radius: 3px;}
	.bu_t_blue2:hover {color:#fff; background:#3F5B96;}
.bu_t_blue2_1 {color:#fff;  background:#68A2BF;  padding:6px 10px 3px 10px;-moz-border-radius: 3px; border-radius: 3px;}
	.bu_t_blue2:hover {color:#fff; background:#3F5B96;}	
.bu_t_blue3 {color:#fff; letter-spacing:-1px; font-size:11px;  background:#24C7DF;  padding:2px 3px 0px 3px;-moz-border-radius: 3px; border-radius: 3px;}
	.bu_t_blue3:hover {color:#fff; background:#198EA1;}
.bu_t_green {color:#fff;  background:#cce574;  padding:3px 5px 1px 5px; -moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_green:hover {color:#fff; background:#26AB6F;}
.bu_t_green2 {color:#fff;  background:#26AB6F;  padding:6px 10px 3px 10px; -moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_green2:hover {color:#fff; background:#176844;}
.bu_t_green3 {color:#fff;  background:#26AB6F;  padding:2px 3px 0px 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_green3:hover {color:#fff; background:#176844;}
.bu_t_yellow {color:#fff;  background:#EBBE48; padding:3px 5px 1px 5px; vertical-align:middle; -moz-border-radius: 3px; border-radius: 3px;}
	.bu_t_yellow:hover {color:#fff; background:#D1A22A;}
.bu_t_yellow2 {color:#555A10;  background:#D4DE41; padding:3px 5px 1px 5px; vertical-align:middle; -moz-border-radius: 3px; border-radius: 3px;}
	.bu_t_yellow2:hover {color:#fff; background:#A7B11F;}
.bu_t_yellow3 {color:#fff;  background:#EBBE48; padding:1px 4px 0px 2px; vertical-align:middle; -moz-border-radius: 1px; border-radius:1px;}
	.bu_t_yellow3:hover {color:#fff; background:#A7B11F;}
.bu_t_gray {color:#fff;  background:#797979;  padding:6px 10px 3px 10px;-moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_gray:hover {color:#fff; background:#2E393B;}
.bu_t_gray2 {color:#ddd;  background:#797979; margin-left:2px;  padding:3px 5px 1px 5px;-moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_gray2:hover {color:#fff; background:#2E393B;}
.bu_t_gray3 {color:#ddd;  background:#797979;  padding:2px 3px 0px 3px;-moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_gray3:hover {color:#fff; background:#2E393B;}
.bu_t_gray4 {color:#ddd; font-size:10px; -moz-border-radius: 3px; border-radius: 3px; }
	.bu_t_gray4:hover {color:#fff;}



.bu_t_round {color:#444;  background:#fff; padding:3px 5px;-moz-border-radius: 3px; border-radius: 3px; border:1px solid #91c2de}
.bu_t_round:hover {background:#e2ecf2;}



/* decoration */
.borderLine {border-top:1px solid #999;}
.text_red {color:#cf0000;}
.text_green_b {color:#26AB6F; font-weight:bold; font-size:14px !important; background-color:#d2e4b9;}
.inputS {border:1px solid #e6e7e7; vertical-align:middle; font-size:11px; font-family:dotum; height:16px; padding-top:2px;}
.input100 {border:1px solid #e6e7e7; vertical-align:middle; width:97%; height:16px; padding-top:2px;}
.text100 {border:1px solid #e6e7e7; vertical-align:middle; width:97%; padding-top:2px;}
.input95 {border:1px solid #e6e7e7;  vertical-align:middle; width:94%; height:16px; padding-top:2px;}
.w100 {width:100%; height:16px;}
.w1002 {width:100%; height:20px;}
.vertical {vertical-align:middle;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important; }
.fl {float:left;}
.fr {float:right;}
.fb {clear:both;}
.mt10 {margin-top:10px;}
.h40 {height:30px;}
.h50 {height:54px;}
.tbg_green {background-color:#D9EAEE; font-weight:bold; color:#555; letter-spacing:-1px;} 
.lsp {letter-spacing:-1px;}
.inputGray {background-color:#F7F7F7;} 
.bd2 {border-top:2px solid #555;}

/* popup */
#popupLayout {width:100%; height:100%; background:#f9f9f9; margin:0px; padding:0px;}
 .groupBoxPopup {padding:5px; background:#f9f9f9;}
 	.groupBoxPopup .searchHead {padding:5px;}
 	.groupBoxPopup .searchHead h2 {font-size:12px; letter-spacing: -1px; color:#4DCAF1;}
 	.groupBoxPopup .searchHead .subTitles {font-size:11px; letter-spacing:-1px; color:#BEC4CB; font-weight:normal;}
 	.groupBoxPopup .table_list {width:100%;}
 	.groupBoxPopup .table_list3 {width:100%; border-top:2px solid #4D535F;}
 	.groupBoxPopup .buttonBoxBottom {margin-top:10px; padding-top:10px; border-top:1px solid #ddd;  text-align:center; }
 	

 /********************************************** calendar **************************************************************/
.calendar {
	width: 100%;
	display: inline-block;
}

.calendar ul {
	padding: 0 0 0 50%;
	height: 30px;
}

.calendar ul li {
	text-align: center;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	color: #666;
	float: left;
	vertical-align: bottom;
}

.calendarLiBu {
	padding: 10px 3px 0px 3px;
}

.calendarLiText {
	padding: 8px 0px 0px 0px;
}

.calendarTB {
	border-top: 2px solid #61a4d2;
	margin-top: 10px;
	background-color: #ccc;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.calendarTB thead tr th {
	background-color: #efefef;
	height: 30px;
}

.calendarTB tbody tr td {
	color: #777;
	background-color: #fff;
	vertical-align: top;
}

.calendarYearBlue {
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	color: #86b7d9;
}

.calendarDayBlue {
	font-size: 18px;
	font-family: arial, dotum;
	font-weight: bold;
	color: #86b7d9;
	margin: 0px;
	height: 20px;
	border-bottom: 1px solid #f3f3f3;
}

.calendarDayRed {
	font-size: 18px;
	font-family: arial, dotum;
	font-weight: bold;
	color: #c95555;
	margin: 0px;
	height: 20px;
}

.calendarTextBlue {
	font-size: 14px;
	font-family: arial, dotum;
	font-weight: bold;
	color: #86b7d9;
	margin: 0px;
	height: 20px;
}

.calendarTextRed {
	font-size: 14px;
	font-family: dotum;
	font-weight: bold;
	color: #c90000;
	margin: 0px;
}

.calendarBox {
	width: 98%;
	margin: 0 auto;
	height: 34px;
	clear: both;
	line-height: 160%;
	vertical-align: middle;
}

.calendarBoxL {
	width: 5px;
	height: 30px;
	background: url(/img/cimg/common/box_left.gif) no-repeat;
}

.calendarBoxI {
	width: 5px;
	height: 30px;
	background: url(/img/cimg/common/box_center.gif) repeat-x;
	padding-right: 2px;
}

.calendarBoxC {
	height: 30px;
	background: url(/img/cimg/common/box_center.gif) repeat-x;
}

.calendarBoxC p {
	margin: 0px;
	padding-left: 3px;
}

.calendarBoxC p:hover {
	background-color: #337ec0;
	color: #fff;
	cursor: pointer;
}

.calendarBoxR {
	width: 5px;
	height: 30px;
	background: url(/img/cimg/common/box_right.gif) no-repeat;
}

.calendarP1 {
	line-height: 120%;
	font-size: 11px;
	font-family: dotum;
	color: #888;
	border-bottom: 1px solid #cedfed;
	padding: 2px 0px 2px 0px;
	margin: 0px;
}

.outTableTdS2 {
	width: 50px;
	vertical-align: middle;
	text-align: center;
}
.readonly{
	background-color:#ccc;
	border:solid 1px #aaa;
}

.sPopupBox {position:absolute; display:none; width:300px; height:250px; border:2px solid #ccc; background-color:#fff; background-color:#efefef;}
	.sPopupBoxIn {padding:20px;}
	.sPopupBoxIn h1{font-size:16px; margin:5px 0px; color:#286baf;}
	.sPopupBoxIn p {margin:0px;}
	.areaBox {border:1px solid #ccc; width:100%;}
	
.tableInDivBox {border-top:2px solid #ccc;}
.tableInDivBoxIn {margin:5px; width:90%;}
	.titleName {margin:5px 0px; color:#286baf;}


/* etc */
.liListStyle {padding:5px 0px; text-align:left; border-bottom:1px dotted #ccc;}
.liListStyle input {border:1px solid #ccc;}
.liListButton {float:right;}
		
.bodyPopup {background-color:#fff !important;}
.bodyPopupGray {background-color:#f9f9f9 !important;}
.fieldsetS {border:1px solid #ccc; padding:5px;}
.popupStyleBox {width: 500px; height: 180px; text-align: center; positionbo: absolute; top: 50%; left:0px; margin:-80px 0px 0px 660px; border: 4px solid #85c144; padding: 10px;}
.popupStyleBox2 {width: 500px; height: 180px; text-align: center; position: absolute; top: 50%; left:50%; margin:-80px 0px 0px -250px; border: 4px solid #85c144; background-color:#fff; padding: 10px; display:none;}

.div_guide {width:20px; height:21px; display:inline;}
	.bu_guide_s {color:#fff;  background:#f7941d; text-align:center; padding:3px 5px 1px; -moz-border-radius: 3px; border-radius: 3px; margin:1px;vertical-align:middle;}
	.bu_guide_m {color:#fff; width:100px; background:#f7941d; text-align:center; padding:3px 5px 1px; -moz-border-radius: 3px; border-radius: 3px; margin:1px;vertical-align:middle;}
	.div_guideIn {position:absolute; margin-top:1px; padding:5px; border:2px solid #f7941d; background-color:#eee; display:none;}
	.div_guideIn p {margin:10px; color:#555; text-align:left !important;}
.font_b_gray {font-size:16px !important; font-weight:bold; font-family:arial !important;}

.color01 {background-color:#9ca5df !important;}
.color02 {background-color:#cbd1f4 !important;}
/* admin login */
.loginBody {background-color:#e7ebea !important; background:url('../img/main/admin_bg.png') !important;}
.loginLayout {width:400px; position:absolute; font-family:arial;  left:50%; top:100px; margin-left:-200px;}
	.loginHead {height:40px; background-color:#c3cdc9;}
	.loginHead h1 {padding:12px; margin:0px; color:#fff; font-size:20px;}
		.input_b {border:2px solid #bbb; font-size:16px; font-weight:bold; color:#508582;}
		.login_icon {width:80px; text-align:right; float:left;}
	.loginBodyIn {padding:20px 0px;}
		.loginLayoutIn ul li {text-align:center; padding:3px;}
		.loginLayout label {width:80px; display:inline-block; font-weight:bold; text-align:right; padding-right:10px; font-size:14px;}
		.loginButtonBox {clear:both; padding:10px 0px 8px; text-align:center;}
		.loginTabBox {height:30px; margin-bottom:25px;}
		.loginTabBox ul li {float:left; width:200px; height:20px; padding-top:7px; border-bottom:2px solid #508582; text-align:center;}
		.loginTabBox ul li a {font-size:16px; font-weight:bold;}
		.loginTabBox ul .loginT_on {background-color:#508582;}
		.loginTabBox ul .loginT_on a {color:#fff;}

#ui-datepicker-div {top:-100px;}
.tr_bg_minwon {background-color:#ffcccc;}
.tr_bg_minwon td {background-color:#ffcccc !important;}

/* input */
.trInput td input {display:block; margin:0 auto;}
.lineBg {background:url('../img/common/lineBg.png');}


/* topHeader 20170424 */
.topHeader {position:relative;display:inline-block;clear:both;width:90%;margin:45px 0 0 0; background:#4c535f; padding:0 0 0 10%;}
.topHeader li {display:inline-block; /* width:99px; */ text-align:center; color:#fff; letter-spacing:-1px; padding:15px 20px; background:url(../img/main/menu_dot.png) left center no-repeat; }
.topHeader li:first-child { background:none;}
.topHeader li a { color:#fff; font-size:12px !important; font-weight:500;}
.topHeader li.on { /*background:#8dc63f; */display:inline-block; color:#8dc63f;}
.topHeader li.on a { color:#8dc63f; font-weight:600; border-bottom:2px solid #8dc63f; padding:0 0 13px 0;}


/* ?넻怨? */
.statistics {position:absolute;top:7px;left: 160px;  padding:3px 10px; /*border-bottom:1px solid #141414; background:#242424;*/}
.statistics li { position:relative; float:left; margin:0 20px; color:#fff; padding:11px 0 0 0;}
.statistics li span { position:absolute; top:-8px; right:-40px; color:#cd3b48; background:url(../img/main/yellow_back.png) left top no-repeat; width:51px; height:24px; text-align:center; padding:2px 0 0 0;}

/* ?뿊???떎?슫濡쒕뱶 踰꾪듉 */
.excelBtn { float:left; font-size:11px; padding-top:3px; margin:0 0 5px 0;}
.excelBtn p { float:left; margin:0 5px 0 0; border:1px solid #CCC; background:#fff; padding:1px 5px;}
.excelBtn p img { width:15px; vertical-align:middle;}

/* ?쇊履쏀럹?씠吏? ?긽?떒???씠?? */
.leftpage_Top_head { border-bottom:0px solid #999; margin:20px0 0 0 0;}
.leftpage_Top_head p { font-size:12px; color:#666; font-weight:600;}
.leftpage_Top_head p span { font-size:11px; display:block; color:#999; font-weight:normal; padding:0 0 0 12px;}


/* ?떖?젰踰꾪듉 */
.carlendar_btn { margin:0 1px 0 0; border:1px solid #CCC; background:#fff; padding:2px 3px;}
.carlendar_btn a { color:#666666; }


.bu_s_search_2 {width:60px; height:26px;background:url('../img/main/bu_s_red.png') no-repeat; text-align:center; font-size:13px; color:#fff; } /* 20170424 ?닔?젙*/
.bu_s_black_2 {width:60px; height:26px;background:url('../img/main/bu_s_black.png') no-repeat; margin:1px;  text-align:center; font-size:11px; color:#fff; }/* 20170424 ?닔?젙*/


/* login_wrap */
.login_copyright { clear:both; display:block; color:#999; text-align:center; padding:20px 0 20px 0; line-height:200%;  font-family:Malgun Gothic;}
#login_wrap { position:relative; clear:both; width:720px; margin:220px auto 0;}
#login_left { float:left; width:360px; height:300px; background:#36a9e1;}
.login_left_img { text-align:center; padding:40px 0 0px 0;}
.login_left_txt { font-size:14px; text-align:center; line-height:150%; font-family:Malgun Gothic; color:#fff;}
.login_left_txt span { color:#fcff00; font-weight:600;}

#login_right { float:left; width:258px; height:198px; border:1px solid #e4e6eb; background:#f5f5f5; padding:50px;  font-family:Malgun Gothic;}
.login_left_ttl span { font-size:36px; color:#383e4b; display:block; font-family:Verdana, Geneva, sans-serif; letter-spacing:-1px;}
.login_left_ttl { font-size:12px; color:#9da0a8; display:block; line-height:300%; font-family:Malgun Gothic;}
.login_input { border:1px solid #e4e6eb; height:32px; width:250px; margin:0 0 3px 0;}
.login_btn { margin:10px 0 0 0; }
.login_btn a { background:#1e8fc6; padding:10px 20px; display:inline-block; color:#fff;}
.login_btn span { display:inline-block; float:right; color:#666666; padding:10px 0 0 0;}



h3 {font-size:14px}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.table_mem_se {width:100%; border:2px solid #e0e0e0;border-spacing:0;border-collapse:collapse;}
.table_mem_se tbody tr th {background-color:#e4e6eb; color:#555; padding:8px 0px; font-weight:normal; border:1px solid #e0e0e0;}
.table_mem_se tbody tr td {background-color:#fff; vertical-align:middle; padding:8px 5px;border:1px solid #e0e0e0;}



.table_mem_se2 {width:100%; border-top:2px solid #e0e0e0;border-spacing:0;border-collapse:collapse;}
.table_mem_se2 thead tr th {background-color:#e4e6eb; color:#555; padding:8px 0px; font-weight:normal; border-bottom:1px solid #e0e0e0;}
.table_mem_se2 tbody tr td {background-color:#fff; color:#555;vertical-align:middle; padding:8px 5px;border-bottom:1px solid #e0e0e0;}


.sms_img {position:absolute;background:url('../img/main/hp_bg.png') no-repeat;width:250px;height:800px;float:left;margin:15px 0 0 10px}
.searchHead div.searchHead_btn {position:absolute;right:0;padding-right:0px;top:-5px;}
.searchHead {position:relative}