@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: 764px; }

/* Content ========== */

/* 초기화 */ #picpr, #m1, #m2, #m3, #m4, #m5, #m6, #m7, #m8, #m9, #m10, #m11, #m12, #m13, #m14, #m15 { display: none; }

/* 이미지홍보(팝업존) */
#picpr { display: block; position: absolute; left: 0; top: 0; width: 950px; height: 251px; border-bottom: 2px solid #02ABCA; }
#picpr h3 { display: none; }
#picpr #prcon { position: absolute; left: 0; top: 0; width: 625px; height: 210px; overflow: hidden; }
#picpr ul { position: absolute; left: 0; top: 0; }
#picpr ul li { }
#picpr ul li img { vertical-align: top; }
#picpr #prnum { z-index: 10; position: absolute; left: 0; top: 223px; }
#picpr #prnum img { display: inline; float: left; margin: 0 0 0 4px; cursor: pointer; }
#picpr #prcontrol { position: absolute; left: 0; top: 210px; width: 62px; height: 28px; padding: 12px 0 0 562px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
#picpr #prcontrol img { display: inline; float: left; margin: 0 2px 0 0; cursor: pointer; }

#m1 { display: block; position: absolute; left: 641px; top: 16px; width: 295px; height: 90px; padding: 141px 0 0 0; background: url(/image/eng/main/m1bg.gif) no-repeat; }
* html #m1 { padding: 129px 0 0 0; }
*:first-child+html #m1 { padding: 129px 0 0 0; }
#m1 ul { width: 100%; }
#m1 ul li { display: block; width: 100%; height: 15px; padding: 7px 0 4px 0; font-size: .98em; }
#m1 ul li span { display: inline; float: left; }
#m1 ul li img { vertical-align: middle; }
#m1 ul li .col1 { width: 73px; padding: 0 0 0 14px; }
#m1 ul li .col2 { width: 86px; padding: 0 10px 0 0; font-weight: bold; text-align:right;}
#m1 ul li .col3 { width: 20px; padding: 2px 0 0 10px; text-align: right;}
#m1 ul li .col4 { width: 72px; padding: 0 10px 0 0; text-align:right;}
#m1 ul li .up { color: #E43F14; }
#m1 ul li .dn { color: #5078A9; }
#m1 ul li .col4 .col5 { float: none; }
#m1 .content ul li.on { z-index: 10; position: absolute; left: 0; top: 0; }
#m1 .content ul li.on span { float: none; position: absolute; left: 0; top: 0; width: auto; height: auto; padding: 0; text-align: left; }
#m1 .content ul li.on .col1 { left: 0; top: 16px; width: 104px; text-align:right; }
#m1 .content ul li.on .col2 { left: 0; top: 44px; width: 103px; text-align:right; }
#m1 .content ul li.on .col3 { left: 0; top: 61px; }
#m1 .content ul li.on .col4 { left: 0; top: 58px; width: 103px; text-align:right; }
#m1 .content ul li.on .col5 { display: none; }
#m1 .content ul li.on .col6 { display: inline; left: 0; top: 85px; color: #737373; width: 107px; text-align:right; }
#m1 .content ul li.on .col7 { display: inline; left: 0; top: 97px; color: #737373; width: 110px; text-align:right; }
#m1 .content ul li.on .col8 { display: inline; left: 114px; top: 3px; }

#m2 { display: block; position: absolute; left: 0; top: 258px; width: 188px; height: 178px; border: 1px solid #ccc; border-width: 1px 1px 0 1px; }
#m2 h3 { margin: 8px 0 24px 10px; }
#m2 .date { position: absolute; left: 11px; top: 34px; width: 81px; height: 14px; color: #fff; text-align: center; background: url(/image/eng/main/m2pbg.gif) no-repeat; line-height: 1.2; }
#m2 ul { width: 160px; height: 97px; margin: 0 0 0 10px; padding: 6px 0 0 6px; border: 1px solid #ccc; background: #eee; overflow: hidden; }
#m2 ul li { display: inline; }
#m2 ul li a { display: inline; float: left; width: 160px; padding: 2px 0 1px 0; }
#m2 ul li a .cd { color: #666; }

#m3 { display: block; position: absolute; left: 0; top: 437px; width: 188px; height: 147px; border: 1px solid #ccc; border-width: 0 1px 0 1px; }
#m3 h3 { margin: 0 0 0 10px; }
#m3 h4 { display: none; }
#m3 ul.tab { width: 168px; overflow: hidden; margin: 0 0 0 10px; }
#m3 ul.tab li { display: inline; float: left; }
#m3 .content { display: block; position: relative; width: 168px; margin: 0 0 0 10px; padding: 0; }
#m3 .more { position: absolute; right: 0; top: -42px; }

