/* CSS Document */
*{
	margin:0;
	padding:0;
}
img{
	border:0;
}
ul, dl, ol{
	list-style:none;
}
.clear{
	clear:both;
}
input.text{
	font:11px dotum;
	color:#000000;
	height:1.5em;
	line-height:1.5em;
	border:1px solid #9B9B9B;
	padding-left:3px;
}
select, textarea{
	font:12px dotum;
	color:#333333;
}
textarea{
	border:1px solid #9B9B9B;
}
a{
	font:12px dotum;
	color:#333333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h2, h3, h4{
	font:bold 12px dotum;
	color:#333333;
}
.date{
	font:11px verdana;
	color:#7A7A7A;
}
.name {
	color:#113377;
}
body{
	font:12px dotum;
	color:#333333;
	text-align:center;
}
#wrapper{
	width:945px;
	border-top:4px solid #70C1FF;
	margin:0 auto;
	text-align:left;
}
/*»ó´Ü*/
#topArea{
	position:relative;
}
#topArea li{
	float:left;
}
#topArea #additionLink{	
	position:absolute;
	top:0;
	right:0;
}
#topArea #relationLink{
	position:absolute;
	top:36px;
	left:206px;
}
#topArea #friendLink{
	position:absolute;
	top:36px;
	right:10px;
}
/*Áß°£*/
#contentWrapper{
	border-top:1px solid #F4F4F4;
	background:url(/images/main2.0/bg_middle.gif) repeat-y;
	margin-bottom:15px;
}
#contentWrapper #leftContent{
	float:left;
	width:196px;
	background:url(/images/main2.0/bg_leftContent_boxTop.gif) no-repeat;
	text-align:center;
	padding-top:15px;
	padding-bottom:20px;
}
#contentWrapper #mainContent{
	float:left;
	width:470px;
	margin-left:9px;
	padding-top:2px;
	padding-bottom:20px;
}
#contentWrapper #sideContent{
	float:right;
	width:260px;
	background:url(/images/main2.0/bg_sideContent_boxTop.gif) no-repeat;
	padding-top:21px;
	padding-bottom:20px;
}
#contentWrapper .boxBottom{
	clear:both;
	width:943px;
	height:10px;
	background:url(/images/main2.0/bg_bottom.gif) no-repeat left bottom;;
}
/*¿ÞÂÊ*/
/*·Î±×ÀÎ ¾ÆÀÌÇÁ·¹ÀÓ*/
#ifr_login{
	width:181px;
	margin-bottom:10px;
}
#ifr_ufam{
	width:470px;
	margin-bottom:10px;
}
/*¿ÞÂÊ-·Î±×ÀÎÀü*/
#loginBox{
	position:relative;
	width:165px;
	font:11px dotum;
	text-align:left;
	margin:0 auto;
	background-color:#F3F3F3;
}
#loginBox input{
	display:block;
}
#loginBox label{
	font:11px dotum;
	color:#333333;
}
#loginBox input#saveId{
	display:inline;
}
#loginBox #loginButton{
	position:absolute;
	top:0;
	right:0;
}
#loginBox ul{
	padding-left:19px;
	background:url(/images/main2.0/bg_loginBox_additionLink.gif) no-repeat;
	margin:15px 0 0 11px;
}
#loginBox li{
	height:22px;
}
#loginBox a{
	font:11px dotum;
	color:#333333;
}
/*¿ÞÂÊ-·Î±×ÀÎÈÄ*/
#userInfo{
	width:181px;
	margin:0 auto;
	color:#000000;
	margin-bottom:10px;
	background-color:#F3F3F3;
}
#userName{
	width:180px;
	height:23px;
	border-bottom:1px solid #ffffff;
	margin-bottom:7px;
}
#userName a{
	margin-left:10px;
}
#myHouseButton{
	height:28px;
	margin-bottom:15px;
}
#myHouseButton li{
	float:left;
	padding-left:6px;
}
#myHouseButton li.first-child{
	float:left;
	padding-left:0;
}
#myGuage{
	height:82px;
	text-align:left;
	font:11px dotum;
	color:#333333;
	padding-left:26px;
	padding-top:3px;
	background:url(/images/main2.0/bg_userInfo_myGuage.gif) no-repeat;
}
#myGuage dt{
	float:left;
	width:57px;
	height:20px;
}
#myGuage dd{
	float:left;
	width:95px;
	height:20px;
	position:relative;
}
#myGuage dd a{
	position:absolute;
	top:-2px;
	right:0;
}
#myContent{
	width:181px;
	height:48px;
	font:11px dotum;
	color:#333333;
	text-align:left;
	background:url(/images/main2.0/bg_userInfo_myContent.gif) no-repeat;
	margin-bottom:8px;
}
#myContent li{
	float:left;
	width:52px;
	height:19px;
	padding-top:5px;
	padding-left:8px;
}
#myContent li.first-child{
	float:left;
	width:55px;
	height:19px;
	padding-top:5px;
	padding-left:5px;
}
#myContent a{
	font:11px dotum;
	color:#FF3333;
}
#myContent a:hover{
	color:#FF6633;
}
#personAddButton{
	height:20px;
}
#personAddButton li{
	float:left;
	padding-left:6px;
	background:url(/images/main2.0/bar_userInfo_personAddButton.gif) no-repeat;
}
#personAddButton li.first-child{
	padding-left:0;
	background:none;
}
/*¿ÞÂÊ-¹è³Ê*/
.banner{
	margin-bottom:4px;
}
/*¿ÞÂÊ-À¯Æйи®¼­ºñ½º*/
#ufamService{
	width:181px;
	background:url(/images/main2.0/ufamService_boxBottom.gif) no-repeat left bottom;
	padding-bottom:5px;
	margin:0 auto;
	margin-bottom:15px;
	overflow:auto;
}
#ufamService h2{
	height:27px;
	color:#2F7FC9;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	background:url(/images/main2.0/ufamService_boxTop.gif) no-repeat left top;
}
#ufamService a{
	font:12px gulim;
	color:#2E94F3;
}
#ufamService ul{
	float:left;
}
#ufamService li{
	float:left;
	height:19px;
	padding-left:20px;
	background:url(/images/main2.0/bar_ufamService.gif) no-repeat 10px 0;
	white-space:nowrap;
}
#ufamService li.third{
	padding-left:10px;
	background:none;
	clear:left;
}
/*¿ÞÂÊ-¸®½ºÆ®*/
.leftContentList{
	width:181px;
	position:relative;
	text-align:left;
	margin:0 auto;
	margin-bottom:20px;
}
.leftContentList h2{
	height:16px;
	border-bottom:1px solid #CCCCCC;
	padding-left:4px;
}
.leftContentList .more{
	position:absolute;
	TOP:0;
	right:0;
}
.leftContentList li{
	height:15px;
	padding-top:5px;
	padding-left:3px;
	background:url(/images/main2.0/dot_leftContentList.gif) repeat-x;
}
.leftContentList li.first-child{
	height:15px;
	padding-top:7px;
	background:none;
}
.leftContentList li a{
	display:block;
	width:170px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font:12px gulim;
	color:#333333;
}
/*Áß°£*/
/*Áß°£-ºñÁê¾ó*/
#welcomeImage{
	margin-bottom:6px;
	width:470px; height:170px;
	overflow:hidden;
	position:relative;
}
/*Áß°£-À¯Æйи®¿Í ÇÔ²²Çϼ¼¿ä*/
#familyWithUfam{
	width:470px;
	height:184px;
	margin-bottom:8px;
	background:url(/images/main2.0/bg_familyWithUfam.gif) no-repeat;
	overflow:hidden;
}
#familyWithUfam h2{
	display:none;
}
#familyWithUfam ul{
	margin-top:41px;
	margin-left:13px;
}
#familyWithUfam li{
	float:left;
	margin-right:7px;
}
#familyWithUfam a{
	float:left;
	display:block;
	width:83px;
	height:133px;
	text-indent:-2000em;
	background:none;
	overflow:hidden;
}
#familyWithUfam a:hover{
	background:url(/images/main2.0/bg_familyWithUfam_on.gif) no-repeat;
}
/*Áß°£-¸¶ÀÌÀ¯ÆÔ*/
#myUfam{
	font:12px dotum;
	color:#333333;
	width:470px;
	height:115px;
	background:url(/images/main2.0/bg_myUfam.gif) no-repeat;
	position:relative;
	margin-bottom:12px;
	text-align:left;
}
/*½Å±Ô°Ô½Ã¹°ÀÌ ¾øÀ»¶§¸¦ ´ëºñÇؼ­*/
#myUfam h3{
	display:none;
}
#myUfam .scroller{
	position:absolute;
	top:32px;
	left:20px;
	width:443px;
	height:76px;
	overflow-y:scroll;
	
	scrollbar-face-color: #DDDDDD;
	scrollbar-track-color: #F0F0F0;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-arrow-color: #ffffff;
}
#myUfam ul{
	margin-right:10px;
	padding:10px 0 5px 10px;
	overflow:auto;
	background:url(/images/main2.0/dot_famNews.gif) repeat-x left bottom;
}/* Hides from IE-mac \*/
*html #myUfam ul{
	height:1%;
	overflow:visible;
}
/* End hide from IE-mac */
#myUfam #newPostOrg ul{
	background:none;
}
#myUfam ul.noLine{
	background:none;
}
/*¿ø·¡ µðÀÚÀÎ
#myUfam #newPostFriend, #myUfam #newPostCafe, #myUfam #newPostOrg{
	position:absolute;
	top:34px;
	left:12px;
}
#myUfam #newPostCafe h3{
	position:absolute;
	left:150px;
}
#myUfam #newPostOrg h3{
	position:absolute;
	left:300px;
}
#myUfam ul{
	position:absolute;
	top:24px;
	width:408px;
	height:44px;
	overflow-y:scroll;
	background-color:#ffffff;
	padding:6px 0 0 39px;
	
	scrollbar-face-color: #DDDDDD;
	scrollbar-track-color: #F0F0F0;
	scrollbar-highlight-color: #DDDDDD;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-arrow-color: #ffffff;
}
*/
#myUfam li{
	float:left;
	width:184px;
	height:21px;
}
#myUfam li.oneLine{
	float:left;
	width:250px;
	height:21px;
}
#myUfam li.oneLine a{
	color:#666666;
}
/*
#myUfam #newPostFriend ul{
	display:block;
}
#myUfam #newPostCafe ul{
	display:none;
}
#myUfam #newPostOrg ul{
	display:none;
}
*/
#myUfam h2{
	color:#8F6432;
	padding:12px 0 0 27px;
	text-align:left;
}
#myUfam h3 a{
	display:block;
	width:147px;
	height:19px;
	background:url(/images/main2.0/tabBg_myUfam_off.gif) no-repeat;
	font:12px dotum;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
}
#myUfam h3 em{
	font:9px verdana;
}
#myUfam h3 a:hover{
	background:url(/images/main2.0/tabBg_myUfam_on.gif) no-repeat;
	text-decoration:none;
}
#myUfam h3 a.on{
	background:url(/images/main2.0/tabBg_myUfam_on.gif) no-repeat;
	text-decoration:none;
}
/*Áß°£-¸®½ºÆ®*/
.mainContentList{
	position:relative;
	width:457px;
	height:138px;
	margin-left:7px;
}
.mainContentList h2{
	height:17px;
	border-bottom:1px solid #E2E2E2;
	margin-bottom:9px;
}
.mainContentList .more{
	position:absolute;
	top:2px;
	right:1px;
}
.mainContentList dt img{
	border:1px solid #DBDBDB;
	padding:2px;
	margin-right:15px;
}
.mainContentList dl{
	float:left;
	position:relative;
	width:245px;
}
.mainContentList dt{
	float:left;
	font:12px dotum;
	color:#333333;
}
.mainContentList dd{
	width:108px;
	text-align:center;
	position:absolute;
	top:88px;
	left:0px;
}
.mainContentList dd.second-child{
	left:116px;
}
.mainContentList ul{
	float:left;
	margin-left:10px;
}
.mainContentList ul a{
	display:block;
	width:180px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url(/images/main2.0/bl_mainContentList.gif) no-repeat 0 4px;
	padding-left:8px;
	line-height:18px;
}
/*Áß°£-³»¹æ/°Å½Ç ¹Ù·Î°¡±â*/
#goRoomLiving{
	width:438px;
	height:26px;
	background-color:#7FC2C4;
	border-top:5px solid #F3F3F3;
	border-bottom:5px solid #F3F3F3;
	border-left:6px solid #F3F3F3;
	border-right:6px solid #F3F3F3;
	color:#ffffff;
	padding-top:6px;
	padding-left:20px;
	margin-bottom:12px;
}
#goRoomLiving input.text{
	border:1px solid #64A3A5;
	background-color:#F3F3F3;
}
#goRoomLiving label{
	background:url(/images/main2.0/bl_goRoomLiving.gif) no-repeat 0 4px;
	padding-left:10px;
}
#goRoomLiving input{
	margin-left:7px;
}
/*Áß°£-»çÁø¸®½ºÆ®*/
.mainContentPhoto{
	position:relative;
	width:457px;
	margin-left:7px;
}
.mainContentPhoto h2{
	height:17px;
	border-bottom:1px solid #E2E2E2;
	margin-bottom:9px;
}
.mainContentPhoto .more{
	position:absolute;
	top:2px;
	right:1px;
}
.mainContentPhoto li{
	float:left;
	width:85px;
	margin-left:8px;
	text-align:center;
}
.mainContentPhoto li.first-child{
	margin-left:0;
}
.mainContentPhoto ul img{
	border:1px solid #DBDBDB;
	padding:2px;
	display:block;
	margin-bottom:5px;
}
/*¿À¸¥ÂÊ*/
/*¿À¸¥ÂÊ-¸®½ºÆ®*/
#sideContent .sideContentList{
	width:238px;
	height:110px;
	margin-left:12px;
	position:relative;
	margin-bottom:15px;
}
.sideContentList h2{
	height:16px;
	border-bottom:1px solid #E2E2E2;
	margin-bottom:9px;
}
.sideContentList .vote{
	position:absolute;
	top:0;
	right:0;
}
.sideContentList .photo img{
	border:1px solid #DBDBDB;
	padding:3px;
	float:left;
	margin-right:12px;
}
.sideContentList h3 a{
	font:bold 12px dotum;
	color:#006699;
	width:116px;
	height:23px;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.sideContentList p a{
	font:12px dotum;
	color:#333333;
}
.sideContentList li{
	height:16px;
}
/*¿À¸¥ÂÊ-»çÁø*/
.sideContentPhoto{
	width:238px;
	height:130px;
	position:relative;
	margin-left:12px;
	margin-bottom:15px;
}
.sideContentPhoto h2{
	height:16px;
	border-bottom:1px solid #E2E2E2;
	margin-bottom:9px;
}
.sideContentPhoto li{
	float:right;
	text-align:center;
}
.sideContentPhoto li.first-child{
	float:left;
}
.sideContentPhoto img{
	display:block;
	border:1px solid #DBDBDB;
	padding:3px;
	margin-bottom:6px;
}
/*¿ÞÂÊ-¹ÂÁ÷¼¥*/
#musicShop{
	width:238px;
	height:115px;
	margin-left:12px;
	margin-bottom:15px;
	position:relative;
}
#musicShop h2{
	border-bottom:1px solid #E2E2E2;
	height:16px;
}
#bestItem h3{
	position:absolute;
	top:-21px;
	left:97px;
}
#musicShop .photo img{
	border:1px solid #DBDBDB;
	padding:3px;
	float:left;
	margin-right:8px;
	margin-top:9px;
}
#musicShop ul{
	float:left;
	width:139px;
	margin-top:9px;
}
#musicShop li a{
	display:block;
	width:119px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background:url(/images/main2.0/bl_musicShop.gif) no-repeat;
	padding-left:20px;
	line-height:17px;
}

