@charset "utf-8";
/* Main CSS ==================
= Developer Name: 문영신
= Create Date: 2010.01.14
= 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: 392px; height: 99px; padding: 17px 0 0 15px; background: url(/image/rsk/main/m1bg.gif) no-repeat; }
#m1 h3,
#m1 h4 { display: none; }
#m1 ul.tab { width: 100%; background: url(/image/rsk/main/m1tabbg.gif) no-repeat; overflow: hidden; }
#m1 ul.tab li { display: inline; float: left; }
#m1 ul.tab li img { vertical-align: top; }
#m1 .tabcontent { display: block; position: relative; width: 360px; padding: 4px 0 0 0; }
#m1 .more { position: absolute; right: 0; top: -16px; }
#m1 .tabcontent * { }
.list .tabcontent ul { width: 100%; }
.list .tabcontent ul li { display: inline; }
.list .tabcontent ul li a { display: block; width: 100%; padding: 2px 0 2px 0; background: url(/image/rsk/main/libg1.gif) no-repeat 0 7px; color: #666; overflow: auto; cursor: pointer; }
.list .tabcontent ul li span.subject { display: inline; float: left; padding: 0 0 0 6px; }
.list .tabcontent ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
.list .tabcontent ul li span:hover { text-decoration: underline; }
.list .tabcontent ul li img { vertical-align: middle; }

#m2 { display: block; position: absolute; left: 407px; top: 230px; }

#m3 { display: block; position: absolute; left: 12px; top: 355px; width: 365px; height: 100px; background: url(/image/rsk/main/m3bg.gif) no-repeat 0 20px; }
#m3 h3 { background: transparent; }
#m3 p { position: absolute; right: 0; top: 3px; text-align: right; font-size: .92em; letter-spacing: -1px; }
#m3 table { position: absolute; left: 3px; top: 20px; width: 357px; border-collapse: collapse; border: 0; }
#m3 table * { color: #666; font-weight: normal; line-height: 1.25; vertical-align: middle; }
#m3 table th,
#m3 table td { border-top: 1px solid #e6e6e6; height: 18px; text-align: center }
#m3 table tbody th { padding: 0 0 0 14px; text-align: left; }
#m3 table thead th { vertical-align: middle; height: 23px; border-top: 0; border-bottom: 1px solid #fff;  font-size: .92em; }
#m3 .col1 { display: inline; float: left; padding: 0 0 0 15px; }
#m3 .col2 { display: inline; float: left; padding: 0 0 0 8px; }
#m3 .col2 img { padding: 4px 0 0 0; }
#m3 .col3 { display: inline; float: left; width: 32px; padding: 0 10px 0 0; text-align: right;}

#m4 { display: block; position: absolute; left: 396px; top: 364px; width: 554px; overflow: hidden; }
#m4 h3 { display: none; }
#m4 li { display: inline; float: left; }

#m5 { display: block; position: absolute; left: 740px; top: 51px; width: 204px; height: 153px; padding: 3px; background: url(/image/rsk/main/m5bg.gif) no-repeat; }
#m5 h3,
#m5 h4 { display: none; }
#m5 ul.tab { width: 100%; background: url(/image/rsk/main/m5tabbg.gif) no-repeat; overflow: hidden; }
#m5 ul.tab li { display: inline; float: left; }
#m5 ul.tab li img { vertical-align: top; }
#m5 .tabcontent { display: block; position: relative; width: 204px; padding: 4px 0 0 0; }
#m5 .more { position: absolute; right: 6px; top: -22px; }
#m5 .tabcontent * { }
#m5 .tabcontent ul { width: 100%; overflow: hidden; }
#m5 .tabcontent ul li { display: inline; float: left; width: 100%; padding: 3px 0; color: #666 !important; font-size: .92em; font-family: 돋움; }
#m5 .tabcontent ul li.row1,
#m5 .tabcontent ul li.row3,
#m5 .tabcontent ul li.row5 { background: #EDEDED; }
#m5 .tabcontent ul li span { display: inline; float: left; }
#m5 .tabcontent ul li .col1 { width: 60px; padding: 0 0 0 3px; letter-spacing:-1px; }
#m5 .tabcontent ul li .col2 { width: 50px; text-align: right;  }
#m5 .tabcontent ul li .col3 { width: 13px; text-align: center; }
#m5 .tabcontent ul li .col3 img { padding: 5px 0 0 10px; }
#m5 .tabcontent ul li .col4 { width: 68px; align-text:right; }

/* 일정(월간)+일정롤링 */
#m6 { display: block; position: absolute; left: 740px; top: 230px; width: 212px; height: 226px; background: url(/image/rsk/main/m6bg.gif) no-repeat; }
#m6 * {  background: transparent; }
#m6 h3 { margin: 8px 0 0 8px; }
/* 달력 */
#m6 .calendar { width: 183px; margin: 0 auto; }
#m6 .calendar caption { display: none; }
#m6 .calendar .month { position: absolute; right: 10px; top: 10px; width: 95px; text-align: center; color: #666; }
#m6 .calendar .month * { display: inline; font-weight: bold; }
* html #m6 .calendar .month h4 { padding: 0 4px 0 0; }
*:first-child+html #m6 .calendar .month h4 { padding: 0 4px 0 0; }
#m6 .calendar .month img { padding: 0 0 2px 0; vertical-align: middle; }
#m6 .calendar .month strong { float: none; margin: 0; font-weight: bold; font-size: 1em; }
#m6 .calendar table { position: absolute; left: 14px; top: 50px; width: 182px; height: auto; border-collapse: collapse; }
#m6 .calendar table tr.day * { display: none; }
#m6 .calendar table td { padding: 1px 1px 0 0; border: 0; vertical-align: middle; text-align: center; }
#m6 .calendar table td * { line-height: 1; }
#m6 .calendar table td span {  }
#m6 .calendar table td a { display: block; height: 12px; margin: 1px 0 0; padding: 2px 1px 2px 1px; background: url(/image/rsk/main/m6abg.gif) no-repeat 50% 50%; color: #fff; }
#m6 #m6scroll { position: absolute; left: 11px; top: 149px; width: 170px; height: 30px; overflow: hidden; line-height: 1.25; }
#m6 #m6scroll ul { position: absolute; left: 0; top: 0; }
#m6 #m6scroll ul li { display: inline; float: left; width: 170px; height: 15px; }
#m6 #m6scroll ul li a { color: #666; }
#m6 #m6scroll ul li a .no,
#m6 #m6scroll ul li a .date { padding: 0 0 0 5px; background: url(/image/rsk/main/m6bu.gif) no-repeat 0 5px; }
#m6 #m6scroll ul li a .subject {  }
#m6 .control { position: absolute; left: 191px; top: 152px; width: 11px; overflow: hidden; }
#m6 .control img { display: inline; float: left; margin: 0 0 2px 0; }
#m6 .control .prev {  }
#m6 .control .next {  }
#m6 .control img { vertical-align: top; }

#m7 { display: block; position: absolute; left: 744px; top: 417px; width: 206px; overflow: hidden; }
#m7 h3 { display: none; }
#m7 li { display: inline; float: left; }