@charset "utf-8";
@import url(master.css);

body{Nanum Gothic, "돋움", Dotum, "굴림", Gulim, Arial, sans-serif; width:100%;height:100%;}

/*main*/
  
	#all_wrap {width:100%; background:url(../images/common/top_bg.jpg) no-repeat top center;}
		#head_wrap {width:100%; position:relative; background:url(../images/common/menubar.gif) repeat-x 0px 100px; height:141px; z-index:1; overflow:visible;}
			#header {width:1029px; margin:0 auto; } 
			#header #menu { clear:both; position:absolute; top:100px;} 
			#header #menu ul {  width:1029px;} 
			#header #menu ul li {float:left;} 
			#th_2 { width:100%; height:38px; position:absolute; top:75px;} 
			#th_2 dl { width:1029px; margin:0 auto; position:relative;} 
			#th_2 dl dt {/*width:383px;*/ right:0; position:absolute;} 
			#th_2 dl dd ul {}
			#th_2 dl dd ul li { float:left; padding:0px;}
			#th_2 dl dd ul li a {letter-spacing:-1px;}



/*menu */

#header	{ position:relative;  width:1029px; height:92px;    clear:both;}
#header .bgWrap	{ position:relative; width:1029px; height:92px; margin:0 auto; }
 
 

	.nav	{ width:1029px; height:92px;}
	.nav li { float:left; height:41px; padding:0 0 0 0 ; }
	.nav li a	{ float:left; height:41px; overflow:hidden; }
	.nav li ul li	 a	{ float:left; height:24px; overflow:hidden; }


	.nav li div	{ display:none; position:absolute; left:0; top:40px; width:1000px; height:92px; background:url('/images/common/tan.gif') repeat-x; }

	.nav li .title	{float:left; width:200px;  padding:0px 0 0 10px; }
	.nav li ul	{ position:relative; float:left; width:800px; padding-top:60px;}
	
	.nav li ul li	{ height:42px; padding:0 10px 0 0; } 
	.nav li ul li.on ul	{ display:block; }



 	

	.nav li div.sub1	{ margin-left:-120px;background:url('/images/common/bg_sub1.jpg') no-repeat left top; }
	.nav li div.sub2	{ margin-left:-40px; background:url('/images/common/bg_sub2.jpg') no-repeat left top; }
	.nav li div.sub3	{ margin-left:80px; background:url('/images/common/bg_sub3.jpg') no-repeat left top; }
	.nav li div.sub4	{margin-left:200px; background:url('/images/common/bg_sub4.jpg') no-repeat left top; }
	.nav li div.sub5	{ margin-left:300px; background:url('/images/common/bg_sub5.jpg') no-repeat left top; }
	.nav li div.sub6	{  margin-left:450px; background:url('/images/common/bg_sub6.jpg') no-repeat left top; }
	/*.nav li div.sub7	{  margin-left:330px; background:url('/images/common/bg_sub7.jpg') no-repeat left top; }*/
	.nav li div.sub8	{  margin-left:410px; background:url('/images/common/bg_sub8.jpg') no-repeat left top; }
	
	

#bnfbox{width:339px; height:140px;}
#bnfbox ul{width:167px; float:left; }

