@charset "utf-8";
/* Main CSS ==================
= Developer Name: 문영신
= Create Date: 2010.01.05
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.01.08.문영신 배경CSS수정
============================= */

/* Layout  Main 보정 ========== */
body.main { background-position: 0 109px; }
body.main .x_bg { background-position: 0 105px; }
body.main #head { height: 170px; background-position: 0 105px; }
body.main #visual{position:absolute;left:630px;top:46px;z-index:31}
body.main #wrap { height: 884px; }

body.main #topmenu ul ul#top2m1 { width: 940px; padding-left: 10px; }
body.main #topmenu ul ul#top2m2 { width: 880px; padding-left: 50px; }
body.main #topmenu ul ul#top2m3 { width: 820px; padding-left: 100px; }
body.main #topmenu ul ul#top2m4 { width: 770px; padding-left: 110px; }
body.main #topmenu ul ul#top2m12 { width: 950px; padding-left: 10px; }
body.main #topmenu ul ul#top2m5 { width: 620px; padding-left: 290px; }
body.main #topmenu ul ul#top2m6 { width: 550px; padding-left: 340px; }
body.main #topmenu ul ul#top2m7 { width: 460px; padding-left: 430px; }
body.main #topmenu ul ul#top2m8 { width: 760px; padding-left: 190px; }
body.main #topmenu ul ul#top2m9 { width: 600px; padding-left: 440px; }
body.main #topmenu ul ul#top2m10 { width: 760px; padding-left: 190px; }
body.main #topmenu ul ul#top2m11 { width: 570px; padding-left: 420px; }
body.main #topmenu ul ul#top2m14 { width: 570px; padding-left: 380px; }


#logo { left: 21px; top: 48px; }

#search { z-index: 10; position: absolute; left: 209px; top: 51px; width: 402px; height: 36px; border: 0; background: url(/image/kor/main/search_bg.gif) no-repeat; }
#search legend { display: none; }
#search label { position: absolute; left: 15px; top: 11px; color: #666; font-size: .92em; }
#search input.text { position: absolute; left: 80px; top: 8px; width: 262px; height: 17px; padding: 1px 5px; border: 0; font-weight: bold; font-size: 1.28em; line-height: 1.15; letter-spacing: -1px; }
#search input.image { position: absolute; right: 0; top: 0; }
#search #autocomplete { display: none; position: absolute; left: 0; top: 36px; width: 400px; border: 1px solid #888D95; background: #fff; }
#search #autocomplete p { padding: 7px 13px; color: #888D95; font-size: .92em; line-height: 1.19; letter-spacing: 0; }
#search #autocomplete p em { color: #30373E; }
#search #autocomplete .control { width: 161px; padding: 5px 30px 5px 209px; border-top: 1px solid #ccc; background: #EDEEEF; overflow: hidden; }
#search #autocomplete .control a { display: inline; float: left; padding: 0 10px 0 11px; color: #757575; font-size: .92em; line-height: 1.28; white-space: nowrap; }
#search #autocomplete .control a.last { background: url(/image/cm/sep1.gif) no-repeat 0 50%; }
#search #autocomplete a.close { position: absolute; right: 13px; bottom: 4px; padding: 0 0 0 11px; background: url(/image/cm/sep1.gif) no-repeat 0 50%; }

