@font-face {
    font-family: 'nanum-square-r';
    src: url('/fonts/nanumsquarer.eot');
    src: url('/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/fonts/nanumsquarer.woff2') format('woff2'),
         url('/fonts/nanumsquarer.woff') format('woff'),
         url('/fonts/nanumsquarer.ttf') format('truetype'),
         url('/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

ul{list-style:none; }
body{font-family:"nanum-square-r";}
*{margin:0px; padding:0px;}
img{display:block;}

#header{width:100%; height:100px; background-color:#FFF; }
.head {width:1200px;margin:0 auto;position:relative;height:100px;}
#header h1{margin:30px 73px 0 0;float:left;}


#footer{width:100%; height:162px; background-color:#333333; border-top:1px solid #666; }
.foot{width:1200px;margin:0 auto;position:relative;height:162px; }
#footer .foot h1{float:left; margin-right:44px; margin-top:60px;}
#footer .foot p {color:#e4e4e4; font-size:13px; line-height:150%; float:left;margin-top:40px;width:860px;}
#footer .foot p :first-child {}


#bottom_a{width:100%; height:197px;  background:#333333;margin-top:30px;}
#bottom_a #sns img {display:inline-block;}

html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }