@charset "utf-8";
body{margin-left: 0;margin-top: 0;font-family:돋움; font-size: 12px;}
#container { 
	position: relative; 
	width: 100%;  
	background: #FFFFFF;
	text-align: left; 
} 
#header { height: 111px; background: #fff; padding: 0; } 
#sidebar11 {	position: absolute;	top: 111px;	left: 0; width: 427px;	padding: 0; }
#sidebar21 {	position: absolute;	top: 60px;	right: 0;	width: 160px;	background: #EBEBEB; padding: 15px 10px 15px 20px; }
#sidebar31 {	position: absolute;	top: 111px;	left: 0; width: 240px;	padding: 20px 0 0 15px; }

#mainContent11 { margin: 0 427px;	padding: 0 10px; border:0px solid #ccc; width:457px; }
#mainContent31 { margin: 0 224px;	padding: 20px 0; border:0px solid #ccc; width:650px; }
/*#mainContent3 { margin: 0 240px;	padding: 0 10px; border:0px solid #ccc; width:457px; }*/

#footer1 { position: absolute; top: 603px; padding: 0 10px 0 20px; border:0px solid red;	width:900px; }
#footer3 { padding: 0 10px 0 20px; border:0px solid red;	width:900px; }



/*레이아웃DIV*/
#container1{width: 100%;margin: 0 auto;}
#container2{width: 900px;margin: 0 auto;}
#container3{width: 900px;margin: 0 auto;}
#container4{width: 950px;margin: 0 auto;}
/*레이아웃DIV-왼쪽*/
#sidebar1{float: left; width: 200px; background: #EBEBEB;}
#sidebar2{float: left; width: 750px;}
#sidebar3{float: left; width: 350px;}
#sidebar4{float: left; width: 460px;}
#sidebar5{float: left; width: 450px;}
#sidebar6{float: left; width: 730px;}
#sidebar7{float: left; width: 500px;}
#sidebar8{float: left; width: 700px;}
#sidebar9{float: left; width: 300px;}
#sidebar10{float: left; width: 600px;}
/*레이아웃DIV-오른쪽*/
#mainContent1{margin: 0 0 0 200px;}
#mainContent2{margin: 0 0 0 760px;}
#mainContent3{margin: 0 0 0 360px;}
#mainContent4{margin: 0 0 0 470px;}
#mainContent5{margin: 0 0 0 460px;}
#mainContent6{margin: 0 0 0 740px;}
#mainContent7{margin: 0 0 0 510px;}
#mainContent8{margin: 0 0 0 710px;}
#mainContent9{margin: 0 0 0 310px;}
#mainContent10{margin: 0 0 0 610px;}


.clearfloat { clear:both; height:0; font-size: 1px;line-height: 0px;}

.flash01{width: 66px; height: 65px; text-align:center;}
.flash02{width: 1000px; height: 100px;}


