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

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

#m1 { display: block; position: absolute; left: 740px; top: 24px; width: 210px; height: 206px; background: url(/image/iko/main/m1_tibg.gif) no-repeat;}
#m1 h3 { padding:10px 0px 0 8px; }
#m1 .btn { position:absolute; left: 124px; top: 6px; padding:0; margin:0; float:right; }
#m1 object {  }
#m1 .mtitle {position: relative; width: 210px; height: 50px; }
#m1 .mlist { position: absolute; width: 210px; height: 20px; }
#m1 .mlist ul { position: absolute; left: 0; top: 0; padding:0; margin:0;  width: 210px; height: 20px;}
#m1 .mlist ul li { display:inline; float:left; padding-left:8px; margin:0; line-height: 1.25;  padding-top:7px;}



#m2 { display: block; position: absolute; left: 0px; top: 247px; width: 270px; height: 78px; background: url(/image/iko/main/m2bg.gif) no-repeat; z-index : 100 !important;}
#m2 h3 { position: absolute; left: 37px; top: 4px; }
#m2 form { padding:0; margin:0; }
#m2 fieldset { padding:; margin:0; border:0; }
#m2 legend { display:none; }
#m2 .sbox { position: absolute; left: 9px; top: 28px; width: 251px; height: 43px; }
#m2 .sbox ul { position: absolute; left: 0; top: 0; padding:0; margin:0; }
#m2 .sbox ul li { display:inline; float:left; padding:0; margin:0; line-height: 1.25; background: #fff; }
#m2 .sbox ul li .col1 { display:inline; float:left; width: 193px; padding:0; margin:0 0 2px; line-height: 1.2;  }
#m2 .sbox ul li .col1 input.text1 { width: 159px; height: 15px; padding: 1px 5px 1px; border:1px solid #d7d7d7; color:#9a9a9a; line-height: 1.25; }
#m2 .sbox ul li .col1 a.pbtn { position: absolute; right: 0; top: 0; } 
#m2 .sbox ul li .col2 { display:inline; float:left; position:relative; width: 79px; height:18px; border:1px solid #d7d7d7; padding: 1px 0 0 5px; margin:0; line-height: 1.25; }
#m2 .sbox ul li .col2 input.text1 { width: 60px; height:15px; border:0; padding:0; margin:0; line-height: 1.25; }
#m2 .sbox ul li .col2 a.mcal { position:absolute; right:2px; top:2px; padding:0; margin:0; }
#m2 .sbox ul li .col21 { display:inline; float:left; width: 20px; text-align:center; padding: 3px 0 2px; line-height: 1.25; }
#m2 .sbox .m2btn { position: absolute; left : 198px; width: 52px; height: 41px; }

#from_date{ display: none; position:absolute; left: 60px; top: 20px;}
#to_date { display: none; position:absolute; left: 60px; top: 20px;}

#m3 { display: block ; position: absolute; left: 0px; top: 330px; width: 270px; height: 65px; z-index : 10 !important;;}


#m4 { display: block; position: absolute; left: 0px; top: 400px; width: 270px; height: 174px; } 
#m4 ul { position: absolute; left: 0; top: 0; padding:0; margin:0;}
#m4 ul li { display:inline; }
#m4_bnr { position: absolute; left: 0; top: 402px; width: 270px; height: 174px; }

#banner-scroll { position: absolute; left: 0; top: 0; width: 705px; height: 48px; overflow:hidden; }
ul#banner-content { position: absolute; left: -10px; top: 0;}
ul#banner-content li { display:inline; float:left; }
ul#banner-content li a { display:inline; float:left; margin: 0 0 0 10px; padding:0; }

#m5 { display: block; position: absolute; left: 305px; top: 247px; width: 400px; height: 153px; background: url(/image/iko/main/tabbg.gif) repeat-x; }
#m5 h3,
#m5 h4 { display: none; }
#m5 ul.tab { width: 100%; overflow: hidden; }
#m5 ul.tab li { display: inline; float: left; }
#m5 ul.tab li img { vertical-align: top; }
#m5 .tabcontent { display: block; position: relative; width: 100%; padding: 4px 0 0 0; }
#m5 .more { position: absolute; right: 0; top: -19px; }
#m5 .tabcontent * { }

#m6 { display: block; position: absolute; left: 305px; top: 419px; width: 400px; height: 153px; background: url(/image/iko/main/tabbg.gif) repeat-x; }
#m6 h3,
#m6 h4 { display: none; }
#m6 ul.tab { width: 100%; overflow: hidden; }
#m6 ul.tab li { display: inline; float: left; }
#m6 ul.tab li img { vertical-align: top; }
#m6 .tabcontent { display: block; position: relative; width: 100%; padding: 4px 0 0 0; }
#m6 .more { position: absolute; right: 0; top: -19px; }
#m6 .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/iko/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; }
.list .tabcontent ul li span.subject { display: inline; float: left; padding: 0 0 0 6px; width: 260px;}
.list .tabcontent ul li span.name { display: inline; float: left; color: #666; letter-spacing: 0;text-align: right;}
.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; }

