@charset "utf-8"; @import url('login.css?v=1'); body {margin:0; padding:0;font-size:12px; color:#444; font-family:dotum, 돋움,verdana,tahoma,AppleGothic,sans-serif;} form, input, select, textarea {margin:0; padding:0; font-size:12px; color:#444; font-family:dotum, 돋움,AppleGothic,sans-serif;} textarea {resize:none;} img {border:0 none;} a {color:#444; text-decoration:none;} a:hover {text-decoration:underline;} dfn {display:none;} /* layoutsub */ body {background:url("/lovebeat_v3/main/body_bg.jpg") repeat-x 0 0;} .yahoo_gnb {min-width:980px; margin-bottom:-63px; padding-bottom:7px; position:relative; z-index:1000;} #container {position:relative; min-width:980px; background:url("/lovebeat_v3/main/main_visual_140605.jpg") no-repeat center top;} #header {position:relative; width:980px; margin:0 auto; height:340px; line-height:0; font-size:0;} #header ul {list-style:none; width:750px; margin:0 auto;} /* common_navi */ #navigation {position:absolute; top:0; margin:0 auto; width:980px; height:65px; z-index:999;} #navigation h1 a {background:url("/lovebeat_v3/layout/logo.png") no-repeat center 0; position:absolute; text-indent:-10000px; line-height:0; font-size:0; width:165px; height:65px; top:0; left:410px; z-index:999;} #naviHTML {position:absolute; left:125px; top:13px; margin:0; padding:0;} #naviHTML li {clear:none !important; list-style-type:none; float:left; height:42px; margin:0; padding:0;} #naviHTML li a {display:block; height:100%; font-size:0; text-indent:-2000px; background:url("/lovebeat_v3/layout/top_navi.png") no-repeat left 0;} #naviHTML li ul {display:none; position:absolute; top:40px; margin:0; padding:0; width:121px;} #naviHTML li ul li {list-style-type:none; margin:0; padding:0px; height:31px;} #naviHTML li ul li a {display:block; overflow:hidden; font-size:12px; height:16px; width:110px; text-indent:0; text-indent:-9999px; position:absolute; left:6px; background:url("/lovebeat_v3/layout/sub_navi.gif") no-repeat left top;} #naviHTML li ul li a:hover {overflow:hidden; height:18px;} #naviHTML li.on ul {display:block !important;} #naviHTML li.on ul li {} #naviHTML li.menu1 a {width:95px; background-position:24px -13px;} #naviHTML li.menu1 a:hover, #naviHTML li.menu1_on a {background-position:24px -83px;} #naviHTML li.menu1 ul.sub1 {width:127px; height:96px; background:url("/lovebeat_v3/layout/sub_navi.gif") no-repeat 5px top; overflow:hidden;} #naviHTML li.menu1 ul li.sub1_1 a {top:10px; background-position:-1px -10px;} #naviHTML li.menu1 ul li.sub1_1_on a, #naviHTML li.menu1 ul li.sub1_1 a:hover {top:10px; width:110px; background-position:-1px -175px;} #naviHTML li.menu1 ul li.sub1_2 a {top:30px; background-position:-1px -30px;} #naviHTML li.menu1 ul li.sub1_2_on a, #naviHTML li.menu1 ul li.sub1_2 a:hover {top:30px; width:110px; background-position:-1px -195px;} #naviHTML li.menu1 ul li.sub1_3 a {top:50px; background-position:-1px -50px;} #naviHTML li.menu1 ul li.sub1_3_on a, #naviHTML li.menu1 ul li.sub1_3 a:hover {top:50px; width:110px; background-position:-1px -215px;} #naviHTML li.menu1 ul li.sub1_4 a {top:70px; background-position:-1px -70px;} #naviHTML li.menu1 ul li.sub1_4_on a, #naviHTML li.menu1 ul li.sub1_4 a:hover {top:70px; width:110px; background-position:-1px -235px;} #naviHTML li.menu2 {margin-left:40px;} #naviHTML li.menu2 a {width:95px; background-position:-111px -13px;} #naviHTML li.menu2 a:hover, #naviHTML li.menu2_on a {background-position:-111px -83px;} #naviHTML li.menu2 ul.sub2 {width:121px; height:76px; background:url("/lovebeat_v3/layout/sub_navi.gif") no-repeat -124px top; margin-left:5px;} #naviHTML li.menu2 ul li.sub2_1 a {top:10px; background-position:-130px -10px;} #naviHTML li.menu2 ul li.sub2_1_on a, #naviHTML li.menu2 ul li.sub2_1 a:hover {top:10px; width:110px; background-position:-130px -175px;} #naviHTML li.menu2 ul li.sub2_2 a {top:30px; background-position:-130px -30px;} #naviHTML li.menu2 ul li.sub2_2_on a, #naviHTML li.menu2 ul li.sub2_2 a:hover {top:30px; width:110px; background-position:-130px -195px;} #naviHTML li.menu2 ul li.sub2_3 a {top:50px; background-position:-130px -50px;} #naviHTML li.menu2 ul li.sub2_3_on a, #naviHTML li.menu2 ul li.sub2_3 a:hover {top:50px; width:110px; background-position:-130px -215px;} #naviHTML li.menu3 {margin-left:260px;} #naviHTML li.menu3 a {width:95px; background-position:-466px -13px;} #naviHTML li.menu3 a:hover, #naviHTML li.menu3_on a {background-position:-466px -83px;} #naviHTML li.menu3 ul.sub3 {width:121px; height:154px; background:url("/lovebeat_v3/layout/sub_navi.gif") no-repeat -248px top; margin-left:5px;} #naviHTML li.menu3 ul li.sub3_1 a {top:10px; background-position:-254px -10px;} #naviHTML li.menu3 ul li.sub3_1_on a, #naviHTML li.menu3 ul li.sub3_1 a:hover {top:10px; width:110px; background-position:-254px -175px} #naviHTML li.menu3 ul li.sub3_2 a {top:30px; background-position:-254px -30px;} #naviHTML li.menu3 ul li.sub3_2_on a, #naviHTML li.menu3 ul li.sub3_2 a:hover {top:30px; width:110px; background-position:-254px -195px;} #naviHTML li.menu3 ul li.sub3_3 a {top:50px; background-position:-254px -50px;} #naviHTML li.menu3 ul li.sub3_3_on a, #naviHTML li.menu3 ul li.sub3_3 a:hover {top:50px; width:110px; background-position:-254px -215px;} #naviHTML li.menu3 ul li.sub3_4 a {top:70px; background-position:-254px -70px;} #naviHTML li.menu3 ul li.sub3_4_on a, #naviHTML li.menu3 ul li.sub3_4 a:hover {top:70px; width:110px; background-position:-254px -235px;} #naviHTML li.menu3 ul li.sub3_5 a {top:90px; background-position:-254px -90px;} #naviHTML li.menu3 ul li.sub3_5_on a, #naviHTML li.menu3 ul li.sub3_5 a:hover {top:90px; width:110px; background-position:-254px -255px;} #naviHTML li.menu4 {margin-left:50px;} #naviHTML li.menu4 a {width:95px; background-position:-601px -13px;} #naviHTML li.menu4 a:hover, #naviHTML li.menu4_on a {background-position:-601px -83px;} #naviHTML li.menu4 ul.sub4 {width:121px; height:111px; background:url("/lovebeat_v3/layout/sub_navi.gif") no-repeat -372px top; margin-left:5px;} #naviHTML li.menu4 ul li.sub4_1 a {top:10px; background-position:-378px -10px;} #naviHTML li.menu4 ul li.sub4_1_on a, #naviHTML li.menu4 ul li.sub4_1 a:hover {top:10px; width:110px; background-position:-378px -175px;} #naviHTML li.menu4 ul li.sub4_2 a {top:30px; background-position:-378px -30px;} #naviHTML li.menu4 ul li.sub4_2_on a, #naviHTML li.menu4 ul li.sub4_2 a:hover {top:30px; width:110px; background-position:-378px -195px;} /* common_navi end */ /* game start */ /* #gameStart {position:absolute; left:5px; top:170px; width:215px;height:226px; margin:0; padding:0; background:url("/lovebeat_v3/layout/gamestart.png") no-repeat left top;} #gameStart a {position:absolute; text-indent:-10000px; line-height:0; font-size:0;} #gameStart a.game_start {width:183px; height:91px; left:10px; top:55px;} #gameStart a.game_start:hover {background:url("/lovebeat_v3/layout/start_over.gif") no-repeat left top; left:4px; top:0; width:206px; height:207px; cursor:pointer;} #gameStart a.game_down {width:54px; height:40px; right:25px; top:146px;} */ #gameStart {position:absolute; left:5px; top:170px; width:215px;height:226px; margin:0; padding:0; background:url("/lovebeat_v3/layout/gamestart-20151028.png") no-repeat left top;} #gameStart a {position:absolute; text-indent:-10000px; line-height:0; font-size:0;} #gameStart a.game_start {width:200px; height:168px; left:4px; top:17px;} #gameStart a.game_start:hover {background:url("/lovebeat_v3/layout/gamestart-20151028-over.gif") no-repeat left top; left:0; top:0; width:206px; height:207px; cursor:pointer;} #gameStart a.game_down {width:63px; height:26px; left:103px; top:190px;} #gameStart a.game_launcher {width:51px; height:26px; left:44px; top:190px;} /* rollbanner */ #wrp_rollbanner {position:absolute; left:301px; top:95px; bottom:1px; width:390px;height:195px;overflow:hidden; margin:0 auto; padding:0;} #wrp_rollbanner .banner {width:390px;height:168px;overflow:hidden; margin:0; padding:0;} #wrp_rollbanner .banner ul {width:390px;height:153px;margin:0;padding:0;list-style:none;overflow:hidden; list-style-type:none;} #wrp_rollbanner .banner ul li {float:left;position:absolute;top:0;left:0;width:390px;height:153px; margin:0; padding:0; list-style-type:none;} #wrp_rollbanner .banner ul li img {width:390px; height:153px; vertical-align:top;} #wrp_rollbanner .pager {position:relative; width:390px; margin:0 auto 0 auto; padding:6px 7px 0 0;z-index:3;overflow:hidden; text-align:center;} #wrp_rollbanner .pager a {display:inline-block; width:23px; height:22px; margin:0; text-indent:-9999px; overflow:hidden; border:none; padding:0; background:url("/lovebeat_v3/main/banner_slide_off.png") no-repeat;} #wrp_rollbanner .pager .more {float:right;margin:0;background-position:right -18px} #wrp_rollbanner .pager a.on {background:url("/lovebeat_v3/main/banner_slide_on.png") no-repeat left top;} #contants {position:relative; margin:0 auto; width:980px;} #div_left {clear:both; float:left; width:214px; margin-top:60px; padding:0; position:relative; z-index:99;} #div_center {float:left; position:relative; z-index:99; width:726px; margin:0 0 0 30px; padding:0;} /* left_notice */ a.btn_moreview {position:relative; float:right; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/common/btn_moreview.gif") no-repeat left top; width:38px; height:10px; margin:-12px 0 -1px 0;} #div_left .wrap_notice {width:214px; margin-top:30px;} #div_left .wrap_notice h3 {float:left; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/common/left_img_v3.gif") no-repeat left top; width:214px; height:15px; margin:0; padding:0;} #div_left .wrap_notice ul {float:left; list-style:none; margin:3px 0 30px 0; padding:0;} #div_left .wrap_notice ul li {width:214px; padding-top:8px;} #div_left .wrap_notice ul .new {background:url("/lovebeat_v3/common/ic_new.gif") no-repeat right 1px; padding-right:13px;} #div_left .wrap_notice ul li span.notice {text-indent:-10000px; line-height:0; font-size:0; float:left; background:url("/lovebeat_v3/common/ic_notice.gif") no-repeat left top; width:30px; height:14px; margin-top:-2px;} #div_left .wrap_notice ul li span.check {text-indent:-10000px; line-height:0; font-size:0; float:left; background:url("/lovebeat_v3/common/ic_check.gif") no-repeat left top; width:30px; height:14px; margin-top:-2px;} #div_left .wrap_notice ul li span.update {text-indent:-10000px; line-height:0; font-size:0; float:left; background:url("/lovebeat_v3/common/ic_update.gif") no-repeat left top; width:42px; height:14px; margin:-2px 5px 0 0;} #div_left .wrap_notice ul li span.event {text-indent:-10000px; line-height:0; font-size:0; float:left; background:url("/lovebeat_v3/common/ic_event.gif") no-repeat left top; width:32px; height:14px; margin:-2px 3px 0 0;} /* left */ #div_left .beginner_guide {width:203px; margin:0 0 15px 1px; border-top:1px solid #f2d9ea;} #div_left .wrap_ranking {margin:0 0 10px; padding:5px 0; height:21px; text-align:center; line-height:21px; background:url("/lovebeat_v3/layout/left_friend.gif") 0 -21px; no-repeat;} #div_left .wrap_friend {margin-top:20px;} #div_left .wrap_friend h3 {float:left; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/common/left_img_v3.gif") no-repeat left -21px; width:53px; height:15px; margin-bottom:10px;} #div_left .wrap_friend * {vertical-align:middle;} #div_left .wrap_friend input#nickname {width:158px; height:20px; margin:0; padding:3px 0 0 3px; border:1px solid #e9ecf0; background-color:#fff;} #div_left .wrap_friend input.friend_id {background:url("/lovebeat_v3/layout/left_friend.gif") 5px 6px no-repeat;} #div_left .wrap_friend input.btn_search {margin:0; padding:0;} #div_left .wrap_quickmenu {text-indent:-10000px; line-height:0; font-size:0; width:214px; margin-top:25px; list-style:none; background:url("/lovebeat_v3/common/left_img_v3.gif") no-repeat 2px -41px; height:56px;} #div_left .wrap_quickmenu a {float:left; text-indent:-10000px; line-height:0; font-size:0; height:55px;} #div_left .wrap_quickmenu a.btn_guide {width:76px;} #div_left .wrap_quickmenu a.btn_faq {width:69px;} #div_left .wrap_quickmenu a.btn_cupon {width:65px;} #div_left .wrap_quickmenu_channel {text-indent:-10000px; line-height:0; font-size:0; width:214px; margin-top:25px; list-style:none; background:url("/lovebeat_v3/common/left_img_channel.gif") no-repeat 2px -41px; height:56px;} #div_left .wrap_quickmenu_channel a {float:left; text-indent:-10000px; line-height:0; font-size:0; height:55px;} #div_left .wrap_quickmenu_channel a.btn_guide {width:107px;} #div_left .wrap_quickmenu_channel a.btn_cupon {width:107px;} #div_left .wrap_banner {text-indent:-10000px; line-height:0; font-size:0; width:214px; margin-top:25px; list-style:none; background:url("/lovebeat_v3/common/left_img_v3.gif") no-repeat left -106px; height:37px;} #div_left .wrap_banner a {float:left; text-indent:-10000px; line-height:0; font-size:0; height:37px; width:214px;} #div_left .wrap_cscenter {width:214px; padding:25px 0 0 0;} #div_left .wrap_cscenter a {display:block; width:214px; height:37px; margin:0 0 10px 0; font-size:0; line-height:0; text-indent:-9999px; background-image:url("/lovebeat_v3/common/left_img_v3.gif"); background-repeat:no-repeat;} #div_left .wrap_cscenter .cscenter {background-position:0 -106px;} #div_left .wrap_cscenter .ncer {background-position:0 -153px;} /* scroll-top */ .fixedPos_bttm {position:absolute; left:50%;bottom:220px; width:28px; margin-left:421px; /*z-index:10;*/} .fixedPos_bttm .fixedWrap{position:fixed; width:28px; height:140px;} .fixedPos_bttm .fixedWrap img {cursor:pointer;} *html .fixedPos_bttm{top:expression(fixedPositionForIE6("fixedBottom",220));} /*ie6*/ /* new lounge */ .wrap_lounge1, .wrap_lounge2 {float:left; width:726px; position:relative; z-index:99;} .main_today ul, .main_today li, .now_beat p, .now_beat dl, .now_beat dd {list-style:none; margin:0; padding:0;} .main_today {float:left; width:483px;} .main_today h3 {float:left; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/main/main_title.gif") no-repeat left top; width:483px; height:15px; margin-bottom:10px;} .main_today li span.subject, .now_beat dt {font-size:14px; font-weight:bold; display:block; padding-top:10px;} .main_today li span.txt {font-size:12px; color:#666; display:block; padding-top:6px; line-height:18px;} .now_beat {float:left; width:213px; margin-left:30px;} .now_beat a.btn_moreview {margin:-18px 0 -1px 0;} .now_beat h3 {float:left; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/main/main_title.gif") no-repeat left -21px; width:213px; height:15px; margin-bottom:10px;} .now_beat dd {background:url("/lovebeat_v3/common/ic_bul1.gif") no-repeat left 12px; font-size:12px; display:block; padding:8px 0 0 9px; line-height:12px;} .wrap_lounge1 .main_today li {width:230px; float:left;} .wrap_lounge1 .main_today li:first-child {margin-right:20px;} .wrap_lounge2 .main_today li {width:146px; float:left; margin-left:20px;} .wrap_lounge2 .main_today li:first-child {margin-left:0;} .wrap_lounge3 .main_today li {width:483px; float:left; margin-bottom:10px;} .wrap_lounge3 .main_today li a {float:left;} .wrap_lounge3 .main_today li span {float:left; width:235px; display:block; padding-top:10px; margin-left:14px;} .wrap_lounge3 .now_beat dd {background:none; padding:8px 0 8px 0;} .wrap_style {float:left; width:726px; margin-top:35px;} .wrap_mainlist {float:left; width:726px; margin:30px 0 40px 0;} /* 신상 아이템 */ .wrap_style .wrap_item {float:left; width:483px;} .wrap_style .wrap_item .new_item {width:483px;} .wrap_style .wrap_item h3 {float:left; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/main/main_title.gif") no-repeat left -42px; width:483px; height:15px; margin-bottom:10px;} .wrap_style .wrap_item h3 a {float:left; text-indent:0; width:68px; height:17px;} .wrap_style .wrap_item a.btn_moreview {margin:-20px 0 -1px 0;} .wrap_style .wrap_item dl {float:left; width:85px; margin:0 0 15px 14px; padding:0; text-align:center;} .wrap_style .wrap_item dl:first-child {margin-left:0;} .wrap_style .wrap_item dl dt {margin:0; padding:5px 0 4px; line-height:16px; font-size:11px; letter-spacing:-1px;} .wrap_style .wrap_item dl dd {margin:0; padding:0;} .wrap_style .wrap_item dl dd.thumb {position:relative; width:71px; height:71px; padding:7px; background:url("/lovebeat_v3/style/itemlist/item_bg_main_v2.gif") no-repeat;} .wrap_style .wrap_item dl dd.item_ty1 {background-position:center 0;} .wrap_style .wrap_item dl dd.item_ty2 {background-position:center -85px;} .wrap_style .wrap_item dl dd.item_ty3 {background-position:center -170px;} .wrap_style .wrap_item dl dd.item_ty4 {background-position:center -255px;} /* ty5는 이미지가 없는 경우. 메인에서는 예외 */ .wrap_style .wrap_item dl dd.item_ty6 {background-position:center -425px;} /* 꼬꼬마 남 */ .wrap_style .wrap_item dl dd.item_ty7 {background-position:center -510px;} /* 꼬꼬마 여 */ .wrap_style .wrap_item dl dd.item_ty8 {background-position:center -595px;} /* 아이돌 남 */ .wrap_style .wrap_item dl dd.item_ty9 {background-position:center -680px;} /* 아이돌 여 */ .wrap_style .wrap_item dl dd.thumb img {display:block; width:70px; height:70px;} .wrap_style .wrap_item dl dd.thumb img.libon {position:absolute; left:0; top:0; width:30px; height:30px;} .wrap_style .wrap_item dl dd.tall {font-weight:bold; color:#028ccd;} .wrap_style .wrap_item dl dd.ncoin {font-weight:bold; color:#444;} .wrap_style .wrap_item dl dd.toon {font-weight:bold; color:#ff4400;} .wrap_style .wrap_item dl dd.beat {font-weight:bold; color:#fc6806;} .wrap_style .wrap_item dl dd.price img {margin:-2px 0 0 0; height:15px; vertical-align:middle;} /* main러빗 한마디 */ .wrap_style .wrap_word dl dd ul {list-style:none; margin:0; padding:0;} .wrap_style .wrap_word {float:left; width:213px; margin-left:30px;} .wrap_style .wrap_word h3 {float:left; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/main/main_title.gif") no-repeat left -62px; width:213px; height:15px; margin-bottom:10px;} .wrap_style .wrap_word h3 a {float:left; text-indent::0; width:68px; height:17px;} .wrap_style .wrap_word a.btn_moreview {margin:-20px 0 -1px 0;} .wrap_style .wrap_word dl {margin:0; padding-top:15px; background:url("/lovebeat_v3/main/ic_bar.gif") repeat-x left 25px;} .wrap_style .wrap_word dl dt {margin-top:20px; padding:2px 0 8px 20px ; font-weight:bold; background:url("/lovebeat_v3/main/word_img.gif") no-repeat left top;} .wrap_style .wrap_word dl dd {position:relative; overflow:hidden; margin:0; padding:0; height:40px; color:#666;} .wrap_style .wrap_word dl dd a {color:#666 !important;} .wrap_style .wrap_word dl dd ul {position:relative; overflow:hidden;} .wrap_style .wrap_word dl dd ul li {height:40px;padding:0 0 0 20px; line-height:16px; background:url("/lovebeat_v3/main/word_img.gif") no-repeat 0 -40px;} .wrap_style .wrap_word dl dd ul li span, .wrap_style .wrap_word dl dd.channeling ul li span {float:right; display:inline; color:#8a8a8a !important; font-size:11px;} .wrap_style .wrap_word dl dd ul li span a, .wrap_style .wrap_word dl dd.channeling ul li span a {text-decoration:underline; color:#8a8a8a !important;} .wrap_style .wrap_word dl dd.channeling {position:relative; overflow:hidden; margin:0; padding:0; height:105px; color:#666;} .wrap_style .wrap_word dl dd.channeling ul {position:relative; overflow:auto; } .wrap_style .wrap_word dl dd.channeling ul li {height:35px; padding:0 0 0 20px; line-height:16px; background:url("/lovebeat_v3/main/word_img.gif") no-repeat 0 -40px;} .wrap_style .wrap_word fieldset {width:214px; margin:0 auto; padding:0; border:none;} .wrap_style .wrap_word fieldset legend {display:none;} .wrap_style .wrap_word fieldset input {float:left; width:170px; height:18px; padding:8px 0 0 3px; border:none; background-color:#eef2fd; color:#8f9ad1;} .wrap_style .wrap_word fieldset .today_word {background:#eef2fd url("/lovebeat_v3/main/word_img.gif") no-repeat 5px -90px;} .wrap_style .wrap_word fieldset .submit {float:left; width:39px; height:25px; text-indent:-999px; cursor:pointer; border:none; background:url("/lovebeat_v3/main/word_img.gif") no-repeat left -123px;} /* 와우콤보 */ .wrap_mainlist #wrap_ranking {float:left; width:483px;} .wrap_mainlist #wrap_ranking #ranking_navi {float:left; overflow:hidden; _zoom:1; width:100%; height:35px; margin:0 0 12px; padding:0; list-style:none; background:url("/lovebeat_v3/main/bg_ranking.gif") no-repeat 0 bottom;} .wrap_mainlist #wrap_ranking #ranking_navi li {float:left; width:241px; text-indent:-9999px; font-size:0;} .wrap_mainlist #wrap_ranking #ranking_navi li a {float:left; width:241px; height:35px; background:url("/lovebeat_v3/main/bg_ranking.gif") no-repeat;} .wrap_mainlist #wrap_ranking #ranking_navi li.m1 .on {background-position:0 0 !important;} .wrap_mainlist #wrap_ranking #ranking_navi li.m1 .off {background-position:0 -40px !important;} .wrap_mainlist #wrap_ranking #ranking_navi li.m2 .on {background-position:-242px 0 !important;} .wrap_mainlist #wrap_ranking #ranking_navi li.m2 .off {background-position:-242px -40px !important;} .wrap_mainlist .recent_list {float:left; width:483px; margin:0; padding:0; list-style:none;} .wrap_mainlist .recent_list li {overflow:hidden; _zoom:1; margin:0 0 8px;} html>/**/body .recent_list li {margin:0 0 10px;} .wrap_mainlist .recent_list li div {float:left} .wrap_mainlist .recent_list li div.thumb {width:38px; margin-right:5px; padding:0 0 1px;} .wrap_mainlist .recent_list li div.thumb img {display:block; width:36px; height:36px; border:1px solid #a5a5a5} .wrap_mainlist .recent_list li div.thumb_ty2 {width:39px; margin:0 9px 3px 0;} .wrap_mainlist .recent_list li div.thumb_ty2 img {display:block; width:39px; height:39px;} .wrap_mainlist .recent_list li div.nick {width:140px; padding:6px 0 0; font-size:13px; line-height:14px; color:#8a8a8a;} .wrap_mainlist .recent_list li div.nick a {font-size:14px !imporatant; font-weight:bold; color:#3c3c3c;} .wrap_mainlist .recent_list li div.nick span {display:inline; font-size:11px; padding-left:3px; letter-spacing:-1px;} .wrap_mainlist .recent_list li div.album {width:230px; padding:5px 0 0; color:#3c3c3c;} .wrap_mainlist .recent_list li div.album a {color:#3c3c3c} .wrap_mainlist .recent_list li div.album span.singer {font-size:11px;} .wrap_mainlist .recent_list li div.album span.starpoint_area {display:block; height:15px; font-size:11px; text-align:right; color:#8a8a8a; background:url("/lovebeat_v3/main/star_on.gif") no-repeat;} .wrap_mainlist .recent_list li div.album span.starpoint_area em {display:inline-block; width:46px; padding:3px 0 0 3px; text-align:left; font-style:normal; background-color:#fff;} .wrap_mainlist .recent_list li div.album span.point0_5 {width:65px;} .wrap_mainlist .recent_list li div.album span.point1 {width:80px;} .wrap_mainlist .recent_list li div.album span.point1_5 {width:95px;} .wrap_mainlist .recent_list li div.album span.point2 {width:110px;} .wrap_mainlist .recent_list li div.album span.point2_5 {width:125px;} .wrap_mainlist .recent_list li div.album span.point3 {width:140px;} .wrap_mainlist .recent_list li div.album span.point3_5 {width:155px;} .wrap_mainlist .recent_list li div.album span.point4 {width:170px;} .wrap_mainlist .recent_list li div.album span.point4_5 {width:185px;} .wrap_mainlist .recent_list li div.album span.point5 {width:200px;} .wrap_mainlist .recent_list li div.song {float:right; width:255px; padding:6px 0 0; font-size:12px; line-height:14px; text-align:right; color:#444;} .wrap_mainlist .recent_list li div.song span {display:block; color:#858dd8;} .wrap_mainlist .recent_list li div.song span em {font-style:normal; color:#858dd8;} .wrap_mainlist .recent_list li div.wow {float:right; width:125px; padding:6px 0 0; text-align:right; color:#858dd8;} .wrap_mainlist .recent_list li div.comment {float:right; width:125px; padding:6px 0 0; font-size:11px; text-align:right;} .wrap_mainlist .recent_list li div.comment span {display:inline-block; color:#848484;} .wrap_mainlist .recent_list li div.comment span.bar {padding:0 0 0 5px} .wrap_mainlist .recent_list li div.comment span.count {color:#858dd8;} .wrap_mainlist #wrap_ranking p.wowtoday {float:left; margin:0; padding:10px 0 0 0; font-size:11px; color:#999; border-top:1px solid #e9ecf0; width:483px; text-align:right;} .wrap_mainlist #wrap_ranking p.waiting {margin:0; padding:0;} /* style */ .wrap_mainlist .wrap_coordi {float:left; width:213px; padding:0; margin-left:30px;} .wrap_mainlist .wrap_coordi h3 {float:left; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/main/main_title.gif") no-repeat left -84px; width:213px; height:15px; margin-bottom:10px;} .wrap_mainlist .wrap_coordi a.btn_moreview {margin:-20px 0 -1px 0;} .wrap_mainlist .wrap_coordi p.txt {position:relative; width:213px; height:55px; margin:0 auto; padding:15px 0 0 0; font-size:12px; line-height:16px; letter-spacing:-1px; color:#444; background:url("/lovebeat_v3/main/coodi_txtbg.gif") no-repeat 0 0; text-align:center;} /* mylb */ #wrap_mylb {position:relative; z-index:1; padding-bottom:16px;} .bg_mylb {float:left; padding:3px 0 0; width:725px;} .wrap_mytop {position:relative; background-color:#a6adf1;margin:35px 3px 0 3px; border:1px solid #929ae5;} .wrap_mytop h2 {margin:0; padding:5px 0 3px 12px; font-size:12px; color:#fff;} .wrap_mytop h2 span {font-weight:normal;} .wrap_mytop h2 img {margin:0 0 -2px 3px;} .wrap_mytop h2 a {color:#fff !important;} .wrap_mytop .wrap_ingame_info {position:absolute; right:16px; top:6px; font-size:11px; color:#fff;} .wrap_mytop .wrap_ingame_info span {display:inline-block; padding-left:24px;} .wrap_mytop .wrap_ingame_info em {font-style:normal; color:#543195;} .wrap_my_community {position:relative; overflow:hidden; _zoom:1; margin:0 3px 0; padding:0; border:1px solid #e9ecf0;} .wrap_my_community h3 {margin:0;} .wrap_my_community .myinfo {overflow:hidden; _zoom:1; margin:0 0 13px; padding:0; list-style:none; font-size:11px; background:url("/lovebeat_v3/main_v2/bg_mylb_v6.gif") no-repeat left top;} .wrap_my_community .myinfo li {float:left; width:120px; height:74px; text-align:center;} .wrap_my_community .myinfo li span {font-weight:bold;} .wrap_my_community .myinfo li strong {color:#858dd8; font-family:tahoma;} .wrap_my_community .myinfo li em {margin:0; padding:0; color:#858dd8; font-family:tahoma; font-weight:bold; font-style:normal; text-decoration:underline;} .wrap_my_community .myinfo li a {display:block; height:24px; padding:44px 0 0; _padding:42px 0 0;text-decoration:none;} .wrap_my_community .myinfo li.mail {width:119px;height:26px; padding:44px 0 0; _padding:42px 0 0;} .wrap_my_community .myinfo li.present {height:26px; padding:44px 0 0; _padding:42px 0 0;} .wrap_my_community .myinfo li.friends {width:119px;} .wrap_my_community .myinfo li.fam a {} .wrap_my_community .myinfo li.friends strong, .wrap_my_community .myinfo li.fam strong {padding-right:10px; text-decoration:underline; background:url("/lovebeat_v3/main_v2/bg_mylb_v6.gif") no-repeat right -83px;} .wrap_my_community .myinfo li.visit a {} .wrap_my_community .myinfo li.mini {margin:0; width:119px;} .wrap_my_community .myinfo li.mini a {} .wrap_my_community .my_birthday {clear:both; width:690px; margin:0; background-color:#fafafa; border-top:1px solid #e9ecf0; padding:15px;} .wrap_my_community .my_birthday h3 {position:relative; height:14px; padding:4px 38px 0 0; text-align:right; font-size:11px; font-weight:normal; background:url("/lovebeat_v3/main_v2/bg_mylb_v5.gif") no-repeat -679px -109px;} .wrap_my_community .my_birthday h3 span strong {color:#543195;} .wrap_my_community .my_birthday h3 span a {position:absolute; display:block; height:15px;background:url("/lovebeat_v3/main_v2/bg_mylb_v5.gif") no-repeat ;} .wrap_my_community .my_birthday h3 span a.btn_prev {right:15px; top:1px; width:16px; background-position:-679px 0;} .wrap_my_community .my_birthday h3 span a.btn_next{right:0; top:1px; width:16px; background-position:-694px 0;} .wrap_my_community .my_birthday .birthday_list {margin:4px 0 15px; padding:0; list-style:none;} .wrap_my_community .my_birthday .birthday_list li {height:16px; padding:6px 0 0 22px; color:#666;} .wrap_my_community .my_birthday .birthday_list li.today {background:url("/lovebeat_v3/main_v2/bg_mylb_v5.gif") no-repeat -693px -60px; } .wrap_my_community .my_birthday .birthday_list li.last {background:url("/lovebeat_v3/main_v2/bg_mylb_v5.gif") no-repeat -693px -82px; } .wrap_my_community .my_birthday .birthday_list li a {color:#9d9d9f; text-decoration:underline;} .wrap_my_community .my_birthday .birthday_list li a.write {color:#fc7e96} .wrap_my_community .my_birthday .birthday_list li span {font-weight:bold; color:#fc7e96} .wrap_my_community .my_news {clear:both; width:690px; margin:0; background-color:#fafafa; border-top:1px solid #e9ecf0; padding:15px;} .wrap_my_community .my_news h3 {position:relative; height:20px; padding:4px 38px 0 0; text-align:right; font-size:11px; font-weight:normal; background:url("/lovebeat_v3/main_v2/bg_mylb_v6.gif") no-repeat;} .wrap_my_community .my_news h3 span strong {color:#543195;} .wrap_my_community .my_news h3 span a {position:absolute; display:block; height:15px; background:url("/lovebeat_v3/main_v2/bg_mylb_v5.gif") no-repeat ;} .wrap_my_community .my_news h3 span a.btn_prev {right:15px; top:1px; width:16px; background-position:-679px 0;} .wrap_my_community .my_news h3 span a.btn_next {right:0; top:1px; width:16px; background-position:-694px 0;} .wrap_my_community .community h3 {background-position:-679px -421px;} .wrap_my_community .networks h3 {background-position:0 -185px;} .wrap_my_community .playlist h3 {background-position:0 -210px;} .wrap_my_community .wrap_table {height:80px;padding:7px 0 0 16px;} .wrap_my_community table {width:660px; border-collapse:collapse; font-size:11px;color:#929191;} .wrap_my_community table td {vertical-align:middle; line-height:17px; padding:4px 0 0; _padding:5px 0 0;} .wrap_my_community table td.subject {padding-right:5px; font-size:12px; color:#666;} .wrap_my_community table td.subject a {color:#929191;} .wrap_my_community table td.nick a {color:#686868; text-decoration:underline;} .wrap_my_community table td.nick .myimg {width:18px; height:18px; margin:0 2px 0 0; vertical-align:middle;border:1px solid #c2c2c2;} .wrap_my_community table td.date {text-align:right;} .wrap_my_community table td .c_reply {color:#6271b1;} .wrap_my_community table td .c_new {color:#cb487c;} .wrap_my_community table td .c_wow {color:#de7035;} .wrap_my_community table td .c_combo {color:#93a049;} .wrap_my_community .nolist {margin:5px 0 0; color:#666;} .wrap_my_community .nolist dt {padding:5px 0 8px 20px; font-weight:bold; background:url("/lovebeat_v3/common/ic_bul1.gif") no-repeat 10px 10px;} .wrap_my_community .nolist dd {margin:0; padding-left:20px;} #wrap_mylb_loading {padding:2px 0 0 2px;} /* 궁합지수 */ .my_couple li, .my_couple li span, .my_couple li p, .my_couple .couple_list ul {float:left; list-style:none; margin:0; padding:0;} .my_couple h3 {display:block; text-indent:-10000px; line-height:0; font-size:0; background:url("/lovebeat_v3/main_v2/bg_mylb_v6.gif") no-repeat 15px -111px; width:120px; height:15px;} .my_couple .couple_list {float:left; margin:10px 0 35px 20px; padding:0;} .my_couple .couple_list .thumb {margin:0; padding:0; line-height:0;} .my_couple .couple_list .thumb a {display:block; width:70px; height:18px;background:url("/lovebeat_v3/main_v2/bg_mylb_v6.gif") no-repeat left -132px;} .my_couple .couple_list li.graph {width:135px; margin:15px 0 0 13px;} .my_couple .couple_list span.name {width:133px; color:#444; font-size:12px;} .my_couple .couple_list span.name strong {text-decoration:underline;} .my_couple .couple_list span.txt {width:133px; color:#666; font-size:12px; padding-top:8px;} .my_couple .couple_list span.txt strong {color:#f56390; font-size:14px;} .my_couple .couple_list ul.grbar {float:left; background:url("/lovebeat_v3/main_v2/bg_mylb_v6.gif") no-repeat left -157px; width:132px; height:17px; margin-top:8px; padding:0 0 0 10px;} .my_couple .couple_list ul.grbar li p {float:left; height:17px; background:url("/lovebeat_v3/main/graph_bar.gif") repeat-x left 3px;} .my_couple .couple_list ul.grbar li {float:left; text-indent:-10000px; width:121px;} .my_couple .couple_list ul.grbar li p span {float:right; background:url("/lovebeat_v3/main/graph_right.gif") no-repeat right 1px; width:8px; height:17px; margin-right:-2px;} /* 친구리스트 */ .layer_info {position:absolute; padding:10px; border:1px solid #756597; background:#fff; z-index:10000 !important;} .layer_info p {margin:0 0 4px 0; padding:0; width:140px; color:#543195; background:url("/lovebeat_v3/layout/login/login_v2.gif") no-repeat 0 -232px; vertical-align:top;} .layer_info p strong {display:inline-block; width:129px; height:18px; padding-bottom:5px;} .layer_info a.close {display:inline-block; background:url("/lovebeat_v3/layout/login/login_v2.gif") no-repeat -177px -239px; width:11px; height:11px; vertical-align:top;} .layer_info p.no {margin:0; padding:20px 0; font:normal 11px 돋움; color:#666; background:none;} .layer_info a span {display:none;} .layer_info .layer_list {overflow:hidden; position:relative; margin:0; padding:0; width:140px; height:120px; font:normal 11px/14px 돋움; list-style:none;} .layer_info .layer_list li.none {width:140px; padding:60px 0; font-size:12px; text-align:center; color:#999; letter-spacing:-1px;} .layer_info .layer_list li.w_on {background:url("/lovebeat_v3/layout/login/login_v2.gif") 0 -257px no-repeat; height:15px; padding-left:15px;} .layer_info .layer_list li.w_off {background:url("/lovebeat_v3/layout/login/login_v2.gif") 0 -287px no-repeat; height:15px; padding-left:15px; color:#9f9f9f;} .layer_info .layer_list li.m_on {background:url("/lovebeat_v3/layout/login/login_v2.gif") 0 -272px no-repeat; height:15px; padding-left:15px;} .layer_info .layer_list li.m_off {background:url("/lovebeat_v3/layout/login/login_v2.gif") 0 -302px no-repeat; height:15px; padding-left:15px; color:#9f9f9f;} .layer_info .layer_list li.w_off a, .layer_info .layer_list li.m_off a {color:#9f9f9f;} .layer_info .btn {position:relative; margin:5px 0 0 0;padding:6px 0 0 0;width:141px; height:15px;line-height:15px; border-top:1px solid #f0f0f0;} .layer_info .btn .prev {position:absolute; left:0; padding:1px 0 0 19px; background:url("/lovebeat_v3/layout/login/login_v2.gif") no-repeat -172px -269px;border:1px slid green;} .layer_info .btn .next {position:absolute; right:0; padding:1px 19px 0 0;background:url("/lovebeat_v3/layout/login/login_v2.gif") no-repeat -145px -297px;border:1px slid green;} .layer_info .btn a {color:#000;} #friendList {left:245px;top:353px;} #famList {left:365px;top:353px;} #rwing_banner {position:relative; margin:0;} #rwing_banner span {margin:25px -15px 0 15px; position:absolute;} #view_guide {position:absolute; top:0; z-index:101; background:url("/lovebeat_v3/layout/login/guide_layer.gif") no-repeat left top; width:181px; height:115px; padding:20px 15px 18px 18px;} /* 톨 */ #div_left .wrap_tall {width:188px; height:17px; margin:0; padding:7px 12px; text-align:right; background:#eef2fd; border:1px solid #e9ecf0; border-top:2px solid #a9b0f6; overflow:hidden;} #div_left .wrap_tall span {float:left; margin:-1px 0 0 0; padding:3px 0 3px 17px; font-size:11px; color:#444; font-weight:bold; background:url("/lovebeat_v3/layout/login/ic_ncoin.gif") no-repeat;} #div_left .wrap_tall img {margin:0 0 0 -1px;} #div_left .wrap_ncoin {position:relative; z-index:100; padding:9px 0 10px 87px; border-top:2px solid #a9b0f6; border-left:1px solid #e9ecf0; border-right:1px solid #e9ecf0; background:url("/lovebeat_v3/layout/login/ic_ncoin_daum.gif") 24px 14px no-repeat #eef2fd;} #div_left .wrap_ncoin h3 {margin:0; padding:0; font-size:0; text-indent:-9999px;} #div_left .wrap_ncoin ul {margin:0; padding:0;} #div_left .wrap_ncoin ul li {list-style-type:none; padding:0 0 0 6px; line-height:21px; background:url("/lovebeat_v3/layout/login/bul_2.gif") 0 8px no-repeat;} /* footer-Daum */ #div_footer_daum {clear:both; position:relative; width:980px; height:254px; margin:0 auto; padding:0; background:url("/lovebeat_v3/layout/bg_footer_daum_140108v.gif") 0 30px no-repeat;} #div_footer_daum p {margin:0; padding:0;} #div_footer_daum .ncsoft {position:absolute; top:85px; left:3px; display:block; width:54px; height:48px;} #div_footer_daum .daum {position:absolute; top:22px; left:5px; display:block; width:63px; height:28px;} #div_footer_daum .email {position:absolute; top:122px; left:610px; display:block; width:140px; height:11px;} #div_footer_daum .ncsoft a, #div_footer_daum .daum a, #div_footer_daum .email a {display:block; width:100%; height:100%;} #div_footer_daum ul.util {position:absolute; top:30px; left:80px; margin:0; padding:0; list-style:none; text-align:center;} #div_footer_daum ul.util li {float:left; list-style-type:none; height:12px;} #div_footer_daum ul.util li.m1 {width:87px;} #div_footer_daum ul.util li.m2 {width:77px;} #div_footer_daum ul.util li.m3 {width:91px;} #div_footer_daum ul.util li.m4 {width:167px;} #div_footer_daum ul.util li.m5 {width:91px;} #div_footer_daum ul.util a {display:block; width:100%; height:100%;} #div_footer_daum .address address {display:none;} #div_footer_daum .address p {display:none;} /* footer-Daum-141020 */ .footer_daum {clear: both; position: relative; width: 853px; height: 200px; margin: 0 auto; padding: 43px 0 0 117px; background: url("/lovebeat_v3/layout/bg_footer_daum_150121.gif") 0 55px no-repeat;} .footer_daum .utilmenu {margin: 0; padding: 0; overflow: hidden;} .footer_daum .utilmenu li {list-style-type: none; float: left; padding: 0 15px 0 13px; background: url("/lovebeat_v3/layout/bg_daum_bar.gif") right top no-repeat;} .footer_daum .utilmenu li a {color:#444;} .footer_daum .utilmenu li.first {padding-left: 0;} .footer_daum .utilmenu li.last {background: none;} .footer_daum address, .footer_daum p {margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999px;} .footer_daum .goNC {position: absolute; top: 55px; left: 0; width: 95px; height: 25px; font-size: 0; line-height: 0; text-indent: -9999px;} .footer_daum .goDaum {position: absolute; top: 122px; left: 0; width: 91px; height: 45px; font-size: 0; line-height: 0; text-indent: -9999px;} /* footer-Daum-160406 */ .footer-daum-nzin { clear: both; position: relative; width: 1123px; margin: 0 auto; padding: 50px 0 40px 157px; } .footer-daum-nzin .utilmenu {margin: 0; padding: 0; overflow: hidden;} .footer-daum-nzin .utilmenu li {list-style-type: none; float: left; padding: 0 9px 0 7px; font-weight: bold; background: url("/lovebeat_v3/layout/bg_daum_bar.gif") right top no-repeat;} .footer-daum-nzin .utilmenu li a {color:#444;} .footer-daum-nzin .utilmenu li.first {padding-left: 0;} .footer-daum-nzin .utilmenu li.last {background: none;} .footer-daum-nzin .goNC, .footer-daum-nzin .goDaum, .footer-daum-nzin .goKakao, .footer-daum-nzin .grade { position: absolute; display: block; font-size: 0; line-height: 0; text-indent: -9999px; background: url("/lovebeat_v3/layout/bg_footer_daum_160706.png") no-repeat; } .footer-daum-nzin .goNC { top: 64px; left: 40px; width: 95px; height: 25px; background-position: -150px 0; } .footer-daum-nzin .goDaum { top: 137px; left: 79px; width: 54px; height: 32px; background-position: 0 -75px; } .footer-daum-nzin .goKakao { top: 137px; left: 40px; width: 100px; height: 32px; background-position: -150px -75px; } .footer-daum-nzin .grade { top: 76px; right: 0; width: 356px; height: 53px; background-position: 0 -157px; } .footer-daum-nzin address { clear: both; display: block; padding: 9px 0 0 0; font-style: normal; font-size: 11px; color: #909090; line-height: 17px; } .footer-daum-nzin p { margin: 0; padding: 0; } .footer-daum-nzin .copyright-nc { padding: 1px 0 11px 0; font-family: Tahoma; font-size: 10px; font-weight: lighter; color: #909090; } .footer-daum-nzin .copyright-daum1 { font-size: 11px; color: #777; } .footer-daum-nzin .copyright-daum2 { font-family: Tahoma; font-size: 10px; line-height: 15px; color: #777;} /* footer-Yahoo */ #div_footer_yahoo {clear:both; position:relative; width:980px; height:198px; margin:0 auto; padding:0; background:url("/lovebeat_v3/layout_v2/bg_footer_yahoo_v3.gif") no-repeat;} #div_footer_yahoo p {margin:0; padding:0;} #div_footer_yahoo .ncsoft a {position:absolute; display:block; top:32px; left:44px; width:55px; height:47px;} #div_footer_yahoo .address {width:790px; margin:0 0 17px 122px; padding:18px 0 6px 2px; font-size:11px; letter-spacing:-1px; color:#858585; border-bottom:1px solid #f2d9ea;} #div_footer_yahoo .address address {font-style:normal;} #div_footer_yahoo .address a {color:#858585;} #div_footer_yahoo a {color:#3c3c3c;} #div_footer_yahoo .util {height:26px;margin:0 0 0 124px;} #div_footer_yahoo .util ul {margin:0; padding:0; list-style:none;} #div_footer_yahoo .util ul li {display:inline; margin:0 2px 0 0; padding: 0 0 0 8px; background:url("/lovebeat_v3/layout/footer_bul1.gif") 2px 4px no-repeat;} #div_footer_yahoo .util ul li.first {padding:0; background:none;} #div_footer_yahoo .copyright {overflow:hidden; margin:0 auto; width:703px; font-size:11px; color:#3c3c3c;} #div_footer_yahoo .copyright .grade {float:left;width:326px;height:46px;margin:0;} #div_footer_yahoo .copyright .copy {float:right;width:371px;margin:0;line-height:1.8;} /* footer-Tooniland */ #div_footer_tooniland {position:relative; clear:both; width:980px; height:230px; margin:0 auto; background:url('/lovebeat_v3/layout/footer_tooniland_150401.gif') no-repeat center 0;} #div_footer_tooniland p {margin:0; padding:0;} #div_footer_tooniland dfn {display:none;} #div_footer_tooniland a.onmedia {display:block; position:absolute; top:26px; left:132px; width:80px; height:50px;} #div_footer_tooniland a.ncsoft {display:block; position:absolute; top:156px; left:142px; width:70px; height:60px;} #div_footer_tooniland .utilmenu {position:absolute; top:29px; left:233px; margin:0; padding:0;} #div_footer_tooniland .utilmenu li {float:left; list-style-type:none; height:14px; margin:0 5px 0 0;} #div_footer_tooniland .utilmenu li.m1 {width:42px;} #div_footer_tooniland .utilmenu li.m2 {width:42px;} #div_footer_tooniland .utilmenu li.m3 {width:77px;} #div_footer_tooniland .utilmenu li.m4 {width:70px;} #div_footer_tooniland .utilmenu li.m5 {width:65px;} #div_footer_tooniland .utilmenu li.m6 {width:58px;} #div_footer_tooniland .utilmenu li.m7 {width:40px;} #div_footer_tooniland .utilmenu li.m8 {width:59px;} #div_footer_tooniland .utilmenu li a {display:block; width:100%; height:100%;} #div_footer_tooniland .email {display:block; position:absolute; left:520px; top:175px; width:95px; height:11px; text-indent:-99999px;} /* footer .wrap_footer {position:relative; clear:both; margin:0 auto; width:100%; background-color:#f5f5f5;} #div_footer {position:relative; clear:both; width:980px; height:198px; margin:0 auto; background:url("/lovebeat_v3/layout/bg_footer.gif") no-repeat left top;} #div_footer p {margin:0; padding:0;} #div_footer .ncsoft a {position:absolute; top:29px; left:57px; display:block; width:55px; height:47px;} #div_footer .dev a {position:absolute; top:42px; left:127px; display:block; width:79px; height:16px;} #div_footer .email a {position:absolute; top:51px; left:635px; display:block; width:85px; height:11px;} #div_footer .utilmenu {position:absolute; top:31px; left:235px; margin:0; padding:0;} #div_footer .utilmenu li {float:left; list-style-type:none; height:12px;} #div_footer .utilmenu li.m1 {width:42px;} #div_footer .utilmenu li.m2 {width:48px;} #div_footer .utilmenu li.m3 {width:173px;} #div_footer .utilmenu li.m4 {width:47px;} #div_footer .utilmenu li.m5 {width:86px;} #div_footer .utilmenu li.m6 {width:49px;} #div_footer .utilmenu li.m7 {width:78px;} #div_footer .utilmenu li.m8 {width:33px;} #div_footer .utilmenu li a {display:block; width:100%; height:100%;} #div_footer .ftc {display:block;position:absolute;top:64px;left:341px;width:59px;text-indent:-99999px; overflow:hidden;}*/ /* new footer */ .wrap_footer {position:relative; clear:both; margin:0 auto; width:100%; background-color:#f5f5f5;} .footerWrap {clear:both; position:relative; width:970px; margin:0 auto; padding:47px 0 65px 0; color:#444;} .footerWrap a {color:#444} .footerWrap a:hover {color:#444; text-decoration:underline;} .footerWrap a:visited {color:#444; text-decoration:none;} .footerWrap .utilmenu {position:relative; width:100%; margin:0 0 25px 0; padding:0 0 9px 0; list-style-type:none; border-bottom:1px solid #d8d0c1;} .footerWrap .utilmenu li {margin:0; padding:0 12px 0 8px; list-style-type:none; display:inline-block; background:url("/lovebeat_v3/layout/ic_footer.gif") no-repeat right 1px; *display:inline; *padding:0 8px 10px;} .footerWrap .utilmenu li.bizinfo {padding-left:0;} .footerWrap .utilmenu li.grade {position:relative; cursor:pointer;} .footerWrap .utilmenu li.pcbang {position:absolute; top:0; right:5px; padding-right:0; padding-left:10px; font-weight:bold; letter-spacing:-1px; background-position:0 -36px;} .footerWrap .utilmenu li.last {background-image:none;} .footerWrap .utilmenu .ly_grade {position:absolute; bottom:23px; left:-239px; display:none; width:573px; height:140px; background:url("/lovebeat_v3/layout/grade.png") no-repeat; text-indent:-9999px; overflow:hidden; z-index:9999;} .footerWrap address {position:relative; width:100%; height:48px; background:url("/lovebeat_v3/layout/footer_150121.gif") no-repeat; text-indent:-9999px; overflow:hidden;} .footerWrap address a {display:block; overflow:hidden;} .footerWrap address .ncsoft {position:absolute; top:0; left:0; width:124px; height:41px;} .footerWrap address .ftc {position:absolute; top:0; left:712px; width:57px; height:11px;} .footerWrap address .email {position:absolute; top:14px; left:340px; width:75px; height:10px;} .footerWrap address .dev {position:absolute; top:14px; right:10px; width:92px; height:25px;} .skipNav{display:block;position:relative;width:100%} .skipNav a{position:absolute;top:2px;left:2px;display:block;z-index:999999999;width:1px;height:1px;overflow:hidden} .skipNav a:active,.skipNav a:focus{display:block;min-width:113px;width:auto;height:18px;padding:7px 20px 0;text-align:center;font-family:dotum;font-size:12px!important;color:#fff;line-height:12px!important;background:#000;border:2px solid #b4aba7} .skipNav a span{padding:0 12px 0 0;background:url(/common/skipnav/ic1.gif) no-repeat right 2px} /*.lovebeatLayer {top: 336px; left: 3px;}*/ .lovebeatLayer {top: 305px; left: 3px;} .channelingGameStartLayer.lovebeatLayer {left: -44px;} .lovebeatTooltip {top:325px; left:10px;}