<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">    

  <style type="text/css"> 
   .img{
    position: relative;
    background-image: url(/10th/4.png);                                                               
    height: 100vh;
    background-size: cover;
}
.img-cover{
   position: absolute;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.4);                                                                 
   z-index:1;
}
.img .content{
     position: absolute;
     top:50%;
     left:50%;
     transform: translate(-50%, -50%);   
     font-family: 'Archivo Black', sans-serif;                                                           
     color: white;
     font-size: larger;
     z-index: 2;
     text-align: justify;
    padding: 30px;
    border: 5px solid white;   
}
.img .content h2{
     text-align: right;
}
  </style>
</head>
<body>  
    <div class="img">
        <div class="content">
            <h1>동천은 귀한 곳 입니다. </h1> 
            <h1>세상에는 꼭 필요한 일과 곳과 사람이 있습니다.</h1> 
            <h1>동천은 그런 곳입니다.</h1> 
<p>
<h2>가치혼합경영연구소 김재춘 소장</h2>
       
        </div>
        <div class="img-cover"></div>
    </div>
</body>
</html>