/*¹Ù´Ú*/
#footer{
	clear:both;
	position:relative;
	height:200px;
}
#footerLink{
	height:30px;
	background:url(/images/main2.0/bg_footerLink.gif) repeat-x;
	padding-top:10px;
	padding-left:183px;
}
#footerLink li{
	float:left;
	background:url(/images/main2.0/bl_footerLink.gif) no-repeat 0 4px;
	padding-left:8px;
	padding-right:17px;
}
#footerLink li a{
	font:11px dotum;
	color:#333333;
	white-space:nowrap;
}
#footer #footerLogo{
	position:absolute;
	top:52px;
}
#footer #copyright{
	position:absolute;
	top:52px;
	left:188px;
	
	font:11px dotum;
	color:#333333;
	line-height:1.4em;
}
#footer #familySite{
	position:absolute;
	top:52px;
	right:0;
}
/*»ç¿ëÀÚ À¯µµ*/
#welcomeImages{
	width:470px; height:170px;
	overflow:hidden;
	position:relative;
}
#welcomeImages li{
}
#welcomeImagesPaging{
	position:absolute; top:7px; right:5px;
}
#welcomeImagesPaging li{
	width:13px; height:13px;
	overflow:hidden;
	float:left;
	margin-left:3px;
}
#welcomeImagesPaging li a{
	width:13px; height:13px;
	overflow:hidden;
	display:block;
	text-indent:-200em;
}
#welcomeImagesPaging li.one a{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_01.gif) no-repeat;
}
#welcomeImagesPaging li.one a:hover{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_01_on.gif) no-repeat;
}
#welcomeImagesPaging li.one a.on{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_01_on.gif) no-repeat;
}
#welcomeImagesPaging li.two a{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_02.gif) no-repeat;
}
#welcomeImagesPaging li.two a:hover{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_02_on.gif) no-repeat;
}
#welcomeImagesPaging li.two a.on{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_02_on.gif) no-repeat;
}
#welcomeImagesPaging li.three a{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_03.gif) no-repeat;
}
#welcomeImagesPaging li.three a:hover{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_03_on.gif) no-repeat;
}
#welcomeImagesPaging li.four a{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_04.gif) no-repeat;
}
#welcomeImagesPaging li.four a:hover{
	background:url(http://www.ufamily.co.kr/images/main2.0/but_slidingNum_04_on.gif) no-repeat;
}