@CHARSET "UTF-8";
/*----menu----*/
.manage { width: 722px; } 
	.manage h2 { height: 30px; border-bottom: 1px solid #a4b8e0; padding: 16px 0 0 29px; background-color: #e6eeff; color: #3b4c78; font-size: 14px; }
	.manageTopMenu { width: 714px; height: 38px; padding: 6px 0 0 8px; background: #f5f5f5 url(http://shared.starpl.com/images2/star/bg_menu_bar.gif) repeat-x left bottom; }
		.manageTopMenu li { float: left; height: 37px; margin-right: -1px; background: url(http://shared.starpl.com/images2/star/blt_setting_menu.gif) no-repeat right 10px; }
		.manageTopMenu .lastMenu { background: none; }
			.manageTopMenu li a { float: left; height: 23px; padding: 8px 23px 6px 23px; color: #808080; font-size: 13px; font-weight: bold; vertical-align: middle; }
			.manageTopMenu li a:visited, .manageTopMenu li a:hover { color: #808080; text-decoration: none; }
				.manageTopMenu li a em { font-style : normal; }
		.manageTopMenu .selected { height: 38px; padding: 0; border: 0; background: none; }
			.manageTopMenu .selected a { height: 38px; margin-bottom: -1px; padding: 0 0 0 22px; background: url(http://shared.starpl.com/images2/star/tab_setting.gif) no-repeat; font-size: 14px; }
			.manageTopMenu .selected a, .manageTopMenu .selected a:visited, .manageTopMenu .selected a:hover { color: #3b4c78; }
				.manageTopMenu .selected a em { float: left; height: 28px; padding: 10px 22px 0 0; background: url(http://shared.starpl.com/images2/star/tab_setting.gif) no-repeat right 0; }
/*----submit----*/
.manage .submit { display: inline-block; width: 664px; padding: 24px 0 ; text-align: center; }
/*----profile----*/
.manage .profileConfig { width: 664px; padding: 10px 29px; }
.profileConfig .pw1, .profileConfig .name1 { color: #fc7353; }
.profileConfig .pw2, .profileConfig .name2 { color: #6674ca; }
.profileConfig .inputText { width: 330px; height: 21px; padding: 4px; border: 1px solid #ccc; background-color: #fafafa; color: #525252; font-size: 14px; }
	.profileConfig strong {
		display: inline-block;
		position: relative;
		width: 651px; 
		height: 24px;
		padding: 4px 0 0 11px;
		border: 1px solid #dbc97f;
		background-color: #fffce6;
		color: #936a48;
		font-size: 13px;
		font-weight: normal;
	}
		.profileConfig strong img { position: absolute; top:8px; right: 8px; }
		.profileConfig dl { width: 646px; padding: 24px 9px 14px; border-bottom: 1px solid #e6e6e6; color: #525252; overflow: hidden; }
		.profileConfig .account { padding-top: 15px; }
			.profileConfig dt {
				float: left;
				width: 100px;
				padding: 7px 0 0 12px;
				background: url(http://shared.starpl.com/images2/star/blt_setting_title.gif) no-repeat 0 70%;
				font-size: 12px;
				font-weight: bold;
			}
			.profileConfig dd { float: left; width: 530px; padding: 1px 0 8px; font-size: 14px; }
				.profileConfig dd a img { vertical-align: middle; cursor: pointer; }
				.profileConfig dd .password { width: 502px; height: 118px; margin-top : 6px; padding: 13px 17px; border: 2px solid #d9d9d9; }
					.profileConfig .password dl { width: 500px; padding: 13px 0 0 0; border: 0; } 
					.profileConfig .password .nowPw { padding: 0 0 5px; border-bottom: 1px solid #e6e6e6; }
					.profileConfig .password dt { width: 112px; padding: 5px 0 0; background: none; }
					.profileConfig .password dd { width: 380px; padding-top: 2px; }
						.profileConfig .password dd span { display: inline-block; padding: 0 0 4px 12px; font-size: 12px; }
						.profileConfig .password dd input { width: 200px; height: 19px; padding: 2px 4px; color: #525252; }
			.profileConfig dd span { display: inline-block; padding-top: 1px; color: #afafaf; font-size: 12px; }
			.profileConfig .nick input { float: left; width: 270px; border-right: 0; }
			.profileConfig .nick img { float: left; padding-right: 12px; cursor: pointer; }
			.profileConfig .nick span { clear: both; }
				.profileConfig dd label { padding: 0 35px 0 7px; color: #666; font-size: 13px; }
				.profileConfig dd select { margin-bottom: 3px; }
			.profileConfig .sexCheck, .profileConfig .birth { padding-top: 5px; }
				.profileConfig .birth label { padding-right: 14px !important; } 
					.profileConfig .birth #day, .profileConfig .birth #month  { width: 40px; }
					.profileConfig .birth #year { width: 70px; }
				.profileConfig .birth label { padding: 0 35px 0 7px; }
				.profileConfig .birth select { margin-bottom: 3px; }
			.profileConfig .profileImage { height: 94px; }
				.profileConfig .profileImage .photo {
					float: left;
					padding: 5px;
					margin-right: 12px;
					border: 1px solid #eaeaea;
					border-bottom-color: #c2c2c2;
					border-right-color: #c2c2c2;
				}
				.profileConfig .profileImage p { display: inline-block; width: 426px; padding-bottom: 5px; }
				.profileConfig .profileImage span { display: block; }	
				.profileConfig dd textarea { width: 530px !important; height: 98px !important; }
				.profileConfig .address span { display: inline; color: #525252; font-size: 13px; vertical-align: middle; }
				.profileConfig .address img { display: block; margin-top: 6px; }

/* =Design */
.manage .design { width: 642px; min-height: 917px; height: auto!important; height: 917px; padding: 6px 36px 0 44px; }
	.manage .design dl { width: 642px; padding: 20px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
	.manage .design dt { float: left; width: 92px; padding-top: 4px; color: #444; font-weight: bold; font-size: 14px; line-height: 1.5; }
	.manage .design dd { float: left; }
	.manage .design ul { width: 550px; overflow: hidden; }
	.manage .design li { float: left; position: relative; width: 45px; height: 45px; margin-right: 3px; border: 3px solid #fff; cursor: pointer; }
		.manage .design li span { display: block; width: 43px; height: 43px; border: 1px solid #fff; text-indent: -7777px; overflow: hidden; }
	.manage .design .AA span { background-color: #6387d0; } .manage .design .AB span { background-color: #ffb3bf; }
	.manage .design .AC span { background-color: #db2721; } .manage .design .AD span { background-color: #ffe669; }
	.manage .design .AE span { background-color: #7bbf1c; } .manage .design .AF span { background-color: #a3d0fa; }
	.manage .design .AG span { background-color: #65c0d1; } .manage .design .AH span { background-color: #6858d1; }
	.manage .design .AI span { border-color: #ccc; background-color: #fff; } .manage .design .AJ span { background-color: #383838; }
	.manage .design .selected { border-color: #484c59; }
	.manage .design .imageSkin { width: 548px; margin-left: 1px; }
	.manage .imageSkin li { width: 124px; height: 94px; margin: 0 7px 7px 0; border-width: 3px; }
		.manage .imageSkin li img { width: 124px; height: 94px; }
		.manage .imageSkin li .frame { display: block; position: absolute; top: 0; left: 0; width: 124px; height: 94px; border: 0; background: url(http://shared.starpl.com/images2/star/frame_124x94_skin.gif) no-repeat; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity: 0.8; }
	.manage .design .paging { position: relative; width: 642px; margin-top: -1px; padding: 0 0 22px 0; border-bottom: 1px solid #e6e6e6; background-color: #fff; }
	.manage .design .shop li { width: 80px; height: 112px; margin: 0; padding: 0 5px; border: 0; }
		.manage .design .shop li .frame { position: absolute; top: 0; left: 5px; width: 80px; height: 80px; border: 0; background: url(http://shared.starpl.com/images2/star/frame_80x80.gif) no-repeat; -ms-filter: alpha(opacity=20); filter: alpha(opacity=20); opacity: 0.2; }
		.manage .design .shop li em { display: block; height: 1.3em; padding-top: 3px; color: #666; font-style: normal; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.manage .design .submit { display: block; width: 642px; }

/*----move/mail/candy----*/
.manage .move, .manage .mail, .manage .candy { width: 678px; padding: 20px 22px; background-color: #fff; }
.manage .settingRound { width: 678px; height: 10px; background: url(http://shared.starpl.com/images2/star/rnd_setting_top.gif) no-repeat; }	
.manage .settingRound { padding-top: 10px; }
	.manage .settingRound p { border: 2px solid #dbdbdb; border-top: 0; border-bottom: 0; }
.manage .settingRound .roundBottom { width: 678px; height: 25px; background: url(http://shared.starpl.com/images2/star/rnd_setting_bottom.gif) no-repeat; }
/*----move----*/
.move .nopost { padding : 78px 0 100px !important; text-align: center; background-color: #fff; }
.move .moveSub { position: relative; height: 89px; }
	.move .moveSub p { padding: 15px 0 0 22px; color: #808080; font-size: 13px; line-height: 1.5; }
	.move .moveSub img { position: absolute; top: 28px; right: 16px; }
.manage .move ul { padding: 4px 21px; }
.manage .move li { position: relative; width: 486px; padding: 21px 150px 21px 0; border-bottom: 1px solid #f0f0f0; color: #525252; font-size: 13px; }
	.manage .move li .rss { height:16px; width:16px; background:url(http://shared.starpl.com/images/star/base/icon_service.gif) no-repeat -1px -1px; vertical-align: middle; }
	.manage .move li .naver { background-position: -31px -1px; }
	.manage .move li .daum { background-position: -61px -1px; }
	.manage .move li .yahoo { background-position: -92px -1px; }
	.manage .move li .paran { background-position: -122px -1px; }
	.manage .move li .cyworld { background-position: -153px -1px; }
	.manage .move li .egloos { background-position: -183px -1px; }
	.manage .move li .tistory { background-position: -213px -1px; }
	.manage .move li .blogger { background-position: -244px -1px; }
	.manage .move li .twitter { background-position: -274px -1px; }
	.manage .move li .me2day { background-position: -305px -1px; }
	.manage .move li .tossi { background-position: -336px -1px; }
	.manage .move li .flickr { background-position: -365px -1px; }
	.manage .move li .playtalk { background-position: -395px -1px; }
	.manage .move li .kind { padding-right: 2px; }
	.manage .move li .edit { font-size: 12px; }
	.manage .move li a.edit, .move li a.edit:visited, .move li a.edit:hover { color: #afafaf; text-decoration: none; }
		.manage .move .editName * { vertical-align: middle; }
		.manage .move .editName input { width: 320px; height: 20px; margin-right: 4px; padding: 2px 4px; border: 1px solid #ccc; background-color: #fafafa; }
		.manage .move .editName img { cursor: pointer; }
	.manage .move li .bar { padding: 0 2px; color: #afafaf; font-size: 12px; }
	.manage .move li .userConfig { position: absolute; top: 21px; right: 0; }
		.manage .move li .userConfig img { padding-right: 2px; cursor: pointer; vertical-align: middle; }
.manage .move .last { border-color: #bfbfbf; }
/*----mail----*/
.manage .mail .mailSub { height: 75px; }
	.mail .mailSub p { padding-top: 15px; }
	.mail .mailSub span { display: block; padding: 0 22px; color: #808080; font-size: 13px; line-height: 1.5; }
	.mail .mailSub a, .mail .mailSub a:visited, .mail .mailSub a:hover { color: #fc7353; text-decoration: underline; }
.manage .mail dl { width: 634px; margin: 0 22px; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.manage .mail dt { float: left; width: 176px; padding-top: 28px; color: #444; font-size: 13px; font-weight: bold; }
.manage .mail dd { float: left; width: 458px; padding-top: 28px; }
.manage .mail .last { border-color: #bfbfbf; }
	.manage .mail dd ul { width: 458px; padding-bottom: 14px; overflow: hidden; }
	.manage .mail dd li { float: left; width: 172px; padding-bottom: 7px; color: #808080; font-size: 13px; } 
		.manage .mail dd li input { vertical-align: middle; }
/*----candy----*/
.candy .candySub { height: 60px; padding-bottom: 20px; }
	.candy .candySub p { position: relative; width: 674px; padding-top: 14px; }
	.candy .candySub span { padding: 0 23px; color: #999; font-size: 16px; font-weight: bold; }
	.candy .candySub .count { padding: 0; color: #fc7353; }
	.candy .candySub img { position: absolute; top: 12px; right: 15px; vertical-align: middle; }
.candy table { border-collapse: collapse; color: #808080; font-size: 12px; }
	.candy table th { height: 37px; border: 1px solid #818591; border-left: 0; border-right: 0; background-color: #a1a4ab; color: #fff; font-size: 13px; font-weight: bold; }
	.candy table .last { border-bottom: 2px solid #bfbfbf; }
	.candy table td { height: 45px; padding-left: 22px; border-bottom: 1px solid #e6e6e6; }
	.candy table .out td { background-color: #f6f6f6; }
		.candy table .date { padding: 0; font-family: Arial; text-align: center; }
		.candy table .count { padding-left: 42px; color: #FC7353; font-weight: bold; }
		.candy table .out .count { color: #5177c5; }
.candy .paging { background-color: #fff; }
/* Popup */
.titlePopup { width:324px; padding: 18px 13px 0 13px; color: #666; }
.titlePopup dl { clear: both; }
.titlePopup dt { padding: 3px 0 0 10px; background: url(http://shared.starpl.com/images/map/slide/blt_01.gif) no-repeat 0 7px; color: #444; }
.titlePopup .title { padding-bottom: 20px; }
.titlePopup .title dt { float: none; width: 324px; height: 20px; margin-bottom: 15px; padding: 10px 0 0 0; background: url(http://shared.starpl.com/images/star/manage/box_02.gif) no-repeat 0 0; color: #666; }
	.titlePopup .title dt span { color: #4697b0; font-weight: bold; }
.titlePopup .title dd { float: none; font-size: 11px; letter-spacing: -1px; line-height: 1.5; }
.titlePopup dd.ddText { padding-top: 3px; }
.titlePopup .emphasis { color: #5a84c7; }
.titlePopup .grayBoxWrap { width: 324px; }
.titlePopup .sendBtn { clear: both; padding: 20px 0; text-align: center; }
.titlePopup .sendBtn img { cursor: pointer; }

.popup .grayBoxWrap { position: relative; }
.popup .grayBox { border: 1px solid #d1cfcf; background: #f7f7f7; }
.popup .popupBoxRnd { position: absolute; }
.popup img.tl { top: 0; left: 0; }
.popup img.tr { top: 0; right: 0; }
.popup img.bl { bottom: 0; left: 0; }
.popup img.br { bottom: 0; right: 0; }
.popupBoxForm .grayBox dt { float: left; width: 74px; height: 17px; padding: 3px 0 0 0; background: none; color: #666; font-size: 11px; letter-spacing: -1px; }
.popupBoxForm .grayBox dd { float: left; padding-bottom: 3px; }
	.popupBoxForm .grayBox dd input { width: 200px; color: #818181; }
.popupBoxForm .grayBox dl { position: relative; }
.popupBoxForm .grayBox dl dt { float: none; position: absolute; }
.popupBoxForm .grayBox dl dd { float: none; }
.manageCertify { width: 324px; height: 32px; padding-top: 88px; background: url(http://shared.starpl.com/images/star/manage/img_certify_01.gif) no-repeat; overflow: hidden; }
.manageCertify li { float: left; width: 108px; text-align: center; }
.popup #returnValue { cursor: pointer; }
.popup .helpImg { position: absolute; top: 90px; left: 27px; cursor: pointer; }
.popup #returnValue:hover { text-decoration: underline; }
.popup .notify { clear: both; padding: 5px 0 34px 0; color: #818181; font-size: 11px; letter-spacing: -1px; }
.certifyChild { width: 366px; }
.certifyChild .grayBoxWrap { width: 366px; }
.certifyChild .grayBox { width: 324px; padding: 20px; }
.certifyChild .grayBox dt { width: 100px; }
.certifyChild .grayBox dd { padding-left: 100px; }
.certifyChild #parentName { width: 200px; }
.certifyChild #parentIdNum1, .certifyChild #parentIdNum2 { width: 95px; }
.certifyChild #cellPhoneList, .certifyChild #cellPhone1, .certifyChild #cellPhone2 { width: 66px; vertical-align: middle; }
.certifyChild #confirmCode { width: 140px; }
	.certifyChild .grayBox dd img { vertical-align: middle; cursor: pointer; }
.certifyChild ul.notify { list-style: disc outside; margin-left: 18px; }
.certifyChild .notify li { padding-top: 2px; line-height: 1.5; }
	.certifyChild .notify li span { color: #5a84c7; font-weight: bold; font-size: 11px; text-decoration: underline; letter-spacing: -1px; }
.popup .address { margin-bottom: 5px; }
.popup .address .grayBox { width: 282px; padding: 20px; }
.popup .address .grayBox p { margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #dadada; font-size: 11px; letter-spacing: -1px; }
.popup .address .grayBox dd { width: 212px; padding-left: 70px; }
.popup .address .grayBox dd span { color: #999; font-size: 11px; letter-spacing: -1px; }
.popup .address .grayBox img, .popup .address .grayBox input { vertical-align: middle; }

.popup .postalCode2 { position: absolute; top: 15px; left: 13px; width: 333px; height:370px; background: #fff; line-height: 1.3em; }
.popup .postalCode2 dd * { vertical-align: middle; }
.popup .postalCode2 #searchvalue { width: 220px; height: 14px; margin: 1px 0; padding: 2px; border:1px solid #e5e5e5; background: #f3f3f3; }
.popup .postalCode2 .fail { width: 324px; padding-top: 10px; text-align: center; }
.popup .postalCode2 .search { width: 324px; height: 240px; margin-top: 5px; background: #fafafa; text-align: left; overflow: auto;
	border-top: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }
	.popup .postalCode2 .search dl { margin: 2px 10px; padding: 2px; border-bottom: 1px solid #e8e8e8; }
	.popup .postalCode2 .search * { color: #666; }
	.popup .postalCode2 .search dt, .postalCode .search dd { display: inline; line-height: 1.3em; }
.popup .postalCode2 .btnSubmit { padding-top: 20px; text-align: center; }

