/* reset rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{
   display: block;
}

body 
{
   line-height: 1;
   width: 100%;
   background: white;
   margin: auto;
   font-family: 'Nanum Gothic Coding', monospace;
   position: relative;   
}

header 
{
   background: #504d44;
   width: 100%;
   color: beige;
   font-size: 48px;
   text-align: center;
   line-height: 1.5em;
}

div.container
{
    width: 50%;
    margin: auto;
}

h2
{
    font-size: 160%;
    font-weight: bold;
    margin-top: 2%;
    background-color: rgb(85, 84, 83);
    padding: 2%;
    color: beige;
}

div.left
{
    width: 25%;
    float: left;
    padding: 2%;
    border: #504d44 solid 1px;
    margin-top: 5%;
   

}

div.right
{
    width: 65%;
    float: right;
    padding: 2%;
    border: #504d44 solid 1px;
    margin-top: 5%;
    
}

input, label
{
    margin-bottom: 5%;
    width: 100%;
    font-size: 150%;
}

p
{
    font-size: 120%;
    margin-bottom: 5%;
    margin-top: 2%;
}

.btn
{
    font-size: 200%;
    margin: 5% 0 0 0;
    font-family: 'Nanum Gothic Coding', monospace;
}

table
{
    width: 100%;
    text-align: center;
}

tbody td {
	border: 1px solid black;
}
tfoot tr td {
	border: 10px solid white;
	padding: 10px 0;
}