/*데이타그리드*/
.dataListHead2 { border-collapse:collapse;  border: 1px solid #ddd;	table-layout:fixed;}
.dataListHead2 th{ margin: 0; padding: 2px; border: 1px solid #ddd;height:23px; font-size:12px; text-align: center; background-color:#DDEDCB; color:#000000; font-weight:normal;}
.dataListHead2 td{  margin: 0; padding: 2px; font-size:12px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; white-space: nowrap; background-color:#DDEDCB;}

.dataListHead6 { border-collapse:collapse;  border: 1px solid #ddd;	table-layout:fixed;}
.dataListHead6 th{ margin: 0; padding: 2px; border: 1px solid #ddd;height:23px;font-size:12px; text-align: center; background-color:#FFF4F4; color:#000000; font-weight:normal;}
.dataListHead6 td{ margin: 0; padding: 2px; font-size:12px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; white-space: nowrap;}

.dataList1 { border-collapse:collapse;  border: 1px solid #eee;	table-layout:fixed; width:100%;}
.dataList1 th{ margin: 0; padding: 2px; border: 1px solid #eee;height:23px;font-size:12px; text-align: center; background-color:AliceBlue; color:rgb(103, 103, 103); font-weight:normal;}
.dataList1 td{ margin: 0; padding: 2px; font-size:12px; border-top: 1px solid #eee; border-left: 1px solid #ccc; white-space: nowrap;}


.dataList7 { border-collapse:collapse;  border: 1px solid #eee;	table-layout:fixed; width:100%;}
.dataList7 th{ margin: 0; padding: 2px; border: 1px solid #eee;height:23px;font-size:12px; text-align: center; background-color:AliceBlue; color:rgb(103, 103, 103); font-weight:normal;}
.dataList7 td{ margin: 0; padding: 2px; font-size:12px; border-top: 1px solid #eee; border-left: 1px solid #ccc; white-space: nowrap;}


.dataList2 { border-collapse:collapse; 	table-layout:fixed; width:100%;}
.dataList2 th{ margin: 0; padding: 2px; border-bottom: 1px solid #808080;border-right: 1px solid #808080;height:23px;font-size:12px; text-align: center; background-color:#eaeaea; font-weight:normal; }
.dataList2 td{ margin: 0; padding: 2px; font-size:12px; height:23px; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }


.dataList3 { border-collapse:collapse;  border: 0px solid #ddd;width:100%;}
.dataList3 th{ margin: 0; padding: 2px; border: 0px solid #ddd;height:23px;font-size:12px; text-align: center; background-color:#FFF4F4; color:#000000; font-weight:normal;}
.dataList3 td{ margin: 0; padding: 3px; font-size:11px; border-top: 0px solid #ddd; border-left: 0px solid #ddd; white-space: nowrap;}

.dataList6 { border-collapse:collapse;  border: 1px solid rgb(167, 211, 255);	table-layout:fixed;}
.dataList6 th{ margin: 0; padding: 2px; border: 1px solid rgb(167, 211, 255);height:23px;font-size:12px; text-align: center; background-color:#FFF4F4; color:#000000; font-weight:normal;}
.dataList6 td{ margin: 0; padding: 2px; font-size:12px; border-top: 1px solid rgb(167, 211, 255); border-left: 1px solid rgb(167, 211, 255); white-space: nowrap;background-color:rgb(209, 232, 255);}


.dataList4 { border-collapse:collapse; 	table-layout:fixed; width:100%;}
.dataList4 th{ margin: 0; padding: 2px; border-bottom: 1px solid #808080;border-right: 1px solid #808080;height:23px;font-size:12px; text-align: center; background-color:#eaeaea; font-weight:normal; }
.dataList4 td{ margin: 0; padding: 2px; font-size:12px; height:23px; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; white-space: nowrap;background-color:#eaeaea;}


.dataList5 { border-collapse:collapse; 	table-layout:fixed;}
.dataList5 th{ margin: 0; padding: 2px; border-bottom: 1px solid #808080;border-right: 1px solid #808080;height:23px;font-size:12px; text-align: center; background-color:#eaeaea; font-weight:normal; }
.dataList5 td{ text-align:left; margin: 0; padding: 2px; font-size:12px; height:23px; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; white-space: nowrap;}

.dataList17 { border-collapse:collapse; table-layout:fixed; width:100% }
.dataList17 th{ background: url(../image/service_p2.gif) no-repeat 5px 50% ; margin: 0; padding-left: 20px; font-size:12px; text-align:left; font-weight:bold;}
.dataList17 td{ text-align:left; margin: 0; padding: 2px; height:23px; font-size:12px; font-weight:normal; height:24px; }

.dataList18 { border-collapse:collapse; table-layout:fixed; width:100%; border:1px solid #C0C0C0 }
.dataList18 th{ text-align:center; margin:0; height:18px; font-size:12px; font-weight:normal; background:#F3F3F3; border:1px solid #C0C0C0;}
.dataList18 td{ text-align:left; margin: 0; padding: 2px; height:18px; font-size:12px; font-weight:normal;  border:1px solid #C0C0C0 }

.dataList19   { border-collapse:collapse; table-layout:fixed; width:1036px;}
.dataList19 th{ margin: 0; padding: 2px; border-bottom: 1px solid #808080;border-right: 1px solid #808080;height:23px; font-size:11px; text-align: center; background-color:#eaeaea; font-weight:normal; }
.dataList19 td{ margin: 0; padding: 2px; font-size:11px; height:23px; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }

.datajoin { border-collapse:collapse;  	table-layout:fixed; width:100%;}
.datajoin th{ margin: 0; padding: 2px; border-bottom: 1px solid #e8e8e8; height:24px;font-size:12px; text-align: center; background-color:#f7f7f7; color:rgb(103, 103, 103);}
.datajoin td{ text-align:left; margin: 0; padding: 6px; font-size:12px; border-bottom: 1px solid #e8e8e8; }


/*데이타그리드영역*/
.dataResion1{ border-top:2px solid #6ac5c9;; border-left:1px solid #6ac5c9;border-bottom:1px solid #6ac5c9;border-right:1px solid #6ac5c9;}
.dataResion2{border-top:4px solid #cc6633; border-left:1px solid #999;border-bottom:1px solid #999;border-right:1px solid #999;}
.dataResion3{ width:60%; border-top:4px solid #336600; border-left:1px solid #999;border-bottom:1px solid #999;border-right:1px solid #999;}
.dataResion4{border-top:4px solid #960; border-left:1px solid #999;border-bottom:1px solid #999;border-right:1px solid #999;}
.dataResion5{ border-top:2px solid #bcabe1;; border-left:1px solid #bcabe1;border-bottom:1px solid #bcabe1;border-right:1px solid #bcabe1;}


/*데이타출력부문*/
.gridbox{ overflow-y:scroll; overflow-x:hidden;	width: 100%; height: 250px;}
.gridbox2{ overflow-y:scroll; overflow-x:hidden; width: 100%; height:150px;}
.gridbox3{ overflow-y:scroll; overflow-x:hidden; height:500px;}
.gridbox4{ overflow-y:scroll; overflow-x:hidden; width: 100%; height:70px;}
.gridbox7{ overflow-y:scroll; overflow-x:hidden; width: 100%; height: 271px; }
.gridbox71{ overflow-y:scroll; overflow-x:hidden; height: 268px; }
.gridbox72{ overflow-y:scroll; overflow-x:hidden; height: 279px; }
.gridbox73{ overflow-y:scroll; overflow-x:hidden; height: 250px; }
.gridbox8{ overflow-y:scroll; overflow-x:hidden; width: 100%; height: 370px; }
.gridbox81{ overflow-y:scroll; overflow-x:hidden; height: 415px; }
.gridbox82{ overflow-y:scroll; overflow-x:hidden; height: 330px; width:100%;}
.gridbox83{ overflow-y:scroll; overflow-x:hidden; height: 443px; }
.gridbox84{ overflow-y:scroll; overflow-x:hidden; height: 370px; }
.gridbox85{ overflow-y:scroll; overflow-x:hidden; height: 350px; }
.gridbox86{ overflow-y:scroll; overflow-x:hidden; height: 300px; }
.gridbox87{ overflow-y:scroll; overflow-x:hidden; height: 150px; }
.gridbox88{ overflow-y:scroll; overflow-x:hidden; width:100%;}
.gridbox89{ overflow-y:hidden; overflow-x:hidden; width:100%;}
.gridbox90{ overflow-y:scroll; overflow-x:hidden; height: 330px; width:1053px;}

/*DIV 설정*/
.div04{padding-right:17px;}
.div05{padding-right:17px; }
.div051{padding-right:17px;}
.div06{padding:30px;}
.div01{text-align:left; padding:5px; }
.div02{text-align:center; padding:5px; }
.div03{text-align:left; padding:5px 0px 5px 0px; }
.div07{padding:5px; background: #eee; text-align: left}
.div17{padding:5px; background: #f7f7f7; text-align: left; margin: 5px; border: 1px dashed #cccccc; padding:10PX;}
.div17_1{padding:5px; background: #eee; text-align: left; margin: 5px; border: 1px solid #cccccc;}
.div18{padding:5px 10px; border-left: 1px solid #cccccc; margin: 0 0 0 40%;}
.div19{width:40%; float: left;}
.div20{padding:15px; border-left: 1px solid #cccccc; margin: 0 0 0 40%;}
.div21{padding:15px; border-left: 1px solid #cccccc; margin: 0 0 0 50%;}
.div22{width:50%; float: left;}
.div23{padding:35px; border-left: 1px solid #cccccc; margin: 0 0 0 50%;}
.div24{padding:45px; border-left: 1px solid #cccccc; margin: 0 0 0 50%;}
.div25{padding-left:10px; border-left: 1px solid #cccccc; margin: 0 0 0 50%;}
.div26{padding:10px; border-left: 1px solid #cccccc; margin: 0 0 0 40%; }
.div27{padding:10px; border-left: 1px solid #cccccc; margin: 0 0 0 40%;}
.div28{padding:50px; border-left: 1px solid #cccccc; margin: 0 0 0 50%;}
.div29{text-align:center; padding:5px; border: 1px solid #eee; width: 200px; }
.div30{width:60px; height:60px; position:absolute; left:320px; top:70px; }
.div31{text-align:left; padding:5px; line-height: 150%; }
.div33{width:330px; margin-right:20px }

.divCenter{position: absolute; top:40%; left:40%;margin:-100px 0 0 -100px;}
.divCenter2{width:100%; height:100%; text-align:center;}
.displayNone{display:none;}
.adim_img {background: url(../image/admin_bg.jpg) no-repeat;  background-position:right; width:650px; height:500px;} 


/*입력폼필드*/
.input1 { font-size: 12px; color: #000;background: #ffffff; border: 1px solid #79A4CE;text-align: left;margin-right: 2px;}
/*.input2 { font-size: 12px; color: Red;width:100px; height: 18px; background-color: #FFFFCC; border: 1px solid #79A4CE;text-align: left;}*/
.input2 { font-size: 12px; color: #000;width:86px;  background-color: #FFF; border: 1px solid #79A4CE;text-align: left;}
.input3 { font-size: 12px; color: #000;background: #ffffff; width:50px; border: 1px solid #79A4CE;text-align: left;}
.input4 { font-size: 12px; width:100px;  text-align: left;border: 0px ;}
.input5 { font-size: 12px; color: #000;width:170px; border: 1px solid #79A4CE;text-align: left;background: #ffffff;}
.input6 { font-size: 12px; width:150px;  text-align: left;border: 0px ;}
.input7 { font-size: 12px; color: #000;width:250px; border: 1px solid #79A4CE;text-align: left;background: #ffffff;}
.input8 { height: 18px; border:1px solid #CDCDCD; background:#FFFFFF;}
.input9 { border:1px solid #CDCDCD; background:#FFFFFF;}
.input10 { font-size: 12px; color: #000;width:50px;  background-color: #FFF; border: 1px solid #79A4CE;text-align: left;}
.input11 { font-size: 12px; width:170px;  text-align: left;border: 0px ;}
.input12 { font-size: 12px; color: #000;background: #e0e0e0; border: 1px solid #79A4CE;text-align: left; }

/*조회조건부문*/
.search1 { line-height:180%;  padding:10px 10px 10px 10px; text-align:left; border-top:3px solid #a1c96a;border-left:1px solid #a1c96a;border-right:1px solid #a1c96a;border-bottom:1px solid #a1c96a;margin-bottom: 10px;}
.search2 { width: 100%; padding:10px; background:#F3F3F3; text-align:left;}
.search3 { width: 100%; padding:10px; background:#D5EAEA; text-align:left;}
.search4 { background:url("../image/title01.jpg") no-repeat; padding: 6px 0px 0px 15px; font-weight: bold; color: #fff; text-align: left;margin-bottom: 0px;}
.search5 { background:url("../image/title02.jpg") no-repeat; padding: 6px 0px 0px 15px; font-weight: bold; color: #fff; text-align: left;}
.search6 { background:url("../image/title03.jpg") no-repeat; padding: 6px 0px 0px 15px; font-weight: bold; color: #fff; text-align: left;}
.search7 { background:url("../image/title02.jpg") no-repeat; padding: 6px 0px 0px 15px; font-weight: bold; color: #fff;text-align: left;}
.search8 {width:40%; float: left;}
.search9 {  padding:10px; background:#D5EAEA; text-align:left; border:1px solid #6ac5c9; margin-bottom: 5px;}

/*중제목부문*/
.midTitle{ padding:10px 10px 10px 20px;	font-size:120%;	font-weight: bold; text-align:left;	background-color: #F6F9FB; background: url(../image/icon06.gif) no-repeat 5px 50%; border:1px;}
.midline{ border-bottom:1px solid #999; width:720px;}


.line{border-bottom: 1px solid #b5b5b5;}