#m7 { display: block; position: absolute; left: 740px; top: 247px; width: 210px; height: 159px; padding: 3px; background: url(/image/iko/main/m7bg.gif) no-repeat;}
#m7 h3,
#m7 h4 { display: none; }
#m7 ul.tab { width: 100%; background: url(/image/iko/main/m7tabbg.gif) no-repeat; overflow: hidden; }
#m7 ul.tab li { display: inline; float: left; }
#m7 ul.tab li img { vertical-align: top; }
#m7 .tabcontent { display: block; position: relative; width: 204px; padding: 4px 0 0 0; }
#m7 .more { position: absolute; right: 7px; top: -24px; }
#m7 .tabcontent * { }
#m7 .tabcontent ul { width: 100%; overflow: hidden; }
#m7 .tabcontent ul li { display: inline; float: left; width: 100%; padding: 3px 0; color: #666 !important; font-size: .92em; font-family: 돋움; }
#m7 .tabcontent ul li.row1	{}
#m7 .tabcontent ul li.row3 	{}
#m7 .tabcontent ul li.row5 { /*background: #ededed;*/ }
#m7 .tabcontent ul li span { display: inline; float: left; }
#m7 .tabcontent ul li .col1 { width: 80px; padding: 0 0 0 5px; }
#m7 .tabcontent ul li .col2 { width: 51px; padding: 0 3px 0 0; text-align: right;  }
#m7 .tabcontent ul li .col3 { width: 13px; text-align: center; }
#m7 .tabcontent ul li .col3 img { padding: 5px 0 0 0; }
#m7 .tabcontent ul li .col4 { width: 43px; padding: 0 3px 0 0; text-align: right; }
#m7 .tabcontent ul li .c401 { color:#b92304; }
#m7 .tabcontent ul li .c402 { color:#4265b2; }

/* 일정(월간)+일정롤링 */
#m8 { display: block; position: absolute; left: 740px; top: 411px; width: 210px; height: 226px; background: url(/image/iko/main/m8bg.gif) no-repeat; }
#m8 * {  background: transparent; }
#m8 h3 { margin: 8px 0 0 8px; }
/* 달력 */
#m8 .calendar { width: 183px; margin: 0 auto; }
#m8 .calendar caption { display: none; }
#m8 .calendar .month { position: absolute; right: 10px; top: 10px; width: 115px; text-align: center; color: #666; }
#m8 .calendar .month * { display: inline; font-weight: bold; }
* html #m8 .calendar .month h4 { padding: 0 4px 0 0; }
*:first-child+html #m8 .calendar .month h4 { padding: 0 4px 0 0; }
#m8 .calendar .month img { padding: 0 0 2px 0; vertical-align: middle; }
#m8 .calendar .month strong { float: none; margin: 0; font-weight: bold; font-size: 1em; }
#m8 .calendar table { position: absolute; left: 14px; top: 50px; width: 182px; height: auto; border-collapse: collapse; font-size:1em; }
#m8 .calendar table tr.day * { display: none; }
#m8 .calendar table td { padding: 1px 1px 0 0; border: 0; vertical-align: middle; text-align: center; }
#m8 .calendar table td * { line-height: 1;}
#m8 .calendar table td span {  }
#m8 .calendar table td a { display: block; height: 12px; margin: 1px 0 0; padding: 2px 1px 2px 1px; background: url(/image/iko/main/m8abg.gif) no-repeat 50% 50%; color: #fff; }


#m8 #m8scroll { position: absolute; left: 11px; top: 156px; width: 170px; height: 30px; overflow: hidden; line-height: 1.25; }
#m8 #m8scroll ul { position: absolute; left: 0; top: 0; }
#m8 #m8scroll ul li { display: inline; float: left; width: 170px; height: 15px; }
#m8 #m8scroll ul li a { color: #666; }
#m8 #m8scroll ul li a .no,
#m8 #m8scroll ul li a .date { padding: 0 0 0 5px; background: url(/image/iko/main/m8bu.gif) no-repeat 0 5px; }
#m8 #m8scroll ul li a .subject {  }
#m8 .control { position: absolute; left: 191px; top: 159px; width: 11px; overflow: hidden; }
#m8 .control img { display: inline; float: left; margin: 0 0 2px 0; }
#m8 .control .prev {  }
#m8 .control .next {  }
#m8 .control img { vertical-align: top; }

#m9 { display: block; position: absolute; left: 744px; top: 605px; width: 206px; overflow: hidden; }
#m9 h3 { display: none; }
#m9 li { display: inline; float: left; }


#banner { display: block; position: absolute; left: 0px; top: 589px; width: 705px; height: 48px; }
#banner h3 { display:none; } 
/*---
#banner-scroll { position: absolute; left: 0; top: 0; width: 681px; height: 48px; overflow:hidden; }
ul#banner-content { position: absolute; left: -4px; top: 0; overflow:hidden; }
ul#banner-content li { display:inline; float:left; }
ul#banner-content li a { display:inline; float:left; margin: 0 0 0 4px; padding:0; }
#banner .control { position: absolute; right: 0; top: 0; width: 20px; padding-top: 5px;}
#banner .control img { display:inline; float:left; margin: 0 0 2px; }
----*/