/* CSS Document */

/********* 작성자:강윤희 *********/
/******* 작성일:2010.05.12. ******/
/********** 레이아웃CSS **********/


/* 메인+서브공통 */
body { background:url(../image/top_bg.gif) repeat-x; } /* 메인서브 상단배경*/

#wrap{ width:1000px; margin:0 auto;}

#header{ float:left; width:1000px; height:349px; }
#toplogo{ float:left; width:190px; height:60px; }
#topmenu{ float:right; width:773px; height:12px; padding:40px 37px 8px 0; text-align:right;font: 0/0 Arial; }/* font: 0/0 Arial; ->이미지사이간격 붙이기  */
#menu{ clear:both; width:1000px; height:60px; }
#mainflash1{ float:left; width:715px; height:229px; }
#mainflash2{ float:right; width:285px; height:229px; .position:absolute; background:url(../image/mainflash2_bg.jpg) no-repeat; }


#footer{ clear:both; float:left; width:100%; height:107px; margin-top:22px; background:url(../image/bottom_bg.gif) repeat-x; }
#footercontent{ width:1000px; margin:0 auto; }
#footermenu{ float:right; margin-left:797px; width:203px; height:25px; }
#copy{ float:left; width:748px; height:82px;  }
#count{ float:right; width:225px; height:51px; background:url(../image/count_bg.gif) no-repeat; padding:31px 0 0 27px;}


/* 플래시메뉴 대체  */
#flashmenu { }
#flashmenu ul { list-style:none; margin-top:5px; .margin-top:0; }
#flashmenu li { display:inline; margin-left:-4px; padding-left:-4px; font-weight:bold; font-size:14px; }


/* 메인만 */
#maincontainer{ float:left; width:980px; height:405px; background:url(../image/body_bg1.jpg) no-repeat; padding:30px 10px; }

#maincontent1{ float:left; width:980px; height:233px; margin-bottom:5px; }
#mainleft{ float:left; width:120px; height:233px; }
#mainline1{ float:left; width:30px; height:233px; background:url(../image/body_line.gif) no-repeat;}
#maintab{ float:left; width:270px; height:233px; }
#maintab1{ float:left; width:270px; height:100px; background:#f2f2f2; margin-bottom:23px; }
#maintab2{ float:left; width:270px; height:100px; background:#f2f2f2; }
#maintab3{ float:left; width:270px; height:100px; background:#f2f2f2; margin-bottom:23px; }
#maincenter{ float:left; width:390px; margin-left:20px;}
#maincenter1{ float:left; width:390px; height:100px; margin-bottom:23px; }
#maincenter2{ float:left; width:390px; height:100px; }
#mainline2{ float:left; width:30px; height:233px; background:url(../image/body_line.gif) right;}
#mainright{ float:right; width:120px; height:233px; }


#maincontent2{ float:left; width:980px; height:94px; }
#banner1{ float:left; width:980px; height:47px; background:url(../image/banner_bg.gif) repeat-x; display:inline; }
#banner1 ul {position:absolute; width:100%; top:-40px;	left:150px;  }
#banner1 li {  list-style:none; text-align:center; vertical-align:top;  }
.bannerpadding{ padding:0 30px 0 10px; }
#banner2{ float:left; width:980px; height:47px; background:url(../image/banner_bg.gif) repeat-x; display:inline; }

.bannerpadding3{ padding:0px 30px 10px 10px; }
#banner3{ float:left; width:980px; height:47px; background:url(../image/banner_bg.gif) repeat-x; display:inline; }

.bannerpadding4{ padding:0px 30px 10px 10px; }
#banner4{ float:left; width:980px; height:47px; background:url(../image/banner_bg.gif) repeat-x; display:inline; }
#banner4 ul {position:absolute; width:100%; top:-40px;	left:150px;  }
#banner4 li {  list-style:none; text-align:center; vertical-align:top;  }

#banner4 .ticker {
			 width: 800px;
			 height: 310px;
			 overflow: hidden;
			 margin: 0;
			 padding: 0;
			 list-style: none;
			 top:-140px;	
			 left:250px;

			}


#banner4 .ticker li {
			 height: 30px;
			 padding: 5px;
			 margin: 0px 5px 10px 100px;;
			}


/* 서브만 */
#subheader{ float:left; width:1000px; height:330px; }
#subflash{ float:left; width:1000px; height:210px; }


#subcontainer{ float:left; width:980px; padding-left:20px;  }

*:first-child+html #subcontainer { float:left; width:980px; padding-left:20px; min-height:800px; overflow:auto; 
	scrollbar-face-color: #FFFFFF;/* 박스안의 색을 설정 */
	scrollbar-track-color: #EBEBEB;/* 스크롤되는 바닥 색 설정 */
	scrollbar-arrow-color: #58a7de;/* 위아래 방향화살표의 색을 설정 */
	scrollbar-highlight-color: #DCDCDC;/* 박스안의 상단/좌측선의 색을 설정 */
	scrollbar-3dlight-color: #FFFFFF;/* 박스밖의 상단/좌측 선의 색을 설정(highlight의 왼쪽/상단) */
	scrollbar-shadow-color: #BEBEBE;/* 박스안의 하단/우측선의 색을 설정 */
	scrollbar-darkshadow-color: #ffffff;/* 박스밖의 하단/수측 선의 색을 설정(shadow의 오른쪽/하단) */ }

#subsm { float:left; width:200px; .height:500px; }


#subcontent{ float:left; width:630px; .height:500px; padding:0 23px; }
#subcontent001{ float:left; width:730px; .height:500px; padding:0 23px; }
#quickmenu { float:left; width:84px; height:270px; }/* background:url(../intro/image/quickmenu_bg.gif) repeat-y; */
#sm_banner { width:200px; margin:15px 0;}
#navy { float:right; background:url(../intro/image/home.gif) no-repeat 0px 3px; font-size:11px; color:#666666; padding-left:20px; }
#content { clear:both; padding-top:30px;  .padding-top:20px;}

#subsm .snb_list{ width:200px; }
#subsm .snb_list dl{}
#subsm .snb_list dt{ }
#subsm .snb_list dd{}
#subsm .snb_list ul { }
#subsm .snb_list li { }
#subsm .snb_list img { vertical-align:top;} 
#subsm .snb_list .sub_list{ }
#subsm .snb_list .sub_list li { list-style:none; }
#subsm .snb_list p{ height:10px; }


/* 서브플래시메뉴 대체  */
#flashmenu_sub {}
#flashmenu_sub ul { list-style:none; }
#flashmenu_sub li { display:inline; }


/*  */