@charset "UTF-8";

	/* 데스크탑 */
	@keyframes fadein {
			    from {
			        opacity:0;
			    }
			    to {
			        opacity:1;
			    }
			}
			@-moz-keyframes fadein { /* Firefox */
			    from {
			        opacity:0;
			    }
			    to {
			        opacity:1;
			    }
			}
			@-webkit-keyframes fadein { /* Safari and Chrome */
			    from {
			        opacity:0;
			    }
			    to {
			        opacity:1;
			    }
			}
			@-o-keyframes fadein { /* Opera */
			    from {
			        opacity:0;
			    }
			    to {
			        opacity: 1;
			    }
			}	
 @media all and (min-width: 639px) {
  		  a:link { color: black; text-decoration: none;}
		  a:visited { color: black; text-decoration: none;}
		  a:hover { color: black; text-decoration: none;}
		  input:focus {outline:none;}
		  select:focus{outline: none;}
 		  #noticeTitle{
		  	display:none;
		  }

		  #notice1{	
		  	width:100%;
			display:inline-block;
			margin-top:40px;
			text-align: center;
		
		  }
		   #wrap{
		  	text-align: center;
		  }
		  .nodeTable{
		  	text-align:left;
		  	border-collapse:collapse;
		  	margin:0 auto;
		  	width:60%;
		  	margin-bottom:50px;
		  	table-layout: fixed;
		  }
		  .nodeTable td{
		  	padding:10px 10px 10px 10px;
		  }
		  .moveDetail1{
		  
		  	 text-align: right;
		  }
		   .moveDetail2{
		   
		   text-overflow: ellipsis;
		  	overflow: hidden;
		  	white-space: nowrap;
		  }
		   .moveDetail3{
	
		   text-align: right;
		  }
		  .cola{
		  	width:5%;
		  }
		  .colb{
		    width:75%;  
		  }
		  .colc{
		  	width:20%;  
		  }
		   .bannerImg{
				background: url(../image/noticeBanner.jpg)center/cover no-repeat;
   			    width:100%;
   			    text-align: center;
   			    color:black;
   			    font-size:34px;
   			    margin-top:61px;
   			   padding:50px 0 70px 0;
			}
			
			.bannerImg font{
				font-size:16px;
				 animation: fadein 5s;
    			-moz-animation: fadein 5s; /* Firefox */
    			-webkit-animation: fadein 5s; /* Safari and Chrome */
    			-o-animation: fadein 5s; /* Opera */
			}
			.bannerImg p{
				animation: fadein 1s;
    			-moz-animation: fadein 1s; /* Firefox */
    			-webkit-animation: fadein 1s; /* Safari and Chrome */
    			-o-animation: fadein 1s; /* Opera */
			}
			.cont img
			{
				/*width:80% !important;*/
				/*height:100px !important;*/
			}

 			
		}
	    
/*모바일*/
	    @media all and (max-width: 638px) {
	    
	   		.bannerImg{
				background: url(../image/introBanner.jpg)center/cover no-repeat;
   			    width:100%;
   			    margin-top:59px;
   			    text-align: center;
   			    color:white;
   			    font-size:20px;
   			    padding:13px 0 33px 0;
			}
			
			.bannerImg font{
				font-size:10px;
				 animation: fadein 5s;
    			-moz-animation: fadein 5s; /* Firefox */
    			-webkit-animation: fadein 5s; /* Safari and Chrome */
    			-o-animation: fadein 5s; /* Opera */
			}
			.bannerImg p{
				animation: fadein 1s;
    			-moz-animation: fadein 1s; /* Firefox */
    			-webkit-animation: fadein 1s; /* Safari and Chrome */
    			-o-animation: fadein 1s; /* Opera */
			}
			.solSub{
				font-size:16px;
				width:200px;
				text-align:center;
				margin:0 auto;
			}
			.sumSub{
 			 	width:40px;
 			 	display: inline-block;
 			 	border-top:2px solid grey;
 			 }
	     a:link { color: black; text-decoration: none;}
		  a:visited { color: black; text-decoration: none;}
		  a:hover { color: black; text-decoration: none;}
		  input:focus {outline:none;}
		  select:focus{outline: none;}
	    #noticeTitle{
		  	width:100%; 
		  	background-color:rgb(20,30,100);
		  	height:59px;
			display:inline-block; 
			color:white;
		  	margin-top:59px;
		  	text-align: center;
		  }

		  #notice1{	
		  	width:100%;
			display:inline-block;
			margin-top:0px;
		
		  }
		.nodeTable{
		  	border-collapse:collapse;
		  	margin:0 auto;
		  	width:100%;
		  	font-size:11px;
		  	table-layout: fixed;
		  }
		   .nodeTable td{
			padding:10px 0 10px 0;
		  }
		  .mainCont{
		  	font-size:14px;
		  }

		   .moveDetail3{
		   width:27%;  
		   text-align: right;
		   	text-overflow: ellipsis;
		  	overflow: hidden;
		  	white-space: nowrap;
		  }
		   .moveDetail2{
		   	 width:63%;  
		  	text-overflow: ellipsis;
		  	overflow: hidden;
		  	white-space: nowrap;
		  }
		  .moveDetail1{
		  	 text-align: center;
		  	 width:10%;  
		  }
		  .cola{
		  	width:10%;
		  }
		  .colb{
		    width:63%;  
		  }
		  .colc{
		  	width:27%;  
		  }
		 td img{
		  	width:100% !important;
		  }
		
		}