@charset "utf-8";
@import url('http://css.minilife.cyworld.co.kr/minilife_common.css?20090915');

#header {margin:-17px 0 0 0;}

/* 개인화영역 */
div.personal-area div.personal {background-position:-400px top;}

/* ===================== [Main contents] ===================== */
div#main-contents {position:relative; float:left; display:inline; width:770px; border-top:2px solid #676767;}

/* ===================== [Decoration visual] ===================== */
div#decoration-visual {position:relative; clear:both; float:left; display:inline; width:770px; height:319px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/bg_visual.gif') left top no-repeat;}
	/* 태그 */
	div.decoration-tag-wrap {z-index:2; position:relative; clear:both; float:left; display:inline; width:650px; height:25px; margin:18px 0 0 60px; overflow:hidden;}
		div.decoration-tag-wrap .drive-st02 {top:0;}
		div.decoration-tag-wrap .ds02-previous {left:0;}
		div.decoration-tag-wrap .ds02-forward {right:0;}
		div.decoration-tag-wrap span.tag-zone {float:left; display:inline; width:605px; height:24px; margin:0 0 0 25px; overflow:hidden;}
			div.decoration-tag-wrap span.tag-zone a {float:left; display:inline; margin:0 3px; letter-spacing:-1px;}
			div.decoration-tag-wrap span.tag-zone a.level1 {margin-top:5px; font:9pt 돋움, Dotum; color:#99a9b6;}
			div.decoration-tag-wrap span.tag-zone a.level2 {margin-top:2px; font:bold 11pt 돋움, Dotum; color:#5f8caf;}
			div.decoration-tag-wrap span.tag-zone a.selected {color:#ffffff; background:#91abce;}
	/* 비주얼 */
	div.decoration-visual-wrap {z-index:1; position:absolute; top:0; left:0; clear:both; float:left; width:770px; height:319px; text-indent:-9999em; font:0/0 arial; overflow:hidden;}
	/* 바탕화면 다운로드 */
	dl.wallpaper-download {z-index:2; position:absolute; top:286px; left:51px; clear:both; float:left;}
		dl.wallpaper-download dt {clear:both; float:left; height:11px; padding:5px 0 0 19px; font:8pt 돋움, Dotum; color:#595959; letter-spacing:-1px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/icon/wallpaper-down-title.gif') left top no-repeat;}
		dl.wallpaper-download dd {float:left; display:inline; margin:5px 0 0 9px;}
			dl.wallpaper-download dd ul {clear:both; float:left; width:275px;}
				dl.wallpaper-download dd ul li {float:left; margin:0 12px 0 0;}
					dl.wallpaper-download dd ul li a {float:left; padding:0 0 0 4px; font:8pt 돋움, Dotum; color:#888888; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/icon/ico_bullet02.gif') left 4px no-repeat;}


div.coordinate, div.theme-item {position:relative; clear:both; float:left; display:inline; width:745px; margin-left:25px;}

/* 미니라이프 코디제안 */
div.coordinate {margin-top:19px; padding-top:10px;}
	/* 제목 */
	div.coordinate div.title-wrap {padding-bottom:6px;}
		div.coordinate h3.title {width:134px; height:15px; background-position:left -70px;}
	/* 카운트 */
	dl.contest-count {position:absolute; top:13px; left:142px; clear:both; float:left;}
		dl.contest-count dt {float:left; display:inline; font:8pt 돋움, Dotum; color:#b6b6b6; letter-spacing:-1px;}
		dl.contest-count dt.total {margin:0 0 0 7px; padding:0 0 0 6px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/icon/ico_bar02.gif') left 1px no-repeat;}
		dl.contest-count dd {float:left; display:inline; margin:-2px 0 0 4px; font:7pt verdana; color:#31bb10;}
	/* 제목 설명 */
	div.coordinate p.coordinate-explain {clear:both; float:left; width:100%; margin:8px 0 0 0; padding:0 0 9px 0; font:8pt/1.3em 돋움, Dotum; color:#999999; letter-spacing:-1px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/bg_dot-row01.gif') left bottom repeat-x;}
		div.coordinate p.coordinate-explain em {font-style:normal; color:#464646;}
			div.coordinate p.coordinate-explain em span {font-weight:bold;}
	/* 코디제안이렇게 / 코디제안하기 버튼 */
	a.how-to-coordinate {position:absolute; top:4px; right:140px; clear:both; float:left; height:12px; padding:2px 0 0 18px; font:8pt 돋움, Dotum; color:#999999; letter-spacing:-1px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/icon/ico_help-gray.gif') left top no-repeat;}
	a.coordinate-suggest {position:absolute; top:-3px; right:0; clear:both; float:left; width:126px; height:28px; background-position:-370px -240px;}
	a.coordinate-suggest:hover {background-position:-370px -270px;}
	/* 정렬 */
	div.coordinate dl.list-sort {position:absolute; top:47px; right:6px; clear:both; width:auto; background:none;}
	/* 목록 */
	div.coordinate ul {clear:both; float:left; display:inline; width:708px; margin:3px 0 0 11px;}
		div.coordinate ul li {float:left; display:inline; width:162px; margin:17px 0 0 15px;}
			div.coordinate ul li dl {position:relative; clear:both; float:left; width:162px; min-height:283px;}
				div.coordinate ul li dl dt, div.coordinate ul li dl dd {clear:both; float:left; width:162px; text-align:center;}
				div.coordinate ul li dl dt {margin:251px 0 0 0;}
					div.coordinate ul li dl dt a {font:9pt 돋움, Dotum; color:#666666;}
				div.coordinate ul li dl dd.info {margin:5px 0 0 0;}
					div.coordinate ul li dl dd.info span.bar {font:7pt 돋움, Dotum; color:#e0e0e0;}
					div.coordinate ul li dl dd.info em {font:8pt 돋움, Dotum; font-style:normal; color:#999999; letter-spacing:-1px;}
						div.coordinate ul li dl dd.info em span {color:#00b40d; letter-spacing:0;}
				div.coordinate ul li dl dd.image {position:absolute; top:0; left:0; width:160px; height:240px; border:1px solid #f2f2f2; text-align:left;}
					div.coordinate ul li dl dd.image div.vertical-align-middle {width:140px; height:200px; margin:11px 0 0 10px;}
						div.coordinate ul li dl dd.image div.vam-lv3 {width:140px; text-align:center;}
					div.coordinate ul li dl dd.image button {position:absolute; top:222px; left:62px;}
					div.coordinate ul li dl dd.image a.wear-item {position:absolute; top:221px; left:34px;}
		/* 추천코디일때 */
		div.coordinate ul li.recommend {position:relative;}
			div.coordinate ul li.recommend dl dt a {font:bold 9pt 돋움, Dotum; color:#333333;}
			div.coordinate ul li.recommend dl dd.explain {margin:6px 0 0 0; font:8pt 돋움, Dotum; color:#999999; letter-spacing:-1px;}
			div.coordinate ul li.recommend dl dd.image {background:url('http://c1img.cyworld.co.kr/img/minilife/v2/bg_coordi-best.gif') left top no-repeat;}
	/* 페이징 */
	div.coordinate div.paginator {width:745px; margin-top:18px; padding-top:14px; border-top:1px solid #ebebeb;}

/* 테마아이템 */
iframe.theme-item-iframe {clear:both; float:left; display:inline; width:745px; height:340px; margin:20px 0 0 25px;}
div.theme-item {margin-left:0;}
	/* 제목 */
	div.theme-item h3.title {width:59px; height:12px; background-position:-135px -70px;}
	/* 선물가게 바로가기 버튼 */
	div.theme-item a.go-to-shop2 {z-index:9; position:absolute; top:2px; right:0; float:left; padding:0 5px 0 0; font:8pt 돋움; color:#999999; letter-spacing:-1px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/icon/ico_arrow02.gif') right 2px no-repeat;}
	/* 목록 */
	div.theme-item ul {clear:both; float:left; width:745px; height:265px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/bg_dot-row02.gif') left 139px no-repeat;}
		div.theme-item ul li {position:relative; float:left; display:inline; margin:10px 17px 25px 0;}
		div.theme-item ul li.last {margin-right:0;}
			div.theme-item ul li em.item-recommend {z-index:99999; position:absolute; top:-10px; right:-15px; clear:both; float:left; width:33px; height:31px; text-indent:-9999em; font:0/0 arial; overflow:hidden; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/icon/minilife-set-icon.gif') left -80px no-repeat;}
			div.theme-item ul li dl {position:relative; clear:both; float:left; width:78px; min-height:115px;}
				div.theme-item ul li dl dt, div.theme-item ul li dl dd {clear:both; float:left; width:78px; text-align:center;}
				div.theme-item ul li dl dt {margin-top:86px;}
					div.theme-item ul li dl dt a {float:left; width:100%; font:8pt 돋움, Dotum; color:#666666; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; word-wrap:break-word; overflow-x:hidden;}
				div.theme-item ul li dl dd.acorn {margin-top:4px; font:8pt 돋움, Dotum; color:#b4b4b4; letter-spacing:-1px;}
				div.theme-item ul li dl dd.image {position:absolute; top:0; left:0; width:76px; height:76px; font:0/0 arial;}
	/* 페이징 */
	div.theme-item div.paginator {width:745px; margin-top:29px; padding-top:12px; border-top:1px solid #ebebeb;}


/* 코디제안 상세보기 아바타영역 */
div.wear-item {clear:both; float:left; display:inline; width:745px; height:385px; margin:0 0 -7px 0; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/bg_decoration-item-wear.gif') left top no-repeat;}
	/* 착용중 아이템 */
	div.wear-item div.item {position:relative; clear:both; float:left; display:inline; width:745px; height:343px;}
		div.wear-item div.item h5 span.w-num {position:absolute; top:30px; left:416px; float:left; font:8pt 돋움, Dotum; color:#b8b8b8;}
			div.wear-item div.item h5 span.w-num em {font-style:normal; font:bold 9pt verdana; color:#00b40d; letter-spacing:-1px;}
		div.wear-item div.item div.user-avatar {position:absolute; bottom:99px; left:311px; clear:both; float:left; width:120px; text-align:center;}
		div.wear-item div.item dl.wear-item-list, div.wear-item div.item dl.wear-item-list dt, div.wear-item div.item dl.wear-item-list dd {clear:both; float:left; }
			div.wear-item div.item dl.wear-item-list dt {width:0; height:0; text-indent:-9999em; font:0/0 arial; overflow:hidden;}
			div.wear-item div.item dl.wear-item-list dd {position:absolute; top:0; left:0; width:78px; height:78px; font:0/0 arial; overflow:hidden;}

			div.wear-item div.item dl.wear-item-list dd.item-hair {top:27px; left:137px;}
			div.wear-item div.item dl.wear-item-list dd.item-top {top:117px; left:66px;}
			div.wear-item div.item dl.wear-item-list dd.item-bottom {top:168px; left:188px;}
			div.wear-item div.item dl.wear-item-list dd.item-glove {top:27px; left:506px;}
			div.wear-item div.item dl.wear-item-list dd.item-accessory {top:79px; left:605px;}
			div.wear-item div.item dl.wear-item-list dd.item-shoes {top:170px; left:542px;}
		div.wear-item div.item a.view-item-more {position:absolute; top:232px; left:647px; clear:both; float:left; width:80px; height:81px; cursor:pointer; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/button/minilife-set-button.gif') -620px -70px no-repeat;}
			div.wear-item div.item a.view-item-more span.hide {clear:both; float:left;}
			div.wear-item div.item a.view-item-more em {clear:both; float:left; display:inline; width:49px; height:12px; margin:19px 0 0 21px; font:bold 7pt verdana; color:#00b40d; letter-spacing:-1px;}
		div.wear-item div.item a.view-item-more:hover {text-decoration:none; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/button/minilife-set-button.gif') -700px -70px no-repeat;}
	/* 버튼 */
	div.wear-item div.action-button-wrap {position:relative; clear:both; float:left; display:inline; width:298px; height:40px; margin:0 0 0 223px; background:url('http://c1img.cyworld.co.kr/img/minilife/v2/bg_item-wear-button.gif') left top no-repeat;}
		div.wear-item div.action-button-wrap a.view-profile-card {margin:0 3px;}