/** ---------------------------------- Header **/
.header{
	margin: 0 auto;
    width: 90%;
}
.header .logo-container {
	float:left;
	width:22.5%;
}
.header .logo-wrap {
    max-width: 100%;
    padding-top: 50px;
    padding-right: 0%;
    padding-bottom: 26px;
    padding-left: 0%;
}
.header .logo {
    font-family: 'Roboto', sans-serif;
	font-size:36px;
    font-weight: 500;
	color:#222;
}
.header .nav-container {
	float:right;
    width:77.5%;
}
.nav-container .title-container {
	float:right;
    padding-top: 65px;
    padding-right: 0%;
    padding-bottom: 31px;
    padding-left: 0%;
	color:#555;    
}
.nav-container .title-container div{
    float: left;
    font-family: 'Roboto', sans-serif;
	font-size:16px;
}
.nav-container .title-container .title-1{
    padding-left: 0;
    padding-right: 40px;
}
.nav-container a:link {color:#555;}
.nav-container a:visited {color:#555;}
.nav-container a:active {color:#222;}
.nav-container a:hover {text-decoration:underline; color:#222; cursor:crosshair;}

/** 반응형 **/
@media (max-width:401px) {
    .header .logo-wrap {
        padding-top: 33px;
        padding-bottom: 20px;
    }
    .header .logo {
        font-size: 25px;
    }
    .header .nav-container .title-container {
        padding-top: 39px;
        padding-bottom: 23px;
    }
    .nav-container .title-container .title-1{
        padding-right: 30px;
    }
}


/** ---------------------------------- Footer **/
.footer{
    width: 90%;
    margin: 0 auto;
	padding-top:50px;
    padding-right: 0px;
	padding-bottom:50px;
    padding-left: 0px;
}
.footer p{
    text-align:center;
	font-size:14px;
    color:#999;
	font-family: 'Roboto', sans-serif;
}

/** 반응형 **/
@media (max-width:401px) {
    .footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}