#topMenu {
    height: 30px;  /* 메인 메뉴의 높이 */
    width: 600px;  /* 메인 메뉴의 넓이 */
    align-content: center;
    vertical-align:middle;  
}

#topMenu ul {           /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
    list-style-type: none;  /* 메인 메뉴 안의 ul 내부의 목록 표시를 없애줌 */
    margin: 0px;            /* 메인 메뉴 안의 ul의 margin을 없앰 */
    padding: 0px;           /* 메인 메뉴 안의 ul의 padding을 없앰 */
    vertical-align:middle;  
}

#topMenu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
    color: white;               /* 글씨 색을 흰색으로 설정 */
    background-color:darkslategrey;  /* 배경 색을 RGB(2D2D2D)로 설정 */
    float: left;                /* 왼쪽으로 나열되도록 설정 */
    line-height: 40px;          /* 텍스트 한 줄의 높이를 30px로 설정 */
    vertical-align: middle;     /* 세로 정렬을 가운데로 설정 */
    text-align: center;         /* 텍스트를 가운데로 정렬 */
    position: relative;         /* 해당 li 태그 내부의 top/left 포지션 초기화 */
    vertical-align:middle;  
}

.menuLink{           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
    text-decoration:none;               /* a 태그의 꾸밈 효과 제거 */
    display: block;                     /* a 태그의 클릭 범위를 넓힘 */
    width: 150px;                       /* 기본 넓이를 150px로 설정 */
    font-size: 18px;                    /* 폰트 사이즈를 12px로 설정 */
    font-weight:bolder;                  /* 폰트를 굵게 설정 */
/*                font-family: "Trebuchet MS", "Dotum";  기본 폰트를 영어/한글 순서대로 설정 */
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
.submenuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
    text-decoration:none;               /* a 태그의 꾸밈 효과 제거 */
    display: block;                     /* a 태그의 클릭 범위를 넓힘 */
    width: 150px;                       /* 기본 넓이를 150px로 설정 */
    font-size: 13px;                    /* 폰트 사이즈를 12px로 설정 */
    font-weight: normal;                  /* 폰트를 굵게 설정 */
/*                font-family: "Trebuchet MS", "Dotum";  기본 폰트를 영어/한글 순서대로 설정 */
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

.menuLink {     /* 상위 메뉴의 글씨색을 흰색으로 설정 */
    color: white;
}
.topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
                color:darkseagreen;                  글씨 색 빨간색 
/*                background-color: darkseagreen;   배경색을 밝은 회색으로 설정 */
}
.submenuLink {          /* 하위 메뉴의 a 태그 스타일 설정 */
    color: white;             /* 글씨 색을 RGB(2D2D2D)로 설정 */
    background-color: #4d4d4d;    /* 배경색을 흰색으로 설정 */
    border: solid 0px black;    /* 테두리를 설정 */
    margin-top: -1px;           /* 위 칸의 하단 테두리와 아래칸의 상단 테두리가 겹쳐지도록 설덩 */
}
.longLink {     /* 좀 더 긴 메뉴 스타일 설정 */
    width: 190px;   /* 넓이는 190px로 설정 */
}
.submenu {              /* 하위 메뉴 스타일 설정 */
    position: absolute;     /* html의 flow에 영향을 미치지 않게 absolute 설정 */
    height: 0px;            /* 초기 높이는 0px로 설정 */
    overflow: hidden;       /* 실 내용이 높이보다 커지면 해당 내용 감춤 */
    transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
    -webkit-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
    -moz-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */
    -o-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */
}
.topMenuLi:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
    height: 205px;           /* 높이를 93px로 설정  (메뉴 하나당 31px) */
}
.submenuLink:hover {        /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
    color: darkslategrey;                /*  글씨색을 빨간색으로 설정 */
    background-color: white;  /* 배경을 RGB(DDDDDD)로 설정 */
}

body, html { 
    margin: 0;
    padding: 0;
    height: 100%;
}
#header{
    height:33px;
    line-height:15px;
    font-size:15px;
    text-align:center;
    vertical-align:middle;  
    background-color: white;
    margin:0;
    padding: 0;
}           
#menu{
    height:80px;
    line-height:15px;
    font-size:15px;
    text-align:left;
    vertical-align:middle;  
    background-color: darkslategrey;
    margin:0;
    padding: 0;
}  
#content{
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
    background:#f5f5f5;
	background: url("images/bg.png");
    
}     

#footer{
    border-top:1px solid #666;
    height: 90px;
    width: 100%;
    line-height:20px;
    text-align:center;
    color: white;
    font-size: 15px;                   
    font-weight: lighter; 
    font-family: "Trebuchet MS", "Dotum"; /* 기본 폰트를 영어/한글 순서대로 설정 */
    background-color: darkslategrey;
    position: relative;
    clear: both; /*상단의 흐름을 한번 끊어주기 위해 clear를 해준다. */
    float: left; /* 새로운 흐름을 지정해줘야 깨지지 않는다--> */
}

#box {
    position: relative;
    height: auto;
    margin: auto; 
    background-color: #F90;
    align-content: center;
    align-items: center;
}

#left {
    background-color:burlywood;
    float: left;
    height: 500px;
    width: 200px;
}
#right {
    background-color:darkcyan;
    float: left;
    height: 500px;
    width: 750px;
}
#line {
    color:darkslategray;
    margin: 0;
    padding: 0;
}

#line2 {
    color:palegreen;
    margin: 0;
    padding: 0;
}

#submenu_title {
    color:white;
    font-size: 20px;
    background-color: darkslategray;
    font-weight: bolder;                  /* 폰트를 굵게 설정 */
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    text-align: center;
    text-decoration:none;
}
#submenu_content {
    color:gray;
    font-size: 12px;
    background-color: white;
    font-weight: lighter;                  /* 폰트를 굵게 설정 */
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    text-align: center;     
    text-decoration:none;
    cursor:pointer;
}
#submenu_content_selected {
    color:white;
    font-size: 12px;
    background-color: darkseagreen;
    font-weight: lighter;                  /* 폰트를 굵게 설정 */
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    text-align: center;      
    text-decoration:none;     
    cursor:pointer;
}
#content_title {
    color:darkslategray;
    font-size: 20px;
    background-color: white;
    font-weight: bolder;                 
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
#content_subtitle {
    color:darkseagreen;
    font-size: 23px;
    background-color: white;
    font-weight: bolder;                  
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}



#h1 {
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 50px;
	color: white;
	padding: 60px 0 0 0px;
}

#h2 {
	width:100%;
	text-align: center;
	font-size: 20px;
	color: white;
}