@charset "utf-8";


@import url("/03ch/common/css/base.css");    /* 기본적인 스타일이 담겨있습니다 */

body { position:relative; width:100%;background:url(/03ch/images/main/bg_wrap.jpg) left top repeat-x;}

#wrap { position:relative;width:937px; margin:0 auto;background:url(/03ch/images/main/bg_footer.jpg) left bottom no-repeat;font-family:dotum;}

/* 상단 레이아웃 */
#header { position:relative;width:937px;height:133px; z-index:99;}
	#header h1 { position:absolute; left:380px; top:18px;padding:0;margin:0; z-index:9;}
	#header #utilGroup {position:relative; width:100%;}

		#header #utilGroup #right_util{ position:absolute;right:19px; top:45px;height:15px}
		#header ul#languageList {float:right; display:inline; margin-right:1px;}
			#header ul#languageList li { float:left; display:inline; margin:0px; padding:1px 4px;}
			#header ul#languageList li a { display:block;font-size:11px;cursor:hand;letter-spacing:-1px;}
		
	

	#header #gnb {position:absolute;left:0;top:66px;width:937px; height:70px;background:url(/03ch/images/main/bg_gnb.gif) left top no-repeat; }
	#header #gnb ul#topmenu {padding:0 0 0 62px;}
		#header #gnb ul li { float:left; }
		#header #gnb ul li a { position:relative; display:block; padding:9px 30px 7px 18px; white-space:nowrap; }
		#header #gnb p#culture {position:absolute;right:10px;top:1px;padding:6px 5px;margin:0;}
			#header #gnb  div {float:left;position:absolute; display:none; left:0; top:38px;margin:0; padding:0 0 0 13px; z-index:99; }
			#header #gnb div#submenu03 { left:0px; }
			#header #gnb div#submenu05 { left:450px; margin-left:-24px; }
			#header #gnb div#submenu04 { left:300px; margin-left:-24px; }
			#header #gnb div#submenu01 { padding-right:270px; }
				#header #gnb div ul { float:left; margin:0; padding:0; }
				#header #gnb div#submenu05 ul {width:600px;}
				#header #gnb div#submenu01 ul { width:700px; }
				#header #gnb div#submenu02 ul { width:850px; }
				#header #gnb div#submenu03 ul { width:700px; }
				#header #gnb div#submenu04 ul { width:850px; }
				#header #gnb div#submenu05 ul { width:540px;}
					#header #gnb div ul li { float:left; background:url(/03ch/images/common/header/gnb_line.gif) right 5px no-repeat }
					#header #gnb div ul li a {display:block; padding:2px 8px 2px 4px; letter-spacing:-1px;font-weight:bold;}
					#header #gnb li.over div ul li a { background:none !important; }

#header #gnb ul#rmenu {padding:0 55px 0 22px; float:right;}
#header #gnb ul#rmenu li{padding:0; float:left;}
#header #gnb ul#rmenu li a{padding:11px 5px 7px 9px; float:left;}

    /* 글자확대축소 보기 내용 */
	#header #viewControl{position:absolute;right:30px;top:15px;}
	#viewControl ul{float:left;}
	#viewControl ul li{float:left;padding:0 2px;}

     /* 통합검색 내용 */
	#header #gnbGroup #searchGroup{position:absolute;top:48px;left:280px;width:400px;height:26px;background:url(/03ch/images/main/header/bg_serch.gif) 80px 1px no-repeat; z-index:9998;}
			#header #gnbGroup #searchGroup h3 {float:left;display:inline;width:42px;vertical-align:top;padding:0 !important;margin:2px 27px 0 12px; }
			#header #gnbGroup #searchGroup input#qt {border:0 none;width:390px;vertical-align:middle;background:none; padding:2px 0 0 0;margin:0;}

#visual{height:181px; margin-top:-30px; width:931px; background:url(/03ch/images/main/bg_visual.jpg) left top no-repeat;}
#visual p.txt{padding:73px 0 0 158px;}