.bnfboxL{padding-right:4px; }








			
		#main_wrap {width:100%; position:relative; height:728px; background:url(../images/common/bg.jpg) no-repeat top center;}
		
			#left_quick {width:335px; position:absolute; z-index:999; top:38px; left:0;}			
			#left_quick ul li { float:left; font-size:0; }			
			#left_quick ul li div {}	
			#left_quick ul li dl { width:100%; width:299px;}			
			#left_quick ul li dl dt { height:120px; background:url(../images/common/right_bg.gif); font-size:12px; width:299px; padding-top:20px;}			
			#left_quick ul li dl dt p { padding:0 5%; width:90%; margin-bottom:5px;}
			#left_quick ul li dl dt p a { color:#fff; }
			#left_quick ul li dl dt p strong { color:#a2caff; margin:0 10px;}
			#left_quick ul li dl dt p span { color:#a2caff;}
			#left_quick ul li dl dd { padding-top:130px; height:280px; background:url(../images/common/caca.gif) no-repeat; font-size:12px; width:299px; }			
			#left_quick ul li dl dd p { padding:0 13%; margin-bottom:10px;}			
			#left_quick ul li dl dd p img {margin-right:20px;}			
			
 



			
			#main {width:1029px; margin:0 auto; overflow:visible; position:relative; overflow:visible;}			
			#main #vis {width:907px; background:url(../images/common/vis.png) no-repeat; height:283px; position:relative; left:-210px; text-align:right;}			
			#main #vis img { position:absolute; right:0; bottom:0;}
			
			#main #movie {width:321px; height:229px; position:absolute; top:92px; right:0;}
			#main #pop {width:343px; height:451px; position:absolute; top:265px; left:15px;}
			#main #popbt {position:absolute; top:40px; left:280px;}
			


			#main #b_f {width:339px; position:absolute; top:305px; left:357px;}
			#main #b_f #titl {height:26px;}
			#main #b_f #btn { position:absolute; top:0; right:0;}
			#main #b_f #btn a { padding-left:1px;}
			#main #b_f #bf {width:339px;height:140px;position:relative;overflow:hidden;line-height:0; font-size:0;}
			#main #b_f #bf ul {position:absolute;left:0px;top:0px;display:none;}
			#main #b_f #bf ul li{float:left;width:339px;height:140px;}
			#main #b_f #notice {}
			#main #b_f #notice dl {}
			#main #b_f #notice dl dt { float:left;}
			#main #b_f #notice dl dt a { width:112px; background:#e1e1e1; display:block; text-align:center; border-left:solid 1px #fff; padding:11px 0px 0px 0px; height:28px;}
			#main #b_f #notice dl dt a.on {background:#fff;}
			#main #b_f #notice dl dt:first-child a { width:113px; border-left:none; }
			
			#main #b_f #notice dl dd {padding-left:17px; padding-top:7px; background:#FFF; clear:both; height:153px;}
			#main #b_f #notice dl dd ul {margin-top:20px; width:100%;}
			#main #b_f #notice dl dd ul li {margin-bottom:2px;}
			#main #b_f #notice dl dd ul li strong { background:#0465e8; color:#fff; font-weight:900; display:block; width:60px; text-align:center; float:left;}
			#main #b_f #notice dl dd ul li span {width:170px; display:block; float:left; margin-left:10px;}
			
			#main #real {width:202px; height:339px; position:absolute; top:331px; left:708px; background:url(../images/common/real_bg.gif) no-repeat;}
			#main #real #view { position:absolute; top:40px; right:0;}
			#main #real #date { height:40px; text-align:right; width:90%; padding-top:15px;}
			#main #real #pic { text-align:center;}
			#main #real #pic img {padding-left:4px;}
			#main #real #r_txt { width:90%; padding-left:10%; margin-top:10px;}
			#main #real #r_txt p { font-weight:580; font-size:12px; margin-bottom:4px;}
			#main #real #r_txt span { font-size:11px; color:#999;}
			
			#main #cous {width:107px;  position:absolute; top:331px; right:0px; line-height:0; font-size:0;}

			#main #quick {width:107px;  position:absolute; top:18px; right:-118px; line-height:0; font-size:0;}
			
			
		#footer_wrap {width:100%; position:relative; height:180px; background:url(../images/common/footer_bg.gif);}
			#footer {width:1029px; margin:0 auto; position:relative; }			
			#footer dl { padding-top:39px;}
			#footer dl dt { float:left;}
			#footer dl dd { float:left; padding:0 20px; width:680px;}
			#footer dl dd ul {}
			#footer dl dd ul li { float:left; padding-right:1px; margin-bottom:10px;}
			
			
			
		#sub_wrap {width:100%; position:relative; min-height:728px; border-top:solid 1px #efefef; margin-top:38px;}
		#sub_wrap #left_menu { position:absolute; top:80px; left:0px; z-index:99;}
		#sub_wrap #left_menu ul {}
		#sub_wrap #left_menu ul li:first-child {background:url(../images/common/tth_t_off.png) no-repeat; border-top:none;}
		#sub_wrap #left_menu ul li:first-child:hover {background:url(../images/common/tth_t_on.png) no-repeat;}
		#sub_wrap #left_menu ul li:first-child.on {background:url(../images/common/tth_t_on.png) no-repeat;}

		#sub_wrap #left_menu ul li { width:102px; height:25px; background:url(../images/common/tth_c_off.png) no-repeat; border-top:solid 1px #fff; padding-top:14px; padding-left:10px;}
		#sub_wrap #left_menu ul li a {font-size:12px; color:#fff; font-weight:900;}
		#sub_wrap #left_menu ul li:hover {background:url(../images/common/tth_c_on.png) no-repeat;}
		#sub_wrap #left_menu ul li.on {background:url(../images/common/tth_c_on.png) no-repeat;}
		#sub_wrap #left_menu ul li:last-child {background:url(../images/common/tth_b_off.png) no-repeat; height:46px;}
		#sub_wrap #left_menu ul li:last-child:hover {background:url(../images/common/tth_b_on.png) no-repeat;}
		#sub_wrap #left_menu ul li:last-child.on {background:url(../images/common/tth_b_on.png) no-repeat;}
		
		#sub_wrap #right_menu { position:absolute; top:0px; right:0px; width:162px; height:628px; background:url(../images/common/s_r_bg.png) no-repeat top right; text-align:center; z-index:99;}
		#sub_wrap #right_menu dl {padding-top:40px; padding-bottom:36px; *padding-bottom:12px;}
		#sub_wrap #right_menu dl dt { padding-bottom:30px;}
		#sub_wrap #right_menu dl dd { padding-bottom:26px;}
		#sub_wrap #right_menu p {padding-top:40px;}
		
		
		
		#sub_wrap #sub {width:100%; margin:0 auto;}
		#sub_wrap #sub #sub_v {width:100%; background:#f8f8f8 url(../images/common/s_sh.gif) repeat-x bottom; height:625px; padding-bottom:4px; text-align:center;}
		#sub_wrap #sub #sub_v #vis { width:1300px; margin:0 auto; position:relative;}
		#sns { position:absolute; top:30px; right:140px;}
		#sub_wrap #sub #sub_c {width:1300px; margin:0 auto;}
		#sub_wrap #sub #sub_01 {width:1026px; margin:0 auto;}