@charset "utf-8";

#visual {width:100%; height:600px; position:absolute; left:0; top:0; z-index:998;}

.btn {position:absolute; bottom:35px; left:50%; margin-left:-500px; z-index:999;}
.btn a {display:block; float:left; width:12px; height:12px; margin:0 3px; background:url('/images/main/bt.png') no-repeat 0 0;}
.btn a.on {background:url('/images/main/bt.png') no-repeat 0 -12px;}

#img_wrap div {width:100%; height:600px; position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0);}
#img_wrap div.img1 {background:url('/images/main/img1.png') no-repeat center top;}
#img_wrap div.img2 {background:url('/images/main/img2.png') no-repeat center top;}
#img_wrap div.img3 {background:url('/images/main/img3.png') no-repeat center top;}
#img_wrap div.img4 {background:url('/images/main/img4.png') no-repeat center top;}
#img_wrap div.img5 {background:url('/images/main/img5.png') no-repeat center top;}

#bg_wrap div {width:100%; height:600px; position:absolute; left:0; top:0;}
#bg_wrap div.bg1 {background:url('/images/main/bg11.jpg') no-repeat center top; }
#bg_wrap div.bg2 {background:url('/images/main/bg22.jpg') no-repeat center top; }
#bg_wrap div.bg3 {background:url('/images/main/bg33.jpg') no-repeat center top; }
#bg_wrap div.bg4 {background:url('/images/main/bg44.jpg') no-repeat center top; }
#bg_wrap div.bg5 {background:url('/images/main/bg55.jpg') no-repeat center top; }

#contents {margin-top:530px; margin-bottom:40px; overflow:hidden; position:relative; left:0; top:0;}
#contents > div {float:left;}

#contents div.title {height:30px; margin-bottom:20px; overflow:hidden;background:url('/images/main/line1.jpg') left bottom no-repeat;}
#contents div.title h2 {float:left;}
#contents div.title a {float:right; display:block; padding:5px 0;}

#contents div.col1 {width:340px; height:265px; margin-right:35px; background:url('/images/main/bg-col1.jpg') left bottom repeat;}
#contents div.col1 div.box1 {width:100%;}
#contents div.col1 div.box1 h2 {margin:25px 0 10px 25px;}
#contents div.col1 div.box1 ul {margin:0 20px; overflow:hidden;}
#contents div.col1 div.box1 ul li {float:left;}
#contents div.col1 div.box2 {margin-top:10px; position:absolute; left:0; bottom:0;} /* 왜 마진탑이 안 먹지????? */

#contents div.col2 {width:290px; margin-top:10px; margin-right:45px;}
#contents div.col2 table {width:100%; margin-top:-8px;}
#contents div.col2 table tr {}
#contents div.col2 table td {line-height:200%;}
#contents div.col2 table td.subject {width:70%;}
#contents div.col2 table td.subject a {color:#666; padding-left:10px; background:url('/images/main/bul-square.jpg') left 5px no-repeat;}
#contents div.col2 table td.date {width:30%; text-align:right; color:#999;}
#contents div.col2 div.box2 {margin-top:35px;}

#contents div.col3 {width:290px; margin-top:10px;}
#contents div.col3 div.box2 {margin-top:35px;}