/*layout*/
#header { position:fixed; width:100%; height:60px; z-index:10; background:#283034; }
#contents { position:absolute; left:50%; top:0px; margin-left:-500px; width:1000px;  z-index:5; color:#fff; }
#footer { position:fixed; left:0px; bottom:0px;width:100%; height:40px; z-index:10; background:#283034; }

/*header*/
#header h1 { position:absolute; left:80px; top:0px;}
#header #gnb { position:absolute; left:50%; top:1px; margin-left:-177px;}
#header #gnb li { float: left;}


/*contents*/
#contents #home {  width:1000px; height:900px;}
#visual{position: absolute; width:1000px; height:620px; margin-top:80px;}
#contents #works { width:1000px; height:1550px; }
#workvisual{position:absolute; width:1000px; height:1500px; margin-top:20px;}

#wm1 { position:absolute; float:left; width:312px; height:215px;  margin-left:8px; margin-top:280px; z-index:49;}
#wm1gnb1{position:absolute; float:left; width:156px; height:20px;  cursor:pointer;  margin-left:8px; margin-top:495px; z-index:49;}
#wm1gnb2{position:absolute; float:left; width:156px; height:20px;  cursor:pointer;  margin-left:164px; margin-top:495px; z-index:49;}

#wm2 { position:absolute; float:left; width:312px; height:215px;  margin-left:345px; margin-top:280px; z-index:49;}
#wm2gnb1{position:absolute; float:left; width:156px; height:20px;  cursor:pointer;  margin-left:345px; margin-top:495px; z-index:49;}
#wm2gnb2{position:absolute; float:left; width:156px; height:20px;  cursor:pointer;  margin-left:501px; margin-top:495px; z-index:49;}
#wm3{position:absolute; float:left; width:312px; height:235px;  cursor:pointer;  margin-left:681px; margin-top:280px; z-index:49;}

#wm4 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:8px; margin-top:541px; z-index:49;}
#wm5 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:345px; margin-top:541px; z-index:49;}
#wm6 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:681px; margin-top:541px; z-index:49;}

#m1 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:8px; margin-top:955px; z-index:50;}
#m2 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:345px; margin-top:955px; z-index:50;}
#m3 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:681px; margin-top:955px; z-index:50;}
#m4 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:8px; margin-top:1216px; z-index:50;}
#m5 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer; margin-left:345px; margin-top:1216px; z-index:50;}
#m6 { position:absolute; float:left; width:311px; height:235px;  cursor:pointer;  margin-left:681px; margin-top:1216px; z-index:50;}

#contents #about { width:1000px; height:1200px; }
#aboutvisual{position: absolute; width:1000px; height:1150px; margin-top:30px;}
#contents #contact { width:1000px; height:900px; }
#convisual {position:absolute; width:100px; height:800px; margin-top:65px;}

/*footer*/
#footer p{font-size:12px; padding-top:10px; text-align:center;}