#m4 { display: block; position: absolute; left: 0; top: 584px; width: 188px; height: 147px; border: 1px solid #ccc; border-width: 0 1px 1px 1px; }
#m4 h3 { margin: 0 0 0 10px; }
#m4 h4 { display: none; }
#m4 ul.tab { width: 168px; overflow: hidden; margin: 0 0 0 10px; }
#m4 ul.tab li { display: inline; float: left; }
#m4 .content { display: block; position: relative; width: 168px; margin: 0 0 0 10px; padding: 0; }
#m4 .more { position: absolute; right: 0; top: -39px; }

.list .content table { width: 168px; margin: 0; border-collapse: collapse; border-top: 1px solid #A6BBD0; border-bottom: 1px solid #A6BBD0; border-right: 1px hidden #fff; background: #fff; }
* html .list .content table { border-right: 1px solid #fff; }
*:first-child+html .list .content table { border-right: 1px solid #fff; }
.list .content table tr { text-align: left; color: #555; font-size: .92em; }
.list .content table th,
.list .content table td { border: 1px solid #A6BBD0; border-width: 0 0 1px 0; padding: 2px 4px; text-align: right; }
.list .content table td.red { color:#e43f14; }
.list .content table td.red img { padding:4px 0 0; }
.list .content table td.blue { color:#375a85; }
.list .content table td.blue img { padding:4px 0 0; }
.list .content table th { font-weight: normal; text-align: left; }
.list .content table th.last { background: #ebf0f4 url(/image/eng/main/m9thbg.gif) no-repeat 0 50%; }
.list .content table thead th { padding: 4px 4px; background: #EBF0F4; color: #45494C; text-align: center; vertical-align: middle; }
.list .content table tbody * { border: 0 !important; }
.list .content table tr.first * { padding-top: 6px; }
.list .content table tr.last * { padding-bottom: 6px; }

#m5 { display: block; position: absolute; left: 200px; top: 409px; width: 488px; height: 144px; border: 1px solid #ccc; background: url(/image/eng/main/m5bg.gif) no-repeat; }
#m5 h3,
#m5 h4 { display: none; }
#m5 ul.tab { width: 100%; overflow: hidden; }
#m5 ul.tab li { display: inline; float: left; }
#m5 .content { display: block; position: relative; width: 458px; margin: 0 0 0 16px; padding: 11px 0 0 0; }
#m5 .more { position: absolute; right: 0; top: -18px; }
.iclist .content ul { width: 100%; }
.iclist .content ul li { display: block; padding: 2px 0; overflow: auto; }
.iclist .content ul li img { display: inline; float: left; margin: 0 4px 0 2px; }
.iclist .content ul li span.icm { display: inline; float: left; width: 125px; padding: 0; }
.iclist .content ul li span.subject { display: inline; float: left; }
.iclist .content ul li span.subject img { float:none; margin:0; }
.iclist .content ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
.iclist .content ul li a { cursor: pointer; }

/*
#m6 { display: block; position: absolute; left: 200px; top: 409px; width: 488px; height: 144px; border: 1px solid #ccc; background: url(/image/eng/main/m5bg.gif) no-repeat; }
#m6 h3,
#m6 h4 { display: none; }
#m6 ul.tab { width: 100%; overflow: hidden; }
#m6 ul.tab li { display: inline; float: left; }
#m6 .content { display: block; position: relative; width: 458px; margin: 0 0 0 16px; padding: 11px 0 0 0; }
#m6 .more { position: absolute; right: 0; top: -18px; }
.list .content ul { width: 100%; }
.list .content ul li { display: inline; }
.list .content ul li a { display: block; width: 100%; padding: 2px 0; overflow: auto; cursor: pointer; }
.list .content ul li img { display: inline; float: left; margin: 0 4px 0 2px; }
.list .content ul li span.subject { display: inline; float: left;}
.list .content ul li span.subject img { float: none; vertical-align: baseline; }
.list .content ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
.list .content ul li span:hover { text-decoration: underline; }
*/

#m7 { display: block; position: absolute; left: 200px; top: 560px; width: 488px; height: 170px; border: 1px solid #ccc; background: url(/image/eng/main/m5bg.gif) no-repeat; }
#m7 h3,
#m7 h4 { display: none; }
#m7 p { position: absolute; right: 33px; top: 7px; color: #757575; font-size: .92em; text-align: right; }
#m7 ul.tab { width: 100%; overflow: hidden; }
#m7 ul.tab li { display: inline; float: left; }
#m7 .content { display: block; position: relative; width: 100%; padding: 1px 0 0 0; }
#m7 .more { position: absolute; right: 14px; top: -18px; }

#m8 { display: block; position: absolute; left: 700px; top: 258px; width: 248px; height: 161px; border: 1px solid #ccc; border-width: 1px 1px 0 1px; background: url(/image/eng/main/m8bg.gif) no-repeat 50% 0; }
#m8 h3 { margin: 1px 0 13px 10px; }
#m8 h4 { display: none; }
#m8 ul.tab { width: 228px; margin: 0 0 0 10px; overflow: hidden; }
#m8 ul.tab li { display: inline; float: left; }
#m8 .content { display: block; position: relative; width: 228px; margin: 0 0 0 10px; padding: 10px 0 0 0; }
#m8 .more { position: absolute; right: 0; top: -18px; }
#m8 a { cursor: pointer; }
.list2 .content ul { width: 100%; overflow: hidden; }
.list2 .content ul li { display: inline; float: left; width: 100%; padding: 2px 0; color: #555 !important; font-size: .92em; }
.list2 .content ul li span { display: inline; float: left; }
.list2 .content ul li .col1 { width: 89px; padding: 0 0 0 3px; }
.list2 .content ul li .col2 { width: 50px; padding: 0 30px 0 0; text-align: right; }
.list2 .content ul li .col3 { width: 7px; text-align: center; }
.list2 .content ul li .col3 img { padding: 5px 0 0 0; }
.list2 .content ul li .col4 { width: 42px; text-align: right; }
.list2 .content ul li .up { color: #D54D4F; }
.list2 .content ul li .dn { color: #2D72CC; }

#m9 { display: block; position: absolute; left: 700px; top: 420px; width: 248px; height: 151px; border: 1px solid #ccc; border-width: 0 1px; }
#m9 h3 { margin: 1px 0 13px 10px; }
#m9 table { width: 228px; margin: 0 10px; border-collapse: collapse; border-top: 1px solid #A6BBD0; border-bottom: 1px solid #A6BBD0; border-right: 1px hidden #fff; background: #fff; }
* html #m9 table { border-right: 1px solid #fff; }
*:first-child+html #m9 table { border-right: 1px solid #fff; }
#m9 table tr { text-align: left; color: #555; font-size: .92em; }
#m9 table th,
#m9 table td { border: 1px solid #A6BBD0; border-width: 0 0 1px 0; padding: 2px 4px; text-align: right; }
#m9 table th { font-weight: normal; text-align: left; }
#m9 table th.last { background: url(/image/eng/main/m9thbg.gif) no-repeat; }
#m9 table thead th { padding: 4px 4px; background: #EBF0F4; color: #45494C; text-align: center; vertical-align: middle; }
#m9 table tbody * { border: 0 !important; }
#m9 table tr.first * { padding-top: 7px; }
#m9 table tr.last * { padding-bottom: 7px; }
#m9 .more { position: absolute; right: 14px; top: 7px; }

#m10 { display: block; position: absolute; left: 700px; top: 571px; width: 248px; height: 160px; border: 1px solid #ccc; border-width: 0 1px 1px 1px; }
#m10 h3 { margin: 1px 0 0 10px; }
#m10 .content { display: block; position: relative; width: 228px; margin: 0 0 0 10px; padding: 10px 0 0 0; }
#m10 .content ul li { padding: 2px 0; }
#m10 .content ul li .col1 { width: 110px; padding: 0 0 0 3px; }
#m10 .content ul li .col2 { width: 30px; padding: 0 18px 0 0; text-align: right; }
#m10 .content ul li .col3 { width: 7px; text-align: center; }
#m10 .content ul li .col3 img { padding: 5px 0 0 0; }
#m10 .content ul li .col4 { width: 50px; text-align: right; }

#m11 { display: block; position: absolute; left: 200px; top: 258px; width: 488px; height: 144px; border: 1px solid #e3a423; background: url(/image/eng/main/m11bg.gif) no-repeat; }
#m11 h3,
#m11 h4 { display: none; }
#m11 ul.tab { width: 100%; overflow: hidden; }
#m11 ul.tab li { display: inline; float: left; }
#m11 .content { display: block; position: relative; width: 458px; margin: 0 0 0 16px; padding: 11px 0 0 0; }
#m11 .more { position: absolute; right: 0; top: -18px; }
.list .content ul { width: 100%; }
.list .content ul li { display: inline; }
.list .content ul li a { display: block; width: 100%; padding: 2px 0; overflow: auto; cursor: pointer; }
.list .content ul li img { display: inline; float: left; margin: 0 4px 0 2px; }
.list .content ul li span.subject { display: inline; float: left;}
.list .content ul li span.subject img { float: none; vertical-align: baseline; }
.list .content ul li span.date { display: inline; float: right; color: #666; letter-spacing: 0; text-align: right; }
.list .content ul li span:hover { text-decoration: underline; }