@charset "utf-8";
/* Main CSS ==================
= Developer Name: 문영신
= Create Date: 2009.12.30
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.01.19.문영신. 공통CSS수정
============================= */

body.main #wrap { height: 495px; }

/* 초기화 */ #m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8, #m9 { display: none; }

#m1 { display: block; position: absolute; left: 0; top: 230px; width: 360px; height: 136px; background: url(/image/sbd/main/m1bg.gif) no-repeat; }
#m1 h3 { position: absolute; left: 14px; top: 15px; }
#m1 .more { position: absolute; left: 312px; top: 19px; }
#m1 table { position: absolute; left: 15px; top: 34px; width: 335px; margin: 3px 0; border-collapse: collapse; background: url(/image/sbd/main/m1t1bg.gif) no-repeat; }
#m1 table * { color: #666; line-height: 1.25; vertical-align: middle; }
#m1 table th { border-width:0; padding: 5px 0 7px 0; line-height: 1.25; border:0; text-align: center; vertical-align: middle; font-size: .92em; font-weight: normal; }
#m1 table td { border-width:0; border:0; }
#m1 .col1 { width: 61px; text-align: center; padding: 3px 0 2px 0; }
#m1 .col2 { width: 135px; text-align: left; padding: 3px 0 2px 0; }
#m1 .col3 { width: 45px; padding: 3px 0 2px 15px; text-align: left; }
#m1 .col4 { width: 52px; padding: 3px 0 2px 27px; text-align: left; }

#m2 { display: block; position: absolute; left: 360px; top: 230px; width: 362px; height: 136px; background: url(/image/sbd/main/m1bg.gif) no-repeat 100% 0; }
#m2 h3 { position: absolute; left: 9px; top: 15px; }
#m2 .more { position: absolute; left: 312px; top: 19px; }
#m2 table { position: absolute; left: 10px; top: 34px; width: 335px; margin: 3px 0; border-collapse: collapse; background: url(/image/sbd/main/m1t1bg.gif) no-repeat; }
#m2 table * { color: #666; line-height: 1.25; vertical-align: middle; }
#m2 table th { border-width:0; padding: 5px 0 6px 0; line-height: 1.25; border:0; text-align: center; vertical-align: middle; font-size: .92em; font-weight: normal; }
#m2 table td { border-width:0; border:0; }
#m2 .col1 { width: 74px; text-align: center; padding: 3px 0 2px 0; }
#m2 .col2 { width: 128px; text-align: left; padding: 3px 0 2px 0; }
#m2 .col3 { width: 40px; padding: 3px 0 2px 17px; text-align: left; }
#m2 .col4 { width: 70px; padding: 3px 10px 2px 0; text-align: right; }

#m3 { display: block; position: absolute; left: 10px; top: 378px; width: 340px; height: 98px; background: url(/image/sbd/main/m3bg.gif) no-repeat; }
#m3 * { color: #666 !important; font-weight: normal !important; letter-spacing: 0 !important; }
#m3 .more { position: absolute; right: 0; top: 4px; }
#m3 ul { width: 100%; padding: 4px 0 0 0; }
#m3 ul li { display: inline; }
#m3 ul li a { display: block; width: 100%; padding: 2px 0 2px 0; background: url(/image/sbd/main/libg1.gif) no-repeat 0 50%; overflow: auto; cursor: pointer; }
#m3 ul li span.subject { display: inline; float: left; padding: 0 0 0 6px; }
#m3 ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
#m3 ul li span:hover { text-decoration: underline; color: inhert !important; }
#m3 ul li img { vertical-align: baseline; }

#m4 { display: block; position: absolute; left: 370px; top: 378px; width: 360px; overflow: hidden; }
#m4 h3 { display: none; }
#m4 li { display: inline; float: left; }

#m5 { display: block; position: absolute; left: 740px; top: 230px; width: 212px; overflow: hidden; }
#m5 h3 { display: none; }
#m5 li { display: inline; float: left; }