@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body{
    font-family: 'Nanum Gothic',sans-serif; 
}

/* #container{
    display: grid;
    grid-template-columns:180px 1fr;
    grid-template-rows: 80px 100% 90px;
    height: 100%;
    grid-template-areas: 
        "header header"
        "side main"
        "footer footer";
} */
/* .header{ grid-area: header; display: inline-block; text-align: center; border-bottom: 1px solid #dddddd;} */

/* .side{ grid-area: side; border-right: 1px solid #dddddd; }
.side ul{ padding: 0; margin: 0; }
.side ul li{ list-style: none; height: 50px; width: 100%; text-align: center; }
.side ul li a {height: 50px; display: block; text-decoration:none;padding-top:15px; background-color: #eeeeee; }
.side ul li a:hover {height: 50px; display: block; text-decoration:none;background-color: azure; } */

.wrap{ grid-area: main; }
.title-box{ height: 50px; background-color: #eeeeee; padding-left: 5px; padding-top: 10px; }
.title-box span{ font-size: 1.5em; font-weight: bold; }
/* .content-box{    
    padding:5px;
    height: 300px;            
} */

.footer{
    grid-area: footer;
    text-align: center;
    background-color: #eeeeee;    
    border-top:1px solid #dddddd;
    bottom: 0px;    
}