* {
    box-sizing: border-box;
}

/* Style the body */
body {
    font-family:'Nanum Gothic' , 'Malgun Gothic' , 'Dotum' , 'Apple SD Gothic Neo', Helvetica, Sans-serif;
    margin: 0;
}

/* Header/logo Title */
.header {
    padding: 0px;
    text-align: center;
    background: #ffffff;
    color: white;
}



/* Style the top navigation bar */
.navbar {
    overflow: hidden;
    background-color: #2d2d2d;
	font-size:18px;
	height:144px;
}

/* Style the navigation bar links */
.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 28px 28px 28px 28px;
	
    text-decoration: none;
}

/* Right-aligned link */
.navbar a.right {
    float: right;
}

/* Change color on hover */
.navbar a:hover {
    background-color: #000000;
    color: #ffffff;
}

/* Column container */
.row {  
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side { 
   
	
	min-width:180px;
    background-color: #333;
    padding: 20px;
	color:#ffffff; 	
	float:left;
    min-height:700px;
	font-size:18px;
	

	
}

/* Main column */
.main {   
    width:100%;  
    padding-left:40px; 
    padding-right:40px; 
    padding-top:0px; 

    background-color: white;
   
	float:left; 
	min-height:700px;

}

/* Fake image, just for this example */
.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}

/* Footer */
.footer {
   
    font-family: AppleSDGothicNeoR00;
	height:148px;
	background-color:#2d2d2d;
	color:#fff; 
	font-size:18px
	
	
}

.onMouseOverColorBule  a:hover { 
    color:#39F;
	cursor:pointer;
	
	}
.onMouseOverColorWithe a{ 
    color:#39F;
	cursor:pointer;
	text-decoration:none;
	
	}	
.onMouseOverColorWithe  a:hover { 
    color:#ffffff;
	cursor:pointer;
	text-decoration:none;
	
	}	

.onMouseOverColorBuleLeft a{ 
    color:#ffffff;
	cursor:pointer;
	text-decoration:none;
	 font-size:16px;	
	}	
.onMouseOverColorBuleLeft   a:hover { 
    color:#39F;
	cursor:pointer;
	text-decoration:none;
	 font-size:16px;
	}	



