@charset "utf-8";

/* Layout ***********************/
#page-container {
	display:flex;
	width:100vw;
    height:100vh;
	flex-direction:column;
	overflow:hidden;
}
#page-header {
	width:100vw;
	height:50px;
	overflow:hidden;
	background:#f1f1f1;
}
#page-body {
	width:100vw;
	display:flex;
	flex:1 1;
	flex-direction:row;
	overflow:hidden;
}
#page-footer {
	width:100vw;
	height:5px;
	background:#f1f1f1;
}

#page-aside {
	width:100%;
	height:100%;
	overflow:hidden;
	box-sizing: border-box;
	padding:5px;

}
#page-contents {
	width:100%;
	height:100%;
	overflow:hidden;
	box-sizing: border-box;
	padding:5px;
}

#page-aside #frame-aside {
	width:100%;
	height:100%;
	box-sizing: border-box;
	overflow:hidden;
}
#page-contents #frame-contents {
	width:100%;
	height:100%;
	box-sizing: border-box;
	overflow:hidden;
}
#page-container .contents-container {
	padding:2rem;
}
#page-container .contents-title {
	font-size:1.5rem;
	font-weight:600;
	color:#222;
	line-height:1.5;
}

#page-header #customer-container {font-weight:300;font-size:1.3rem;color:#676767;line-height:50px;padding:0 5px;font-family:"Noto Sans KR";}
#page-header #customer-container .company-name {margin-right:3px;}
#page-header #customer-container .dept-name {margin-right:3px;}
#page-header #customer-container .custer-name {font-weight:600;font-family:"Noto Sans KR";}
#page-header #customer-container .custer-point {font-family:"";font-weight:600;font-family:"Noto Sans KR";}
#page-header #customer-container .custer-point .unit {font-weight:300;color:#666;font-size:.8em;}