@charset "utf-8";
/* Main CSS ==================
= Developer Name: 방문준
= Create Date: 2010.03.16
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.03.16.방문준. 공통CSS수정
============================= */
body.main { background: url(/image/obk/main/bg.gif) repeat-x; }

body.main #head { height: 248px; }
body.main #wrap { overflow: visible; background: url(/image/obk/main/bg_wp.gif) no-repeat; }
body.main #body { display: block; float: none; width: 850px; height: 412px; padding:0; margin:0; }
body.main #visual { position:absolute; left: 0; top: 50px; }

body.main #topmenu { position: absolute; top: 200px; }

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

#m1 { display:block; position: absolute; left: 0; top: 0; }

#m2 { display:block; position: absolute; left: 0; top: 145px; }

#m3 { display:block; position: absolute; left: 0; top: 215px; }
#m3 h2 { position: absolute; left: 0; top: 0; }
#m3 ul { position: absolute; left: 8px; top: 35px; width:182px;}
#m3 ul li { display:inline; float: left; width:182px; }
#m3 ul li img { vertical-align: top;}

#m4 { display:block; position: absolute; left: 6px; top: 295px; }
#m4 h2 { position: absolute; left: 0; top: 0; }
#m4 ul { position: absolute; left: 0; top: 21px; width: 184px; }
#m4 ul li { display: inline; float: left; width: 100%; padding: 4px 0 3px; color: #3f3f3f !important; font-size: .92em; font-family: 돋움; border-bottom: 1px solid #e9eff6; background:#fff; }
#m4 ul li span { display: inline; float: left; }
#m4 ul li .col1 { width: 66px; padding: 0 0 0 5px; color:#748ead; }
#m4 ul li .col2 { width: 50px; text-align: right;  }
#m4 ul li .col3 { width: 23px; text-align: center; }
#m4 ul li .col3 img { padding: 5px 0 0 0; }
#m4 ul li .col4 { width: 30px; text-align: center; }
#m4 ul li .c00f { color:#0000ff; }
#m4 ul li .cf00{ color:#ff0000; }

#m5 { display:block; position: absolute; left: 0; top: 109px; }
#m5l { z-index:10; position: absolute; left: 0; top: 32px; display:none; }
#m5l ul { width:196px; }
#m5l ul li { display:inline; float: left; }
#m5l ul li img { vertical-align: top;}

#foot { z-index: 30; position:absolute; left:0; top:680px; width: 100%; height: 35px; margin: 0; background: #e9e9e9; }

#tab1 { display: block; position: absolute; left: 222px; top: 17px; width: 304px; height: 160px; }
#tab1 h2 { position: absolute; left: 0; top: 0; }
#tab2 { display: block; position: absolute; left: 546px; top: 17px; width: 304px; height: 160px; }
#tab2 h2 { position: absolute; left: 0; top: 0; }
#tab3 { display: block; position: absolute; left: 222px; top: 197px; width: 304px; height: 160px; }
#tab3 h2 { position: absolute; left: 0; top: 0; }
#tab4 { display: block; position: absolute; left: 546px; top: 197px; width: 304px; height: 160px; }
#tab4 h2 { position: absolute; left: 0; top: 0; }

.list { display: block; position: relative; width: 304px; height: 135px; }
.list .more { position: absolute; right: 0; top: 3px; }
.list ul { position: absolute; left: 0; top: 25px; width: 100%; padding: 0; margin:0; }
.list ul li { display: inline; }
.list ul li a { display: block; width: 100%; padding: 2px 0 2px 0; background: url(/image/obk/main/tablibg.gif) no-repeat 7px 50%; overflow: auto; cursor: pointer; }
.list ul li span.subject { display: inline; float: left; padding: 0 0 0 18px; }
.list ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
.list ul li span:hover { text-decoration: underline; color: inhert !important; }
.list ul li img { vertical-align: baseline; }