@charset "utf-8";
/* Main CSS ==================
= Developer Name: 방문준
= Create Date: 2010.02.25
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.02.25.방문준. 공통CSS수정
============================= */

body.main #wrap { height: 408px; }

/* 초기화 */ #m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8, #m9 { display: none; }

#m1 { display: block; position: absolute; left: 735px; top: 52px; width: 204px; height: 153px; padding: 3px;}
#m1 h3,
#m1 h4 { display: none; }
#m1 ul.tab { width: 100%; 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: 204px; padding: 4px 0 0 0; }
#m1 .more { position: absolute; right: 7px; top: -22px; }
#m1 .tabcontent * { }
#m1 .tabcontent ul { width: 100%; overflow: hidden; }
#m1 .tabcontent ul li { display: inline; float: left; width: 100%; padding: 3px 0; color: #666 !important; font-size: .92em; font-family: 돋움; }
#m1 .tabcontent ul li.row1,
#m1 .tabcontent ul li.row3,
#m1 .tabcontent ul li.row5 { background: #ededed; }
#m1 .tabcontent ul li span { display: inline; float: left; }
#m1 .tabcontent ul li .col1 { width: 66px; padding: 0 0 0 5px; }
#m1 .tabcontent ul li .col2 { width: 51px; padding: 0 3px 0 0; text-align: right;  }
#m1 .tabcontent ul li .col3 { width: 13px; text-align: center; }
#m1 .tabcontent ul li .col3 img { padding: 5px 0 0 0; }
#m1 .tabcontent ul li .col4 { width: 63px; padding: 0 3px 0 0; text-align: right; }
#m1 .tabcontent ul li .c401 { color:#b92304; }
#m1 .tabcontent ul li .c402 { color:#4265b2; }

#tab1 { display: block; position:absolute; left: 0; top: 252px; width: 350px; height: 121px; background: url(/image/fnd/main/tabbg.gif) repeat-x; }
#tab1 h3 { position:absolute; left: 0; top: 0; }
#tab1 .tabcontent { display: block; position:absolute; left: 0; top: 26px; width: 350px; padding: 0; }
#tab1 .more { position: absolute; right: 0; top: -22px; }
#tab2 { display: block; position:absolute; left: 370px; top: 252px; width: 350px; height: 121px; background: url(/image/fnd/main/tabbg.gif) repeat-x; }
#tab2 h3 { position:absolute; left: 0; top: 0; }
#tab2 .tabcontent { display: block; position:absolute; left: 0; top: 26px; width: 350px; padding: 0; }
#tab2 .more { position: absolute; right: 0; top: -22px; }

.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; color: #666; overflow: auto; cursor: pointer; }
.list .tabcontent ul li span.cmpy { display: inline; float: left; width: 140px; padding: 0; }
.list .tabcontent ul li span.subject { display: inline; float: left; padding: 0; margin:0; }
.list .tabcontent ul li span:hover { text-decoration: underline; }
.list .tabcontent ul li img { vertical-align: middle; }

#m2 { display: block; position: absolute; left: 739px; top: 220px; width: 210px; height: 78px; background: url(/image/fnd/main/m2bg.gif) no-repeat; }
#m2 h2 { position: absolute; left: 37px; top: 5px; }
#m2 form { padding:0; margin:0; }
#m2 fieldset { padding:; margin:0; border:0; }
#m2 legend { display:none; }
#m2 .sbox { position: absolute; left: 9px; top: 29px; width: 193px; height: 44px; }
#m2 .sbox input.text { position: absolute; left: 0; top: 0; width: 135px; height: 15px; padding: 1px 5px 1px; border:1px solid #d7d7d7; background:#fff; }
#m2 .sbox input.pimage { position: absolute; left: 174px; top: 0; }
#m2 .sbox input.image { position: absolute; left: 155px; top: 0; }

#m3 { display:block; position:absolute; left: 740px; top: 280px; width: 210px; height: 105px; background: none; } 
#m3 * { list-style:none; padding:0; margin:0; line-height: 1.25; background: transparent; }
#m3 ul { position:absolute; left: 0; top: 0; }
#m3 ul li { display:inline; float:left; }
#m3 ul li img { vertical-align:top; }
