@charset "utf-8"; @media print { #wrap .sidebar { display: none; } } html { overflow: auto; overflow-y: scroll; } body { background-color: #000; } h1 { display: none; } fieldset { border: 0; } legend { display: none; position: absolute; visibility: hidden; } .inputText { padding: 2px 0 0 3px; font-size: 12px; } #layout { background: #000 url(http://shared.starpl.com/images/home/common/bg_main_winter.png) no-repeat center top; } #layout.sub { background: #000 url(http://shared.starpl.com/images/home/common/bg_sub_ice.png) no-repeat center top; } #layout.serviceCenter { background: #000 url(http://shared.starpl.com/images/home/common/bg_sub_desert.png) no-repeat center top; } #main { width: 950px; margin: auto; padding-bottom: 50px; } a { color: #666; } #logoFlash { width: 950px; height: 287px; font-size: 0; } .sub #logoFlash { height: 198px; } #main #menu { position: relative; width: 933px; height: 33px; padding: 7px 0 0 17px; background: #333 url(http://shared.starpl.com/images/home/common/main_menu_02.png) no-repeat 0 -275px; overflow: hidden; } .sub #main #menu { background-position: 0 -155px; } .serviceCenter #main #menu { background-position: 0 -195px; } #menu li { float: left; display: inline; margin-left: 10px; } #menu .nonToggle { margin-left: 2px; } #menu li a { display: block; width: 85px; height: 33px; background: url(http://shared.starpl.com/images/home/common/main_menu_02.png) no-repeat; text-indent: -7777px; overflow: hidden; } #menu .menuHome a { background-position: 0 0; } #menu .menuKeyword a { background-position: -85px 0; } #menu .menuMap a { background-position: -170px 0; } #menu .menuMart a { background-position: -255px 0; } #menu .menuHome .selected { background-position: 0 -33px; } #menu .menuKeyword .selected { background-position: -85px -33px; } #menu .menuMart .selected { background-position: -255px -33px; } #menu .more { float: right; width: 248px; padding: 1px 19px 0 0; } #menu .more li { margin: 0; } #menu .more li a { height: 24px; } #menu .more .menuSearch a { width: 70px; background-position: 0 -86px; } #menu .more .menuRank a { width: 59px; background-position: -70px -86px; } #menu .more .menuEvent a { width: 56px; background-position: -129px -86px; } #menu .more .menuFaq a { width: 63px; background-position: -185px -86px; } #menu .more .menuSearch .selected { background-position: 0 -110px; } #menu .more .menuRank .selected { background-position: -70px -110px; } #menu .more .menuEvent .selected { background-position: -129px -110px; } #menu .more .menuFaq .selected { background-position: -185px -110px; } #wrap { position: relative; width: 918px; padding: 16px 16px 22px 16px; background: #fff; overflow: hidden; } .sidebar { color: #818181; } .left { float: left; width: 185px; } .sidebar input { vertical-align: middle; } .sidebar img { vertical-align: top; } .sidebar .banner { margin-bottom: 7px; } .sidebar .more { display: block; width: 40px; height: 14px; background: url(http://shared.starpl.com/images/home/common/main_more.gif) no-repeat; text-indent: -7777px; overflow: hidden; } #userLoggedOut { margin-bottom: 5px; } #userLoggedOut form { margin-bottom: 6px; } .left fieldset { position: relative; width: 185px; background: url(http://shared.starpl.com/images/home/common/main_rnd_02.png) no-repeat left bottom; overflow: hidden; } .left p { width: 159px; padding: 0 13px; } .left .login { padding-top: 18px; height: 50px; background: url(http://shared.starpl.com/images/home/common/main_rnd_02.png) no-repeat 0 -253px; } .login span { display: block; height: 24px; font-size: 0; overflow: hidden; } .login span * { float: left; } .login span input { width: 100px; margin-left: 4px; padding-top: 3px; border: 1px solid #b0c0c4; border-width: 1px 0 0 0; background: #fff url(http://shared.starpl.com/images/home/common/btn_main_link_02.gif) no-repeat; } #idsave, #mainFalse { margin: -3px 0; } #userLoggedOut label { background: url(http://shared.starpl.com/images/home/common/btn_main_link_02.gif) no-repeat; line-height: 1.5; } #userLoggedOut .idsave { width: 46px; background-position: 2px -45px; } #userLoggedOut .mainFalse { width: 45px; background-position: 2px -68px; } #userLoggedOut label span { font-size: 11px; visibility: hidden; } #userLoggedOut img { vertical-align: middle; } .login #userId { background-position: 0 4px; } .login #userPasswd { background-position: 0 -18px; } .login .loginBtn { position: absolute; top: 18px; right: 13px; } .left fieldset .signin { height: 19px; padding-top: 6px; margin-bottom: 12px; overflow: hidden; } .signin span { display: inline; float: left; } .signin a { display: block; height: 19px; background: url(http://shared.starpl.com/images/home/common/btn_main_link_02.gif) no-repeat 0 -339px; text-indent: -7777px; overflow: hidden; } .signin .findingId a { width: 39px; background-position: 0 -339px; } .signin .findingId a:hover { background-position: 0 -319px; } .signin .findingPw a { width: 68px; background-position: -39px -339px; } .signin .findingPw a:hover { background-position: -39px -319px; } .signin .joinin { float: right; width: 48px; background-position: 0 -359px; } .left .userInfo { position: relative; width: 185px; margin-bottom: 7px; background: url(http://shared.starpl.com/images/home/common/main_rnd_02.png) no-repeat left bottom; } .userInfo p, .userInfo dl { width: 155px; padding: 0 15px; } .userInfo .rndTop { display: block; width: 185px; height: 8px; background: url(http://shared.starpl.com/images/home/common/main_rnd_02.png) no-repeat 0 -253px; overflow: hidden; } .userInfo .userName { width: 159px; height: 22px; margin-bottom: 4px; padding: 0 13px; } .userInfo strong { display: block; width: 158px; height: 1.6em; padding-left: 1px; border-bottom: 1px solid #dfdfdf; line-height: 1.6em; overflow: hidden; } .userInfo #btnLogout { position: absolute; top: 9px; right: 15px; } .userInfo dl { height: 17px; overflow: hidden; } .userInfo dt { float: left; padding-right: 3px; background: url(http://shared.starpl.com/images/home/common/btn_main_link_01.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .userInfo .message dt { width: 23px; background-position: 0 -176px; } .userInfo .request dt { width: 42px; background-position: 0 -193px; } .userInfo #starPowder dt { width: 33px; background-position: 0 -215px; cursor: default; } .userInfo #starCandy dt { width: 33px; background-position: 0 -234px; cursor: default; } .userInfo dd { float: left; padding-top: 2px; color: #6377b7; font-family: Tahoma; font-size: 10px; font-weight: bold; cursor: pointer; } .userInfo dd a { color: #6377b7; } .userInfo #starPowder { position: absolute; top: 34px; left: 70px; } .userInfo #starCandy { position: absolute; top: 51px; left: 70px; } .userInfo #starPowder dd { color: #5dbcd9; } .userInfo #starCandy dd { color: #5dbcd9; font-weight: normal; } .userInfo #starPowder a, .userInfo #starCandy a { color: #5dbcd9; } #starCandy #starCandyCount { font-weight: bold; } .userInfo .mynews { width: 165px; height: 49px; padding: 5px 10px 0 10px; background: url(http://shared.starpl.com/images/home/common/bg_notify.gif) no-repeat 50% 5px; overflow: hidden; } .userInfo .mynews dl { float: left; width: 55px; height: auto; padding: 0; text-align: center; } .userInfo .mynews dt { display: none; } .userInfo .mynews dd { float: none; height: 23px; padding-top: 26px; font: bold 11px Applegothic, Dotum; color: #a7adb4; cursor: default; } .userInfo .mynews dd a { color: #ff764d; text-decoration: underline; } .userInfo .buttons { padding-top: 8px; overflow: hidden; } .userInfo .manage { height: 16px; padding: 5px 0 13px 22px; } .userInfo .manage li { float: left; } .userInfo .manage a { display: block; height: 16px; background: url(http://shared.starpl.com/images/home/common/btn_main_link_02.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .userInfo .manage .info a { width: 37px; background-position: 1px -254px; } .userInfo .manage .edit a { width: 45px; background-position: 0 -274px; } .userInfo .manage .write a { width: 59px; background-position: 7px -296px; } .userInfo .air { padding: 11px 0 17px 0; color: #5db5d0; font-weight: bold; font-size: 11px; letter-spacing: -1px; text-align: center; } .userInfo .airLogged { color: #9d9d9d; } .left .randomBanner { position: relative; width: 185px; } .left .randomBanner span { position: absolute; top: 96px; left: 13px; } .left .randomBanner span img { cursor: pointer; } .left b { display: block; height: 1px; overflow: hidden; } .left .r1 { width: 181px; margin: 0 2px; background: #d9d9d9; } .left .r2 { width: 179px; margin: 0 1px; border-left: 2px solid #d9d9d9; border-right: 2px solid #d9d9d9; } .left .r3 { width: 181px; border-left: 2px solid #d9d9d9; border-right: 2px solid #d9d9d9; } .left .board { width: 183px; border: 1px solid #d9d9d9; border-width: 0 1px; } .board .boardTitle { width: 155px; height: 12px; margin: 0 14px; padding: 12px 0 5px 0; border-bottom: 1px solid #dfdfdf; overflow: hidden; } .boardTitle h4 { float: left; width: 70px; background: url(http://shared.starpl.com/images/home/common/main_title_01.png) no-repeat; text-indent: -7777px; } .board .notice h4 { background-position: 0 -67px; } .board .tip h4 { background-position: 0 -97px; } .boardTitle .more { float: right; } .board div { width: 155px; padding: 12px 13px 10px 13px; } .board li { width: 150px; height: 18px; padding-left: 7px; background: url(http://shared.starpl.com/images/home/common/blt_03.gif) no-repeat 0 7px; line-height: 18px; overflow: hidden; } .left .trioBanner span { display: block; width: 185px; height: 33px; background: url(http://shared.starpl.com/images/home/common/btn_main_link_02.gif) no-repeat 0 -385px; text-indent: -7777px; overflow: hidden; } .left .trioBanner .help { height: 32px; background-position: 0 -418px; } .left .trioBanner .dss { background-position: 0 -450px; } .right { float: right; position: relative; width: 185px; overflow: hidden; } .right .intro { height: 175px; cursor: pointer; } .right .prMovie { margin: 9px 0; } .right .prMovie img { display: block; } .right button { border: 0; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } /* oneVote delete reserved */ .oneVoteTitle { width: 181px; margin: 0 0 6px 1px; padding: 13px 2px 5px 0; border-bottom: 2px solid #b7d0e8; overflow: hidden; } .oneVoteTitle img { float: left; margin-right: 3px; } .oneVoteTitle .tip { cursor: pointer; } .oneVoteTitle button { float: right; width: 18px; height: 16px; background-position: 0 -104px; } .ovTip { position: absolute; top: 278px; left: 0; cursor: pointer; z-index: 10; } .oneVoteList { position: relative; width: 185px; height: 198px; margin: 0 0 27px 3px; overflow: hidden; } .oneVoteList .list2 { position: absolute; top: -198px; } .oneVoteList .list3 { position: absolute; top: -396px; } .oneVoteList .list4 { position: absolute; top: -594px; } .oneVoteList .list5 { position: absolute; top: -792px; } .oneVoteList .list6 { position: absolute; top: -990px; } .oneVoteList .list7 { position: absolute; top: -1188px; } .oneVoteList li { height: 18px; padding-left: 9px; background: url(http://shared.starpl.com/images/home/common/blt_03.gif) no-repeat 1px 7px; line-height: 1.5; overflow: hidden; } .oneVoteList .popular a { font-weight: bold; } /* researchOpen */ .researchOpenTitle { width: 181px; margin: 0 0 6px 1px; padding: 13px 2px 5px 0; border-bottom: 2px solid #b7d0e8; overflow: hidden; } .researchOpenTitle h4 { float: left; width: 107px; } .researchOpenTitle span { float: right; color: #444; font: 10px Verdana; } .researchOpenTitle button { float: left; width: 16px; height: 16px; } .researchOpenTitle .prev { width: 15px; background-position: -24px -104px; } .researchOpenTitle .next { background-position: -39px -104px; } .researchOpenTitle .page { padding: 2px 5px 0 0; } .researchOpenTitle .page span { float: none; color: #b4b4b4; } .researchOpenList { position: relative; width: 182px; height: 198px; margin: 0 0 27px 3px; overflow: hidden; } .researchOpenList .list2 { position: absolute; top: -198px; } .researchOpenList .list3 { position: absolute; top: -396px; } .researchOpenList .list4 { position: absolute; top: -594px; } .researchOpenList .list5 { position: absolute; top: -792px; } .researchOpenList .list6 { position: absolute; top: -990px; } .researchOpenList .list7 { position: absolute; top: -1188px; } .researchOpenList li { width: 175px; height: 18px; padding-left: 7px; background: url(http://shared.starpl.com/images/home/common/blt_03.gif) no-repeat 0 7px; line-height: 1.5; overflow: hidden; } .researchOpenList li a { float: left; width: 135px; height: 1.3em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .researchOpenList li span { float: right; width: 40px; height: 1.3em; color: #999; font-size: 11px; text-align: right; overflow: hidden; } .researchOpenList li span b { color: #ff8062; font-size: 10px; font-family: Verdana; } .rankListTab { width: 184px; margin-left: 1px; padding-bottom: 10px; overflow: hidden; } .rankListTab li { float: left; width: 92px; cursor: pointer; } .rankListTab li span { display: block; width: 92px; height: 25px; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .rankListTab .risingStar span { background-position: 0 -209px; } .rankListTab .newStar span { background-position: -92px -209px; } .rankListTab .risingStar .selected { background-position: 0 -184px; } .rankListTab .newStar .selected { background-position: -92px -184px; } .rankList { padding-left: 6px; } .rankList dl { position: relative; width: 179px; padding-bottom: 11px; } .rankList dt { position: absolute; top: 0; left: 0; width: 42px; } .rankList dt img { width: 40px; height: 40px; border: 1px solid #d2d2d2; } .rankList dd { margin: 0 0 -1px 51px; font-size: 11px; } .rankList dd a { color: #4b4b4b; font-weight: bold; font-size: 12px; letter-spacing: 0; } .recentCommentTitle { width: 183px; margin: 0 0 7px 1px; padding: 21px 0 5px 0; border-bottom: 2px solid #b7d0e8; overflow: hidden; } .recentCommentTitle h4 { float: left; width: 70px; } .recentCommentTitle span { float: right; color: #444; font: 10px Verdana; } .recentCommentTitle button { float: left; width: 16px; height: 16px; } .recentCommentTitle .refresh { width: 18px; background-position: 0 -104px; } .recentCommentTitle .prev { width: 15px; background-position: -24px -104px; } .recentCommentTitle .next { background-position: -39px -104px; } .recentCommentTitle .page { padding: 2px 5px 0 0; } .recentCommentTitle .page span { float: none; color: #b4b4b4; } .recentCommentList { margin-left: 3px; } .recentCommentList li { height: 20px; padding-left: 9px; background: url(http://shared.starpl.com/images/home/common/blt_03.gif) no-repeat 1px 8px; font-size: 11px; letter-spacing: -1px; line-height: 1.8; overflow: hidden; } #content { float: right; width: 526px; padding-right: 11px; } #mainFlash { width: 526px; height: 175px; margin-bottom: 9px; overflow: hidden; } #mainFlash img { float: left; cursor: pointer; } #content .search { position: relative; width: 506px; height: 32px; margin-left: 4px; padding-left: 16px; background: url(http://shared.starpl.com/images/home/common/main_rnd_02.png) no-repeat 0 -215px; z-index: 10; } #content .search span { float: left; width: 56px; margin: 8px 8px 0 0; color: #999; font-weight: bold; cursor: pointer; } #content .search ul { position: absolute; top: 23px; left: 12px; width: 59px; border: 1px solid #4aa6c2; color: #999; font-weight: bold; overflow: hidden; } #content .search li { width: 55px; height: 16px; padding: 4px 0 0 4px; background: #fff; overflow: hidden; cursor: pointer; } #content .search li:hover { background: #f0f0f0; } #content .search li input { float: none; position: absolute; left: -50px; } #content .search li label { cursor: pointer; } #content .search input { float: left; } #content .search .inputText { width: 385px; margin-top: 8px; padding: 2px 0 0 0; border: 0; color: #808080; } #content .recentWrapper { width: 518px; margin: 10px 4px 0 4px; overflow: hidden; } .recentlyPopularKeyword h3 { height: 24px; } .recentlyPopularKeyword p { width: 500px; height: 38px; padding: 3px 9px; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat; text-align: center; overflow: hidden; } .recentlyPopularKeyword span { padding: 0 5px; color: #818181; font-weight: bold; } .recentlyPopularKeyword a { color: #818181; line-height: 3; white-space: nowrap; } .recentlyPopularKeyword .active { color: #5a9ebf; font-size: 14px; } .recentlyPopularKeyword .active a { color: #5a9ebf; } .recentlyVotedRecord { float: left; width: 249px; padding: 0 0 8px 2px; } .rvRecordList { position: relative; width: 249px; height: 147px; overflow: hidden; } .rvRecordList .list2 { position: absolute; top: -147px; } .rvRecordList .list3 { position: absolute; top: -294px; } .rvRecordList .list4 { position: absolute; top: -441px; } .rvRecordList .list5 { position: absolute; top: -588px; } .rvRecordList .list6 { position: absolute; top: -735px; } .rvRecordList .list7 { position: absolute; top: -882px; } .recentWrapper .title { width: 248px; margin: 17px 0 8px 0; padding: 0 1px 6px 0; border-bottom: 2px solid #dcdee3; overflow: hidden; } .recentWrapper .title h3 { float: left; width: 110px; } .recentWrapper .tip { cursor: pointer; } .recentWrapper .refresh { float: right; width: 18px; height: 16px; border: 0; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat 0 -104px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .recentWrapper li { width: 240px; height: 21px; padding-left: 9px; background: url(http://shared.starpl.com/images/home/common/blt_03.gif) no-repeat 1px 7px; line-height: 1.6; overflow: hidden; } .recentWrapper li span { padding-left: 3px; color: #4f9be1; font-size: 11px; } .realTimeOneline { float: right; position: relative; width: 249px; padding-left: 2px; } .realTimeOneline .title h3 { width: 84px; } .realTimeOneline .title .tip { float: left; } .realTimeOneline .rtTip { position: absolute; top: 32px; left: 34px; cursor: pointer; z-index: 10; } .rtOnelineList { position: relative; width: 249px; height: 160px; overflow: hidden; } .rtOnelineList .list2 { position: absolute; top: -160px; } .rtOnelineList .list3 { position: absolute; top: -320px; } .rtOnelineList .list4 { position: absolute; top: -480px; } .rtOnelineList .list5 { position: absolute; top: -640px; } .rtOnelineList .list6 { position: absolute; top: -800px; } .rtOnelineList .list7 { position: absolute; top: -960px; } .rtOnelineList ol { width: 249px; } .realTimeOneline ol li { float: left; width: 237px; margin-left: 3px; } .realTimeOneline ol .first { width: 247px; height: 45px; margin: 0 0 8px 0; padding: 2px 0 0 2px; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat 42px -54px; overflow: hidden; } .realTimeOneline .nemo { float: left; position: relative; width: 40px; padding-top: 1px; } .realTimeOneline .nemo img { padding: 2px 0 0 3px; } .realTimeOneline .nemo .frame { position: absolute; top: 0; left: 0; width: 36px; height: 36px; background: url(http://shared.starpl.com/images/map/slide/img_nemo_outline.gif) no-repeat; } .realTimeOneline .first p { float: left; width: 178px; height: 30px; padding: 8px 8px 0 15px; line-height: 1.3; overflow: hidden; } #content .mostPopular { width: 518px; padding-left: 4px; } .popularTitle { width: 518px; height: 23px; padding-top: 10px; border-bottom: 2px solid #c7c7c7; overflow: hidden; } .popularTitle h3 { float: left; width: 96px; height: 16px; background: url(http://shared.starpl.com/images/home/common/main_title_01.png) no-repeat 0 -33px; text-indent: -7777px; } .popularTitle .order { float: left; padding-left: 12px; width: 95px; overflow: hidden; } .popularTitle .order span { float: left; height: 17px; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .popularTitle .order .date { width: 47px; background-position: 4px -134px; background-position-x: 4px !important; } .popularTitle .order .voted { width: 42px; background-position: -43px -134px; } .popularTitle .order .date.selected { background-position: 4px -154px; } .popularTitle .order .voted.selected { background-position: -43px -154px; } .popularTitle .order .selected { background-position-y: -154px !important; } .mostPopular dl { position: relative; width: 512px; height: 52px; padding: 10px 3px; border-bottom: 1px solid #e7e7e7; overflow: hidden; } .mostPopular .image { float: left; position: relative; width: 62px; height: 52px; padding-right: 10px; } .mostPopular .image img { padding: 1px; } .mostPopular .image .frame { display: block; position: absolute; top: 0; left: 0; width: 62px; height: 52px; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat 0 -240px; } .mostPopular dt { float: left; height: 1.4em; padding-right: 4px; font-weight: bold; font-family: Applegothic, Gulim; line-height: 1.4; overflow: hidden; } #main .mostPopular dt a { color: #4b4b4b; } .mostPopular .writer { height: 1.6em; font-size: 11px; line-height: 1.5; overflow: hidden; } .mostPopular .writer .emphasis { padding: 0; color: #ff6540; } .mostPopular .writer .emphasis span { font-weight: bold; } .mostPopular .writer .namingClick { padding-left: 3px; } .mostPopular .writer .bar { padding: 0 2px; color: #d2d2d2; font-size: 10px; } .mostPopular .writer .vote span { padding-left: 1px; font: bold 10px Tahoma; } .mostPopular .writer .date { padding-left: 3px; color: #999; font-size: 9px; font-family: Tahoma; } .mostPopular .writer a { line-height: 1.3; } .mostPopular .desc { width: 430px; height: 2.5em; padding-top: 2px; color: #666; overflow: hidden; } .mostPopular .noThumb .desc { width: 505px; } .mostPopular .desc a { text-decoration: none; } #content .mainListPage { width: 518px; padding-top: 8px; overflow: hidden; } .mainListPage .pageNumber { float: left; width: 200px; padding-top: 2px; color: #808080; } .mainListPage .pageNumber span { color: #447ad4; } .mainListPage .pageButton { float: right; width: 74px; } .mainListPage .pageButton span { float: left; width: 37px; height: 31px; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .mainListPage .pageButton .prev { background-position: 0 -304px; background-position-x: 0 !important; } .mainListPage .pageButton .next { background-position: -37px -304px; } .mainListPage .pageButton .prev.disabled { background-position: 0 -335px; } .mainListPage .pageButton .next.disabled { background-position: -37px -335px; } .mainListPage .pageButton .disabled { background-position-y: -335px; } #introPopup { position: absolute; top: 0; left: 0; width: 946px; padding: 40px 0 32px 0; border: 2px solid #454545; background: #121212; z-index: 10; } #startSwfOn, #introSwfOn { position: absolute; width: 108px; top: 11px; right: 73px; cursor: pointer; } #introSwfOn { width: 123px; } #introFlash { width: 815px; margin: auto; } #startFlash { width: 800px; margin: auto; } #introClose { position: absolute; width: 58px; top: 14px; right: 7px; cursor: pointer; } #subContent { float: right; position: relative; width: 720px; padding-bottom: 30px; line-height: 1.3em; overflow: hidden; } #subContent .h2Banner { display: block; padding-bottom: 18px; } .subMenu { width: 720px; height: 36px; margin-bottom: 10px; background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat 0 -162px; } .subMenu li { float: left; position: relative; } .subMenu .selected { margin-left: -3px; } .subMenu .eventIng { margin: 0; } .subMenu li a { display: block; width: 153px; height: 36px; text-indent: -7777px; overflow: hidden; } .customerMenu li a { background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat 0 -245px; } .subMenu .selected a { width: 156px; background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat; } .subMenu .eventIng a { width: 153px; background-position: 0 -199px; } .subMenu .eventPast a { background-position: -153px -199px; } .subMenu .winner a { background-position: -309px -199px; } .subMenu .faq { width: 153px; background-position: 0 -245px; } .subMenu .suggest { background-position: -153px -245px; } .subMenu .report { background-position: -306px -245px; } .subMenu .secession { background-position: -459px -245px; } .subMenu .selected .faq { width: 153px; margin: 0; background-position: 0 -282px; } .subMenu .selected .suggest { background-position: -153px -282px; } .subMenu .selected .report { background-position: -309px -282px; } .subMenu .selected .secession { background-position: -465px -282px; } .tosMenu { background-position: 0 -379px; } .subMenu .selected .tos { width: 153px; background-position: 0 -416px; } .subMenu .selected .privacy { background-position: -153px -416px; } .subMenu .selected .noacq { background-position: -309px -416px; } .introMenu { background-position: 0 -466px; } .subMenu .selected .aboutus { width: 153px; background-position: 0 -503px; } .subMenu .selected .corporation { background-position: -153px -503px; } .subMenu .selected .investment { background-position: -309px -503px; } #findMenu { position: relative; width: 712px; height: 35px; margin: 0 4px; z-index: 10; } #findMenu li { float: left; display: inline; } #findMenu h3 { font-size: 0; } #subContent .postList { clear: left; width: 690px; padding: 0 15px; color: #444; } #subContent .postList a { color: #444; } .postList dl { width: 690px; padding: 13px 0; border-bottom: 1px solid #dfdfdf; } .postList dt { float: left; padding: 3px 5px 0 0; font-weight: bold; } .postList .comment { color: #ff764d; } .postList .writer { display: inline; line-height: 1.8em; } .postList .image { float: left; width: 40px; height: 40px; padding-right: 15px; } .postList .desc { max-height: 2.6em; min-height: 1.3em; padding: 0 5px 2px 0; } .postList .end { height: 30px; padding-top: 17px; color: #818181; text-align: center; } #subContent table { text-align: center; } #subContent #searchStar { clear: left; position: relative; top: -11px; width: 712px; height: 67px; margin: 0 4px; } #subContent #searchStar dl { width: 692px; height: 42px; padding: 25px 0 0 20px; background: url(http://shared.starpl.com/images/home/common/tab_findstar_bottom.gif) no-repeat 0 0; } #subContent #searchStar dt { float: none; display: inline; width: auto; padding: 3px 5px 0 7px; background: url(http://shared.starpl.com/images/home/common/blt_03.gif) no-repeat 0 7px; } #subContent #searchStar dd { float: none; display: inline; padding-right: 20px; } #searchStar #btn_finding_friend1, #searchStar #btn_finding_friend2 { width: 35px; height: 20px; border: 0; } #searchStar input, #searchStar select { background: #fff; vertical-align: middle; } #searchStar .name { width: 150px; padding: 3px 0 1px 3px; border: 1px solid #dfdfdf; } #subContent .starList { width: 708px; padding: 16px 6px; overflow: hidden; } .starList dl { float: left; position: relative; width: 118px; height: 150px; overflow: hidden; } .starList dt { padding-top: 95px; text-align: center; line-height: 1.3em; } .starList dd { text-align: center; } .starList dd.nemoThumb { position: absolute; top: 0; left: 13px; width: 90px; height: 90px; font-size: 0; } #subContent .paging { margin-top: -1px; padding-top: 20px; border-top: 1px solid #d0d0d0; } #footer { clear: both; width: 950px; border-top: 1px solid #e3e3e3; color: #b5b5b5; } #footer .footerWrap { position: relative; width: 950px; padding: 30px 0 15px 0; background-color: #f6f6f6; } #footer .logo { position: absolute; top: 30px; left: 97px; width: 106px; } #footer .footerMenu { width: 700px; margin: 2px 0 0 225px; padding: 0 0 8px 8px; border-left: 1px solid #dadada; overflow: hidden; } #footer .footerMenu li { float: left; height: 17px; padding-right: 1px; background: url(http://shared.starpl.com/images/home/common/blt_footer.gif) no-repeat right 3px; } #footer .footerMenu .help { background-image: none; } #footer .footerMenu li a { display: block; width: 39px; padding: 2px 12px; background: url(http://shared.starpl.com/images/home/common/btn_footer_menu.gif) no-repeat 12px 2px; text-indent: -7777px; overflow: hidden; } #footer .footerMenu .tos a { width: 40px; background-position: 12px -23px; } #footer .footerMenu .policy a { width: 82px; background-position: 12px -48px; } #footer .footerMenu .nospam a { width: 91px; background-position: 12px -73px; } #footer .footerMenu .cooperation a { background-position: 12px -98px; } #footer .footerMenu .notice a { width: 41px; background-position: 12px -123px; } #footer .footerMenu .help a { width: 40px; background-position: 12px -148px; } #footer .martinfo { width: 700px; margin-left: 225px; padding: 0 0 4px 20px; border-left: 1px solid #dadada; font-size: 11px; line-height: 1.6; letter-spacing: -1px } #footer .martinfo span { letter-spacing: 0; } #footer .martinfo .bar { padding: 0 5px; font-size: 10px; } #footer .martinfo address { display: inline; font-style: normal; } #footer .copyright { width: 700px; margin-left: 225px; padding: 0 0 3px 20px; border-left: 1px solid #dadada; font: 10px Tahoma; } #footer .copyright a { color: #b5b5b5; } #footer .rndBottom { display: block; width: 950px; height: 10px; background: url(http://shared.starpl.com/images/home/common/rnd_bottom_footer.png) no-repeat; font-size: 0; overflow: hidden; z-index: 10; } /* =MainBBS= */ #subContent h4 { padding-top: 8px; } .pTitle { width: 710px; height: 22px; padding: 13px 0 0 10px; border-bottom: 1px solid #dfdfdf; color: #444; letter-spacing: -1px; } #formBbs { position: relative; width: 720px; } #formBbs img, #formBbs input, #formBbs select { vertical-align: middle; } .bbsSearch { position: relative; width: 720px; height: 22px; padding: 16px 0 5px 0; text-align: right; } .bbsSearch p { display: inline; position: absolute; top: 20px; left: 0; } .bbsSearch .emphasis { font-weight: bold; } .bbsSearch input { background: #fff; } .bbsSearch #searchValue { width: 200px; } #formBbs .paging li span { font-weight: normal; } #formBbs .paging .emphasis { font-weight: bold; } .mainBBSList { background: url(http://shared.starpl.com/images/home/common/bg_write.gif) no-repeat 0 0; border-collapse: collapse; } .mainBBSList th, .mainBBSList td { background: none; } .mainBBSList th { height: 32px; color: #999; font-size: 11px; } #main .mainBBSList th a { color: #999; text-decoration: none; } .mainBBSList td { height: 35px; padding-top: 3px; border-bottom: 1px solid #e7e7e7; font-family: Tahoma; font-size: 10px; } .mainBBSList td.category { color: #6baede; font-family: Applegothic, Dotum; font-size: 11px; } #main .mainBBSList .category a { color: #6baede; text-decoration: none; } .mainBBSList td.subject { font-family: Applegothic, Dotum; font-size: 12px; text-align: left; } .mainBBSList td.writer { font-family: Applegothic, Dotum; font-size: 12px; } .tableButton { display: inline; position: absolute; right: 15px; } .tableButton img, .tableButton input { margin-top: 10px; } #mainBBSDetail .title { width: 705px; height: 32px; padding-left: 15px; background: url(http://shared.starpl.com/images/home/common/bg_write.gif) no-repeat 0 0; font-weight: bold; line-height: 3; overflow: hidden; } #mainBBSDetail .writer { width: 705px; height: 44px; padding-left: 15px; color: #818181; line-height: 2.2em; overflow: hidden; } #mainBBSDetail .writer dl { float: left; width: 352px; overflow: hidden; } #mainBBSDetail .writer dt { display: inline; padding-right: 0.5em; } #mainBBSDetail .writer dd { display: inline; padding-right: 25px; } #mainBBSDetail .writer .date { text-align: right; } #mainBBSDetail .detail { width: 690px; margin: 15px; line-height: 1.5em; overflow: hidden; } #mainBBSDetail .detail a { color: #2a7dc6; } #mainBBSDetail .detail ol, #mainBBSDetail .detail ul { margin-left: 20px; } #mainBBSDetail .detail img { max-width: 690px; } #mainBBSDetail .detail dl { float: none; } #mainBBSDetail .detail table { margin: 10px; table-layout: fixed; border-collapse: collapse; } #mainBBSDetail .eventTable th { height: 30px; background: #f2f2f2; color: #999; border: 1px solid #ccc; } #mainBBSDetail .eventTable td { height: 25px; font-family: Dotum; font-size: 12px; border: 1px solid #ccc; } #mainWrite, .reportWrite { width: 690px; padding: 18px 20px 14px 10px; } #mainWrite dl, .reportWrite dl { width: 690px; height: auto; padding-bottom: 10px; } #mainWrite dt, .reportWrite dt { position: absolute; width: 72px; height: 20px; overflow: hidden; } #mainWrite dd, .reportWrite dd { position: relative; width: 618px; padding-left: 72px; line-height: 1.8em; } #mainWrite input, #mainWrite img, .reportWrite input, .reportWrite img { vertical-align: middle; } #mainWrite label, .reportWrite label { padding: 2px 20px 0 5px; } #mainWrite .subject input, .reportWrite .subject input { width: 370px; } #mainWrite .content, .reportWrite content { padding-bottom: 24px; } .mainWriteButton { width: 710px; padding-top: 10px; border-top: 1px solid #dfdfdf; text-align: right; } /* Main Write Editor */ #mainWrite #weconEditor, .reportWrite #weconEditor { position:relative; background: url(http://shared.starpl.com/images/star/common/rnd_write_top.gif) no-repeat 0 0; } #fileuploaderSWF { position: absolute; top: 12px; left: 84px; z-index: 10; } #weconEditor .editorContent { width: 578px; border-top: 2px solid #d4d4d4; padding-top: 40px; } #mainWrite #weconEditor textarea, .reportWrite #weconEditor textarea { height: 350px; } #mainWrite .mceIframeContainer { border-bottom: 2px solid #d4d4d4; } #subContent .button { position: relative; width: 720px; padding-top: 10px; border-top: 1px solid #dfdfdf; } #subContent .button img { cursor: pointer; } #subContent .button .viewList { position: absolute; top: 10px; right: 0; } #subContent .comments { width: 720px; margin: 15px 0; background: #f3f3f3; } #subContent .comments .top { height: 6px; background: #fff url(http://shared.starpl.com/images/home/common/reply_rnd_top_720.gif) no-repeat 0 0; font-size: 0; } #subContent .comments .bottom { height: 7px; margin-top: -1px; background: #fff url(http://shared.starpl.com/images/home/common/reply_rnd_bottom_720.gif) no-repeat left bottom; font-size: 0; } #subContent .comments ol { width: 678px; padding: 0 20px; border: 1px solid #ebebeb; border-top: 0; border-bottom: 0; } #subContent .comments li { padding: 14px 0; border-bottom: 1px solid #dfdfdf; } #subContent .comments li div { position: relative; width: 678px; } #subContent .comments div .nemoThumb { position: absolute; top: 0; left: 0; border: 1px solid #d2d2d2; } #subContent .comments div p { padding-left: 40px; line-height: 1.4; overflow: hidden; } #subContent .comments .starName { padding-top: 2px; } #subContent .comments .starName span { color: #999; font-family: Tahoma; font-size: 10px; } #subContent .comments .starName img { cursor: pointer; } #subContent .comments li .commentWrite { width: 638px; margin: 10px 0 2px 40px; padding-top: 10px; border-top: 1px solid #dfdfdf; overflow: hidden; } #subContent .comments li .commentWrite textarea { width: 565px; border: 1px solid #dfdfdf; background: #fff; } #subContent .comments .liEnd .commentWrite { width: 678px; margin: 0; padding: 0; border: 0; } #subContent .comments .liEnd .commentWrite textarea { width: 605px; line-height: 1.4; } #subContent .comments .commentWrite input { vertical-align: top; } #subContent .comments .messageLogin { padding: 15px 0; text-align: center; } #subContent .comments li ul li { width: 638px; padding: 8px 0 0 40px; border: 0; background: url(http://shared.starpl.com/images/star/common/icon_comment.gif) no-repeat 20px 10px; } /* =Event= */ .subMenu li.others { position: absolute; top: 56px; right: 0; padding: 0; } .subMenu .others span { line-height: 2.2em; } #main .subMenu .others a { display: inline; color: #1fa8c5; } #subContent .eventList { clear: left; width: 710px; padding: 0 5px; } .eventList dl { position: relative; width: 710px; height: 90px; padding: 14px 0; border-bottom: 1px dashed #dfdfdf; line-height: 1.5em; } .eventList dt { margin-left: 290px; padding-top: 20px; color: #444; font-weight: bold; letter-spacing: -1px; } .eventList dd { margin-left: 290px; color: #818181; } .eventList dd.thumbnail { position: absolute; top: 14px; left: 0; width: 270px; height: 90px; margin: 0; } .eventList dd.winner { position: absolute; top: 30px; right: 0; width: 105px; } .eventList .winner span { display: block; } .eventList dd.closed { position: absolute; top: 50px; right: 0; width: 105px; text-align: center; } #subContent #eventDetail { clear: left; padding: 4px 0; } #subContent .mainBBSEvent { width: 738px; overflow: hidden; } .mainBBSEvent dl { float: left; position: relative; width: 218px; height: 161px; padding: 18px 23px 0 5px; border-bottom: 1px dashed #dfdfdf; } .mainBBSEvent dt { padding: 84px 0 0 7px; color: #444; font-weight: bold; letter-spacing: -1px; } .mainBBSEvent dd { padding-left: 7px; color: #818181; line-height: 2em; } .mainBBSEvent dd.thumbnail { position: absolute; top: 18px; left: 5px; width: 218px; padding: 0; } /* =EventMount= */ #mainWrite .bbsEventIng dl { width: 680px; padding: 10px 0; overflow: hidden; } #mainWrite .bbsEventIng dt { position: absolute; width: 150px; background: #eee; font-size: 12px; font-weight: bold; } #mainWrite .bbsEventIng dd { padding-left: 160px; width: 520px; } .bbsEventIng .category dt { padding-left: 18px; } .bbsEventIng .open dd * { vertical-align: middle; } .bbsEventIng .open dd label { padding: 2px 20px 0 5px; } #mainWrite .bbsEventIng .date dt { width: 330px; } #mainWrite .bbsEventIng .date dd { width: 180px; padding-left: 340px; } /* =EventWinnder= */ .mainBBSList .bbsEventWinner div { width: 475px; height: auto; padding-left: 25px; overflow: hidden; } /* =Notice= */ .mainBBSList .bbsNotice div { width: 410px; height: auto; padding-left: 25px; overflow: hidden; } /* =Help= */ .mainBBSList .bbsHelp div { width: 367px; height: auto; padding-left: 25px; overflow: hidden; } #main #returnValue { padding-bottom: 10px; text-align: center; } .topTen { width: 720px; margin-top: 18px; background: url(http://shared.starpl.com/images/home/rank/rank_bg.png) no-repeat 0 -221px; } .topTenTitle { height: 26px; padding: 27px 28px 0 28px; } .topTenTitle h4 { width: 664px; height: 16px; border-bottom: 2px solid #d5d5d5; background: #f9f9f9 url(http://shared.starpl.com/images/home/rank/main_text.png) no-repeat 0 -618px; text-indent: -7777px; } .topWrap { width: 664px; margin: 0 28px; padding: 10px 0; } .topTen ol { position: relative; width: 664px; overflow: hidden; } .topTen li { width: 300px; height: 2em; padding-left: 23px; border-right: 1px solid #ddd; background: url(http://shared.starpl.com/images/home/rank/icon_rank.gif) no-repeat 0 -459px; line-height: 2em; letter-spacing: -1px; overflow: hidden; } .topTen .top02 { background-position: 0 -497px; } .topTen .top03 { background-position: 0 -535px; } .topTen .top04 { background-position: 0 -573px; } .topTen .top05 { background-position: 0 -611px; } .topTen .top06 { position: absolute; top: 0; right: 0; border: 0; background-position: 0 -649px; } .topTen .top07 { position: absolute; top: 2em; right: 0; border: 0; background-position: 0 -687px; } .topTen .top08 { position: absolute; top: 4em; right: 0; border: 0; background-position: 0 -725px; } .topTen .top09 { position: absolute; top: 6em; right: 0; border: 0; background-position: 0 -763px; } .topTen .top10 { position: absolute; top: 8em; right: 0; border: 0; background-position: 0 -801px; } .topTenSearch { height: 35px; padding: 20px 0 0 248px; } .topTenSearch span { display: none; } .topTenSearch * { vertical-align: middle; } .topTenSearch .inputText { width: 185px; border-color: #7dabd1; } .topTenSearch #searchValue { padding: 3px 0 0 3px; } .faqBbsTitle { position: relative; width: 720px; height: 24px; margin-top: 19px; } .faqBbsTitle h4 { background: url(http://shared.starpl.com/images/home/rank/main_text.png) no-repeat 0 -650px; text-indent: -7777px; } .faqBbsTitle ul { position: absolute; top: 0; right: 0; width: 266px; height: 18px; background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat 0 -327px; } .faqBbsCategory li { display: inline; float: left; } .faqBbsCategory a { display: block; width: 52px; height: 18px; text-indent: -7777px; overflow: hidden; } .faqBbsCategory .selected { background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat 0 -345px; } .faqBbsCategory .all a { width: 41px; } .faqBbsCategory .starpl a { background-position: -41px -345px; } .faqBbsCategory .user a { width: 41px; background-position: -93px -345px; } .faqBbsCategory .star a { width: 28px; background-position: -134px -345px; } .faqBbsCategory .map a { background-position: -162px -345px; } .faqBbsCategory .mart a { background-position: -214px -345px; } .moreHelp { height: 34px; margin-top: 26px; padding: 12px 0 0 26px; background: url(http://shared.starpl.com/images/home/rank/rank_bg.png) no-repeat 0 -479px; } .moreHelp a { margin-left: 3px; } /* =Report= */ .reportWrite { margin-top: 18px; padding-top: 25px; border-top: 1px solid #dfdfdf; } .reportWrite .inputText { width: 200px; background-color: #f3f3f3; } .reportWrite dd .name { width: 5em; } .reportWrite p.duty { margin-left: 72px; padding: 5px 0 15px 0; } /* =Secession= */ #secessionForm dt { width: 100px; } #secessionForm dd { padding-left: 100px; } #secessionForm textarea { width: 580px; } /* =TermsofService= */ .terms { padding: 22px 10px 0 10px; line-height: 1.5em; } .terms h4 { margin: 20px 0 10px 0; font-size: 14px; font-weight: bold; } .terms h5 { margin: 10px 0 5px 0; font-size: 12px; } #subContent .terms p { margin: 5px 0; text-indent: 10px; font-size: 12px; font-weight: normal; } .terms blockquote { margin-left: 20px; } .terms blockquote p { text-indent: 0; } #subContent .terms ol { margin: 10px 0 10px 20px; list-style: decimal outside; font-size: 12px; font-weight: normal; } #subContent .terms ol li { list-style: decimal outside; } #subContent .terms ul { margin: 10px 0 10px 20px; list-style: circle outside; font-size: 12px; font-weight: normal; } #subContent .terms ul li { list-style: circle outside; } #subContent .terms dl { margin: 10px 0; font-size: 12px; font-weight: normal; } .terms dd { padding-left: 10px; } #subContent .terms .emphasis * { color: #36f; font-weight: normal; } .terms #a, .terms #b, .terms #c, .terms #d, .terms #e, .terms #f, .terms #g, .terms #h, .terms #i, .terms #j, .terms #k, .terms #l, .terms #m, .terms #n, .terms #o { font-size: 14px; font-weight: bold; } /* =Info= */ #subContent p.info { margin: 30px 15px; color: #444; line-height: 2.5em; } #subContent .info span { color: #25b4c7; } #subContent h5 { margin: 30px 0 20px 20px; padding-left: 10px; background: url(http://shared.starpl.com/images/home/common/blt_01.gif) no-repeat 0 45%; color: #444; font-size: 14px; font-weight: bold; } #subContent ul.info { margin-left: 20px; padding-bottom: 10px; line-height: 1.5em; } /* Rank */ #rankMenu { width: 720px; height: 37px; margin-bottom: 17px; background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat; overflow: hidden; } #rankMenu li { display: inline; float: left; width: 112px; height: 34px; margin-right: 2px; } #rankMenu h3 { width: 112px; height: 34px; text-indent: -7777px; overflow: hidden; cursor: pointer; } #rankMenu .selected { background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat 0 -37px; } #rankMenu .color .selected { background-position: -114px -37px; } #rankMenu .favorite .selected { background-position: -228px -37px; } #rankMenu .fame .selected { background-position: -342px -37px; } .rankNotice { height: 18px; margin-bottom: 6px; background: url(http://shared.starpl.com/images/home/rank/main_text.png) no-repeat; text-indent: -7777px; overflow: hidden; } .rankNotice.color { background-position: 0 -23px; } .rankNotice.favorite { background-position: 0 -46px; } .rankNotice.fame { background-position: 0 -69px; } .rankStatus { width: 720px; height: 38px; padding-top: 20px; background: url(http://shared.starpl.com/images/home/rank/rank_bg.png); color: #333; font-weight: bold; font-size: 16px; text-align: center; } .rankStatus img { margin-top: -2px; vertical-align: middle; } .rankStatus .starName { padding-left: 23px; color: #4b97b0; font-size: 12px; } .rankStatus .starRate { padding: 0 10px; color: #666; font-size: 11px; } .rankStatus .fluct { display: inline-block; position: relative; top: -1px; padding-left: 10px; color: #333; background: url(http://shared.starpl.com/images/home/rank/icon_rank.gif) no-repeat; font: normal 10px Tahoma; } .rankStatus .up { background-position: 0 -411px; } .rankStatus .down { background-position: 0 -426px; } .rankStatus .same { background-position: 0 -396px; color: #f2f2f2; } .rankStatus .fluct span { display: none; } .rankStatus .logout { color: #666; font-size: 12px; font-weight: normal; } .rankStatus .logout span { color: #44b4dc; font-weight: bold; } .rankListWrap { width: 720px; padding-top: 16px; overflow: hidden; } .rankListWrap .left, .rankListWrap .right { width: 340px; padding: 0 5px; overflow: hidden; } .rankListWrap h4 { width: 340px; height: 21px; padding: 0 0 2px 0; background: url(http://shared.starpl.com/images/home/rank/main_text.png) no-repeat; text-indent: -7777px; overflow: hidden; } #subContent .rankListWrap h4 { padding-top: 0; } .rankListWrap .right h4 { background-position: 0 -342px; } .rankListWrap.bright .left h4 { background-position: 0 -281px; } .rankListWrap.favorite .left h4 { background-position: 0 -310px; } #fameList h4 { background-position: 0 -373px; } #fameHistory h4 { background-position: 0 -405px; } .rankListWrap table { width: 340px; border-collapse: collapse; } .rankListWrap th { height: 25px; border-top: 2px solid #adadad; border-bottom: 1px solid #c4c4c4; background: #f4f4f4; color: #999; font-size: 11px; } .rankListWrap td { height: 42px; border-bottom: 1px dotted #ccc; text-align: left; } .rankListWrap td img { vertical-align: middle; } .rankListWrap .nemoThumb { margin-left: 12px; border: 1px solid #d2d2d2; } .rankListWrap .rank { padding-top: 3px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #ccc; background: #f2f2f2; text-align: center; } .rankListWrap .rank .icon { display: block; width: 17px; height: 13px; margin: auto; background: url(http://shared.starpl.com/images/home/rank/icon_rank.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .rankListWrap .rank .rank1 { background-position: 0 0; } .rankListWrap .rank .rank2 { background-position: 0 -20px; } .rankListWrap .rank .rank3 { background-position: 0 -40px; } .rankListWrap .rank .rank4 { background-position: 0 -60px; } .rankListWrap .rank .rank5 { background-position: 0 -80px; } .rankListWrap .rank .rank6 { background-position: 0 -100px; } .rankListWrap .rank .rank7 { background-position: 0 -120px; } .rankListWrap .rank .rank8 { background-position: 0 -140px; } .rankListWrap .rank .rank9 { background-position: 0 -160px; } .rankListWrap .rank .rank10 { background-position: 0 -180px; } .rankListWrap .rank .rank11 { background-position: 0 -200px; } .rankListWrap .rank .rank12 { background-position: 0 -220px; } .rankListWrap .rank .rank13 { background-position: 0 -240px; } .rankListWrap .rank .rank14 { background-position: 0 -260px; } .rankListWrap .rank .rank15 { background-position: 0 -280px; } .rankListWrap .rank .rank16 { background-position: 0 -300px; } .rankListWrap .rank .rank17 { background-position: 0 -320px; } .rankListWrap .rank .rank18 { background-position: 0 -340px; } .rankListWrap .rank .rank19 { background-position: 0 -360px; } .rankListWrap .rank .rank20 { background-position: 0 -380px; } .rankListWrap .fluct { display: inline-block; padding-left: 10px; background: url(http://shared.starpl.com/images/home/rank/icon_rank.gif) no-repeat; font: 10px Tahoma; } .rankListWrap .up { background-position: 0 -410px; } .rankListWrap .down { background-position: 0 -426px; } .rankListWrap .same { padding-left: 15px; background-position: 6px -396px; color: #f2f2f2; } .rankListWrap .fluct span { display: none; } .rankListWrap .bright { color: #818181; font-size: 11px; font-weight: bold; text-align: center; } #subContent .rankListWrap .paging { border-top: 0; } .rankColorMenu { width: 720px; height: 28px; background: #91d0db url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat 0 -89px; overflow: hidden; } .rankColorMenu li { display: inline; float: left; cursor: pointer; } .rankColorMenu span { display: block; width: 81px; height: 28px; background: url(http://shared.starpl.com/images/home/rank/ranking_tab.png) no-repeat; text-indent: -7777px; overflow: hidden; } .rankColorMenu .selected { width: 86px; } .rankColorMenu #total span { width: 58px; background-position: 0 -89px; } .rankColorMenu #daily span { background-position: -58px -89px; } .rankColorMenu #life span { background-position: -139px -89px; } .rankColorMenu #culture span { background-position: -220px -89px; } .rankColorMenu #entertainment span { width: 98px; background-position: -301px -89px; } .rankColorMenu #social span { background-position: -399px -89px; } .rankColorMenu #IT span { width: 68px; background-position: -480px -89px; } .rankColorMenu #total .selected { width: 70px; background-position: 0 -117px; } .rankColorMenu #daily .selected { background-position: -70px -117px; } .rankColorMenu #life .selected { background-position: -156px -117px; } .rankColorMenu #culture .selected { background-position: -242px -117px; } .rankColorMenu #entertainment .selected { width: 104px; background-position: -328px -117px; } .rankColorMenu #social .selected { background-position: -432px -117px; } .rankColorMenu #IT .selected { width: 74px; background-position: -518px -117px; } div.rankColorStatus { margin: 16px 0 10px 0; } .rankColorStatus span.starRate { padding: 3px 3px 0 25px; background: url(http://shared.starpl.com/images/star/common/icon_recommend.gif) no-repeat 10px; } .rankColorList .left, .rankColorList .right { height: 270px; padding-bottom: 20px; border-bottom: 0; } .rankColorList h4 { height: 26px; background-image: none; text-indent: 0; } .rankCategoryList h4 { background-image: none; text-indent: 0; } .rankColorList h4 span, .rankCategoryList h4 span { display: block; float: left; padding-top: 7px; color: #818181; font-weight: normal; font-size: 11px; letter-spacing: -1px; } .rankColorList h4 .title { width: 78px; height: 26px; padding-top: 0; background: url(http://shared.starpl.com/images/home/rank/main_text.png) no-repeat; text-indent: -7777px; } .rankCategoryList h4 .title { width: 79px; height: 21px; padding-top: 0; background: url(http://shared.starpl.com/images/home/rank/main_text.png) no-repeat; text-indent: -7777px; } #daily_div .title { background-position: 0 -96px; } #life_div .title { background-position: 0 -125px; } #culture_div .title { background-position: 0 -154px; } #entertainment_div .title { width: 96px; background-position: 0 -183px; } #social_div .title { background-position: 0 -212px; } #IT_div .title { width: 66px; background-position: 0 -241px; } .rankCategoryList h4 .daily { background-position: 0 -441px; } .rankCategoryList h4 .life { background-position: 0 -471px; } .rankCategoryList h4 .culture { width: 81px; background-position: 0 -501px; } .rankCategoryList h4 .entertainment { width: 99px; background-position: 0 -530px; } .rankCategoryList h4 .social { width: 81px; background-position: 0 -559px; } .rankCategoryList h4 .IT { width: 67px; background-position: 0 -588px; } .rankColorList h4 a { float: right; width: 24px; height: 9px; padding: 10px 0 3px 5px; background: url(http://shared.starpl.com/images/home/common/main_more.gif) no-repeat 5px -102px; text-indent: -7777px; overflow: hidden; } .rankColorList .tableRnd { display: block; position: relative; width: 345px; height: 4px; background: url(http://shared.starpl.com/images/home/rank/rank_bg.png) no-repeat 0 -196px; overflow: hidden; } .rankColorList .rndBottom { margin-top: -1px; background-position: 0 -201px; } .rankColorList table { width: 345px; } #subContent .rankColorList .rank { border-color: #c4c4c4; } #daily_div .rank1 { background-position: -23px 0; } #life_div .rank1 { background-position: -46px 0; } #culture_div .rank1 { background-position: -69px 0; } #entertainment_div .rank1 { background-position: -92px 0; } #social_div .rank1 { background-position: -115px 0; } #IT_div .rank1 { background-position: -138px 0; } .rankListWrap .daily .rank1 { background-position: -23px 0; } .rankListWrap .life .rank1 { background-position: -46px 0; } .rankListWrap .culture .rank1 { background-position: -69px 0; } .rankListWrap .entertainment .rank1 { background-position: -92px 0; } .rankListWrap .social .rank1 { background-position: -115px 0; } .rankListWrap .IT .rank1 { background-position: -138px 0; } .rankColorList .vote { border-right: 1px solid #c4c4c4; } .rankListWrap .vote span { padding-left: 15px; background: url(http://shared.starpl.com/images/star/common/icon_recommend.gif) no-repeat; color: #818181; font-weight: bold; font-size: 11px; } .rankTop { width: 710px; padding: 0 5px; } .rankTop dl { position: relative; width: 710px; height: 42px; overflow: hidden; } .rankTop dt { float: left; display: inline; width: 134px; height: 27px; margin-right: 10px; padding-top: 14px; border: 1px solid #b2d7e6; border-width: 0 1px 1px 1px; background: #e7f1f4; font-size: 11px; text-align: center; } .rankTop dt span { padding-right: 3px; color: #69b7d3; font-weight: bold; } .rankTop dd { float: left; width: 282px; height: 29px; padding: 12px 0 0 0; border-bottom: 1px dotted #ccc; } .rankTop .star { width: 216px; height: 37px; padding: 4px 0 0 0; } .rankTop .go { width: 48px; padding-right: 18px; text-align: right; } .rankTop dd img { vertical-align: middle; } .rankTop dd span { display: block; height: 14px; padding-top: 1px; color: #818181; overflow: hidden; } .rankTop .nemoThumb { margin-right: 3px; } .rankTop .listStart dt { height: 26px; border-top: 1px solid #b2d7e6; } .rankTop .listEnd { height: 43px; } .rankTop .listEnd dt { height: 28px; } .rankTop .listEnd dd { border-bottom: 2px solid #ccc; } .rankTop .rnd { position: absolute; } .rankTop .lt { top: 0; left: 0; } .rankTop .rt { top: 0; left: 131px; } .rankTop .lb { bottom: 0; left: 0; } .rankTop .rb { bottom: 0; left: 131px; } .rankTop .winner { height: 59px; background: url(http://shared.starpl.com/images/home/rank/rank_bg.png) no-repeat 0 -68px; } .rankTop .winner dt { width: 100px; padding: 12px 0 0 36px; border: 0; background: transparent none; color: #fff; font: bold 26px Arial; } .rankTop .winner dt span { color: #fff; font: bold 24px Applegothic, Gulim; } .rankTop .winner dd { width: 464px; height: 32px; padding: 10px 0 0 0; border: 0; overflow: hidden; } .rankTop .winner .go { width: 82px; padding-top: 15px; } .rankTop .winner .nemoThumb { margin-right: 7px; } .rankTop .winner dd span { display: inline; padding-left: 12px; } .rankTop .winner .starRate { padding-left: 3px; font-weight: bold; font-size: 11px; } .rankListWrap .history { padding-top: 22px; } .rankListWrap .history .winner { background-position: 0 -130px; } .rankListWrap .history dt { border: 1px solid #f9d8d8; border-width: 0 1px 1px 1px; background: #fceeea; } .rankListWrap .history .listStart dt { height: 26px; border-top: 1px solid #f9d8d8; } .rankListWrap .history .winner dt { width: 96px; padding: 8px 0 0 40px; border: 0; background: transparent; font-size: 18px; line-height: 1em; } .rankListWrap .history .winner dt span { display: block; font: bold 14px Arial; } /* Banner */ #getBanner { width: 714px; padding: 0 3px 8px 3px; background: url(http://shared.starpl.com/images/home/banner/rnd_bottom.gif) no-repeat 3px bottom; } #getBanner h3 { height: 36px; overflow: hidden; } #getBanner .linkBanner { width: 686px; padding: 24px 0 10px 24px; border-left: 2px solid #9fbac2; border-right: 2px solid #9fbac2; border-bottom: 1px dashed #bababa; background: #f3f3f3; overflow: hidden; } #getBanner .linkBanner dt { float: left; width: 100px; } #getBanner .linkBanner dd { float: right; width: 580px; overflow: hidden; } #getBanner .dlEnd { padding-bottom: 15px; border-bottom: 0; } #getBanner .ddEnd { padding-top: 12px; } #getBanner .linkBanner p { float: left; width: 170px; padding: 0 23px 5px 0; text-align: center; } #getBanner .linkBanner p img { margin-bottom: 5px; vertical-align: top; } #getBanner .dlEnd p img { margin-right: 3px; } #getBanner .linkBanner p object { margin-bottom: 5px; vertical-align: top; } #getBanner .dlEnd .ddEnd img { vertical-align: middle; } #getBanner .blogWidget { width: 686px; padding: 19px 0 19px 24px; border-left: 2px solid #9fa9c2; border-right: 2px solid #9fa9c2; background: #f3f3f3; overflow: hidden; } #getBanner .blogWidget .wrap { float: left; width: 170px; padding-right: 18px; } #getBanner .blogWidget dl { float: left; position: relative; width: 482px; } #getBanner .blogWidget dt { color: #444; font-weight: bold; } #getBanner .blogWidget dt img { float: left; } #getBanner .blogWidget dd { clear: left; color: #818181; font-weight: bold; letter-spacing: -1px; } #getBanner .blogWidget .source { padding-left: 7px; } #getBanner .blogWidget .source textarea { width: 454px; height: 92px; padding: 3px 0 0 3px; background: #fff; color: #818181; font-size: 11px; } #getBanner .blogWidget .goEvent { position: absolute; top: 11px; left: 358px; } #getBanner .blogWidget .copySource { position: absolute; top: 114px; left: 105px; cursor: pointer; } /* Keyword */ .left .keywordRank { width: 185px; margin-bottom: 6px; padding-bottom: 4px; background: url(http://shared.starpl.com/images/home/keyword/rnd_keyword_ranking_bottom.gif) no-repeat left bottom; } .left .keywordRankTitle { width: 185px; height: 28px; background: url(http://shared.starpl.com/images/home/keyword/title_keyword_ranking.gif) no-repeat; text-indent: -7777px; } .left .keywordTop10 .keywordRankTitle { background-image: url(http://shared.starpl.com/images/home/keyword/title_keyword_ranking_02.gif); } .left .keywordRank ol { padding: 8px 0 4px 16px; border: 1px solid #8e9cd7; border-width: 0 1px; } .left .keywordRank li { font-family: Applegothic, Gulim; } .left .keywordRank li a { display: block; width: 140px; height: 1.3em; padding: 4px 0 4px 18px; background: url(http://shared.starpl.com/images/home/keyword/img_ranking_number.gif) no-repeat 0 7px; color: #525e8c; font-family: Applegothic, Gulim; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .left .keywordRank .top2 { background-position: 0 -13px; } .left .keywordRank .top3 { background-position: 0 -33px; } .left .keywordRank .top4 { background-position: 0 -53px; } .left .keywordRank .top5 { background-position: 0 -73px; } .left .keywordRank .top6 { background-position: 0 -93px; } .left .keywordRank .top7 { background-position: 0 -113px; } .left .keywordRank .top8 { background-position: 0 -133px; } .left .keywordRank .top9 { background-position: 0 -153px; } .left .keywordRank .top10 { background-position: 0 -173px; } .left .keywordRank .top11 { background-position: 0 -193px; } .left .keywordRank .top12 { background-position: 0 -213px; } .left .keywordRank .top13 { background-position: 0 -233px; } .left .keywordRank .top14 { background-position: 0 -253px; } .left .keywordRank .top15 { background-position: 0 -273px; } .left .popularKeyword { background: url(http://shared.starpl.com/images/home/keyword/rnd_keyword_time_bottom_02.gif) no-repeat left bottom; } .left .popularKeywordTitle { height: 28px; background: url(http://shared.starpl.com/images/home/keyword/title_keyword_time_02.gif) no-repeat; text-indent: -7777px; } .left .popularKeyword ol { border-color: #8fb5d0; } .left .popularKeyword li a { color: #488198; background-image: url(http://shared.starpl.com/images/home/keyword/img_time_number.gif); } .left .mainIndex .popularKeyword { width: 183px; margin: 0 1px 7px 1px; padding-bottom: 8px; background-image: url(http://shared.starpl.com/images/home/common/bg_popular_keyword.gif); } .left .mainIndex .popularKeywordTitle { height: 35px; background-image: url(http://shared.starpl.com/images/home/common/bg_popular_keyword.gif); text-indent: 0; } .left .mainIndex .popularKeywordTitle a { display: block; width: 183px; height: 35px; text-indent: -7777px; overflow: hidden; } .left .mainIndex .popularKeyword ol { padding-left: 14px; border-width: 0 2px; border-color: #b4ccee; background-color: #fff; } .left .mainIndex .popularKeyword li a { width: 130px; padding-left: 20px; background: url(http://shared.starpl.com/images/home/common/img_main_ranking.gif) no-repeat 0 5px; border-bottom: 1px solid #f0f0f0; color: #666; } .left .mainIndex .popularKeyword li .top2 { background-position: 0 -19px; } .left .mainIndex .popularKeyword li .top3 { background-position: 0 -43px; } .left .mainIndex .popularKeyword li .top4 { background-position: 0 -67px; } .left .mainIndex .popularKeyword li .top5 { background-position: 0 -91px; } .left .mainIndex .popularKeyword li .top6 { background-position: 0 -115px; } .left .mainIndex .popularKeyword li .top7 { background-position: 0 -139px; } .left .mainIndex .popularKeyword li .top8 { background-position: 0 -163px; } .left .mainIndex .popularKeyword li .top9 { background-position: 0 -187px; } .left .mainIndex .popularKeyword li .top10 { border-bottom: 0; background-position: 0 -211px; } /* Keyword Main */ .keywordMenu { width: 716px; margin-top: 8px; background: url(http://shared.starpl.com/images/home/keyword/tap_keyword_time.gif) no-repeat; overflow: hidden; } .keywordMenu li { float: left; margin-right: -1px; overflow: hidden; } .keywordMenu li span { display: block; width: 136px; height: 28px; padding: 10px 4px 0 4px; color: #d7d8db; font: bold 13px Applegothic, Gulim; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; } .keywordMenu li span .rank { display: inline; padding-right: 5px; background-image: none; color: #9c9da6; font: bold 14px Arial; } .keywordMenu li .selected { background: url(http://shared.starpl.com/images/home/keyword/tap_keyword_time.gif) no-repeat -10px -38px; color: #fff; } .keywordMenu .selected .rank { color: #eceef9; } .keywordMenu .rank1 { width: 143px; } .keywordMenu .rank1 span { background-position: 0 -38px; } .keywordMenu .rank5 { margin-right: 0; } .keywordMenu .rank5 span { background-position: right -38px; } .keywordCount { width: 682px; height: 27px; padding: 11px 10px 0 20px; border: 2px solid #869faf; border-width: 0 2px; background: #ebecf0; overflow: hidden; } .keywordCount p { float: left; } .keywordCount span { color: #47478c; font-weight: bold; } .keywordCount img { float: right; position: relative; margin: -3px 0 0 4px; } .recordList { width: 712px; border: 2px solid #869fef; border-width: 0 2px; } .recordList .record { position: relative; width: 712px; border-top: 1px solid #d0d4dd; overflow: hidden; } .recordList .record:hover { background-color: #f7f9fd; } .record .writer { position: absolute; top: 0; left: 0; width: 115px; padding-top: 18px; font-size: 11px; text-align: center; overflow: hidden; z-index: 10; } .record .writer img { padding-bottom: 3px; } .record .writer .frame { position: absolute; top: 15px; left: 50%; margin-left: -18px; padding: 0; } .record .writer span { display: block; text-align: center; } .record .title { margin: 18px 22px 18px 115px; padding-left: 16px; border-left: 1px solid #d0d4dd; } .record .title .thumbnail { display: none; float: left; width: 68px; height: 52px; } .record .title h3 { width: 520px; padding: 1px 0 5px 0; color: #4c4c4c; font-size: 13px; font-family: Applegothic, Gulim; line-height: 1.5; overflow: hidden; cursor: pointer; } .record .title h3 a { color: #4c4c4c; } #subContent .record .title .info { width: 475px; margin: 0; color: #3f5467; font-size: 11px; line-height: 1.3; letter-spacing: -1px; } #subContent .record .info span { color: #3f5467; cursor: pointer; } #main .record .title .count { color: #f8733f; font-weight: bold; letter-spacing: 0; } #main .record .title .date { color: #838384; font: 10px Tahoma; letter-spacing: 0; } #main .record .title .date a { color: #838384; } #main .record .title .sense { color: #838384; } #main .record .title .bar { color: #3f5467; padding: 0 3px; } #main .record .title .sort1 { color: #ccc; } #main .record .title .info img { vertical-align: middle; } .record .title .info object { margin-top: -2px; vertical-align: middle; } .record .isimage h3, #subContent .record .isimage .info { width: 475px; margin-left: 78px; } .record .isimage .thumbnail { display: inline; } .oneline .title { position: relative; cursor: default; } .oneline .title h3 { margin-left: 0; color: #666; font-weight: normal; } #popularKeywordContent h3 span { font-weight: normal; } .oneline .title .connectedKeyword { display: none; } .oneline .title .info { width: 554px; margin-left: 0; } .oneline .title .vote { padding-left: 5px; cursor: pointer; } .recordListFooter { display: block; width: 716px; height: 28px; background: url(http://shared.starpl.com/images/home/keyword/rnd_keyword_time_bottom.gif) no-repeat; font-size: 0; overflow: hidden; } .keywordDeck { float: left; position: relative; width: 425px; min-height: 300px; height: auto !important; height: 300px; margin-right: 15px; border-right: 1px solid #cac5f8; } .searchKeyword { width: 316px; height: 39px; padding: 12px 0 22px 94px; background: url(http://shared.starpl.com/images/home/keyword/img_search_keyword.gif) no-repeat; } .searchKeyword input { float: left; } .searchKeyword .inputText { width: 236px; margin-top: 5px; border: 0; } .keywordDeck .suggestKeyword { width: 236px; z-index: 10; } .keywordStarTitle { width: 417px; padding-left: 8px; overflow: hidden; } .keywordStarTitle h3 { float: left; width: 76px; height: 16px; margin-bottom: 3px; background: url(http://shared.starpl.com/images/home/keyword/title_keyword_star.gif) no-repeat; text-indent: -7777px; } .keywordStarTitle .prevNext { float: left; } .keywordStarTitle .prevNext button { float: left; width: 14px; height: 14px; border: 0; background: url(http://shared.starpl.com/images/home/keyword/btn_move.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .keywordStarTitle .prevNext button:hover { background-position: 0 -14px; } .keywordStarTitle .prevNext .next { width: 15px; background-position: -14px 0; } .keywordStarTitle .prevNext .next:hover { background-position: -14px -14px; } .keywordStarList { width: 417px; padding-left: 8px; overflow: hidden; } .keywordStarList dl { float: left; width: 195px; padding: 6px 10px 0 0; overflow: hidden; } .keywordStarList dt { float: left; position: relative; width: 69px; height: 60px; } .keywordStarList dd { width: 120px; height: 1.3em; padding-top: 3px; overflow: hidden; } .keywordStarList dt .frame { position: absolute; } .keywordStarList .keywordName a { color: #6b6b6b; font: bold 13px Applegothic, Gulim; } .keywordStarList .keywordName img { margin-top: -2px; vertical-align: middle; } .newKeyword { float: left; width: 265px; } .newKeyword h3 { height: 16px; margin-bottom: 6px; background: url(http://shared.starpl.com/images/home/keyword/title_keyword_new.gif) no-repeat; text-indent: -7777px; } .newKeywordList { width: 265px; height: 165px; margin-bottom: 12px; overflow: hidden; } .newKeywordList span { padding: 0 2px; color: #d6d6d6; font-family: Tahoma; } .newKeywordList a { color: #a5a5a5; font: bold 14px Applegothic, Gulim; line-height: 1.7; } .newKeywordList .odd { color: #727272; } .newKeyword .newKeywordList a:hover { background-color: #8ea2ef; color: #fff; } .wantyouKeywordTitle { float: left; width: 265px; padding: 20px 0 3px 0; border-top: 1px solid #e1e7fb; overflow: hidden; } .wantyouKeywordTitle h3 { float: left; width: 130px; height: 16px; background: url(http://shared.starpl.com/images/home/keyword/title_keyword_connect.gif) no-repeat; text-indent: -7777px; } .wantyouKeywordTitle img { float: left; position: relative; margin-top: -2px; cursor: pointer; } .wantyouKeywordList { float: left; position: relative; width: 265px; padding-bottom: 50px; } .wantyouKeywordList li { padding: 7px 0 0 11px; background: url(http://shared.starpl.com/images/home/keyword/blt_keyword_connect.gif) no-repeat 0 13px; } .wantyouKeywordList li:hover .moreInfo { display: block; } .wantyouKeywordList li p { width: 254px; height: 1.3em; color: #878787; overflow: hidden; cursor: pointer; } .wantyouKeywordList p a { text-decoration: none; } .wantyouKeywordList p span { color: #7962a9; font: bold 12px Applegothic, Gulim; } .wantyouKeywordList .bar { padding-left: 3px; color: #ddd; font-family: Tahoma; } .wantyouKeywordList .moreInfo { display: none; position: absolute; left: 0; width: 230px; margin-top: 5px; padding: 12px 12px 10px 12px; border: 1px solid #8975b3; background: #fff; font-size: 12px; z-index: 10; } .wantyouKeywordList .moreInfo span { display: block; margin-top: 5px; padding-top: 6px; border-top: 1px solid #ececec; } .keywordFooter { display: block; clear: both; } /* Keyword Search */ .subSearch ul { width: 704px; height: 26px; padding: 10px 0 0 16px; border-width: 2px 0 1px 0; border-style: solid; border-color: #a6a6a6 #a6a6a6 #dbdbdb #a6a6a6; background-color: #f7f7f7; overflow: hidden; } .subSearch li { float: left; height: 16px; margin-right: 12px; background: url(http://shared.starpl.com/images/home/common/btn_search_onoff.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .subSearch .record { width: 44px; background-position-x: 0 !important; } .subSearch .keyword { width: 54px; background-position: -55px 0; background-position-x: -55px !important; } .subSearch .name { width: 44px; background-position: -120px 0; background-position-x: -120px !important; } .subSearch .starname { width: 54px; background-position: -174px 0; background-position-x: -174px !important; } .subSearch .selected { background-position-y: -23px !important; } .subSearch .record.selected { background-position: 0 -23px; } .subSearch .keyword.selected { background-position: -55px -23px; } .subSearch .name.selected { background-position: -120px -23px; } .subSearch .starname.selected { background-position: -174px -23px; } .subSearch div { height: 30px; padding: 13px 0 26px 9px; background: url(http://shared.starpl.com/images/home/common/img_search.gif) no-repeat 85px 13px; overflow: hidden; } .subSearch label { float: left; } .subSearch label img { padding-right: 12px; vertical-align: top; } .subSearch div .inputText { float: left; width: 300px; margin: 5px 0 0 2px; border: 0; color: #3d3d3e; font: bold 13px Applegothic, Gulim, sans-serif; } .subSearch div a { float: left; padding: 7px 6px; } .subSearch div .searchBtn { float: left; width: 57px; height: 30px; border: 0; background: url(http://shared.starpl.com/images/home/common/btn_search.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .resultCount { width: 702px; margin: 0 6px; padding: 0 0 5px 6px; border-bottom: 2px solid #bfbfbf; color: #777; font-weight: normal; font-size: 12px; } .resultCount em { color: #3d3d3e; font-weight: bold; font-style: normal; } .resultCount span { color: #ff7b5c; font-weight: bold; } .searchRecordResult { margin: 0 9px; padding-top: 7px; } .searchRecordResult dl { width: 696px; } .searchRecordResult .desc { width: 620px; } .searchRecordResult .noThumb .desc { width: 696px; } .searchKeywordResult { margin: 0 10px; } .searchKeywordResult dl { width: 700px; height: 44px; border-bottom: 1px solid #ececec; overflow: hidden; } .searchKeywordResult dt { float: left; padding: 17px 12px 0 6px; } .searchKeywordResult dt img { width: 15px; height: 14px; margin-right: 2px; background: url(http://shared.starpl.com/images/star/skin/skin_a_201.gif) no-repeat -498px -168px; vertical-align: middle; } .searchKeywordResult .school img { background-position:-498px -208px; } .searchKeywordResult .work img { background-position:-498px -248px; } .searchKeywordResult .community img { background-position:-498px -288px; } .searchKeywordResult .interest img { background-position:-498px -328px; } .searchKeywordResult dt a { color: #436c95; font-weight: bold; text-decoration: underline; } .searchKeywordResult .connected { float: left; width: 120px; padding-top: 17px; color: #adadad; font-size: 11px; letter-spacing: -1px; } .searchKeywordResult .connected span { color: #f36832; font-weight: bold; font-family: Tahoma; letter-spacing: 0; } .searchKeywordResult .more { float: right; width: 70px; padding: 14px 22px 0 0; } .searchKeywordResult .more button { display: block; width: 69px; height: 18px; border: 0; background: url(http://shared.starpl.com/images/home/common/btn_keyword_record_search.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .searchKeywordResult .more button:hover { background-position: 0 -18px; } .searchKeywordResult .more a { margin-left: 10px; color: #777; letter-spacing: -1px; text-decoration: underline; } .searchKeywordResult .more img { padding-left: 4px; } .searchNameResult { width: 708px; margin: 7px 6px; padding-bottom: 5px; border-bottom: 2px solid #dfdfdf; overflow: hidden; } .searchNameResult dl { float: left; width: 216px; height: 60px; padding: 9px 10px; overflow: hidden; } .searchNameResult dt { float: left; position: relative; width: 62px; padding-right: 8px; } .searchNameResult dt img { border: 1px solid #e5e5e5; } .searchNameResult dt .frame { display: none; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(http://shared.starpl.com/images/star/base/line_nemo.png) no-repeat; z-index: 10; } .searchNameResult dd { padding-top: 3px } .searchNameResult .name { color: #818181; font-size: 11px; } .searchNameResult .name span { font-weight: bold; } #searchResultDIV .paging { border-top: 0; } /* Mart */ .martH2 { height: 19px; padding: 3px 0 8px 0; overflow: hidden; } .martMenu { margin-bottom: 9px; } .martMenu p { padding: 0; } .martMenu p a { display: block; width: 185px; height: 41px; background: url(http://shared.starpl.com/images/home/mart/main/btn_main_menu.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .martMenu .widget a { background-position: 0 -42px; } .martMenu .skin a { background-position: 0 -83px; } .martMenu .theme a { background-position: 0 -124px; } .martMenu .starpet a { background-position: 0 -164px; } .martMenu ul { width: 176px; padding: 8px 0 8px 5px; border: 2px solid #a9acb2; border-width: 0 2px; overflow: hidden; } .martMenu li { float: left; padding-bottom: 1px; } .martMenu li a { display: block; height: 20px; background: url(http://shared.starpl.com/images/home/mart/main/btn_sub_menu.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .martMenu .itcharacter a { width: 38px; background-position: -2px -7px; } .martMenu .itanimal a { width: 38px; background-position: -40px -7px; } .martMenu .itplant a { width: 38px; background-position: -78px -7px; margin-right: 60px; } .martMenu .itobject a { width: 37px; background-position: -116px -7px; } .martMenu .itbuilding a { width: 38px; background-position: -153px -7px; } .martMenu .itnature a { width: 50px; background-position: -191px -7px; } .martMenu .itdeco a { width: 38px; background-position: -241px -7px; } .martMenu .itplanet a { width: 37px; background-position: -279px -7px; } .martMenu .itetc a { width: 38px; background-position: -316px -7px; } .martMenu .itcharacter .selected { background-position: -2px -27px; } .martMenu .itanimal .selected { background-position: -40px -27px; } .martMenu .itplant .selected { background-position: -78px -27px; } .martMenu .itobject .selected { background-position: -116px -27px; } .martMenu .itbuilding .selected { background-position: -153px -27px; } .martMenu .itnature .selected { background-position: -191px -27px; } .martMenu .itdeco .selected { background-position: -241px -27px; } .martMenu .itplanet .selected { background-position: -279px -27px; } .martMenu .itetc .selected { background-position: -316px -27px; } .martMenu .wiballoon a { width: 50px; background-position: -2px -53px; } .martMenu .wiclock a { width: 38px; background-position: -52px -53px; } .martMenu .wicalendar a { width: 37px; background-position: -90px -53px; margin-right: 40px; } .martMenu .winote a { width: 49px; background-position: -127px -53px; } .martMenu .widay a { width: 47px; background-position: -176px -53px; } .martMenu .wifriend a { width: 50px; background-position: -223px -53px; } .martMenu .wiframe a { width: 61px; background-position: -273px -53px; } .martMenu .wiimage a { width: 69px; background-position: -334px -53px; margin-right: 40px; } .martMenu .wigraph a { width: 83px; background-position: -403px -53px; } .martMenu .wiballoon .selected { background-position: -2px -73px; } .martMenu .wiclock .selected { background-position: -52px -73px; } .martMenu .wicalendar .selected { background-position: -90px -73px; } .martMenu .winote .selected { background-position: -127px -73px; } .martMenu .widay .selected { background-position: -176px -73px; } .martMenu .wifriend .selected { background-position: -223px -73px; } .martMenu .wiframe .selected { background-position: -273px -73px; } .martMenu .wiimage .selected { background-position: -334px -73px; } .martMenu .wigraph .selected { background-position: -403px -73px; } .martMenu .skgraphic a { width: 49px; background-position: -2px -99px; } .martMenu .skcolade a { width: 49px; background-position: -51px -99px; } .martMenu .skfancy a { width: 38px; background-position: -100px -99px; margin-right: 40px; } .martMenu .skpicture a { width: 38px; background-position: -138px -99px; } .martMenu .skillust a { width: 60px; background-position: -176px -99px; } .martMenu .sktheme a { width: 48px; background-position: -236px -99px; } .martMenu .skgraphic .selected { background-position: -2px -119px; } .martMenu .skcolade .selected { background-position: -51px -119px; } .martMenu .skfancy .selected { background-position: -100px -119px; } .martMenu .skpicture .selected { background-position: -138px -119px; } .martMenu .skillust .selected { background-position: -176px -119px; } .martMenu .sktheme .selected { background-position: -236px -119px; } .martBanner { position: relative; width: 185px; margin: 9px 0; z-index: 10; } /*.martBanner .howtocollect { float: left; width: 92px; } .martBanner .buyCandy { float: left; width: 93px; }*/ .martBanner .howtocollect { display: block; width: 185px; height: 35px; background: url(http://shared.starpl.com/images/home/mart/main/btn_left_banner.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .martBanner .reselling { display: block; width: 185px; height: 34px; background: url(http://shared.starpl.com/images/home/mart/main/btn_left_banner.gif) no-repeat 0 -35px; text-indent: -7777px; overflow: hidden; } .martHeader { width: 720px; height: 20px; margin: 3px 0 7px 0; overflow: hidden; } .martHeader h3 { float: left; } .martHeader h3 span { display: block; width: 160px; height: 20px; background: url(http://shared.starpl.com/images/home/mart/common/mart_top_title.png) no-repeat; text-indent: -7777px; } .martHeader h3 .itall { width: 92px; background-position: 0 -3px; } .martHeader h3 .itcharacter { width: 115px; background-position: 0 -47px; } .martHeader h3 .itanimal { width: 115px; background-position: 0 -91px; } .martHeader h3 .itplant { width: 115px; background-position: 0 -135px; } .martHeader h3 .itobject { width: 115px; background-position: 0 -179px; } .martHeader h3 .itbuilding { width: 115px; background-position: 0 -223px; } .martHeader h3 .itnature { width: 130px; background-position: 0 -267px; } .martHeader h3 .itdeco { width: 115px; background-position: 0 -311px; } .martHeader h3 .itplanet { width: 115px; background-position: 0 -355px; } .martHeader h3 .itetc { width: 115px; background-position: 0 -399px; } .martHeader h3 .wiall { width: 76px; background-position: 0 -443px; } .martHeader h3 .wiballoon { width: 115px; background-position: 0 -486px; } .martHeader h3 .wiclock { width: 98px; background-position: 0 -530px; } .martHeader h3 .wicalendar { width: 98px; background-position: 0 -574px; } .martHeader h3 .wimemo { width: 115px; background-position: 0 -618px; } .martHeader h3 .widay { width: 115px; background-position: 0 -662px; } .martHeader h3 .wifriend { width: 115px; background-position: 0 -706px; } .martHeader h3 .wiframe { width: 130px; background-position: 0 -750px; } .martHeader h3 .wiimage { width: 143px; background-position: 0 -794px; } .martHeader h3 .wigraph { width: 160px; background-position: 0 -838px; } .martHeader h3 .skall { width: 76px; background-position: 0 -882px; } .martHeader h3 .skgraphic { width: 115px; background-position: 0 -926px; } .martHeader h3 .skcolade { width: 115px; background-position: 0 -970px; } .martHeader h3 .skfancy { width: 98px; background-position: 0 -1014px; } .martHeader h3 .skpicture { width: 98px; background-position: 0 -1058px; } .martHeader h3 .skillust { width: 130px; background-position: 0 -1102px; } .martHeader h3 .sktheme { width: 115px; background-position: 0 -1146px; } .martHeader h3 .theme { width: 76px; background-position: 0 -1190px; } .martHeader h3 .starpet { width: 92px; background-position: 0 -1234px; } .martHeader h3.search span { float: left; background-image: url(http://shared.starpl.com/images/home/mart/common/mart_title_11.png); } .martHeader h3 .seall { width: 77px; background-position: 0 -150px; } .martHeader h3 .seitem { width: 94px; background-position: 0 -194px; } .martHeader h3 .seskin { width: 77px; background-position: 0 -238px; } .martHeader h3 .sewidget { width: 77px; background-position: 0 -282px; } .martHeader h3 .totalRow { float: left; width: 230px !important; padding-top: 5px; background-image: none !important; color: #818181; font-weight: normal; font-size: 12px; text-indent: 0; } .martHeader h3 .totalRow span { display: inline; float: none; background-image: none; font-weight: bold; } .martHeader .totalRow .number { color: #fa7e5f; } .martHeader ul { float: left; width: 140px; overflow: hidden; } .martHeader li { float: left; height: 19px; background: url(http://shared.starpl.com/images/home/mart/common/mart_menu.png) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .martHeader .date { width: 53px; background-position: 0 -95px; background-position-x: 0 !important; } .martHeader .popular { width: 45px; background-position: -53px -95px; background-position-x: -53px !important; } .martHeader .price { width: 40px; background-position: -98px -95px; } .martHeader .date.selected { background-position: 0 -76px; } .martHeader .popular.selected { background-position: -53px -76px; } .martHeader .price.selected { background-position: -98px -76px; } .martHeader .selected { background-position-y: 76px; } .martSearch { position: absolute; top: 3px; right: 1px; width: 260px; padding-bottom: 5px; text-align: right; z-index: 10; } .martSearch select, .martSearch input { vertical-align: middle; } .martSearch .inputText { width: 120px; } .martMoreResult { clear: both; position: relative; width: 720px; padding: 16px 0 10px 0; color: #818181; background: url(http://shared.starpl.com/images/home/mart/common/line_dotted.gif) repeat-x 0 0; } .martMoreResult .more { display: block; position: absolute; top: 18px; right: 5px; width: 38px; height: 14px; background: url(http://shared.starpl.com/images/home/common/main_more.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .martMoreResult span { font-weight: bold; } .martMoreResult .bullet { color: #949494; font-size: 11px; } .martUpdate { width: 720px; height: 374px; background: url(http://shared.starpl.com/images/home/mart/main/bg_update.gif) no-repeat; overflow: hidden; } .martUpdate .sideMenu { float: left; width: 154px; padding-top: 73px; } .martUpdate .sideMenu ul { margin-bottom: 41px; } .martUpdate .sideMenu li { height: 26px; background: url(http://shared.starpl.com/images/home/mart/main/btn_update_select.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .martUpdate .sideMenu .all { background-position: 0 0; background-position-y: 0 !important; } .martUpdate .sideMenu .item { background-position: 0 -26px; background-position-y: -26px !important; } .martUpdate .sideMenu .widget { background-position: 0 -52px; background-position-y: -52px !important; } .martUpdate .sideMenu .skin { background-position: 0 -78px; background-position-y: -78px !important; } .martUpdate .sideMenu .theme { background-position: 0 -104px; background-position-y: -104px !important; } .martUpdate .sideMenu .starpet { background-position: 0 -130px; background-position-y: -130px !important; } .martUpdate .sideMenu .all.selected { background-position: -154px 0; } .martUpdate .sideMenu .item.selected { background-position: -154px -26px; } .martUpdate .sideMenu .widget.selected { background-position: -154px -52px; } .martUpdate .sideMenu .skin.selected { background-position: -154px -78px; } .martUpdate .sideMenu .theme.selected { background-position: -154px -104px; } .martUpdate .sideMenu .starpet.selected { background-position: -154px -130px; } .martUpdate .sideMenu .selected { background-position-x: -154px; } .martUpdate .sideMenu p { width: 110px; padding: 0 22px; text-align: center; overflow: hidden; } .martUpdate .sideMenu button { float: left; width: 54px; height: 30px; border: 0; background: url(http://shared.starpl.com/images/home/mart/main/btn_prev_next.gif) no-repeat; text-indent: -7777px; overflow: hidden; cursor: pointer; } .martUpdate .sideMenu .prev { background-position-x: 0 !important; } .martUpdate .sideMenu .next { width: 55px; background-position: -54px 0; } .martUpdate .sideMenu .prev.disabled { background-position: 0 -30px; } .martUpdate .sideMenu .next.disabled { background-position: -54px -30px; } .martUpdate .sideMenu .disabled { background-position-y: -30px; cursor: default; } .martUpdate .sideMenu .page { padding-top: 9px; color: #b3b3b3; font: bold 11px Verdana; } .martUpdate .sideMenu .page span { color: #666; } .martUpdate .updateList { float: left; width: 560px; padding-top: 21px; } .martUpdate .updateList dl { float: left; position: relative; width: 76px; padding: 0 4px 8px 28px; } .martUpdate .updateList dt { display: none; } .martUpdate .updateList .thumbnail { width: 76px; height: 76px; } .martUpdate .updateList .thumbnail img { position: absolute; top: 0; left: 28px; } .martUpdate .updateList .thumbnail .itemClick { width: 76px; height: 76px; } .martUpdate .updateList .buy { position: absolute; top: 65px; left: 33px; width: 68px; height: 19px; cursor: pointer; z-index: 10; } .martFavoriteTitle { width: 720px; margin: 23px 0 11px 0; overflow: hidden; } .martFavoriteTitle h3 { float: left; } .martFavoriteTitle .prevNext { float: right; width: 31px; height: 16px; padding: 2px 4px 0 4px; overflow: hidden; } .martFavoriteTitle button { float: left; width: 15px; height: 16px; border: 0; background: url(http://shared.starpl.com/images/home/common/img_main.gif) no-repeat -24px -104px; text-indent: -7777px; overflow: hidden; cursor: pointer; } .martFavoriteTitle .next { width: 16px; background-position: -39px -104px; } .martFavoriteTitle .page { float: right; padding: 4px 2px 0 0; color: #444; font: 10px Verdana; } .martFavoriteTitle .page span { color: #b4b4b4; } .martFavorite { width: 720px; height: 111px; padding-top: 12px; background: url(http://shared.starpl.com/images/home/mart/main/bg_popular.gif) no-repeat; } .martFavorite dl { float: left; position: relative; width: 76px; padding: 0 2px 0 22px; } .martFavorite dt { display: none; } .martFavorite .thumbnail { width: 76px; height: 76px; } .martFavorite .thumbnail img { position: absolute; top: 0; left: 22px; width: 76px; height: 76px; } .martFavorite .buy { position: absolute; top: 76px; left: 27px; width: 68px; height: 19px; cursor: pointer; } .itemList .title .more { float: right; width: 40px; height: 14px; margin-top: 3px; background: url(http://shared.starpl.com/images/home/common/main_more.gif) no-repeat; text-indent: -7777px; overflow: hidden; } .itemList dl { display: inline; float: left; position: relative; width: 96px; margin: 0 4px; overflow: hidden; } .itemList dt { width: 96px; height: 1.2em; padding-top: 104px; line-height: 1.2; text-align: center; letter-spacing: -1px; overflow: hidden; } .itemList dd { width: 96px; height: 1.2em; text-align: center; overflow: hidden; } .itemList .thumbnail { position: absolute; top: 0; left: 0; width: 76px; height: 76px; padding: 10px; background: url(http://shared.starpl.com/images/home/mart/main/bg_96x96.gif) no-repeat; } .itemList .buy { position: absolute; top: 84px; left: 14px; width: 68px; height: 19px; cursor: pointer; } .itemList dt input { margin: -3px 0; } .itemList .thumbnail img { padding: 2px; } .itemList .thumbnail .newIcon { position: absolute; top: 0; left: 0; width: 27px; height: 11px; padding: 0; z-index: 10; } .itemList .thumbnail .itemClick { position: absolute; top: 0; left: 0; width: 96px; height: 96px; padding: 0; } .itemList dd .price { display: inline-block; background: url(http://shared.starpl.com/images/home/mart/common/mart_icon.gif) no-repeat; color: #999; font-size: 11px; } .itemList dd .powder { padding-left: 12px; } .itemList dd .candy { padding-left: 20px; background-position: 8px -23px; } .martNewTheme { float: left; width: 360px; overflow: hidden; } .martNewTheme .title { width: 340px; margin-bottom: 11px; overflow: hidden; } .martNewTheme .title h3 { float: left; } .martNewTheme dl { width: 108px; margin: 0 8px 0 0; } .martNewTheme dt { width: 108px; padding-top: 116px; } .martNewTheme dd { width: 108px; } .martNewTheme .thumbnail { width: 90px; height: 90px; padding: 9px; background-image: url(http://shared.starpl.com/images/home/mart/main/bg_108x108.gif); } .martNewTheme .thumbnail img { width: 90px; height: 90px; } .martNewTheme .thumbnail .itemClick { top: 6px; left: 6px; } .martNewStarpet { float: right; width: 348px; padding-left: 11px; border-left: 1px solid #dadada; overflow: hidden; } .martNewStarpet .title { width: 340px; margin: 0 0 11px 8px; overflow: hidden; } .martNewStarpet .title h3 { float: left; } .martNewStarpet dl { width: 108px; margin: 0 0 0 8px; } .martNewStarpet dt { width: 108px; padding-top: 116px; } .martNewStarpet dd { width: 108px; } .martNewStarpet .thumbnail { padding: 16px; background-image: url(http://shared.starpl.com/images/home/mart/main/bg_108x108.gif); } .martNewStarpet .thumbnail .itemClick { top: 6px; left: 6px; } .martNewStarpet .buy { top: 96px; left: 20px; } .martPurchase { clear: both; width: 728px; margin: 0 -4px; padding-top: 23px; } .martPurchase .title { margin-bottom: 11px; } .martResult { clear: both; position: relative; width: 728px; margin: 0 -4px; overflow: hidden; } .martResult .title { height: 36px; margin-top: 18px; background: url(http://shared.starpl.com/images/home/mart/common/mart_sub_title_12.png) no-repeat; text-indent: -7777px; } .martResult .itemTitle { background-position: 4px 10px; } .martResult .widgetTitle { background-position: 4px -28px; } .martResult .skinTitle { background-position: 4px -64px; } .martResult dl { padding-bottom: 25px; } .martPaging { clear: both; width: 720px; } .martPaging .paging { border: 0 !important; } .martSelectBuy { width: 720px; margin-top: 17px; padding: 10px 0; background: url(http://shared.starpl.com/images/home/mart/common/line_dotted.gif) repeat-x 0 0; color: #828282; overflow: hidden; } .martSelectBuy span { float: left; font-size: 11px; letter-spacing: -1px; } .martSelectBuy p { float: right; width: 300px; height: 22px; text-align: right; } .martSelectBuy * { vertical-align: middle; } .martSelectBuy label { padding: 0 5px 0 2px; } .martSelectBuy img { cursor: pointer; } /* Item Detail */ .martBreadcrumb { position: absolute; top: 45px; right: 0; color: #818181; z-index: 10; } .itemBreadcrumb { padding-right: 8px; } .itemBigSize { float: left; width: 262px; height: 266px; background: url(http://shared.starpl.com/images/home/mart/common/mart_sub_title_12.png) no-repeat left bottom; } .detailTitle { width: 262px; height: 36px; background: url(http://shared.starpl.com/images/home/mart/common/mart_sub_title_12.png) no-repeat; text-indent: -7777px; overflow: hidden; } .itemBigSize .itemTitle { background-position: 0 -138px; } .itemBigSize .widgetTitle { background-position: 0 -174px; } .itemBigSize .starpetTitle { background-position: 0 -210px; } .itemOriginal { width: 150px; height: 150px; padding: 36px 56px 37px 56px; background: #141414; } .itemDetail { float: right; width: 440px; min-height: 240px; height: auto !important; height: 240px; margin-bottom: 7px; background: url(http://shared.starpl.com/images/home/mart/common/line_dotted.gif) repeat-x left bottom; color: #818181; } .itemDetail h3 { height: 36px; border-bottom: 1px solid #dfdfdf; color: #444; font-size: 16px; line-height: 2.6; overflow: hidden; } .itemDetail .desc { margin: 6px 5px 20px 5px; font-size: 11px; line-height: 1.5; } .itemDetail li { margin: 6px 0; padding-left: 12px; background: url(http://shared.starpl.com/images/home/mart/common/blt_06.gif) no-repeat 3px 40%; } .itemDetail li span { font-weight: bold; } .itemDetail li .price { color: #ff744e; } .itemDetail li .count { color: #65a623; font-weight: normal; } .itemDetailButton { padding-right: 7px; text-align: right; } .itemDetailButton img { cursor: pointer; } /* Starpet Detail */ .martSpecial { padding-top: 11px; } /* Skin Detail */ .skinBreadcrumb { padding-right: 20px; } .skinBreadcrumb span { padding-left: 13px; background: url(http://shared.starpl.com/images/home/mart/common/blt_02.gif) no-repeat 0 40%; } .skinTitle { width: 720px; height: 42px; background-position: -262px -138px; } .skinOriginal { width: 720px; height: 400px; padding: 23px 0; background-color: #242424; text-align: center; } .skinDetail { position: relative; width: 678px; padding: 18px 26px 9px 16px; background-color: #363636; overflow: hidden; } .skinDetail .thumbnail { float: left; width: 74px; height: 74px; margin-right: 12px; padding: 23px; background: url(http://shared.starpl.com/images/home/mart/common/mart_box.png) no-repeat -240px 0; } .skinDetail h3 { margin-left: 132px; color: #fff; font-size: 16px; } .skinDetail .desc { margin-left: 132px; padding: 5px 0 15px 0; color: #b0b0b0; font-size: 11px; line-height: 1.5; } .skinDetail ul { margin-left: 132px; } .skinDetail li { margin: 4px 0; padding-left: 12px; background: url(http://shared.starpl.com/images/home/mart/common/blt_06.gif) no-repeat 3px 40%; color: #b0b0b0; } .skinDetail .tag { width: 350px; } .skinDetail li span { font-weight: bold; } .skinDetail li .price { color: #f2d952; } .skinDetail li .count { color: #459fcc; font-weight: normal; } .tag a { color: #818181; } .skinDetailButton { position: absolute; bottom: 20px; right: 26px; height: 20px; } .skinDetailButton img { cursor: pointer; } .skinDetailBottom { width: 720px; height: 7px; background: url(http://shared.starpl.com/images/home/mart/common/mart_sub_title_12.png) no-repeat -262px bottom; font-size: 0; overflow: hidden; } /* Theme */ .themeList dl { width: 174px; } .themeList dt { width: 174px; padding-top: 182px; } .themeList .thumbnail { width: 142px; height: 142px; padding: 16px; background-image: url(http://shared.starpl.com/images/home/mart/main/bg_174x174.gif); } .themeList .thumbnail img { width: 142px; height: 142px; padding: 0; } .themeList .thumbnail .itemClick { width: 174px; height: 174px; } .themeTitle { width: 720px; height: 42px; background-position: -262px -180px; } .themeOriginal { width: 720px; height: 450px; padding: 23px 0; background-color: #000; text-align: center; } .themeDetail { position: relative; width: 668px; padding: 22px 26px 15px 26px; background: #363636; overflow: hidden; } .themeDetail h3 { color: #fff; font-size: 16px; } .themeDetail .desc { padding: 5px 0 15px 0; color: #b0b0b0; font-size: 11px; line-height: 1.5; } .themeDetail ul { width: 500px; } .themeDetail li { margin: 4px 0; padding-left: 12px; background: url(http://shared.starpl.com/images/home/mart/common/blt_06.gif) no-repeat 3px 40%; color: #818181; } .themeDetail li span { font-weight: bold; } .topSelectBuy { position: absolute; top: 8px; right: 6px; width: 300px; margin: 0; padding: 0 0 2px 0; background-image: none; text-align: right; } /* Popup */ #resellingPolicy { position: absolute; top: -58px; left: 185px; width: 508px; height: 251px; z-index: 10; cursor: pointer; } /* Desktop Alimi */ .desktopAlimi { position: relative; width: 720px; font-size: 0; } .desktopAlimi img { display: block; } .desktopAlimi .desktopAlimiBadge { display: block; position: absolute; top: 324px; left: 40px; width: 250px; height: 209px; }