*{ 
		padding:0; margin: 0;  font-size: 12px;
		font-family: "³ª´®°íµñ","¸¼Àº°íµñ","Malgun Gothic",serif;
} 
/*html,body{height:100%} */
body {
		/* margin:0  */ /* 20150916*/
		/*min-height:100% */ /* 20150916*/
		font-family:"³ª´®°íµñ", "¸¼Àº°íµñ","Malgun Gothic",serif;
		overflow-x:hidden;overflow-y:visible;		
}  
/* 
@media  screen and (min-width: 1360px) {   
} 

@media only screen and (min-width : 1824px) {
}
*/
#wrap {
		/*width:100%; */
		width:100%;
		height:auto;
		margin:0 auto;
		font-family: "³ª´®°íµñ","¸¼Àº°íµñ","Malgun Gothic",serif;

} /*margin :0 auto È­¸é Áß¾Ó */

#header {
		width:100%;
		height:30px; *height:30px;
		*position:relative;*z-index:1000;
		min-height:30px;
		background:#FFFFFFF;
}
.login {
		width:100%;
		height:30px;
		color:#FFFFFF;
		text-align:right;
}
#header #logo {
		width:25%;
		margin-left:100px;
		float:left;
		margin-top:1px;
		background:#FFFFFFF;
}
#header #content {
		width:75%;
		margin-left:0px;
		float:left;
		margin-top:0px;
		background:#000000;
		*position:absolute;*z-index:3000
}

#header2 {
		width:1024px;
		margin:auto;
		*position:relative;*z-index:1000;
		background:#FFFFFFF;
}

#header2 #logo {
		width:25%;
		float:left;
		margin:auto;
}

.logo img{
		 max-width: 100% ;
		 width: expression(this.width > 288 ? 288: true) ;
		 height: auto ;
 }

#header2 #content22 {
		margin:auto;
		width:70%;
		float:left;
		margin-top:0px;
		*position:absolute;*z-index:3000
}
#header #content {
		width:75%;
		margin-left:0px;
		float:left;
		margin-top:0px;
		background:#000000;
		*position:absolute;*z-index:3000
}
#contents_main {height:100%;}
#foot_line {
				float:left;
				border-left:1px solid #A6A6A6;border-bottom:1px solid #A6A6A6;border-right:1px solid #A6A6A6;
				border-top:4px solid #2478FF;
				width:1020px;
				height:30px;
				margin-top:5px;
				margin-top:10px \9;
			   }

#main2 {
		width:1020px; 
		height:353px;
		overflow:hidden;
		margin:auto;
		*margin-top:10px;
}
#container2 {
		width:1024px;
		/* width:100%; */
	 	height:280px;
		overflow:hidden;
		margin:auto;
		margin-top:10px;
		*margin-top:20px;
}
#container2 #sidebar{
		width:30%;
		height:230px;
		min-height:230px;
		float:left; 
		margin-left:3px;
		margin-left:0px  \0/IE8+9;
}
/* #container2 #sidebar2{
		border-left:1px solid #A6A6A6;border-bottom:1px solid #A6A6A6;border-right:1px solid #A6A6A6;
		border-top:4px solid #2478FF;
		width:10% \9;
		width:13%;
		height:230px;
		min-height:230px;
		float:left; 
		margin-left:0px  \9;
		margin-left:10px;
		
} */
.gongji {
		float:left;
		height:200px;
		line-height:22.5px;
		line-height:22.5px \9;
		list-style-type:disc ;color:#1376c9;
}
#gongji a:link {
		text-decoration:none;
		color:#333333;
}
#gongji a:visited {
		text-decoration:none; 
		color:#333333;
}
#gongji A:active {
		text-decoration:none; 
		color:#333333;
} 
#gongji a:hover {
		text-decoration:underline; 
		color:#1376c9;
}
#container2 #content {
		width:28%;
		height:230px;min-height:230px;
		float:left;
		margin-left:10px;
		padding-left:20px;
		padding-left:20px \9;

}
/*.content_lineBlue{border:2px solid #1376c9;border-radius:5px;-webkit-border-radius:3px;-moz-border-radius:3px;}*/
#container2 #right {

		width:25%;
		*width:23% \9;
		height:230px;min-height:230px;
		float:right;
		margin-right:2px;
		float:right \9;
		margin-right:0px \9;
	
}
#banner {
		margin-top:-10px;
		width:100%;
		height:250px;
		float:left;
		margin-left:-10px \9;
		margin-left:-30px \8;
}