/* 중앙 레이아웃 */
#middle { position:relative; float:left; clear:both;display:inline; width:937px; margin:0;padding-bottom:0;}
	#middle  #left_sec{width:280px;float:left;}
	 #left_sec #noticeGroup { position:relative;top:0; float:left; width:280px; height:115px; padding:0 0 15px 0;background:url(/03ch/images/main/bg_notice.jpg) 2px 20px no-repeat; z-index:100;}
			#noticeGroup h4 {position:relative; float:left; display:inline;z-index:2;padding:2px 0 3px 0;width:45px;}
			#noticeGroup h4#noticeBtn01 a{padding:0px 0 5px 0 !important;margin-right:1px !important;}
			

			#noticeGroup h4 a,
			#noticeGroup h4 a.on,
			#noticeGroup h4 a:hover{padding:0 0px 5px 2px;margin:0 4px;}
			#noticeGroup h4 a.on{display:block;background:url(/03ch/images/main/notice_on.jpg) 0 18px no-repeat;width:30px; z-index:1000;} 


			#noticeGroup div { position:absolute; width:100%; left:0; top:0;}
			#noticeGroup div ul { float:left;display:inline; margin:33px 0 0 5px; }
			#noticeGroup div ul li { float:left; width:260px;padding-left:5px; background:url(/03ch/images/main/bol_notice.gif) left 6px no-repeat;line-height:1.4; }
			#noticeGroup div ul li a { float:left;width:220px;height:15px;overflow:hidden;}
			#noticeGroup div ul li a:hover{color:#14205d;}

					#noticeGroup div ul li a img { position:absolute; margin:2px 0 0 5px; }
		
					#noticeGroup div ul li span { float:right; width:30px;color:#a0a0a0; }
				#noticeGroup div p { position:absolute; clear:both; right:11px; top:0; margin:0; padding:0; }
				#noticeGroup div p a { display:block; padding-top:6px;}

			#arimyGroup {position:relative; float:left; display:inline; width:277px;height:109px; z-index:2;background:url(/03ch/images/main/bg_alimi.jpg) left 0 no-repeat; }

					#arimyGroup h3 {position:absolute;bottom:0;left:15px; margin:0 0 6px 6px; }
					#arimyGroup #arimy {position:relative;top:4px;width:272px;height:84px;overflow:hidden; }
					#arimyGroup #arimy ul { position:absolute; left:6px;;width:272px;padding:0;margin:0;}
					
					#arimyGroup ul#arimytrol { position:absolute;top:95px; left:55px;}
					#arimyGroup ul#arimytrol li { float:left; padding: 0 2px; }
					
					#arimyGroup #number { position:absolute; right:18px; bottom:7px;}
					#arimyGroup #number li { float:left; display:inline; padding-left:3px; }
					#arimyGroup #number img { float:left; display:inline; padding-left:3px; }
					#arimyGroup #number img:hover { cursor:pointer; }

		#history {position:relative;margin-top:13px;float:left; display:inline; width:271px;  padding:0 0 2px 0;}
		#history h4{float:left; width:271px;  padding:0 0 8px 10px;}
		#history p{float:left; width:107px;  padding:0 7px 0 0; margin:0;}
        #history ul li{float:left;width:157px;padding:2px 0 2px 0; font-size:11px; line-height:120%}
		#history img{cursor:pointer;}
		
		#sister {position:relative;margin-top:13px;float:left; width:271px; height:101px;  padding:0 0 2px 0;background:url(/03ch/images/main/bg_sistercity.gif) left top no-repeat;}
		#sister h4{float:left; width:150px;  padding:21px 0 0 107px;}
		#sister ul{float:left; width:120px;  padding:5px 0 0 107px;}
        #sister ul li{float:left;width:157px;padding:2px 0 0 8px; font-size:11px; line-height:120%; background:url(/03ch/images/main/bol_top.gif) left 6px no-repeat;}
		
		#traffic {position:relative;margin-top:7px;float:left; display:inline; width:271px; height:90px;  padding:0 0 2px 0;}
		#traffic h4{float:left; width:271px;  padding:0 0 0 10px;}
		#traffic ul{float:left; width:255px;  padding:5px 0 0 0;}
        #traffic ul li{float:left;padding:0; }
		
		
	
	#middle  #center_sec{position:relative;left:5px;float:left;width:354px; margin-top:22px;}


	#middle  #right_sec{position:relative; margin-top:0px;float:left;padding-left:25px;width:270px;}
   
		    #epilog {float:left; margin-top:10px; width:280px; height:90px;background:url(/03ch/images/main/bg_gover.gif) 120px 6px no-repeat;}
			#epilog h3{padding:15px 0;margin:0;width:100%;}
			#epilog ul {position:absolute;top:50px;left:26px;padding:1px 0;float:left;display:inline;width:80px;}
			#epilog ul li{float:left;width:200px;}
			
			#festival {position:relative;margin-top:5px;float:left; display:inline; width:280px;  padding:0;}
			#festival p{float:left; width:97px;  padding:0; margin:0;}
      		#festival ul li{float:left; margin-left:15px; width:140px;padding:2px 0 0 8px; font-size:11px; line-height:130%; background:url(/03ch/images/main/bol_top.gif)left 6px no-repeat;}
			#festival img{cursor:pointer;}

			#quickLInk{float:left; margin-top:15px;}
			#quickLInk ul li{margin:0; padding:0;}
	
 		 #bannerGroup{clear:both; position:relative;margin-top:20px;float:left;width:230px;}
	 	 #bannerGroup #bannerList{margin-left:20px;width:240px;height:27px;overflow:hidden;}
	  	 #bannerGroup #bannerList img{float:left;padding:0 4px;}
	 	 #bannerGroup #bannerControl{position:absolute;left:0;top:0;width:250px;}
	  	 #bannerGroup #bannerControl ul{float:left;width:100%;}
  


/* 하단 레이아웃 */
#footerGroup { position:relative;clear:both;width:100%;height:155px;}
#footer{ padding:10px 0;}
	#topmaru{float:left;width:310px;}
	#topmaru h3{float:left;padding:0;margin:0;}
	#topmaru ul {float:right;margin-top:25px;width:200px;}
	#topmaru ul li{float:left;width:83px;padding-left:5px;font-size:11px;background:url(/03ch/images/main/bol_top.gif) left 4px no-repeat; }
	#topmaru ul li a{letter-spacing:-1px;}
	#topmaru ul li a:hover{font-weight:bold;letter-spacing:-2px;}
	

		#copyRight{ float:left; display:inline; width:250px; margin:65px 0 0 330px; }
			#copyRight ul li { float:left; padding-right:10px; }
			#copyRight ul li a { display:block; padding-bottom:9px; }
			#copyRight address { clear:both; float:left; margin:0; padding-bottom:2px; }
			#copyRight p { margin:0; padding:2px 0; }
		
     
    #footer p#mainTxt{position:absolute;top:200px;left:220px;padding:0;margin:0;}