/*TOP */
		#overwatchBody .title710BU1 {
			margin-left: 0px;
		}
		#overwatchBody .title710BU3{
			margin-left: 0px;
		}

 	#overwatchDb .overwatchHeroNavi_bg{ 
 		width: 708px;
 		border: 1px solid #353535;
 		background-color: #122b54;
 		padding: 10px 0px 0px 0px;
 	}
 	#overwatchDb .overwatchHeroTitle{
 		width: 688px;
 		height: 41px;
 		border: 1px solid #577cb0;
 		margin: -2px 0px 0px 10px;
 		background: url('//static.inven.co.kr/image_2011/overwatch/dataninfo/hero/bg_title_688x41.jpg') no-repeat left top; 
 	}
 	#overwatchDb .overwatchHeroTitle .herotype_text{
 		font-size: 12pt;
 		font-weight: bold;
 		color: #00c3ff;
 		margin: 10px 0px 0px 10px;
 		position: absolute; 
 	}

 	#overwatchDb .overwatchHeroTitle .herotype_img{
 		width: 41px;
 		height: 39px; 
 		margin-left:10px; 
 	}
 
 	#overwatchDb .overwatchCharList{
 		width: 688px; 
 		border: 1px solid #577cb0;
 		margin: -1px 0px 1px 10px; 
 		padding: 0px 0px 10px 0px; 
 		background-color: #0a1c34;
 	}

 	#overwatchDb .overwatchCharList li a{
 		display: block; 
 	}
 	#overwatchDb .overwatchCharList li a div.heroIcon{ 
 		width: 62px;
 		height: 62px;  
 		margin: 10px 0px 10px 10px;
 		background: url('//static.inven.co.kr/image_2011/overwatch/dataninfo/hero/iconbg_62x62.png') no-repeat left top; 
 	}
 	#overwatchDb .overwatchCharList li a:hover div.heroIcon{ 
 		background: url('//static.inven.co.kr/image_2011/overwatch/dataninfo/hero/iconbg_over_62x62.png') no-repeat left top; 
 	}

 	#overwatchDb .overwatchCharList li a div.heroIcon img{ 
 		width: 60px;
 		height: 56px;  
 		margin: 3px 0px 0px 1px; 
 	}
 	#overwatchDb .overwatchCharList li a span{ 
 		text-align: center;  
 		color:#eeeeee;
 		display: block;
 		width: 72px;
 		margin-left: 5px;

 	}

 	/*DETAIL*/


 	#overwatchDb .overwatchDbHeroDetail{
 	 	width: 708px; 
 	 	background-color: #122b54;
 	 	border: 1px solid #16181c;
 	 	margin: 0px 0px 0px 0px;
 	 	padding-bottom: 10px;
 	 	position: relative; 
 	}

 	#overwatchDb .infoGroup{
 		margin: 10px 0px 0px 10px;
 	}

 	#overwatchDb .infoTitle{
 		background : url('//static.inven.co.kr/image_2011/overwatch/dataninfo/hero/bg_title_690x29.jpg') no-repeat; 
 		width: 690px;
 		height: 29px; 
 		padding: 7px 0px 0px 35px;
 		font-weight: bold;
 		color: #fff;
  	}

 	#overwatchDb .infoTitle a{ 
 		width: 50px;
 		height: 20px; 
 		display: block;
 		float: right;
 		margin: -3px 50px 0px 0px;
 	}
 	#overwatchDb .infoTitle a.iconClose{
 		background : url('//static.inven.co.kr/image_2011/overwatch/dataninfo/hero/icon_close_50x20.png') no-repeat;  
 	}
 	#overwatchDb .infoTitle a.iconOpen{
 		background : url('//static.inven.co.kr/image_2011/overwatch/dataninfo/hero/icon_open_50x20.png') no-repeat;  
 	}

 	#overwatchDb .infoBody{
 		background-color: #0a1c34;
 		width: 690px; 
 		padding: 0px 0px 10px 0px;
 	}
 	#overwatchDb .infoBody-Top{ 
 		width: 690px; 
 		/*height: 90px;*/
 	}

 	#overwatchDb .infoBody .hero_mark{ 
 		width: 40px;
 		height: 40px; 
 		margin: 20px 10px 10px 25px;
 	}
 	#overwatchDb .infoBody .heromovie_img{ 
 		margin: 10px 0px 0px 0px; 
 		width:125px; 
 		height:90px;
 	 	border: solid 1px #577cb0;
 	}

 	#overwatchDb .infoBody .overwatch_icon{ 
 		width: 37px;
 		height: 37px;  
 		float: right;
 		margin: 20px 20px 0px 0px;
 	}

 	#overwatchDb .infoBody .hero_flag{
 		width: 49px;
 		height: 33px;
 		margin: 0px 0px 5px 0px;
 	}

 	#overwatchDb .infoBody .char_img
 	{
 		width: 125px;
 		height: 217px;
 	}
 	#overwatchDb .infoBody .job_name1{ 
 		font-size: 20pt;
 		font-weight: bold;
 		font-family: GulimChe;
 		color: #ffc70e;
 		position: absolute;
 		margin: 25px 0px 0px 0px;
 	}
 /*	#overwatchDb .infoBody .job_name2{ 
 		font-size: 14pt;
 		font-weight: bold;
 		font-family: GulimChe;
 		color: #ffc70e;
 		position: absolute;
 		margin: 55px 0px 0px 30px;
 	}*/

 	#overwatchDb .infoBody-mid{ 
 		width: 690px; 
 		margin:	0px 0px 0px 20px;
 	}

 	#overwatchDb .infoBody-mid .videoPart{
 		margin-top: 10px;

 	}

 	#overwatchDb .infoBody-mid .left-content{ 
 		width: 130px;
 	} 

 	#overwatchDb .infoBody-mid .BasicInfo1{
 		float: right;
 		margin: 0px 30px 25px 0px;
 	} 

 	.legacyDbPage .plus{
 		display: block;
 	}

 	.legacyDbPage .minus{
 		display: none;
 	}

 	#overwatchDb .infoBody-hero,
 	#overwatchDb .infoBody-story{
 		width: 650px; 
 		border: solid 1px #577cb0; 		
 		margin: 10px 0px 0px 10px;
 		padding: 10px 10px 10px 10px;

 	}

 	#overwatchDb .infoBody-hero .skillicon{ 
 		width: 79px; 
 		height: 79px;
 		float: left; 
 		margin : 10px 0px 0px 10px;
 	}
 	#overwatchDb .infoBody-hero .videoPartSkill{
 		margin: -40px 0px 0px 20px;
 	 	border: solid 1px #577cb0;
 	}
 	#overwatchDb .infoBody-hero .hero_title, 
 	#overwatchDb .infoBody-hero .hero_text{
 		width: 410px; 
 		float: left;
 		margin: 10px 0px 0px 20px;
 	}
 	#overwatchDb .infoBody-hero .hero_title{
 		font-weight: bold;
 		font-size: 14pt;
 		font-family: Dotum; 
 		color: #fff; 
 		padding-bottom: 10px;
 		border-bottom: 1px solid #213959;
 	}
 	.hero_text{
 		font-size: 10pt;
 		font-family: Dotum; 
 		color: #bdd9e2;
 		padding-bottom: 10px;
 	}
 	#overwatchDb .infoBody-hero .hero_title .lclick{
 		font-weight: bold;
 		font-size: 10pt;
 		font-family: Dotum; 
 		color: #fea739;  
 		float: right;
 	}
 	#overwatchDb .infoBody-hero .hero_title .heroOrange{
 		font-weight: bold;
 		font-size: 14pt;
 		font-family: Dotum; 
 		color: #fea739;   
 	}

 	#overwatchDb .infoBody-skinList{
 		margin: 0px 0px 20px 20px;
 	}
 	#overwatchDb .infoBody-skinList li{
 		margin: 20px 10px 10px 0px;
 	}
 	#overwatchDb .infoBody-skinList li a{
 		width: 120px;
 		height: 80px;
 		display: block;
 		border: 1px solid #00c3ff;
 	}
 	#overwatchDb .infoBody-skinList li a:hover, 
 	#overwatchDb .infoBody-skinList li a.active{ 
 		border: 1px solid #fea739;
 	}

 	#overwatchDb .infoBody-skinList li a img{
 		width: 120px;
 		height: 80px;
 	}
 	.skin_title{
 		color: #fff;
 		font-weight: bold;
 		margin: 10px 0px 0px 0px;
 		display: block;
 	}

 	.skin_name{ 
 		font-weight: bold;
 		margin: 10px 0px 10px 0px;
 		text-align: center;
 		width: 120px;
 		display: block;

 	}
 	.skinImg_Big{
 		margin : 10px 0px 30px 20px;
 		border: 1px solid #00c3ff;
 		width: 660px;
		height: 370px;
		
	 }
	 .skinImg_Big img {
		 width:660px;
		 height:370px;
	 }

 	.title710BU3 a{  
 		float: right;
 		margin: 8px 10px 0px 0px;
 	}

 	.grade0{color: #fff;}
 	.grade1{color: #fff;}
 	.grade2{color: #35fff3;}
 	.grade3{color: #ff49f4;}
 	.grade4{color: #f8ff36;}

#overwatchDb .overwatchDbHeroDetail .quickPanel { 
	position: absolute; 
	background: url('//static.inven.co.kr/image_2011/overwatch/dataninfo/hero/quick_title_119x27.png') no-repeat; 
	background-color: #1f2636;
	border: solid 3px #fea739;
	width: 119px; height: 165px; top: 0px; right: -125px; z-index: 90; 
}
#overwatchDb .overwatchDbHeroDetail .quickPanel li { float: left; display: block; width: 100px; height: 25px; border-bottom: 1px solid #595b5e; margin-left: 11px; line-height: 27px; text-align: center; }
#overwatchDb .overwatchDbHeroDetail .quickPanel li.first { margin-top: 30px; }
#overwatchDb .overwatchDbHeroDetail .quickPanel li.last { border-bottom: 0px; }
#overwatchDb .overwatchDbHeroDetail .quickPanel li a { display: block; color: #b4b4b4; font-weight: bold; width: 100%; height: 100%; }
#overwatchDb .overwatchDbHeroDetail .quickPanel li a:hover { text-decoration: none; color: #ff8c1e; }
#overwatchDb .overwatchDbHeroDetail .quickPanel li a.active { color: #ff8c1e; }