@charset "utf-8";
/* Main CSS ==================
= Developer Name: 김주영
= Create Date: 2010.08.16
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =

============================= */

body.main #wrap { height: 672px; background: url(/image/exp/main/bg_wp.jpg) no-repeat; }
body.main #visual { z-index: 100; position:absolute; left: 620px; top: 173px; }
body.main #btngo { z-index: 100; position:absolute; left: 355px; top: 543px }

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


#m1 { display: block; position: absolute; left: 604px; top: 28px; width: 308px; height: 105px; background: url(/image/exp/main/m2bg.gif) no-repeat;}
#m1 h3,
#m1 h4 { display: none; }
#m1 ul.tab { width: 100%; background: url(/image/exp/main/m2tabbg.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: 308px; padding: 4px 0 0 0; }
#m1 .more { position: absolute; right: 0; top: -20px; }
#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/exp/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; width: 260px;}
.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; }

.line_splt {display: block; position: absolute; left: 604px; width:308px; height:1px; border-top:1px dotted #C0C0C0; }

#m2 { display: block; position: absolute; left: 604px; top: 373px; width: 308px; height: 105px; }
#m2 h3 { position:absolute; left: 0; top: 0; padding:0; margin:0; background: transparent; }
#m2 .m2boxx { display: block; position: absolute; top: 20px; width: 286px; height: 60px; padding: 8px; border: 3px solid #e8e8e8 !important;}
#m2 ul {width: 42px; overflow: hidden;}
#m2 li {display: inline; float: left; margin: 0 0 0px 0;}
#m2 .img {display: inline; left:60px; top:10px !important;}

/*#m3 { display: block; position: absolute; left: 604px; top: 412px; width: 308px; height: 33px;}*/
#m3 { display: block; position: absolute; left: 604px; top: 240px; width: 317px; height: 77px;}
#m3 ul.first { position: absolute; left: 0; top: 0; margin:0; float: left;}
#m3 ul.second { position: absolute; left: 0; top: 40px; margin:0; float: left;}
#m3 ul.third { position: absolute; left: 0; top: 80px; margin:0; float: left;}
#m3 ul li { display:inline; float: left; padding:0 9px 0 0;}


#banner { display: block; position: absolute; left: 0px; top: 638px; width: 950px; height: 51px; background: url(/image/exp/main/banner/banner_bg.gif) no-repeat;}
#banner h3 { display:none; } 
#banner-scroll { position: absolute; left: 0; top: 0; width: 900px; height: 50px; overflow:hidden;}

#m4 { display: block; position: absolute; left: 604px; top: 167px; width: 317px; height: 50px; }
#m4 h3 { position:absolute; left: 0; top: 0; padding:0; margin:0; background: transparent; }
#m4 ul { position: absolute; left: 0; top: 0; padding:21px 0 0 0; margin:0; float: left;}
#m4 ul li { display:inline; float: left; padding:0 9px 0 0;}

ul#banner-content { position: absolute; left: 15px; top: 10px; }
/*
ul#banner-content li { display:inline; float:left; padding: 0 3px 0 3px;}
ul#banner-content li a { display:inline; float:left; margin: 0 0 0 4px; padding: 0 10px 0 10px; }
*/
ul#banner-content li { padding: 0 3px 0 3px;}
/* ul#banner-content li a {margin: 0 0 0 4px; padding: 0 10px 0 10px; } */
#banner .control { position: absolute; right: 0; top: 10px; width: 13px; padding:7px 15px 0 10; }
#banner .control img { display:inline; float:left; padding:0; margin: 0 0 2px; }


/* 추가내용(2010.10.12) */
#event { display: block; position: absolute; left: 0px; top: 503px; width: 946px; height: 135px; border:#FF0000 solid 2px; background:url(/image/exp/main/event_tit.gif) no-repeat;}
#m5 { display: inline; position:absolute; left: 90px; top: 10px; font-size:8pt; }
#m5 h3 { position:absolute; left: 0; top: 0; padding:0; margin:0; background: transparent; }
#m5 ul { position: absolute; left: 0; top: 0; padding:21px 0 0 0; margin:0; width: 320px; float: left; }
#m5 ul li { display:block; padding:2px 0 0 10px; background: url(/image/cm/li4bg.gif) no-repeat 0 6px;}

#m6 { display: inline; position:absolute; left: 400px; top: 10px; font-size:8pt; }
#m6 h3 { position:absolute; left: 0; top: 0; padding:0; margin:0; background: transparent; }
#m6 ul { position: absolute; left: 0; top: 0; padding:21px 0 0 0; margin:0; width: 250px; float: left;}
#m6 ul li { display:block; padding:2px 0 0 10px; background: url(/image/cm/li4bg.gif) no-repeat 0 6px;}

#m7 { display: inline; position:absolute; left: 720px; top: 10px; font-size:8pt; }
#m7 h3 { position:absolute; left: 0; top: 0; padding:0; margin:0; background: transparent; }
#m7 ul { position: absolute; left: 0; top: 0; padding:21px 0 0 0; margin:0; width: 250px; float: left;}
#m7 ul li { display:block; padding:2px 0 0 10px; background: url(/image/cm/li4bg.gif) no-repeat 0 6px;}