@charset "utf-8";


/* ------------------------------------------- desk02, 04 ------------------------------------------- */
div.dest_Rolling { width:578px; height:400px; margin-left:70px; padding-top:22px; }
div.dest_Rolling_Cont { width:500px; margin:0 auto; }
p.Rolling_txt { clear:both; margin-left:57px; font-family:Dotum; font-size:11px; color:#9c9b83; }
p.Rolling_txt span { font-size:12px; }
p.imgSize { margin-top:8px; text-align:center; }

#image_wrap { margin:0; position:relative; }
#image_wrap p.deskBig { width:353px; height:236px; margin:0 auto; padding:9px 0 0 9px; background:url('/images/people/deskBig_Box_Bg.gif') no-repeat left top; }


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width:480px;
	height:110px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable img {
	float:left;
	margin:20px 11px;
	background-color:#fff;
	padding:3px;
	border:1px solid #b7b7b7;
	cursor:pointer;
	width:90px;
	height:70px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .active {
	border:2px solid #f24965;
	z-index:9999;
	position:relative;
}

.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:9px;
	height:13px;
	float:left;
	margin-top:53px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px; background: url('/images/people/ar_right.gif') no-repeat left top; }


/* left */
a.left { margin-left: 0px; background: url('/images/people/ar_left.gif') no-repeat left top; }


/* ------------------------------------------- tv_ad ------------------------------------------- */
div.tv_Rolling { width:725px; background:url('/images/people/tv_Rolling_Bg.jpg') no-repeat left top; }
div.tv_Rolling_Cont { width:725px; padding-top:90px; overflow:hidden; }
#image_wrap p.tvBig { width:331px; height:257px; padding:42px 0 0 89px; }
#image_wrap p.tvBig img { vertical-align:top; }

.scrollable02 {
	position:relative;
	overflow:hidden;
	width:645px;
	height:125px;
}

.scrollable02 .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.scrollable02 div.emList { width:114px; margin-right:15px; float:left; overflow:hidden; }
.scrollable02 div.emList dl { width:108px; font-family:Dotum; font-size:11px; color:#999; line-height:11px; font-weight:bold; text-align:center; }
.scrollable02 div.emList dl dt { margin-top:7px; }
.scrollable02 div.emList dl dt a:link { color:#999; }
.scrollable02 div.emList dl dt a:visited { color:#999; }
.scrollable02 div.emList dl dt a:hover { color:#999; }
.scrollable02 div.emList dl dt a:active { color:#999; }
.scrollable02 div.emList dl dd { margin-top:4px; }

.scrollable02 div.emList p {
	padding:6px 0 0 6px;
	width:108px;
	height:85px;
	background:url('/images/people/tv_imgBg.gif') no-repeat left top;
}

.scrollable02 img {
	background-color:#fff;
	cursor:pointer;
	width:101px;
	height:78px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable02 .active {
	border:2px solid #f24965;
	z-index:9999;
	position:relative;
}

.scrollable02 {
	float:left;
}

a.browse02 {
	display:block;
	width:29px;
	height:45px;
	float:left;
	margin-top:20px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right02 { background-position: 0 -30px; clear:right; margin-right:0px; background: url('/images/people/ar_right02.gif') no-repeat left top; }

/* left */
a.left02 { margin-left:0px; margin-right:19px; background: url('/images/people/ar_left02.gif') no-repeat left top; }


/* ------------------------------------------- v_people ------------------------------------------- */
/* 20100308 수정 */
div.vPeople_Rolling { width:100%; margin:0; padding:0; position:relative; left:91px; top:25px; overflow:hidden; }
#vPeople_wrap { width:510px; overflow:hidden; }
#vPeople_wrap p.vPeopleBig { width:407px; height:273px; position:absolute; left:131px; top:36px; overflow:hidden; }
#vPeople_wrap p.vPeopleBig img { vertical-align:top; }
#vPeople_wrap vPeopleskin { width:476px; margin:0; overflow:hidden; }
#vPeople_wrap div.vp_Character_Info { width:100%; padding-top:15px; }
#vPeople_wrap div.vp_Character_Info img { vertical-align:top; }
#vPeople_wrap div.vp_Character_Info dl dt { margin:0; }
#vPeople_wrap div.vp_Character_Info dl dd { margin:7px 0 0 3px; padding-left:4px; background:url('/images/bullet/bullet_vp_Character_Info.gif') no-repeat left 4px; }
#vPeople_wrap div.vp_Character_Info p { margin:0; }
/* /20100308 수정 */

div.vPeople_Rolling_Cont { width:100px; margin-right:23px; float:left; }

.scrollable03 {
	position:relative;
	overflow:hidden;
	width:100px;
	height:488px;
}

.scrollable03 .items {
	height:20000em;
	position:absolute;
	clear:both;
}
.scrollable03 img {
	background-color:#fff;
	cursor:pointer;
	padding:4px;
	border:1px solid #c7c6c6;
	width:90px;
	height:63px;
	margin-bottom:10px;
	vertical-align:top;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable03 .active {
	border:2px solid #f24965;
	z-index:9999;
	position:relative;
}
a.browse03 {
	display:block;
	text-align:center;
	width:100px;
	height:20px;
	cursor:pointer;
	font-size:1px;
}

/* up */
a.ar_up img { vertical-align:top; }

/* down */
a.ar_down img { margin-top:10px; vertical-align:top; }