@charset "utf-8";
@import url(master.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

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

/*main*/
  
	#all_wrap {width:100%; background:url(../images/chn_common/top_bg.jpg) no-repeat top center;}
		#head_wrap {width:100%; position:relative; background:url(../images/chn_common/menubar.gif) repeat-x 0px 100px; height:179px; 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:24px; position:absolute; top:77px;} 
			#th_2 dl { width:1029px; margin:0 auto; position:relative;} 
			#th_2 dl dt {width:207px; right:0; position:absolute;} 
			#th_2 dl dd ul {}
			#th_2 dl dd ul li { float:left; padding:10px;}
			#th_2 dl dd ul li a {letter-spacing:-1px;}



/*menu */

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

	.nav	{ width:1029px; height:79px;}
	.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:38px; overflow:hidden; }


	.nav li div	{ display:none; position:absolute; left:0;  width:1000px; top:0;}

	.nav li .title	{float:left; width:200px;  padding:0px 0 0 10px; }
	.nav li ul	{ position:relative; float:left; width:800px; padding-top:41px;}
	
	.nav li ul li	{ height:38px; } 
	.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:1114px; 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 #pop1 {width:443px; height:385px; position:absolute; top:285px; }
			#main #popbt {position:absolute; top:40px; left:280px;}
			


			#main #b_f {width:339px; position:absolute; top:305px; left:443px;}
			#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 { width:339px;}
			#main #b_f #notice dl {}
			#main #b_f #notice dl dt { float:left; width:339px; height:38px;}
		
			
			#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:#828282; 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:795px; background:url(../images/en_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:80%; padding:0 10%; margin-top:30px;}
			#main #real #r_txt p { font-weight:900; 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:92px; 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;}
		#sub_wrap #left_menu {width:1024px; margin:0 auto;margin-top:55px;}
		#sub_wrap #left_menu p{width:1024px; border-top:3px solid #505050;}
		#sub_wrap #left_menu li {float:left; width:1022px; height:44px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
		
		
		#sub_wrap #sub {width:1024px; margin:0 auto; padding-top:77px;}
		#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;}
		

		.ready{position:relative; width:1024px; margin:0 auto; padding-top:300px;  padding-bottom:200px; text-align:center;}