@charset "euc-kr";

/* head */

#wrap { width:100%; background-image:url("../images/main/main_wrap_bg.gif"); background-repeat:no-repeat; }

#head { position:relative; width:1060px; height:55px; overflow:hidden; padding:30px 0 0 10px; left:0; background:none;  }
	div.logo { float:left; padding:30px 0 0 30px; }
	div.util { position:absolute; top:10px; left:370px; }
		ul.sitemenu { float:left; }
		ul.sitemenu li { float:left; padding-top:3px; }	
		ul.search { float:right; margin-left:10px; }
		ul.search li { float:left; }

	div.topmenu_bg { float:left; width:720px; height:55px; margin-left:25px; background-image:url("../images/main/main_topmenu_bg1.gif"); background-repeat:no-repeat; }
		ul.topmenu { padding:16px 0 0 40px; }
		ul.topmenu li { float:left; padding:0 15px; background-image:url(../images/common/tm_bar.gif); background-repeat:no-repeat; background-position:right 3px;  }
		ul.topmenu li.last { background:none; }
	p.cyber { position:absolute; top:30px; left:930px; }
		
/* middle */
#middle { width:940px; height:550px; background:none; overflow:hidden; padding:0; }
	div.middle_left { float:left; width:585px; background:none; }
		div.main_flash { padding:0; margin:0; }
		dl.main_info { padding:0 0 0 30px; margin:0; }
		dl.main_info dt { padding:0 0 10px 0; margin:0; }
		dl.main_info dd { padding:0 0 4px 0; margin:0; }

		div.main_popup { padding:0 0 0 30px; margin:0; }
			ol.num li{float:left;margin:0 0 4px 0;}
		div.pop {clear:both;width:148px;height:171px;background-image:url("/images/main/pop_bg.gif"); background-repeat:no-repeat;padding:9px 0 0 6px;}
			ul.pop_top li{float:left;}
			ul.pop_top li.pop_btn{float:right;padding:0 9px 6px 0;}
	
	div.middle_right { float:left; width:340px; padding-top:25px; }
		div.mboard { padding:0 ; width:340px; overflow:hidden; }
			ul.mboard_t { background-image:url(../images/main/mboard_t_bg.gif); height:30px; background-repeat:repeat-x; }
			ul.mboard_t li { float:left; }
			ul.mboard_t li.more { float:right; padding:3px 0 0 0; }
			ul.mboard_list { margin:0; height:100px; }
			ul.mboard_list li { float:left; }
			ul.mboard_list li.text { width:258px; background-image:url(../images/main/icon_01.gif); background-repeat:no-repeat; background-position:3px 7px; line-height:20px; height:20px; border-bottom:2px dotted #CCCCCC; padding-left:8px; }
			ul.mboard_list li.date { width:70px; text-align:right; color:#999999; line-height:20px; height:20px; border-bottom:2px dotted #CCCCCC; }

			ul.mboard_list1 { margin:0; height:100px; }
			ul.mboard_list1 li { float:left; }
			ul.mboard_list1 li.text { text-align:left; padding:0 5px 5px 143px; }
			ul.mboard_list1 li.text1 { line-height:17px; text-align:left; padding:0 5px 5px 143px; }
			ul.mboard_list1 li.photo { position:absolute; left:585px; top:455px; background:none; }
			ul.mboard_list1 li.photo img { width:135px; height:90px; }
		
		ul.mlife { padding:0; margin:0; height:130px; }
		ul.mlife li { float:left; }
		ul.mlife li.mlife_img { position:absolute; width:315px; height:315px; z-index:10; top:212px; left:232px; }
		div.mlife_img { position:absolute; width:315px; height:315px; z-index:10; top:212px; left:232px; }
		div.mlife_img1 { position:absolute; width:315px; height:315px; z-index:10; top:212px; left:232px; }
		
		div.mmark { float:left; padding-right:10px; height:145px; }
		ul.quicklink { float:left; }
		ul.quicklink li { margin:0; font-size:0; line-height:0; }
		
		div.mportal { clear:both; height:30px; background-image:url(../images/main/mportal_bg.gif); background-repeat:no-repeat; padding:7px 0 0 90px; }
		div.mportal div.mportal_text { width:240px; overflow:hidden; }
		
	div.middle_banner { clear:both; width:905px; height:60px; background-image:url(../images/main/main_banner_bg.gif); background-repeat:no-repeat; margin-left:21px; }
		ul.mbanner_list { padding:8px 0 0 40px; }
		ul.mbanner_list li { float:left; background-image:url(../images/main/mbanner_bar.gif); background-repeat:no-repeat; background-position:right; padding:0 12px 0 10px; }
		ul.mbanner_list li.last { background:none; padding:0 0 0 10px; }

	div.middle_banner1 { clear:both; width:905px; height:60px; background-image:url(../images/main/main_banner_bg.gif); background-repeat:no-repeat; margin-left:21px; }
		ul.mbanner_list1 { padding:8px 0 0 40px; }
		ul.mbanner_list1 li { float:left; background-image:url(../images/main/mbanner_bar.gif); background-repeat:no-repeat; background-position:right; padding:0 33px 0 32px; }
		ul.mbanner_list1 li.last { background:none; padding:0 0 0 10px; }

	div.middle_banner2 { clear:both; width:905px; height:60px; background-image:url(../images/main/main_banner_bg.gif); background-repeat:no-repeat; margin-left:21px; }
		ul.mbanner_list2 { padding:0 0 0 10px; }
		ul.mbanner_list2 li { float:left; background-repeat:no-repeat; background-position:right; padding:8px 0 0 2px; } 
		ul.mbanner_list2 li.last { background:none; padding:2px 0 0 2px; }
 


#quick { position:absolute; width:85px; height:460px; top:100px; left:950px; }

.preview_section { position: relative; width: 340px; height: 140px; padding: 0; margin: 20px 0 0 0; list-style: none; }
.preview_section .section_item { position: absolute; top: 0; left: 0; width: 340px; height: 140px; border-top: 1px solid #BBB; }
.preview_section .section_item h3 { position: absolute; top: -22px; width: 64px; height: 22px; background-position: left bottom; }
.preview_section .section_item h3 a { display: block; width: 100%; height: 100%; cursor: pointer; }
.preview_section .section_item h3 span { display: none; }
.preview_section .section_item .more { display: block; position: absolute; top: -18px; right: 0; width: 48px; height: 14px; background: url(/images/main/mboard_more.gif) no-repeat; }
.preview_section .section_item .more.hide { display: none; }
.preview_section .section_item .more span { display: none; }
.preview_section .section_item ul { position: absolute; top: 8px; left: 0; width: 340px; margin: 0; padding: 0; }
.preview_section .section_item ul li { position: relative; padding: 4px 0 3px 10px; border-bottom:2px dotted #CCCCCC; background: url(../images/main/icon_01.gif) no-repeat left 8px; }
.preview_section .section_item ul li .created_at { position: absolute; top: 3px; right: 0; color: #AAA; }

.preview_section #notice h3 { left: 0; background: url(/images/main/mboard_t1.gif) no-repeat; }
.preview_section #free h3 { left: 66px; background: url(/images/main/mboard_t4.gif) no-repeat; }
.preview_section #entrance h3 { left: 132px; background: url(/images/main/mboard_t5.gif) no-repeat; }
.preview_section #work h3 { left: 198px; background: url(/images/main/mboard_t6.gif) no-repeat; }
.preview_section .hover#notice h3 { background: url(/images/main/mboard_t1_on.gif) no-repeat; }
.preview_section .hover#free h3 { background: url(/images/main/mboard_t4_on.gif) no-repeat; }
.preview_section .hover#entrance h3 { background: url(/images/main/mboard_t5_on.gif) no-repeat; }
.preview_section .hover#work h3 { background: url(/images/main/mboard_t6_on.gif) no-repeat; }
.preview_section .hide { display: none; }