#footer { 
	/*	margin-top:7.3em; *//*height:1.9em */  /* 20150916*/
		padding:10px; /* 20150916*/
		width:100%;
		height:10%;
		bottom: 0;
		background:#003399;
		/*background : #FFFFFF;*/
		float:left;
		overflow-y:hidden;
}
#footer22 {
		width:1024px; 
		bottom: 0;
		height:auto;
		overflow:hidden;
		margin:auto;
		background:#003399;
}
#select_box { 
		margin-top:50px;
		margin-left:82%;
}
/*#footer #link{width:100%;height:210px;background: #FFFFFF; float:left;} */
#logof {
		float:left;
		width:15%;
		margin-left:100px;
		margin-top:20px;
}
#footer_content { 
		float:left;
		width:50%;
		margin-top:20px;
		margin-left:-120px;
		color:#D5D5D5;
		line-height:20px;
		font-family: "³ª´®°íµñ","¸¼Àº°íµñ","Malgun Gothic",serif; 
		overflow:hidden;
} 
#footer_content a:hover { 
		text-decoration:underline;
} 
#footer_content a:link { 
		color:#D5D5D5;
}
#footer_content a:active { 
		color:#D5D5D5;
} 
#footer_content a:visited { 
		color:#D5D5D5;
} 
#menu { 
		 width:340px;
         height:200px;
		 float:left;
}
#menu .left { 
		float:left;
		width:330px;
		height:100px;
		margin-top:5px;
}
#menu .right {
		float:left;
		width:330px;
		height:100px;
}
.h2 { 
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif; 
		font-size:15px;
}
.float_l { 
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif;
		font-size:20px;
		font-weight:bold;
		color:#1376c9;
} 