#globalmenu { left: 475px; top: 10px; }
#topmenu { top: 99px; }
#topmenu ul { left: 0px; }
#topmenu ul li ul { background: url(/image/cm/b.gif); }
#topmenu ul li ul { left: -5px; height: auto; padding: 8px 0 6px; background: url(/image/cm/top2bg.gif) no-repeat 0 100%; overflow: hidden; }
/* 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; margin:0; background: url(/image/kor/main/m1bg.gif) no-repeat; overflow:hidden; }
* html #m1 { padding: 129px 0 0 0; }
*:first-child+html #m1 { padding: 129px 0 0 0; }
#m1 ul { width: 100%; padding:0; margin:0; }
#m1 ul li { display: block; width: 100%; height: 15px; padding: 7px 0 4px 0; font-size: .92em; }
#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: 93px; text-align:right; }
#m1 .content ul li.on .col2 { left: 0; top: 44px; width: 92px; text-align:right; }
#m1 .content ul li.on .col4 { left: 0; top: 61px; width: 92px; 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: 92px; text-align:right; }
#m1 .content ul li.on .col7 { display: inline; left: 0; top: 97px; color: #737373; width: 103px; 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: 150px; border: 1px solid #ccc; border-width: 1px 1px 0 1px; }
#m2 h3 { margin: 0 0 10px 10px; }
#m2 .date { position: absolute; left: 79px; top: 6px; width: 81px; height: 14px; color: #fff; text-align: center; }
#m2 ul { width: 168px; margin: 0 0 0 10px; overflow: hidden; }
#m2 ul li { display: inline; }
#m2 ul li a { display: inline; float: left; width: 155px; padding: 2px 0 2px 13px; background: url(/image/kor/main/libg1.gif) no-repeat 4px 50%; }

#m3 { display: block; position: absolute; left: 0; top: 399px; width: 188px; height: 108px; border: 1px solid #ccc; border-width: 0 1px 1px 1px; }
#m3 h3 { margin: 0 0 5px 10px; }
#m3 .date { position: absolute; left: 54px; top: 7px; width: 81px; height: 14px; color: #fff; text-align: center; }
#m3 ul { width: 160px; height: 60px; margin: 0 0 0 10px; padding: 6px 0 0 6px; border: 1px solid #ccc; background: #eee; overflow: hidden; }
#m3 ul li { display: inline; }
#m3 ul li a { display: inline; float: left; width: 160px; padding: 2px 0 1px 0; }
#m3 ul li a .cd { color: #666; }

#m4 { display: block; position: absolute; left: 0; top: 560px; width: 182px; height: 194px; border: 4px solid #C5B894; }
#m4 .m1 { margin: 7px 0 0 14px; }
#m4 ul { width: 154px; margin: 0 0 0 14px; overflow: hidden; }
#m4 ul li { display: inline; }
#m4 ul li a { display: inline; float: left; }
#m4 .m1 { margin: 14px 0 0 14px; }
#m4 .m2 { margin: 2px 0 2px 14px; }

#m5 { display: block; position: absolute; left: 0; top: 767px; }
#m5scroll { position: absolute; left: 0; top: 0; width: 190px; height: 86px; overflow: hidden; }
ul#m5content { position: absolute; left: 0; top: 0; width: 100%;overflow: hidden; }
ul#m5content li { display: inline; }
ul#m5content li a { display: inline; float: left; }
#m5 .control { position: absolute; left: 168px; top: 89px; width: 22px; }
#m5 .control a { display: inline; float: left; margin: 0; }


#m6 { display: block; position: absolute; left: 200px; top: 258px; width: 488px; height: 144px; border: 1px solid #ccc; background: url(/image/kor/main/m6bg.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 .kind { position: absolute; right: 75px; top: 3px; }
#m6 .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; }


#m7 { display: block; position: absolute; left: 200px; top: 409px; width: 488px; height: 144px; border: 1px solid #ccc; background: url(/image/kor/main/m6bg.gif) no-repeat; }
#m7 h3,
#m7 h4 { display: none; }
#m7 ul.tab { width: 100%; overflow: hidden; }
#m7 ul.tab li { display: inline; float: left; }
#m7 .content { display: block; position: relative; width: 458px; margin: 0 0 0 16px; padding: 11px 0 0 0; }
#m7 .public {position:absolute; right: 75px; top: 7px; }
#m7 .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; }

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

#m9 { display: block; position: absolute; left: 200px; top: 727px; width: 488px; height: 139px; border: 1px solid #ccc; background: url(/image/kor/main/m6bg.gif) no-repeat; }
#m9 h3 { margin: 0 0 10px 0; }
#m9 p { position: absolute; right: 52px; top: 8px; color: #757575; font-size: .92em; text-align: right; }
#m9 table { width: 458px; margin: 0 15px 0 15px; 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 1px 1px 0; padding: 2px 14px; text-align: right; }
#m9 table th { font-weight: normal; text-align: left; }
#m9 table thead th { padding: 3px 14px; background: #EBF0F4; color: #45494C; text-align: center; vertical-align: middle; }
#m9 table thead tr.row2 th { color: #385E84; }
#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: 10px; }

#m10 { display: block; position: absolute; left: 700px; top: 258px; width: 248px; height: 150px; border: 1px solid #ccc; border-width: 1px 1px 0 1px; background: url(/image/kor/main/m10bg.gif) no-repeat 50% 0; }
#m10 h3 { margin: 1px 0 5px 10px; }
#m10 h4 { display: none; }
#m10 ul.tab { width: 228px; margin: 0 0 0 10px; overflow: hidden; }
#m10 ul.tab li { display: inline; float: left; }
#m10 .content { display: block; position: relative; width: 228px; margin: 0 0 0 10px; padding: 10px 0 0 0; }
#m10 .more { position: absolute; right: 0; top: -19px; }
#m10 a { cursor: pointer; }
.list2 .content ul { width: 100%; overflow: hidden; }
.list2 .content ul li { display: inline; float: left; width: 100%; padding: 1px 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; }

#m11 { display: block; position: absolute; left: 700px; top: 394px; width: 248px; height: 151px; border: 1px solid #ccc; border-width: 0 1px; }
#m11 h3 { margin: 1px 0 5px 10px; }
#m11 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 #m11 table { border-right: 1px solid #fff; }
*:first-child+html #m11 table { border-right: 1px solid #fff; }
#m11 table tr { text-align: left; color: #555; font-size: .92em; }
#m11 table th,
#m11 table td { border: 1px solid #A6BBD0; border-width: 0 0 1px 0; padding: 1px 4px; text-align: right; }
#m11 table th { font-weight: normal; text-align: left; }
#m11 table thead th { padding: 4px 4px; background: #EBF0F4; color: #45494C; text-align: center; vertical-align: middle; }
#m11 table tbody * { border: 0 !important; }
#m11 table tr.first * { padding-top: 7px; }
#m11 table tr.last * { padding-bottom: 7px; }
#m11 .more { position: absolute; right: 14px; top: 7px; }

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

#m13 { display: block; position: absolute; left: 696px; top: 727px; }
#m13 h3 { display: none; }
#m13 ul { width: 260px; overflow: hidden; }
#m13 ul li { display: inline; }
#m13 ul li a { display: inline; float: left; }

#m14 { display: block; position: absolute; left: 700px; top: 767px; }
#m14scroll { position: absolute; left: 0; top: 0; width: 250px; height: 86px; overflow: hidden; }
ul#m14content { position: absolute; left: 0; top: 0; width: 100%;overflow: hidden; }
ul#m14content li { display: inline; }
ul#m14content li a { display: inline; float: left; }
#m14 .control { position: absolute; left: 228px; top: 89px; width: 22px; }
#m14 .control a { display: inline; float: left; margin: 0; }

#m16 { display: block; position: absolute; left: 700px; top: 513px; width: 248px; height: 80px; border: 1px solid #ccc; border-width: 0 1px 0 1px; }
#m16 h3 { margin: 1px 0 0 10px; }
#m16 .content { display: block; position: relative; width: 228px; margin: 0 0 0 10px; padding: 6px 0 0 0; }
#m16 .content ul li { padding: 2px 0; }
#m16 .content ul li .col1 { width: 90px; padding: 0 0 0 3px; }
#m16 .content ul li .col2 { width: 60px; padding: 0 15px 0 0; text-align: right; }
#m16 .content ul li .col3 { width: 7px; text-align: center; }
#m16 .content ul li .col3 img { padding: 5px 0 0 0; }
#m16 .content ul li .col4 { width: 40px; text-align: right; }


#m17 { display: block; position: absolute; left: 0; top: 513px }