/*
solitech Web Team(http://www.wsu.ac.kr/)
Author: Hyun-jin, Jeon 03.2010
*/

#wrap{position:relative; width:100%; margin-top:15px;}

	div.logoArea{position:absolute; width:330px; height:70px; top:25px; left:-10px;}
		div.logoArea a.logo{display:block; width:330px; height:70px; background:url(../../images/logo.gif) no-repeat 0px 0px;}
		div.logoArea a.logo:hover{background-position:0px -70px;}

	div.menuArea{position:absolute; width:190px; height:320px; top:100px; left:0px;}

	div.indexContentArea div.miniMenuArea{position:relative; height:35px; padding-top:25px; color:#fff; text-align:right;}
	div.subContentArea div.miniMenuArea{position:relative; height:30px; padding-top:20px; color:#fff; text-align:right;}
		div.miniMenuArea a.miniMenu{color:#fff; font-size:12px; font-family:Tahoma;}
		div.miniMenuArea a.miniMenu:hover{color:#336600; font-weight:bold;}
		div.miniMenuArea span.cutLine{color:#fff; font-size:9px;}

	#indexArea{position:relative; width:980px; height:800px; margin:0 auto; background:url(../../images/indexBg.gif) no-repeat 0px 0px;}
	#subArea{position:relative; width:980px; margin:0 auto; background:url(../../images/subBg.gif) repeat-y 0px 0px;}
		#subArea div.topBg{position:relative; width:980px; background:url(../../images/subBgTop.gif) no-repeat 0px 0px;}
	
	div.indexContentArea{position:relative; width:680px; margin-left:240px;}
		div.indexContentArea div.indexFlashArea{position:relative; height:680px;}
		div.indexContentArea div.noticeArea{position:absolute; width:300px; padding-top:20px; top:640px; left:20px; background:url(../../images/index_tit_notice.gif) no-repeat 0px 0px; z-index:100;}
			div.indexContentArea div.noticeArea table.noticeNew{width:300px;}
			div.indexContentArea div.noticeArea table.noticeNew tbody tr td{height:14px;}
			div.indexContentArea div.noticeArea table.noticeNew tbody tr td.date{text-align:right;}
			div.indexContentArea div.noticeArea table.noticeNew tbody tr td a:hover{color:#336600;}
			div.indexContentArea div.noticeArea a.noticeMore{position:absolute; display:block; width:6px; height:6px; top:2px; right:5px; background:url(../../images/notice_more.gif) no-repeat 0px 0px;}
			div.indexContentArea div.noticeArea a.noticeMore:hover{background-position:-6px 0px;}

	div.subContentArea{position:relative; width:680px; margin-left:250px; padding-bottom:30px;}
		div.subContentArea div.subFlashArea{position:relative; height:240px;}
		div.subContentArea div.locationArea{position:absolute; width:670px; height:60px; top:230px; text-align:right;}
			div.subContentArea div.locationArea span.locationText{display:block; height:15px; color:#a1a1a1;}
		
		div.subContentArea div.content{position:relative; padding:30px 35px;}
			div.subContentArea div.content div.tabMenuArea{position:relative;}
				div.subContentArea div.content div.tabMenuArea ul li{float:left; height:30px; background:#e6e6e6;}
				div.subContentArea div.content div.tabMenuArea ul li.tabMenu{margin-bottom:25px;}
					div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.tabAbout{display:block; height:30px; margin:0 3px; background:url(../../images/about/tab_about.gif) no-repeat 0px 0px;}

						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_01{width:100px; background-position:0px 0px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_01_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_01:hover{width:100px;background-position:0px -30px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_02{width:80px; background-position:-100px 0px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_02_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_02:hover{width:80px;background-position:-100px -30px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_03{width:120px; background-position:-180px 0px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_03_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list01_03:hover{width:120px;background-position:-180px -30px;}

						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_01{width:100px; background-position:0px -60px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_01_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_01:hover{width:100px;background-position:0px -90px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_02{width:110px; background-position:-100px -60px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_02_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_02:hover{width:110px;background-position:-100px -90px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_03{width:110px; background-position:-210px -60px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_03_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list02_03:hover{width:110px;background-position:-210px -90px;}

						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list03_01{width:100px; background-position:0px -120px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list03_01_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list03_01:hover{width:100px;background-position:0px -150px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list03_02{width:110px; background-position:-100px -120px;}
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list03_02_on,
						div.subContentArea div.content div.tabMenuArea ul li.tabMenu a.list03_02:hover{width:110px;background-position:-100px -150px;}

				div.subContentArea div.content div.tabMenuArea ul li.tabLeft{width:15px; height:30px; background:url(../../images/tab_round.gif) no-repeat 0px 0px;}
				div.subContentArea div.content div.tabMenuArea ul li.tabRight{width:15px; height:30px; background:url(../../images/tab_round.gif) no-repeat -15px 0px;}
			div.subContentArea div.content div.contentText{position:relative;}
				div.subContentArea div.content div.contentText table.profile{width:610px;}
					div.subContentArea div.content div.contentText table.profile thead tr th{height:30px; background:#f7941d; color:#fff; font-size:12px; font-weight:bold; text-align:center;}
					div.subContentArea div.content div.contentText table.profile tbody tr td{padding:5px 0px; border-bottom:1px dotted #e0e0e0;}
					div.subContentArea div.content div.contentText table.profile tbody tr td.profileDate{color:#cc3333; font-weight:bold;}
					div.subContentArea div.content div.contentText table.profile tbody tr td.profileOffice{color:#cc3333; font-weight:bold; text-align:center; background:#f6f6f6;}
					div.subContentArea div.content div.contentText table.profile tbody tr td.profileName{text-align:center;}

				div.subContentArea div.content div.contentText ul.textImgArea li.tit{height:14px; margin-bottom:15px;}
				div.subContentArea div.content div.contentText ul.textImgArea li.textImg{padding-left:15px; margin-bottom:30px;}

				div.subContentArea div.content div.contentText ul.sitemapArea{position:relative; height:310px;}
				div.subContentArea div.content div.contentText ul.sitemapArea li.stepOne{float:left; width:159px;}
					div.subContentArea div.content div.contentText ul.sitemapArea li ul.oneDepth li{position:relative; padding:5px 0; border-bottom:1px solid #e5e5e5;}
						div.subContentArea div.content div.contentText ul.sitemapArea li ul.oneDepth li a{color:#54402b; font-weight:bold;}
					div.subContentArea div.content div.contentText ul.sitemapArea li ul.oneDepth li ul.twoDepth li{position:relative; padding:2px 10px; border:0px;}
						div.subContentArea div.content div.contentText ul.sitemapArea li ul.oneDepth li ul.twoDepth li a{color:#999; font-weight:normal;}
						div.subContentArea div.content div.contentText ul.sitemapArea li ul.oneDepth li ul.twoDepth li a:hover{color:#54402b; font-weight:normal;}
				div.subContentArea div.content div.contentText ul.sitemapArea li.stepTwo{float:left; width:159px; margin-left:40px;}
				div.subContentArea div.content div.contentText ul.sitemapArea li.stepThree{float:left; width:159px; margin-left:40px;}

				div.subContentArea div.content div.contentText ol.about02_02 li.tit{height:14px; margin-bottom:10px;}
				div.subContentArea div.content div.contentText ol.about02_02 li.textLine{padding-left:15px; margin-bottom:30px;}
				div.subContentArea div.content div.contentText ol.about02_02 li.textLine span.textHead{color:#666; font-weight:bold;}
				div.subContentArea div.content div.contentText ol.about02_02 li.textLine ol{padding-left:30px;}

	#footer{position:relative; width:100%; height:65px; border-top:1px solid #efeae5;}		
		div.copyrightArea{position:relative; width:980px; height:85px; margin:0 auto; background:url(../../images/total_copyright_logo.gif) no-repeat 24px 27px; color:#b5b2ac;}
			div.copyrightArea div.copyrightText{position:relative; padding:22px 0 0 75px; color:#b3b3b3;}
			div.copyrightArea div.markupOK{position:absolute; top:20px; right:170px;}
			div.copyrightArea div.familysiteArea{position:absolute; top:30px; right:30px;}