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

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


#m1 { display: block; position: absolute; left: 697px; top: 270px; width: 248px;height: 119px; overflow: hidden; border: 1px solid #d5d5d5; background-color: #f8faf9}
#out {float:left; width:250px; margin:10px 0px 0px 10px;}
#out .ex1 {position: absolute; color: #CCCCCC; left:17px; top:15px;}
#out .ex2 {position: absolute; color: #CCCCCC; left:17px; top:38px;}
#out .login {display: block; position:absolute; top: 0; left: 0; width: 250px; height: 119px; background: url(/image/lsc/main/logoin_bg.gif) no-repeat;}
#out .login .msg {text-align: center; margin: 28px 0 0 0;}
#out .login .logout {display:block; position:absolute; left:23px; top:83px;}
#out .login .revise {display:block; position:absolute; left:135px; top:83px;}
#out table {float:left; width:230px; font-weight: normal;}
#out th {text-align: left; height:0px; width:10px; padding: 0 0 0 0;}
#out td {text-align: left; padding: 0px; margin: 0 0 0 0; vertical-align: middle;}
#out td input.text {text-align: left; width:162px; height:17px; padding:0 0 0 0; margin:0 0 0 0;}
#out td img { vertical-align: middle; }
#out .logout {padding:0 0 0 0px; }
#out .logout1 {padding:0px 0 0 65px; }


#m2 { display: block; position: absolute; left: 0px; top: 250px; width:690px;}
#m2 h3 { position:absolute; left: 0; top: 0; padding:0; margin:0; background: transparent; }
#m2 ul { display:block; position:absolute; top: 20px;}
#m2 ul li { display: inline; float: left;}


#m3 { display: block; position: absolute; left: 0; top: 435px; width: 220px; height: 98px; background: url(/image/lsc/main/tab_bg.gif) no-repeat; }
#m3 * { color: #666 !important; font-weight: normal !important; letter-spacing: 0 !important; }
#m3 .more { position: absolute; right: 0; top: 4px; }
#m3 ul { width: 100%; padding: 6px 0 0 0; }
#m3 ul li { display: inline; }
#m3 ul li a { display: block; width: 100%; padding: 3px 0 3px 0; background: url(image/lsc/main/bullet01.gif) no-repeat 0 50%; overflow: auto; cursor: pointer; }
#m3 ul li span.subject { display: inline; float: left; padding: 0 0 0 6px; }
#m3 ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
#m3 ul li span:hover { text-decoration: underline; color: #666 !important; }
#m3 ul li img { vertical-align: baseline; }


#m4 { display: block; position: absolute; left: 235px; top: 435px; width: 220px; height: 98px; background: url(/image/lsc/main/tab_bg.gif) no-repeat; }
#m4 * { color: #666 !important; font-weight: normal !important; letter-spacing: 0 !important; }
#m4 .more { position: absolute; right: 0; top: 4px; }
#m4 ul { width: 100%; padding: 6px 0 0 0; }
#m4 ul li { display: inline; }
#m4 ul li a { display: block; width: 100%; padding: 3px 0 3px 0; background: url(image/lsc/main/bullet01.gif) no-repeat 0 50%; overflow: auto; cursor: pointer; }
#m4 ul li span.subject { display: inline; float: left; padding: 0 0 0 6px; }
#m4 ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
#m4 ul li span:hover { text-decoration: underline; color: #666 !important; }


#m5 { display: block; position: absolute; left: 470px; top: 435px; width: 220px; height: 98px; background: url(/image/lsc/main/tab_bg.gif) no-repeat; }
#m5 * { color: #666 !important; font-weight: normal !important; letter-spacing: 0 !important; }
#m5 .more { position: absolute; right: 0; top: 4px; }
#m5 ul { width: 100%; padding: 6px 0 0 0; }
#m5 ul li { display: inline; }
#m5 ul li a { display: block; width: 100%; padding: 3px 0 3px 0; background: url(image/lsc/main/bullet01.gif) no-repeat 0 50%; overflow: auto; cursor: pointer; }
#m5 ul li span.subject { display: inline; float: left; padding: 0 0 0 6px; }
#m5 ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
#m5 ul li span:hover { text-decoration: underline; color: #666 !important; }


#m6 { display: block; position: absolute; left: 717px; top: 667px; width: 250px;overflow: hidden; padding: 0 0 0 0; margin: 0 0 0 0}

#m7 { display: block; position: absolute; left:617px; top: 149px; width: 350px; height: 244px; overflow: hidden; background:url(/image/lsc/main/movie_bg.gif) no-repeat 0 0;}
#m7 .head { display: block; position:absolute; margin: 0 0 0 0; height: 27px; left:122px; top:6px; border: 0px; width:80px; text-align: center;}
#m7 .player { display: block; position:absolute; margin: 0 0 0 0; left:11px; top: 32px; }
#m7 .mov { display: block; position:absolute; margin: 0 0 0 0; height: 46px; left:11px; top: 180px; border:0px; width:250px; }
#m7 .mov img {margin:7px 9px 0 9px;}

#m8 { display: block; position: absolute; left: 717px; top: 530px; width: 248px;height: 130px; overflow: hidden; border: 1px solid #d5d5d5; background: url(/image/lsc/main/m8_bg.gif) no-repeat 10px 8px}
#m8 h3 { margin:8px 0 3px 10px}
#m8 .more { position: absolute; right: 7px; top: 10px; }
#m8 a { cursor: pointer; }
.tabcontent * { }
.tabcontent ul { overflow: hidden; width:228px; margin:0 auto }
.tabcontent ul li { display: inline; float: left; width: 100%; padding: 5px 0 1px 0; color: #666 !important; font-size: .92em; background:url(/image/lsc/main/dot_bg.gif) no-repeat }
.tabcontent ul li.first { background:none}
.tabcontent ul li span { display: inline; float: left; }
.tabcontent ul li .col1 { width: 76px; padding: 0 0 0 5px; }
.tabcontent ul li .col2 { width: 61px; padding: 0 3px 0 0; text-align: right;  }
.tabcontent ul li .col3 { width: 13px; text-align: center; }
.tabcontent ul li .col3 img { padding: 2px 0 0 0; }
.tabcontent ul li .col4 { width: 63px; padding: 0 3px 0 0; text-align: right; }
.tabcontent ul li .c401 { color:#b92304; }
.tabcontent ul li .c402 { color:#4265b2; }