body, ul, li {
  margin: 0;
  padding: 0;
  height: 100%;
  width:100%;
  list-style: none;
}

body { 
  background-color: #F5F5F5;
  background-image: url('../img/work/광명 유플래닛_.jpg');
  background-repeat: no-repeat repeat;  
  background-position: top center; /* Centers the image */
  background-size: cover; /* Scales the image to cover the entire element */
}

a {
  color: inherit;
  text-decoration: none;
  
}



	#menu {
		font:bold 15.5px "malgun gothic";
		width:560px;
		height:50x;
		background: none;
		color:black;
		line-height: 50px; 
		text-align: center;
		text-valign: bottom;
	}

	#menu > ul > li {
		float:left;
		width:140px;
		height:500x;
		position:relative;
	}
	#menu > ul > li > ul {
		width:140px;
		display:none;
		position: absolute;
		font-size:14px;
                text-align: center;
		background: none;
	}
	#menu > ul > li:hover > ul {
		display:block;

	}
	#menu > ul > li > ul > li:hover {
		background:#d1d1d1;
                color: green;
		transition: ease 1s;
		}

.imgfont {
    border-radius: 0px;
    padding: -10px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: left;
    justify-content: left;
    background-color: #F5F5F5;
    font-size: 13px;
}

.imgimg {
    border-radius: 0px;
    padding: -10px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: left;
    justify-content: left;
    background-color: #F5F5F5;
    font-size: 13px;
}

 .h11 {
    font-size: 32px;
    font-weight:bold;
    text-decoration-line:underline;
    text-decoration-color:grey;
    text-decoration-style:solid;
    text-decoration-thickness:3px;
    text-underline-offset: 7px    
  }

 .h66 {
    font-size: 16px; /* h1의 크기를 36px로 지정 */
    font-weight:normal;
    font-padding: 2px 0px 2px 0px; /* 위, 오른쪽, 아래, 왼쪽*/
  }