/* 친구 초대하기 */
ul.ul_invitegame {height:48px; margin:0; padding:0; list-style:none; overflow:hidden;}
ul.ul_invitegame li {float:left;}
ul.ul_invitegame li a {display:block; width:171px; height:48px; margin-right:5px; background:url("/popcap/cbt_v2/people/find_gamelist.gif") no-repeat; text-indent:-1000em;}
ul.ul_invitegame li.m1 a {width:172px; background-position:0 0;}
ul.ul_invitegame li.m2 a {background-position:-177px 0;}
ul.ul_invitegame li.m3 a {background-position:-353px 0;}
ul.ul_invitegame li.m4 a {background-position:-529px 0; margin-right:0;}
ul.ul_invitegame li.m1 a.on {background-position:0 -70px;}
ul.ul_invitegame li.m2 a.on {background-position:-177px -70px;}
ul.ul_invitegame li.m3 a.on {background-position:-353px -70px;}
ul.ul_invitegame li.m4 a.on {background-position:-529px -70px;}
p.friend_info {clear:both; margin:25px 0 10px 0; padding:0; color:#989898;overflow:hidden;}
p.friend_info select {height:18px; margin:0; padding:0; font-size:12px; vertical-align:bottom; color:#989898;}
p.friend_info strong {font-size:14px; color:#ed543c;}
.wrap_infobox {clear:both; width:694px; height:331px; padding:2px 3px; background:url("/popcap/cbt_v2/people/find_infobox.gif") no-repeat; overflow:hidden;}
.wrap_infobox ul.ul_choiceinfo {margin:0; padding:0; list-style:none;}
.wrap_infobox ul.ul_choiceinfo li {float:left; width:110px; height:36px; _height:34px; margin:0; padding:0; text-align:center;}
.wrap_infobox ul.ul_choiceinfo li a {display:block; width:100%; height:20px; padding-top:12px; background:url("/popcap/cbt_v2/people/find_infobox.gif") -3px -2px no-repeat; text-decoration:none;cursor:hand;}
.wrap_infobox ul.ul_choiceinfo li.m1 a {background-position:-3px -2px;}
.wrap_infobox ul.ul_choiceinfo li.m2 a {background-position:-113px -2px;}
.wrap_infobox ul.ul_choiceinfo li.m1 a.on {background-position: -3px -353px;}
.wrap_infobox ul.ul_choiceinfo li.m2 a.on {background-position: -113px -353px;}
.wrap_infobox ul.ul_choiceinfo li a span {padding-left:12px; background:url("/popcap/cbt_v2/people/find_infobox.gif") -53px -402px no-repeat;}
.wrap_infobox ul.ul_choiceinfo li a.on span {background-position:left -402px; color:#627ace; font-weight:bold;}
.info_msg {clear:both; padding-top:60px; text-align:center; line-height:1.4;}
.info_loginbefore {clear:both; padding-top:105px; text-align:center; line-height:1.4;} /* 로그인 전*/
.info_loginafter {clear:both;} /* 로그인 후*/
.info_scroll {height:247px; margin:0 4px 5px 0; padding:0; overflow:auto;scrollbar-track-color:#fff;/*Scrollbar BackgoundColor*/ scrollbar-face-color:#fff;/*Bar Color*/ scrollbar-arrow-color:#7c7c7c;/*Arrow*/
	scrollbar-3dlight-color:#fff;/*Outline Top&Left*/ scrollbar-darkshadow-color:#fff;/*Outline Right&Bottom*/
	scrollbar-highlight-color:#dadada;/*Inline Top&Left*/ scrollbar-shadow-color:#dadada;/*Inline Right&Bottom*/}
.wrap_infobox ul.wrap_friend {margin:8px 0 0 15px; padding:0; list-style:none; }
.wrap_infobox ul.wrap_friend li {margin:0; padding:2px 0 0 0; height:22px; color:#444;}
.wrap_infobox ul.wrap_friend li input {margin:-2px 6px 0 0; padding:0; vertical-align:middle;}
.wrap_infobox ul.wrap_friend .wrap_check {display:inline-block; width:22px;}
.wrap_infobox ul.wrap_friend li span.state {display:inline-block; width:24px; height:14px; text-indent:-1000em; overflow:hidden; margin:-1px 2px 0 0; background:url("/popcap/cbt_v2/people/find_infobox.gif") right -430px no-repeat; vertical-align:middle;}
.wrap_infobox ul.wrap_friend li span.ic_popcap {height:14px; margin:-1px 2px 0 6px; padding:1px 0 0 54px; background:url("/popcap/cbt_v2/people/find_infobox.gif") left -463px no-repeat; color:#999; vertical-align:middle;}
.wrap_infobox ul.wrap_friend li span.popcap_on {font-family:verdana; font-size:10px; color:#e3513e;}
.wrap_infobox ul.wrap_friend li span.popcap_off {font-family:verdana; font-size:10px; color:#999;}
.wrap_infobox ul.wrap_friend li.on strong {color:#627ace;}
.wrap_infobox ul.wrap_friend li.on span.state {background:url("/popcap/cbt_v2/people/find_infobox.gif") left -430px no-repeat; color:#557dd5;}
.wrap_infobox .wrap_choice {position:relative; width:694px; margin:0; padding:8px 0 0 0; _padding-top:10px; border-top:1px solid #eceff6; color:#9a9a9a;}
.wrap_infobox .wrap_choice input {margin:-2px 5px 0 15px; padding:0; vertical-align:middle;}
.wrap_infobox .wrap_choice strong {font-size:14px; color:#ed543c;}
.wrap_infobox .wrap_choice .friend_invite a {display:inline-block; width:87px; height:24px; margin-top:-2px; background:url("/popcap/cbt_v2/people/btn_find_invite.gif") no-repeat; text-indent:-1000em; vertical-align:middle; overflow:hidden;}
.wrap_infobox .wrap_choice .btn {position:absolute; right:15px; top:6px; text-align:right;}
.wrap_infobox .wrap_choice .btn img {cursor:pointer;}

/* 내친구들 */
.myinfo_area {clear:both; width:100%; height:152px; margin:0 0 30px 0; background:url("/popcap/cbt_v2/people/myfriend.gif") no-repeat;}
.myinfo_area .basic_info {height:23px; padding:12px 0 0 18px; margin:0 0 13px 0; color:#d0d7f0;}
.myinfo_area .basic_info .nickname {padding-right:10px; font-size:14px;}
.myinfo_area .basic_info .nickname strong {color:#ffcc40; letter-spacing:-1px;}
.myinfo_area .basic_info .num {color:#ffcc40; font-family:verdana; font-size:10px; font-weight:bold;}
.myinfo_area .basic_info .level {padding-right:10px; border-right:1px solid #9eade1;}
.myinfo_area .basic_info .exp {padding-left:9px;}
.myinfo_area .play_info {float:left; width:333px; padding:0 0 0 25px;}
.myinfo_area .play_info .dl_playinfo {width:240px; margin:0; padding:0 0 3px 0; font-size:11px; color:#999; overflow:hidden;}
.myinfo_area .play_info .dl_playinfo dt {float:left; width:82px; margin:0; padding:0 0 4px 9px; letter-spacing:-1px; background:url("/popcap/cbt_v2/people/myfriend.gif") no-repeat 0 -321px;}
.myinfo_area .play_info .dl_playinfo dd {float:left; width:140px; margin:0; padding:0 0 4px 0; color:#567DD5;}
.myinfo_area .play_info .dl_playinfo .day {color:#999;}
.myinfo_area .ranking {float:left; width:303px; padding:0 0 0 18px;}
.myinfo_area .ranking .btn_rank_detail {float:right; margin-top:11px;}
.myinfo_area .ranking.noranking {margin:0 0 0 8px;height:81px;line-height:81px;text-align:center;}
/* 내친구들nodata */
.myinfo_area_nodata {margin:0 0 30px;width:700px;height:152px;background:url("/popcap/cbt_v2/people/myfriend_nodata.jpg") no-repeat;text-indent:-9999px;overflow:hidden;}

/* 나와 친구 공통 사용*/
.el_playing {clear:both;}
.el_playing img {vertical-align:top; margin-right:4px;}
.el_playing .txt {display:inline-block; padding-top:17px; height:4px; color:#567dd5;}
.ranking .ul_gamelist {font-size:11px;} /*layout.css ul_gamelist 상속받음*/
.ranking .ul_gamelist li {padding:0 0 4px 9px; color:#444; background:url("/popcap/cbt_v2/people/myfriend.gif") no-repeat 0 -321px;}
.ranking .ul_gamelist li .gamename {display:inline-block; width:120px; color:#999;}
.ranking .ul_gamelist li .per {color:#999;}
.ranking .ul_gamelist .total {font-weight:bold; color:#ED563E;}
.ranking .ul_gamelist .total .gamename {font-weight:normal;}
.ranking .ul_gamelist .total .per {color:#ED563E;}
.wrap_friends {clear:both; width:100%;}
.wrap_friends .summery {width:100%; padding:0 0 7px 0; margin:0; overflow:hidden; border-bottom:2px solid #e0e0e1;}
.wrap_friends .summery .friends {float:left; padding:2px 0 0 5px; color:#999;}
.wrap_friends .summery .num {font-size:14px; color:#ed543c; font-weight:bold;}
.wrap_friends .summery select.sort {float:right; color:#888;}
.wrap_friends ul.list {width:100%; margin:0; padding:0; list-style-type:none; border-bottom:1px solid #e8e8e8; }
.wrap_friends li.friendinfo {margin:0; padding:15px 0; border-bottom:1px solid #e8e8e8;}
.wrap_friends li.nodata {padding:50px 0;text-align:center;}
.wrap_friends .wrap_info {width:684px; height:101px; padding:9px 0 0 16px; background-color:#f5f5f5;}
.wrap_friends .basic_info {float:left; width:348px; padding:8px 0 0 0;}
.wrap_friends .basic_info .nickname {display:block; height:25px; padding:0 0 0 31px; font-weight:bold; color:#567dd5; letter-spacing:-1px;}
.wrap_friends .basic_info .nickname img {vertical-align:middle; margin-bottom:2px;}
.wrap_friends .basic_info .char_on {background:url("/popcap/cbt_v2/people/myfriend.gif") no-repeat 0 -376px;}
.wrap_friends .basic_info .char_off {background:url("/popcap/cbt_v2/people/myfriend.gif") no-repeat 0 -419px;}
.wrap_friends .basic_info .num {color:#ED563E; font-family:verdana; font-size:10px; font-weight:bold;}
.wrap_friends .basic_info .level {padding-right:10px; border-right:1px solid #DCE2E9;}
.wrap_friends .basic_info .exp {padding-left:9px;}
.wrap_friends .basic_info .el_playing {padding:10px 0 0 0;}
.wrap_friends .basic_info .el_playing .txt {color:#444;}
.wrap_friends .ranking {position:relative; float:left; width:300px; height:81px; padding:11px 8px 0 13px; background:url("/popcap/cbt_v2/people/myfriend.gif") no-repeat 0 -182px;}
.wrap_friends .ranking .btn_rank_detail {position:absolute; right:8px; bottom:8px;}