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

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

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

#m1 { display: block; position: absolute; left: 740px; top: 38px; width: 210px; height: 182px; }
#m1 h3 { display: none; }
#m1 .btn { margin: 0 0 4px 0; text-align: right; }
#m1 object {  }

#m2 { display: block; position: absolute; left: 0; top: 230px; width: 720px; height: 93px; background: url(/image/krx_ipc/main/m2_bg.gif) no-repeat; overflow: hidden }
#m2 h3 { display: none }
#m2 ul { padding: 5px 0 0 5px }
#m2 li { display: inline; float: left; margin: 0 2px 0 0 }

#m3 { display: block; position: absolute; left: 0; top: 323px; width: 350px; height: 90px; background: url(/image/krx_ipc/main/m3bg.gif) no-repeat }
#m3 h3,
#m3 h4 { display: none }
#m3 ul.tab { width: 100%; overflow: hidden }
#m3 ul.tab li { display: inline; float: left }
#m3 ul.tab li img { vertical-align: top }
#m3 .tabcontent { display: block; position: relative; width: 350px; padding: 4px 0 0 0 }
#m3 .more { position: absolute; right: 0; top: -16px }
#m3 .tabcontent * { }
.list .tabcontent ul { width: 100% }
.list .tabcontent ul li { display: inline }
.list .tabcontent ul li a { display: block; width: 100%; padding: 3px 0 2px 0; background: url(/image/krx_ipc/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 }

#m4 { display:block; position:absolute; left: 370px; top: 323px; width: 350px }
#m4 ul.tab { margin-left:5px; height: 21px }
#m4 ul.tab li { float:left; margin:0; width:77px }
#m4 .more { position: absolute; right: 3px; top: -16px }

#m4c1 { display: block; position:relative; width: 350px; height: 184px; background: url(/image/krx_ipc/main/m4_bg.gif) no-repeat }
#m4c1 table.cont { display: block; position:absolute; left: 0; collapse; width: 350px; border:0; padding:0; margin:0}
#m4c1 table.cont tr { text-align: center }
#m4c1 table.cont th { border-width:0; padding: 4px 0 4px 0; line-height: 1.25; border:0; text-align: center; vertical-align: middle; font-size: .92em; font-weight: normal }
#m4c1 table.cont th.w1 { width:65px }
#m4c1 table.cont th.w2 { width:90px }
#m4c1 table.cont td { border-width:0; padding: 2px 0px 1px 0; line-height: 1; border:0 }
#m4c1 table.cont td a{ color:#666 }

#m4c2 { display: none; position:relative; width: 350px; height: 184px; background: url(/image/krx_ipc/main/m4_bg.gif) no-repeat }
#m4c2 table.cont { display: block; position:absolute; left: 0; collapse; width: 350px; border:0; padding:0; margin:0}
#m4c2 table.cont tr { text-align: center }
#m4c2 table.cont th { border-width:0; padding: 4px 0 4px 0; line-height: 1.25; border:0; text-align: center; vertical-align: middle; font-size: .92em; font-weight: normal }
#m4c2 table.cont th.w1 { width:65px }
#m4c2 table.cont th.w2 { width:90px }
#m4c2 table.cont td { border-width:0; padding: 2px 0px 1px 0; line-height: 1; border:0 }
#m4c2 table.cont td a{ color:#666 }

#m4c3 { display: none; position:relative; width: 350px; height: 184px; background: url(/image/krx_ipc/main/m4_bg.gif) no-repeat }
#m4c3 table.cont { display: block; position:absolute; left: 0; collapse; width: 350px; border:0; padding:0; margin:0}
#m4c3 table.cont tr { text-align: center }
#m4c3 table.cont th { border-width:0; padding: 4px 0 4px 0; line-height: 1.25; border:0; text-align: center; vertical-align: middle; font-size: .92em; font-weight: normal }
#m4c3 table.cont th.w1 { width:65px }
#m4c3 table.cont th.w2 { width:90px }
#m4c3 table.cont td { border-width:0; padding: 2px 0px 1px 0; line-height: 1; border:0 }
#m4c3 table.cont td a{ color:#666 }


#m5 { display: block; position: absolute; left: 740px; top: 230px; width: 212px; height: 116px }
#m6 { display: block; position: absolute; left: 740px; top: 349px; width: 210px; height: 50px }

#m7 { display: block; position: absolute; left: 740px; top: 402px }
#m7scroll { position: absolute; left: 0; top: 0; width: 210px; height: 86px; overflow: hidden; }
ul#m7content { position: absolute; left: 0; top: 0; width: 100%;overflow: hidden }
ul#m7content li { display: inline }
ul#m7content li a { display: inline; float: left }
#m7 .control { position: absolute; left: 186px; top: 63px; width: 22px }
#m7 .control a { display: inline; float: left; margin: 0 }