/* Mobile Device */
/* 768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/
@media all and (min-width:290px) and (max-width:500px) {
	.ovic-teamlog img{
		    width: 55px;
	    	height: 55px;
	
		}
}
@media all and (max-width:290px) {
	.ovic-teamlog img{
	    width: 52px;
    	height: 52px;

	}
}
	
@media all and (max-width:500px) {

	#ovic-text{
		    font-size: medium;
		    font-weight: normal;
		    /* margin: 40px 0px 0px 0px; */
		    text-align: center;
		    width: 84%;
		    margin: auto;
		     margin-top: 40px;
	}
	
	.ovic-teamtext{
	    margin-left: 16px;
    	width: 85%;
	}
	

	#ovicteams{
		margin: -38px 23px 0px 23px;
		opacity:0;
		animation-delay: 0.3s;
	}
	
	

	#ovic-img1{
	    position: relative;
	    top: -65px;
	 	opacity:1;
	}
	
	
	.ovic-teaminfo{
	    display: flex;
    	align-items: center;
    	
	}

	.ovic-img{
		width: 100%;
	    height: 200px;
	    display: block;
	    position: relative;
	}
	
	
	#ovic-img2{
		position: relative;
	}
	
	
	.ovicteam_name{
		    font-weight: bold;
   	 	margin-top: 23px;
   	 	font-size: 1.1rem;
	}
	.ovicteam_text{
		font-size: 16px;
		  line-height: 23px;
   		 margin-bottom: 28px;
	}
	
	#ovic-text2{
	    font-size: 17px;
        line-height: 23px;
    }
}

/* All Device */
/* 모든 해상도를 위한 공통 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨.*/

/* Tablet Device */
@media all and (min-width:500px) and (max-width:1023px) {
	/*  사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/
	#ovic-text{
		 font-size: medium;
		    font-weight: normal;
		    /* margin: 40px 0px 0px 0px; */
		    text-align: center;
		    width: 90%;
		    margin: auto;
		    margin-top: 40px;
	}

	#ovicteams{
		margin:-0px 32px 0px 32px;
		opacity:0;
		animation-delay: 0.3s;
	}
		
	.ovic-teamlog img{
	    width: 70px;
    	height: 70px;

	}
	
	.ovic-teamtext{
	    margin-left: 24px;
    	width: 85%;
	}
	
	
	#ovic-img1{
	    position: relative;
	    top: -67px;
/* 	    left: 5px; */
	 	opacity:1;
	}
	
	
	.ovic-teaminfo{
	    display: flex;
    	align-items: center;
    	
	}

	
	
	.ovic-img{
		width: 100%;
	    height: 200px;
	    display: block;
	    position: relative;
	}
	
	
	#ovic-img2{
		position: relative;
	}
	
	
	.ovicteam_name{
		    font-weight: bold;
   	 	margin-top: 23px;
   	 	font-size: 1.5rem;
	}
	.ovicteam_text{
		    font-size: 18px;
   		line-height: 30px;
   		 margin-bottom: 28px;
	}
	#ovic-text2{
		font-size: 18px;
    	line-height: 30px;
	}
}

/* Desktop Device */
@media all and (min-width:1024px) {
	/*  사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/
	#ovic-text{
		 font-size: medium;
		    font-weight: normal;
		    /* margin: 40px 0px 0px 0px; */
		    text-align: center;
		    width: 90%;
		    margin: auto;
		    margin-top: 40px;
	}

	#ovicteams{
	    width: 85%;
	    margin: auto;
	    opacity: 0;
	    animation-delay: 0.5s;
	}
	
	.ovic-teamtext{
	    margin-left:30px;
    	width: 85%;
	}
	
	#ovic-img1{
	    position: relative;
	    top: -67px;
/* 	    left: 5px; */
	 	opacity:1;
	}
	
	.ovic-teamlog img{
	    width: 70px;
    	height: 70px;

	}
	
	.ovic-teaminfo{
	    display: flex;
    	align-items: center;
    	
	}

	
	
	.ovic-img{
		width: 100%;
	    height: 200px;
	    display: block;
	    position: relative;
	}
	
	
	#ovic-img2{
		position: relative;
	}
	
	
	.ovicteam_name{
		    font-weight: bold;
   	 	margin-top: 23px;
   	 	font-size: 1.5rem;
	}
	.ovicteam_text{
		   font-size: 18px;
   		 margin-bottom: 28px;
   		 line-height: 30px;
	}
	
	#ovic-text2{
	font-size: 18px;
    	line-height: 30px;
	}		
}
	.ovicimgoon{
		animation: fadein 2s linear 1 normal forwards;
		-moz-animation: fadein 2s linear 1 normal forwards;/* Firefox */
	   -webkit-animation: fadein 2s linear 1 normal forwards; /* Safari and Chrome */
	   -o-animation: fadein 2s linear 1 normal forwards; /* Opera */
	 
	}
	
	.ovicimgoff{
		animation: imgoff 4s linear 1 normal forwards;
		-moz-animation: imgoff 4s linear 1 normal forwards;/* Firefox */
	   -webkit-animation: imgoff 4s linear 1 normal forwards; /* Safari and Chrome */
	   -o-animation: imgoff 3s linear 1 normal forwards; /* Opera */
	 
	}
	.ovicimgoff2{
		animation: imgoff 1s linear 1 normal forwards;
		-moz-animation: imgoff 1s linear 1 normal forwards;/* Firefox */
	   -webkit-animation: imgoff 1s linear 1 normal forwards; /* Safari and Chrome */
	   -o-animation: imgoff 1s linear 1 normal forwards; /* Opera */
	 
	}
	
	
@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;
    }
}

	
@keyframes imgoff {
     from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes imgoff { /* Firefox */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes imgoff { /* Safari and Chrome */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-o-keyframes imgoff { /* Opera */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
#ovic-text1{
	 font-size: 22px;
	font-weight: bold;
	 /* margin: 40px 0px 0px 0px; */
	color:#D70614;
}


#ovic-text2{
	
	 font-family: 'Nanum Gothic' ;
    font-style: normal;
/*     font-weight: 500; */
    text-align: center;
    display: inline-block;
}