@charset "utf-8";

/* Layout */
html { padding:0; margin:0; height:100%; }
body { width:100%; height:100%; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
table { width:100%; height:100%; vertical-align:top;}
#wrap{text-align:center; min-height:100%; }	

#left, #right {width:50%; height:657px;}

#mid {width:940px; height:100%; vertical-align:top; }
#mid .visual {position:relative; width:940px; min-height:100%; _height:100%;}
#mid .scene {position:absolute; left:0; top:0;}
#mid .footer {position:absolute; left:0; top:600px; }

#main01 #left {background:url(/image/main/main01_left.jpg) no-repeat right 0;}
#main01 #mid {background:url(/image/main/main01_btm.jpg) no-repeat left 657px;}
#main01 #right {background:url(/image/main/main01_right.jpg) no-repeat left 0;}

#main02 #left {background:url(/image/main/main02_left.jpg) no-repeat right 0;}
#main02 #mid {background:url(/image/main/main02_btm.jpg) no-repeat left 657px;}
#main02 #right {background:url(/image/main/main02_right.jpg) no-repeat left 0;}

#main03 #left {background:url(/image/main/main03_left.jpg) no-repeat right 0;}
#main03 #mid {background:url(/image/main/main03_btm.jpg) no-repeat left 657px;}
#main03 #right {background:url(/image/main/main03_right.jpg) no-repeat left 0;}

.grey {font-family:dotum; text-align:left; font-size:11px;}
.grey a:link {text-decoration:none; color:#ffffff}
.grey a:visited {text-decoration:none; color:#ffffff}
.grey a:active {text-decoration:none; color:#ffffff}
.grey a:hover {text-decoration:none; color:#ffffff}