/* LIST */
	/* IE FIX */
		img {border: none;}
	/* FILTER */
		/* SLIDE */
		.slideSearchWrap {
			width: 100%;
			height: 51px;
			margin-bottom: 0.6em;
			position: relative;
			overflow: hidden;
			border: 1px solid #CACDD2;
			box-shadow: 2px 0px 7px 0px lightgray;
			border-radius: 0.5em;
			-moz-border-radius: 0.5em;
			-webkit-border-radius: 0.5em;
		}
		.slideSearchWrap ul {
			height: 55px;
			display: inline-block;
			overflow: hidden;
			position: absolute;
		}
		.slideSearchWrap ul li {
			width:45px;
			height: 45px;
			display: inline-block;
			float: left;
			margin: 3px;
		}
		.slideSearchWrap ul li img {
			width:45px;
			height: 45px;
		}
		/* BASIC SEARCH */
		.padDbFriendSearch .line { clear: both; position: relative; display: block; height: 2.5em; }
		.padDbFriendSearch .line label { display: block; }
		.padDbFriendSearch .line label .label { position: absolute; top: 0; display: block; height: 1.8em; cursor: pointer; line-height: 2em; color: #333; font-size: 1em; font-weight: bold; }
		.padDbFriendSearch .line label .inputWrap { position: absolute; top: 0; left: 6.2em; right: 5em; }
		.padDbFriendSearch .line label input { display: block; width: 100%; height: 1.8em; text-indent: 0.5em; padding: 0 0.5em 0 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #abadb3; }
		.padDbFriendSearch .line .submit { 
			position: absolute;
			top: 0;
			right: 0.883em;	
			height: 2em;
			background-color: #3D414D;
			border: 0.125em solid #3D414D;
			padding: 0.2em 0.6em;
			color: white;
			font-weight: bold;
			border-radius: 0.4em;
			-moz-border-radius: 0.4em;
			-webkit-border-radius: 0.4em;
		}
		.padDbFriendSearch .line .searchBttn {
			float: right;
			background-color: #3D414D;
			border: 0.125em solid #3D414D;
			padding: 0.2em 0.6em;
			color: white;
			font-weight: bold;
			border-radius: 0.4em;
			-moz-border-radius: 0.4em;
			-webkit-border-radius: 0.4em;
			margin-right: 8px;
		}
	/* LIST COMMON */
		.padDbFriendList {
			width: 100%;
			display: inline-block;
			clear: both;
			overflow: hidden;

		}
		.padDbFriendList .friendOne {
			width: 100%;
			display: inline-block;
			float: left;
		}
	/* LIST TOP */
		.padDbFriendList .friendOne .topPart {
			width: 96%;	
			background-color: #f2f7d4;
			display: inline-block;
			float: left;
			border: 1px solid #CACDD2;
			box-shadow: 2px 0px 7px 0px lightgray;
			border-top-right-radius: 0.5em;
			-moz-border-top-right-radius: 0.5em;
			-webkit-border-top-right-radius: 0.5em;
			padding: 5px;
		}
		.padDbFriendList .friendOne .topPart .info {
			display: block;
			float:left;
			font-size: 12px;
			font-family: 'Malgun Gothic';
		}
		.padDbFriendList .friendOne .topPart .info img  {
			width: 20px;
			height: 20px;
			margin: 0 0 -4px 2px;
		}
	/* LIST LEADER */
		.padDbFriendList .friendOne .leader {
			width: 96%;
			border: 1px solid #CACDD2;
			box-shadow: 2px 0px 7px 0px lightgray;
			padding: 5px;
			border-top: none;
			display: inline-block;
			float: left;
		}
		.padDbFriendList .friendOne .leader div.mainMonster {
			width: 60px;
			margin-left: 2px;
			line-height: 14px;
			float: left;
		}
		.padDbFriendList .friendOne .leader div.mainMonster span {
			width: 60px;
			font-size: 11px;
			text-align: center;
			display: block;
		}
		.padDbFriendList .friendOne .leader div.mainMonster span.awokenPart {
			height: 67px;
			margin-top: -67px;
			margin-left: 20px;
		}
		.ie10 .padDbFriendList .friendOne .leader div.mainMonster span.awokenPart {
			margin-top: -62px;
		}
		.padDbFriendList .friendOne .leader div.mainMonster span.plusPart {
			color: yellow;
			font-weight: bold;
			margin-top: -18px;
			margin-bottom: 4px;
			text-shadow:0 -1px black, 1px 0 black, 0 1px black, -1px 0 black;
		}
		.ie10 .padDbFriendList .friendOne .leader div.mainMonster span.plusPart {
			margin-top: -14px;
		}
		.padDbFriendList .friendOne .leader div.mainMonster .imgPart {
			margin-bottom: 3px;
		}
		.padDbFriendList .friendOne .leader div.mainMonster .imgPart img {
			width: 60px;
			height: 60px;
		}
		.padDbFriendList .friendOne .leader div.subMonster { 
			width: 48px;
			height: 83px;
			margin: 12px 0 0 12px;
			line-height: 14px;
			float: left;
		}
		.padDbFriendList .friendOne .leader div.subMonster span {
			width: 48px;
			text-align: center;
			display: block;letter-spacing: -1px;
			font-size: 11px;
		}
		.padDbFriendList .friendOne .leader div.subMonster .imgPart { margin-bottom: 3px; }
		.padDbFriendList .friendOne .leader div.subMonster .imgPart img {width: 48px;height: 48px;}

		.padDbFriendList .friendOne .leader div.subMonster span.plusPart {
			color: yellow;
			font-weight: bold;
			margin-top: -18px;
			text-shadow:0 -1px black, 1px 0 black, 0 1px black, -1px 0 black;
			filter: glow(color=#000000,strength=2);	zoom: 1;
			height: 17px;
		}
		.ie10 .padDbFriendList .friendOne .leader div.subMonster span.plusPart {
			margin-top: -14px;
			line-height: 14px;
		}
		.padDbFriendList .friendOne .leader div.subMonster span.awokenPart {
			height: 57px;
			margin-top: -57px;
			margin-left: 15px;
		}
		.ie10 .padDbFriendList .friendOne .leader div.subMonster span.awokenPart {
			margin-top: -33px;
			margin-left: 20px;
		}
		.padDbFriendList .friendOne .leader div.subMonster span.awokenPart img {
			width: 19px;
			height: 19px;
		}
	/* GAME ID */
		.padDbFriendList .gameId {
			width: 96%;
			background: url('//static.inven.co.kr/image_2011/pad/dataninfo/friend/copy_area2.png') no-repeat 97% center;
			float: left;
			display: inline-block;
			border: 1px solid #CACDD2;
			box-shadow: 2px 1px 7px 0px lightgray;
			border-bottom-right-radius: 0.5em;
			-moz-border-bottom-right-radius: 0.5em;
			-webkit-border-bottom-right-radius: 0.5em;
			border-top: none;
			padding: 5px;
			margin-bottom: 15px;
		}
	/* PAGING */
		.paging {clear: both;margin: 15px auto 30px;width:100%;line-height:1.5;font-size:14px;text-align:center;}
		.paging a.prevtext,
		.paging a.nexttext,
		.paging .currentpg,
		.paging .pg {display: inline-block;margin-right: 3px;padding: 4px 5px 7px;width: 20px;height: 14px;color: #7D7D7D;font-weight: bold;text-decoration: none;vertical-align: middle;border: 1px solid #BBBBBB;border-radius: 3px;background-color: #FFFFFF;}
		.paging .currentpg {color: #FFFFFF;background-color: #BBBBBB;border: 1px solid #7D7D7D; }
		
		.paging span.prevtext,
		.paging span.nexttext {
			color: white;
		}
		.paging a.prevtext,
		.paging a.nexttext {
			width: 30px;
			font-size: 12px;
			color: #7D7D7D;
		}
/* VIEW */
	/* INFO PART */
		#infoPart {
			width: 99%;
			display: inline-block;
			float: left;
			margin-top: 3px;
		}
		#infoPart div {
			width: 98%;
			margin: 1px 0 0 10px;
			display: inline-block;
		}
		#infoPart div span.title {
			width: 15%;
			display: inline-block;
			float: left;
			padding: 2px 6px;
			font-family: 'Malgun Gothic';
			font-size: 13px;
			font-weight: bold;
		}
		#infoPart div span.content {
			display: inline-block;
			float: left;
			padding: 2px 6px;
			font-family: 'Malgun Gothic';
			font-size: 13px;
		}

	/* COMMON */
		#padFriendView .imgPart img {
			width: 48px;
			height: 48px;
		}
		.partTitle {
			border-top: 1px solid #bbbbbb;
			margin-top: 0px;
		}
		.idPart {
			color: #b81212;
			background: #868686  url('//static.inven.co.kr/image_2011/pad/dataninfo/friend/copy_area_view2.png') no-repeat 25% center;
			padding: 0.8em 0;
		}
	/* LIST LEADER */
		#padFriendView div.mainMonster {
			width: 60px;
			margin: 12px;
			margin-top: -2px;
			line-height: 14px;
			float: left;
		}
		#padFriendView div.mainMonster span {
			width: 60px;
			font-size: 12px;
			text-align: center;
			display: block;
		}
		#padFriendView div.mainMonster span.plusPart {
			color: yellow;
			font-weight: bold;
			margin-top: -18px;
			text-shadow:0 -1px black, 1px 0 black, 0 1px black, -1px 0 black;
			filter: glow(color=#000000,strength=2);	zoom: 1;
		}
		.ie10 #padFriendView div.mainMonster span.plusPart {
			margin-top: -17px;
		}
		#padFriendView div.mainMonster span.awokenPart {
			height: 67px;
			margin-top: -67px;
			margin-left: 20px;	
		}
		#padFriendView div.mainMonster .imgPart {
			margin-bottom: 3px;
		}
		#padFriendView div.mainMonster .imgPart img {
			width: 60px;
			height: 60px;
		}
		#padFriendView div#mainMonPart .name {
			font-weight: bold;
			letter-spacing: -1px;
			margin-top: 15px;
			margin-bottom: 9px;
		}
		#padFriendView div#mainMonPart .name img {
			width: 22px;
			height: 22px;
			margin-left: 0.7em;
			margin-bottom: -6px;
		}
		#padFriendView div#mainMonPart .lvPart { float: left;font-weight: bold;letter-spacing: -1px;margin-right: 10px; }
		#padFriendView div#mainMonPart .sLvPart { font-weight: bold;letter-spacing: -1px; }

		#padFriendView div.subMonster { 
			width: 48px;
			height: 83px;
			margin: 12px 0 0 12px;
			line-height: 14px;
			float: left;
		}
		#padFriendView div.subMonster span {
			width: 48px;
			text-align: center;
			display: block;letter-spacing: -1px;
			font-size: 11px;
		}
		#padFriendView div.subMonster .imgPart { margin-bottom: 3px; }
		#padFriendView div.subMonster .imgPart img {width: 48px;height: 48px;}

		#padFriendView div.subMonster span.plusPart {
			color: yellow;
			font-weight: bold;
			margin-top: -18px;
			text-shadow:0 -1px black, 1px 0 black, 0 1px black, -1px 0 black;
			filter: glow(color=#000000,strength=2);	zoom: 1;
			height: 17px;
		}
		.ie10 #padFriendView div.subMonster span.plusPart {
			margin-top: -14px;
			line-height: 14px;
		}
		#padFriendView div.subMonster span.awokenPart {
			height: 55px;
			margin-top: -55px;
			margin-left: 15px;	
		}
		#padFriendView div.subMonster span.awokenPart img {
			width: 19px;
			height: 19px;
		}
		#padFriendView div.myMonster { 
			width: 48px;
			height: 83px;
			margin: 12px 0 0 12px;
			line-height: 14px;
			float: left;
		}
		#padFriendView div.myMonster span {
			width: 48px;
			text-align: center;
			display: block;letter-spacing: -1px;
			font-size: 11px;
		}
		#padFriendView div.myMonster .imgPart { margin-bottom: 3px; }
		#padFriendView div.myMonster .imgPart img {width: 48px;height: 48px;}

		#padFriendView div.myMonster span.plusPart {
			color: yellow;
			font-weight: bold;
			margin-top: -18px;
			text-shadow:0 -1px black, 1px 0 black, 0 1px black, -1px 0 black;
			filter: glow(color=#000000,strength=2);	zoom: 1;
			height: 17px;
		}
		.ie10 #padFriendView div.myMonster span.plusPart {
			margin-top: -14px;
			line-height: 14px;
		}
		#padFriendView div.myMonster span.awokenPart {
			height: 55px;
			margin-top: -55px;
			margin-left: 15px;	
		}
		#padFriendView div.myMonster span.awokenPart img {
			width: 19px;
			height: 19px;
		}
	/* DESC PART */
		#descPart .contents {
			padding: 0.5em 1em;
		}