.float_ll { 
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif;
		font-size:20px;
		font-weight:bold;
		color:#1376c9;
} 
.float_ll_b { 
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif;
		font-size:15px;
		font-weight:bold;
		color:#1376c9;
		float:left ;
		margin-left:5px;
		margin-top:5px;
} 
.float_ll l{ 
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif;
		font-size:20px;
		font-weight:bold;
		color:#1376c9;
		margin-left:170px;
} 
.footer { 
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif;
		font-size:12px;
		color:#FFFFFF;
}
.address {
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif; 
		font-size:12px;
		color:#FFFFFF;
		margin-left:300px;
}
.copyright {
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif;
		font-size:12px;
		color:#FFFFFF;
		margin-left:300px;
}
a { 
		text-decoration:none;
}
#container3 {
		width: 270px;
		height:140px;
		margin-top:5px auto;
		text-align: center;
}
#images {
		width: 270px;
		height: 150px;
		overflow: hidden;
		position: relative;
		margin: 0px auto;
}
#images img {
		width: 270px;
		height: 140px;
		position: absolute;
		top: 0;
		left: -400px;
		z-index: 1;
		opacity: 0;
		transition: all linear 500ms;	-o-transition: all linear 500ms;	-moz-transition: all linear 500ms;-webkit-transition: all linear 500ms;
}
#images img:target {
		left: 0;
		z-index: 9;
		opacity: 1;
}
#images img:first-child {
		left: 0;
		opacity: 1;
}
#slider a {
		text-decoration: none;
		background: #FFFFFF;
		border: 1px solid #C6E4F2;
		padding: 0px 7px;
		margin-left:15px;
		color: #222;
}
#slider a:hover {
		background: #C6E4F2;
}
#layerPop{
		position:absolute;
		z-index:1;
		margin-left:30px;
		width:407px;
		height:290px;
		position:absolute;
		display:block;
		border:3px solid #F6F6F6;
		padding:0px;
		border-radius:5px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#layerPop .close{
		position:absolute;
		bottom:5px;
		right:5px;
}
#title {
		width:407px;
		height:40px;
		background:#FFFFFF;
		color:#FFFFFF;
		text-align:center;
} 
#title22 {
		width:407px;
		height:40px;
		background:#FFFFFF;
		color:#FFFFFF;
		text-align:left;
} 
#bottom{
		height:3px;
		position:absolute;
		bottom:0px;
		width:407px;
		height:40px;
		background:#FFFFFF;
		color:#FFFFFF;
		margin-bottom:0px;
} 
h1 {
		/*  font: 2.0em normal Georgia, 'Times New Roman', Times, serif; */
		/*color:#333;*/
		font-family: "¸¼Àº°íµñ","Malgun Gothic",serif; 
		font-size:20px;
		font-weight:bold;
		color:#1376c9;
		margin: 0;
		padding: 5px 0;
		font-weight:bold;
}
h1 small{
		font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing: 1.5em;
		display: block;
		color: #fff;
}
/* menu */
ul#topnav {
		margin: 0; padding: 0;
		margin-top: 0px;
		float: left;
		width: 830px;
		height: 80px;
		*height:60px;
		list-style: none;
		position: relative;
		font-size: 16px;
		/*background:url(images/topnav_s.gif) repeat-x;*/
		background : #FFFFFF;
}
ul#topnav li {
	
		float: left;
		margin: 0; padding: 0;
		/*border-right: 1px solid #555;*/
}
ul#topnav li a {

		padding: 10px 20px;
		display: block;
		color: #000000;
		margin-top:1px;
		text-decoration: none;
		font-size: 13px; font-weight:bold;
}
ul#topnav a:hover {
		font: 0.2 em normal Georgia, 'Times New Roman', Times, serif;
		margin: 0;
}
ul#topnav li:hover { 
		background: #0054FF url (images/topnav_a.gif) repeat-x;
		color:#000000; 
}
ul#topnav li span {
		float: left;
		padding: 10px 1px;
		border-left : 3px solid #1376D9;	border-right: 3px solid #1376D9;border-bottom: 3px solid #1376D9;
		position: absolute;z-index:1;*position:absolute;*z-index:1000;
		left:1px; top:50px;
		display: none;
		width: 760px;
		background: #1376c9;
		color: #fffFFF;
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span {
		display: block;
		color:#FFFFFF; 
}
ul#topnav li span a { 
		display: inline;
		color:#FFFFFF;
}
ul#topnav li span a:hover {
		text-decoration: underline;
		color:#FFFFFF;
		background:#0089FF;
}
/* top Button Style */
.white {
		color: #606060;
		border: solid 1px #b7b7b7;
		background: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
		background: -moz-linear-gradient(top,  #fff,  #ededed);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
		background: #ededed;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
		background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
		color: #999;
		background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
		background: -moz-linear-gradient(top,  #ededed,  #fff);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.blue {
		color: #FFFFFF;
		border: solid 1px #0076a3;
		background: #D4F4FA;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
		color: #FFFFFF;
		background: #D4F4FA;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
		color: #FFFFFF;
		background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
		background: -moz-linear-gradient(top,  #0078a5,  #00adee);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.gray {
		color: #e9e9e9;
		border: solid 1px #555;
		background: #6e6e6e;
		background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
		background: -moz-linear-gradient(top,  #888,  #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
		background: #616161;
		background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
		background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
		color: #afafaf;
		background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
		background: -moz-linear-gradient(top,  #575757,  #888);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
.button {
		display: inline-block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		*display: inline;
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font: 14px/100% Arial, Helvetica, sans-serif;
		padding: .5em 5em .55em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		border-radius: .0em \9;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
		text-decoration: none;
}
.button:active {
		position: relative;
		top: 1px;
}
.bigrounded {
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
		border-radius: 2em;
}
.medium {
		font-size: 12px;
		padding: .4em 1.5em .42em;
}
.small {
		font-size: 11px;
		padding: .2em 1em .275em;
}
#login a{
		color: #339;
		text-decoration: none;
}
#login a:hover{
		text-decoration: none;
} 
label {
		display: block;
		color: #666;
		font-size: 15px;
}

#username, #password, #username2
{
	font-size: 2em;
	width: 350px;
}
.button.button-silver {
		background: #c5c5c5;
		background-image: -moz-linear-gradient(top, #eaeaea, #c5c5c5);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#c5c5c5));
		background-image: -webkit-linear-gradient(top, #eaeaea, #c5c5c5);
		background-image: -o-linear-gradient(top, #eaeaea, #c5c5c5);
		background-image: linear-gradient(to bottom, #eaeaea, #c5c5c5);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c5c5c5');
}
.button.button-silver:hover {
		background: #eaeaea;
		background-image: -moz-linear-gradient(top, #c5c5c5, #eaeaea);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c5c5c5), to(#eaeaea));
		background-image: -webkit-linear-gradient(top, #c5c5c5, #eaeaea);
		background-image: -o-linear-gradient(top, #c5c5c5, #eaeaea);
		background-image: linear-gradient(to bottom, #c5c5c5, #eaeaea);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5c5c5', endColorstr='#eaeaea');
}
.button.button-silver:active {
		background: #c5c5c5;
}
.tascolor { 
		border-style:groove;
		scrollbar-3dlight-color:white;
		scrollbar-arrow-color:black;
		scrollbar-base-color:white;
		scrollbar-darkshadow-color:white;
		scrollbar-face-color:#CCFF00;
		scrollbar-highlight-color:white;
		scrollbar-shadow-color:white
}
#aa {
		width:200px;
		height:50px;
		margin-top:0px;
		float:left
}
#bb {
		width:100px;
		height:50px;
		margin-top:0px;
		float:left;
		margin-top:10px;
}
#cc {
		width:200px;
		height:50px;
		margin-top:0px;
		float:left
}
#dd {	
		width:100px;
		height:50px;
		margin-top:0px;
		float:left;
		margin-top:10px;
}
#number{
		width:350px;
		height:50px;
		float:left
}
#number2{
		width:350px;
		height:50px;
		float:left;
		margin-top:50px;
}
#dialog-message2 {
		width:357px;
		*width:356px;
		height:210px;
		margin-top:210px;
		margin-left:50px;
		*margin-left:54px;
		position:absolute;
		z-index:5;
} 
#main22 {
		width:1024px; 
		overflow:hidden;
		margin:auto;
}

  .op-80 {
                /* opacity = CSS3 Åõ¸íµµ ÁöÁ¤ ¼Ó¼º ¹üÀ§´Â 0~1.0(Áö¿ø IE9ÀÌ»ó, Firefix2.0ÀÌ»ó, Chrome4.0ÀÌ»ó, Opera9.0ÀÌ»ó  */
                /* http://caniuse.com/css-opacity ÂüÁ¶ */
                opacity: 0.8;
 
                /* Firefox ÀÌÀü ¹öÀü¿¡¼­ Åõ¸íµµ ÁöÁ¤ */
                -moz-opacity: 0.8;
 
                /* Safari ÀÌÀü ¹öÀü¿¡¼­ Åõ¸íµµ ÁöÁ¤ */
                -khtml-opacity: 0.7;
 
                /* MS Internet Explorer 8,9¿¡¼­ Åõ¸íµµ ÁöÁ¤. ¹Ýµå½Ã filterº¸´Ù ¾Õ¿¡ ¿Í¾ß ÇÔ. ¹üÀ§´Â 0~100 */
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 
                /* MS Internet Explorer 4,5,6,7¿¡¼­ Åõ¸íµµ ÁöÁ¤. 8,9µµ filter Áö¿øÇϳª ºê¶ó¿ìÀú ¸ðµå¿¡ µû¶ó Áö¿øÇÏÁö ¾ÊÀ» ¼ö ÀÖÀ¸¹Ç·Î Ãß°¡ÇÔ */
                filter: alpha(opacity=80);
            }