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

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

/* 초기화 */ #m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8, #m9 { display: none; }
#mbox { display: block; position: absolute; left: 0; top: 241px; width: 722px; height: 133px; background: url(/image/aco/main/mboxbg.gif) no-repeat; }

#tab1 { display: block; position: absolute; left: 18px; top: 256px; width: 335px; height: 102px; background: url(/image/aco/main/tabbg.gif) repeat-x; }
#tab1 * { color: #666 !important; font-weight: normal !important; letter-spacing: 0 !important; }
#tab1 h3 { padding:0; margin:0; background: transparent; }
#tab1 .more { position: absolute; right: 0; top: 5px; }
#tab1 ul { width: 100%; padding: 7px 0 0 0; }
#tab1 ul li { display: inline; }
#tab1 ul li a { display: block; width: 100%; padding: 2px 0 2px 0; background: url(/image/aco/main/tablibg.gif) no-repeat 0 50%; overflow: auto; cursor: pointer; }
#tab1 ul li span.subject { display: inline; float: left; padding: 0 0 0 7px; }
#tab1 ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
#tab1 ul li span:hover { text-decoration: underline; color: inhert !important; }
#tab1 ul li img { vertical-align: baseline; }

#tab2 { display: block; position: absolute; left: 18px; top: 256px; width: 335px; height: 102px; background: url(/image/aco/main/tabbg.gif) repeat-x; }
#tab2 h3,
#tab2 h4 { display: none }
#tab2 ul.tab { width: 100%; overflow: hidden }
#tab2 ul.tab li { display: inline; float: left }
#tab2 ul.tab li img { vertical-align: top }
#tab2 .tabcontent { display: block; position: relative; width: 350px; padding: 4px 0 0 0 }
#tab2 .more { position: absolute; right: 0; top: -16px }
#tab2 .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/aco/main/tablibg.gif) no-repeat 0 50%; overflow: auto; cursor: pointer; }
.list .tabcontent ul li span.subject { display: inline; float: left; padding: 0 0 0 7px; }
.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; color: inhert !important; }
.list .tabcontent ul li img { vertical-align: baseline; }


#m1 { display: block; position: absolute; left: 389px; top: 275px; }

#m2 { display: block; position: absolute; left: 557px; top: 275px; }

#m3 { display: block; position: absolute; left: 740px; top: 222px; }

#mtel { display: block; position: absolute; left: 740px; top: 305px; width: 212px; height: 128px; background: url(/image/aco/main/mtelbg.gif) no-repeat; }
#mtel * { list-style:none; padding:0; margin:0; background: transparent; }
#mtel h2 { display: block; position: absolute; left: 16px; top: 7px; }
#mtel p { display: block; position: absolute; left: 13px; top: 43px; }

#banner { display: block; position: absolute; left: 12px; top: 387px; width: 698px; height: 38px; }
#banner h3 { display:none; } 
#banner-scroll { position: absolute; left: 0; top: 0; width: 681px; height: 38px; overflow:hidden; }
ul#banner-content { position: absolute; left: -4px; top: 0; overflow:hidden; }
ul#banner-content li { display:inline; float:left; }
ul#banner-content li a { display:inline; float:left; margin: 0 0 0 4px; padding:0; }
#banner .control { position: absolute; right: 0; top: 0; width: 13px; }
#banner .control img { display:inline; float:left; padding:0; margin: 0 0 2px; }