@charset "utf-8"; /* * melon / 2013.07.19 / vi-nyl.com * Service : 멜론 공통 * Creation Date : 2013.07.19 * Last Update : * Author : 바이널 */ /* 전체메뉴 레이어(140205수정) */ .sub_gnb li {position:static !important;} .sub_gnb li.lay .layer_sitemap {display:block;} .layer_sitemap {display:none;float:left;position:absolute;top:42px;left:-916px;width:1007px;height:auto;padding:0 0 25px 0;border: 1px solid #2c353a !important;border-top:none !important;background:#fff !important;-webkit-box-shadow: 0px 0px 2px 0px #333 !important; box-shadow: 0px 0px 2px 0px #333 !important;;z-index:14;} .layer_sitemap .row01 {float:left;width:173px;height:460px;padding:0 16px;margin-top:24px;border-right:1px solid #e6e6e6;} .layer_sitemap .row02, .layer_sitemap .row03, .layer_sitemap .row04 {float:left;width:157px;height:499px;padding:0 16px;margin-top:24px;border-right:1px solid #e6e6e6;} /* 140121_miok */ .layer_sitemap .row05 {float:left;width:198px;height:460px;padding:0 16px;margin-top:24px;} .layer_sitemap .cate {display:inline-block !important;width:100% !important;height:22px !important;padding-top:4px !important;*margin-left:1px !important;border-top:1px solid #e0e0e0 !important;border-bottom:1px solid #e0e0e0 !important;text-align:center !important;font-size:14px !important;color:#739900 !important;font-weight:bold !important;letter-spacing:-1px !important;font-family:"맑은고딕","Malgun Gothic", "Apple Gothic" !important;} .layer_sitemap a.cate {width:130px !important;border-left:none !important;border-right:none !important;background:none !important;} .layer_sitemap ul {padding:9px 0 0 0 !important;margin-bottom:-4px;} .layer_sitemap ul li {width:100%;*width:150px;padding:0 0 0 6px;margin:0;line-height:12px !important;} .layer_sitemap ul li a {display:block !important;height:20px !important;padding:0 0 0 7px !important;background:url(http://image.melon.co.kr/resource/image/web/main/bull_gray_dot01.png) no-repeat 0 5px !important;font-family:"돋움","Dotum" !important, "Apple Gothic", sans-serif;color:#666 !important;border:none !important;font-size:12px !important;font-weight:normal !important;letter-spacing:0 !important;} .layer_sitemap .row05 .quick_link {width:176px !important;padding:0 10px !important;height:auto !important;margin-bottom:10px !important;border:1px solid #e0e0e0 !important;background:#fafafa !important;} /* 140121_miok */ .layer_sitemap .row05 .quick_link li {border-top:1px solid #ececec;padding:0 0 0 0 !important;} .layer_sitemap .row05 .quick_link li.first_child {border:none;} .layer_sitemap .row05 .quick_link a {display:block;height:22px !important;padding:11px 5px 0 5px !important;width:166px !important;} .layer_sitemap .row05 .quick_link a.m01 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right 0 !important;} .layer_sitemap .row05 .quick_link a.m02 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -34px !important;} .layer_sitemap .row05 .quick_link a.m03 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -68px !important;} .layer_sitemap .row05 .quick_link a.m04 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -102px !important;} .layer_sitemap .row05 .quick_link a.m05 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -136px !important;} .layer_sitemap .row05 .quick_link a.m06 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -170px !important;} .layer_sitemap .row05 .quick_link a.m07 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -204px !important;} .layer_sitemap .row05 .quick_link a.m08 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -238px !important;} .layer_sitemap .row05 .quick_link a.m09 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -272px !important;} .layer_sitemap .row05 .quick_link a.m10 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_set_quick_link.png) no-repeat right -306px !important;} .layer_sitemap .row05 .banner {margin:0 !important;padding:0 !important;border:none !important; background:none !important;} .line_ban {position:relative;z-index:1;width:1008px;padding: 0 0 8px;} .line_ban a {display:block;font-size:0;line-height:0;} .line_ban img {font-size:0;line-height:0;} .line_ban .close {position:absolute;top:16px;right:16px;font-size:0;line-height:0;} .line_ban .close span {display:block;width:15px;height:15px;background:url(http://image.melon.co.kr/resource/image/web/common/btn_ban_close.png) no-repeat;} /* table */ caption {width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;} .tb_list {max-width:1008px; border:1px solid #e4e4e4; border-width:1px 0;} /* 140311_modi kcu */ .tb_list caption.title {width:auto; height:auto; padding:6px 18px; border-top:1px solid #fff; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_song_cd.png) no-repeat 7px 10px; overflow:visible; color:#1a1a1a; font-size:12px; line-height:1.2em; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; text-indent:0; vertical-align:middle;} .tb_list caption.title.type02 {border-top:1px solid #ccc;} .tb_list th, .tb_list td {line-height:1.2em; text-align:center; vertical-align:middle;} .tb_list th.t_left, .tb_list td.t_left {text-align:left;} .tb_list th.t_right, .tb_list td.t_right {text-align:right;} .tb_list th {height:26px; border-bottom:2px solid #80ba00; color:#8ca456; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif; font-size:11px; font-weight:bold;}/* 140311_modi kcu */ .tb_list tr.title th {height:47px; border:1px solid #cccccc; border-right:0; border-left:0; color:#1a1a1a; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif; text-align:left;} .tb_list tr.title th.th02 {font-weight:normal;} .tb_list td {height:39px; border-top:1px solid #e6e6e6;} /* 140120_miok */ .tb_list tbody tr.first_child td {border-top:0;} .tb_list tr.on td {background-color:#f5f7f4;} .tb_list tbody .title.first_child th {border-top:none;} .tb_list th .input_check {*width:12px; *height:12px; margin:0; vertical-align:-2px;} .tb_list th .wrap, .tb_list td .wrap {padding:0 8px;} .tb_list td.on .wrap {z-index:5;} .tb_list th .wrap.pd_none, .tb_list td .wrap.pd_none {padding:0;} .tb_list th .wrap.left_none, .tb_list td .wrap.left_none {padding-left:0;} .tb_list th .wrap.right_none, .tb_list td .wrap.right_none {padding-right:0;} .tb_list th .wrap.left, .tb_list td .wrap.left {padding-left:16px;} .tb_list th .wrap.left8, .tb_list td .wrap.left8 {padding-left:8px;} .tb_list th .wrap.left_odd, .tb_list td .wrap.left_odd {padding-left:73px;} .tb_list th .wrap.left02, .tb_list td .wrap.left02 {padding-left:12px;} .tb_list .title th .wrap.left {padding-left:19px; color:#666;} .tb_list th .wrap.right, .tb_list td .wrap.right {padding-right:16px;} .tb_list th .wrap.right8, .tb_list td .wrap.right8 {padding-right:8px;} .tb_list td.no {color:#666; font-size:14px; font-family:"Arial", "돋움", "Dotum", serif;} .tb_list td.no .wrap {padding:0;} .tb_list td.no16 {color:#666; font-size:16px; font-family:"Arial", "돋움", "Dotum", serif;} .tb_list td .crcename {margin-left:10px;} .tb_list td .wrap.search_wrong {padding:68px 0 80px; color:#1a1a1a; font-size:14px; line-height:1.7em; font-family:"맑은 고딕","Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} .tb_list tr.mhover td .wrap.search_wrong {background-color:#fff;} .tb_list td span.no_a16 {color:#666; font-size:16px; font-family:"Arial", "돋움", "Dotum", serif;} .tb_list td .wrap.no_data {padding:53px 0 56px;} .tb_list td .wrap.no_data p {color:#1a1a1a; font-size:14px; line-height:16px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; text-align:center;} .tb_list .ico_cmpsr {margin-right:11px;} .tb_list .ellipsis {display:inline-block; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;}/* 140124_수정 kcu */ .tb_list .ellipsis {*position:relative; *display:inline;} .tb_list .ellipsis a {color:#666;} .tb_list .wrap_more {display:inline-block;} .tb_list .wrap_more {*display:inline;} .tb_list .wrap_btn_tb {padding:7px 0;}/* 140311_수정 kcu */ .tb_list .wrap_btn_tb.top {border-bottom:1px solid #ccc;} .tb_list .wrap_btn_tb.bottom {border-top:1px solid #ccc;} .tb_list .rank {display:inline-block; min-width:30px; max-width:50px; color:#939897; font-weight:bold; font-size:20px; line-height:1.2em; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; text-align:center; vertical-align:middle;} .tb_list .rank.top, .tb_list .rank.high {color:#fe473f; }/* 140422_수정 aty */ .tb_list .rank.type02, .tb_list .rank.type02 {width:60px; font-size:26px;} .tb_list .btn_icon_detail {margin:0 6px 0 10px;} .tb_list .album {display:block;} .tb_list .icon_song {padding-top:0; vertical-align:middle;} /* .tb_list .icon_song + a, .tb_list .icon_song + span {vertical-align:middle;} */ .tb_list .wrap_atist {position:relative;display:inline-block; vertical-align:middle;}/* 140609 수정 lyr */ .tb_list .wrap_atist {*display:inline; *zoom:1;} /* ie7 */ .tb_list .wrap_atist .l_popup.small {left:100%; top:50%;} .tb_list td.on .wrap_atist {z-index:5;} .tb_list .wrap_video02 {margin:16px 0;} .tb_list .wrap_video03_01 {margin:16px 0;} .tb_list .wrap_video05 {margin:16px 0;} .tb_list .box_thum04 {margin:4px 0;} .tb_list .box_thum04_02.type03 {margin:4px 0;} .tb_list .list_music {padding:0; padding-left:15px; border:0; border-left:1px solid #e2e6e5;} .tb_list .btn_icon.dl {*margin-right:0; *margin-left:0;} /* ie7 */ /* ie7 - 간격 위해 */ .tb_list .btn_icon.mv {*margin-right:0; *margin-left:0;} /* ie7 */ /* ie7 - 간격 위해 */ .tb_list .btn_icon.sendlk1 {*margin-right:0; *margin-left:0;} /* ie7 */ /* ie7 - 간격 위해 */ .tb_list.vdo {border-top:none;} .tb_list.vdo td {border-bottom:0;} .tb_list.vdo tr.first_child td {border-top:none;} .tb_list td .wrap.left .input_check {margin:0; *width:12px; *height:12px;} /* thead 없을 경우 */ .tb_list.th_none thead {height:0; font-size:0; line-height:0;} .tb_list.th_none thead th {height:0; padding:0; border:0;} .tb_list.th_none thead th .wrap {width:0; height:0; font-size:0; overflow:hidden;} .tb_list.th_none tbody tr.first_child td {border-top:0;} /* 곡리스트 내 더보기 버튼 */ .tb_list .wrap_btn_more {padding:8px 16px; border-top:1px solid #d9d9d9;} .tb_btn_more {padding:8px 16px 0;} /* */ .tb_list.type02 td {height:56px;} .tb_list.type02 .wrap_song_info {display:inline-block; width:500px; padding-top:4px; vertical-align:middle;}/* 140224_수정 kcu */ .tb_list.type02 .wrap_song_info {*display:inline; *zoom:1;} /* ie7 */ .tb_list.type02 .wrap_song_info strong a {vertical-align:middle;} .tb_list.type02 .bar {margin:0 3px; color:#e5e5e5; font-size:11px; font-style:normal; vertical-align:middle;} .tb_list.type02 tr.recm td {height:39px;} .tb_list.type02 .ellipsis.recm02 {margin-left:10px;} .tb_list.type02 .ellipsis.recm01 {max-width:236px;} .tb_list.type02 .ellipsis.recm02 {max-width:130px;} .tb_list.type02 .ellipsis.recm03 {max-width:106px;} .tb_list.type02 .ellipsis.rank01 {max-width:491px;} .tb_list.type02 .ellipsis.rank02 {max-width:240px;} .tb_list.type02 .ellipsis.rank03 {max-width:220px;} .tb_list.type02 .vote_rate {width:106px; margin:0 auto;} .tb_list.type02 .vote_rate .vote_value {color:#999; line-height:18px;} .tb_list.type02 .vote_rate .vote_value span {color:#666;} .tb_list.type02 .vote_rate .vote_value strong {color:#4c9201;} .tb_list.type02 .wrap_song_info div {line-height:18px;}/* 140213_추가 kcu */ /* */ .tb_list.type03 td {height:56px;} .tb_list.type03 .wrap_song_info {display:inline-block; max-width:300px; padding-top:4px; vertical-align:middle;} .tb_list.type03 .wrap_song_info {*display:inline; *zoom:1;} /* ie7 */ .tb_list.type03 .wrap_song_info strong a {vertical-align:middle;} .tb_list.type03 .wrap_song_info div {line-height: 20px} .tb_list.type03 .bar {margin:2px 3px 0 3px; color:#e5e5e5; font-size:11px; font-style:normal; vertical-align:middle;} .tb_list.type03 .ellipsis.rank01 {max-width:300px;} .tb_list.type03 .ellipsis.rank02 {max-width:130px;} /* 140314 추가 aty */ .tb_list.type03 .ellipsis.rank02 a {color:#79a54c;} .tb_list.type03 .ellipsis.rank03 {max-width:130px;} /* 131219_추가 kcu */ .tb_list.year .wrap_rank {display:none;} .tb_list .ellipsis .icon_song {vertical-align:middle;} /* */ .tb_list02 {border-top:2px solid #b8b8b8; border-bottom:1px solid #b8b8b8; *zoom:1;} .tb_list02 tr.odd {background-color:#fafafa;} .tb_list02 th {text-align:center; vertical-align:middle; background-color:#fafafa;} .tb_list02 td {text-align:left; vertical-align:middle;} .tb_list02 th.t_left, .tb_list02 td.t_left {text-align:left;} .tb_list02 th.t_right, .tb_list02 td.t_right {text-align:right;} .tb_list02 td.t_center {text-align:center;} .tb_list02 th {height:33px; border-bottom:1px solid #cfcfcf; color:#333333;} .tb_list02 td {height:13px; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6;} .tb_list02 tr td.first_child {border-left:0;} .tb_list02 td.not_left {border-left:0;} .tb_list02 tr td.line_left {border-left:1px solid #e6e6e6;} .tb_list02 tr.row td {border-top:1px solid #a6a6a6;} .tb_list02 tr.line td {border-top-color:#a6a6a6;} .tb_list02 tr td.not_left {border-left:0;} .tb_list02 td.no {font-family:"돋움", "Dotum", "Apple Gothic", sans-serif; text-align:center;} .tb_list02 td.no .wrap {padding:0;} .tb_list02 tbody tr.first_child td {border-top:none;} .tb_list02 th .wrap {position:relative; padding:8px 23px 6px;} .tb_list02 th .wrap.subject{word-break:break-all; white-space:pre-wrap;}/* 140521_추가 */ .tb_list02 th .wrap.subject_type {display:inline-block; vertical-align:bottom; *vertical-align:middle;}/* 140616_수정 aty */ .tb_list02 td .wrap {position:relative; padding:11px 23px;} .tb_list02 td .wrap.pd {padding:13px 10px;} .tb_list02 td .wrap.pd02 {position:relative; padding:11px 20px;} .tb_list02 td.on .wrap {z-index:5;} .tb_list02 td .wrap.search_wrong {padding:68px 0 80px; color:#1a1a1a; font-weight:normal; font-size:14px; line-height:1.7em; font-family:"맑은 고딕","Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} .tb_list02 td .wrap.search_wrong .wrap_btn_c {margin-top:20px;} .tb_list02 th .wrap.pd_none {padding:8px 0;} .tb_list02 td .wrap.pd_none {padding:13px 0;} .tb_list02 .wrap_srvc_info {display:inline-block; margin-left:12px; vertical-align:middle;} .tb_list02 .list_bullet {} .tb_list02 .ellipsis {display:inline-block; overflow:hidden; vertical-align:bottom; white-space:nowrap; text-overflow:ellipsis;} .tb_list02 .ellipsis {*display:inline; *vertical-align:middle;} /* ie7 */ .tb_list02 .wrap_more {display:inline-block;} .tb_list02 .wrap_more {*display:inline;} /* ie7 */ .tb_list02 .btn_small02 {vertical-align:inherit;} .tb_list02 .btn_small02 {*vertical-align:middle;} /* ie7 */ .tb_list02 table {border-collapse:separate;} .tb_list02 table {*border-collapse:collapse;} /* ie7 */ /* 행병합 */ .tb_list02 .list_srvc {margin:0 -23px;} .tb_list02 .list_srvc li {margin-top:11px; padding:11px 23px 0; border-top:1px solid #e6e6e6;} .tb_list02 .list_srvc li.first_child {margin-top:0; padding-top:0; border-top:0;} /* */ .tb_list_row table {border-collapse:separate;} .tb_list_row table {*border-collapse:collapse;} /* ie7 */ .tb_list_row {border-top:2px solid #808080; border-bottom:1px solid #808080;} .tb_list_row th, .tb_list_row td {border-top:1px solid #e6e6e6;} .tb_list_row tr.first_child th, .tb_list_row tr.first_child td {border-top:none;} .tb_list_row tr.line th, .tb_list_row tr.line td {border-top-color:#b3b3b3;} .tb_list_row th {border-right:1px solid #e6e6e6; background:#fafafa; color:#1a1a1a; vertical-align:middle;} .tb_list_row th .wrap {padding:6px 25px 5px;} .tb_list_row th, .tb_list_row td {font-size:12px; line-height:1.2em; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif; letter-spacing:0;} .tb_list_row .bb_none th, .tb_list_row .bb_none td {border-bottom:none;} .tb_list_row td {padding:4px 0; color:#666; vertical-align:middle;} .tb_list_row td .wrap {padding:6px 22px 5px 24px;} .tb_list_row td .wrap_size {display:inline-block; width:200px; margin-right:10px; color:#1a1a1a; text-align:right;} .tb_list_row td .wrap_size input {text-align:right;} .tb_list_row td .position_rt {position:relative;} .tb_list_row td .position_as {position:absolute; top:0; left:214px; color:#666;} .tb_list_row td .position_as label {vertical-align:-1px;} .tb_list_row td input {margin:0 3px 0 5px; vertical-align:middle;} .tb_list_row td .dis_bl span {display:block;} .tb_list_row td .dis_bl input {text-align:right;} .tb_list_row .tfoot th {font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; font-size:14px; font-weight:bold;} .tb_list_row .tfoot td .wrap_size {display:inline-block; float:left;} .tb_list_row .tfoot td .wrap_size em {font-style:normal; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; font-size:22px;} .tb_list_row .tfoot td .vat {float:left; margin-top:3px; font-size:11px; color:#df2607;} .tb_list_row02 table {border-collapse:separate;} .tb_list_row02 table {*border-collapse:collapse;} /* ie7 */ .tb_list_row02 {border-top:2px solid #808080; border-bottom:1px solid #808080;} .tb_list_row02 th, .tb_list_row02 td {height:39px; border-top:1px solid #e6e6e6; vertical-align:middle;} .tb_list_row02 .line th, .tb_list_row02 .line td {border-top-color:#a6a6a6;} .tb_list_row02 tbody tr.first_child th, .tb_list_row02 tbody tr.first_child td {border-top:none;} .tb_list_row02 th {background-color:#fafafa; border-right:1px solid #e6e6e6; color:#1a1a1a;} .tb_list_row02 th.emphs {background-color:#f2f2f2;} .tb_list_row02 th .wrap, .tb_list_row02 td .wrap {padding:12px 22px 11px;} /* tab 140312_miok */ .wrap_tab03 {position:relative;background-color: #ebf0ed;} .wrap_tab03 ul {position:relative; width:1008px; border-top: 2px solid #848484; border-bottom: 1px solid #dbdbdb;} .wrap_tab03 ul {*zoom:1;} .wrap_tab03 ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_tab03 ul li {float:left;background-color: #ebf0ed;} .wrap_tab03 ul li.first_child {margin-left:-1px;} .wrap_tab03 ul li.last_child a {border-right:0;} .wrap_tab03 ul li .link_tab {display:block; position:relative; width: 192px; min-height:16px; padding:10px 4px;border-bottom:0; color: #333333; font-size:12px; line-height:1.2em; text-align:center; text-decoration:none;border-left: 1px solid #fff;border-right: 1px solid #d9d9d9;} .wrap_tab03 ul li .link_tab {*zoom:1;} /* ie7 */ .wrap_tab03 ul li .link_tab .wrap_vertical {display:inline-block; width:0; height:28px; visibility:hidden; vertical-align:middle;} .wrap_tab03 ul li .link_tab .cntt {display:inline-block; vertical-align:middle;} .wrap_tab03 ul li .link_tab span.cntt {*cursor:pointer;} /* ie7 */ .wrap_tab03 ul li a.link_tab:hover .cntt {text-decoration:underline;} .wrap_tab03 ul li .wrap_tab_cntt {display:none;} .wrap_tab03 ul li.on .link_tab {z-index:3; width:192px; margin-bottom:-1px;border-bottom:1px solid #fff; background-color:#fff; color: #6ea300; font-weight:bold;} .wrap_tab03 ul li.on .wrap_tab_cntt {display:block;} .wrap_tab03 ul.line {background:#f7f7f7 url(http://image.melon.co.kr/resource/image/web/common/line_wrap_tab03.png) no-repeat right 0;} .wrap_tab03 .btn_text.arrow_r {position:absolute; right:17px; top:50%; margin-top:-9px;} .wrap_tab03.type02 ul li .link_tab {width:158px;} .wrap_tab03.type02 ul li.on .link_tab {width:157px;} .wrap_tab03.type02 ul li.last_child {background:url(http://image.melon.co.kr/resource/image/web/common/bg_tab_line.png) no-repeat right 0;} .wrap_tab03.type02 ul li.last_child.on {border-right: 1px solid #d9d9d9;} .wrap_tab03.type03 ul li .link_tab {width:158px;} .wrap_tab03.type03 ul li.on .link_tab {width:157px;} .wrap_tab03.type03 ul li.last_child {background:url(http://image.melon.co.kr/resource/image/web/common/bg_tab_line.png) no-repeat right 0;} .wrap_tab03.type03 ul li.last_child.on {border-right: 1px solid #d9d9d9;} .wrap_tab03.type04 ul li .link_tab {width:242px;} .wrap_tab03.type04 ul li.on .link_tab {width:244px;} .wrap_tab03.type06 ul li .link_tab {width:158px;} .wrap_tab03.type06 ul li.on .link_tab {width:157px;} .wrap_tab03.type06 ul li.last_child.on .link_tab{width:160px;} .wrap_tab03.type07 ul li .link_tab {width:134px;} .wrap_tab03.type07 ul li.on .link_tab {width:136px;} .wrap_tab03.type08 ul li .link_tab {width:116px;} .wrap_tab03.type08 ul li.on .link_tab {width:118px;} .wrap_tab03.type09 ul li .link_tab {width:102px;} .wrap_tab03.type09 ul li.on .link_tab {width:104px;} .wrap_tab03.type10 ul li .link_tab {width:91px;} .wrap_tab03.type10 ul li.on .link_tab {width:91px;} .wrap_tab03.type11 ul li .link_tab {width:154px;} .wrap_tab03.type11 ul li.on .link_tab {width:153px;} /* //tab 140312_miok */ /* button */ button, .btn {border: 1px solid red; display:inline-block; zoom:1; margin:0; padding:0; background:none; border:none; text-decoration:none !important; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer;}/* 140205_수정 kcu */ button, .btn {*margin:0 2px; *overflow:visible;} /* ie7 */ button span.odd_span, .btn span.odd_span, button span.even_span, .btn span.even_span {display:block; position:relative;}/* 140205_수정 kcu */ .btn input {margin:0 -8px; border:0; vertical-align:middle; cursor:pointer;} button::-moz-focus-inner {padding:0; border:0;} /* 파이어폭스 버튼 내부 여백 제거 */ button.disabled, .btn.disabled {cursor:default;} .btn_base span.odd_span {padding-left:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat left top;} .btn_base span.even_span {min-width:22px; height:26px; padding-right:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat right top; color:#333; font-size:11px; line-height:29px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;}/* 140205_수정 kcu */ .btn_base span.even_span {*line-height:26px;} /* ie7 */ .btn_base.mhover span.odd_span, .btn_base:focus span.odd_span {background-position:left -37px;} .btn_base.mhover span.even_span, .btn_base:focus span.even_span {background-position:right -37px;} .btn_base.mhover.mactive span.odd_span {background-position:left -74px;} .btn_base.mhover.mactive span.even_span {background-position:right -74px;} .btn_base.mactive span.odd_span {background-position:left -74px;} .btn_base.mactive span.even_span {background-position:right -74px;} .btn_base.disabled span.odd_span {background-position:left -111px;} .btn_base.disabled span.even_span {background-position:right -111px; color:#ccc;} .btn_base .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_base .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_base.play span.odd_span {padding-left:19px; background-position:left -148px;} .btn_base.play.mhover span.odd_span, .btn_base.play:focus span.odd_span {background-position:left -185px;} .btn_base.play.mactive span.odd_span {background-position:left -222px;} .btn_base.play.disabled span.odd_span {} .btn_base.play_all span.odd_span {} .btn_base.play_all span.even_span {} .btn_base.play_all .icon {width:14px; height:14px; background-position:-62px top; vertical-align:-3px;} .btn_base.play_all .icon {*vertical-align:-1px;} /* ie7 */ .btn_base.print span.odd_span {padding-left:28px; background-position:left -296px;} .btn_base.print span.even_span {padding-right:10px; background-position:right -148px; color:#666;} .btn_base.musiclist .icon {width:10px; height:10px; background-position:left top;} .btn_base.vodlist .icon {width:11px; height:11px; background-position:-20px top;} .btn_base.vodlist.disabled .icon {background-position:-41px top;} /*140311 추가 lyr*/ .btn_base.short span.odd_span {background-position:left -1285px;} .btn_base.short span.even_span {height:24px;padding-right:5px; background-position:right -1286px;line-height:26px;} .btn_base.short span.even_span {*line-height:25px;}/* ie7 */ .btn_base.short span.even_span span.num {font-size:11px;letter-spacing:0;}/*140318 수정 lyr*/ .btn_base.short.mhover span.odd_span, .btn_base.short:focus span.odd_span {background-position:-32px -1285px;} .btn_base.short.mhover span.even_span, .btn_base.short:focus span.even_span {background-position:right -1323px;} .btn_base.short.mactive span.odd_span {background-position:-64px -1285px;} .btn_base.short.mactive span.even_span {background-position:right -1360px;} .btn_base.short.disabled span.odd_span {background-position:-96px -1285px;} .btn_base.short.disabled span.even_span {background-position:right -1397px;} .btn_base.short.check_all span.odd_span {padding-left:21px; background-position:left -1285px;} .btn_base.short.check_all.mhover span.odd_span, .btn_base.short.check_all:focus span.odd_span {background-position:-32px -1285px;} .btn_base.short.check_all.mactive span.odd_span {background-position:-64px -1285px;} .btn_base.short.check_all.disabled span.odd_span {background-position:-96px -1285px;} .btn_base.short.play span.odd_span {padding-left:18px; background-position:left -1316px;} .btn_base.short.play.mhover span.odd_span, .btn_base.short.play:focus span.odd_span {background-position:-32px -1316px;} .btn_base.short.play.mactive span.odd_span {background-position:-64px -1316px;} .btn_base.short.play.disabled span.odd_span {background-position:-96px -1316px;} /*140312 추가 lyr*/ .btn_base.short.play_top span.odd_span {padding-left:20px; background-position:left -1316px;} .btn_base.short.play_top span.even_span {padding-right:7px;} .btn_base.short.play_top.mhover span.odd_span, .btn_base.short.play_top:focus span.odd_span {background-position:-32px -1316px;} .btn_base.short.play_top.mactive span.odd_span {background-position:-64px -1316px;} .btn_base.short.play_top.disabled span.odd_span {background-position:-96px -1316px;} .btn_base.short.download span.odd_span {padding-left:18px; background-position:left -1347px;} .btn_base.short.download.mhover span.odd_span, .btn_base.short.download:focus span.odd_span {background-position:-32px -1347px;} .btn_base.short.download.mactive span.odd_span {background-position:-64px -1347px;} .btn_base.short.download.disabled span.odd_span {background-position:-96px -1347px;} /*140312 추가 lyr*/ .btn_base.short.download_all span.odd_span {padding-left:20px; background-position:left -1347px;} .btn_base.short.download_all span.even_span {padding-right:6px;} .btn_base.short.download_all.mhover span.odd_span, .btn_base.short.download_all:focus span.odd_span {background-position:-32px -1347px;} .btn_base.short.download_all.mactive span.odd_span {background-position:-64px -1347px;} .btn_base.short.download_all.disabled span.odd_span {background-position:-96px -1347px;} .btn_base.short.scrap span.odd_span {padding-left:18px; background-position:left -1378px;} .btn_base.short.scrap.mhover span.odd_span, .btn_base.short.scrap:focus span.odd_span {background-position:-32px -1378px;} .btn_base.short.scrap.mactive span.odd_span {background-position:-64px -1378px;} .btn_base.short.scrap.disabled span.odd_span {background-position:-96px -1378px;} .btn_base.short.gift span.odd_span {padding-left:18px; background-position:left -1409px;} .btn_base.short.gift.mhover span.odd_span, .btn_base.short.gift:focus span.odd_span {background-position:-32px -1409px;} .btn_base.short.gift.mactive span.odd_span {background-position:-64px -1409px;} .btn_base.short.gift.disabled span.odd_span {background-position:-96px -1409px;} /*140312 추가 lyr*/ .btn_base.short.cancl_like span.odd_span {padding-left:20px; background-position:left -1440px;} .btn_base.short.cancl_like span.even_span {padding-right:7px;} .btn_base.short.cancl_like.mhover span.odd_span, .btn_base.short.cancl_like:focus span.odd_span {background-position:-32px -1440px;} .btn_base.short.cancl_like.mactive span.odd_span {background-position:-64px -1440px;} .btn_base.short.cancl_like.disabled span.odd_span {background-position:-96px -1440px;} /*140321 추가 khr*/ .btn_base.short.delete span.odd_span {padding-left:18px; background-position:left -1471px;} .btn_base.short.delete span.even_span {padding-right:7px;} .btn_base.short.delete.mhover span.odd_span, .btn_base.short.delete:focus span.odd_span {background-position:-32px -1471px;} .btn_base.short.delete.mactive span.odd_span {background-position:-64px -1471px;} .btn_base.short.delete.disabled span.odd_span {background-position:-96px -1471px;} .btn_base02 span.odd_span {padding-left:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat left top;} .btn_base02 span.even_span {min-width:22px; height:26px; padding-right:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat right top; color:#666; font-size:11px; line-height:29px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_base02 span.even_span {*line-height:26px;} /* ie7 */ .btn_base02.mhover span.odd_span, .btn_base02:focus span.odd_span {background-position:left -37px;} .btn_base02.mhover span.even_span, .btn_base02:focus span.even_span {background-position:right -37px;} .btn_base02.mactive span.odd_span {background-position:left -74px;} .btn_base02.mactive span.even_span {background-position:right -74px;} .btn_base02.disabled span.odd_span {background-position:left -111px;} .btn_base02.disabled span.even_span {background-position:right -111px; color:#ccc;} .btn_base02 .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_base02 .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_base02.like .icon {width:11px; height:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_like.png) no-repeat left top;} .btn_base02.like.on .icon {background-position:-79px -47px;} .btn_base02.like.on .icon {*vertical-align:middle;} /* ie7 */ .btn_base02.make_dj .icon {width:17px; height:12px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_play_dj.png) no-repeat 0 0;} /* DJ컬렉션 만들기 버튼 */ .btn_base02.magazine_make .icon {width:10px; height:11px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_play_dj.png) no-repeat -27px 0;} /* DJ매거진 만들기 버튼 */ .btn_base02.play_co .icon {width:14px; height:11px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_play_dj.png) no-repeat -47px 0;} /* 플레이리스트 만들기 버튼 */ .btn_base03 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base03.png) no-repeat left top;} .btn_base03 span.odd_span {min-width:30px; height:20px; margin-left:5px; padding-right:5px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base03.png) no-repeat right top; color:#666; font-size:11px; line-height:21px; font-family:"Dotum", "돋음", sans-serif, "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_base03 span.odd_span {*margin-top:-2px;} /* ie7 */ .btn.btn_base03 span.odd_span {*margin-top:0;} /* ie7 */ .btn_base03.mhover {} .btn_base03.mhover span.odd_span, .btn_base03:focus span.odd_span {} .btn_base03.mactive {} .btn_base03.mactive span.odd_span, .btn.btn_base03 span.mactive {} .btn_base03.disabled {} .btn_base03.disabled span.odd_span {} .btn_base03.friend {background-position:left -100px;} .btn_base03.friend span.odd_span {margin-left:19px;} .btn_base03.friend span.odd_span {*margin-left:18px;} /* ie7 */ .btn_base03.friend.mhover {} .btn_base03.friend.mactive {} .btn_base03.friend.disabled {} .btn_base04 span.odd_span {padding-left:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat 0 -971px; vertical-align:middle;} .btn_base04 span.even_span {min-width:22px; height:28px; padding-right:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat 100% -592px; color:#666; font-size:11px; line-height:30px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_base04 span.even_span {*line-height:28px;} .btn_base04.mhover span.odd_span, .btn_base04:focus span.odd_span {background-position:0 -1009px;} .btn_base04.mhover span.even_span, .btn_base04:focus span.even_span {background-position:100% -630px;} .btn_base04.mactive span.odd_span {background-position:0 -1047px;} .btn_base04.mactive span.even_span {background-position:100% -668px;} .btn_base05 span.odd_span {padding-left:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat 0 -1253px; vertical-align:middle;} .btn_base05 span.even_span {min-width:22px; height:26px; padding-right:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat 100% -1187px; color:#666; font-size:11px; line-height:30px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_base05 span.even_span {*line-height:26px;} .btn_small span.odd_span {padding-left:5px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_small.png) no-repeat left top;} .btn_small span.even_span {min-width:22px; height:22px; padding-right:5px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_small.png) no-repeat right top; color:#333; font-size:11px; line-height:24px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;}/* 140618_수정 */ .btn_small span.even_span {*line-height:22px;} /* 140612_수정 ie7 */ /*@media \0screen {.btn_small span.even_span {line-height:22px;}} 140618_삭제/* ie8 */ .btn_small.mhover span.odd_span, .btn_small:focus span.odd_span {background-position:left -30px;} .btn_small.mhover span.even_span, .btn_small:focus span.even_span {background-position:right -30px;} .btn_small.mactive span.odd_span {background-position:left -60px;} .btn_small.mactive span.even_span {background-position:right -60px;} .btn_small.disabled span.odd_span {background-position:left -90px;} .btn_small.disabled span.even_span {background-position:right -90px; color:#ccc;} .btn_small .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_small .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_small.play span.odd_span {padding-left:17px; background-position:left -120px;} .btn_small.play span.even_span {padding-right:4px;} .btn_small.play.mhover span.odd_span, .btn_small.play:focus span.odd_span {background-position:left -150px;} .btn_small.play.mactive span.odd_span {background-position:left -180px;} .btn_small.play.disabled span.odd_span {background-position:left -210px;} .btn_small.view_vdo span.odd_span {padding-left:21px; background-position:left -240px;} .btn_small.view_vdo span.even_span {padding-right:4px;}/*130312 추가 lyr*/ .btn_small.view_vdo.mhover span.odd_span, .btn_small.view_vdo:focus span.odd_span {background-position:left -270px;} .btn_small.view_vdo.mactive span.odd_span {background-position:left -300px;} .btn_small.view_vdo.disabled span.odd_span {background-position:left -330px;} .btn_small.dl_vdo span.odd_span {padding-left:19px; background-position:left -360px;} .btn_small.dl_vdo.mhover span.odd_span, .btn_small.dl_vdo:focus span.odd_span {background-position:left -390px;} .btn_small.dl_vdo.mactive span.odd_span {background-position:left -420px;} .btn_small.dl_vdo.disabled span.odd_span {background-position:left -450px;} .btn_small.rsrv span.odd_span {padding-left:21px; background-position:left -690px;} .btn_small.rsrv span.even_span {padding:0 8px 0 4px; background-position:right -990px; color:#666;} .btn_small.rsrv.mhover span.odd_span, .btn_small.rsrv:focus span.odd_span {background-position:left -510px;} .btn_small.rsrv.mhover span.even_span, .btn_small.rsrv:focus span.even_span {background-position:right -1020px;} .btn_small.rsrv.mactive span.odd_span {background-position:left -540px;} .btn_small.rsrv.mactive span.even_span {background-position:right -1050px;} .btn_small.dl span.odd_span {padding-left:8px;} .btn_small.dl span.even_span {padding-right:8px;} .btn_small.dl .icon {width:14px; height:13px; margin-right:4px; background-position:-342px top; vertical-align:-2px;} .btn_small.dl .icon {*margin-right:4px; *vertical-align:0;} /* ie7 */ .btn_small.download span.odd_span {padding-left:19px; background-position:left -1080px;}/*140312 수정 lyr*/ .btn_small.download.mhover span.odd_span, .btn_small.download:focus span.odd_span {background-position:left -1110px;} .btn_small.download.mactive span.odd_span {background-position:left -1140px;} .btn_small.download.disabled span.odd_span {background-position:left -1170px;} .btn_small.gift span.odd_span {padding-left:16px; background-position:left -1199px;} .btn_small.gift.mhover span.odd_span, .btn_small.gift:focus span.odd_span {background-position:left -1229px;} .btn_small.gift.mactive span.odd_span {background-position:left -1259px;} .btn_small.gift.disabled span.odd_span {background-position:left -1289px;} /*140312 추가 lyr*/ .btn_small.play_music span.odd_span {padding-left:15px; background-position:left -120px;} .btn_small.play_music.mhover span.odd_span, .btn_small.play_music:focus span.odd_span {background-position:left -150px;} .btn_small.play_music.mactive span.odd_span {background-position:left -180px;} .btn_small.play_music.disabled span.odd_span {background-position:left -210px;} .btn_small.short span.even_span {min-width:12px;} .btn_small02 span.odd_span {padding-left:5px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_small.png) no-repeat left top;} .btn_small02 span.even_span {min-width:22px; height:22px; padding-right:5px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_small.png) no-repeat right top; color:#666; font-size:11px; line-height:24px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_small02 span.even_span {*line-height:23px;} /* ie7 */ .btn_small02.mhover span.odd_span, .btn_small02:focus span.odd_span {background-position:left -30px;} .btn_small02.mhover span.even_span, .btn_small02:focus span.even_span {background-position:right -30px;} .btn_small02.mactive span.odd_span {background-position:left -60px;} .btn_small02.mactive span.even_span {background-position:right -60px;} .btn_small02.disabled span.odd_span {background-position:left -90px;} .btn_small02.disabled span.even_span {background-position:right -90px; color:#ccc;} .btn_small02.disabled.on span.odd_span {background-position:left top;} .btn_small02.disabled.on span.even_span {background-position:right top; color:#666;} .btn_small02 .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_small02 .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_small02.rsrv span.odd_span {padding-left:21px; background-position:left -480px;} .btn_small02.rsrv.mhover span.odd_span, .btn_small02.rsrv:focus span.odd_span {background-position:left -510px;} .btn_small02.rsrv.mactive span.odd_span {background-position:left -540px;} .btn_small02.rsrv.disabled span.odd_span {background-position:left -540px;} .btn_small02.dtl span.odd_span {padding-left:21px; background-position:left -600px;} .btn_small02.dtl.mhover span.odd_span, .btn_small02.dtl:focus span.odd_span {background-position:left -630px;} .btn_small02.dtl.mactive span.odd_span {background-position:left -660px;} .btn_small02.dtl span.even_span {background-position:right -990px;} .btn_small02.dtl.mhover span.even_span, .btn_small03:focus span.even_span {background-position:right -1020px;} .btn_small02.dtl.mactive span.even_span {background-position:right -1050px;} .btn_small02.arrow .icon {width:5px; height:8px; background-position:-85px top; vertical-align:0;} .btn_small02.arrow .icon {*vertical-align:2px;} /* ie7 */ .btn_small02.like span.even_span {font-size:12px; letter-spacing:0;} .btn_small02.like .icon {width:11px; height:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_like.png) no-repeat left top;} .btn_small02.like .icon {*margin:0; *vertical-align:middle;} /* ie7 */ .btn_small02.like.on .icon {background-position:-79px -47px;} .btn_small02.cancl_frend span.odd_span {padding-left:8px;} .btn_small02.cancl_frend span.even_span {min-width:56px; text-align:left;} .btn_small02.cancl_frend .icon {width:9px; height:12px; margin-right:8px; background-position:-272px top; vertical-align:-2px;} .btn_small02.cancl_frend .icon {*vertical-align:0;} /* ie7 */ .btn_small02.confmlk_frend span.odd_span {padding-left:8px;} .btn_small02.confmlk_frend span.even_span {min-width:56px; text-align:left;} .btn_small02.confmlk_frend .icon {width:10px; height:12px; margin-right:2px; background-position:-272px top; vertical-align:-2px;} /* 140108_miok *//*140312 수정 lyr*/ .btn_small02.confmlk_frend .icon {*vertical-align:0;} /* ie7 */ .btn_small02.confmlk_frend.on span.even_span {color:#999;} .btn_small02.confmlk_frend.on .icon {margin-right:8px; background-position:-272px -18px;} .btn_small02.confmlk_frend.disabled.on span.odd_span {background-position:left -90px;} .btn_small02.confmlk_frend.disabled.on span.even_span {background-position:right -90px; color:#999;} /* 140314_추가 aty */ .btn_small02.confmlk_frend02 span.odd_span{background:none;padding:0;} .btn_small02.confmlk_frend02 span.even_span{background:none;padding:0;} .btn_small02.confmlk_frend02 .icon {width:10px; height:12px; margin-right:2px; background-position:-272px top; vertical-align:-2px;} /* 140108_miok *//*140312 수정 lyr*/ .btn_small02.confmlk_frend02 .icon {*vertical-align:0;} /* ie7 */ .btn_small02.confmlk_frend02.on span.even_span {color:#999;} .btn_small02.confmlk_frend02.on .icon {background-position:-272px -18px;} .btn_small02.confmlk_frend02.disabled.on span.odd_span {background-position:left -90px;} .btn_small02.confmlk_frend02.disabled.on span.even_span {background-position:right -90px; color:#999;} .btn_small03 span.odd_span {padding-left:5px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_small.png) no-repeat left -990px;} .btn_small03 span.even_span {min-width:22px; height:22px; padding-right:5px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_small.png) no-repeat right -990px; color:#666; font-size:11px; line-height:24px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_small03 span.even_span {*line-height:23px;} /* ie7 */ .btn_small03.mhover span.odd_span, .btn_small03:focus span.odd_span {background-position:left -1020px;} .btn_small03.mhover span.even_span, .btn_small03:focus span.even_span {background-position:right -1020px;} .btn_small03.mactive span.odd_span {background-position:left -1050px;} .btn_small03.mactive span.even_span {background-position:right -1050px;} .btn_small03.disabled span.odd_span {background-position:left -90px;} .btn_small03.disabled span.even_span {background-position:right -90px; color:#ccc;} .btn_small03.disabled.on span.odd_span {background-position:left -990px;} .btn_small03.disabled.on span.even_span {background-position:right -990px; color:#666;} .btn_small03 .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_small03 .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_small03.arrow .icon {width:5px; height:8px; background-position:-85px top; vertical-align:0;} .btn_small03.arrow .icon {*vertical-align:2px;} /* ie7 */ .btn_small.rsrv span.odd_span {padding-left:21px; background-position:left -690px;} .btn_small.rsrv span.even_span {padding:0 8px 0 4px; background-position:right -990px; color:#666;} .btn_small.rsrv.mhover span.odd_span, .btn_small.rsrv:focus span.odd_span {background-position:left -510px;} .btn_small.rsrv.mhover span.even_span, .btn_small.rsrv:focus span.even_span {background-position:right -1020px;} .btn_small.rsrv.mactive span.odd_span {background-position:left -540px;} .btn_small.rsrv.mactive span.even_span {background-position:right -1050px;} .btn_big span.odd_span {padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat left -570px;} .btn_big span.even_span {min-width:42px; height:31px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat right -222px; color:#666; font-weight:bold; font-size:12px; line-height:33px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_big.mhover span.odd_span, .btn_big:focus span.odd_span {background-position:left -648px;} .btn_big.mhover span.even_span, .btn_big:focus span.even_span {background-position:right -305px;} .btn_big.mactive span.odd_span {background-position:left -689px;} .btn_big.mactive span.even_span {background-position:right -346px;} .btn_big.disabled span.odd_span {} .btn_big.disabled span.even_span {} .btn_big .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:1px;} .btn_big .icon {*margin:0 3px; *vertical-align:3px;} /* ie7 */ .btn_big.dgray span.odd_span {padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray03.png) no-repeat left 0;} .btn_big.dgray span.even_span {min-width:24px; height:31px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray03.png) no-repeat right 0; color:#fff; font-weight:bold; font-size:12px; line-height:33px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_big.pre02 .icon {width:5px; height:7px; margin-right:3px; background-position:-306px top;} .btn_big.pre02 .icon {*margin:0; *margin-right:6px;} .btn_big.pre02 span.even_span {min-width:0;} .btn_big.next02 .icon {width:5px; height:7px; margin-left:3px; background-position:-306px -12px;} .btn_big.next02 .icon {*margin:0; *margin-left:6px;} .btn_big.next02 span.even_span {min-width:0;} .btn_big.green span.odd_span {background-position:0 -930px;} .btn_big.green span.odd_span span.even_span {background-position:right -930px; color:#fff;} .btn_big.pre span.odd_span {padding-left:25px; background-position:left -412px;} .btn_big.pre span.even_span {min-width:32px; padding-right:25px;} .btn_big.pre.mhover span.odd_span, .btn_big.pre:focus span.odd_span {background-position:left -725px;} .btn_big.pre.mactive span.odd_span {background-position:left -766px;} .btn_big.next span.odd_span {padding-left:25px;} .btn_big.next span.even_span {min-width:32px; padding-right:25px; background-position:right -264px;} .btn_big.next.mhover span.even_span, .btn_big.next:focus span.even_span {background-position:right -387px;} .btn_big.next.mactive span.even_span {background-position:right -428px;} .btn_big.short span.odd_span {padding-left:11px;} .btn_big.short span.even_span {min-width:32px; padding-right:11px;} .btn_big.short.disabled span.odd_span {background-position:0 -1608px;}/* 140409_수정 aty */ .btn_big.short.disabled span.even_span {background-position:right -1603px;color:#cccccc !important;}/* 140409_수정 aty */ /* button - 동그란 좌우 화살표 버튼 */ .btn_round span.even_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_round.png) no-repeat 0 0; min-width:auto; padding:0; color:#666; font-weight:bold; font-size:12px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px; text-indent:-9999px; overflow:hidden;} .btn_round.large span.even_span {width:27px; height:27px; line-height:27px;} .btn_round.medium span.even_span {width:24px; height:24px; line-height:24px;} .btn_round.small span.even_span {width:21px; height:21px; line-height:21px;} .btn_round.large.pre span.even_span {background-position:0 0;} .btn_round.large.pre.mhover span.even_span, .btn_round.large.pre:focus span.even_span {background-position:0 -40px;} .btn_round.large.pre.mactive span.even_span {background-position:0 -80px;} .btn_round.large.pre.disabled span.even_span {background-position:0 -120px;} .btn_round.large.next span.even_span {background-position:-35px 0;} .btn_round.large.next.mhover span.even_span, .btn_round.large.next:focus span.even_span {background-position:-35px -40px;} .btn_round.large.next.mactive span.even_span {background-position:-35px -80px;} .btn_round.large.next.disabled span.even_span {background-position:-35px -120px;} .btn_round.medium.pre span.even_span {background-position:-73px 0;} .btn_round.medium.pre.mhover span.even_span, .btn_round.medium.pre:focus span.even_span {background-position:-73px -44px;} .btn_round.medium.pre.mactive span.even_span {background-position:-73px -84px;} .btn_round.medium.pre.disabled span.even_span {background-position:-73px -126px;} .btn_round.medium.next span.even_span {background-position:-102px 0;} .btn_round.medium.next.mhover span.even_span, .btn_round.medium.next:focus span.even_span {background-position:-102px -44px;} .btn_round.medium.next.mactive span.even_span {background-position:-102px -84px;} .btn_round.medium.next.disabled span.even_span {background-position:-102px -126px;} .btn_round.small.pre span.even_span {background-position:-137px 0;} .btn_round.small.pre.mhover span.even_span, .btn_round.small.pre:focus span.even_span {background-position:-137px -40px;} .btn_round.small.pre.mactive span.even_span {background-position:-137px -80px;} .btn_round.small.pre.disabled span.even_span {background-position:-137px -121px;} .btn_round.small.next span.even_span {background-position:-162px 0;} .btn_round.small.next.mhover span.even_span, .btn_round.small.next:focus span.even_span {background-position:-162px -40px;} .btn_round.small.next.mactive span.even_span {background-position:-162px -80px;} .btn_round.small.next.disabled span.even_span {background-position:-162px -121px;} /* button - 좌우 화살표 버튼 */ .btn_move_arr span.even_span {width:9px; height:14px; background-image:url(http://image.melon.co.kr/resource/image/web/common/btn_move_arr.png); background-repeat:no-repeat; font-size:12px; line-height:14px; text-indent:-9999px; overflow:hidden;} .btn_move_arr.left span.even_span {background-position:0 0;} .btn_move_arr.left.mhover span.even_span {background-position:0 -39px;} .btn_move_arr.left.mactive span.even_span {background-position:0 -73px;} .btn_move_arr.left.disabled span.even_span {background-position:0 -110px;} .btn_move_arr.right span.even_span {background-position:-27px 0;} .btn_move_arr.right.mhover span.even_span {background-position:-27px -39px;} .btn_move_arr.right.mactive span.even_span {background-position:-27px -73px;} .btn_move_arr.right.disabled span.even_span {background-position:-27px -110px;} /* button - 기본 강조 */ .btn_b27 span.odd_span {padding-left:6px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray02.png) no-repeat left top;} .btn_b27 span.even_span {min-width:41px; height:26px; padding-right:6px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray02.png) no-repeat right top; color:#fff; font-size:11px; line-height:28px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_b27.mhover span.odd_span, .btn_b27:focus span.odd_span {background-position:left -30px;} .btn_b27.mhover span.even_span, .btn_b27:focus span.even_span {background-position:right -30px;} .btn_b27.mactive span.odd_span {background-position:left -60px;} .btn_b27.mactive span.even_span {background-position:right -60px;} .btn_b20 span.odd_span {padding-left:6px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray02.png) no-repeat 0 -90px;} .btn_b20 span.even_span {min-width:41px; height:20px; padding-right:6px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray02.png) no-repeat 100% -90px; color:#fff; font-size:11px; line-height:22px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} @media \0screen {.btn_b20 span.even_span {line-height:21px;}} .btn_b20.mhover span.odd_span, .btn_b20:focus span.odd_span {background-position:0 -114px;} .btn_b20.mhover span.even_span, .btn_b20:focus span.even_span {background-position:100% -114px;} .btn_b20.mactive span.odd_span {background-position:0 -138px;} .btn_b20.mactive span.even_span {background-position:100% -138px;} /*140324 추가 lyr*/ .btn_b26 span.odd_span {padding-left:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat left -1502px;} .btn_b26 span.even_span {min-width:41px; height:26px; padding-right:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat right -1502px; color:#fff; font-size:11px; line-height:28px;font-weight:bold; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_b26.mhover span.odd_span, .btn_b26:focus span.odd_span {background-position:left -1535px;} .btn_b26.mhover span.even_span, .btn_b26:focus span.even_span {background-position:right -1534px;} .btn_b26.mactive span.odd_span {background-position:left -1568px;} .btn_b26.mactive span.even_span {background-position:right -1568px;} .btn_b47 {padding-left:24px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_lgreen.png) no-repeat left top;} .btn_b47 {*margin-left:5px;} /* IE7 */ .btn_b47 span.odd_span {min-width:41px; height:47px; padding-right:24px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_lgreen.png) no-repeat right top; color:#fff; font-weight:bold; font-size:15px; line-height:48px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_b47 span.odd_span {*margin-top:-2px;} /* IE7 */ .btn_b47.mhover, .btn_b47:focus {background-position:left -55px;} .btn_b47.mhover span.odd_span, .btn_b47:focus span.odd_span {background-position:right -55px;} .btn_b47.mactive {background-position:left -110px;} .btn_b47.mactive span.odd_span {background-position:right -110px;} .btn_emphs03_small span.odd_span {padding-left:7px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs03_small.png) no-repeat left top;} .btn_emphs03_small span.even_span {min-width:39px; height:26px; padding-right:7px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs03_small.png) no-repeat right top; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; color:#fff; font-size:11px; line-height:28px; letter-spacing:-1px;} .btn_emphs03_small.mhover span.odd_span, .btn_emphs03_small:focus span.odd_span {background-position:left -30px;} .btn_emphs03_small.mhover span.even_span, .btn_emphs03_small:focus span.even_span {background-position:right -30px;} .btn_emphs03_small.mactive span.odd_span {background-position:left -60px;} .btn_emphs03_small.mactive span.even_span {background-position:right -60px;} /* button - 좋아요 녹색(하트 아이콘 포함) */ .btn_like_green span.odd_span {padding-left:14px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs03_small.png) no-repeat left top;} .btn_like_green span.even_span {min-width:39px; height:26px; padding-right:14px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs03_small.png) no-repeat right top; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; color:#fff; font-size:11px; line-height:30px; letter-spacing:-1px;} .btn_like_green.mhover span.odd_span, .btn_like_green:focus span.odd_span {background-position:left -30px;} .btn_like_green.mhover span.even_span, .btn_like_green:focus span.even_span {background-position:right -30px;} .btn_like_green.mactive span.odd_span {background-position:left -60px;} .btn_like_green.mactive span.even_span {background-position:right -60px;} .btn_like_green span.even_span .icon {background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_green.png) no-repeat 0 9px; padding-left:14px; *line-height:28px; display:inline-block;} /* button - 라운드 버튼 */ .btn_green_h30 span.odd_span {padding-left:24px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs.png) no-repeat left top;} .btn_green_h30 span.even_span {min-width:72px; height:44px; padding-right:24px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs.png) no-repeat right top; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", "Apple Gothic",sans-serif; color:#fff; font-size:14px; font-weight:bold; line-height:44px; letter-spacing:-1px;} .btn_green_h30 span.even_span {*line-height:42px;} :root .btn_green_h30 span.even_span {line-height:42px\9;} .btn_green_h30.mhover span.odd_span, .btn_green_h30:focus span.odd_span {background-position:left -48px;} .btn_green_h30.mhover span.even_span, .btn_green_h30:focus span.even_span {background-position:right -48px;} .btn_green_h30.mactive span.odd_span {background-position:left -96px;} .btn_green_h30.mactive span.even_span {background-position:right -96px;} .btn_base_h30 span.odd_span {padding-left:24px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs02.png) no-repeat left top;} .btn_base_h30 span.even_span {min-width:72px; height:44px; padding-right:24px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs02.png) no-repeat right top; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움", "Apple Gothic",sans-serif; color:#666; font-size:14px; font-weight:bold; line-height:44px;} .btn_base_h30 span.even_span {*line-height:42px;} :root .btn_base_h30 span.even_span {line-height:42px\9;} .btn_base_h30.mhover span.odd_span, .btn_base_h30:focus span.odd_span {background-position:left -50px;} .btn_base_h30.mhover span.even_span, .btn_base_h30:focus span.even_span {background-position:right -50px;} .btn_base_h30.mactive span.odd_span {background-position:left -100px;} .btn_base_h30.mactive span.even_span {background-position:right -100px;} .btn_emphs_small span.odd_span {padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs_small.png) no-repeat left top;} .btn_emphs_small span.even_span {min-width:42px; height:32px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs_small.png) no-repeat right top; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; color:#fff; font-size:12px; font-weight:bold; line-height:32px;} .btn_emphs_small span.even_span {*line-height:34px;} :root .btn_emphs_small span.even_span {line-height:34px\9;} .btn_emphs_small.mhover span.odd_span, .btn_emphs_small:focus span.odd_span {background-position:left -40px;} .btn_emphs_small.mhover span.even_span, .btn_emphs_small:focus span.even_span {background-position:right -40px;} .btn_emphs_small.mactive span.odd_span {background-position:left -80px;} .btn_emphs_small.mactive span.even_span {background-position:right -80px;} .btn_emphs02_small span.odd_span {padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs02_small.png) no-repeat left top;} .btn_emphs02_small span.even_span {min-width:42px; height:32px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs02_small.png) no-repeat right top; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; color:#666; font-size:12px; font-weight:bold; line-height:32px;} .btn_emphs02_small span.even_span {*line-height:34px;} :root .btn_emphs02_small span.even_span {line-height:34px\9;} .btn_emphs02_small.mhover span.odd_span, .btn_emphs02_small:focus span.odd_span {background-position:left -40px;} .btn_emphs02_small.mhover span.even_span, .btn_emphs02_small:focus span.even_span {background-position:right -40px;} .btn_emphs02_small.mactive span.odd_span {background-position:left -80px;} .btn_emphs02_small.mactive span.even_span {background-position:right -80px;} .btn_emphs02_small.disabled span.odd_span {background-position:left -120px;} .btn_emphs02_small.disabled span.even_span {background-position:right -120px; color:#a3a3a3;} /* button - 풀버튼 */ .btn_full {display:block; width:100%; margin:0;} .btn_full span.odd_span {padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat left top;} .btn_full span.even_span {height:33px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat right top; color:#666; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; font-size:11px; line-height:34px;} .btn_full.mhover span.odd_span , .btn_full:focus span.odd_span {background-position:left -40px;} .btn_full.mhover span.even_span, .btn_full:focus span.even_span {background-position:right -40px; text-decoration:none !important;} .btn_full.mactive span.odd_span {background-position:left -80px;} .btn_full.mactive span.even_span {background-position:right -80px;} .btn_full .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_full .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_full.more .icon {width:9px; height:6px; background-position:-119px top; vertical-align:middle;} .btn_full.more .icon {*vertical-align:3px;} /* ie7 */ .btn_full.more.disabled span.odd_span {background-position:left -248px;} .btn_full.more.disabled span.even_span {background-position:right -248px; color:#b2b2b2; cursor: default;} .btn_full.more.disabled .icon {background-position: 0 -63px;} .btn_full.fold .icon {width:9px; height:6px; margin-left:4px; background-position:-235px top; vertical-align:1px;} .btn_full.fold .icon {*vertical-align:3px;} /* ie7 */ .btn_full02 {display:block; width:100%; margin:0;} .btn_full02 span.odd_span {padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat left -124px;} .btn_full02 span.even_span {height:29px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat right -124px; color:#666; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; font-size:11px; line-height:28px;} .btn_full02.mhover span.odd_span , .btn_full02:focus span.odd_span {background-position:left -164px;} .btn_full02.mhover span.even_span, .btn_full02:focus span.even_span {background-position:right -164px; text-decoration:none !important;} .btn_full02.mactive span.odd_span {background-position:left -204px;} .btn_full02.mactive span.even_span {background-position:right -204px;} .btn_full02 .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_full02 .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_full02.more .icon {width:7px; height:5px; margin-left:2px; background-position:-119px top; vertical-align:2px;} .btn_full02.more .icon {*vertical-align:4px;} /* ie7 */ /* 131202_add_miok */ .btn_unfull {display:block; width:928px; margin:0;float:left;margin-top:18px} .btn_unfull span.odd_span {padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat left top;} .btn_unfull span.even_span {height:33px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat right top; color:#666; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; font-size:11px; line-height:34px;} .btn_unfull.mhover span.odd_span , .btn_full:focus span.odd_span {background-position:left -40px;} .btn_unfull.mhover span.even_span, .btn_full:focus span.even_span {background-position:right -40px; text-decoration:none !important;} .btn_unfull.mactive span.odd_span {background-position:left -80px;} .btn_unfull.mactive span.even_span {background-position:right -80px;} .btn_unfull .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_unfull .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_unfull.more .icon {width:9px; height:6px; background-position:-119px top; vertical-align:middle;} .btn_unfull.more .icon {*vertical-align:3px;} /* ie7 */ a.btn_unfull02.mhover, a.btn_unfull02:focus, a.btn_unfull02.mactive, a.btn_unfull02.on {z-index:1;} a.btn_unfull02.mhover {position:relative} .btn_unfull02 {display:block; width:80px; margin:0;float:left;margin-top:18px;margin-left:-1px} .btn_unfull02 {*margin-top:20px}/* ie7 */ .btn_unfull02 span.odd_span {display:block;padding-left:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat left top} .btn_unfull02 span.even_span {display:block;height:33px; padding-right:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_full.png) no-repeat right top; color:#666; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; font-size:11px; line-height:34px;} .btn_unfull02.mhover span.odd_span , .btn_full:focus span.odd_span {background-position:left -40px;} .btn_unfull02.mhover span.even_span, .btn_full:focus span.even_span {background-position:right -40px; text-decoration:none !important;} .btn_unfull02.mactive span.odd_span {background-position:left -80px;} .btn_unfull02.mactive span.even_span {background-position:right -80px;} .btn_unfull02 .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:-1px;} .btn_unfull02 .icon {*margin:0 3px; *vertical-align:0;} /* ie7 */ .btn_unfull02.tlink .icon {width:9px; height:6px; background-position:-290px -13px; vertical-align:middle;} .btn_unfull02.tlink .icon {*vertical-align:3px;} /* ie7 */ /* //131202_add_miok */ /* button - 텍스트 버튼 */ .btn_text {cursor:pointer;} .btn_text .text {display:inline; color:#666; font-size:11px; line-height:1.2em; letter-spacing:-1px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;}/*140129_수정 kcu*/ .btn_text .text.fc_b3 {color:#b3b3b3;} .btn_text .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:middle;} .btn_text.mhover .text, .btn_text.mactive .text {text-decoration:underline;} .btn_text.arrow_r .icon {width:4px; height:7px; background-position:-136px -57px; line-height:7px; vertical-align:1px;} .btn_text.arrow_r .icon {*vertical-align:middle;} .btn_text.arrow_d .icon {width:14px; height:14px; background-position:-150px top; line-height:14px; vertical-align:-3px;} .btn_text.arrow_d .icon {*vertical-align:-1px;} .btn_text.arrow_d.mhover .icon {background-position:-150px -18px;} .btn_text.arrow_d.mactive .icon {background-position:-150px -36px;} .btn_text.arrow_d.disabled .icon {background-position:-150px -54px;} .btn_text.arrow_u .icon {width:14px; height:14px; background-position:-174px top; line-height:14px; vertical-align:-3px;} .btn_text.arrow_u .icon {*vertical-align:-1px;} .btn_text.arrow_u.mhover .icon {background-position:-174px -18px;} .btn_text.arrow_u.mactive .icon {background-position:-174px -36px;} .btn_text02 .text {display:inline-block; color:#333; font-size:11px; line-height:1.2em; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_text02 .icon {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:middle;} .btn_text02 .icon {*margin:0 3px;} /* ie7 */ .btn_text02.info .icon {width:14px; height:14px; background-position:-198px top; vertical-align:-3px;} .btn_text02.info .icon {*vertical-align:0;} /* ie7 */ .btn_text02.arrow_r .icon {width:3px; height:5px; background-position:-222px top; vertical-align:2px;} .btn_text02.flac .icon01, .btn_text02 .icon02 {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat left top; vertical-align:middle;} .btn_text02.flac .icon01 {width:14px; height:14px; background-position:-198px top; vertical-align:-3px;} .btn_text02.flac .icon01 {*margin-right:4px; *vertical-align:0;} /* ie7 */ .btn_text02.flac .icon02 {width:3px; height:5px; background-position:-222px top; vertical-align:2px;} .btn_text02.flac .icon02 {*vertical-align:5px;} /* ie7 */ .btn_text03 {display:inline-block; padding-right:12px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_text03.png) no-repeat right 40%; text-decoration:none;} .btn_text03 {*background-position:right 47%;} .btn_text03 span.odd_span {color:#333; font-weight:bold; font-size:12px; line-height:1em;} .btn_text03.mhover span.odd_span {color:#739900; text-decoration:underline;} .link_album {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .link_album span.odd_span {display:inline-block; width:15px; height:23px; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .link_album span.none {width:0; height:0; background:none !important;} .link_album span.cnt {width:auto; height:auto; background:none !important; overflow:visible; color:#666 !important; font-size:12px; line-height:1.4em; font-family:"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; vertical-align:middle; text-indent:0;} .link_album.mhover span.cnt {text-decoration:underline;} .link_album span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1196px 6px;} /* button - 리스트 형식 */ .btn_list_kind span.odd_span {width:27px; height:27px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_list_kind.png) no-repeat left top; font-size:0; line-height:0;} .btn_list_kind.list span.odd_span {background-position:left top;} .btn_list_kind.list.mhover span.odd_span {background-position:left -35px;} .btn_list_kind.list.mactive span.odd_span {background-position:left -70px;} .btn_list_kind.list.on span.odd_span {background-position:left -105px;} .btn_list_kind.thumb span.odd_span {background-position:right top;} .btn_list_kind.thumb.mhover span.odd_span {background-position:right -35px;} .btn_list_kind.thumb.mactive span.odd_span {background-position:right -70px;} .btn_list_kind.thumb.on span.odd_span {background-position:right -105px;} .wrap_list_kind {*zoom:1;} /* ie7 */ /* .wrap_list_kind:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .wrap_list_kind .btn_list_kind {position:relative; float:left; margin:0;} .wrap_list_kind .btn_list_kind.first_child {margin-right:-1px;} .wrap_list_kind .btn_list_kind.on {z-index:1;} /* button - SNS */ .btn_sns {position:relative;} .btn_sns.mhover, .btn_sns:focus, .btn_sns.mactive, .btn_sns.on {z-index:1;} .btn_sns span.odd_span {height:28px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_sns.png) no-repeat left top; overflow:hidden; line-height:28px; text-indent:-999px;} .btn_sns.frend span.odd_span {width:30px; background-position:left top;}/*140313_수정 KHR*/ .btn_sns.frend.mhover span.odd_span, .btn_sns.frend:focus span.odd_span {background-position:left -44px;} .btn_sns.frend.mactive span.odd_span, .btn_sns.frend.on span.odd_span {background-position:left -91px;} .btn_sns.facebook span.odd_span {width:31px; background-position:-29px top;} .btn_sns.facebook.mhover span.odd_span, .btn_sns.facebook:focus span.odd_span {width:31px; background-position:-29px -44px;} .btn_sns.facebook.mactive span.odd_span, .btn_sns.facebook.on span.odd_span {width:31px; background-position:-29px -91px;} .btn_sns.twitter span.odd_span {width:31px; background-position:-59px top;} .btn_sns.twitter.mhover span.odd_span, .btn_sns.twitter:focus span.odd_span {width:31px; background-position:-59px -44px;} .btn_sns.twitter.mactive span.odd_span, .btn_sns.twitter.on span.odd_span {width:31px; background-position:-59px -91px;} .btn_sns.me2day span.odd_span {width:31px; background-position:-89px top;} .btn_sns.me2day.mhover span.odd_span, .btn_sns.me2day:focus span.odd_span {width:31px; background-position:-89px -44px;} .btn_sns.me2day.mactive span.odd_span, .btn_sns.me2day.on span.odd_span {width:31px; background-position:-89px -91px;} .btn_sns.cyworld span.odd_span {width:31px; background-position:-89px top;} .btn_sns.cyworld.mhover span.odd_span, .btn_sns.cyworld:focus span.odd_span {width:31px; background-position:-89px -44px;} .btn_sns.cyworld.mactive span.odd_span, .btn_sns.cyworld.on span.odd_span {width:31px; background-position:-89px -91px;} .btn_sns.nate span.odd_span {width:31px; background-position:-119px top;} .btn_sns.nate.mhover span.odd_span, .btn_sns.nate:focus span.odd_span {width:31px; background-position:-119px -44px;} .btn_sns.nate.mactive span.odd_span, .btn_sns.nate.on span.odd_span {width:31px; background-position:-119px -91px;} .wrap_btn_sns {display:inline-block; clear:both; font-size:0; line-height:28px; vertical-align:middle; *zoom:1;} /* .wrap_btn_sns:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .wrap_btn_sns .btn_sns {float:left; margin:0; margin-left:-1px;} .wrap_btn_sns .btn_sns.first_child {margin:0;} /* button - 기능성 (강조크기) */ .btn_icon_emphs span.odd_span {width:48px; height:48px; overflow:hidden; text-indent:-9999px;} .btn_icon_emphs.like span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -378px top;} .btn_icon_emphs.like.mhover span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -84px top;} .btn_icon_emphs.like.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -137px top;} .btn_icon_emphs.like.on span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -190px top;} /* button - 기능성 (기본크기) */ .btn_icon span.odd_span {display:inline-block; width:23px; height:23px; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .btn_icon span.none {width:0; height:0; background:none !important;} .btn_icon span.cnt {width:auto; height:auto; background:none !important; overflow:visible; color:#666; font-size:12px; line-height:14px; font-family:"돋움","dotum", "Apple Gothic",sans-serif; vertical-align:middle; text-indent:0;} .btn_icon.like span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat left top;} .btn_icon.like.mhover span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat left top;} .btn_icon.like.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -29px top;}/*130314_수정 khr*/ .btn_icon.like.on span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -56px top;} .btn_icon.like.on.mhover span.odd_span {background-position:left -25px;} .btn_icon.like.on.mactive span.odd_span {background-position:-29px -25px;} .btn_icon.mv span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -28px top;} .btn_icon.mv.mhover span.odd_span, .btn_icon.mv:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat left top;} .btn_icon.mv.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -84px top;} .btn_icon.mv.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -224px top;} .btn_icon.sendlk1 span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -56px top;} .btn_icon.sendlk1.mhover span.odd_span, .btn_icon.sendlk1:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -28px top;} .btn_icon.sendlk1.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -112px top;} .btn_icon.sendlk1.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -252px top;} .btn_icon.dl span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -84px top;} .btn_icon.dl.mhover span.odd_span, .btn_icon.dl:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -56px top;} .btn_icon.dl.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -140px top;} .btn_icon.dl.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -280px top;} .btn_icon.dl02 span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -84px -47px;} .btn_icon.dl02.mhover span.odd_span, .btn_icon.dl02:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -56px top;} .btn_icon.dl02.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -140px top;} .btn_icon.dl02.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -280px top;} .btn_icon.dl03 span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -18px -47px;} .btn_icon.dl03.mhover span.odd_span, .btn_icon.dl03:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -28px -47px;}/* 140520_수정 aty */ .btn_icon.dl03.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -56px -47px;} .btn_icon.dl03.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -47px -47px;} .btn_icon.ptcp span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -112px top;} .btn_icon.ptcp.mhover span.odd_span, .btn_icon.ptcp:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -140px top;} .btn_icon.ptcp.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -168px top;} .btn_icon.ptcp.on span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -196px top;} .btn_icon.play span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -168px top;} .btn_icon.play.mhover span.odd_span, .btn_icon.play:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -269px top;} .btn_icon.play.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -297px top;} .btn_icon.play.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -910px top;} .btn_icon.add span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -308px top;} .btn_icon.add.mhover span.odd_span, .btn_icon.add:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -642px top;} .btn_icon.add.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -670px top;} .btn_icon.add.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -936px top;} /*140408_추가 khr*/ .btn_icon.togather span.odd_span{background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -544px -26px;width:26px;height:14px;} /*140529 추가 lyr*/ .btn_icon_cmt.dl span.odd_span {display: inline-block;width: 23px;height: 23px;overflow: hidden;font-size: 0; line-height: 0;vertical-align: middle;background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1527px top;} .btn_icon_cmt.dl.mhover span.odd_span, .btn_icon_cmt.dl:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -730px top;} .btn_icon_cmt.dl.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -730px -47px;} .btn_icon_cmt.dl.disabled span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1527px -47px;} /* button - 기능성 (작은크기) */ .btn_icon_small span.odd_span {display:inline-block; width:16px; height:16px; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .btn_icon_small span.none {width:0; height:0; background:none !important;} .btn_icon_small span.cnt {width:auto; height:auto; background:none !important; overflow:visible; color:#666; font-size:11px; line-height:1.2em; font-family:arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; vertical-align:middle; text-indent:0;} .btn_icon_small.play span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -248px 0;} .btn_icon_small.play.mhover span.odd_span, .btn_icon_small.play:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -325px top;} .btn_icon_small.play.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -346px top;} .btn_icon_small.add span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -545px 0;} .btn_icon_small.add.mhover span.odd_span, .btn_icon_small.add:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -698px top;} .btn_icon_small.add.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -719px top;} .btn_icon17 span.odd_span {display:inline-block; width:17px; height:17px; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .btn_icon17 span.none {width:0; height:0; background:none !important;} .btn_icon17 span.cnt {display:inline-block; width:auto; height:auto; background:none !important; overflow:visible; color:#666; font-size:12px; line-height:1.2em; font-family:arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; vertical-align:middle; text-indent:0;} .btn_icon17.fan span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -843px 0;} .btn_icon17.fan.mhover span.odd_span, .btn_icon.fan:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -575px top;} .btn_icon17.fan.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -575px top;} .btn_icon17.fan.on span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -575px top;} .btn_icon18 span.odd_span {display:inline-block; width:18px; height:18px; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .btn_icon18 span.none {width:0; height:0; background:none !important;} .btn_icon18 span.cnt {width:auto; height:auto; background:none !important; overflow:visible; color:#666; font-size:11px; line-height:1.2em; font-family:arial,"돋움","dotum", "Apple Gothic" sans-serif; vertical-align:middle; text-indent:0;} .btn_icon18.like span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -864px 0;} .btn_icon18.like.mhover span.odd_span, .btn_icon18.like:focus span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -289px top;} .btn_icon18.like.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -311px top;} .btn_icon18.like.on span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -333px top;} /* button - 플레이어 버튼 */ .wrap_baner_control {display:block; position:relative; width:65px; height:21px;} .wrap_baner_control .shadow {position:absolute; top:-2px; left:-2px; width:69px; height:25px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_baner_control.png) no-repeat 0 0;} .wrap_baner_control .btn_player_play, .wrap_baner_control .btn_player_pause, .btn_multi.play, .btn_multi.pause {position:absolute; top:0; left:21px;} .wrap_baner_control .btn_player_pre {position:absolute; top:0; left:0;} .wrap_baner_control .btn_player_next {position:absolute; top:0; left:43px;} .btn_player_play.mhover, .btn_player_pause.mhover, .btn_player_pre.mhover, .btn_player_next.mhover, .btn_multi.play.mhover, .btn_multi.pause.mhover {z-index:1;} .btn_player_play {width:23px; height:21px; margin:0; overflow:hidden;} .btn_player_play span.odd_span {display:block; width:23px; height:21px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_control.png) no-repeat -105px 0; font-size:0; line-height:0; text-indent:-9999px;} .btn_player_play.mhover span.odd_span {background-position:-105px -38px;} .btn_player_play.mactive span.odd_span {background-position:-105px -75px;} .btn_player_play.disabled span.odd_span {background-position:-105px -112px;} .btn_player_pause {width:23px; height:21px; margin:0; overflow:hidden;} .btn_player_pause span.odd_span {display:block; width:23px; height:21px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_control.png) no-repeat -21px 0; font-size:0; line-height:0; text-indent:-9999px;} .btn_player_pause.mhover span.odd_span {background-position:-21px -38px;} .btn_player_pause.mactive span.odd_span {background-position:-21px -75px;} .btn_player_pause.disabled span.odd_span {background-position:-21px -112px;} .btn_player_pre {width:22px; height:21px; margin:0; overflow:hidden;} .btn_player_pre span.odd_span {display:block; width:22px; height:21px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_control.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} .btn_player_pre.mhover span.odd_span {background-position:0 -38px;} .btn_player_pre.mactive span.odd_span {background-position:0 -75px;} .btn_player_pre.disabled span.odd_span {background-position:0 -112px;} .btn_player_next {width:22px; height:21px; margin:0; overflow:hidden;} .btn_player_next span.odd_span {display:block; width:22px; height:21px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_control.png) no-repeat -43px 0; font-size:0; line-height:0; text-indent:-9999px;} .btn_player_next.mhover span.odd_span {background-position:-43px -38px;} .btn_player_next.mactive span.odd_span {background-position:-43px -75px;} .btn_player_next.disabled span.odd_span {background-position:-43px -112px;} .btn_multi {width:23px; height:21px; margin:0; overflow:hidden;} .btn_multi span.odd_span {display:block; width:23px; height:21px; font-size:0; line-height:0; text-indent:-9999px;} .btn_multi.play span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_control.png) no-repeat -105px 0;} .btn_multi.play.mhover span.odd_span {background-position:-105px -38px;} .btn_multi.play.mactive span.odd_span {background-position:-105px -75px;} .btn_multi.play.disabled span.odd_span {background-position:-105px -112px;} .btn_multi.pause span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_control.png) no-repeat -21px 0;} .btn_multi.pause.mhover span.odd_span {background-position:-21px -38px;} .btn_multi.pause.mactive span.odd_span {background-position:-21px -75px;} .btn_multi.pause.disabled span.odd_span {background-position:-21px -112px;} /* button - etc */ .btn_icon.like02 {height:13px;} .btn_icon.like02 span.odd_span {width:13px; height:11px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_like.png) no-repeat 0 0;} .btn_icon.like02 span.odd_span {*margin-top:1px;} /* ie7 */ .btn_icon.like02.mhover span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_like_on.png) no-repeat 0 0;} .btn_icon.like02.mactive span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_like.png) no-repeat 0 0;} .btn_icon.like02.on span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_like_on.png) no-repeat 0 0;} .btn_pre span.odd_span, .btn_next span.odd_span {width:22px; height:21px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_page.png) no-repeat left top; font-size:0; line-height:0;} .btn_pre span.odd_span {background-position:left top;} .btn_next span.odd_span {background-position:right top;} .btn_pre.mhover, .btn_pre:focus {position:relative; z-index:1;} .btn_pre.mhover span.odd_span, .btn_pre:focus span.odd_span, .btn_pre.mactive span.odd_span {background-color:#fafafa; background-position:left -30px;} .btn_next.mhover span.odd_span, .btn_next:focus span.odd_span, .btn_next.mactive span.odd_span {background-position:right -30px;} .btn_pre.mactive span.odd_span {background-position:left -60px !important;} .btn_next.mactive span.odd_span {background-position:right -60px !important;} .btn_pre.disabled span.odd_span {background-position:left -90px !important;} .btn_next.disabled span.odd_span {background-position:right -90px !important;} .btn_pre02 span.odd_span, .btn_next02 span.odd_span {color:#333;} .btn_pre02 span.odd_span {padding-left:8px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_pre.png) no-repeat left 6px;} .btn_pre02.mhover span.odd_span, .btn_pre02:focus span.odd_span {} .btn_pre02.mactive span.odd_span {} .btn_pre02.disabled span.odd_span {} .btn_next02 span.odd_span {padding-right:8px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_next.png) no-repeat right 6px;} .btn_next02.mhover span.odd_span, .btn_next02:focus span.odd_span {} .btn_next02.mactive span.odd_span {} .btn_next02.disabled span.odd_span {} .btn_first span.odd_span, .btn_last span.odd_span {color:#333;} .btn_first span.odd_span {padding-left:8px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_pre.png) no-repeat left 6px;} .btn_first.mhover span.odd_span, .btn_first:focus span.odd_span {} .btn_first.mactive span.odd_span {} .btn_first.disabled span.odd_span {} .btn_last span.odd_span {padding-right:8px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_next.png) no-repeat right 6px;} .btn_last.mhover span.odd_span, .btn_last:focus span.odd_span {} .btn_last.mactive span.odd_span {} .btn_last.disabled span.odd_span {} .btn_youtube .odd_span {min-height:12px; padding-left:20px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_youtube.png) no-repeat left top; color:#999; font-size:11px; line-height:1.2em;} .btn_search span.odd_span {width:32px; height:32px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -489px top; overflow:hidden; text-indent:-9999px;} .btn_search input {width:32px; height:32px; padding:0 8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -489px top;} @media \0screen {.btn_search input {width:16px;}} .btn_search.mhover span.odd_span, .btn_search:focus span.odd_span {} .btn_search.mactive span.odd_span {} .btn_icon_detail span.odd_span {width:14px; height:17px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -526px top; overflow:hidden; line-height:19px; text-indent:-9999px;} .btn_more span.odd_span {width:9px; height:18px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 4px; overflow:hidden; line-height:20px; text-indent:-9999px; *text-indent:0; font-size:0;line-height:0;} .btn_more.disabled span.odd_span {background-position:-137px -20px;} .btn_search2 {background:url(http://image.melon.co.kr/resource/image/web/common/btn_sprite_ms.png) no-repeat 0 -252px; vertical-align:middle; display:inline-block;} .btn_search2 span.odd_span {width:32px; height:32px; overflow:hidden; text-indent:-9999px;} /* button - Btn Alarm Reservation */ .btn_rsrv {width:78px; height:26px;} .btn_rsrv span.odd_span {width:78px; height:26px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_rsrv.png) no-repeat 0 0; text-indent:-9999px;} .btn_rsrv.mhover span.odd_span, .btn_rsrv:focus span.odd_span {background-position:0 -30px;} .btn_rsrv.mactive span.odd_span {background-position:0 -60px;} .btn_rsrv.on span.odd_span {background-position:-160px 0;} .btn_rsrv.on:focus span.odd_span {background-position:-160px -30px;} .btn_rsrv.on.mactive span.odd_span {background-position:-160px -60px;} .rsrv_complete {display:inline-block; width:78px; height:26px;} .rsrv_complete span.odd_span {display:block; width:78px; height:26px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_rsrv.png) no-repeat -82px 0; text-indent:-9999px;} /* button - 이전, 정지, 플레이, 다음 버튼 */ .btn_ctrl {float:left; margin:0 0 0 -1px; padding:0;} .btn_ctrl span.odd_span {background:url(http://image.melon.co.kr/resource/image/web/common/btn_controller.png) no-repeat 0 0; width:22px; height:21px; overflow:hidden; text-indent:-9999px; position:relative;} .btn_ctrl.pre span.odd_span {background-position:0 0;} .btn_ctrl.stop span.odd_span {width:23px; background-position:0 -21px;} .btn_ctrl.play span.odd_span {width:23px; background-position:0 -42px;} .btn_ctrl.next span.odd_span {background-position:0 -63px;} .btn_ctrl.pre.mhover span.odd_span {background-position:-22px 0; z-index:1;} .btn_ctrl.stop.mhover span.odd_span {background-position:-23px -21px; z-index:1;} .btn_ctrl.play.mhover span.odd_span {background-position:-23px -42px; z-index:1;} .btn_ctrl.next.mhover span.odd_span {background-position:-22px -63px; z-index:1;} .btn_ctrl.pre:focus span.odd_span, .btn_ctrl.pre.mactive span.odd_span {background-position:-44px 0; z-index:1;} .btn_ctrl.stop:focus span.odd_span, .btn_ctrl.stop.mactive span.odd_span {background-position:-46px -21px; z-index:1;} .btn_ctrl.play:focus span.odd_span, .btn_ctrl.play.mactive span.odd_span {background-position:-46px -42px; z-index:1;} .btn_ctrl.next:focus span.odd_span, .btn_ctrl.next.mactive span.odd_span {background-position:-44px -63px; z-index:1;} .btn_ctrl.pre.disabled span.odd_span, .btn_ctrl.pre.disabled span.odd_span {background-position:-66px 0; z-index:1;} .btn_ctrl.stop.disabled span.odd_span, .btn_ctrl.stop.disabled span.odd_span {background-position:-69px -21px; z-index:1;} .btn_ctrl.play.disabled span.odd_span, .btn_ctrl.play.disabled span.odd_span {background-position:-69px -42px; z-index:1;} .btn_ctrl.next.disabled span.odd_span, .btn_ctrl.next.disabled span.odd_span {background-position:-66px -63px; z-index:1;} /* button - dark gray */ .btn_b48 {margin-left:4px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray.png) no-repeat 0 0;} .btn_b48 {*margin-left:8px;} /* IE7 */ .btn_b48 span.odd_span {min-width:54px; height:48px; margin-left:12px; padding-right:12px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_dgray.png) no-repeat right 0; color:#fff; font-size:12px; line-height:50px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_b48 span.odd_span {*margin-top:-2px;}/* IE7 */ .btn.btn_b48 span.odd_span {*margin-top:0;}/* IE7 */ /* */ .btn_icon.album {width:auto; height:19px; font-size:11px; color:#666; font-family:"dotum","돋움", "Apple Gothic", sans-serif;} .btn_icon.album .icon {width:18px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1057px 4px; padding:0 0 0 4px; display:inline-block;} .btn_icon.album.mhover span.odd_span, .btn_icon.album:focus span.odd_span {background-position:-1057px -20px;} .btn_icon.album.mactive span.odd_span {background-position:-1057px -44px;} .btn_icon.album.on span.odd_span {background-position:-1057px -44px;} /* button - 좋아요 버튼 Small size */ .btn_like {display:inline-block; position:relative; padding-left:15px; color:#777 !important; font-size:12px; line-height:14px; font-family:"dotum","돋움", "Apple Gothic", sans-serif; text-decoration:none;} .btn_like .icon {display:block; position:absolute; top:2px; left:0; width:11px; height:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_like.png) no-repeat 0 0; font-size:0; line-height:0;} a.btn_like .icon {cursor:pointer;} :root .btn_like .icon {top:1px\9;} /* IE9 */ a.btn_like.mhover .icon {background-position:0 -47px;} a.btn_like.mactive .icon {background-position:0 -98px;} .btn_like.on .icon {background-position:-79px 0;} a.btn_like.on.mhover .icon {background-position:-79px -47px;} a.btn_like.on.mactive .icon {background-position:-79px -98px;} /* button - 좋아요 버튼 Small size */ .btn_like_gray {display:inline-block; position:relative; padding-left:16px;*padding-right:5px; color:#666 !important; font-size:12px; line-height:14px; font-family:"dotum","돋움", "Apple Gothic", sans-serif; text-decoration:none;} .btn_like_gray .icon {display:block; position:absolute; top:1px; left:0; width:12px; height:11px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_like02.png) no-repeat 0 0; font-size:0; line-height:0;} a.btn_like_gray .icon {cursor:pointer;} /* button - 좋아요 버튼 */ .btn_like_m {display:inline-block; width:90px; height:22px;} .btn_like_m {*margin:0;} /* IE7 */ .btn_like_m span.odd_span {width:90px; height:22px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m.png) no-repeat 0 0; text-indent:-9999px;} .btn_like_m.mhover span.odd_span, .btn_like_m:focus span.odd_span {background-position:0 -40px;} .btn_like_m.mactive span.odd_span {background-position:0 -80px;} .btn_like_m.on span.odd_span {background-position:-115px 0;} .btn_like_m.on.mhover span.odd_span, .btn_like_m.on:focus span.odd_span {background-position:-115px -40px;} .btn_like_m.on.mactive span.odd_span {background-position:-115px -80px;} .btn_like_m.on.disabled span.odd_span {background-position:-115px 0 !important;} .cnt_like_m {display:inline-block; height:22px; padding:0 0 0 10px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m.png) no-repeat 1px -120px; vertical-align:middle;} .cnt_like_m span.cnt_span {display:inline-block; height:17px; padding:5px 6px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m.png) no-repeat right -120px; color:#333; font-size:12px; line-height:1.2em; text-align:center;} .cnt_like_m span.cnt_span {min-width:64px;} /* 최대6자리 기본 기준 */ .btn_like_m02 {display:inline-block; width:114px; height:22px;} .btn_like_m02 {*margin:0;} /* IE7 */ .btn_like_m02 span.odd_span {width:114px; height:22px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m02.png) no-repeat 0 0; text-indent:-9999px;} .btn_like_m02.mhover span.odd_span, .btn_like_m02:focus span.odd_span {background-position:0 -40px;} .btn_like_m02.mactive span.odd_span {background-position:0 -80px;} .btn_like_m02.on span.odd_span {background-position:-128px 0;} .btn_like_m02.on.mhover span.odd_span, .btn_like_m02.on:focus span.odd_span {background-position:-128px -40px;} .btn_like_m02.on.mactive span.odd_span {background-position:-128px -80px;} .btn_like_m02.on.disabled span.odd_span {background-position:-128px 0 !important;} .cnt_like_m02 {display:inline-block; height:22px; padding:0 0 0 10px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m02.png) no-repeat 1px -120px; vertical-align:middle;} .cnt_like_m02 span.cnt_span {display:inline-block; height:17px; padding:5px 6px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m02.png) no-repeat right -120px; color:#333; font-size:12px; line-height:1.2em; text-align:center;} .cnt_like_m02 span.cnt_span {min-width:86px;} /* 최대6자리 기본 기준 */ .btn_like_m03 {display:inline-block; width:66px; height:22px;} .btn_like_m03 {*margin:0;} /* IE7 */ .btn_like_m03 span.odd_span {width:66px; height:22px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m03.png) no-repeat 0 0; text-indent:-9999px;} .btn_like_m03.mhover span.odd_span, .btn_like_m03:focus span.odd_span {background-position:0 -40px;} .btn_like_m03.mactive span.odd_span {background-position:0 -80px;} .btn_like_m03.on span.odd_span {background-position:-74px 0;} .btn_like_m03.on.mhover span.odd_span, .btn_like_m03.on:focus span.odd_span {background-position:-74px -40px;} .btn_like_m03.on.mactive span.odd_span {background-position:-74px -80px;} .btn_like_m03.on.disabled span.odd_span {background-position:-74px 0 !important;} .cnt_like_m03 {display:inline-block; height:22px; padding:0 0 0 8px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m03.png) no-repeat 1px -120px; vertical-align:middle;} .cnt_like_m03 span.cnt_span {display:inline-block; height:17px; padding:5px 4px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_m03.png) no-repeat right -120px; color:#333; font-size:12px; line-height:1.2em; text-align:center;} .cnt_like_m03 span.cnt_span {min-width:50px;} /* 최대6자리 기본 기준 */ .btn_like_h28 {display:inline-block; width:90px; height:28px;} .btn_like_h28 {*margin:0;} /* IE7 */ .btn_like_h28 span.odd_span {width:90px; height:28px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_h28.png) no-repeat 0 0; text-indent:-9999px;} .btn_like_h28.mhover span.odd_span, .btn_like_h28:focus span.odd_span {background-position:0 -35px;} .btn_like_h28.mactive span.odd_span {background-position:0 -70px;} .btn_like_h28.on span.odd_span {background-position:-120px 0;} .btn_like_h28.on.mhover span.odd_span, .btn_like_h28.on:focus span.odd_span {background-position:-120px -35px;} .btn_like_h28.on.mactive span.odd_span {background-position:-120px -70px;} .btn_like_h28.disabled span.odd_span {background-position:-120px 0 !important;} .cnt_like_h28 {display:inline-block; height:28px; padding:0 0 0 10px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_h28.png) no-repeat 1px -105px; vertical-align:middle;} .cnt_like_h28 span.cnt_span {display:inline-block; height:20px; padding:8px 6px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_h28.png) no-repeat right -105px; color:#333; font-size:12px; line-height:1.2em; text-align:center;} .cnt_like_h28 span.cnt_span {min-width:64px;} /* 최대6자리 기본 기준 */ .btn_like_b {margin:0;} .btn_like_b span.odd_span {width:116px; height:30px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_b.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:middle;} .btn_like_b.mhover span.odd_span {background-position:0 -50px;} .btn_like_b.mactive span.odd_span {background-position:0 -100px;} .btn_like_b.on span.odd_span {background-position:-157px 0;} .btn_like_b.on.mhover span.odd_span {background-position:-157px -50px;} .btn_like_b.on.mactive span.odd_span {background-position:-157px -100px;} .btn_like_b.on.disabled span.odd_span {background-position:-157px 0 !important;} .cnt_like_b {display:inline-block; height:30px; padding:0 0 0 10px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_b.png) no-repeat 2px -150px; vertical-align:middle;} .cnt_like_b span.cnt_span {display:inline-block; min-width:106px; height:25px; padding:5px 8px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_like_b.png) no-repeat right -150px; color:#1a1a1a; font-weight:bold; font-size:16px; line-height:1.2em; font-family:"맑은 고딕","Malgun Gothic", "돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif; text-align:center;} .cnt_like_b span.cnt_span {*height:27px; *padding-top:3px;} /* ie7 */ .cnt_like_b span.cnt_span span.no {display:inline-block; padding-top:1px; vertical-align:top;} /* button - 곡명 포함한 재생 버튼 */ .btn_play_song {display:inline-block; overflow:hidden; width:auto; max-width:100%; margin:0; height:17px; text-decoration:none !important; cursor:pointer ; *cursor:pointer; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; text-align:left;}/* 140521_수정 aty */ /*.btn_play_song {*height:16px; text-align:left;}*/ .btn_play_song span.icon_play {display:inline-block; width:14px; height:14px; margin:0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_song.png) no-repeat 0 0; line-height:0;text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0; vertical-align:top;}/* 140313 kcu */ .btn_play_song.disabled span.icon_play {background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_song.png) no-repeat 0 0;} /* 140219_miok */ a.btn_play_song:hover span.icon_play {background-position:-18px 0; text-decoration:none;} a.btn_play_song.mhover span.icon_play {background-position:-18px 0; text-decoration:none;} /* 140312_수정 khr */ a.btn_play_song.mactive span.icon_play {background-position:-36px 0; text-decoration:none;} /* 140312_수정 khr */ a.btn_play_song.disabled span.icon_play {background-position:-54px 0; text-decoration:none;} /* 140312_추가 khr */ a.btn_play_song.disabled:hover {cursor: default;} a.btn_play_song.disabled:hover span.icon_play {background-position:0 0; background-position:-54px 0;} /* 140312_수정 khr */ .btn_play_song span.songname11 {padding-right:1px; color:#777; font-size:11px; line-height:17px; font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:middle; letter-spacing:-1px; text-align:left;} /* 140528_수정 aty */ @media \0screen {.btn_play_song span.songname11 {margin:1px 0 0;}}/* IE8 */ .btn_play_song span.songname12 {color:#1a1a1a; font-size:12px; line-height:16px; font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:top; text-align:left;}/* 140219_수정 kcu */ a.btn_play_song:hover span.songname11 {text-decoration:underline;} a.btn_play_song:hover span.songname12 {text-decoration:underline;} button.btn_play_song.mhover span.songname11 {text-decoration:underline;} button.btn_play_song.mhover span.songname12 {text-decoration:underline;} /* 140219_miok */ .btn_play_song.disabled span.songname11, .btn_play_song.disabled span.songname12 {color:#999; text-decoration:none !important} .btn_play_song.disabled.mhover span.songname12 {color:#999;} .btn_play_song.disabled.mhover span.icon_play {background-position:0 0;} .btn_play_song.disabled.mactive span.icon_play {background-position:0 0;} /* 140224_추가 kcu */ a.play_artist {overflow:hidden; margin:0; height:17px; text-decoration:none !important; *cursor:pointer; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; text-align:left;} a.play_artist:hover span{text-decoration:underline;} /*a.btn_play_song span.songname11, a.btn_play_song span.songname12 {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;}/* 140206_수정 kcu */ /* button - 아티스트 목록 팬맺기 버튼 */ .btn_join_fan {display:inline-block; width:70px; height:22px;} .btn_join_fan {*margin:0;} /* IE7 */ .btn_join_fan span.odd_span {width:70px; height:22px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_atist_fan.png) no-repeat 0 0; text-indent:-9999px;} .btn_join_fan.mhover span.odd_span, .btn_join_fan:focus span.odd_span {background-position:0 -40px;} .btn_join_fan.mactive span.odd_span {background-position:0 -80px;} .btn_join_fan.on span.odd_span {background-position:-100px 0;} .btn_join_fan.on.disabled.mhover span.odd_span, .btn_join_fan.on.disabled:focus span.odd_span {background-position:-100px 0;} .cnt_fan {display:inline-block; height:22px; padding:0 0 0 10px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_atist_fan.png) no-repeat 1px -120px; vertical-align:middle;} .cnt_fan span.cnt_span {display:inline-block; height:17px; padding:5px 6px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_atist_fan.png) no-repeat right -120px; color:#666; font-size:12px; line-height:1.2em; text-align:center;} .cnt_fan span.cnt_span {min-width:52px;} /* 최대6자리 기본 기준 */ .cnt_fan.l5 span.cnt_span {min-width:46px;} /* 최대5자리 기준 */ .btn_join_fan02 {width:72px; height:24px;} .btn_join_fan02 {*margin:0;} /* IE7 */ .btn_join_fan02 span.odd_span {width:72px; height:24px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_sprite_atist.png) no-repeat 0 0; text-indent:-9999px;} .btn_join_fan02.mhover span.odd_span {background-position:0 -28px;} .btn_join_fan02.mactive span.odd_span {background-position:0 -56px;} .btn_join_fan02.on span.odd_span {background-position:-76px 0;} .btn_join_fan02.on.mhover span.odd_span, .btn_join_fan02.on:focus span.odd_span {background-position:-76px -28px;} .btn_join_fan02.on.mactive span.odd_span {background-position:-76px -56px;} .btn_fan_b {margin:0;} .btn_fan_b span.odd_span {width:116px; height:30px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_fan_b.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:middle;} .btn_fan_b.mhover span.odd_span {background-position:0 -40px;} .btn_fan_b.mactive span.odd_span {background-position:0 -80px;} .btn_fan_b.on span.odd_span {background-position:-147px 0;} .btn_fan_b.on.mhover span.odd_span {background-position:-147px -40px;} .btn_fan_b.on.mactive span.odd_span {background-position:-147px -80px;} .btn_fan_b.on.disabled span.odd_span {background-position:-147px 0 !important;} .cnt_fan_b {display:inline-block; height:30px; padding:0 0 0 10px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_fan_b.png) no-repeat 2px -120px; vertical-align:middle;} .cnt_fan_b span.cnt_span {display:inline-block; min-width:106px; height:25px; padding:5px 8px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_fan_b.png) no-repeat right -120px; color:#1a1a1a; font-weight:bold; font-size:16px; line-height:1.2em; font-family:"맑은 고딕","Malgun Gothic", "돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif; text-align:center;} .cnt_fan_b span.cnt_span {*height:27px; *padding-top:3px;} /* ie7 */ .cnt_fan_b span.cnt_span span.no {display:inline-block; padding-top:1px; vertical-align:top;} /* button - 아티스트 목록 팬맺은 아티스트 취소 버튼 */ .btn_fan_delt {display:inline-block; width:20px; height:20px;} .btn_fan_delt {*margin:0;} /* IE7 */ .btn_fan_delt span.odd_span {width:20px; height:20px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_cancel.png) no-repeat 0 0; text-indent:-9999px;} .btn_fan_delt.mhover span.odd_span, .btn_fan_delt:focus span.odd_span {background-position:0 -40px;} .btn_fan_delt.mactive span.odd_span {background-position:0 -80px;} .btn_small_delt {display:inline-block; width:15px; height:15px;} .btn_small_delt {*margin:0;} /* IE7 */ .btn_small_delt span.odd_span {width:15px; height:15px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_small_cancel.png) no-repeat 0 0; text-indent:-9999px;} .btn_small_delt.mhover span.odd_span {background-position:0 -40px;} /* 140314_추가 aty */ .btn_fan_cancel {display:inline-block; width:13px; height:12px;} .btn_fan_cancel {*margin:0;} /* IE7 */ .btn_fan_cancel span.odd_span {width:13px; height:12px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_atist_fan.png) no-repeat 0 -151px; text-indent:-9999px;} .btn_fan_cancel.mhover span.odd_span, .btn_fan_cancel:focus span.odd_span {background-position:-23px -151px;} .btn_fan_cancel.mactive span.odd_span {background-position:-46px -151px;} .btn_fan_cancel.on span.odd_span {background-position:-23px -151px;} .btn_fan_cancel.on.mhover span.odd_span {background-position:-23px -151px;} .btn_fan_cancel.on.mactive span.odd_span {background-position:-46px -151px;} /* 140409_추가 aty */ .btn_atist_fan02{display:inline-block;width:92px;height:38px;} .btn_atist_fan02 span.odd_span {display:block;width:91px;height:38px;background:url(http://image.melon.co.kr/resource/image/web/artist/btn_atist_fan02.png) no-repeat 0 0;font-size:0;line-height:0;} .btn_atist_fan02.mhover span.odd_span {background-position:0 -38px;} .btn_atist_fan02.mactive span.odd_span {background-position:0 -76px;} .btn_atist_fan02.on span.odd_span{background-position:0 -114px;} /* button - wrap */ .wrap_btn_c {text-align:center;} .wrap_btn_l {text-align:left;} .wrap_btn_r {text-align:right;} .wrap_btn_c.line {padding-top:22px; border-top:1px solid #e6e6e6;} .wrap_btn_l.line {padding-top:22px; border-top:1px solid #e6e6e6;} .wrap_btn_r.line {padding-top:22px; border-top:1px solid #e6e6e6;} .wrap_btn_c, .wrap_btn_l, .wrap_btn_r {*zoom:1;} /* ie7 */ .wrap_btn_c .wrap_btn_r {position:relative;} .wrap_btn_c .wrap_btn_r button, .wrap_btn_c .wrap_btn_r .btn {position:absolute; right:0; bottom:0;} /* bullet */ .bullet_icon {display:inline-block; padding-left:20px; color:#333; font-weight:bold; line-height:1.2em;} .bullet_icon.frend {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left 1px;} .bullet_icon.like {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -20px;} .bullet_icon.play_listlk {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -42px;} .bullet_icon .data {color:#999; font-weight:normal;} .bul_info {display:inline-block; padding:1px 0 0 20px; background:url(http://image.melon.co.kr/resource/image/web/common/bul_info.png) no-repeat left top; color:#1a1a1a; font-size:12px; line-height:1.4em;} .bul_info {*display:inline; *padding:2px 0 2px 20px;} /* ie7 */ .bul_info02 {display:inline-block; padding:0 0 0 18px; background:url(http://image.melon.co.kr/resource/image/web/common/bul_info02.png) no-repeat left 1px; color:#666; font-size:11px; line-height:1.4em;} .bul_info02 {*display:inline; *padding:0 0 2px 18px;} /* ie7 */ .bul_info03 {display:inline-block; padding:0 0 0 18px; background:url(http://image.melon.co.kr/resource/image/web/common/bul_info03.png) no-repeat left 1px; color:#666; font-size:11px; line-height:1.4em; letter-spacing:-1px;} .bul_info03 {*display:inline; *padding:0 0 2px 18px;} /* ie7 */ .bul_openg {display:inline-block; min-height:15px; padding:2px 0 0 24px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_openg.png) no-repeat left top;} .bullet_text {padding-left:16px; font-size:12px; line-height:1.4em; font-family:"돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif;} .bullet_text .bullet {margin-left:-16px;} /* bullet - List */ .list_bullet li {margin-top:6px; padding-left:9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_bullet.png) no-repeat left 6px; color:#1a1a1a; font-size:12px; line-height:1.4em; word-wrap:break-word; word-break:break-all;} .list_bullet li {*background-position:0 7px;} /* ie7 */ .list_bullet li.first_child {margin-top:0 !important;} .list_bullet li a {color:#1a1a1a;} .list_bullet02 li {margin-top:6px; padding-left:9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_bullet02.png) no-repeat left 5px; color:#df2607; font-size:12px; line-height:1.4em;} .list_bullet02 li.first_child {margin-top:0;} .list_bullet02 li a {color:#df2607;} .list_bullet03 li {margin-top:6px; padding-left:9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_bullet.png) no-repeat left 6px; color:#666; font-size:12px; line-height:1.4em; word-wrap:break-word; word-break:break-all;}/* 140618_수정 */ .list_bullet03 li.first_child {margin-top:0;} .list_bullet.h0 li, .list_bullet03.h0 li {margin-top:0; background-position:left 6px;} .list_bullet li ul li, .list_bullet03 li ul li {margin-top:6px; padding-left:18px; font-size:12px; line-height:1.4em; text-indent:-9px;} .list_bullet_inherit li {margin-top:6px; padding-left:9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_bullet02.png) no-repeat left 5px; color:inherit; font-size:12px; line-height:1.4em;} .list_bullet_inherit li.first_child {margin-top:0;} .list_bullet_inherit li a {color:inherit;} /* icon */ .icon_agellevel {display:inline-block; width:14px; height:14px; background-image:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_agellevel.png); background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px;line-height:0;vertical-align: middle} .icon_agellevel.age_all {background-position:0 0;} .icon_agellevel.age_12 {background-position:-18px 0;} .icon_agellevel.age_15 {background-position:-36px 0;} .icon_agellevel.age_19 {background-position:-54px 0;} .icon_up {display:inline-block; width:7px; height:7px; margin-right:-1px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_rank.png) no-repeat -80px 0; overflow:hidden; font-size:0 !important; line-height:0 !important; vertical-align:middle;}/* 140428_수정 aty */ .icon_down {display:inline-block; width:7px; height:7px; margin-right:-1px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_rank.png) no-repeat -70px 0; overflow:hidden; font-size:0 !important; line-height:0 !important; vertical-align:middle;}/* 140428_수정 aty */ .icon_static {display:inline-block; width:7px; height:7px; margin-right:-1px; margin-left:0; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_rank.png) no-repeat -22px 0; overflow:hidden; font-size:0 !important; line-height:0 !important; vertical-align:middle;}/* 140428_수정 aty */ .icon_rank_new {display:inline-block; width:22px; height:7px; margin-right:-1px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_rank.png) no-repeat -33px 0; overflow:hidden; font-size:0 !important; line-height:0 !important; vertical-align:middle;}/* 140428_수정 aty */ /* 140422_추가 aty */ .up{color:#ff4c7c; font-size:10px;}/* 140428_수정 aty */ .down{color:#47beaa; font-size:10px;}/* 140428_수정 aty */ /* icon - 곡 */ .icon_song.title {display:inline-block; width:35px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat 0 1px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0; vertical-align:top;} /* title */ /* 140313 kcu */ .icon_song.hot {display:inline-block; width:29px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat -38px 1px; overflow:hidden;text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0; vertical-align:top;} /* hot */ /* 140313 kcu */ .icon_song.live {display:inline-block; width:31px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat -70px 1px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0; vertical-align:top;} /* live */ /* 140313 kcu */ .icon_song.free {display:inline-block; width:36px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat -104px 1px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0; vertical-align:top;} /* free */ /* 140313 kcu */ .icon_song.hold {display:inline-block; width:13px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat -144px 1px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0;vertical-align:top;} /* 홀드백 */ /* 140313 kcu */ .icon_song.age_19 {display:inline-block; width:13px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat -162px 1px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0;vertical-align:top;} /* 19금 */ /* 140313 kcu */ .icon_song.orign {display:inline-block; width:25px; height:15px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat -177px 3px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0; vertical-align:top;} /* 원곡 */ /* 140313 kcu */ /*140311_수정 khr*/ .icon_recm {display:inline-block; width:33px; height:16px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_sprite_songlist02.png) no-repeat 0 -45px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0; vertical-align:middle;}/*추천*/ /* icon - 곡(비할성화) */ .icon_song.title.disabled {background-position:0 -22px;} /* title */ .icon_song.hot.disabled {background-position:-38px -22px;} /* hot */ .icon_song.live.disabled {background-position:-70px -22px;} /* live */ .icon_song.free.disabled {background-position:-104px -22px;} /* free */ .icon_song.hold.disabled {background-position:-144px -22px;} /* 홀드백 */ .icon_song.age_19.disabled {background-position:-162px -22px;} /* 19금 */ /* */ .icon_song.up {display:inline-block; width:19px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -713px 1px; overflow:hidden; font-size:0 !important; line-height:0 !important; vertical-align:middle;} .icon_dj {display:inline-block; overflow:hidden; width:23px; height:13px; padding-top:3px; *padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -677px -27px; overflow:hidden; text-indent:-9999px; *text-indent:0; *font-size:0px; vertical-align:middle;} /* 140212_수정 kcu */ .ico_dj {display:inline-block; overflow:hidden; width:23px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -677px -27px; margin-right:2px; line-height:0; text-indent:-9999px; *text-indent:0; *font-size:0px; vertical-align:top;} /* 140212_수정 kcu */ .icon_prodstauscode {display:inline-block; width:42px; height:16px; padding-top:3px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_icon_prodstauscode.png) no-repeat left top; overflow:hidden; font-size:0 !important; line-height:0 !important; vertical-align:middle;} .icon_prodstauscode {*padding-top:2px;} /* ie7 */ .icon_prodstauscode.use {background-position:0 1px;} .icon_prodstauscode.rsrv {background-position:0 -19px;} .icon_prodstauscode.event {background-position:0 -39px;} .icon_prodstauscode.cancl {width:52px; background-position:0 -59px;} .icon_prodstauscode.exp {background-position:0 -79px;} .icon_prodstauscode.impor {width:33px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -673px 1px;} .icon_prodstauscode.experience {width:33px; background-position:0 -140px;} .wrap_prod {padding-left:46px; *zoom:1;} /* .wrap_prod:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .wrap_prod .icon_prodstauscode {float:left; margin-right:4px; margin-left:-46px;} .wrap_prod .cntt {display:block;} .wrap_prod .cntt .icon_prodstauscode {margin-left:4px;} .icon_srvc {display:inline-block; width:34px; height:26px; overflow:hidden; font-size:26px; line-height:26px; font-size:0; line-height:0; vertical-align:middle;} .icon_srvc.mobile {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -305px;} .icon_srvc.pc {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat 10px -340px;} .icon_srvc.all {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat 3px -375px;} .wrap_rank {display:inline-block; color:#999; font-size:12px; line-height:18px; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; vertical-align:middle;} .wrap_rank span {vertical-align:middle;font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; font-size:10px;}/* 140428_수정 aty */ .ico_cmpsr {display:inline-block; width:13px; height:14px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -740px top; font-size:0;overflow:hidden; line-height:0; vertical-align:middle;} .ico_list_count {display:inline-block; width:11px; height:11px; padding-top:1px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -758px top; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .ico_list_count .ico_list_count {margin-right:3px;} .ico_dc {display:inline-block; width:10px; height:10px; padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -356px top; font-size:0; line-height:10px; vertical-align:middle;} .icon_point_red {display:inline-block; width:22px; height:22px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -415px 0; font-size:0; line-height:0; vertical-align:middle;} .icon_point_green {display:inline-block; width:16px; height:16px; margin-right:3px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -597px 0; font-size:0; line-height:0; vertical-align:middle;} .icon_point_green02 {display:inline-block; width:14px; height:14px; margin-right:3px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -706px 0; font-size:0; line-height:0; vertical-align:middle;} .icon_point_hot {display: inline-block;width: 34px;height: 16px;background: url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_red.png) no-repeat -744px 0;overflow: hidden;font-size: 0 !important;line-height: 0 !important;vertical-align: middle;}/*140320 추가 lyr*/ .ico_play_co {display:inline-block; width:14px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1217px 0; font-size:0; line-height:0; vertical-align:middle;} .icon_album {display:inline-block; width:14px; height:14px; margin:0; background:url(http://image.melon.co.kr/resource/image/web/common/btn_play_album.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:top;} .ico_play_dj {display:inline-block; width:14px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat -366px 0; vertical-align:middle; text-indent:-9999px; *text-indent:0; *font-size:0px; *line-height:0;} .icon_sns {display:inline-block; width:13px; height:13px; padding-top:1px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_icon_sns.png) no-repeat left top; font-size:0; line-height:0; vertical-align:top;} .icon_sns.facebook {background-position:left top;} .icon_sns.tel {background-position:-20px top;} .icon_sns.kakaotalk {background-position:-40px top;} .icon_sns.addt_frend {background-position:-60px top;} .ico_gnr {display:inline-block; width:17px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1240px 0; font-size:0; line-height:0; vertical-align:middle;} .icon_usrlk {display:inline-block; background:url(http://image.melon.co.kr/resource/image/web/common/bg_icon_usrlk_stus.png) no-repeat left top; font-size:0; line-height:0;} .icon_usrlk.new {width:26px; height:26px; background-position:left top;} .icon_usrlk.me {width:24px; height:16px; background-position:-31px top;} .icon_usrlk.icon_me {width:23px; height:13px; background-position:-60px top; vertical-align:-2px;} .l_popup .box_userlk06 dt .ellipsis .icon_usrlk.icon_me {vertical-align:middle;} .icon_like {display:inline-block; width:14px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1288px 0; vertical-align:-2px;} .icon_like {*margin-right:4px; *vertical-align:2px;} /* ie7 */ .ico_frend {display:inline-block; width:10px; height:13px; padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat -252px top; font-size:0; line-height:0; vertical-align:middle;} /* 131220_추가 kcu */ .ico_frend02 {display:inline-block; width:11px; margin:1px 2px 0 0; height:11px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat -252px -17px; font-size:0; line-height:0; vertical-align:top;} .ico_artist {display:inline-block; width:10px; height:13px; padding-top:2px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat -252px -16px; font-size:0; line-height:0; vertical-align:middle;} /* 140108_추가 miok*/ .ico_cau {padding-left:18px; font-size:11px; color:#666; background:url(http://image.melon.co.kr/resource/image/web/common/ico_caution01.png) no-repeat 0 0; line-height:14px; letter-spacing:-1px;} .ico_cau .f12 {position:relative; top:-2px; line-height:18px;} .ico_cau.red {background:url(http://image.melon.co.kr/resource/image/web/common/ico_caution02.png) no-repeat 0 0;} .ico_refer {font-size:11px; color:#666; line-height:14px; letter-spacing:-1px;} .ico_atist {display:inline-block; width:15px; height:18px; background:url(http://image.melon.co.kr/resource/image/web/common/ico_atist.png) no-repeat 0 0;} /* icon - 좋아요 (클릭안됨) */ .like_icon14 {background:#fff url(http://image.melon.co.kr/resource/image/web/common/bg_like_icon14.png) no-repeat 0 9px; font-family:"맑은 고딕","Malgun Gothic", "돋움", "Dotum", "Apple Gothic", sans-serif; color:#333; margin:0 3px 0 0; display:inline-block; vertical-align:middle;} .like_icon14 .icon {background:url(http://image.melon.co.kr/resource/image/web/common/bg_cmt_bar.png) no-repeat 100% 10px; height:24px; display:inline-block; vertical-align:middle; font-size:13px; line-height:1.2; padding:7px 8px 0 17px; margin:0 8px 0 0;} /* icon - 확대보기 */ .icon_viewlk_image {display:block; position:absolute; left:50%; top:50%; width:80px; height:80px; margin-top:-40px; margin-left:-40px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_viewlk_image.png ) no-repeat left top;} /* layer popup */ .layer_wrap {position:absolute; z-index:5; border-top:4px solid #8bc638; border-bottom:1px solid #ccc;} .layer_wrap .box_layerwrap {padding:13px 0 23px 0; border-right:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff;} .layer_wrap .box_layerwrap h1 {margin-bottom:22px; padding:0 0 20px 30px; border-bottom:1px solid #cbcbcb; font-family:"맑은 고딕", "Malgun Gothic",arial,"돋움","dotum","Apple Gothic", sans-serif; font-size:20px; color:#1a1a1a; font-weight:bold;} .layer_wrap .box_layerwrap.mumm_size h1 {font-size:18px;} .layer_wrap .mumm_size .pop_btn_close {display:block; position:absolute; z-index:3; right:32px; top:16px; width:16px; line-height:18px; border:0; cursor:pointer; background:url(http://image.melon.co.kr/resource/image/web/common/pop_btn_close_small.png) no-repeat; text-indent:-5000px;} .layer_wrap .mumm_size .layer_content {text-align:center;} .layer_wrap .mumm_size .layer_content select {margin-top:12px;} .layer_wrap .mumm_size p {color:#1a1a1a;} .layer_wrap .mumm_size p strong {font-size:14px;} .layer_wrap .layer_content {overflow-x:hidden; overflow-y:scroll; height:445px; padding:0 31px 0;} .layer_wrap .layer_content.scroll_no {position:relative; height:auto; overflow-y:hidden;} .layer_wrap .layer_content.scroll_no .btn_image_original {position:absolute; top:6px; right:35px; width:23px; height:22px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_original.png) no-repeat 0 0; text-indent:-9999px;} .layer_wrap .pop_btn_close {display:block; position:absolute; z-index:3; right:32px; top:16px; width:18px; line-height:19px; border:0; cursor:pointer; background:url(http://image.melon.co.kr/resource/image/web/common/pop_btn_close.png) no-repeat; text-indent:-5000px;} .layer_wrap .shadow {display:block; position:absolute; left:2px; right:0; top:3px; bottom:0; z-index:-1; width:100%; height:100%; background:url(http://image.melon.co.kr/resource/image/web/common/bg_shadow_pop.png) repeat left top; *background:none 0;} .list_p01 {overflow:hidden; margin-bottom:18px;} .list_p01 li {float:left; padding:4px 0 0 16px;} .list_p01 li:first_child {padding-left:0;} .pop_textarea {width:486px; height:140px;} .num_plist {position:absolute; right:32px; top:300px; color:#999;} .num_plist strong {color:#666;} .layer_popup {position:absolute; z-index:30;} .layer_popup .layer_title {padding:8px 30px 11px; border-bottom:1px solid #ccc; background-color:#81ba16; color:#fff; font-weight:bold; font-size:20px; line-height:1.4em; font-family:"맑은 고딕", "Malgun Gothic",arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; letter-spacing:-2px;} .layer_popup .layer_cntt {padding:32px 32px 31px; background:#fff url(http://image.melon.co.kr/resource/image/web/common/bg_popup.png) repeat-x left top; border:1px solid #ccc; border-top:0;} .layer_popup .layer_cntt {*zoom:1;} .layer_popup .layer_cntt h2.layer_title02 {margin-bottom:8px; color:#1a1a1a; font-weight:bold; font-size:14px; line-height:1.4em; font-family:"맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif;} #conts .layer_popup .layer_cntt h2.layer_title02.mt20 {margin-top:20px !important; text-indent:0; background:none;} #conts .layer_popup .layer_cntt h2.layer_title02.mt30 {margin-top:30px !important; text-indent:0; background:none;} .layer_popup .wrap_btn_c {margin-top:24px;} .layer_popup .shadow {display:block; position:absolute; left:2px; right:0; top:2px; bottom:0; z-index:-1; width:100%; height:100%; background:url(http://image.melon.co.kr/resource/image/web/common/bg_shadow.png) repeat left top;} .layer_popup .btn_close {position:absolute; right:16px; top:14px;}/*140526 수정 lyr*/ .layer_popup .btn_close .odd_span {width:23px; height:23px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1494px top; overflow:hidden; text-indent:-9999px;}/*140526 수정 lyr*/ .layer_popup.small .layer_title {height:auto; /* padding:3px 15px 8px; */ padding:5px 15px 10px; font-size:18px;} .layer_popup.small .btn_close {right:12px; top:12px;} .layer_popup.small .text_section1 {position:relative; width:317px; height:85px; border:1px solid #ccc; border-top:1px solid #afafaf; border-left:1px solid #bebebe; margin:8px 0 0;} /* 130929 width 수정 - 최진혁 */ .layer_popup .gift {background:url(http://image.melon.co.kr/resource/image/web/common/bg_icon_gift.png) no-repeat 6px 2px; text-align:left; padding:0 0 18px 78px; color:#666; line-height:20px; margin:-2px 0 20px; border-bottom:1px solid #e5e5e5;} .layer_popup .gift.bb_none {padding:0 0 0 78px; border-bottom:none;} .layer_popup .gift strong {display:block; margin:0 0 4px; font-size:14px; color:#1a1a1a;} .layer_popup .gift strong .name_ellip {display:inline-block;max-width:190px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;vertical-align:bottom;} .layer_popup .gift strong em {color:#7cb710; font-style:normal;vertical-align: top} .layer_popup button.gift {background:none; text-align:center; padding:0;color:#666; line-height:18px; margin:0; border-bottom:none;}/*140317 추가 lyr*/ .layer_popup.small .text_section1 .gift_answr {display:block; width:306px; height:53px; overflow:hidden; margin:0; border:0; overflow:hidden; overflow-y:auto; resize:none;} /* 130929 width 수정 - 최진혁 */ .layer_popup.small .text_section1 .text_size {display:block; height:18px; text-align:right; padding:1px 7px 8px 0; color:#999;} .layer_popup.small .text_section1 .text_size strong {color:#666;} /*.layer_popup .wrap_tab02 > ul {width:auto; border-right:0;} .layer_popup .wrap_tab02 > ul > li > a {padding:7px 0;} .layer_popup .wrap_tab02 > ul > li.on > a {padding-top:6px;} .layer_popup .wrap_tab02 > ul > li .wrap_tab_cntt {border-right:0; border-bottom:0; border-left:0;}*/ .layer_popup .box_default {text-align:center;} .layer_popup .box_default p {color:#666; font-size:12px; line-height:1.4em;} .layer_popup .box_default p.txt_emphs {margin-bottom:14px; color:#1a1a1a; font-weight:bold; font-size:14px; line-height:1.6em;} .layer_popup .box_scroll {position:relative; border:1px solid #d9d9d9; overflow-x:hidden; overflow-y:scroll;}/* 140218_수정 kcu */ .layer_popup .box_scroll {*position:relative;} .layer_popup .box_scroll02 {margin:-32px; margin-right:-25px; padding:32px; padding-right:13px; overflow-x:hidden; overflow-y:scroll;} .layer_popup .box_scroll02 {*position:relative;} .layer_popup .box_scroll03 {margin:-32px; margin-bottom:0; padding:32px; padding-right:13px; overflow-x:hidden; overflow-y:auto;} .layer_popup .box_scroll03 {*position:relative;} .layer_popup .tit_desc {padding-left:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_bullet_gbig.png) no-repeat left 6px; font-size:14px; color:#1a1a1a; font-weight:bold;} .layer_popup .tit_desc02 {font-size:14px; color:#1a1a1a; font-weight:bold;} /* 140110_추가 kcu */ .layer_popup.no_title .layer_cntt {padding:32px 27px 22px; border-top:1px solid #ccc;} /* 140213_추가 kcu */ .layer_popup.no_title .btn_close {position:absolute; right:8px; top:12px;} .layer_popup.no_title .btn_close .odd_span {width:16px;height:16px;background-position:-452px 0;}/*140528 수정 lyr*/ /* popup */ .popup {} .popup .popup_title {padding:8px 30px 11px; border-bottom:1px solid #ccc; background-color:#81ba16; color:#fff; font-weight:bold; font-size:20px; line-height:1.4em; font-family:"맑은 고딕", "Malgun Gothic",arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; letter-spacing:-2px;} .popup.small .popup_title {/* padding:3px 15px 8px; */ padding:5px 15px 10px; font-size:18px;} .popup .popup_cntt {padding:32px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_popup.png) repeat-x left top;} .popup .popup_cntt {*zoom:1;} .popup .wrap_btn_c {margin-top:20px;} .popup .popup_cntt h2.popup_title02 {margin-bottom:12px; color:#1a1a1a; font-weight:bold; font-size:14px; line-height:1.4em; font-family:"돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif;} /* .popup .wrap_tab02 ul {width:auto; border-right:0;} .popup .wrap_tab02 ul li a {padding:7px 0;} .popup .wrap_tab02 ul li.on a {padding-top:6px;} .popup .wrap_tab02 ul li .wrap_tab_cntt {border-right:0; border-bottom:0; border-left:0;} */ .popup .box_default {text-align:center;} .popup .box_default p {color:#666; font-size:12px; line-height:1.4em;} .popup .box_default p.txt_emphs {margin-bottom:14px; color:#1a1a1a; font-weight:bold; font-size:14px; line-height:1.6em;} .popup .no_data {padding: 140px 0 169px;border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;text-align: center;}/*140416 추가 lyr*/ .popup .no_data p {color:#1a1a1a;}/*140416 추가 lyr*/ .popup .box_scroll {border:1px solid #d9d9d9; overflow-x:hidden; overflow-y:auto;} .popup .box_scroll {*position:relative;} .popup .box_scroll02 {margin:-32px; padding:32px; padding-right:13px; overflow-x:hidden; overflow-y:auto;} .popup .box_scroll02 {*position:relative;} .popup .box_scroll03 {margin:-32px; margin-bottom:0; padding:32px; padding-right:13px; overflow-x:hidden; overflow-y:auto;} .popup .box_scroll03 {*position:relative;} .popup .tit_desc {padding-left:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_bullet_gbig.png) no-repeat left 6px; font-size:14px; color:#1a1a1a; font-weight:bold;} .popup .tit_desc02 {font-size:14px; color:#1a1a1a; font-weight:bold;} .popup.w352 {min-width:352px;}/*140403 추가 lyr*/ .popup.w364 {min-width:364px;}/*140416 추가 khr*/ .popup.w384 {min-width:384px;} .popup.w560 {min-width:560px;}/*140526_수정*/ .popup.w682 {min-width:682px;}/*140526_수정*/ .popup.w816 {min-width:816px;}/*140526_수정*/ /* 공통 pop */ .popup.cm_pop {padding:24px;}/*140527_수정*/ .cm_pop .popup_title {padding:0 0 11px 0; background:none; border-bottom:2px solid #81ba16; color:#1a1a1a; font-size:22px;} .cm_pop .popup_cntt {padding:0;} /* layer */ .l_popup {position:absolute; z-index:15;} /* 131231_수정 kcu */ .l_popup .l_cntt {padding:0 16px; background-color:#fff; border:1px solid #666;} .l_popup .l_cntt {*zoom:1;} /* ie7 */ .l_popup .l_title {margin:0 -16px; padding:12px 22px 11px; border-bottom:1px solid #a6a6a6; font-family:"맑은 고딕", "Malgun Gothic",arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; color:#1a1a1a; font-size:16px; line-height:1.4em; font-weight:bold;letter-spacing:-1px;} .l_popup .shadow {display:block; position:absolute; left:2px; right:0; top:2px; bottom:0; z-index:-1; width:100%; height:100%; background:url(http://image.melon.co.kr/resource/image/web/common/bg_shadow.png) repeat left top;} .l_popup .btn_close {position:absolute; right:16px; top:16px;} .l_popup .btn_close .odd_span {width:15px; height:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1155px top; overflow:hidden; text-indent:-9999px;} .l_popup .bullet {display:block; position:absolute; left:50%; top:-7px; width:13px; height:8px; margin-left:-7px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -962px top;} .l_popup .bullet_vertical {display:block; position:absolute; left:-7px; top:9px; width:8px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -472px top;} .l_popup .bullet_right {display:block; position:absolute; right:-7px; top:9px; width:8px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -472px -16px;} .l_popup .bullet_bottom {display:block; position:absolute; right:9px; bottom:-7px; width:13px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -472px -32px;} .l_popup .bullet_top {display:block; position:absolute; right:9px; top:-7px; width:13px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -472px -43px;} .l_popup .l_cntt .list_bullet li a {line-height:15px; word-wrap:break-word; word-break:break-all; *zoom:1;}/* 140602_수정 kcu */ .l_popup .box_scroll {width:100%; margin:0 -16px; padding:0 16px; overflow-y:auto;} .l_popup .box_scroll {*position:relative;} /* ie7 */ .l_popup.small .l_cntt {padding:8px 28px 8px 8px;} .l_popup.small .btn_close {right:12px; top:12px;} .l_popup.small .btn_close .odd_span {width:11px; height:11px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -452px top; overflow:hidden; text-indent:-9999px;} .l_popup.userlk06 .l_title {margin:0; padding-left:24px;} .l_popup.userlk06 .l_cntt {padding:0;} .l_popup.userlk06 .box_scroll {margin:0; padding:0;} .l_popup.userlk06 .bullet_top {right:25px;} /* layer - 영상다운 리스트 */ .l_popup .vdo_type {margin:-9px -29px -9px -9px; padding:4px 0; border:1px solid #8e8e8e;} .l_popup .vdo_type .vdo_li a {display:block; padding:4px 11px; color:#666; text-align:center;} .l_popup .vdo_type .vdo_li a {*cursor:pointer} /* ie7 */ .l_popup .vdo_type .vdo_li a:hover {background-color:#f0f0f0; color:#1a1a1a;} .l_popup .page02 {margin:15px 0 -4px;} .l_popup .wrap_btn_c {margin-top:16px;} .l_popup .btn_close {position:absolute; right:15px; top:15px;} /* layer popup/popup - 하단 체크박스 영역 */ .wrap_popup_checkbox {margin:32px -25px -32px -25px; padding:14px 32px; border-top:1px solid #e5e5e5; text-align:right;} /* paginate */ .page .page_num {color:#666; font-size:12px; line-height:1.2em; font-family:arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; vertical-align:middle;} .page .page_num strong {color:#333;} .page .wrap_btn {display:inline-block; margin-left:3px; vertical-align:middle;} .page .wrap_btn {*zoom:1;} /* ie7 */ /* .page .wrap_btn:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .page .wrap_btn .btn {*margin:0;} /* ie7 */ .page .wrap_btn .btn_pre, .page .wrap_btn .btn_next {float:left; margin-right:0;} .page .wrap_btn .btn_pre {margin-right:-1px;} .paginate {margin-top:24px; text-align:center;} .paginate a {display:inline-block; position:relative; width:24px; height:24px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_paginate.png) no-repeat 0 0; vertical-align:middle;} .paginate a:hover {text-decoration:none; z-index:1;} .paginate a span {border:none; font-size:0; line-height:0;} .paginate .btn_first {background-position:0 0; margin-right:-2px;} .paginate a.btn_first:hover {background-position:0 -36px;} .paginate .btn_pre {background-position:-26px 0;} .paginate a.btn_pre:hover {background-position:-26px -36px;} .paginate .btn_next {background-position:-84px 0;} .paginate a.btn_next:hover {background-position:-84px -36px;} .paginate .btn_last {background-position:-110px 0; margin-left:-2px;} .paginate a.btn_last:hover {background-position:-110px -36px;} .paginate .btn_first:active, .paginate .btn_first.mactive {background-position:0 -72px;} .paginate .btn_pre:active, .paginate .btn_pre.mactive {background-position:-26px -72px;} .paginate .btn_next:active, .paginate .btn_next.mactive {background-position:-84px -72px;} .paginate .btn_last:active, .paginate .btn_last.mactive {background-position:-110px -72px;} .paginate .btn_first.disabled {background-position:0 -108px; margin-right:-2px;} .paginate .btn_pre.disabled {background-position:-26px -108px;} .paginate .btn_next.disabled {background-position:-84px -108px;} .paginate .btn_last.disabled {background-position:-110px -108px; margin-left:-2px;} /* 140311_miok */ .paginate .page_num {display:inline-block; margin:0 0 0 2px; *margin:-1px 5px 0 1px; color:#666; font-size:12px; line-height:1.2em; font-family:"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; vertical-align:middle;} .paginate .page_num a {position:relative; height:auto; margin-left:-1px; color:#666; text-indent:0; background:url(http://image.melon.co.kr/resource/image/web/common/bg_paginate.png) no-repeat 0 4px; display:inline-block; padding:5px 7px 3px; width:auto; height:auto; min-width:18px; font-weight:bold;} .paginate .page_num a.first_child {margin-left:0; background:none;} .paginate .page_num a:hover, .paginate .page_num a.mactive {color:#80ba00; text-decoration:underline; z-index:1;} .paginate .page_num strong {position:relative; display:inline-block; padding:5px 6px 3px; border:1px solid #80ba00; background-color:#fff; font-weight:bold; min-width:10px; margin-left:-1px; color:#80ba00; vertical-align:middle; text-decoration:none; z-index:2;} .paginate .page_num strong {*zoom:1;} /* ie7 */ /* 140324_aty */ .paginate.chart_page .page_num {width:200px;background:url("http://image.melon.co.kr/resource/image/web/common/bg_paginate.png") no-repeat 90px 4px} .paginate.chart_page .page_num strong{display:inline-block;border:none;margin:0;padding:0 13px 0;font-size:16px;line-height:23px;font-family:Arial;vertical-align:middle;} .paginate.chart_page .page_num a{display:inline-block;background:none;margin:0;padding:0 14px 0;font-size:16px;line-height:23px;font-family:Arial;vertical-align:middle;} .paginate.chart_page .page_num a:hover{text-decoration:none;} .paginate.chart_page .page_num strong em, .paginate.chart_page .page_num a em{display:inline-block;font-size:14px;line-height:16px;font-family:"Malgun Gothic","맑은 고딕";vertical-align:2px;*vertical-align:3px;} /* box */ .box_thum {display:inline-block; *display:inline; min-width:100px; min-height:94px; border:1px solid #d9d9d9; *zoom:1;} /* .box_thum:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .box_thum .image {float:left; border-right:1px solid #d9d9d9;} .box_thum .image a, .box_thum .image a img {display:block;} .box_thum dl {float:left; padding:9px 40px 7px 15px; *padding:7px 40px 7px 15px;} .box_thum .title, .box_thum .atist, .box_thum .date, .box_thum .wrap_btn_l {display:block; min-width:10px;} .box_thum .title {display:block; color:#000; font-weight:bold; font-size:14px; line-height:1.4em; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif;} .box_thum .atist {margin-top:2px; color:#999; font-size:11px; line-height:13px;} .box_thum .atist a {color:#999;} .box_thum .date {margin-top:2px; color:#999; font-size:11px; line-height:13px; font-family:Arial,"dotum","돋움",sans-serif, "Apple Gothic", sans-serif;} .box_thum .wrap_btn_l {margin-top:5px; *margin-top:3px;} .box_thum .btn_youtube {margin-top:15px;} .box_thum.album01 {width:323px;} .box_thum.album01 .image a img {width:136px; height:136px;} .box_thum.album01 dl {padding:13px 15px 10px 15px;} .box_thum.album01 .title {font-size:12px; font-family:"돋움","dotum",sans-serif, "Apple Gothic", sans-serif;} .box_thum.album01 .title .kind {font-weight:normal; font-size:11px;} .box_thum.album01 .atist {margin-top:4px;} .box_thum.album01 .atist a {color:#1a1a1a;} .box_thum.album01 .date {margin-top:4px;} .box_thum.album01 .ttlsonginfo {margin-top:10px; font-size:11px;} .box_thum.album01 .ttlsonginfo a {color:#666;} .box_thum.album01 .wrap_btn_l {margin-top:7px; *margin-top:5px;} .box_thum.album01 .wrap_btn_l .wrap_like {*margin-left:-4px;} .box_thum.album02 {width:248px; border:0;} .box_thum.album02 .image {border:1px solid #d9d9d9;} .box_thum.album02 dl {padding:12px 15px 0 11px; height:auto;} .box_thum.album02 .title {font-size:12px; font-family:"돋움","dotum",sans-serif, "Apple Gothic", sans-serif;} .box_thum.album02 .title .kind {font-weight:normal; font-size:11px;} .box_thum.album02 .atist {margin-top:3px;} .box_thum.album02 .atist a {color:#1a1a1a;} .box_thum.album02 .date {margin-top:3px;} .box_thum.album02 .ttlsonginfo {margin-top:10px; font-size:11px;} .box_thum.album02 .ttlsonginfo a {color:#666;} .box_thum.album02 .wrap_btn_l {margin-top:6px; *margin-top:4px;} .box_thum.album02 .wrap_btn_l .wrap_like {*margin-left:-4px;} .box_thum02 {display:inline-block; *display:inline; width:323px; min-height:160px; border:1px solid #d9d9d9; *zoom:1;} /* .box_thum02:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .box_thum02 .image {float:left; width:160px; border-right:1px solid #d9d9d9;} .box_thum02 .image a, .box_thum02 .image a img {display:block;} .box_thum02 .image a {*zoom:1;} /* .box_thum02 .image a:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .box_thum02 .image a img {float:left; width:80px; height:80px;} .box_thum02 dl {float:left; padding:11px 16px 10px 10px; *padding:8px 16px 8px 10px;} .box_thum02 .title {display:block; color:#000; margin-bottom:5px; font-weight:bold; font-size:12px; line-height:1.4em;} .box_thum02 .atist {float:left; color:#666; font-size:11px; line-height:13px;} .box_thum02 .atist a {color:#666;} .box_thum02 .info {float:left; padding-left:17px; *padding-left:7px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat 9px -83px; color:#666; *background-position:4px -83px; font-size:11px; line-height:13px;} .box_thum02 .wrap_btn_l {clear:both; width:130px; padding-top:6px;} .box_thum02 .list_song {margin-top:7px; *margin-top:5px; padding-top:8px; border-top:1px solid #d9d9d9;} .box_thum03 {position:relative; width:146px; min-height:76px; padding:10px; padding-left:82px; line-height:1.4em; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif;} .box_thum03 dt {margin-top:1px; font-weight:bold; font-size:12px;} .box_thum03 dt {*margin-top:-1px;} .box_thum03 dd {color:#666; font-size:11px; letter-spacing:-1px;} .box_thum03 dd.gnr {margin-top:1px;} .box_thum03 dd.play_song {margin-top:6px;} .box_thum03 dd.play_song {*margin-top:4px;} .box_thum03 dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .box_thum03 .image {position:absolute; left:10px; top:10px;} .box_thum03 .wrap_btn {position:absolute; left:10px; top:66px;} .box_thum03 .wrap_btn {*top:65px;} /* IE7 */ .box_thum03 .wrap_btn .btn_frend {*margin:0; *height:20px;} /* IE7 */ .box_thum03 .wrap_btn .btn_frend span {display:block; width:64px; height:20px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_frend.png) no-repeat 0 0; font-size:0; line-height:0; overflow:hidden;} .box_thum03 .wrap_btn .btn_frend.on span {display:block; width:64px; height:20px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_frend.png) no-repeat 0 -24px; font-size:0; line-height:0; overflow:hidden;} /* DJ 플레이리스트 Box */ .list_dj_play ul {margin-left:-18px;} .list_dj_play ul li {float:left;} .box_dj_play {width:323px; height:130px; margin-left: 18px;} .box_dj_play .thumb {float:left; position:relative; width:130px; height:130px;} .box_dj_play .thumb .thumb_frame {position:absolute; top:0; left:0; width:130px; height:130px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_album04.png) no-repeat 0 0;} .box_dj_play .thumb .thumb_frame.thumb_partition {background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_album04_partition.png) no-repeat 0 0} /* 131227_add_miok */ .box_dj_play a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .box_dj_play .thumb img {float:left;} /* 140225_miok */ .box_dj_play .ico_honor {display:block; position:absolute; top:-1px; left:3px; width:26px; height:38px; background:url(http://image.melon.co.kr/resource/image/web/mymusic/ico_dj.png) no-repeat 0 -39px; font-size:0;} .box_dj_play .dj_songinfo {float:right; width:163px; padding-right:18px;} .box_dj_play .dj_songinfo dt {margin-top:7px;}/* 140529_수정 */ .box_dj_play .dj_songinfo dt a {display:block; width:100%; color:#000; font-weight:bold; font-size:12px; line-height:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .box_dj_play .dj_songinfo dd.atistname {float:left; margin-top:5px; *margin-top:2px; height:13px;} .box_dj_play .dj_songinfo dd.atistname a {display:inline-block; max-width:65px; color:#666; font-size:11px; line-height:13px; letter-spacing:-1px;padding-right:1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /* 131224_modify_miok */ .box_dj_play .dj_songinfo dd.atistname .ico_atist {margin-top:-2px; vertical-align:top;} .box_dj_play .dj_songinfo dd.cnt_song {float:left; margin-top:5px; margin-left:11px; padding-left:9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gray_bar.png) no-repeat 0 1px; color:#666; font-size:11px; line-height:13px;} .box_dj_play .dj_songinfo dd.cnt_themalk {clear: both;padding-top:3px} .box_dj_play .dj_songinfo dd.wrap_btn {clear:both; padding-top:1px;} .box_dj_play .dj_songlist {margin-top:13px; padding-top:5px; border-top:1px solid #d9d9d9;}/* 140529_수정 */ .box_dj_play .dj_songlist ul {margin:0;} .box_dj_play .dj_songlist ul li {display:block; float:none; width:100%; margin-top:5px; line-height:0;}/*140529_수정*/ .box_dj_play .dj_songlist ul li a.btn_play_song {text-align: left;display: inline-block;max-width:163px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; vertical-align:-4px;}/* 140528_수정 aty */ .box_dj_play .dj_songlist ul li a.btn_play_song .icon_song {vertical-align:top;}/* 140528_수정 aty */ .box_dj_play .dj_songlist ul li a.btn_play_song .icon_play {vertical-align:8px; *vertical-align:-3px;}/* 140528_수정 aty */ .box_dj_play .dj_songlist ul li a.btn_play_song .songname11 {vertical-align:0;}/* 140528_수정 aty */ /*140311_modi kcu*/ a.btn_play_song.medium span.icon_play {width:16px; height:17px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -248px 0;} a.btn_play_song.medium:hover span.icon_play {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -325px top;} a.btn_play_song.medium.mactive span.icon_play {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -346px top;} a.btn_play_song.medium.disabled:hover span.icon_play {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_green.png) no-repeat -248px 0;} /* search */ .wrap_search {margin-top:24px; text-align:center;} /* .wrap_search .input_text + .btn_base02 {*margin-left:4px;} */ /* ie7 */ .wrap_search .select_wrap {*margin-top:2px;*padding-right:4px} /* ie7 140113_kimmiok_추가 */ /* 별점 */ .contt_evalscore {display:inline-block; width:49px; height:9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_evalscore.png) no-repeat 0 -11px; text-align:left; font-size:0; line-height:0; vertical-align:middle;} .contt_evalscore span {display:inline-block; height:9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_evalscore.png) no-repeat 0 0;} .text_evalscore {font-weight:bold; font-family:"Times New Roman",serif, "Apple Gothic", sans-serif; font-style:italic; vertical-align:middle;} .wrap_evalscore .text_evalscore {*margin-left:4px;} .contt_evalscore01 {display:inline-block; width:85px; height:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_evalscore.png) no-repeat 0 -70px; text-align:left; font-size:0; line-height:0;} .contt_evalscore01 {*margin-right:5px;} .contt_evalscore01 span {display:inline-block; height:15px; background:#fff url(http://image.melon.co.kr/resource/image/web/common/bg_evalscore.png) no-repeat 0 -49px;} .text_evalscore01 {color:#1a1a1a; font-size:26px; line-height:1.2em;} .wrap_evalscore01 .text_evalscore01 {} .contt_evalscore02 {display:inline-block; width:135px; height:21px; margin-right:-6px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_evalscore.png) no-repeat 0 -119px; font-size:0; line-height:0; text-align:left; vertical-align:middle; *zoom:1;} /* .contt_evalscore02:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .contt_evalscore02 span {display:inline-block; height:21px; background:#fff url(http://image.melon.co.kr/resource/image/web/common/bg_evalscore.png) no-repeat 0 -94px;} .contt_evalscore02 label {display:inline-block; float:left; width:11px; height:21px; background:#fff url(http://image.melon.co.kr/resource/image/web/common/bg_evalscore.png) no-repeat 0 0; cursor:pointer;} .contt_evalscore02 label span {display:inline-block; width:0; height:0; overflow:hidden; font-size:0; line-height:0;} .contt_evalscore02 label.score01, .contt_evalscore02 label.score03, .contt_evalscore02 label.score05, .contt_evalscore02 label.score07, .contt_evalscore02 label.score09 {background-position:0 -119px;} .contt_evalscore02 label.score02, .contt_evalscore02 label.score04, .contt_evalscore02 label.score06, .contt_evalscore02 label.score08,.contt_evalscore02 label.score10 {margin:0 6px 0 -1px; background-position:-10px -119px;} .contt_evalscore02 label.score10 {margin-right:0;} .contt_evalscore02 label.score01.on, .contt_evalscore02 label.score03.on, .contt_evalscore02 label.score05.on, .contt_evalscore02 label.score07.on, .contt_evalscore02 label.score09.on {background-position:0 -94px;} .contt_evalscore02 label.score02.on, .contt_evalscore02 label.score04.on, .contt_evalscore02 label.score06.on, .contt_evalscore02 label.score08.on,.contt_evalscore02 label.score10.on {margin:0 6px 0 -1px; background-position:-10px -94px;} .text_evalscore02 {color:#999; font-weight:bold; font-size:24px; line-height:1.2em; font-family:Arial, "Apple Gothic", sans-serif; vertical-align:middle;} .text_evalscore02 strong {color:#1a1a1a; font-size:24px;} .text_evalscore02 .score {font-size:14px;} .wrap_evalscore02 .text_evalscore02 {margin-left:5px;} /* 파일첨부 리스트 */ .list_atach li {display:block; position:relative; margin-top:4px; padding:7px 65px 7px 0; border:1px solid #ccc; color:#333;} .list_atach li.first_child {margin-top:0;} .list_atach .wrap_vertical {display:inline-block; width:87px; height:48px; vertical-align:middle; visibility:hidden;} .list_atach .no {display:inline-block; position:absolute; left:0; top:50%; width:39px; margin-top:-9px; text-align:center;} .list_atach .info {margin-left:5px; vertical-align:middle;} .list_atach .info, .list_atach .info dt, .list_atach .info dd {display:inline-block; *display:inline; line-height:12px;} .list_atach .info .image {position:absolute; left:39px; top:50%; margin-top:-24px;} .list_atach .info .image img {width:46px; height:46px; border:1px solid #bfbfbf;} .list_atach .btn_base {position:absolute; right:16px; top:50%; margin-top:-12px;} .list_atach.songname .info {max-width:250px;} .list_atach.songname .info dt .none {display:inline-block; position:static; width:15px; height:15px; margin:-2px 4px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/bg_play.png) no-repeat left top; vertical-align:middle; text-indent:-9999px; visibility:visible;} .list_atach.album .info {max-width:190px;} .list_atach.album .wrap_evalscore {position:absolute; right:15px; top:50%; margin-top:-9px;} .list_atach.atist .info {max-width:250px; *zoom:1;} .list_atach.atist .info dt, .list_atach.atist .info dd {display:block;} .list_atach.atist .info dt {margin:3px 0 4px; *margin-top:0;} .list_atach.atist .info dd {margin-top:3px;} .list_atach.atist .info dd.image {margin-top:-24px;} .list_atach.vdo .wrap_vertical {width:150px; height:62px;} .list_atach.vdo .info {max-width:190px; *zoom:1;} .list_atach.vdo .info dt, .list_atach.vdo .info dd {display:block;} .list_atach.vdo .info dt {margin:3px 0 4px; *margin-top:0;} .list_atach.vdo .info dd {margin-top:3px;} .list_atach.vdo .info dd.f11 {margin-top:12px;} .list_atach.vdo .info dd.image {margin-top:-31px;} .list_atach.vdo .info .image img {width:108px; height:60px; border:1px solid #bfbfbf;} .list_atach.search_wrong {margin-bottom:27px; padding:151px 0 180px; border-bottom:1px solid #ccc;} /* 텍스트 링크 리스트 */ .list_sort {} .list_sort li {float:left; margin-left:4px; padding:0 4px 0 9px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gray_bar.png) no-repeat 0 3px;} .list_sort li.first_child {margin-left:8px; background:none;} .list_sort li a {color:#666;} .list_sort li.on a {color:#1a1a1a; font-weight:bold;} .list_sort li.on strong {color:#1a1a1a; font-weight:bold;} /* 한줄설명 */ .atach_info {position:relative; padding-bottom:18px; } .atach_info .info {position:absolute; left:0; bottom:0; color:#999; font-size:11px; line-height:1.2em;} /* */ .songTxtBox em {color:#1a1a1a; font-style:normal;} .song_namelist {width:100%; margin-bottom:17px; color:#1a1a1a; overflow:hidden;} .song_namelist dt {float:left; padding-right:4px; font-size:14px; font-weight:bold;} .song_namelist dd {float:left;} .song_namelist dd.bg_line {margin-left:10px; padding-left:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gray_line.png) no-repeat 0 4px;} .song_namelist dd.bg_line span {display:inline-block; padding-left:17px; background:url(http://image.melon.co.kr/resource/image/web/common/ico_cd.png) no-repeat 0 2px;} .song_namelist dd.lyric {width:100%; clear:both; margin-top:22px; color:#666; line-height:1.6em;} .songbox_scroll {height:272px; margin-top:10px; padding:14px 0 16px 16px; border:1px solid #d9d9d9; overflow-x:hidden; overflow-y:scroll;} /* 다중아티스트 팝업 내 리스트 */ .l_popup .list_atist_small {max-height:284px; margin:46px 0 24px; overflow-y:auto; border:1px solid #ccc; border-right:0; border-left:0;} .l_popup .list_atist_small {*position:relative;} /* ie7 */ .l_popup .list_atist_small ul li {position:relative; padding:8px 86px 8px 16px; border-top:1px solid #e6e6e6;} .l_popup .list_atist_small ul li.first_child {border-top:0;} /* .l_popup .list_atist_small .ellipsis {display:inline-block; width:159px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} */ .l_popup .list_atist_small .ellipsis {display:inline-block; max-width:140px !important; vertical-align:middle !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .l_popup .list_atist_small .ellipsis {*position:relative; *display:inline;} /* ie7 */ .l_popup .list_atist_small ul li .wrap_thumb {display:inline-block; margin-right:8px; vertical-align:middle;} .l_popup .list_atist_small ul li .wrap_thumb {*display:inline; *zoom:1;} /* ie7 */ .l_popup .list_atist_small ul li .wrap_thumb .thumb {display:block; position:relative; width:40px; height:40px;} .l_popup .list_atist_small ul li .wrap_thumb .thumb img {display:block;} .l_popup .list_atist_small ul li .wrap_thumb .thumb .thumb_frame {display:block; position:absolute; left:0; top:0; width:40px; height:40px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_userlk04.png) no-repeat left top;} .l_popup .list_atist_small ul li .wrap_thumb a.thumb .thumb_frame {*cursor:pointer;} /* ie7 */ .l_popup .list_atist_small ul li .wrap_btn {position:absolute; right:16px; top:50%; margin-top:-11px;} /* 앨범 리스트 */ .list_album {margin:0 -16px 0 0; *margin-bottom:0; *zoom:1;} /* .list_album:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .list_album li {float:left; margin:0 16px 0 0; line-height:0;} .list_album02 {margin-right:-20px; *zoom:1;} /* .list_album02:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .list_album02 li {float:left; margin-right:20px;} .list_song li {float:none; margin:0; margin-top:4px; padding:2px 0 2px 21px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -121px; color:#1a1a1a; font-size:11px; line-height:1.2em; } .list_song li.first_child {margin-top:0;} .list_album03 {border-top:1px solid #d9d9d9; *zoom:1;} /* .list_album03:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .list_album03 li {float:left; width:33.3%; padding:16px 0; border-bottom:1px solid #d9d9d9;} .list_album04 {margin-right:-16px; *zoom:1;} /* .list_album04:after {content:""; display:block; clear:both; height:0; visibility:hidden;} */ .list_album04 li {float:left; margin-right:16px;} /* 곡리스트 1단 */ .list_music {padding:10px 3px 4px; border:1px solid #ccc; border-right:0; border-left:0;} .list_music button {*margin:0;} /* ie7 */ .list_music li {margin:0 0 6px; vertical-align:top;} /* 140311_modi kcu */ .list_music .ellipsis {display:inline-block; width:145px; margin-right:8px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* 140311_modi kcu */ .list_music .ellipsis {*display:inline; *position:relative; *margin-right:8px; *zoom:1;} /* ie7 */ .list_music .song_func {display:inline-block; margin-right:4px; vertical-align:2px;} .list_music .song_func {*vertical-align:0;} /* ie7 */ .list_music .btn_icon_small {*margin:0 2px;} /* ie7 */ .list_music .icon_song {*vertical-align:-5px; *zoom:1;} .list_music .atistname {display:inline-block; width:72px; margin-left:5px; color:#666; vertical-align:-1px;}/* 140312_modi kcu */ .list_music .atistname {*display:inline; *vertical-align:0; *zoom:1;} /* ie7 */ .list_music .atistname .wrap_atistname {display:inline-block; max-width:54px; color:#666; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .list_music .atistname .wrap_atistname {*display:inline;} /* ie7 */ .list_music .atistname .list_bullet li {background-position:left 6px;} .list_music .wrap_more {display:inline-block; position:relative;} .list_music .wrap_more {*display:inline; *zoom:1;} /* ie7 */ .list_music li.on {z-index:5;} .list_music li.on .wrap_more {z-index:5;} .list_music .btn_more02 {padding:1px 5px 2px 1px;} .list_music .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .list_music .btn_more02 span {*padding-top:3px; *background-position:-137px 2px; *font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ /*140311_추가 kcu*/ .list_music li .btn_play_song {width:148px; height:18px; vertical-align:middle;} .list_music.tv li .btn_play_song {width:128px;} .list_music.tv li .btn_play_song .songname12 {*vertical-align:-2px;}/* 140602_수정 */ .list_music.tv {border:none;}/* 140506_수정 aty */ /* box_vdo */ .box_vdo {position:relative;} .box_vdo .wrap_thumb {position:relative;} .box_vdo .wrap_thumb .thumb_link {display:block; position:relative; width:240px; height:135px;} .box_vdo .wrap_thumb .wrap_info {position:absolute; left:0; bottom:0; /* top:109px; */ width:240px; height:26px;} .box_vdo .wrap_thumb .wrap_info .bg_info {display:block; height:26px; background-color:#000; opacity:0.6; filter:alpha(opacity=60);} .box_vdo .wrap_thumb .wrap_info .txt_info {display:block; position:absolute; top:0; left:0; width:232px; height:22px; padding:4px 0 0 8px;} .box_vdo .wrap_thumb .wrap_info .txt_info {*height:21px; *padding:5px 0 0 8px;} /* IE7용 재정의 */ .box_vdo .wrap_thumb .wrap_info .btn_player {display:inline-block; width:16px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_play_vdo.png) no-repeat 0 0; overflow:hidden;} .box_vdo .wrap_thumb .wrap_info .playtime {font-size:11px; font-family:Arial, "Apple Gothic", sans-serif; color:#fff; vertical-align:4px;} .box_vdo .wrap_thumb .wrap_info .view_count {position:absolute; top:4px; right:7px; font-size:11px; font-family:"Dotum", "Apple Gothic", sans-serif; color:#fff; letter-spacing:-1px;} .box_vdo .wrap_thumb .wrap_info .view_count strong {font-weight:bold; font-family:Arial, "Apple Gothic", sans-serif; letter-spacing:1px;} .box_vdo .atist_info {} .box_vdo .atist_info dl {} .box_vdo .atist_info dt {position:relative; padding:9px 0 0 16px; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} .box_vdo .atist_info dt .icon_agellevel {display:block; position:absolute; top:9px; left:0;} .box_vdo .atist_info dt .icon_agellevel {*top:8px;} /* IE7용 재정의 */ .box_vdo .atist_info dd.atistname {padding-top:5px; font-size:11px; line-height:13px; color:#1a1a1a;} .box_vdo .atist_info dd.reg_date {padding-top:3px; font-size:11px; line-height:13px; font-family:Arial, "Apple Gothic", sans-serif; color:#999;} .box_vdo .atist_info dd.reg_date {*padding-top:4px;} /* IE7용 재정의 */ .box_vdo .atist_info dd.wrap_btn {margin-top:6px;} .box_vdo .atist_info dd.wrap_btn {*margin-top:3px;} /* IE7용 재정의 */ .box_vdo .atist_info dd.wrap_btn .btn_icon {*margin:0;} /* IE7용 재정의 */ .box_vdo .atist_info dd.wrap_btn .wrap_like {*margin-left:0;} /* IE7용 재정의 */ .box_vdo.type_02 {height:135px;} .box_vdo.type_02 .wrap_thumb {position:absolute; top:0; left:0;} .box_vdo.type_02 .atist_info {padding-left:250px;} /* list vdo */ .list_vdo {margin:0 -16px -24px 0;} .list_vdo {*margin:0 -16px -22px 0;} /* IE7용 재정의 */ .list_vdo li {float:left; width:240px; margin:0 16px 24px 0;} .list_vdo li {*margin:0 16px 22px 0;} /* IE7용 재정의 */ /* 영상1 2014-03-11*/ .list_vdo01{*padding-bottom:16px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_vdo01.png) repeat 0 0; *zoom:1;} .list_vdo01 .vdo01_ul{margin-bottom:-1px;}/* 140410_수정 aty */ .list_vdo01 .vdo01_ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}/* 140410_수정 aty */ .list_vdo01 .vdo01_ul .vdo01_li {float:left;width:503px;height:98px;margin:16px 0 17px;padding:0;}/* 140410_수정 aty */ .list_vdo01 .vdo01_ul .vdo01_li.vdo01_type {border-right:1px solid #E6E6E6;}/* 140410_수정 aty */ .list_vdo01 .vdo01_ul .wrap {float:left;margin-top:35px;width:96px; text-align:center;}/* 140312_modi kcu */ .list_vdo01 .vdo01_ul .wrap_video01{position:static;float:left;width:391px;} .list_vdo01 .vdo01_ul .wrap_video01 .atist_info dd.reg_date{margin-top:3px;} .list_vdo01 .vdo01_li .rank {display:inline-block; max-width:50px; min-width:30px; color:#939897; font-weight:bold; font-size:26px; line-height:1.2em; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; text-align:center; vertical-align:middle;}/* 140312_modi kcu */ .list_vdo01 .vdo01_li .rank.top, .vdo01_li .rank.high {color:#ff7a45;}/* 140312_modi kcu */ .list_vdo01 .vdo01_li .tot_fan {padding-left:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_fan_star.png) no-repeat 0 2px;} :root .list_vdo01 .album13_li .tot_fan {background-position:0 1px\9;} .list_vdo01 .no_data {padding:53px 0 56px; background-color:#fff;} .list_vdo01 .no_data p {color:#1a1a1a; font-size:14px; line-height:16px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; text-align:center;} /* 영상2 리스트 */ .list_vdo02 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_vdo02.png) repeat 0 0; *zoom:1;} .list_vdo02 .vdo02_ul {margin-left:-16px; margin-bottom:-1px;} .list_vdo02 .vdo02_ul {*width:1024px;} .list_vdo02 .vdo02_ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_vdo02 .vdo02_li {float:left; width:496px; margin:0 0 0 16px; padding:16px 0 17px;} .list_vdo02 .vdo02_li.on {position:relative; z-index:5;} .list_vdo02 dd.atistname .l_popup.small {left:100%; top:-5px;} .list_vdo02 dd.wrap_func .l_popup.small {left:46px; top:32px;} .list_vdo02.bt_none {border-top:none;} /* 영상3 리스트 */ .list_vdo03 {margin-left:-16px; *zoom:1;} .list_vdo03:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_vdo03 li.vdo03_li {float:left; width:240px; margin-left:16px;} /* 영상4 리스트 */ .list_vdo04 {margin-left:-16px; *zoom:1;} .list_vdo04:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_vdo04 .vdo_li04 {float:left; width:240px; height:202px; margin-left:15px;}/*140502 수정lyr*/ .list_vdo04 .vdo_li04.on {z-index:5;} .list_vdo04 .vdo_li04.on .atistname {z-index:5;} .list_atist {border-top:1px solid #e6e6e6; border-right:0; border-left:0; *zoom:1;} .list_atist li {float:left; width:50%; height:112px; padding:16px 0; border-bottom:1px solid #e6e6e6;} .list_atist.bt_none {border-top:none;} /* small box_vdo */ .sbox_vdo {position:relative; height:59px;} .sbox_vdo .thumb_link {display:block; position:absolute; top:0; left:0; width:104px; height:59px; text-decoration:none;} .sbox_vdo .thumb_link .icon {display:block; position:absolute; top:4px; left:-2px; width:29px; height:17px; background-image:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo_flag.png); background-repeat:no-repeat; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;} .sbox_vdo .thumb_link .icon.recm {background-position:0 0;} .sbox_vdo .thumb_link .icon.live {background-position:-33px 0;} .sbox_vdo .thumb_link .btn_player {display:block; position:absolute; top:39px; left:4px; width:16px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_play_vdo.png) no-repeat 0 0; overflow:hidden;} .sbox_vdo .atist_info {padding-left:112px;} .sbox_vdo .atist_info dl {} .sbox_vdo .atist_info dt {position:relative; padding:4px 0 0 16px; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} .sbox_vdo .atist_info dt .icon_agellevel {display:block; position:absolute; top:4px; left:0;} .sbox_vdo .atist_info dt .icon_agellevel {*top:3px;} /* IE7용 재정의 */ .sbox_vdo .atist_info dd.atistname {padding-top:5px; font-size:11px; line-height:13px; color:#1a1a1a;} .sbox_vdo .atist_info dd.view_count {padding-top:7px; font-size:11px; line-height:13px; font-family:"Dotum", "Apple Gothic", sans-serif; color:#666;} .sbox_vdo .atist_info dd.view_count {*padding-top:8px;} /* IE7용 재정의 */ .sbox_vdo .atist_info dd.view_count strong {margin-left:2px; font-family:Arial; letter-spacing:1px;} /* list small box_vdo */ .list_svdo {} .list_svdo li {width:240px; margin:16px 0 0;} /* list vided */ .list_video {margin-top:14px; border-bottom:1px solid #ccc; } .list_video li {float:left; width:50%; margin:16px 0 -1px; padding-bottom:16px; border-bottom:1px solid #e6e6e6;} .list_video li .wrap_video02 {min-height:153px;} /* box_albuminfo */ .box_albuminfo {position:relative; width:136px; padding:150px 0 0;} .box_albuminfo dl {margin-top:9px; padding:0 4px;} .box_albuminfo dt {float:left; font-weight:bold; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .box_albuminfo dd.atistname {float:left; margin-left:4px; color:#1a1a1a; font-size:11px; line-height:13px; font-family:"Dotum", "Apple Gothic", sans-serif;} .box_albuminfo dd.date {margin-top:3px; color:#999; font-size:11px; line-height:13px; font-family:Arial;} .box_albuminfo dd.image {position:absolute; top:0; left:0; width:136px; height:136px;} .box_albuminfo dt a, .box_albuminfo dd.atistname a {color:#1a1a1a;} .box_albuminfo dt a {display:inline-block; max-width:150px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* 140206_miok */ /* 상품명 상품설명 + 아이콘 */ .selpd {position:relative; min-height:44px; padding:0 0 0 53px;} .selpd dt {color:#1a1a1a; font-weight:bold; font-size:20px; line-height:1.2em; font-family:"맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif; letter-spacing:-1px;} .selpd dt span {font-family:Arial, "Apple Gothic", sans-serif; line-height:1.0em; letter-spacing:0;} .selpd dd {margin-top:8px; color:#1a1a1a; font-size:11px; line-height:1.2em;} .selpd span.icon {position:absolute; top:6px; left:0; width:40px; height:38px; background-image:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_icon_prod.png); background-repeat:no-repeat; font-size:0; line-height:0;} .selpd span.icon.srvc01 {background-position:0 0;} .selpd span.icon.srvc02 {background-position:-44px 0;} .selpd span.icon.srvc03 {background-position:-88px 0;} .selpd span.icon.srvc04 {background-position:-132px 0;} /* 아티스트 팬 맺기 */ .join_fan {position:relative; min-height:48px;} .join_fan .image_atist01 {position:absolute; top:0; left:0;} .join_fan .fan_info {padding:5px 0 0 58px;} .join_fan .fan_info .wrap_fan {display:block;} /* 영상 2 */ .wrap_video02 {position:relative; width:496px;} .wrap_video02 .thumb {display:block; position:absolute; width:240px; height:135px; text-decoration:none;} .wrap_video02 .thumb .thumb_frame {position:absolute; top:0; left:0; width:240px; height:135px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -574px -110px;} .wrap_video02 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_video02 .thumb .recm {display:block; position:absolute; top:5px; left:5px;width:46px; height:18px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} .wrap_video02 a.thumb .recm {*cursor:pointer;} /* IE7 */ .wrap_video02 .thumb .live {display:block; position:absolute; top:0; left:0; width:240px; height:135px;} .wrap_video02 a.thumb .live {*cursor:pointer;} /* IE7 */ .wrap_video02 .thumb .live .icon {display:block; position:absolute; top:5px; left:5px; width:50px; height:18px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -51px 0; text-indent:-9999px; overflow:hidden;} .wrap_video02 .thumb .live .prvw {display:block; position:absolute; bottom:0; left:0; width:220px; padding:5px 10px 7px; border-top:1px solid #f30103; background:url(http://image.melon.co.kr/resource/image/web/common/bg_thumb_mask.png) repeat 0 0; color:#fff; font-size:12px; line-height:15px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} :root .wrap_video02 .thumb .live .prvw {padding:4px 10px 8px\9;} .wrap_video02 .thumb .playtime {display:block; position:absolute; bottom:6px; right:6px; margin-left:24px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat right 0;} /* 140103_modify_miok */ .wrap_video02 a.thumb .playtime {*cursor:pointer;} /* IE7 */ .wrap_video02 .thumb .playtime .time {display:block; position:relative; top:0; left:-24px; height:16px; margin-right:-19px; padding-left:23px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat 0 0; color:#fff; font-size:11px; line-height:16px; font-family:Arial, "Apple Gothic", sans-serif;} /* 140103_modify_miok */ .wrap_video02 .atist_info {height:135px; padding:0 0 0 256px;} .wrap_video02 .atist_info dt {padding:3px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_video02 .atist_info dt {padding:4px 0 0\9;} /* IE9 */ .wrap_video02 .atist_info dt .vdo_name {display:block; margin-bottom:4px; font-weight:normal;} .wrap_video02 .atist_info dt .vdo_name strong {font-weight:normal; color:#555;} .wrap_video02 .atist_info dt .vdo_name a {display:inline-block; max-width:90%; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;} .wrap_video02 .atist_info dt .vdo_title {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video02 .atist_info dt .vdo_title a {color:#555; font-size:13px;} .wrap_video02 .atist_info dt .vdo_title a.disabled {color:#999;}/*140522 추가 lyr*/ .wrap_video02 .atist_info dt .icon_agellevel {vertical-align:top;} .wrap_video02 .atist_info dt .icon_agellevel {*vertical-align:-3px;} :root .wrap_video02 .atist_info dt .icon_agellevel {vertical-align:-2px\9;} .wrap_video02 .atist_info dt .disabled {color:#c0c0c0;} .wrap_video02 .atist_info dd .ellipsis {display:block; width:100%; color:#79a54c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/* 140312_modi kcu */ .wrap_video02 .atist_info dd .ellipsis a{color:#79a54c;} .wrap_video02 .atist_info dd.cast .ellipsis {color:#777;} .wrap_video02 .atist_info dd .wrap_more {position:absolute; top:0; right:4px;} .wrap_video02 .atist_info dd .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_video02 .atist_info dd .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_video02 .atist_info dd .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_video02 .atist_info dd .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_video02 .atist_info dd .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_video02 .atist_info dd .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_video02 .atist_info dd .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_video02 .atist_info dd .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_video02 .atist_info dd.atistname {position:relative; margin-top:3px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_video02 .atist_info dd.atistname.on {z-index:5;} .wrap_video02 .atist_info dd.cast {position:relative; margin-top:3px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#666;} .wrap_video02 .atist_info dd.cast.on {z-index:5;} .wrap_video02 .atist_info dd.wrap_btn {margin:9px 0 0;}/* 140312 kcu */ .wrap_video02 .atist_info dd.wrap_btn .bar {margin:0 3px; color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video02 .atist_info dd.wrap_btn .cnt_view {color:#777; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video02 .atist_info dd.wrap_btn .cnt_view span {letter-spacing:-1px;} .wrap_video02 .atist_info dd.reg_date {margin-top:3px; font-size:12px; line-height:14px; color:#777;}/* 140312 kcu */ .wrap_video02 .atist_info dd.reg_date span {letter-spacing:-1px;} .wrap_video02 .atist_info dd.wrap_func {position:absolute; bottom:0;} .wrap_video02 .atist_info dd.wrap_func button {*height:22px;} /* 영상 Type 3 */ .wrap_video03 {position:relative; width:240px;} .wrap_video03 .thumb {display:block; position:absolute; width:104px; height:59px; text-decoration:none;} .wrap_video03 .thumb .thumb_frame {position:absolute; top:0; left:0; width:104px; height:59px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -107px 0;} .wrap_video03 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_video03 .thumb .playtime {display:block; position:absolute; bottom:2px; right:3px; margin-left:24px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat right 0;} /* 140103_modify_miok */ .wrap_video03 a.thumb .playtime {*cursor:pointer;} /* IE7 */ .wrap_video03 .thumb .playtime .time {display:block; position:relative; top:0; left:-24px; height:16px; margin-right:-19px; padding-left:23px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat 0 0; color:#fff; font-size:11px; line-height:16px; font-family:Arial, "Apple Gothic", sans-serif;} /* 140103_modify_miok */ .wrap_video03 .atist_info {padding:0 0 0 112px; min-height:59px;} .wrap_video03 .atist_info dt {padding:3px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_video03 .atist_info dt .vdo_title {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video03 .atist_info dt .vdo_title a {color:#555;} .wrap_video03 .atist_info dt .vdo_title a.disabled {color:#999;}/*140522 추가 lyr*/ .wrap_video03 .atist_info dt .disabled {color:#999;} .wrap_video03 .atist_info dt .icon_agellevel {vertical-align:top;} .wrap_video03 .atist_info dt .icon_agellevel {*vertical-align:-3px;} :root .wrap_video03 .atist_info dt .icon_agellevel {vertical-align:-2px\9;} /* 140124_miok */ .wrap_video03 .atist_info dd.atistname {position:relative; margin:3px 0 0; padding:0 18px 0 0; color:#333; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video03 .atist_info dd.atistname .ellipsis {display:block; width:100%; color:#79a54c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video03 .atist_info dd.atistname .ellipsis a {color:#79a54c; font-size:11px;} .wrap_video03 .atist_info dd.atistname .wrap_more {position:absolute; top:0; right:4px;} .wrap_video03 .atist_info dd.atistname .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_video03 .atist_info dd.atistname .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_video03 .atist_info dd.atistname .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_video03 .atist_info dd.atistname .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_video03 .atist_info dd.atistname .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_video03 .atist_info dd.atistname .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_video03 .atist_info dd.atistname .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_video03 .atist_infodd.atistname .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_video03 .atist_info dd.cnt_click {margin:5px 0 0;} .wrap_video03 .atist_info dd.cnt_click .bar {margin:0 3px; color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video03 .atist_info dd.cnt_click .cnt_view {color:#666; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video03 .atist_info dd.cnt_click .cnt_view span {letter-spacing:-1px;} .wrap_video03 .atist_info dd.atistname.on {z-index:5;} .wrap_video03 .atist_info dd.view_count {margin-top:3px; font-size:11px; line-height:13px; color:#666;} .wrap_video03 .atist_info dd.view_count span {letter-spacing:-1px;} .wrap_video03 .atist_info dd.wrap_btn {margin-top:4px;} .wrap_video03 .atist_info dd.wrap_btn {*margin-top:6px;} /* IE7 */ .wrap_video03 .atist_info dd.wrap_btn .btn_icon18 {*margin:0 0 0 2px;} .wrap_video03_01 {position:relative; min-height:76px; position:relative; padding-left:151px;} .wrap_video03_01 dt {display:block; padding-top:2px;} .wrap_video03_01 dt span, .wrap_video03_01 dt a {vertical-align:middle;} .wrap_video03_01 dd {margin-top:4px;} .wrap_video03_01 .icon_agellevel {margin-top:-1px; vertical-align:middle;} .wrap_video03_01 .image {position:absolute; left:0; top:0; margin-top:0;} .wrap_video03_01 .thumb .playtime {position:absolute; bottom:0; left:0; right:0; height:21px;} .wrap_video03_01 .thumb .playtime .bg_playtime {display:block; height:21px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) repeat 0 0;} .wrap_video03_01 .thumb .playtime .time {position:absolute; top:4px; left:6px; color:#fff; font-size:10px; line-height:12px; font-family:Arial, "Apple Gothic", sans-serif;} .wrap_video03_01 .thumb .playtime .time .bg_play {display:inline-block; width:13px; height:13px; margin-right:1px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_play.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:-3px; overflow:hidden;} .wrap_video03_01 .thumb .playtime .time .bg_play {*margin-right:4px;} .wrap_video03_01.type02 .bg_play {display:inline-block; position:absolute; left:4px; bottom:4px; width:19px; height:19px; margin-right:1px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_play.png) no-repeat -17px 0; font-size:0; line-height:0; vertical-align:-5px; overflow:hidden;} /* 영상 4 */ .wrap_video04 {width:240px;} .wrap_video04 .thumb {display:block; position:relative; width:240px; height:135px; text-decoration:none;}/* 140103_mod_miok */ .wrap_video04 .thumb .thumb_frame {position:absolute; top:0; left:0; width:240px; height:135px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -574px -110px;} .wrap_video04 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_video04 .thumb .recm {display:block; position:absolute; top:5px; left:5px;width:46px; height:18px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} .wrap_video04 a.thumb .recm {*cursor:pointer;} /* IE7 */ .wrap_video04 .thumb .live {display:block; position:absolute; top:0; left:0; width:240px; height:135px;} .wrap_video04 a.thumb .live {*cursor:pointer;} /* IE7 */ .wrap_video04 .thumb .live .icon {display:block; position:absolute; top:5px; left:5px; width:50px; height:18px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -51px 0; text-indent:-9999px; overflow:hidden;} .wrap_video04 .thumb .live .onair {display:block; position:absolute; bottom:0; left:0; width:240px; height:23px; padding:6px 0 0; border-top:1px solid #f30103; background:url(http://image.melon.co.kr/resource/image/web/common/bg_thumb_mask.png) repeat 0 0; color:#fff; font-size:12px; line-height:14px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} .wrap_video04 .thumb .live .onair {*height:22px; *padding:7px 0 0;} /* IE7 */ .wrap_video04 .thumb .live .prvw {display:block; position:absolute; bottom:0; left:0; width:220px; padding:5px 10px 7px; border-top:1px solid #f30103; background:url(http://image.melon.co.kr/resource/image/web/common/bg_thumb_mask.png) repeat 0 0; color:#fff; font-size:12px; line-height:15px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} :root .wrap_video04 .thumb .live .prvw {padding:4px 10px 8px\9;} /* 140103_mod_miok */ .wrap_video04 .thumb .playtime {display:block; position:absolute; bottom:5px; right:5px; margin-left:24px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat right 0;} .wrap_video04 .thumb .playtime.main_playtime {right:-66px} .wrap_video04 a.thumb .playtime {*cursor:pointer;} /* IE7 */ .wrap_video04 .thumb .playtime .time {display:block; position:relative; top:0; left:-24px; height:16px; margin-right:-19px; padding-left:23px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat 0 0; color:#fff; font-size:11px; line-height:16px; font-family:Arial, "Apple Gothic", sans-serif;} .wrap_video04 dl {margin-left:2px;} .wrap_video04 dt {margin:10px 0 0; color:#333; font-weight:bold; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video04 dt .disabled {color:#999;} .wrap_video04 dt .vdo_title {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video04 dt .vdo_title a {color:#555;} .wrap_video04 dt .vdo_title a.disabled {color:#999;}/*140522 추가 lyr*/ :root .wrap_video04 dt {margin:11px 0 0\9;} /* IE9 */ .wrap_video04 dt .icon_agellevel {vertical-align:top;} .wrap_video04 dt .icon_agellevel {*vertical-align:-3px;} :root .wrap_video04 dt .icon_agellevel {vertical-align:-2px\9;} .wrap_video04 dd.atistname {position:relative; margin:3px 0 0; padding:0 18px 0 0; color:#333; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video04 dd.atistname .ellipsis {display:block; width:100%; color:#79a54c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video04 dd.atistname .ellipsis a {color:#79a54c;} .wrap_video04 dd.atistname .wrap_more {position:absolute; top:0; right:4px;} .wrap_video04 dd.atistname .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_video04 dd.atistname .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_video04 dd.atistname .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_video04 dd.atistname .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_video04 dd.atistname .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_video04 dd.atistname .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_video04 dd.atistname .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_video04 dd.atistname .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_video04 dd.cnt_click {margin:5px 0 0;} .wrap_video04 dd.cnt_click .bar {margin:0 3px; color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video04 dd.cnt_click .cnt_view {color:#777; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video04 dd.cnt_click .cnt_view span {letter-spacing:-1px;} .wrap_video04 dd.atistname.on {z-index:5;} .wrap_video05 {position:relative; min-height:112px; padding-left:125px;} .wrap_video05 .image {position:absolute; left:0; top:0; margin-top:0;} .wrap_video05 dt {display:block; padding-top:6px; font-weight:bold; font-size:14px;} .wrap_video05 dd {margin-top:4px; color:#1a1a1a;} .wrap_video05 .fan_colk {margin-top:10px; color:#333;} .wrap_video05 .info {margin-top:22px; color:#333;} .list_vdo04.small_style .vdo_li04 {width:172px; height:160px;} .list_vdo04.small_style .vdo_li04 .wrap_video04 {width:172px;} .list_vdo04.small_style .wrap_video04 .thumb .live .prvw {width: 152px;} .list_vdo04.small_style .wrap_video04 .thumb .live {width:172px; height:97px;} .list_vdo04.small_style .wrap_video04 .thumb {width:172px; height:97px;} .list_vdo04.small_style .wrap_video04 .thumb .thumb_frame {width:172px; height:79px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat 0 -1209px;} .list_vdo04.medium_style .vdo_li04 {width:235px;margin-bottom:35px;} .list_vdo04.medium_style .vdo_li04 .wrap_video04 {width:235px;} .list_vdo04.medium_style .wrap_video04 .thumb .live .prvw {width: 215px;} .list_vdo04.medium_style .wrap_video04 .thumb .live {width:235px; height:131px;} .list_vdo04.medium_style .wrap_video04 .thumb {width:235px; height:131px;} .list_vdo04.medium_style .wrap_video04 .thumb .thumb_frame {width:235px; height:131px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -177px -1209px;} .list_vdo04.medium_style dd.reg_date {margin-top:5px; font-family:"Dotum", "Apple Gothic", sans-serif;font-size:12px; line-height:14px; color:#666;} .list_vdo04.medium_style dd.reg_date span {letter-spacing:-1px;} .list_vdo04.medium_style dd.cnt_click {margin:3px 0 0;color:#666;} .list_vdo04.medium_style dd.cnt_click .cnt_view {color:#666;} /* 유저 리스트 */ .thumb_userlk04 {display:block; position:relative; width:48px; height:48px;} .thumb_userlk04 .thumb_frame {display:block; position:absolute; left:0; top:0; width:48px; height:48px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_userlk04.png) no-repeat left top;} a.thumb_userlk04 .thumb_frame {cursor:pointer;} .thumb_userlk04 img {display:block;} .thumb_userlk04 .flag_up {display:inline-block; position:absolute; top:-3px; left:-3px; width:22px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_up.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} .thumb_userlk04 .flag_new {display:inline-block; position:absolute; top:-3px; left:-3px; width:17px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_new.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} /* 140305_miok */ .box_userlk0501 {display:block; width:112px;} .box_userlk0501 .thumb {display:block; position:relative;} .box_userlk0501 .thumb img {display:block;} .box_userlk0501 .thumb .thumb_frame {display:block; position:absolute; width:112px; height:112px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_userlk0501.png) no-repeat left top;} .box_userlk0501 a.thumb .thumb_frame {cursor:pointer;} .box_userlk0501 dl {margin-top:8px; padding-left:2px;} .box_userlk0501 dt {display:block; margin-bottom:3px;} .box_userlk0501 dd {line-height:18px;} .box_userlk0501 .thumb .icon_usrlk.new {position:absolute; left:4px; top:4px;} .box_userlk0501 .ellipsis {display:block; font-size:11px; line-height:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .box_userlk0501 .ellipsis a {font-size:11px;} /* 140227 */ .box_userlk0501 .ico_gnr {width:13px;} .box_userlk0501 .btn_like {*margin-right:4px;} .box_userlk0501 .bar {color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .box_userlk0501 .btn_small02 {margin-top:8px;} .box_userlk0501 dd.play_song {line-height:15px;} .box_userlk0501 dd.play_song .btn_play_song {display:inline; width:auto; vertical-align:middle;} /* 140227_수정 kcu */ .box_userlk0501 dd.play_song .hyphen {font-size:11px; line-height:18px; vertical-align:top; *vertical-align:-1px;} .box_userlk0501 dd.play_song .play_artist {display:inline; color:#777; font-size:11px; line-height:17px; font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:-1px; *vertical-align:-2px; letter-spacing:-1px; text-align:left;} .box_userlk0501 dd.play_song .btn_play_song .icon_song ,.box_userlk0501 dd.play_song .btn_play_song .icon_play {vertical-align:middle;} .box_userlk0501 dd.play_song .songname11 {vertical-align:-1px;} .box_userlk0501 dd.play_song .play_artist span {vertical-align:middle;} .list_userlk0501 {border:1px solid #ccc; border-right:0; border-left:0; overflow:hidden;} .list_userlk0501 ul {margin:0 0 -1px -67px; overflow:hidden;} .list_userlk0501 ul{*zoom:1;} /* ie7 */ .list_userlk0501 ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_userlk0501 ul li {float:left; height:233px; padding:16px 0 16px 67px; border-bottom:1px solid #e6e6e6;} .box_userlk0502 {display:block; width:325px;} .box_userlk0502 {*zoom:1;} /* ie7 */ .box_userlk0502:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .box_userlk0502 .thumb {display:block; position:relative; float:left; margin-right:12px;} .box_userlk0502 .thumb img {display:block;} .box_userlk0502 .thumb .thumb_frame {display:block; position:absolute; width:96px; height:96px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_userlk0502.png) no-repeat left top;} .box_userlk0502 a.thumb .thumb_frame {cursor:pointer;} .box_userlk0502 dl {float:left; width:217px; padding-top:2px;} .box_userlk0502 dt {display:block;} .box_userlk0502 dt .wrap_userlk {max-width:184px;} .box_userlk0502 dt .wrap_userlk {*zoom:1;} /* ie7 */ .box_userlk0502 dt .wrap_userlk .ellipsis {float:left;} .box_userlk0502 dd {line-height:18px;} .box_userlk0502 .thumb .icon_usrlk.new {position:absolute; left:4px; top:4px;} .box_userlk0502 .ellipsis {display:block; line-height:1.2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;} .box_userlk0502 .ico_gnr {width:13px;} .box_userlk0502 .btn_like {*margin-right:4px;} .box_userlk0502 .bar {color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .box_userlk0502 .btn_small02 {margin-top:4px;} .box_userlk0502 dd.play_song a.btn_play_song {display:inline; width:auto; vertical-align:middle;}/* 140227_수정 kcu */ .box_userlk0502 dd.play_song a.play_artist {display:inline; color:#777; font-size:11px; font-family:"Dotum", "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:left; vertical-align:-2px;}/* 140227_수정 kcu */ .box_userlk0502 dd.play_song .btn_play_song .icon_song ,.box_userlk0502 dd.play_song .btn_play_song .icon_play {vertical-align:middle;} .box_userlk0502 dd.play_song .hyphen {font-size:11px; line-height:18px; vertical-align:top; *vertical-align:-1px;} .box_userlk0502 dd.play_song .songname11 {vertical-align:-1px;} .box_userlk0502 dd.play_song .play_artist span {vertical-align:middle;} .list_userlk0502 {border:1px solid #ccc; border-right:0; border-left:0; overflow:hidden;} .list_userlk0502 ul {margin:0 0 -1px -16px; overflow:hidden;} .list_userlk0502 ul{*zoom:1;} /* ie7 */ .list_userlk0502 ul li {float:left; height:96px; padding:16px 0 16px 16px; border-bottom:1px solid #e6e6e6;} .box_userlk06 {min-height:40px; padding:12px 0;} .box_userlk06 {*zoom:1;} /* ie7 */ .box_userlk06 .thumb_userlk06 {position:relative; float:left; margin-right:12px;} .box_userlk06 .thumb_userlk06 .thumb_frame {display:block; position:absolute; left:0; top:0; width:40px; height:40px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_userlk04.png) no-repeat left top;} .box_userlk06 a.thumb_userlk06 .thumb_frame {*cursor:pointer;} /* ie7 */ .box_userlk06 .thumb_userlk06 .icon_usrlk.me {position:absolute; right:-6px; top:-8px;} .box_userlk06 .thumb_userlk06 img {display:block;} .box_userlk06 .btn_like {*margin-right:4px;} .box_userlk06 dl {float:left; width:232px; padding-top:2px;} .box_userlk06 dt .ellipsis {display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .box_userlk06 .bar {color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} /*140306_추가 kcu*/ .box_userlk06 dt .ellipsis span {margin-right:3px;} .box_userlk06 dt .ellipsis .ico_dj {vertical-align:top;} .box_userlk06 dd a {color:#777;} .l_popup .box_userlk06 dt .ellipsis .ico_dj {vertical-align:middle;} .l_popup .box_userlk06 dt .ellipsis strong {vertical-align:middle;} .list_userlk06 li {padding:0 16px 0 24px; border-top:1px solid #e6e6e6;} .list_userlk06 li.first_child {border-top:0;} .wrap_userlk {display:inline-block; line-height:1.2em; vertical-align:top;} .wrap_userlk {*display:inline; *zoom:1;} /* ie7 */ .wrap_userlk .ellipsis {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;} .wrap_userlk .ellipsis a {color:#555; font-size:11px;} .wrap_userlk .ellipsis a strong {color:#555; font-size:12px;} /* 이미지 프레임 */ .image_type01s {display:block; position:relative; width:32px; height:32px; font-size:0; line-height:0;} .image_type01s .bg_album_frame {position:absolute; top:0; left:0; width:32px; height:32px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat 0 -40px; cursor:pointer;} .image_type04 {display:block; position:relative; width:136px; height:76px; font-size:0; line-height:0;} .image_type04 .bg_album_frame {position:absolute; top:0; left:0; width:136px; height:76px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -215px 0; cursor:pointer;} .image_type07 {display:block; position:relative; width:96px; height:96px; font-size:0; line-height:0;} .image_type07 .bg_album_frame {position:absolute; top:0; left:0; width:96px; height:96px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -683px 0; cursor:pointer;} .image_type08 {display:block; position:relative; width:112px; height:112px; font-size:0; line-height:0;} .image_type08 .bg_album_frame {position:absolute; top:0; left:0; width:112px; height:112px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat 0 -110px; cursor:pointer;} .image_type11 {display:block; position:relative; width:240px; height:135px; font-size:0; line-height:0;} /* 131219_수정 kcu */ .image_type11 .bg_album_frame {position:absolute; top:0; left:0; width:240px; height:135px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -574px -110px; cursor:pointer;}/* 131219_수정 kcu */ .image_type12 {display:block; position:relative; width:240px; height:125px; font-size:0; line-height:0;} /* 140422_수정 miok */ .image_type12 .bg_album_frame {position:absolute; top:0; left:0; width:240px; height:125px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -177px -1349px; cursor:pointer;}/* 140422_수정 miok */ .image_type15 {display:block; position:relative; width:48px; height:48px; font-size:0; line-height:0;} .image_type15 .bg_album_frame {position:absolute; top:0; left:0; width:48px; height:48px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -958px -110px; cursor:pointer;} .image_type16 {display:block; position:relative; width:193px; height:181px; font-size:0; line-height:0;} .image_type16 .bg_album_frame {position:absolute; top:0; left:0; width:193px; height:181px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat 0 -574px; cursor:pointer;} .image_type17 {display:block; position:relative; width:480px; height:188px; font-size:0; line-height:0;} .image_type17 .bg_album_frame {position:absolute; top:0; left:0; width:480px; height:188px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -456px -584px; cursor:pointer;} .image_type18 {display:block; position:relative; width:196px; height:147px; font-size:0; line-height:0;} .image_type18 .bg_album_frame {position:absolute; top:0; left:0; width:196px; height:147px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat 0 -782px; cursor:pointer;} .image_type19 {display:block; position:relative; width:130px; height:130px; font-size:0; line-height:0;} .image_type19 .bg_album_frame {position:absolute; top:0; left:0; width:130px; height:130px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -212px -782px; cursor:pointer;} .image_type20 {display:block; position:relative; width:170px; height:170px; font-size:0; line-height:0;} .image_type20 .bg_album_frame {position:absolute; top:0; left:0; width:170px; height:170px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -352px -782px; cursor:pointer;} .image_type21 {display:block; position:relative; width:120px; height:120px; font-size:0; line-height:0;} .image_type21 .bg_album_frame {position:absolute; top:0; left:0; width:120px; height:120px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -532px -782px; cursor:pointer;} .image_type22 {display:block; position:relative; width:232px; height:216px; font-size:0; line-height:0;} .image_type22 .bg_album_frame {position:absolute; top:0; left:0; width:232px; height:216px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -662px -782px; cursor:pointer;} .image_type23 {display:block; position:relative; width:312px; height:216px; font-size:0; line-height:0;} .image_type23 .bg_album_frame {position:absolute; top:0; left:0; width:312px; height:216px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat 0 -952px; cursor:pointer;} .image_type24 {display:block; position:relative; width:185px; height:288px; font-size:0; line-height:0;} .image_type24 .bg_album_frame {position:absolute; top:0; left:0; width:185px; height:288px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -662px -782px; cursor:pointer;} /* 구매목록 총 개수 */ .list_totcnt {margin-bottom:12px; color:#1a1a1a; font-weight:bold; font-size:12px; line-height:14px;} .list_totcnt span.no {color:#7cb710;} .wrab_list_info {margin-bottom:8px;} .wrab_list_info {*margin-bottom:5px;} .wrab_list_info {*zoom:1;} .wrab_list_info:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrab_list_info .list_totcnt {float:left; margin:0; padding-top:8px; line-height:1.2em;} .wrab_list_info .wrap_sort_kind {float:right; padding-top:8px;}/* 140312 kcu */ .wrap_sort_kind:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_sort_kind .list_sort {float:left; line-height:1.2em;}/* 140312 kcu */ .wrap_sort_kind .wrap_list_kind {float:right; margin-top:-7px;} html[data-useragent*="MSIE 10.0"] .wrap_sort_kind .wrap_list_kind {margin-top:-8px; border:1px solid red;} .wrap_sort_kind .wrap_list_kind {*float:none;} /* 곡 앨범 영상 공통 테이블 */ .tb_comm_list {max-width:1008px; border:1px solid #ccc; border-width:1px 0;} .tb_comm_list table {} .tb_comm_list th {height:27px; border-bottom:2px solid #80ba00; color:#8ca456; line-height:1.2em; font-size:11px; font-weight:bold; vertical-align:middle;} .tb_comm_list th .wrap {text-align:center;} .tb_comm_list th .tl {text-align:left;} .tb_comm_list th .tr {text-align:right;} .tb_comm_list th .pr3 {padding-right:3px;} .tb_comm_list th .pl7 {padding-left:7px !important;}/*140312_add kcu*/ .tb_comm_list th .pr16 {padding-right:16px;} .tb_comm_list th .pr85 {padding-right:85px;} .tb_comm_list th .pr96 {padding-right:96px;} .tb_comm_list th .pl16 {padding-left:16px;} .tb_comm_list th .pl232 {padding-left:232px;} .tb_comm_list td {border-top:1px solid #e6e6e6; vertical-align:middle;} .tb_comm_list tr:first-child td {border-top:none;} .tb_comm_list td .wrap {position:relative; padding:16px 0; text-align:center;} .tb_comm_list td .wrap.on {*z-index:1;} /* ie7 */ .tb_comm_list td .wrap02 {position:relative; padding:7px 0; text-align:center;} .tb_comm_list td .tl {text-align:left;} .tb_comm_list td .pr16 {padding-right:16px;} .tb_comm_list td .pr32 {padding-right:32px;} .tb_comm_list td .pr56 {padding-right:56px;} .tb_comm_list td .pl16 {padding-left:16px !important;} .tb_comm_list td .wrap.pl18 {padding-left:18px;} .tb_comm_list td .wrap.pl22 {padding-left:22px;} .tb_comm_list td .wrap .no {color:#939897; font-size:20px; font-weight:bold; line-height:1.2em; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif;}/* 140312 kcu */ .tb_comm_list td .wrap .no14 {color:#666; font-size:14px; line-height:1.2em; font-family:"Arial", "돋움", "Dotum" "Apple Gothic", sans-serif;} .tb_comm_list td .wrap .btn_small {*margin-left:0;} /* 140212_삭제 kcu .tb_comm_list td .wrap .btn_small span {*padding-left:4px;} .tb_comm_list td .wrap .btn_small.view_vdo span {*padding-left:20px;} .tb_comm_list td .wrap .btn_small.dl_vdo span {*padding-left:20px;}*/ .tb_comm_list td .wrap .btn_small.play span.odd_span {*padding-left:16px;}/* 140212_수정 kcu */ .tb_comm_list td .wrap .wrap_mw270 a.btn_play_song .songname12 {max-width:270px;} .tb_comm_list .rank {display:inline-block; max-width:50px; min-width:30px; color:#939897; font-size:26px; line-height:1.2em; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; font-weight:bold; text-align:center; vertical-align:middle;} .tb_comm_list .rank.top, .tb_comm_list .rank.high {color:#ff473e;} .tb_comm_list tr.mhover td {background-color:#fafafa;} .tb_comm_list tr td.no_data {background-color:#fff;} .tb_comm_list tr.on td {background-color:#f5f5f5;} .tb_comm_list td .tot_fan {padding-left:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_fan_star.png) no-repeat 0 2px;} :root .tb_comm_list td .tot_fan {background-position:0 1px\9;} .tb_comm_list td .fan_num {background:none;padding:0;} .tb_comm_list td .btn_icon.play span {display:inline-block; width:16px; height:16px; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .tb_comm_list td .btn_icon span.none {width:0; height:0; background:none !important;} .tb_comm_list td .btn_icon span.songname {width:auto; height:auto; background:none !important; overflow:visible; color:#1a1a1a; font-size:12px; line-height:1.2em; font-family:"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; vertical-align:middle; text-indent:0;} .tb_comm_list td .btn_icon.mhover span.songname {text-decoration:underline;} :root .tb_comm_list td .btn_icon span.songname {vertical-align:-1px\9;} .tb_comm_list td .btn_icon.play span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -121px;} .tb_comm_list td .btn_icon.play.mhover span, .tb_comm_list td .btn_icon.play:focus span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -121px;} .tb_comm_list td .btn_icon.play.mactive span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -121px;} .wrap_totcnt {padding:6px 0; border-left:1px solid #e2e6e5;} .wrap_totcnt dt {clear:both; float:left; width:78px; padding:6px 0 6px 22px; color:#666; font-size:13px; line-height:15px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px;} .wrap_totcnt dt.fan {color:#666;} .wrap_totcnt dt .icon {display:inline-block; width:16px; height:16px; margin-right:6px; background-image:url(http://image.melon.co.kr/resource/image/web/common/bg_icon_atist.png); background-repeat:no-repeat; vertical-align:middle;} .wrap_totcnt dt.fan .icon {background-position:0 0;} .wrap_totcnt dt.rvew .icon {background-position:0 -29px;} .wrap_totcnt dt.share .icon {background-position:0 -56px;} .wrap_totcnt dt.up .icon {background-position:0 -87px;} .wrap_totcnt dd {float:left; width:115px; padding:6px 0; color:#333; font-weight:bold; font-size:13px; line-height:15px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:0; text-align:right;} .wrap_totcnt dd {*padding:7px 0 8px}/* IE7 */ .wrap_totcnt dd.fan {padding:5px 0 6px; color:#739900; font-size:14px;} .wrap_totcnt dd.fan {*padding:6px 0 8px;}/* IE7 */ .tb_comm_list.bt_none {border-top:none;} .tb_comm_list td .wrap.search_wrong {padding:68px 0 80px; color:#1a1a1a; font-weight:normal; font-size:14px; line-height:1.7em; font-family:"맑은 고딕","Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px;} .tb_comm_list tr.mhover td .wrap.search_wrong {background-color:#fff;} .tb_comm_list td.on .wrap {z-index:5;} .tb_comm_list td.on .wrap_video01 .atist_info dd.atistname.ziup {z-index:5;} .tb_comm_list .wrap_prfe {line-height:20px;} /*.tb_comm_list .wrap_prfe .songname {display:inline-block; max-width:102px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;} .tb_comm_list .wrap_prfe .atistname {display:inline-block; max-width:110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}*/ .tb_comm_list .wrap_prfe .hyphen {display:inline; vertical-align:middle;} /* 140314_추가 aty*/ .tb_comm_list .wrap.t_left {text-align:left;} /* thead 없을 경우 */ .tb_comm_list.th_none thead {height:0; font-size:0; line-height:0;} .tb_comm_list.th_none thead th {height:0; padding:0; border:0;} .tb_comm_list.th_none thead th .wrap {width:0; height:0; font-size:0; overflow:hidden;} .tb_comm_list.th_none tbody tr.first_child td {border-top:0;} /* 음악친구 목록 */ .tb_comm_list.musc_frend_list .wrap_prfe {font-size:11px;} /* 140120_miok */ .tb_comm_list.musc_frend_list .wrap_prfe span{color:#777;} .tb_comm_list.musc_frend_list .wrap_prfe p {color:#666;} .tb_comm_list.musc_frend_list .wrap_prfe .f11.dis_bl {display:block; min-height:18px;} .tb_comm_list.musc_frend_list .wrap_prfe .txt {display:inline-block; vertical-align:middle;} .tb_comm_list.musc_frend_list .wrap_prfe p a {color:#666;} /*.tb_comm_list.musc_frend_list .wrap_prfe .songname {display:inline; color:#666;}*/ .tb_comm_list.musc_frend_list .wrap_prfe .songname2 {min-height:18px;} /*.tb_comm_list.musc_frend_list .wrap_prfe .songname2 .btn_play_song {width:auto;} /* 140225_수정 kcu */ .tb_comm_list.musc_frend_list .wrap_prfe .songname2 a {display:inline; width:auto; font-size:11px; line-height:16px; color:#666; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .wrap_atist {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;} /*.tb_comm_list.musc_frend_list .wrap_prfe .songname2 .wrap_atist span {*margin-top:-3px;}*/ .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .wrap_atist .l_popup {*top:15px !important;} .tb_comm_list.musc_frend_list .wrap_prfe .atistname {display:inline; color:#666; vertical-align:middle;} .tb_comm_list.musc_frend_list .wrap_userlk {width:240px;} /*.tb_comm_list.musc_frend_list .wrap_userlk .icon_song {margin-top:-5px; *margin-top:0;}*/ .tb_comm_list.musc_frend_list .wrap_userlk .songname {height:18px; padding:1px 0 0 0;}/* 140224_수정 kcu */ .tb_comm_list.musc_frend_list .wrap_userlk .songname .btn_play_song {display:inline; width:auto; line-height:15px;}/* 140612_수정 kcu */ .tb_comm_list.musc_frend_list .wrap_userlk .songname .btn_play_song .icon_play, .tb_comm_list.musc_frend_list .wrap_userlk .songname .btn_play_song .icon_song {*margin-top:-1px;} .tb_comm_list.musc_frend_list .wrap_userlk .songname .btn_play_song .songname12 {color:#777;} .tb_comm_list.musc_frend_list .wrap_userlk .songname a {width:auto; font-size:12px; line-height:15px; color:#777; vertical-align:top; }/* 140312 kcu */ .tb_comm_list.musc_frend_list .wrap_userlk .songname a.hyphen {font-size:12px; line-height:15px; vertical-align:top;}/* 140612_수정 */ .tb_comm_list.musc_frend_list .wrap_userlk .songname a.play_artist {vertical-align:top}/* 140612_수정 */ .tb_comm_list.musc_frend_list .wrap_userlk .songname a.play_artist span {font-size:12px; line-height:16px; vertical-align:top; *vertical-align:-1px}/* 140612_수정 */ .tb_comm_list.musc_frend_list .wrap_userlk .wrap_atist {display:inline-block; *display:inline; *zoom:1;} /*.tb_comm_list.musc_frend_list .wrap_userlk .btn_play_song {margin:3px 0 0 -17px;}*/ .tb_comm_list.musc_frend_list .songname12 span {font-size:11px; color:#666;} .tb_comm_list.musc_frend_list .wrap_userlk .ellipsis {display:inline-block; *display:inline; overflow:hidden; width:auto; max-width:203px; height:17px; vertical-align:top; *vertical-align:top;} .tb_comm_list.musc_frend_list td .wrap {padding-top:0; padding-bottom:0;} .tb_comm_list.musc_frend_list td .wrap02 {padding:4px 0;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .btn_play_song span.songname11 {color:#777; vertical-align:top;}/* 140612_수정 */ /* 140224_추가 kcu */ .tb_comm_list.musc_frend_list .wrap_prfe .btn_play_song {display:inline;} .tb_comm_list.musc_frend_list .wrap_prfe .btn_play_song .songname11 {color:#666;} .tb_comm_list.musc_frend_list .wrap_userlk .songname a.btn_play_song .songname11 {color:#666;} /*.tb_comm_list.musc_frend_list .wrap_userlk .songname a.play_artist span {vertical-align:top;}*/ .tb_comm_list.musc_frend_list .wrap_prfe .btn_play_song.songname .songname11 {color:#666;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis {display:inline-block; *display:inline; overflow:hidden; width:auto; max-width:240px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; vertical-align: top;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 a.play_artist span {vertical-align:middle;} .tb_comm_list.musc_frend_list .wrap_prfe .atistname span {vertical-align:middle;} .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis{display:inline-block; overflow:hidden; width:auto; max-width:140px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; vertical-align:middle;} .tb_comm_list.musc_frend_list .wrap_prfe .none {display:inline; font-size:11px; text-indent:-9999px;} .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis .btn_play_song {display:inline; width:auto; vertical-align:middle;}/* 140227_수정 */ .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis .btn_play_song .songname12 {vertical-align:top;} .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis .play_artist {display:inline; color:#777; font-size:11px; line-height:17px;font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:middle; *vertical-align:-1px; letter-spacing:-1px; text-align:left} /* 140227_수정 kcu */ .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis .hyphen {font-size:11px; line-height:17px; vertical-align:middle;} .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis .play_artist span {vertical-align:middle;} .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis .btn_play_song .icon_play , .tb_comm_list.musc_frend_list .wrap_prfe .ellipsis .btn_play_song .icon_song {vertical-align:middle} /*140612_추가*/ .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .hyphen, .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .play_artist, .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .play_artist span {vertical-align:top} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .btn_play_song {display:inline-block; padding-top:1px;font-size:11px; line-height:13px; vertical-align:top;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .btn_play_song .icon_play, .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .btn_play_song .icon_song {margin-top:-2px;vertical-align:top;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .btn_play_song .icon_play {margin-top:-1px;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .btn_play_song .songname11 {line-height:13px; vertical-align:top; *vertical-align:-1px;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .hyphen {display:inline-block; padding-top:1px;line-height:13px;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .play_artist {display:inline-block; padding-top:1px; line-height:13px;} .tb_comm_list.musc_frend_list .wrap_prfe .songname2 .ellipsis .play_artist span {font-size:11px; line-height:13px; vertical-align:top;}/* 140530_추가 */ /* 영상 1 */ .wrap_video01 {position:relative;} .wrap_video01 .thumb {display:block; position:absolute; width:167px; height:98px; text-decoration:none;} .wrap_video01 .thumb .thumb_frame {position:absolute; top:0; left:0; width:167px; height:98px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_video01_frame.png) no-repeat 0 0;} .wrap_video01 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_video01 .thumb .recm {display:block; position:absolute; top:5px; left:5px; width:46px; height:18px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden;} .wrap_video01 a.thumb .recm {*cursor:pointer;} /* IE7 */ .wrap_video01 .thumb .live {display:block; position:absolute; top:0; left:0; width:167px; height:98px;} .wrap_video01 a.thumb .live {*cursor:pointer;} /* IE7 */ .wrap_video01 .thumb .live .icon {display:block; position:absolute; top:5px; left:5px; width:50px; height:18px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -51px 0; text-indent:-9999px; overflow:hidden;} .wrap_video01 .thumb .live .prvw {display:block; position:absolute; bottom:0; left:0; width:147px; padding:5px 10px 7px; border-top:1px solid #f30103; background:url(http://image.melon.co.kr/resource/image/web/common/bg_thumb_mask.png) repeat 0 0; color:#fff; font-size:12px; line-height:15px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} :root .wrap_video01 .thumb .live .prvw {padding:4px 10px 8px\9;} .wrap_video01 .thumb .playtime {display:block; position:absolute; bottom:6px; right:6px; margin-left:24px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat right 0;} /* 140103_modify_miok */ .wrap_video01 a.thumb .playtime {*cursor:pointer;} /* IE7 */ .wrap_video01 .thumb .playtime .time {display:block; position:relative; top:0; left:-24px; height:16px; margin-right:-19px; padding-left:23px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat 0 0; color:#fff; font-size:11px; line-height:16px; font-family:Arial, "Apple Gothic", sans-serif;} /* 140103_modify_miok */ .wrap_video01 .atist_info {min-height:98px; padding:0 0 0 182px;} .wrap_video01 .atist_info dt {padding:2px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_video01 .atist_info dt {*padding:3px 0 0;} :root .wrap_video01 .atist_info dt {padding:4px 0 0\9;} /* IE9 */ .wrap_video01 .atist_info.pt7 dt {padding:7px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_video01 .atist_info.pt7 dt {padding:8px 0 0\9;} /* IE9 */ .wrap_video01 .atist_info dt .vdo_name {display:block; margin-bottom:5px; font-weight:normal;} .wrap_video01 .atist_info dt .vdo_name strong {display:inline-block; font-weight:normal; color:#555; vertical-align:middle;}/*140312_modi kcu*/ .wrap_video01 .atist_info dt .vdo_name a {display:inline-block; max-width:90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#555; vertical-align:middle;}/*140312_modi kcu*/ .wrap_video01 .atist_info dt .vdo_title {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video01 .atist_info dt .vdo_title a {color:#555;} .wrap_video01 .atist_info dt .vdo_title a.disabled {color:#999;}/*140522 추가 lyr*/ .wrap_video01 .atist_info dt .icon_agellevel {vertical-align:top;} .wrap_video01 .atist_info dt .icon_agellevel {*vertical-align:-3px;} :root .wrap_video01 .atist_info dt .icon_agellevel {vertical-align:-2px\9;} .wrap_video01 .atist_info dt .disabled {color:#999;} .wrap_video01 .atist_info dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video01 .atist_info dd .wrap_more {position:absolute; top:0; right:4px;} .wrap_video01 .atist_info dd .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_video01 .atist_info dd .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_video01 .atist_info dd .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_video01 .atist_info dd .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_video01 .atist_info dd .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_video01 .atist_info dd .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_video01 .atist_info dd .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_video01 .atist_info dd .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_video01 .atist_info dd.atistname {position:relative; margin-top:3px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_video01 .atist_info dd.atistname.on {z-index:5;} .wrap_video01 .atist_info dd.cast {position:relative; margin-top:3px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#666;} .wrap_video01 .atist_info dd.cast.on {z-index:5;} .wrap_video01 .atist_info dd.wrap_btn {margin:9px 0 0;}/* 140312_modi kcu */ .wrap_video01 .atist_info dd.wrap_btn .bar {margin:0 3px; color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_video01 .atist_info dd.wrap_btn .cnt_view {color:#777; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;}/* 140312_modi kcu */ .wrap_video01 .atist_info dd.wrap_btn .cnt_view span {letter-spacing:-1px;} .wrap_video01 .atist_info dd.reg_date {margin-top:3px; font-size:12px; line-height:14px; color:#777;}/* 140312_modi kcu */ .wrap_video01 .atist_info dd.reg_date {*margin-top:0;} .wrap_video01 .atist_info dd.reg_date span {letter-spacing:-1px;} .wrap_video01 .atist_info dd.wrap_album_title {margin-top:4px;} .wrap_video01 .atist_info dd .album_title {display:block; position:relative; padding:0 10px 0 21px; *z-index:1;} .wrap_video01 .atist_info dd .album_title a {color:#666;} .wrap_video01 .atist_info dd .icon_album {display:block; position:absolute; top:2px; left:0; width:17px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_icon_album.png) no-repeat 0 0; overflow:hidden; font-size:0; line-height:0; text-indent:-9999em;} :root .wrap_video01 .atist_info dd .icon_album {top:1px\9;} /* IE9 */ .wrap_video01 .atist_info dd .ellipsis {display:block; width:100%; color:#777; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_video01 .atist_info dd .ellipsis a {color:#777;} .wrap_video01 .atist_info dd .disabled {color:#999;} .wrap_video01 .atist_info dd.atistname .ellipsis {color:#79a54c;} .wrap_video01 .atist_info dd.atistname .ellipsis a {color:#79a54c;} .wrap_video01 .atist_info dd.cast .ellipsis {color:#777;} .wrap_video01 .atist_info dd.cast .ellipsis a {color:#777;} /* 앨범 2 리스트 */ .list_album11 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_album11.png) repeat 0 0; *zoom:1;} .list_album11 .album11_ul {/* margin-right:-16px; */ margin-bottom:-1px;} .list_album11 .album11_ul {*width:1024px;} .list_album11 .album11_ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_album11 .album11_li {float:left; width:320px; margin:0 16px 0 0; padding:16px 0 17px;} .list_album11 .album11_li.on {position:relative; z-index:5;} .list_album11 .album11_li.on dd.atistname {z-index:5;} .list_album11 dd.atistname .l_popup.small {left:100%; top:-5px;} .list_album11 dd.wrap_func .l_popup.small {left:46px; top:32px;} .list_album11.bt_none {border-top:none;} /*.list_album11 dd.btn_play a.btn_play_song .songname12 {max-width:96px;}*/ .list_album11 .no_data {padding:53px 0 56px; background-color:#fff;} .list_album11 .no_data p {color:#1a1a1a; font-size:14px; line-height:16px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; text-align:center;} /* 앨범 3 리스트 */ .list_album10 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_album10.png) repeat 0 0; *zoom:1;} .list_album10 ul.album10_ul {margin-left:-16px; margin-bottom:-1px;} .list_album10 ul.album10_ul {*width:1024px;} .list_album10 ul.album10_ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_album10 li.album10_li {float:left; width:240px; margin:0 0 0 16px; padding:12px 0 13px;} .list_album10 li.album10_li.on {position:relative; z-index:5;} .list_album10 dd.atistname .l_popup.small {left:100%; top:-5px;} .list_album10 dd.wrap_func .l_popup.small {left:46px; top:32px;} .list_album10.bt_none {border-top:none;} /* 앨범 4 리스트 */ .list_album12 {margin-left:-40px; *zoom:1;} .list_album12:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_album12 li.album12_li {float:left; width:170px; margin-left:39px;}/*140527 수정 lyr*/ .list_album12 li.album12_li.on {position:relative; z-index:5;} .list_album12 li.album12_li.on dd.atistname {z-index:5;} /* 앨범 5 리스트 */ .list_album15 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_album11.png) repeat 0 0; *zoom:1;} .list_album15 .album15_ul {/* margin-right:-16px; */ margin-bottom:-1px;} .list_album15 .album15_ul {*width:1024px;} .list_album15 .album15_ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_album15 .album15_li {float:left; width:361px; margin:0 14px 0 0; padding:16px 0 17px;} .list_album15 .album15_li.nm_right {margin:0;} .list_album15 .album15_li.on {position:relative; z-index:5;} .list_album15 .album15_li.on dd.atistname {z-index:5;} .list_album15 dd.atistname .l_popup.small {left:100%; top:-5px;} .list_album15 dd.wrap_func .l_popup.small {left:46px; top:32px;} .list_album15.bt_none {border-top:none;} .list_album15 .no_data {padding:53px 0 56px; background-color:#fff;} .list_album15 .no_data p {color:#1a1a1a; font-size:14px; line-height:16px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; text-align:center;} /* 앨범 1 */ .wrap_album01 {position:relative;} .wrap_album01 .thumb {display:block; position:absolute; width:104px; height:104px; text-decoration:none;} .wrap_album01 .thumb .thumb_frame {position:absolute; top:0; left:0; width:104px; height:104px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album01_frame.png) no-repeat 0 0;} .wrap_album01 .thumb .thumb_frame.thumb_partition {background:url(http://image.melon.co.kr/resource/image/web/common/bg_album01_frame_partition.png) no-repeat 0 0;} /* 131227_added_miok */ .wrap_album01 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ /*140316_추가 khr*/ .wrap_album01 .bg_play.small {display:inline-block; position:absolute; left:74px; bottom:3px; width:27px; height:27px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_play.png) no-repeat -40px 0; font-size:0; line-height:0; vertical-align:-5px; overflow:hidden;} .wrap_album01 a.bg_play.small:hover {background-position:-40px -52px;} .wrap_album01 .atist_info {min-height:104px; padding:0 0 0 120px;} .wrap_album01 .atist_info dt {padding:3px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_album01 .atist_info dt {padding:4px 0 0\9;} /* IE9 */ .wrap_album01 .atist_info.pt7 dt {padding:7px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_album01 .atist_info.pt7 dt {padding:8px 0 0\9;} /* IE9 */ .wrap_album01 .atist_info dt .album_name {display:block; margin-bottom:4px; color:#555; font-weight:normal; font-size:11px;} .wrap_album01 .atist_info dt .album_name11 {display:block; font-weight:normal; font-size:11px; margin:0 0 4px; margin:-1px 0 5px\9;} .wrap_album01 .atist_info dt .ellipsis {display:inline-block; width:auto; max-width:100%; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/* 140521_수정 aty */ .wrap_album01 .atist_info dt .disabled {color:#999;} .wrap_album01 .atist_info dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_album01 .atist_info dd .wrap_more {position:absolute; top:0; right:4px;} .wrap_album01 .atist_info dd .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_album01 .atist_info dd .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_album01 .atist_info dd .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_album01 .atist_info dd .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_album01 .atist_info dd .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_album01 .atist_info dd .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_album01 .atist_info dd .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_album01 .atist_info dd .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_album01 .atist_info dd.atistname {position:relative; padding:0 18px 0 0; *margin-top:3px;font-size:12px; line-height:14px; color:#1a1a1a;}/*140603_수정 khr*/ /*140311_modi kcu*/ .wrap_album01 .atist_info dd.atistname .ellipsis {color:#79a54c;} .wrap_album01 .atist_info dd.atistname .ellipsis a {color:#79a54c;} .wrap_album01 .atist_info dd.btn_play {margin:8px 0 0;height:17px;} /*140603_수정 khr*/ .wrap_album01 .atist_info dd.btn_play .songname12 {color:#777;} /*삭제.wrap_album01 .atist_info dd.btn_play a.btn_play_song .songname12 {max-width:420px;}*/ .wrap_album01 .atist_info dd.wrap_date {margin:6px 0 0;} .wrap_album01 .atist_info dd.wrap_date .bar {margin:0 1px 0 2px; color:#ccc; font-style:normal; font-size:10px; line-height:13px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_album01 .atist_info dd.wrap_date .reg_date {color:#777; font-size:12px; line-height:13px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_album01 .atist_info dd.wrap_date .reg_date span {letter-spacing:-1px;} .wrap_album01 .atist_info dd.wrap_date .contin_song {color:#777; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} /*140306_추가 kcu*/ .wrap_album01 .thumb .flag_new {display:inline-block; position:absolute; top:-4px; left:-4px; width:17px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_new.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} /* 140305_miok */ /* 앨범 2 */ .wrap_album04 {position:relative;} .wrap_album04 .thumb {display:block; position:absolute; width:130px; height:130px; text-decoration:none;} .wrap_album04 .thumb .thumb_frame {position:absolute; top:0; left:0; width:130px; height:130px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_album04.png) no-repeat 0 0;} .wrap_album04 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ /*140313_추가 khr*/ .wrap_album04 .bg_play.medium{display:inline-block; position:absolute; left:91px; bottom:6px; width:33px; height:33px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_play.png) no-repeat -71px 0; font-size:0; line-height:0; vertical-align:-5px; overflow:hidden;} .wrap_album04 a.bg_play.medium:hover{background-position:-71px -52px;} .wrap_album04 .atist_info {height:130px; padding:0 0 0 146px;} .wrap_album04 .atist_info dt {height:30px;padding:2px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;}/*140610 수정 lyr*/ :root .wrap_album04 .atist_info dt {padding:3px 0 0\9;} /* IE9 */ .wrap_album04 .atist_info dt .vdo_name {display:block; margin-bottom:2px; color:#555; font-weight:normal; font-size:11px;}/* 140311_modi kcu */ .wrap_album04 .atist_info dt .vdo_name strong {font-weight:normal;} .wrap_album04 .atist_info dt .vdo_name a {display:inline-block; max-width:90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;} .wrap_album04 .atist_info dt .vdo_title {display:block; position:relative; padding:0 0 0 17px;} .wrap_album04 .atist_info dt .ellipsis {display:inline-block; width:auto; max-width: 100%; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/*140610 수정 lyr*/ .wrap_album04 .atist_info dt .disabled {color:#999;} .wrap_album04 .atist_info dd .ellipsis {display:block; width:100%; color:#79a54c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_album04 .atist_info dd .ellipsis a {color:#79a54c;} .wrap_album04 .atist_info dd .wrap_more {position:absolute; top:0; right:4px;} .wrap_album04 .atist_info dd .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_album04 .atist_info dd .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_album04 .atist_info dd .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_album04 .atist_info dd .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_album04 .atist_info dd .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_album04 .atist_info dd .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_album04 .atist_info dd .btn_more02 .odd_span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_album04 .atist_info dd .btn_more02 .odd_span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_album04 .atist_info dd.atistname {position:relative; margin-top:3px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_album04 .atist_info dd.btn_play {margin:11px 0 0;height:17px;}/*140603_수정 khr*/ .wrap_album04 .atist_info dd.btn_play .btn_play_song .songname12 {color:#777;} .wrap_album04 .atist_info dd.btn_play .btn_play_song.disabled .songname12 {color:#c0c0c0;} .wrap_album04 .atist_info dd.btn_play li {float:left;}/* 140311_추가 aty */ .wrap_album04 .atist_info dd.btn_play li.song_tit {width:100%;margin:0;padding:0; float:left;} /* 140311_추가 aty */ .wrap_album04 .atist_info dd.btn_play li .btn_play_song {text-align:left;height:17px;display:inline-block; width:auto; max-width:170px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;vertical-align: middle} .wrap_album04 .atist_info dd.wrap_btn {margin:3px 0 0;height:17px}/*140603_수정 khr*/ .wrap_album04 .atist_info dd.wrap_btn .bar {margin:0 2px; color:#d9d9d9; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;}/* 140311_수정 aty */ .wrap_album04 .atist_info dd.wrap_btn .cnt_view {color:#777; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_album04 .atist_info dd.wrap_btn .tot_song {color:#777; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_album04 .atist_info dd.wrap_btn .tot_song {*line-height:16px;} :root .wrap_album04 .atist_info dd.btn_play li.tot_song {background-position:0 4px\9;} .wrap_album04 .atist_info dd.wrap_btn .cnt_view span {letter-spacing:-1px;} .wrap_album04 .atist_info dd.reg_date {margin-top:1px; font-size:12px; line-height:14px; color:#666;} .wrap_album04 .atist_info dd.reg_date {*margin-top:0;} .wrap_album04 .atist_info dd.reg_date span {letter-spacing:-1px;} .wrap_album04 .atist_info dd.wrap_func {position:absolute; bottom:0;} .wrap_album04 .atist_info dd.wrap_func button {*height:22px;} /* 앨범 3 */ .wrap_album03 {position:relative;} .wrap_album03 .thumb {display:block; position:absolute; width:96px; height:96px; text-decoration:none;} .wrap_album03 .thumb .thumb_frame {position:absolute; top:0; left:0; width:96px; height:96px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -683px 0;} .wrap_album03 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ /*140313_추가 khr*/ .wrap_album03 .bg_play.small {display:inline-block; position:absolute; left:66px; bottom:3px; width:27px; height:27px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_play.png) no-repeat -40px 0; font-size:0; line-height:0; vertical-align:-5px; overflow:hidden;} .wrap_album03 a.bg_play.small:hover {background-position:-40px -52px;} .wrap_album03 .atist_info {min-height:96px; padding:0 0 0 108px;} .wrap_album03 .atist_info dt {padding:7px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;}/* 140312_modi kcu */ :root .wrap_album03 .atist_info dt {padding:4px 0 0\9;} /* IE9 */ .wrap_album03 .atist_info.pt17 dt {padding:17px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_album03 .atist_info.pt17 dt {padding:18px 0 0\9;} /* IE9 */ .wrap_album03 .atist_info dt .album_name {display:block; margin-bottom:5px; font-weight:normal;} .wrap_album03 .atist_info dt .ellipsis {display:block; width:100%; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_album03 .atist_info dt .disabled {color:#999;} .wrap_album03 .atist_info dd .ellipsis {display:block; width:100%; color:#79a54c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_album03 .atist_info dd .ellipsis a {font-size:11px; color:#79a54c;}/*140312_modi kcu*/ .wrap_album03 .atist_info dd .wrap_more {position:absolute; top:0; right:4px;} .wrap_album03 .atist_info dd .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_album03 .atist_info dd .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_album03 .atist_info dd .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_album03 .atist_info dd .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_album03 .atist_info dd .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_album03 .atist_info dd .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_album03 .atist_info dd .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_album03 .atist_info dd .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_album03 .atist_info dd.atistname {position:relative; margin-top:8px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;}/* 140312_modi kcu */ .wrap_album03 .atist_info dd.wrap_reg_date {margin:1px 0 0;}/* 140312_modi kcu */ .wrap_album03 .atist_info dd.wrap_reg_date .reg_date {color:#777; font-size:12px; line-height:15px; font-family:"Dotum", "Apple Gothic", sans-serif;}/* 140312_modi kcu */ .wrap_album03 .atist_info dd.wrap_btn {margin:7px 0 0;}/* 140312_modi kcu */ /* 앨범 4 */ .wrap_album05 {position:relative;width:170px;}/*140313_수정 khr*/ .wrap_album05 .thumb {display:block; position:relative; width:170px; height:170px; text-decoration:none;} .wrap_album05 .thumb .thumb_frame {position:absolute; top:0; left:0; width:170px; height:170px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_album05.png) no-repeat 0 0;} .wrap_album05 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ /*130313_추가 khr*/ .wrap_album05 .bg_play.big {display:inline-block; position:absolute; right:6px; bottom:75px; *bottom:71px ;width:44px; height:44px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_play.png) no-repeat -108px 0; font-size:0; line-height:0; vertical-align:-5px; overflow:hidden;}/*140603_수정 khr*/ .wrap_album05 a.bg_play.big:hover {background-position:-108px -52px;} .wrap_album05 dl {margin-left:2px;} .wrap_album05 dt {display:block; position:relative; margin:10px 0 0; padding:0; color:#333; font-weight:bold; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_album05 dt .disabled {color:#999;} :root .wrap_album05 dt {margin:11px 0 0\9;} /* IE9 */ .wrap_album05 dt .ellipsis {display:block; width:100%; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_album05 dd.atistname {position:relative; margin:5px 0 0; padding:0 18px 0 0; color:#333; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_album05 dd.atistname .ellipsis {display:block; width:100%; color:#79a54c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/* 140311_add kcu */ .wrap_album05 dd.atistname .ellipsis a {color:#79a54c;}/* 140311_add kcu */ .wrap_album05 dd.atistname .wrap_more {position:absolute; top:0; right:4px;} .wrap_album05 dd.atistname .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_album05 dd.atistname .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_album05 dd.atistname .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_album05 dd.atistname .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_album05 dd.atistname .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_album05 dd.atistname .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_album05 dd.atistname .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_album05 dd.atistname .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_album05 dd.cnt_click {margin:5px 0 0;} /* 앨범 6 140311_aty */ .list_album13 {width:100%;border-top:1px solid #ccc; border-bottom:1px solid #ccc; *padding-bottom:16px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_album11.png) repeat 0 0; *zoom:1;}/* 140410_수정 aty */ .list_album13 .album13_ul {margin-bottom:-1px;}/* 140410_수정 aty */ .list_album13 .album13_ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_album13 .album13_li {float:left; width:503px; margin:16px 0 17px 0; padding:0;}/* 140410_수정 aty */ .list_album13 .album13_li.album13_type{border-right:1px solid #e6e6e6;}/* 140410_수정 aty */ .list_album13 .album13_li.on {position:relative; z-index:5;} .list_album13 .album13_li .wrap{float:left;margin-top:50px;width:96px; text-align:center;} .list_album13 .album13_li .wrap_album04{float:left;width:395px;} .list_album13 .album13_li.on dd.atistname {z-index:5;} .list_album13 dd.atistname .l_popup.small {left:100%; top:-5px;} .list_album13 dd.wrap_func .l_popup.small {left:46px; top:32px;} .list_album13.bt_none {border-top:none;} .list_album13 .album13_li .rank {display:inline-block; max-width:50px; min-width:30px; color:#939897; font-weight:bold; font-size:26px; line-height:1.2em; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; text-align:center; vertical-align:middle;} .list_album13 .album13_li .rank.top, .album13_li .rank.high {color:#ff5851;}/* 140422_수정 aty */ .list_album13 .album13_li .no_data {background-color:#fff;} .list_album13 .album13_li .tot_fan {padding-left:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_fan_star.png) no-repeat 0 2px;} :root .list_album13 .album13_li .tot_fan {background-position:0 1px\9;} .list_album13 .no_data {padding:53px 0 56px; background-color:#fff;} .list_album13 .no_data p {color:#1a1a1a; font-size:14px; line-height:16px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; text-align:center;} /* 앨범 구매목록 */ .wrap_album02 {position:relative;} .wrap_album02 .thumb {display:block; position:absolute; width:96px; height:96px; text-decoration:none;} .wrap_album02 .thumb .thumb_frame {position:absolute; top:0; left:0; width:96px; height:96px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -683px 0;} .wrap_album02 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ /* 140325_수정 khr*/ .wrap_album02 .bg_play.small {display:inline-block; position:absolute; left:66px; bottom:3px; width:27px; height:27px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_play.png) no-repeat -40px 0; font-size:0; line-height:0; vertical-align:-5px; overflow:hidden;} .wrap_album02 a.bg_play.small:hover {background-position:-40px -52px;} .wrap_album02 .bg_play.small.disabled {background-position: -40px 0;} .wrap_album02 .atist_info {min-height:96px; padding:0 0 0 112px;} .wrap_album02 .atist_info dt {padding:3px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_album02 .atist_info dt {padding:4px 0 0\9;} /* IE9 */ .wrap_album02 .atist_info.pt17 dt {padding:21px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_album02 .atist_info.pt17 dt {padding:18px 0 0\9;} /* IE9 */ .wrap_album02 .atist_info dt .album_name {display:block; margin-bottom:5px; font-weight:normal;} .wrap_album02 .atist_info dt .vdo_title {display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /* 140414_추가 khr*/ .wrap_album02 .atist_info dt .ellipsis {display:block; width:100%; color:#555; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_album02 .atist_info dt .disabled {color:#999;} .wrap_album02 .atist_info dd .ellipsis {display:block; width:100%; color:#79a54c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_album02 .atist_info dd .ellipsis a {color:#79a54c;} .wrap_album02 .atist_info dd .wrap_more {position:absolute; top:0; right:4px;} .wrap_album02 .atist_info dd .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_album02 .atist_info dd .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_album02 .atist_info dd .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_album02 .atist_info dd .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_album02 .atist_info dd .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_album02 .atist_info dd .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_album02 .atist_info dd .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_album02 .atist_info dd .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_album02 .atist_info dd.atistname {position:relative; margin-top:3px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_album02 .atist_info dd.atistname.on {z-index:5;} .wrap_album02 .atist_info dd.wrap_reg_date {margin:11px 0 0;} .wrap_album02 .atist_info dd.wrap_reg_date .reg_date {color:#777; font-size:12px; line-height:15px; font-family:"Dotum", "Apple Gothic", sans-serif;} /* 구매목록 테이블에서 해당 테이블 상하 패딩 다름 */ .tb_comm_list .wrap_album02 {margin:-12px 0;} /* 아티스트 2 - 검색 */ .wrap_atist12 {position:relative;} .wrap_atist12 .thumb {display:block; position:absolute; width:120px; height:120px; text-decoration:none;} .wrap_atist12 .thumb .thumb_frame {position:absolute; top:0; left:0; width:120px; height:120px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_atist12.png) no-repeat 0 0;} .wrap_atist12 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_atist12 .atist_info {height:120px; padding:0 0 0 136px;} .wrap_atist12 .atist_info dt {height:14px;padding:3px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;}/*140609 수정 lyr*/ .wrap_atist12 .atist_info dt .ellipsis {display:inline-block; width:auto;max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/*140609 수정 lyr*/ .wrap_atist12 .atist_info dt .disabled {color:#999;} .wrap_atist12 .atist_info dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist12 .atist_info dd.gubun {margin-top:7px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_atist12 .atist_info dd.gnr {margin-top:2px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_atist12 .atist_info dd.btn_play {margin:10px 0 0;width:340px;height:17px;}/*140609 수정 lyr*/ .wrap_atist12 .atist_info dd.btn_play .btn_play_song {display:inline-block; width:auto;max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:17px;}/*140609 수정 lyr*/ .wrap_atist12 .atist_info dd.btn_play .btn_play_song span.icon_play {} .wrap_atist12 .atist_info dd.btn_play .btn_play_song .songname12 {display:inline;vertical-align:top;*max-width:250px;} .wrap_atist12 .atist_info dd.wrap_btn {margin:13px 0 0;} /* 아티스트 3 - 검색 */ .wrap_atist13 {position:relative;} .wrap_atist13 .thumb {display:block; position:absolute; width:96px; height:96px; text-decoration:none;} .wrap_atist13 .thumb .thumb_frame {position:absolute; top:0; left:0; width:96px; height:96px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -683px 0;} .wrap_atist13 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_atist13 .atist_info {height:96px; padding:0 0 0 108px;} .wrap_atist13 .atist_info dt {padding:2px 0 0; font-weight:bold; font-size:12px; line-height:16px; color:#1a1a1a;} :root .wrap_atist13 .atist_info dt {padding:3px 0 0\9;} /* IE9 */ .wrap_atist13 .atist_info dt .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist13 .atist_info dt .disabled {color:#999;} .wrap_atist13 .atist_info dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist13 .atist_info dd.gubun {margin-top:6px; font-size:11px; line-height:13px; color:#1a1a1a; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist13 .atist_info dd.gnr {margin-top:3px; padding:0 18px 0 0; font-size:11px; line-height:13px; color:#1a1a1a;} .wrap_atist13 .atist_info dd.wrap_btn {position:absolute;bottom:0;right:0}/*140611_수정 khr*/ /* 아티스트 1 */ .wrap_atist11 {position:relative;} .wrap_atist11 .thumb {display:block; position:absolute; width:96px; height:96px; text-decoration:none;} .wrap_atist11 .thumb .thumb_frame {position:absolute; top:0; left:0; width:96px; height:96px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -683px 0;} .wrap_atist11 .thumb .thumb_frame.thumb_partition {background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -683px 0;} .wrap_atist11 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_atist11 .thumb .icon_new {position:absolute; top:-2px; left:-2px;}/* 140612_추가 */ .wrap_atist11 .thumb .flag_up {display:inline-block; position:absolute; top:-4px; left:-4px; width:22px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_up.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} .wrap_atist11 .atist_info {min-height:96px; padding:0 0 0 108px;} .wrap_atist11 .atist_info dt {padding:3px 0 0; font-weight:bold; font-size:14px; line-height:16px; color:#1a1a1a;} :root .wrap_atist11 .atist_info dt {padding:4px 0 0\9;} /* IE9 */ .wrap_atist11 .atist_info.pt17 dt {padding:17px 0 0; font-weight:bold; font-size:12px; line-height:14px; color:#1a1a1a;} :root .wrap_atist11 .atist_info.pt17 dt {padding:18px 0 0\9;} /* IE9 */ /* 040314_추가 aty */ .wrap_atist11 .atist_info dl{margin-bottom:10px;} .wrap_atist11 .atist_info dt .album_name {display:block; margin-bottom:5px; font-weight:normal;} .wrap_atist11 .atist_info dt .ellipsis {display:inline-block; width:auto; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}/*140610_수정 khr*/ .wrap_atist11 .atist_info dt .disabled {color:#999;} .wrap_atist11 .atist_info dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist11 .atist_info dd.gubun {margin-top:7px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_atist11 .atist_info dd.gnr {margin-top:6px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_atist11 .atist_info dd .wrap_more {position:absolute; top:0; right:4px;} .wrap_atist11 .atist_info dd .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_atist11 .atist_info dd .wrap_more .l_popup.small {top:-8px; left:17px;} .wrap_atist11 .atist_info dd .wrap_more .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ :root .wrap_atist11 .atist_info dd .wrap_more .l_popup.small {top:-9px\9;} /* IE9 */ .wrap_atist11 .atist_info dd .btn_more02 {padding:1px 5px 2px 1px; font-size:0; line-height:0;} .wrap_atist11 .atist_info dd .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_atist11 .atist_info dd .btn_more02 span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .wrap_atist11 .atist_info dd .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_atist11 .atist_info dd.atistname {position:relative; margin-top:7px; padding:0 18px 0 0; font-size:12px; line-height:14px; color:#1a1a1a;} .wrap_atist11 .atist_info dd.wrap_reg_date {margin:0;} .wrap_atist11 .atist_info dd.wrap_reg_date .reg_date {color:#666; font-size:11px; line-height:13px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_atist11 .atist_info dd.wrap_btn {margin:9px 0 0;} .wrap_atist11 .atist_info dd.wrap_btn .btn_like {display:inline-block; position:relative; padding-left:15px; color:#666; font-size:12px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif; text-decoration:none;} .wrap_atist11 .atist_info dd.wrap_btn .btn_like .icon {display:block; position:absolute; top:2px; left:0; width:11px; height:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_like.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} :root .wrap_atist11 .atist_info dd.wrap_btn .btn_like .icon {top:1px\9;} /* IE9 */ .wrap_atist11 .atist_info dd.wrap_btn .btn_like.on .icon {background-position:-15px 0;} .wrap_atist11 .playlist_info {min-height:96px; padding:0 0 0 108px;} .wrap_atist11 .playlist_info .songname {padding-top:2px; font-weight:bold; font-size:12px; line-height:16px;} .wrap_atist11 .playlist_info .songname a {color:#1a1a1a;} .wrap_atist11 .playlist_info .atistname {height:27px; padding-top:8px;} .wrap_atist11 .playlist_info .atistname .ico_atist {margin-top:1px; vertical-align:top;} .wrap_atist11 .playlist_info .atistname .ellipsis {color:#666; display:inline-block; max-width:240px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist11 .playlist_info .etc_info {color:#666; font-size:11px;} .wrap_atist11 .playlist_info .etc_info em {color:#d9d9d9; font-size:10px; font-style:normal;} /* 131227_added_miok */ .wrap_atist15 {position:relative;} .wrap_atist15 .thumb {display:block; width:104px; height:104px; text-decoration:none;} .wrap_atist15 .thumb .thumb_frame {position:absolute; top:0; left:0; width:104px; height:104px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -662px -1025px;} .wrap_atist15 .thumb .thumb_frame.thumb_partition {background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame_partition.png) no-repeat -662px -1025px;} .wrap_atist15 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_atist15 a.thumb img {float:left} .wrap_atist15 .thumb .flag_up {display:inline-block; position:absolute; top:-4px; left:-4px; width:22px; height:13px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_up.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} .wrap_atist15 .playlist_info .songname {padding-top:2px; font-weight:bold; font-size:12px; line-height:16px;} .wrap_atist15 .playlist_info .songname a {color:#1a1a1a;} .wrap_atist15 .playlist_info .atistname {height:27px; padding-top:8px;} .wrap_atist15 .playlist_info .atistname .ico_atist {margin-top:1px; vertical-align:top;} .wrap_atist15 .playlist_info .atistname .ellipsis {color:#666; display:inline-block; max-width:240px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist15 .playlist_info .etc_info {color:#666; font-size:11px;} .wrap_atist15 .playlist_info .etc_info em {color:#d9d9d9; font-size:10px; font-style:normal;} /* 아티스트 차트 */ .wrap_atist14 {position:relative;} .wrap_atist14 {*z-index:5;} /* IE7 */ .wrap_atist14 .thumb {display:block; position:absolute; width:104px; height:104px; text-decoration:none;} .wrap_atist14 .thumb .thumb_frame {display:block; position:absolute; top:0; left:0; width:104px; height:104px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album01_frame.png) no-repeat 0 0;} .wrap_atist14 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_atist14 .atist_info {min-height:104px; padding:0 0 0 118px;} .wrap_atist14 .atist_info dt {height:16px; padding:3px 0 0; font-weight:bold; font-size:14px; line-height:16px; color:#1a1a1a;} :root .wrap_atist14 .atist_info dt {padding:4px 0 0\9;} /* IE9 */ .wrap_atist14 .atist_info dt .ellipsis {display:inline-block; max-width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist14 .atist_info dt .disabled {color:#999;} .wrap_atist14 .atist_info dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist14 .atist_info dd.wrap_btn {width:425px; margin:3px 0 0;} /* 140219_수정 kcu */ .wrap_atist14 .atist_info dd.wrap_btn .gubun {display:inline-block; margin:3px 2px 0 0; color:#1a1a1a; font-size:11px; line-height:14px; letter-spacing:-1px; vertical-align:top;} .wrap_atist14 .atist_info dd.wrap_btn a.btn_play_song {width:380px; vertical-align:top; *vertical-align:middle;} /* 140220_수정 kcu */ .wrap_atist14 .atist_info dd.wrap_chart {margin-top:12px; padding:9px 11px 4px; background-color:#f5f5f5;} .wrap_atist14 .atist_info dd.wrap_chart {*margin-top:10px} /* IE7 */ .wrap_atist14 .atist_info dd.wrap_chart .chart {color:#333; display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_atist14 .atist_info dd.wrap_chart .chart a {font-weight:bold;} .wrap_atist14 .atist_info dd.wrap_chart .chart a.btn_play_song {width:430px;vertical-align: text-bottom;}/* 140224_icon miok*/ .wrap_atist14 .atist_info dd.wrap_chart .prid {font-size:11px;} .wrap_atist14 .atist_info dd.prid {margin-top:0; font-size:12px; line-height:14px; color:#666;} .wrap_atist14 .atist_info dd.wrap_btn .btn_icon span {display:inline-block; width:16px; height:16px; overflow:hidden; font-size:0; line-height:0; vertical-align:middle;} .wrap_atist14 .atist_info dd.wrap_btn .btn_icon span.none {width:0; height:0; background:none !important;} .wrap_atist14 .atist_info dd.wrap_btn .btn_icon span.songname {width:auto; height:auto; background:none !important; overflow:visible; color:#1a1a1a; font-size:12px; line-height:1.2em; font-family:"돋움","Dotum", "Apple Gothic",sans-serif; vertical-align:middle; text-indent:0;} .wrap_atist14 .atist_info dd.wrap_btn .btn_icon.mhover span.songname {text-decoration:underline;} :root .wrap_atist14 .atist_info dd.wrap_btn .btn_icon span.songname {vertical-align:-1px\9;} .wrap_atist14 .atist_info dd.wrap_btn .btn_icon.play span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -121px;} .wrap_atist14 .atist_info dd.wrap_btn .btn_icon.play.mhover span, .wrap_atist14 .atist_info dd.wrap_btn .btn_icon.play:focus span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -121px;} .wrap_atist14 .atist_info dd.wrap_btn .btn_icon.play.mactive span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vertical_gray.png) no-repeat left -121px;} .wrap_atist14 .on {z-index:5;} .wrap_atist14 .btn_join_fan {position:absolute; top:14px; right:0;} /* 아티스트 리스트 */ .list_atist12 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_atist12.png) repeat 0 0; *zoom:1;} .list_atist12 ul {margin-left:-16px; margin-bottom:-1px;} .list_atist12 ul {*width:1024px;} .list_atist12 ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_atist12 ul li {float:left; width:496px; margin:0 0 0 16px; padding:16px 0 17px;} .list_atist12 ul li.on {position:relative; z-index:5;} .list_atist12 dd.atistname .l_popup.small {left:100%; top:-5px;} .list_atist12 dd.wrap_func .l_popup.small {left:46px; top:32px;} .list_atist12.bt_none {border-top:none;} .list_atist13 {margin-left:-16px;} .list_atist13 {*width:1024px;} .list_atist13:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_atist13 li {float:left; width:240px; margin:0 0 0 16px; padding:16px 0 17px;} .list_atist13 li.on {position:relative; z-index:5;} .list_atist13 dd.atistname .l_popup.small {left:100%; top:-5px;} .list_atist13 dd.wrap_func .l_popup.small {left:46px; top:32px;} .list_atist13.bt_none {border-top:none;} /* User List */ .list_userlk01 ul {margin-left:-8px;} .list_userlk01 ul li {float:left; width:54px; margin-left:8px;} .list_userlk01_48 ul {margin-right:-8px;} .list_userlk01_48 ul li {float:left; width:48px; margin-right:8px;} .box_userlk01 {display:block; width:54px;} .box_userlk01 .thumb {display:block; position:relative; width:54px; height:54px;} .box_userlk01 .thumb .thumb_frame {position:absolute; top:0; left:0; width:54px; height:54px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_memid_frame.png) no-repeat 0 0;} a.box_userlk01 .thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .box_userlk01 .thumb img {display:block;} .box_userlk01 .memid {display:block; margin-top:4px; color:#555; font-size:11px; line-height:13px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .box_userlk01_48 {display:block; width:48px; text-decoration:underline;} a.box_userlk01_48 {text-decoration:none;} .box_userlk01_48 .thumb {display:block; position:relative; width:48px; height:48px;} .box_userlk01_48 .thumb .thumb_frame {position:absolute; top:0; left:0; width:48px; height:48px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -958px -110px;} a.box_userlk01_48 .thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .box_userlk01_48 .thumb img {display:block;} .box_userlk01_48 .memid {display:block; margin-top:4px; color:#666; font-size:11px; line-height:13px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} a.box_userlk01_48:hover .memid {text-decoration:underline;} .box_userlk01_48 .memid {*cursor:pointer;} /* ie7 */ .list_album {margin:0 0 0 -16px; *margin-bottom:0; *zoom:1;} .list_album li {float:left; margin:0 0 0 16px; line-height:0;} .list_userlk02 {margin:0 0 0 -16px; *margin-bottom:0; *zoom:1;} .list_userlk02:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_userlk02 li {float:left; margin:0 0 0 16px; line-height:0;} .list_userlk02v {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(http://image.melon.co.kr/resource/image/web/common/bg_list_userlk02v.png) repeat 0 0; *zoom:1;} .list_userlk02v ul {margin-left:-16px; margin-bottom:-1px;} .list_userlk02v ul {width:1024px;} .list_userlk02v ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_userlk02v ul li {float:left; width:240px; height:88px; margin:0 0 0 16px; padding:16px 0 0;} .list_userlk02v .no_data {padding:53px 0 56px; background-color:#fff;} .list_userlk02v .no_data.fan_txt{padding:63px 0 64px;} .list_userlk02v .no_data p {color:#1a1a1a; font-size:14px; line-height:16px; font-family:"맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif; text-align:center;} .list_userlk02v .no_data p.txt{color:#333333;line-height:20px;}/* 140409_수정 aty */ .list_userlk02v .no_data p.txt02{color:#666666;}/* 140409_수정 aty */ .box_userlk02 {position:relative; width:160px; min-height:72px; padding-left:80px; line-height:1.4em; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif;} .box_userlk02 .thumb {position:absolute; top:0; left:0; width:72px; height:72px;} .box_userlk02 .thumb .thumb_frame {position:absolute; top:0; left:0; width:72px; height:72px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_meminfo.png) no-repeat 0 0;} .box_userlk02 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .box_userlk02 .ellipsis {display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;} /* 140227_수정 kcu */ .box_userlk02 .ellipsis a {color:#555;} .box_userlk02 .link_none {color:#1a1a1a} /* 140108_kim miok*/ .box_userlk02 dt {font-weight:bold; font-size:12px; line-height:14px;} .box_userlk02 dd.gnr {margin-top:5px; color:#666; font-size:11px; line-height:13px; letter-spacing:-1px;} .box_userlk02 dd.play_co {margin-top:2px; color:#666; font-size:12px; line-height:15px;} .box_userlk02 dd.play_song {height:17px; margin-top:4px;font-size:11px;}/* 140227_수정 */ .box_userlk02 dd.play_song .ellipsis {color:#777;} .box_userlk02 dd.play_song .btn_play_song {display:inline; width:auto; vertical-align:middle;}/* 140227_수정 */ .box_userlk02 dd.play_song .play_artist {display:inline; color:#777; font-size:11px; line-height:14px;font-family:Dotum; vertical-align:-1px; *vertical-align:-2px; letter-spacing:-1px; text-align:left} /* 140227_수정 kcu */ .box_userlk02 dd.play_song .btn_play_song .icon_song ,.box_userlk02 dd.play_song .btn_play_song .icon_play {vertical-align:middle;} .box_userlk02 dd.play_song .hyphen {font-size:11px; line-height:18px; vertical-align:top; *vertical-align:-1px;} .box_userlk02 dd.play_song .songname11 {display:inline; vertical-align:-1px;} .box_userlk02 dd.play_song .play_artist span {vertical-align:middle;} /* 안내 문구 박스 */ .add_info {padding:21px 25px; border:1px solid #e6e6e6; border-right:0; border-left:0; background-color:#fafafa;} .add_info .title {display:block; margin-bottom:10px; color:#1a1a1a; font-weight:bold; font-size:12px; line-height:1.2em;} .add_info .txt_desc {display:block; padding-bottom:12px; font-weight:bold; font-size:14px; color:#1a1a1a; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움",sans-serif, "Apple Gothic", sans-serif;} .add_info .list_bullet li {color:#666;} /* 공통: 플레이리스트 추가 */ .wrap_input_text {position:relative;} .wrap_input_text .no_staus {position:absolute; right:8px; top:5px; color:#999; font-size:11px; line-height:1.4em;} .wrap_input_text .no_staus .no {color:#666; font-weight:bold;} .list_chic div.wrap {position:relative;} .list_chic div.wrap .wrap_btn_chic {display:none; position:absolute; right:23px; top:50%; margin-top:-13px;} .list_chic tr.mhover div.wrap .wrap_btn_chic {display:block;} /* calendar */ .l_calendar {position:absolute; z-index:5;} .l_calendar .cntt {width:271px; background-color:#fff; border:1px solid #666; overflow:hidden;} .l_calendar .btn_close {position:absolute; right:16px; top:13px;} .l_calendar .btn_close span {width:15px; height:15px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1155px top; overflow:hidden; text-indent:-9999px;} .l_calendar .shadow {display:block; position:absolute; left:2px; right:0; top:2px; bottom:0; z-index:-1; width:100%; height:100%; background:url(http://image.melon.co.kr/resource/image/web/common/bg_shadow.png) repeat left top;} .l_calendar dt {display:block; position:relative; padding:6px 0 7px; border-bottom:1px solid #d9d9d9; font-family:arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; color:#1a1a1a; font-size:20px; line-height:1.2em; text-align:center;} .l_calendar dt {*zoom:1;} .l_calendar dt .date {margin:0 14px; vertical-align:middle;} .l_calendar .info {padding:5px 0; border-top:1px solid #d9d9d9; background-color:#fafafa; text-align:center;} .l_calendar .info p {font-size:11px; line-height:1.4em;} .l_calendar .info a.btn_text03 {margin-top:4px; font-weight:bold;} .l_calendar .info a.btn_text03:hover span {color:#7cb710;} .l_calendar .month_calendar {padding-bottom:8px} .l_calendar .month_calendar ul {width:256px; margin:0 auto;} .l_calendar .month_calendar ul {*zoom:1;} /* ie7 */ .l_calendar .month_calendar ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .l_calendar .month_calendar li {float:left; width:64px; height:32px; margin-top:8px; text-align:center;} .l_calendar .month_calendar .btn span {width:56px; height:32px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_month.png) no-repeat left 100px; font-size:15px; line-height:30px; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif;} .l_calendar .month_calendar .btn.mhover span, .l_calendar .month_calendar .btn:focus span {background-position:left -44px;} .l_calendar .month_calendar .btn.mactive span {background-position:left bottom; color:#fff;} .l_calendar .month_calendar .btn.on span {background-position:left top; color:#fff; cursor:default; display:inline-block;} .l_calendar .month_calendar .btn.disabled span {background:none; color:#999;} .l_calendar .week_calendar {background:url(http://image.melon.co.kr/resource/image/web/common/bg_calendar.png) repeat-x left top;} .l_calendar .week_calendar table {width:700px; margin-bottom:8px; margin-left:-438px; border-spacing:0;} .l_calendar .week_calendar table th, .l_calendar table td {text-align:center; vertical-align:middle;} .l_calendar .week_calendar table thead th {height:30px; padding-bottom:8px; color:#333; font-weight:bold; font-size:13px; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif;} .l_calendar .week_calendar table thead #week07 {color:#ea6661;} .l_calendar table tbody th, .l_calendar table tbody td {height:24px; padding-top:4px; color:#333; font-size:12px; line-height:1.2em; font-family:arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif;} .l_calendar .week_calendar table tbody tr td {cursor:pointer;} .l_calendar .week_calendar table tbody tr.mhover td, .l_calendar .week_calendar table tbody tr.mfocus td {background:url(http://image.melon.co.kr/resource/image/web/common/bg_calendar02.png) no-repeat 50% bottom;} .l_calendar .week_calendar table tbody tr.mhover td.first, .l_calendar .week_calendar table tbody tr.mfocus td.first {background-position:left bottom;} .l_calendar .week_calendar table tbody tr.mhover td.end, .l_calendar .week_calendar table tbody tr.mfocus td.end {background-position:right bottom;} .l_calendar .week_calendar table tbody tr.mactive td {background:url(http://image.melon.co.kr/resource/image/web/common/bg_calendar03.png) no-repeat 50% bottom; color:#fff;} .l_calendar .week_calendar table tbody tr.mactive td.first {background-position:left bottom;} .l_calendar .week_calendar table tbody tr.mactive td.end {background-position:right bottom;} .l_calendar .week_calendar table tbody tr.end td {background:none; color:#999; cursor:default;} .l_calendar .week_calendar table tbody tr.on td {background:url(http://image.melon.co.kr/resource/image/web/common/bg_calendar01.png) no-repeat 50% bottom; color:#fff; cursor:default;} .l_calendar .week_calendar table tbody tr.on td.first {background:url(http://image.melon.co.kr/resource/image/web/common/bg_calendar01.png) no-repeat left bottom; cursor:default;} .l_calendar .week_calendar table tbody tr.on td.end {background:url(http://image.melon.co.kr/resource/image/web/common/bg_calendar01.png) no-repeat right bottom; cursor:default;} /* 멜론차트 포토랭킹 썸네일리스트 (big, small) */ .wrap_photo01 {position:relative; width:304px;} .wrap_photo01 .thumb {display:block; width:100%; height:304px; text-decoration:none;} .wrap_photo01 .thumb .thumb_frame {position:absolute; top:0; left:0; width:304px; height:304px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -456px -270px;} .wrap_photo01 a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .wrap_photo01 .thumb .icon_rank {position:absolute; top:0; left:0; width:40px; height:31px; padding:9px 0 0; background:url(http://image.melon.co.kr/resource/image/web/common/bg_photo_rank.png) no-repeat 0 0; font:italic bold 24px/24px "Arial", "돋움", "Dotum", serif; color:#fff; text-align:center;} .wrap_photo01 .thumb .icon_rank .bestlk {font-size:12px; display:block; font-weight:normal; margin:0 0 -9px; display:none;} .wrap_photo01 .atist_info {text-align:center;} .wrap_photo01 .atist_info dt {padding:5px 0 0; font-weight:bold; font-size:12px; color:#1a1a1a;} :root .wrap_photo01 .atist_info dt {padding:6px 0 0\9;} /* IE9 */ .wrap_photo01 .atist_info dt .vdo_title {display:block; position:relative;} .wrap_photo01 .atist_info dt .ellipsis {display:inline-block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:top;} .wrap_photo01 .atist_info dd .ellipsis {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap_photo01 .atist_info dd.atistname {position:relative; margin-top:-1px; font-size:12px; line-height:14px; color:#666;} .wrap_photo01 .atist_info dd.atistname.on {z-index:5;} .wrap_photo01 .atist_info dd.atistname a {color:#666;} .wrap_photo01 .atist_info dd.wrap_btn {margin:4px 0 0;} .wrap_photo01 .atist_info dd.wrap_btn .bar {margin:2px 2px 0; margin:1px 2px 0\9; color:#aaa; font-style:normal; font-size:9px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:top; display:inline-block;} .wrap_photo01 .atist_info dd.wrap_btn .cnt_view {color:#666; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .wrap_photo01 .atist_info dd.wrap_btn .cnt_view span {letter-spacing:-1px;} .wrap_photo01 .atist_info dd.wrap_btn .btn_like {display:inline-block; position:relative; padding-left:15px; color:#666; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif; text-decoration:none;} .wrap_photo01 .atist_info dd.wrap_btn .btn_like .icon {display:block; position:absolute; top:2px; left:0; width:11px; height:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_like.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} :root .wrap_photo01 .atist_info dd.wrap_btn .btn_like .icon {top:1px\9;} /* IE9 */ .wrap_photo01 .atist_info dd.wrap_btn .btn_like.mhover .icon {background-position:0 -47px;} .wrap_photo01 .atist_info dd.wrap_btn .btn_like.mactive .icon {background-position:0 -98px;} .wrap_photo01 .atist_info dd.wrap_btn .btn_like.on .icon {background-position:-79px 0;} .wrap_photo01 .atist_info dd.wrap_btn .btn_like.on.mhover .icon {background-position:-79px -47px;} .wrap_photo01 .atist_info dd.wrap_btn .btn_like.on.mactive .icon {background-position:-79px -98px;} .wrap_photo01.small {width:184px;} .wrap_photo01.small .thumb {height:184px;} .wrap_photo01.small .thumb .thumb_frame {width:184px; height:184px; background-position:-764px -270px;} .wrap_photo01.small .thumb .icon_rank {top:0; width:32px; height:27px; background-position:0 -40px; padding:5px 0 0; font:normal bold 16px/24px "Arial", "돋움", "Dotum","Apple Gothic", sans-serif;} /* 멜론차트쪽 기간 표시 */ .btn_calendar {display:inline-block; vertical-align:middle; *margin:0 4px;} .btn_calendar span {background:url(http://image.melon.co.kr/resource/image/web/common/btn_sprite_green.png) no-repeat 0 0; width:14px; height:15px; overflow:hidden; display:inline-block; vertical-align:middle;} .btn_calendar span span {text-indent:-9999px;} .summ_prid {position:relative; height:24px; padding:20px 0 11px 4px; *z-index:1;}/* 140328_수정 aty */ .summ_prid.on {z-index:5;}/* 140123_수정 kcu */ .summ_prid .datelk {display:inline-block; padding:0; color:#1a1a1a; font-size:16px; line-height:22px; font-family:"Arial", "돋움", dotum, serif; vertical-align:middle;}/* 140320_수정 aty */ .summ_prid.real_chart .datelk.type1{font-size:24px;font-family:arial;} .summ_prid .real_tit {margin-right:5px;vertical-align:-4px;}/* 140320_추가 aty */ .summ_prid .year {display:inline-block; margin:-3px 0 0 1px; *margin:-1px 0 0 1px; color:#1a1a1a; font-weight:bold; font-size:16px; line-height:20px; font-family:"맑은 고딕","Malgun Gothic", dotum,"돋움", "Apple Gothic", sans-serif; letter-spacing:-1px; vertical-align:middle;*vertical-align:top;}/* 140407_수정 aty */ .summ_prid .time_chic {display:inline-block; margin-left:7px; padding:0; color:#1a1a1a; font-size:18px; line-height:22px; font-family:"Arial", "돋움", dotum, serif; vertical-align:middle;}/* 140320_수정 aty */ .summ_prid .time_chic span {margin-left:5px; font-size:16px; line-height:17px; font-family:"맑은 고딕","Malgun Gothic", dotum,"돋움", serif; vertical-align:2px;} .summ_prid .notice {display:inline-block; padding:2px 0 0 11px; color:#666666; font-size:11px; line-height:13px; letter-spacing:-1px; vertical-align:-3px;}/* 140502_수정 aty */ .summ_prid .notice span {color:#9a9a9a; padding-left:4px;} .summ_prid .hour{padding-left:5px; font-size:16px; line-height:22px; font-family:"Arial", "돋움", dotum, serif; color:#1a1a1a; vertical-align:middle;}/* 140330_추가 aty */ .summ_prid .hour img{vertical-align:-2px;} .summ_prid .hour em{ font-family:"맑은 고딕","Malgun Gothic","Apple Gothic", sans-serif;vertical-align:1px;} .summ_prid.real_chart .hour.type1{font-size:24px;font-family:arial;color:#7cb710;}/* 140415_추가 aty */ .summ_prid .week_chart {display:inline-block; padding:0 0 0 14px; color:#1a1a1a; font-size:18px; line-height:22px; font-family:"맑은 고딕","Malgun Gothic", "돋움", "Dotum", "Apple Gothic", sans-serif; letter-spacing:-1px; vertical-align:middle;}/* 140407_수정 aty */ .summ_prid .week_chart strong {display:inline-block; padding-right:6px; color:#659201;} .summ_prid .btn_round {position:relative; top:-1px;} /* ie11, ie10 middle정렬위해 */ @media \0screen {.summ_prid .btn_round {position:static;}} /* ie8 */ .summ_prid .btn_round {*position:static;} /* ie7 */ .summ_prid .btn_round.pre {display:inline-block; margin-right:13px; vertical-align:middle;} .summ_prid .btn_round.next {display:inline-block; margin-left:12px; vertical-align:middle;} .summ_prid .btn_calendar {display:inline-block; margin-top:-1px; margin-left:4px; *margin-left:8px; vertical-align:middle;} .summ_prid .btn_big.short {position:absolute; right:0; bottom:8px; height: 31px;} .summ_prid.real_chart{padding-top:30px;}/* 140415_추가 aty */ .summ_prid.real_chart .datelk, .summ_prid.real_chart .hour{font-size:20px;}/* 140331_수정 aty */ .summ_prid.real_chart .hour_layer{position:relative;display:inline;} .summ_prid.real_chart .notice{font-family:"맑은 고딕","Malgun Gothic", "Apple Gothic", sans-serif;}/* 140416_수정 aty */ .summ_prid.real_chart .btn_text.arrow_d .icon{width:23px;height:23px; background:url(http://image.melon.co.kr/resource/image/web/chart/btn_arrow.png) no-repeat 0 0;}/* 140415_추가 aty */ .summ_prid.real_chart .btn_text.arrow_d.mhover .icon{background-position:0 -23px;}/* 140415_추가 aty */ .summ_prid.real_chart .btn_text.arrow_d.mactive .icon{background-position:0 -46px;}/* 140415_추가 aty */ .summ_prid.real_chart .rank_update {display:block;position:absolute;left:-26px;top:-30px;width:76px;height:25px;background:url(http://image.melon.co.kr/resource/image/web/chart/bg_time_update.png) no-repeat 0 0;font-size:0;line-height:0;}/* 140415_추가 aty */ .summ_prid.real_chart .rank_update{*top:-23px; *left:-24px;} /* IE7 */ .summ_prid.real_chart .notice.bar {margin-left:16px;*margin-left:12px;padding-left:16px;background:url(http://image.melon.co.kr/resource/image/web/chart/time_bar02.gif) no-repeat 0 4px;}/* 140416_추가 aty */ .summ_prid.era_chart .datelk {font-size:20px; line-height:26px;}/* 140602_수정 aty */ .summ_prid.era_chart .year {margin-top:-7px; *margin-top:-2px; font-size:20px; line-height:26px;}/* 140602_수정 aty */ /* 포토리스트 140318_aty */ .photo_list {width:1008px;padding-bottom:20px;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;} .photo_list ul{width:110%;display:inline-block;} .photo_list ul li.photo01_li{float:left;width:184px;border-bottom:1px solid #c4c4c4;margin-right:22px;padding-top:20px;text-align:left;z-index:1;} .photo_list ul li.photo02_li {float:left;margin-right:24px;padding-top:24px;text-align:left;z-index:1;}/*140527 추가 lyr*/ /* 140319_추가 */ .photo_list ul li.on {position: relative; z-index: 1;} /* //140319_추가 */ .photo_list .wrap_photo02 {max-height:268px;padding:14px;border:1px solid #ebebeb;background:#f7f7f7;} .photo_list .wrap_photo02 .thumb_wrap{overflow:hidden;position:relative;width:154px;height:154px;}/*140526 수정 lyr*/ .photo_list .wrap_photo02 .thumb_wrap .thumb{overflow:hidden;position:absolute;display:block;left:-173px;top:-173px;width:500px;height:500px;font-size:0;line-height:0;text-align:center;}/*140526 수정 lyr*/ .photo_list .wrap_photo02 .thumb_wrap .thumb img{display:inline-block;width:auto;height:auto; max-width:none;max-height:154px; vertical-align:middle;}/*140526 수정 lyr*/ .photo_list .wrap_photo02 .thumb_wrap .thumb.ex_height img {max-width:154px;max-height:none;}/*140526 추가 lyr*/ .photo_list .wrap_photo02 .thumb_wrap .thumb .wrap_vertical {display:inline-block;width:0px;height:500px;vertical-align:middle;visibility:hidden;} .photo_list .wrap_photo02 .thumb_wrap a.thumb .thumb_frame {*cursor:pointer;} /* IE7 */ .photo_list .wrap_photo02 .thumb_wrap .thumb .thumb_frame{position:absolute;left:173px;top:173px;width:154px;height:154px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -829px -1017px;}/*140526 수정 lyr*/ .photo_list .wrap_photo02 .thumb_wrap .f_eng{position:absolute;right:8px;bottom:8px;width:14px;height:14px;z-index:10;} .photo_list .wrap_photo02 .thumb_wrap .f_eng input{margin:0;} .photo_list .wrap_photo02 .rank_wrap {margin-top:3px;padding-bottom:2px;border-bottom:1px solid #e6e6e6;} .photo_list .wrap_photo02 .atist_info {margin-top:8px;text-align:left;} .photo_list .wrap_photo02 .atist_info dl dt{position:relative;*position:static;margin-top: 3px; padding:0; color: #1A1A1A; font-size: 12px; line-height: 14px;*z-index:1;} .photo_list .wrap_photo02 .atist_info dt div.ellipsis {*float:left;overflow:hidden;display:inline-block; max-width:135px;text-overflow:ellipsis;vertical-align:top;white-space:nowrap;font-weight:bold;}/* 140418_수정 aty */ .photo_list .wrap_photo02 .atist_info dt .wrap_more {position:relative; display:inline;} .photo_list .wrap_photo02 .atist_info dt .btn_more02 {padding:0 5px 2px 1px; font-size:0; line-height:0;}/* 140418_수정 aty */ .photo_list .wrap_photo02 .atist_info dt .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .photo_list .wrap_photo02 .atist_info dt .btn_more02 .odd_span {display:inline-block; width:4px; height:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0; text-indent:-9999px; overflow:hidden;} .photo_list .wrap_photo02 .atist_info dt .btn_more02 .odd_span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .photo_list .wrap_photo02 .rank {display:inline-block; color:#939897; font-size:24px; line-height:1.2em; font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; text-align:center; vertical-align:middle;} .photo_list .wrap_photo02 .wrap_rank {vertical-align:bottom;line-height:22px;} .photo_list .wrap_photo02 .wrap_rank .icon_static{vertical-align:middle;} .photo_list .wrap_photo02 .rank.top, .photo_list .wrap_photo01 .rank.high {color:#ff473e; font-weight:bold; font-size:24px;} .photo_list .wrap_photo02 .atist_info .atist_txt{overflow:hidden;width:145px;height:30px;margin-top:5px;color:#999999;line-height:15px;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn {margin:6px 0 0;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .bar {margin:2px 2px 0; margin:1px 2px 0\9; color:#aaa; font-style:normal; font-size:9px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:top; display:inline-block;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .cnt_view {color:#666; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .cnt_view span {letter-spacing:-1px;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like {display:inline-block; position:relative; padding-left:15px; color:#666; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif; text-decoration:none;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like .icon {display:block; position:absolute; top:2px; left:0; width:11px; height:10px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_like.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} :root .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like .icon {top:1px\9;} /* IE9 */ .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like.mhover .icon {background-position:0 -47px;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like.mactive .icon {background-position:0 -98px;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like.on .icon {background-position:-79px 0;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like.on.mhover .icon {background-position:-79px -47px;} .photo_list .wrap_photo02 .atist_info dd.wrap_btn .btn_like.on.mactive .icon {background-position:-79px -98px;} /*140527 추가 lyr*/ .photo_list .photo02_li .wrap_photo02 {max-height: 148px;padding: 0;border:none;;background:none;} .photo_list .photo02_li .wrap_photo02 .thumb_wrap {width:148px;height:148px;} .photo_list .photo02_li .wrap_photo02 .thumb_wrap .thumb {left: -176px;top: -176px;} .photo_list .photo02_li .wrap_photo02 .thumb_wrap .thumb .thumb_frame {left: 176px;top: 176px;width: 148px;height: 148px;background: url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -423px -1451px;} .photo_list .photo02_li .wrap_photo02 .thumb_wrap .thumb img {max-height: 148px;} .photo_list .photo02_li .wrap_photo02 .thumb_wrap .thumb.ex_height img {max-width: 148px;max-height: none;} .photo_wrap .wrap_btn.top{border-top:1px solid #e4e4e4;padding:7px 0;*padding:5px 0;} .photo_wrap .wrap_btn.btm{border-bottom:1px solid #e4e4e4;padding:7px 0;*padding:5px 0;} /* 장르 리스트 */ .gnr_list {width:1005px; border-bottom:1px solid #d9d9d9; overflow:hidden;} .gnr_list ul {width:105%; display:inline-block; vertical-align:top; overflow:hidden;} .gnr_list ul li {float:left; padding:0 9px 0 8px; width:151px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_list2.png) no-repeat 0 6px; margin-left:-1px;} .gnr_list ul li a, .gnr_list ul li span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:3px 15px 2px 7px; padding:4px 15px 1px 7px\9; color:#1a1a1a;} @media \0screen {.gnr_list ul li a, .gnr_list ul li span {padding:3px 15px 2px 7px;}}/* IE8 */ *+html .gnr_list ul li a, *+html .gnr_list ul li span {padding:3px 15px 2px 7px;}/* IE7 */ .gnr_list ul li.on a {font-weight:bold; letter-spacing:-1px; color:#fff; background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 138px 8px;} .gnr_list ul li.on span {font-weight:bold; letter-spacing:-1px; color:#fff; background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 138px 8px;} /* 장르 리스트 140312_miok */ .gnr_list {width:1005px; border-top:2px solid #808080;border-bottom:1px solid #b9b9b9; overflow:hidden;background:url(http://image.melon.co.kr/resource/image/web/common/bg_tab_gnr.png) repeat} .gnr_list ul {width:105%; display:inline-block; vertical-align:top; overflow:hidden;margin-bottom:-1px;} .gnr_list ul li {float:left; padding:0 9px 0 13px; width:151px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_list2.png) no-repeat 0 10px; margin-left:-1px;} .gnr_list ul li a, .gnr_list ul li span {display:block; white-space:nowrap; overflow:hidden; max-width:145px; text-overflow:ellipsis; padding:7px 0 6px 12px; *padding:7px 15px 6px 12px !important; color:#333;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon_arrow.png) no-repeat;background-position: 0 13px;} .gnr_list ul li.on a {font-weight:bold; letter-spacing:-1px;color:#6ea301;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon_arrow.png) no-repeat 0 -17px;} .gnr_list ul li.on span {font-weight:bold; letter-spacing:-1px;color:#6ea301;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon_arrow.png) no-repeat 0 -17px;} /* 예외 케이스 탭 */ .gnr_list ul.sp li.tab01 {width:110px;} .gnr_list ul.sp li.tab02 {width:189px;} .gnr_list ul.sp li.tab03 {width:84px;} .gnr_list ul.sp li.tab04 {width:111px;} .gnr_list ul.sp li.tab05 {width:140px;} .gnr_list ul.sp li.tab06 {width:110px;} .gnr_list ul.sp li.tab07 {width:142px;} .gnr_list ul.sp li.tab01.on a, .gnr_list ul.sp li.tab01.on span {background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 97px 8px;} .gnr_list ul.sp li.tab02.on a, .gnr_list ul.sp li.tab02.on span {background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 176px 8px;} .gnr_list ul.sp li.tab03.on a, .gnr_list ul.sp li.tab03.on span {background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 71px 8px;} .gnr_list ul.sp li.tab04.on a, .gnr_list ul.sp li.tab04.on span {background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 98px 8px;} .gnr_list ul.sp li.tab05.on a, .gnr_list ul.sp li.tab05.on span {background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 127px 8px;} .gnr_list ul.sp li.tab06.on a, .gnr_list ul.sp li.tab06.on span {background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 97px 8px;} .gnr_list ul.sp li.tab07.on a, .gnr_list ul.sp li.tab07.on span {background:#659201 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 129px 8px;} /* 탭메뉴 탭키 이동 */ .wrap_tab05 {width:100%; position:relative;} .wrap_tab05 .tab_ul05 {background:url(http://image.melon.co.kr/resource/image/web/common/bg_tab04_line2.png) no-repeat 0 0;} .wrap_tab05 .tab_ul05.text_2line {background:url(http://image.melon.co.kr/resource/image/web/common/bg_tab04_line3.png) no-repeat 0 0;} .wrap_tab05 .tab_ul05 .tab_li05 .link_tab05 {position:absolute; top:0; left:0; background:#f8fbfb; border:1px solid #dbdbdb; border-bottom:0; text-align:center; color:#676767; width:137px;line-height:14px; margin-bottom:-2px;height:22px; padding:10px 15px 0 15px; z-index:1;} .wrap_tab05 .tab_ul05.text_2line .tab_li05 .link_tab05 {height:38px;padding:4px 15px 4px 15px;line-height: 1.2em} .wrap_tab05 .tab_ul05.text_2line .tab_li05 .link_tab05 .cntt {display:inline-block;vertical-align: middle} .wrap_tab05 .tab_ul05.text_2line .tab_li05.on .link_tab05 .cntt {display:inline-block;vertical-align: middle} .wrap_tab05 .tab_ul05 .tab_li05 a.link_tab05:hover {text-decoration:none;} .wrap_tab05 .tab_ul05 .tab_li05.on .link_tab05 {background:#fff; font-weight:bold; color:#595959; height:24px;border-top:2px solid #848484;height:22px;z-index:2;padding-top:12px;}/*140318*/ .wrap_tab05 .tab_ul05.text_2line .tab_li05.on .link_tab05 {height:38px !important;} .wrap_tab05 .tab_ul05 .tab_li05.on .link_tab05 .wrap_vertical {display:inline-block; width:0; height:38px; visibility:hidden; vertical-align:middle;} .wrap_tab05 .tab_ul05 .tab_li05 .link_tab05 .wrap_vertical {display:inline-block; width:0; height:38px; visibility:hidden; vertical-align:middle;} .wrap_tab05 .tab_ul05 .tab_li05.tab05_1 .link_tab05 {width:136px; left:0;} .wrap_tab05 .tab_ul05 .tab_li05.tab05_2 .link_tab05 {left:167px;} .wrap_tab05 .tab_ul05 .tab_li05.tab05_3 .link_tab05 {left:335px;} .wrap_tab05 .tab_ul05 .tab_li05.tab05_4 .link_tab05 {left:503px;} .wrap_tab05 .tab_ul05 .tab_li05.tab05_5 .link_tab05 {left:671px;} .wrap_tab05 .tab_ul05 .tab_li05.tab05_6 .link_tab05 {left:839px;} .wrap_tab05 .tab_ul05 .tab_li05 .cntt_tab05 {position:relative; padding:34px 0 0; display:none; width:100%;} .wrap_tab05 .tab_ul05.text_2line .tab_li05 .cntt_tab05 {position:relative; padding:48px 0 0; display:none; width:100%;} .wrap_tab05 .tab_ul05 .tab_li05.on .cntt_tab05 {display:block;} /* 탭메뉴 페이지 이동 */ .wrap_tab05.page_move .tab_ul05 {width:100%; min-height:34px;background-position:0 100%; overflow:hidden;}/*140530 수정 lyr*/ .wrap_tab05.page_move .tab_ul05 .tab_li05 {float:left;width:auto; margin-right:-1px;} .wrap_tab05.page_move .tab_ul05 .tab_li05 .link_tab05 {position:relative; top:0; left:0; display:block;} .wrap_tab05.page_move .tab_ul05 .tab_li05.first_child .link_tab05 {width:136px;} .wrap_tab05.page_move .tab_ul05 .tab_li05.on .link_tab05 {padding-top:10px;}/*140530 추가 lyr*/ /* 탭메뉴 탭키 이동 140312_miok */ .wrap_tab02 {width:100%; position:relative;} .wrap_tab02 .tab_ul02 {border-bottom:1px solid #c8c8c8;overflow: hidden;} .wrap_tab02 .tab_ul02 .tab_li02 {margin:0 16px 0 0;height:37px;float:left;background:url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_list2.png) no-repeat;background-position: right 13px;} .wrap_tab02 .tab_ul02 .tab_li02.first_child {margin:0 16px;} .wrap_tab02 .tab_ul02 .tab_li02.last_child {background: none} .wrap_tab02 .tab_ul02 .tab_li02 .link_tab02 {display:inline-block;color:#848484;padding:10px 15px 10px 13px;float:left;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon_arrow.png) no-repeat;background-position: 0 16px;} .wrap_tab02 .tab_ul02 .tab_li02.on .link_tab02 {font-weight:bold;color:#595959;display:inline-block;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon_arrow.png) no-repeat;background-position: 0 -14px;} .wrap_tab02 .tab_ul02 .tab_li02 .cntt_tab02 {position:absolute;top:40px;left:0; padding:0; display:none; width:100%;} .wrap_tab02 .tab_ul02 .tab_li02.on .cntt_tab02 {display:block;} /* 탭메뉴 페이지 이동 */ .wrap_tab02.page_move {width:100%; position:relative;} .wrap_tab02.page_move .tab_ul02 {border-bottom:1px solid #c8c8c8;overflow: hidden;} .wrap_tab02.page_move .tab_ul02 .tab_li02 {margin:0 16px 0 0;height:37px;float:left;background:url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_list2.png) no-repeat;background-position: right 13px;} .wrap_tab02.page_move .tab_ul02 .tab_li02.first_child {margin:0 16px;} .wrap_tab02.page_move .tab_ul02 .tab_li02.last_child {background: none} .wrap_tab02.page_move .tab_ul02 .tab_li02 .link_tab02 {display:inline-block;color:#848484;padding:10px 15px 10px 13px;float:left;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon_arrow.png) no-repeat;background-position: 0 16px;} .wrap_tab02.page_move .tab_ul02 .tab_li02.on .link_tab02 {font-weight:bold;color:#595959;display:inline-block;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon_arrow.png) no-repeat;background-position: 0 -14px;} .wrap_tab02.page_move .tab_ul02 .tab_li02 .link_tab03 {display:inline-block;color:#848484;padding:10px 15px 10px 0px;float:left;} /* 140416_miok */ .wrap_tab02.page_move .tab_ul02 .tab_li02.on .link_tab03 {font-weight:bold;color:#595959;display:inline-block;}/* 140416_miok */ .wrap_tab02.page_move .tab_ul02 .tab_li02 .cntt_tab02 {position:absolute;top:40px;left:0; padding:0; display:none; width:100%;} .wrap_tab02.page_move .tab_ul02 .tab_li02.on .cntt_tab02 {display:block;} .wrap_tab02 .frend_addt {position:absolute; top:6px; right:0px;*top:4px;} .wrap_tab02 .frend_addt input {margin-left:10px;*margin-right:2px; font-size:11px;} @media \0screen {.wrap_tab02 .frend_addt input {margin-top:0px;}} /* IE8 */ .wrap_tab02 .frend_addt .btn_base.facebook span.odd_span {padding-left:26px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat;background-position:0 -1085px;} .wrap_tab02 .frend_addt .btn_base.facebook span.even_span {min-width:22px; height:26px; padding-right:8px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_base.png) no-repeat right top; color:#333; font-size:11px; line-height:29px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; letter-spacing:-1px;}/* 140205_수정 kcu */ .wrap_tab02 .frend_addt .btn_base.facebook span.even_span {*line-height:26px;} /* ie7 */ .wrap_tab02 .frend_addt .btn_base.facebook.mhover span.odd_span, .btn_base:focus span.odd_span {background-position:left -1121px;} .wrap_tab02 .frend_addt .btn_base.facebook.mhover span.even_span, .btn_base:focus span.even_span {background-position:right -37px;} .wrap_tab02 .frend_addt .btn_base.facebook.mactive span.odd_span {background-position:-32px -1121px;} .wrap_tab02 .frend_addt .btn_base.facebook.mactive span.even_span {background-position:right -74px;} .wrap_tab02 .frend_addt .bar {display:inline-block; *margin-left:-3px; font-size:18px; color:#d9d9d9; vertical-align:-3px;} .wrap_tab02 .auto_search {border:1px solid #888888;width:174px;position:absolute;left:696px;top:31px;background-color:#fff;z-index:1} .wrap_tab02 .auto_search ul.search_list {padding:0 !important;} .wrap_tab02 .auto_search ul.search_list li {width:174px;padding:0;} .wrap_tab02 .auto_search ul.search_list li a {display:block;padding-left:4px;color:#666666;line-height:23px;height:23px;} .wrap_tab02 .auto_search ul.search_list li a:hover {color:#1a1a1a} .wrap_tab02 .auto_search ul.search_list li a:hover {background-color:#f5f5f5;} .gnr_list .auto_search ul.search_list li.search_none {padding:3px 0 2px 7px} /* 팝업 내 탭메뉴 탭키 이동 */ .pop_tab01 {width:100%; position:relative;} .pop_tab01 .p_tab_ul01 {border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;background:#f8fbfb url(http://image.melon.co.kr/resource/image/web/common/bg_tab04_line5.png) no-repeat top right;height:32px;} .pop_tab01 .p_tab_ul01 .p_tab_li01 {overflow:hidden;} .pop_tab01 .p_tab_ul01 .p_tab_li01 .link_p_tab01 {position:absolute; top:0; left:0; background:#f8fbfb; border:1px solid #d9d9d9; border-bottom:0; text-align:center; color:#676767; min-width:124px; height:23px; padding:9px 20px 0; z-index:1;} .pop_tab01 .p_tab_ul01 .p_tab_li01 a.link_p_tab01:hover {text-decoration:none;} .pop_tab01 .p_tab_ul01 .p_tab_li01.on .link_p_tab01 {background:#fff; font-weight:bold; color:#595959; width:124px; height:23px;border-color:#dbdbdb;border-top:2px solid #808080; z-index:2;} .pop_tab01 .p_tab_ul01 .p_tab_li01.tab01_1 .link_p_tab01 {left:0;} .pop_tab01 .p_tab_ul01 .p_tab_li01.tab01_2 .link_p_tab01 {left:165px;} .pop_tab01 .p_tab_ul01 .p_tab_li01.tab01_3 .link_p_tab01 {left:335px;} .pop_tab01 .p_tab_ul01 .p_tab_li01.tab01_4 .link_p_tab01 {left:503px;} .pop_tab01 .p_tab_ul01 .p_tab_li01.tab01_5 .link_p_tab01 {left:671px;} .pop_tab01 .p_tab_ul01 .p_tab_li01.tab01_6 .link_p_tab01 {left:839px;} .pop_tab01 .p_tab_ul01 .p_tab_li01 .cntt_p_tab01 {position:absolute; top:40px;left:0;display:none;width:100%;} .pop_tab01 .p_tab_ul01 .p_tab_li01.on .cntt_p_tab01 {display:block;} .pop_tab01 .p_tab_ul01.w138 .p_tab_li01 .link_p_tab01 {width:152px;} .pop_tab01 .p_tab_ul01.w138 .p_tab_li01.tab01_2 .link_p_tab01 {left:201px;} .pop_tab01 .p_tab_ul01.w145 .p_tab_li01 .link_p_tab01 {width:145px;} .pop_tab01 .p_tab_ul01.w248 .p_tab_li01 .link_p_tab01 {width:212px;}/* 140611_수정 aty */ .pop_tab01 .p_tab_ul01.w248 .p_tab_li01.tab01_2 .link_p_tab01 {left:246px;}/* 140401 */ /* 팝업 내 탭 메뉴 페이지 이동 */ .pop_tab01.page_move {position:static;} .pop_tab01.page_move .p_tab_ul01 {width:100%;height:32px;} .pop_tab01.page_move .p_tab_ul01 .p_tab_li01 {float:left; width:auto; margin-right:-1px;margin-top:-1px;} .pop_tab01.page_move .p_tab_ul01 .p_tab_li01 .link_p_tab01 {position:relative; top:0; left:0; display:block;} /* 넘버링 Big */ .wrap_number_big {height:17px; display:inline-block; vertical-align:middle;} .wrap_number_big span {background:url(http://image.melon.co.kr/resource/image/web/common/txt_numbering.png) no-repeat 0 0; width:0; height:17px; display:inline-block; vertical-align:middle; margin-right:-4px;} .wrap_number_big span.no_0 {width:17px; background-position:0 0;} .wrap_number_big span.no_1 {width:9px; background-position:-27px 0;} .wrap_number_big span.no_2 {width:11px; background-position:-49px 0;} .wrap_number_big span.no_3 {width:12px; background-position:-73px 0;} .wrap_number_big span.no_4 {width:13px; background-position:-98px 0;} .wrap_number_big span.no_5 {width:12px; background-position:-123px 0;} .wrap_number_big span.no_6 {width:12px; background-position:-148px 0;} .wrap_number_big span.no_7 {width:12px; background-position:-173px 0;} .wrap_number_big span.no_8 {width:12px; background-position:-198px 0;} .wrap_number_big span.no_9 {width:12px; background-position:-223px 0;} .wrap_number_big span.no_week {width:17px; background-position:-248px 0;} /* 넘버링 Small */ .wrap_number_small {height:9px; display:inline-block; vertical-align:middle;} .wrap_number_small span {background:url(http://image.melon.co.kr/resource/image/web/common/txt_numbering.png) no-repeat 0 0; width:0; height:9px; display:inline-block; vertical-align:middle; margin-right:-4px;} .wrap_number_small .text {background:none; font:normal normal 12px/18px arial,dotum; color:#666; width:auto; height:auto;} .wrap_number_small span.no_0 {width:7px; background-position:0 -27px;} .wrap_number_small span.no_1 {width:6px; background-position:-14px -27px;} .wrap_number_small span.no_2 {width:7px; background-position:-27px -27px;} .wrap_number_small span.no_3 {width:7px; background-position:-40px -27px;} .wrap_number_small span.no_4 {width:7px; background-position:-53px -27px;} .wrap_number_small span.no_5 {width:7px; background-position:-67px -27px;} .wrap_number_small span.no_6 {width:7px; background-position:-80px -27px;} .wrap_number_small span.no_7 {width:7px; background-position:-93px -27px;} .wrap_number_small span.no_8 {width:7px; background-position:-107px -27px;} .wrap_number_small span.no_9 {width:7px; background-position:-120px -27px;} .wrap_number_small span.no_cm {width:3px; background-position:-134px -27px;} /*넘버링 Big height 21*/ .wrap_number_h21 {height:21px; display:block; vertical-align:middle;} .wrap_number_h21 span {background:url(http://image.melon.co.kr/resource/image/web/common/txt_numbering02.png) no-repeat 0 0; width:0; height:21px; display:inline-block; vertical-align:middle; margin-right:-4px;} .wrap_number_h21 span.no_0 {width:14px; background-position:0 0;} .wrap_number_h21 span.no_1 {width:11px; background-position:-23px 0;} .wrap_number_h21 span.no_2 {width:16px; background-position:-41px 0;} .wrap_number_h21 span.no_3 {width:17px; background-position:-64px 0;} .wrap_number_h21 span.no_4 {width:18px; background-position:-89px 0;} .wrap_number_h21 span.no_5 {width:17px; background-position:-113px 0;} .wrap_number_h21 span.no_6 {width:18px; background-position:-138px 0;} .wrap_number_h21 span.no_7 {width:17px; background-position:-162px 0;} .wrap_number_h21 span.no_8 {width:17px; background-position:-187px 0;} .wrap_number_h21 span.no_9 {width:17px; background-position:-211px 0;} .wrap_number_h21 span.no_week {width:20px; background-position:-250px 0;} .wrap_number_h21 span.no_txt {width:15px; background-position:-233px 0;} /* 넘버링 Small height 10*/ .wrap_number_h10 {height:10px; display:inline-block; vertical-align:middle;} .wrap_number_h10 span {background:url(http://image.melon.co.kr/resource/image/web/common/txt_numbering02.png) no-repeat 0 0; width:0; height:10px; display:inline-block; vertical-align:middle; margin-right:-4px;} .wrap_number_h10 .text {background:none; font:normal normal 12px/18px arial,dotum; color:#666; width:auto; height:auto;} .wrap_number_h10 span.no_0 {width:7px; background-position:0 -26px;} .wrap_number_h10 span.no_1 {width:5px; background-position:-12px -26px;} .wrap_number_h10 span.no_2 {width:8px; background-position:-22px -26px;} .wrap_number_h10 span.no_3 {width:8px; background-position:-35px -26px;} .wrap_number_h10 span.no_4 {width:8px; background-position:-48px -26px;}/*140416 수정 lyr*/ .wrap_number_h10 span.no_5 {width:7px; background-position:-63px -26px;} .wrap_number_h10 span.no_6 {width:7px; background-position:-76px -26px;} .wrap_number_h10 span.no_7 {width:7px; background-position:-89px -26px;} .wrap_number_h10 span.no_8 {width:7px; background-position:-102px -26px;} .wrap_number_h10 span.no_9 {width:7px; background-position:-114px -26px;}/*140416 수정 lyr*/ .wrap_number_h10 span.no_cm {width:4px; background-position:-126px -26px;} .wrap_number_h10 span.no_year {width:14px; height:12px;background-position:-136px -24px;} .wrap_number_h10 span.no_month {width:11px;height:12px; background-position:-153px -24px;} /* 아티스트 파인더 */ .f_tit.finder {margin:25px 0 12px;} .f_stit.finder {margin:26px 0 9px;} .wrap_finder {border:1px solid #999; border-right:0; border-left:0;} .wrap_finder dl {padding-left:190px; border:1px solid #d9d9d9; border-top:0; border-bottom:0; background-color:#f5f5f5;} .wrap_finder dl {*zoom:1;} .wrap_finder dl dt {display:block; float:left; width:190px; margin-left:-190px; text-align:center;} .wrap_finder dl dd {padding:12px 15px; border-left:1px solid #d9d9d9; background-color:#fff;} .wrap_finder dl dt .icon {display:inline-block; width:14px; height:14px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_finder_atist.png) no-repeat left top; vertical-align:middle;} .wrap_finder dl dt .icon {*margin-right:4px;} /* ie7 */ .wrap_finder dl dt .text {color:#333; font-weight:bold; font-size:13px; line-height:1.2em; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif; letter-spacing:-1px; vertical-align:middle;} /* 아티스트 파인더 아티스트 선택 */ .wrap_finder.atist {margin-bottom:8px; border-top:2px solid #555e62;} .wrap_finder.atist dl dt {padding-top:32px;} /* 아티스트 파인더 아티스트 선택 버튼 */ .wrap_finder.atist .wrap_btn_atist {margin-top:4px; overflow:hidden;} .wrap_finder.atist .wrap_btn_atist {*margin-top:0;} /* ie7 */ .wrap_finder.atist .wrap_btn_atist.first_child {margin-top:0;} .wrap_finder .btn_base.finder01, .wrap_finder .btn_base.finder02 {float:left; margin:0; margin-left:2px;} .wrap_finder .btn_base.finder01.first_child, .wrap_finder .btn_base.finder02.first_child {margin-left:0;} .btn_base.finder01 span span {min-width:12px;} .btn_base.finder02 span span {min-width:32px;} .btn_base.finder01.on span, .btn_base.finder02.on span {background-position:left -1154px;} .btn_base.finder01.on span span, .btn_base.finder02.on span span {background-position:right -1154px; font-weight:bold; color:#fff;} /* 아티스트 파인더 조건선택 선택 */ .wrap_finder_cnd {border-top:1px solid #999; border-bottom:1px solid #999;border-left:1px solid #d9d9d9;} .wrap_finder_cnd {*zoom:1;} /* ie7 */ .wrap_finder_cnd:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_finder_cnd dl {float:left; width:190px; border-right:1px solid #d9d9d9;} .wrap_finder_cnd dl.first_child {border-left:1px solid #d9d9d9;} .wrap_finder_cnd dl.gnr {width:215px;} /* 140120_miok */ .wrap_finder_cnd dl.gnr_dtl {width:216px;} /* 140213_수정 kcu */ .wrap_finder_cnd dl dt {display:block; padding:6px 0; border-bottom:1px solid #ccc; background-color:#f5f5f5; text-align:center;} .wrap_finder_cnd dl dt .text {color:#333; font-weight:bold; font-size:13px; line-height:1.2em; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif; letter-spacing:-1px; vertical-align:middle;} .wrap_finder_cnd dl dd {height:136px; padding:12px 0; overflow:auto;} .wrap_finder_cnd dl.gnr dd, .wrap_finder_cnd dl.gnr_dtl dd {overflow-y:scroll;} .wrap_finder_cnd dl dd .finder_wrong {height:100%; margin:-12px 0; padding:12px 0; background-color:#fafafa; text-align:center;} .wrap_finder_cnd dl dd .finder_wrong .wrap_vertical {display:inline-block; width:0; height:100%; visibility:hidden; vertical-align:middle;} .wrap_finder_cnd dl dd .finder_wrong p {display:inline-block; color:#999; font-size:12px; line-height:1.2em; vertical-align:middle;} .wrap_finder_cnd dl dd .finder_wrong p {*display:inline; *zoom:1;} .wrap_finder_cnd label {display:block; padding:4px 16px;} .wrap_finder_cnd label.mhover, .wrap_finder_cnd label.on {background-color:#f5f5f5;} .wrap_finder_cnd label .text {font-size:12px; line-height:1.2em;} .wrap_finder_cnd label.on .text {color:#1a1a1a; font-weight:bold;} /* 아티스트 파인더 활동연대 선택 */ .wrap_finder.years {margin-top:8px;} .wrap_finder.years dl dt {padding-top:22px;} .wrap_finder.years dl dd {position:relative; padding:18px 148px 10px 18px;} .wrap_finder.years dl dd .wrap_btn {position:absolute; right:74px; top:15px;} /* 아티스트 파인더 활동연대 선택 히스토그램 */ .finder_yearlk_wrap {} .finder_yearlk_wrap .yearlk_bar {position:relative; width:607px; height:9px;} .finder_yearlk_wrap .yearlk_bar.bar_year {background:url(http://image.melon.co.kr/resource/image/web/common/bg_bar_yearlk.png) no-repeat left top;} .finder_yearlk_wrap .yearlk_bar .yearlk_bar {position:absolute; top:0; left:0; width:607px; height:9px; z-index:1;} .finder_yearlk_wrap .yearlk_bar .yearlk_bar.start {z-index:1; background:url(http://image.melon.co.kr/resource/image/web/common/bg_bar_yearlk.png) no-repeat left bottom;} .finder_yearlk_wrap .yearlk_bar .yearlk_bar.last {z-index:2; background:url(http://image.melon.co.kr/resource/image/web/common/bg_bar_yearlk.png) no-repeat left top;} .finder_yearlk_wrap .sel {position:absolute; top:-7px; right:-23px; width:25px; height:26px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_yearlk.png) no-repeat 0 0; font-size:0; line-height:0; z-index:1; cursor:pointer;} .finder_yearlk_wrap .sel.mhover {background-position:0 -30px;} .finder_yearlk_wrap .sel.mactive {background-position:0 -60px;} .finder_yearlk_wrap .yearlk_text {margin-top:9px;} .finder_yearlk_wrap .yearlk_text a {margin-left:45px; font-size:12px; line-height:1.2em;} .finder_yearlk_wrap .yearlk_text a {*zoom:1;} /* ie7 */ .finder_yearlk_wrap .yearlk_text a.first_child {margin-left:0;} .finder_yearlk_wrap .yearlk_text a.t1960 {} .finder_yearlk_wrap .yearlk_text a.t1970 {} .finder_yearlk_wrap .yearlk_text a.t1980 {} .finder_yearlk_wrap .yearlk_text a.t1990 {} .finder_yearlk_wrap .yearlk_text a.t2000 {} .finder_yearlk_wrap .yearlk_text a.t2010 {} .finder_yearlk_wrap .yearlk_text a.next {margin-left:48px;} .btn_big.calendar .icon {width:14px; height:15px; background:url(http://image.melon.co.kr/resource/image/web/common/icon_finder_calendar.png) no-repeat left top; vertical-align:-3px;} .btn_big.calendar .icon {*margin:0; *margin-right:4px; *vertical-align:middle;} /* ie7 */ .btn_big.calendar .text {display:inline-block; vertical-align:middle;} /* 아티스트 파인더 문자선택 */ .gnr_finder_list {margin-top:16px; border:1px solid #d9d9d9; overflow:hidden;} .gnr_finder_list {*zoom:1;} /* ie7 */ .gnr_finder_list .wrap_character {display:block; float:left; width:107px; height:84px; margin-top:8px; padding-top:8px; border-right:1px solid #d9d9d9; text-align:center;} .gnr_finder_list .wrap_character .character {color:#739900; font-weight:bold; font-size:50px; line-height:1.2em; font-family:"Malgun Gothic","맑은 고딕","dotum","돋움",sans-serif, "Apple Gothic", sans-serif;} .gnr_finder_list ul {display:inline-block; float:right; width:898px; height:92px; padding:8px 0 6px; vertical-align:top; overflow-y:auto;} .gnr_finder_list ul li {float:left; padding:0 9px 0 8px; width:159px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_list2.png) no-repeat 0 6px; margin-left:-1px;} .gnr_finder_list ul li a, .gnr_finder_list ul li span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:3px 15px 2px 7px; padding:4px 15px 1px 7px\9; color:#1a1a1a;} @media \0screen {.gnr_finder_list ul li a, .gnr_finder_list ul li span {padding:3px 15px 2px 7px;}}/* IE8 */ *+html .gnr_finder_list ul li a, *+html .gnr_finder_list ul li span {padding:3px 15px 2px 7px;}/* IE7 */ .gnr_finder_list ul li.on a {font-weight:bold; letter-spacing:-1px; color:#fff; background:#739900 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 138px 8px;} .gnr_finder_list ul li.on span {font-weight:bold; letter-spacing:-1px; color:#fff; background:#739900 url(http://image.melon.co.kr/resource/image/web/common/bg_gnr_arrow.png) no-repeat 138px 8px;} .gnr_finder_list .search_wrong {float:right; width:898px; height:65px; padding:35px 0 6px; text-align:center;} .gnr_finder_list .search_wrong p {color:#333; font-weight:normal; font-size:12px; line-height:1.5em; font-family:"돋움", "dotum", sans-serif, "Apple Gothic", sans-serif; letter-spacing:0;} /* 아티스트 파인더 검색결과 검색정보 */ .finder_serch_info {margin:30px 0 8px;} .finder_serch_info {*zoom:1;} /* ie7 */ .finder_serch_info:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .finder_serch_info .serch_info {float:left; color:#333; font-size:12px; line-height:18px;} .finder_serch_info .serch_info dt {float:left; margin-right:4px; font-weight:bold;} .finder_serch_info .serch_info dd {float:left;} .finder_serch_info .serch_info dd.tot {margin-left:8px; padding-left:9px; font-weight:bold; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gray_bar.png) no-repeat 0 3px;}/* 140318 */ .finder_serch_info .list_sort {float:right;} /* 선곡하기 하단 버튼 */ .add_bg {position:relative; padding:6px; border-bottom:1px solid #d9d9d9; background:#f7f7f7; *zoom:1;} .add_bg .btn_move {width:26px; height:26px; background:url(http://image.melon.co.kr/resource/image/web/common/btn_move_list.png) no-repeat 0 0;} .add_bg .btn_move.top {background-position:0 0;} .add_bg .btn_move.top.mhover {background-position:0 -30px;} .add_bg .btn_move.top.mactive {background-position:0 -60px;} .add_bg .btn_move.up {background-position:-30px 0;} .add_bg .btn_move.up.mhover {background-position:-30px -30px;} .add_bg .btn_move.up.mactive{background-position:-30px -60px;} .add_bg .btn_move.down {background-position:-60px 0;} .add_bg .btn_move.down.mhover {background-position:-60px -30px;} .add_bg .btn_move.down.mactive {background-position:-60px -60px;} .add_bg .btn_move.bottom {background-position:-90px 0;} .add_bg .btn_move.bottom.mhover {background-position:-90px -30px;} .add_bg .btn_move.bottom.mactive {background-position:-90px -60px;} .add_bg .btn_move span {text-indent:-9999px;} .add_bg .btn_base {height:26px;} .add_bg .btn_base span span {min-width:32px;} .add_bg .chic_del {position:absolute; top:6px; right:6px;} /* 이미지 크게 보기 팝업 */ .wrap_viewlk_image {*zoom:1;} /* ie7 */ .wrap_viewlk_image:after {content:""; display:block; clear:both; height:0; visibility:hidden;}/*140508 추가 lyr*/ .wrap_viewlk_image .wrap_image {float:left; width:496px;} .wrap_viewlk_image .wrap_image .thumb {display:block; position:relative; width:496px; height:496px; text-align:center;} .wrap_viewlk_image .wrap_image .thumb img {display:inline-block;; max-width:496px; max-height:496px; vertical-align:middle;} .wrap_viewlk_image .wrap_image .thumb .wrap_vertical {display:inline-block; width:0; height:496px; visibility:hidden; vertical-align:middle;} .wrap_viewlk_image .wrap_image .thumb .icon_viewlk_image {display:none;} .wrap_viewlk_image .wrap_image a.thumb:hover .icon_viewlk_image {display:block;} .wrap_viewlk_image .wrap_image .thumb .thumb_frame {display:block; position:absolute; left:0; top:0; width:496px; height:496px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_image.png) left top;} .wrap_viewlk_image .wrap_image a.thumb .thumb_frame {*cursor:pointer;} /* ie7 */ .wrap_viewlk_image .wrap_image .page_image {margin-top:8px; text-align:center;} .wrap_viewlk_image .wrap_image .page_num {display:inline-block; margin:0 22px; color:#666; font-size:15px; line-height:1.2em; font-family:"Arial","돋움","Dotum",serif, "Apple Gothic", sans-serif; vertical-align:middle;} .wrap_viewlk_image .wrap_image .page_num .pre {color:#1a1a1a; font-weight:bold;} .wrap_viewlk_image .wrap_image .wrap_revwlk {width:496px; height:34px; margin-top:16px; overflow-y:auto;} .wrap_viewlk_image .wrap_image .wrap_btn_image {margin-top:21px;} .wrap_viewlk_image .wrap_image .wrap_btn_image {*zoom:1;} /* ie7 */ .wrap_viewlk_image .wrap_image .wrap_btn_image .wrap_btn_sns {float:left;} .wrap_viewlk_image .wrap_image .wrap_btn_image .wrap_btn {float:left;padding-left:5px;}/*140430 수정 lyr*/ /*140508 수정 lyr*/ .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname {float:right;width:150px;position: relative;margin-top: 8px;padding: 0 18px 0 0;font-size: 12px;line-height: 14px;color: #1a1a1a;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .ellipsis {display: block;float:left;width:110px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align:right;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname.type01 {padding-right:0;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname.type01 .ellipsis {width: 66%;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname.type01 a {display:block;text-align:right;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname.type01 a em {display:inline-block; overflow:hidden; width:auto; max-width:90px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; vertical-align:top;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname.type01 a:hover em {text-decoration:underline;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .text {float:right;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .wrap_more {position: absolute;top: 0;right: 4px;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .wrap_more {*top:-1px; *right:2px;} /* IE7 */ .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .btn_more02 {padding: 1px 5px 2px 1px;font-size: 0;line-height: 0;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .btn_more02 {*padding:3px 5px 0 1px;} /* IE7 */ .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .btn_more02 span {display: inline-block;width: 4px;height: 8px;background: url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -137px 0;text-indent: -9999px; overflow: hidden;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .btn_more02 span {*font-size:0; *line-height:0; *text-indent:0;} /* IE7 */ .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .l_popup.small {top:-8px; left:17px;} .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname .l_popup.small {*top:-7px; *left:19px;} /* IE7 */ .wrap_viewlk_image .wrap_image .wrap_btn_image .atistname.type01 .icon {width: 4px;height: 7px;line-height: 7px;vertical-align: 1px;display: inline-block;background: url(http://image.melon.co.kr/resource/image/web/common/bg_btn_icon.png) no-repeat -136px -57px;vertical-align: middle;} .wrap_viewlk_image .wrap_image_cmt {float:right;} /* 로그인 */ .gray_box02_login {margin:3px 0 8px; padding:14px; border:1px solid #d9d9d9; background:#fafafa;} .btn_login {height:102px;} .btn_login span span {width:102px; height:102px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_login01.png) no-repeat left top; color:#fff; font-weight:bold; font-size:14px; line-height:102px; font-family:"맑은 고딕", "Malgun Gothic","돋움", "Dotum", "Apple Gothic", sans-serif; letter-spacing:-1px;} .btn_login.mhover span span {background-position:0 -136px;} .btn_login.mactive span span {background-position:0 -273px;} .wrap_login_form {min-width:494px;} .wrap_login_form {*zoom:1;} /* ie7 */ .wrap_login_form:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_login_form .wrap_insert {position:relative; float:left; padding-top:55px; padding-bottom:26px;} .wrap_login_form .wrap_insert .text_emphs {display:block; font-weight:normal;} .wrap_login_form .wrap_insert .text_emphs.first_child {position:absolute; left:0; top:0; margin-top:0;} .wrap_login_form .wrap_insert .text_emphs.text_password01.placeholder {background:url(http://image.melon.co.kr/resource/image/web/common/txt_password01.png) no-repeat 16px 16px;} .wrap_login_form .wrap_save {position:absolute; left:0; bottom:0;} .wrap_login_form .wrap_save .input_check {margin:0;} .wrap_login_form .wrap_btn {float:right;} .wrap_login_form .wrap_btn .btn_login {*margin:0;} /* ie7 */ .wrap_login_mem {margin-top:8px; padding-top:8px; border-top:1px solid #e6e6e6;} .wrap_login_mem .bar {margin:0 3px; color:#e5e5e5; font-size:11px; font-style:normal; vertical-align:middle;} .wrap_login_mem .btn_base02 {margin-left:8px;} /* 메인배너 레이어팝업 */ .l_popup.small .main_baner {padding:15px 15px 0; background-color:#fff; border:1px solid #666;} .l_popup.small .main_baner .wrap_baner {} .l_popup.small .main_baner .wrap_baner ul li {margin-top:16px;} .l_popup.small .main_baner .wrap_baner ul li.first_child {margin-top:0;} .l_popup.small .main_baner .wrap_baner ul li img {vertical-align:top;} .l_popup.small .main_baner .wrap_lower {height:39px;} .l_popup.small .main_baner .wrap_lower .fl_left {padding-top:9px;} .l_popup.small .main_baner .wrap_lower .fl_left label {color:#666; font-size:11px; line-height:13px; letter-spacing:-1px;} .l_popup.small .main_baner .wrap_lower .fl_right {padding-top:7px;} .l_popup.small .main_baner .wrap_lower .fl_right .btn_base {*height:26px; *margin:0;} /* 멜론 다운로드 프로그램 설치 안내 */ .wrap_step_dtl {margin-top:22px; border-top:1px solid #e6e6e6;} .wrap_step_dtl li {padding-top:32px;} .wrap_step_dtl li .image {margin-top:24px; font-size:0; line-height:0; text-align:center;} .box_step {padding:13px 12px; border:1px solid #e5e5e5; background-color:#f7f7f7;} .box_step .step {display:inline-block; height:17px; margin-right:6px; padding-right:10px; border-right:1px solid #e5e5e5; vertical-align:middle;} .box_step .step span {display:inline-block; margin-top:-3px; color:#000; font-weight:bold; font-size:16px; line-height:1.2em; font-family:"맑은 고딕","Malgun Gothic", "돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif;} .box_step .dtl {display:inline-block; vertical-align:middle; color:#1a1a1a;} .box_step .dtl {*display:inline; *zoom:1;} /* ie7 */ /* 오류 메시지 */ .img_check_sys {display:inline-block; width:178px; height:194px; margin-right:46px; background:url(http://image.melon.co.kr/resource/image/web/common/img_check_sys.png) no-repeat left top;} .img_check_sys {*display:inline; *zoom:1;} /* ie7 */ .date_check_sys {margin-top:18px;} .date_check_sys dt, .date_check_sys dd {display:inline;} .date_check_sys dd {font-weight:bold;} .wrap_check_sys {margin-top:80px; text-align:center;} .wrap_check_sys div {display:inline-block; text-align:left;} .wrap_check_sys div {*display:inline; *zoom:1;} /* ie7 */ .wrap_check_sys div .img_check_sys {vertical-align:middle;} .wrap_check_sys div .msge {display:inline-block; margin-top:-30px; vertical-align:middle;} .wrap_check_sys div .msge {*display:inline; *zoom:1;} /* ie7 */ .wrap_check_sys div .msge h3 {color:#1a1a1a; font-weight:bold; font-size:20px; line-height:1.4em; font-family:"맑은 고딕", "Malgun Gothic","돋움", "Dotum", sans-serif, "Apple Gothic", sans-serif;} .wrap_check_sys div .msge p {margin-top:12px;} .wrap_check_sys .wrap_btn {width:556px;display:block;margin-top:54px; padding-top:24px; border-top:1px solid #e6e6e6; text-align:center;} /********** 댓글CSS: 공통CSS는 댓글CSS위로 입력 부탁 드립니다. *****************************************************/ /* 댓글 - icon */ .icon_ancm {display:inline-block; width:33px; height:16px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat 0 0; overflow:hidden; vertical-align:-3px;} .icon_best {display:inline-block; width:36px; height:16px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat -35px 0; overflow:hidden; vertical-align:-3px;} .icon_new {display:inline-block; width:20px; height:16px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat -165px 0; overflow:hidden; vertical-align:-3px;}/* 140522_수정 aty */ .icon_atist {display:inline-block; width:15px; height:18px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat -72px 0; overflow:hidden; vertical-align:-7px;} .icon_dj_cmt {display:inline-block; width:23px; height:13px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat -285px 0; overflow:hidden; vertical-align:-2px;} .icon_dj_cmt {*vertical-align:middle;} /* ie7 */ .icon_reg_mobile {display:inline-block; width:7px; height:11px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat -91px 0; overflow:hidden; vertical-align:-3px;} .icon_secrt {display:inline-block; width:9px; height:12px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat -202px 0; overflow:hidden; vertical-align:-1px;} .icon_secrt {margin-right:4px; *vertical-align:0;} /* ie7 */ /* 댓글 - button */ .btn_b31 .odd_span {padding-left:6px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_dgray02.png) no-repeat left -90px;} .btn_b31 .odd_span .even_span {min-width:44px; height:31px; padding-right:6px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_dgray02.png) no-repeat right -90px; color:#fff; font-weight:bold; font-size:12px; line-height:33px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_b31.mhover span, .btn_b31:focus .odd_span {background-position:left -125px;} .btn_b31.mhover .odd_span .even_span, .btn_b31:focus .odd_span .even_span {background-position:right -125px;} .btn_b31.mactive .odd_span {background-position:left -160px;} .btn_b31.mactive .odd_span .even_span {background-position:right -160px;} .btn_text.arrow_u02 .text, .btn_text.arrow_d02 .text {font-size:12px; line-height:1.4em; color:#555;} .btn_text.arrow_u02 .icon, .btn_text.arrow_d02 .icon {width:5px; height:3px; display:inline-block; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_icon.png) no-repeat -291px top; vertical-align:3px;} .btn_text.arrow_u02 .icon, .btn_text.arrow_d02 .icon {*vertical-align:middle;} .btn_text.arrow_u02 .icon {background-position:-291px -13px;} .btn_reg .odd_span, .btn_reg .even_span {background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_reg.png) no-repeat left top;} .btn_reg .odd_span {padding-left:8px; background-position:left top;} .btn_reg .even_span {min-width:64px; height:80px; padding-right:8px; background-position:right top; color:#333; font-weight:bold; font-size:14px; line-height:84px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_reg.mhover .odd_span {background-position:left -100px;} .btn_reg.mhover .even_span {background-position:right -100px;} .btn_reg.mactive .odd_span {background-position:left -200px;} .btn_reg.mactive .even_span {background-position:right -200px;} .btn_reg02 .odd_span, .btn_reg02 .even_span {background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_reg.png) no-repeat left top;} .btn_reg02 .odd_span {padding-left:8px; background-position:left -288px;} .btn_reg02 .even_span {min-width:64px; height:52px; padding-right:8px; background-position:right -288px; color:#666; font-weight:bold; font-size:12px; line-height:54px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_reg02.mhover .odd_span {background-position:left -348px;} .btn_reg02.mhover .even_span {background-position:right -348px;} .btn_reg02.mactive .odd_span {background-position:left -408px;} .btn_reg02.mactive .even_span {background-position:right -408px;} .btn_reg03 .odd_span, .btn_reg03 .even_span {background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_reg.png) no-repeat left top;} .btn_reg03 .odd_span {padding-left:8px; background-position:left -466px;} .btn_reg03 .even_span {min-width:64px; height:24px; padding-right:8px; background-position:right -466px; color:#666; font-size:12px; line-height:26px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_reg03.mhover .odd_span {background-position:left -496px;} .btn_reg03.mhover .even_span {background-position:right -496px;} .btn_reg03.mactive .odd_span {background-position:left -526px;} .btn_reg03.mactive .even_span {background-position:right -526px;} .btn_reg04 .odd_span, .btn_reg04 .even_span {background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_reg.png) no-repeat left top;} .btn_reg04 .odd_span {padding-left:8px; background-position:left -558px;} .btn_reg04 .even_span {min-width:64px; height:87px; padding-right:8px; background-position:right -558px; color:#333; font-weight:bold; font-size:14px; line-height:90px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;} .btn_reg04.mhover .odd_span {background-position:left -653px;} .btn_reg04.mhover .even_span {background-position:right -653px;} .btn_reg04.mactive .odd_span {background-position:left -748px;} .btn_reg04.mactive .odd_span .even_span {background-position:right -748px;} .btn_atach_cmt {position:relative;} .btn_atach_cmt.mhover, .btn_atach_cmt:focus, .btn_atach_cmt.mactive {z-index:1;} .btn_atach_cmt .odd_span {width:31px; height:28px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_atach.png) no-repeat left top; overflow:hidden; line-height:28px; text-indent:-999px;} .btn_atach_cmt.sound .odd_span {background-position:left top;} .btn_atach_cmt.sound.mhover .odd_span, .btn_atach_cmt.sound:focus .odd_span {background-position:left -35px;} .btn_atach_cmt.sound.mactive .odd_span {background-position:left -70px;} .btn_atach_cmt.photo .odd_span {background-position:-40px top;} .btn_atach_cmt.photo.mhover .odd_span, .btn_atach_cmt.photo:focus .odd_span {background-position:-40px -35px;} .btn_atach_cmt.photo.mactive .odd_span {background-position:-40px -70px;} .btn_atach_cmt.video .odd_span {background-position:-80px top;} .btn_atach_cmt.video.mhover .odd_span, .btn_atach_cmt.video:focus .odd_span {background-position:-80px -35px;} .btn_atach_cmt.video.mactive .odd_span {background-position:-80px -70px;} .btn_atach_cmt.link .odd_span {background-position:-120px top;} .btn_atach_cmt.link.mhover .odd_span, .btn_atach_cmt.link:focus .odd_span {background-position:-120px -35px;} .btn_atach_cmt.link.mactive .odd_span {background-position:-120px -70px;} .wrap_btn_atach_cmt {display:inline-block; clear:both; line-height:28px; vertical-align:middle;} .wrap_btn_atach_cmt {*display:inline; *position:relative; *zoom:1;} /* ie7 */ .wrap_btn_atach_cmt:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_btn_atach_cmt .wrap_btn_attach {position:relative; float:left; margin-left:-1px; font-size:0; line-height:0;} .wrap_btn_atach_cmt .wrap_btn_attach .l_popup {font-size:12px; line-height:18px;} .wrap_btn_atach_cmt .wrap_btn_attach.mhover {*z-index:1;} /* ie7 */ .wrap_btn_atach_cmt .btn_atach_cmt {*margin:0;} /* ie7 */ .btn_reprt .odd_span {width:10px; height:11px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_cmt.png) no-repeat left top; text-indent:-9999px; vertical-align:middle;} .btn_reprt.mhover .odd_span {background-position:0 -21px;} .btn_recm {height:17px; vertical-align:middle;} .btn_recm .odd_span {position:relative; height:17px; padding-left:18px; color:#666; font-size:12px; line-height:18px; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; text-decoration:none;} .btn_recm .icon {display:block; position:absolute; left:0; top:0; width:13px; height:17px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_cmt.png) no-repeat 0 0; font-size:0; line-height:0;} .btn_recm.positive .icon {background-position:-239px 0;} .btn_recm.positive.mhover .icon {background-position:-239px -20px;} .btn_recm.positive.mactive .icon {background-position:-239px -40px;} .btn_recm.positive.on .icon, .btn_recm.positive.on.mhover .icon {background-position:-239px -60px;} .btn_recm.negative .icon {background-position:-262px 0;} .btn_recm.negative.mhover .icon {background-position:-262px -20px;} .btn_recm.negative.mactive .icon {background-position:-262px -40px;} .btn_recm.negative.on .icon, .btn_recm.negative.on.mhover .icon {background-position:-262px -60px;} .wrap_btn_recm .btn_recm span.odd_span {color:#999} .wrap_btn_recm .btn_recm {margin-left:18px;} .wrap_btn_recm .btn_recm.positive {margin-left:0;} /* 댓글 - 타이틀 */ .re_title {margin:30px 0 12px 0; color:#1a1a1a; font-weight:bold; font-size:18px; line-height:24px; font-family:"Malgun Gothic","맑은 고딕","Dotum", "돋음", "Apple Gothic",sans-serif;} .re_title.arr {padding-left:11px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bul_title.png) no-repeat 0 6px;} /* 댓글 - 총 검색 결과 수 */ .wrap_list_totcnt strong.fc_strong {padding-left:9px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bul_arrow_gray02.png) no-repeat left 2px; font-weight:normal;} .wrap_list_totcnt strong.fc_strong .fc_point, .wrap_list_totcnt strong.fc_strong .cnt {font-weight:bold;} /* 댓글 - 리뷰 입력창 */ .re_notice {position:relative; margin-bottom:24px; padding:15px 101px 8px 15px; background-color:#f9f9f9; border:1px solid #d1d1d1; z-index:40} .re_notice .re_text, .re_notice .wrap_cmt_box_thum {margin-bottom:13px;} .re_notice .wrap_cmt_box_thum {position:relative;} .re_notice .wrap_check {margin-top:5px;} .re_notice .wrap_btn {margin-top:8px;} .re_notice .wrap_btn {*height:28px; *zoom:1;} /* ie7 */ .re_notice .wrap_btn:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .re_notice .wrap_btn .wrap_btn_atach_cmt {float:left; clear:none;} .re_notice .wrap_btn .wrap_btn_sns {float:right; clear:none;} .re_notice .wrap_btn02 {position:absolute; right:15px; top:15px;} .re_notice .wrap_btn02 {*top:13px;} /* ie7 */ .re_notice .wrap_btn02 button {*margin:0;} /* ie7 */ .re_notice.no_btn_wrap {padding-bottom:15px;}/*140430 추가 lyr*/ .textarea {position:relative; padding-bottom:19px; border:1px solid #d1d1d1; background-color:#fff; color:#666; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;}/* 140127_수정 min-height:59px; */ .textarea .num_board {width:100%;display:block;text-align:right} /* 140110_miok */ .textarea .ancm {padding:6px 32px 0; color:#b2b2b2;} /* 140124_수정 kcu */ .textarea .ancm p {padding-left:11px; text-indent:-11px;} .textarea02 {position:relative; min-height:126px; padding:6px 7px; padding-bottom:4px; border:1px solid #d1d1d1; background-color:#fff; color:#666; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif;}/* 140110_miok */ .textarea02 .num_board {width:100%;display:block;text-align:right} /* 140110_miok */ .textarea02 .ancm {color:#b2b2b2;} .textarea02 .ancm p {padding-left:11px; text-indent:-11px;} .re_text {display:block; resize:none; padding:0; border:0; overflow:hidden; line-height:18px;} .num_board {font-size:12px; color:#999;} .num_board strong {color:#666} /* 140429_miok */ .btn_cmt_sns {position:relative;} .btn_cmt_sns.mhover, .btn_cmt_sns:focus, .btn_cmt_sns.mactive, .btn_cmt_sns.on {z-index:1;} .btn_cmt_sns span.odd_span {height:28px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_sns2.png) no-repeat left top; overflow:hidden; line-height:28px; text-indent:-999px;} .btn_cmt_sns.facebook span.odd_span {width:31px; background-position:0 0;} .btn_cmt_sns.facebook.mhover span.odd_span, .btn_cmt_sns.facebook:focus span.odd_span {width:31px; background-position:0px -44px;} .btn_cmt_sns.facebook.mactive span.odd_span {width:31px; background-position:0px -91px;} .btn_cmt_sns.facebook.on span.odd_span {width:31px; background-position:0px -135px;} .btn_cmt_sns.twitter span.odd_span {width:30px; background-position:-31px top;} .btn_cmt_sns.twitter.mhover span.odd_span, .btn_cmt_sns.twitter:focus span.odd_span {width:30px; background-position:-31px -44px;} .btn_cmt_sns.twitter.mactive span.odd_span {width:30px; background-position:-31px -91px;} .btn_cmt_sns.twitter.on span.odd_span {width:30px; background-position:-31px -135px;} /* //140429_miok */ /* 댓글 - 리뷰 입력창 - 방명록 케이스 */ .re_notice.type02 .textarea {min-height:61px;} .re_notice.type02 .textarea .ancm {zoom:1; margin-bottom:-12px;} /* 댓글 - 목록형 리스트 */ .tb_list_cmt {border-top:2px solid #b8b8b8; border-bottom:1px solid #b8b8b8;} .tb_list_cmt thead th {height:33px; border-bottom:1px solid #cfcfcf; color:#333333; text-align:center; vertical-align:middle; background-color:#fafafa;} .tb_list_cmt th.t_left, .tb_list_cmt td.t_left {text-align:left;} .tb_list_cmt th.t_right, .tb_list_cmt td.t_right {text-align:right;} .tb_list_cmt th.t_center, .tb_list_cmt td.t_center {text-align:center;} .tb_list_cmt tbody th, .tb_list_cmt td {height:39px; border-top:1px solid #e6e6e6; text-align:left; vertical-align:middle;} .tb_list_cmt tbody tr.first_child th, .tb_list_cmt tbody tr.first_child td {border-top:none;} .tb_list_cmt tbody tr.atist {background-color:#edf5f3;} .tb_list_cmt th .wrap {position:relative; padding:0 16px 0 0;} .tb_list_cmt td .wrap {position:relative; padding:0 16px 0 0;} .tb_list_cmt td.on .wrap {z-index:1;} .tb_list_cmt td.no {font-family:"Arial", "돋움", "Dotum", "Apple Gothic", sans-serif; text-align:center;} .tb_list_cmt th.no .wrap, .tb_list_cmt td.no .wrap {padding-right:16px; padding-left:16px;} .tb_list_cmt th.title .wrap, .tb_list_cmt td.title .wrap {padding-right:40px;} .tb_list_cmt th.pd_right01 .wrap, .tb_list_cmt td.pd_right01 .wrap {padding-right:24px;} .tb_list_cmt .ellipsis {display:inline-block; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .tb_list_cmt .ellipsis {*display:inline; *vertical-align:middle;} /* ie7 */ .tb_list_cmt .ellipsis a {color:#555;} .tb_list_cmt .icon_reg_mobile {vertical-align:-1px;} .tb_list_cmt .icon_atist {vertical-align:middle;} /* 댓글 - 목록형 리스트 - 확장영역 */ .tb_list_cmt .tr_cntt td {border-top:none;} .tb_list_cmt .tr_cntt td .wrap {padding:0;} .tb_list_cmt .tr_cntt .wrap .tb_cmt_cntt {position:relative; padding:8px 180px 11px 72px; color:#333; line-height:1.4em;} .tb_list_cmt .tr_cntt .wrap .tb_cmt_cntt .text {margin-bottom:8px;color:#555;} .tb_list_cmt .tr_cntt .wrap .tb_cmt_cntt .text.fc_b3 {color:#b3b3b3;} .tb_list_cmt .tr_cntt .wrap .tb_cmt_cntt .wrap_cmt_box_thum {margin:12px 0 8px;} .tb_list_cmt .tr_cntt .wrap .tb_cmt_cntt .wrap_cmt_box_thum .cmt_box_link {margin:-14px 0 -10px;} .tb_list_cmt .tr_cntt .wrap .tb_cmt_cntt .wrap_btn_cmt {position:absolute; right:16px; top:8px;} /* 댓글 - 목록형 리스트 - 댓글목록 */ .list_cmt02 li {border-top:1px dotted #d9d9d9;} .list_cmt02 .wrap_cmt {position:relative; padding:11px 180px 11px 90px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_cmt_arrow.png) no-repeat 72px 13px;} .list_cmt02 .wrap_cmt {*zoom:1;} /* ie7 */ .list_cmt02 .wrap_cmt:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .list_cmt02 .wrap_nicnmname {float:left; width:120px;} .list_cmt02 .wrap_cntt {float:right; width:613px;color:#555;} .list_cmt02 .wrap_cntt .btn_like {vertical-align:0;} .list_cmt02 .wrap_cntt .btn_like {*vertical-align:middle;} /* ie7 */ .list_cmt02 .wrap_cmt .wrap_btn_cmt {position:absolute; right:16px; top:11px; line-height:0;} .list_cmt02 .bar {margin:0 3px; color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:middle;} /* 댓글 - 목록형 리스트 - 댓글입력 */ .wrap_insert_cmt {border-top:1px dotted #d9d9d9;} .wrap_insert_cmt .wrap_bg_insert {position:relative; padding:11px 16px 11px 90px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_cmt_arrow.png) no-repeat 72px 13px;} .wrap_insert_cmt .wrap_bg_insert {*zoom:1;} /* ie7 */ .wrap_insert_cmt .wrap_bg_insert button {*margin:0; *margin-left:4px;} /* ie7 */ .wrap_insert_cmt div.wrap_all {border:1px solid #b6b6b6;height:24px} /* 140113_miok_추가 */ .wrap_insert_cmt div.wrap_all.wide {width:727px;margin-right:3px;float:left}/* 140113_miok_추가 */ .wrap_insert_cmt div.wrap_all.wide.wide_type {width:450px;} /* 140529_수정 aty */ .wrap_insert_cmt div.wrap_all.wide.wide_type .wrap_input .input_text {width:340px;} /* 140529_수정 aty */ .wrap_insert_cmt .wrap_input {display:inline-block; position:relative;} .wrap_insert_cmt .wrap_input .input_text {border:0px;box-shadow:0 0 0 0 rgba(0,0,0,0.05) inset;} /* 140110_miok */ .wrap_insert_cmt .wrap_input .wrap_staus {width:88px;float:left;text-align:right;margin-top:2px} /* 140113_miok_추가 */ .wrap_insert_cmt .wrap_input .wrap_staus {*margin-top:4px} .wrap_insert_cmt .wrap_check {margin-top:5px;} .wrap_insert_cmt .no_staus {display:inline-block;padding-left:8px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_cmt_num_board.png) no-repeat left 50%; color:#999; font-size:11px; line-height:1.4em;} /* 140110_miok */ .wrap_insert_cmt .no_staus .no {color:#666; font-weight:bold;} .wrap_insert_cmt .btn_base02 .even_span {min-width:64px;} /* 댓글 - 요약형 - 1depth 댓글 */ .list_cmt {position:relative; z-index:20; border:1px solid #ccc; border-right:0; border-left:0;} .list_cmt ul li {border-top:1px solid #e6e6e6;} .list_cmt ul li {*zoom:1; *vertical-align:top;} /* ie7 */ .list_cmt ul li.first_child {border-top:0;} .list_cmt ul li.on {position:relative; z-index:10;} .list_cmt .wrap_insert_cmt .wrap_bg_insert {padding:16px; padding-left:180px; background-position:162px 16px;overflow:hidden}/* 140113_miok */ .list_cmt .wrap_insert_cmt .wrap_bg_insert div.wrap_btn_r {*margin-top:-2px} /* 140114_miok */ .list_cmt .ellipsis {display:inline-block; overflow:hidden; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis;} .list_cmt .ellipsis {*display:inline; *vertical-align:middle;} /* ie7 */ .list_cmt .ellipsis a {color: #555} .list_cmt .ellipsis .icon_atist {*vertical-align:middle;} /* */ .list_cmt .bar {margin:0 3px; color:#ccc; font-style:normal; font-size:11px; line-height:14px; font-family:"Dotum", "Apple Gothic", sans-serif; vertical-align:middle;} .list_cmt .date {font-size:11px;color:#999;} .list_cmt .wrap_cmt_box_thum {*margin-bottom:5px;} .list_cmt .text_search, .tb_list_cmt .text_search{color:#7CB710; font-weight:bold; text-decoration:underline;} .list_cmt .search_wrong {padding:83px 0; color:#1a1a1a; font-size:14px; line-height:1.4em; font-family:"맑은 고딕","Malgun Gothic",arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} .list_cmt .search_loading {padding:68px 0 63px; text-align:center;} .list_cmt .search_loading p {color:#1a1a1a;} .list_cmt .search_loading p {*margin-top:5px;} /* ie7 */ .list_cmt .time {margin-left:3px;} .list_cmt .playtime {display:block !important; position:absolute !important; bottom:5px; right:5px; margin-left:24px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat right 0;} .list_cmt .playtime {*cursor:pointer;} /* IE7 */ .list_cmt .playtime .time {display:block; position:relative; top:0; left:-24px; height:16px; margin-right:-19px; padding-left:23px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat 0 0; color:#fff; font-size:11px; line-height:16px; font-family:Arial, "Apple Gothic", sans-serif;} .wrap_btn_list {position:relative;} .wrap_btn_list .btn_big {position:absolute; right:0; top:16px;} .wrap_btn_list .btn_big span span {min-width:0;} .wrap_cmt_cntt {display:block; position:relative; padding:16px 0; padding-left:160px;} .wrap_cmt_cntt {*zoom:1;} /* ie7 */ .wrap_cmt_cntt:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_cmt_cntt .wrap_nicnmname {float:left; width:114px; margin-left:-160px; padding:0 23px;} .wrap_cmt_cntt .wrap_nicnmname .icon_reg_mobile {vertical-align:-1px;} .wrap_cmt_cntt .wrap_cntt {padding-right:88px;} .wrap_cmt_cntt .wrap_cntt .cntt {word-break:break-all;color:#555;}/* 140219_추가 kcu */ .wrap_cmt_cntt .wrap_cntt .cntt .btn_text {margin-left:4px; vertical-align:0;} .wrap_cmt_cntt .wrap_cntt .cntt .btn_text {*margin-top:-5px; *margin-left:6px; *vertical-align:-2px;} /* ie7 */ .wrap_cmt_cntt .wrap_cntt .cntt .wrap_cmt_box_thum {margin-top:14px;} .wrap_cmt_cntt .wrap_cntt .cntt .wrap_cmt_box_thum .cmt_box_link {margin-top:-16px;} .wrap_cmt_cntt .wrap_cntt .wrap_btn {margin-top:10px;} .wrap_cmt_cntt .wrap_re_notice {padding-right:16px;} .wrap_cmt_cntt .wrap_re_notice .re_notice {margin-bottom:5px;} .wrap_cmt_cntt .wrap_re_notice .re_notice .textarea {padding:6px 7px; padding-bottom:4px;} /* 140110_miok */ .wrap_cmt_cntt .wrap_re_notice .btn_reg02, .wrap_cmt_cntt .wrap_re_notice .btn_reg03 {display:block;} .wrap_cmt_cntt .wrap_re_notice .btn_reg03 {margin-top:4px;} .wrap_cmt_cntt .wrap_re_notice .btn_reg03 {*margin-top:0;} /* ie7 */ .wrap_cmt_cntt .wrap_re_notice .wrap_btn {margin-top:10px;} .wrap_cmt_cntt .wrap_btn_report {position:absolute; right:16px; top:16px;} .wrap_cmt_cntt .wrap_btn_report .bar {vertical-align:-1px;} .wrap_cmt_cntt .wrap_btn_report .bar {*vertical-align:2px;} /* ie7 */ .wrap_cmt_cntt .btn_text.arrow_u02, .wrap_cmt_cntt .btn_text.arrow_d02 {*margin-top:-2px;} /* ie7 */ .wrap_cmt_cntt.atist {background-color:#edf5f3;} /* 140124_추가 kcu */ .wrap_cmt_cntt .wrap_re_notice .re_notice .textarea {min-height:59px; padding:0 0 19px 0;} .wrap_cmt_cntt .wrap_re_notice .re_notice .textarea .scroll {position:relative; overflow:hidden; overflow-y:auto; padding: 6px 7px 4px;}/*140127 수정 height:41px; */ .wrap_cmt_cntt .wrap_re_notice .re_notice .textarea .scroll .re_text {padding-bottom:0} .re_notice .textarea .scroll {overflow:hidden; position:relative; overflow-y:auto; padding: 6px 7px 4px;}/*140127 수정 height:48px; */ .textarea .num_board {position:absolute; bottom:0; right:10px; width:auto;} /* 댓글 - 요약형 - 2depth 댓글 */ .lower_cmt li {position:relative; padding:16px 0 16px 307px; border-top:1px dotted #d9d9d9;} .lower_cmt li {*zoom:1;} /* ie7 */ .lower_cmt li:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .lower_cmt li .wrap_nicnmname {float:left; width:114px; margin-left:-147px; padding:0 16px 0 17px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_cmt_arrow.png) no-repeat 2px 3px;} .lower_cmt li .wrap_nicnmname .icon_reg_mobile {vertical-align:-1px;} .lower_cmt li .wrap_cntt {padding-right:88px;} .lower_cmt li .wrap_btn_report {position:absolute; right:16px; top:16px;} .lower_cmt li .date {*vertical-align:middle;} /* 댓글 - 첨부파일 */ .cmt_box_thum {display:inline-block; position:relative; padding-left:95px; border:1px solid #d9d9d9; background-color:#fff;} .cmt_box_thum {*display:inline; *zoom:1;} .cmt_box_thum:after {content:''; display:block; clear:both; height:0; visibility:hidden;} .cmt_box_thum .image {float:left; margin-left:-95px; border-right:1px solid #d9d9d9;} .cmt_box_thum .image a, .cmt_box_thum .image span, .cmt_box_thum .image img {display:block;} .cmt_box_thum .image a, .cmt_box_thum .image span {position:relative;} .cmt_box_thum .image a .icon_cmt_mv, .cmt_box_thum .image span .icon_cmt_mv {display:block; position:absolute; left:50%; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_cmt_mv.png) no-repeat left top;} .cmt_box_thum .image a .icon_cmt_mv {*cursor:pointer;} /* ie7 */ .cmt_box_thum .image a .playtime {display:block; position:absolute; bottom:5px; right:5px; margin-left:24px; height:16px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat right 0;} .cmt_box_thum .image a .playtime {*cursor:pointer;} /* IE7 */ .cmt_box_thum .image a .playtime .time {display:block; position:relative; top:0; left:-24px; height:16px; margin-right:-19px; padding-left:23px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat 0 0; color:#fff; font-size:11px; line-height:16px; font-family:Arial, "Apple Gothic", sans-serif;} .cmt_box_thum .cntt {padding:0 40px 0 15px;} .cmt_box_thum .cntt .wrap_btn .btn_icon {*margin:0; *margin-left:4px;} .cmt_box_thum .title {display:block; font-weight:bold; font-size:12px; line-height:1.4em;} .cmt_box_thum dd {font-size:12px; line-height:1.2em;} .cmt_box_thum dd a, .cmt_box_thum dd span {vertical-align:middle;} .cmt_box_thum dd a {color:#666;} .cmt_box_thum .btn_close {position:absolute; right:0; top:0;} .cmt_box_thum .btn_close {*margin:0;} /* ie7 */ .cmt_box_thum .btn_close .odd_span {width:14px; height:14px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_close.png) no-repeat left top; overflow:hidden; text-indent:-9999px;} .cmt_box_thum.album .cntt {padding-top:8px;} .cmt_box_thum.album .cntt {*padding-top:7px;} /* ie7 */ .cmt_box_thum.album .cntt .wrap_btn {margin-top:5px;margin-bottom:5px;} .cmt_box_thum.album .cntt .wrap_btn {*margin-top:3px;} /* ie7 */ .cmt_box_thum.album .cntt dd {margin-top:2px;} .cmt_box_thum.album .cntt dd div.ellipsis {display:inline-block;*display:inline;width:580px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}/* 140410_수정 aty */ .cmt_box_thum.album .cntt dd .wrap_atist {display:inline-block; position:relative; vertical-align:middle;} .cmt_box_thum.album .cntt dd .wrap_atist {*display:inline; *zoom:1;} /* ie7 */ .cmt_box_thum.album .cntt dd .wrap_atist ul li {border-top:0 !important;} .cmt_box_thum.album .cntt dd div.ellipsis .none {text-indent:-9999px; *text-indent:0; font-size:11px; line-height:13px; *font-size:0px; *line-height:0; vertical-align:top;} .cmt_box_thum.song .cntt {padding-top:13px;}/* 140219_수정 kcu */ .cmt_box_thum.song .cntt {*padding-top:12px;} /* ie7 *//* 140219_수정 kcu */ .cmt_box_thum.song .cntt .wrap_btn {margin-top:6px;margin-bottom:5px;}/* 140219_수정 kcu */ .cmt_box_thum.song .cntt .wrap_btn {*margin-top:4px;} /* ie7 *//* 140219_수정 kcu */ .cmt_box_thum.song .cntt dd {margin-top:2px;}/* 140219_수정 kcu */ .cmt_box_thum.song .cntt dd div.ellipsis {display:inline-block;*display:inline;max-width:280px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden}/* 140410_수정 aty */ .cmt_box_thum.song .cntt dd .wrap_atist {display:inline-block; position:relative; vertical-align:middle;} .cmt_box_thum.song .cntt dd .wrap_atist {*display:inline; *zoom:1;} /* ie7 */ .cmt_box_thum.song .cntt dd .wrap_atist ul li {border-top:0 !important;} .cmt_box_thum.song .cntt dd .album_ellipsis {display:inline-block;max-width:280px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden} .cmt_box_thum.song .cntt dd div.ellipsis .none{text-indent:-9999px; *text-indent:0; font-size:11px; line-height:13px; *font-size:0px; *line-height:0; vertical-align:top;} .cmt_box_thum.atist .cntt {padding-top:15px;} .cmt_box_thum.atist .cntt .title {margin-bottom:15px;max-width:580px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden} .cmt_box_thum.atist.atist_type .cntt .title {max-width:336px;}/* 140528_수정 aty */ .cmt_box_thum.atist .cntt dd {margin-top:2px;} .cmt_box_thum.youtube {padding-left:167px;} .cmt_box_thum.youtube .image {margin-left:-167px;} .cmt_box_thum.youtube .cntt {position:relative; min-height:52px; padding:10px 40px 32px 15px;} .cmt_box_thum.youtube .cntt .title {line-height:1.5em;} .cmt_box_thum.youtube .cntt .wrap_bnt {position:absolute; left:15px; bottom:6px;} .cmt_box_thum.mv {padding-left:167px;} .cmt_box_thum.mv .image {margin-left:-167px;} .cmt_box_thum.mv .cntt {padding-top:10px;} .cmt_box_thum.mv .icon_agellevel {vertical-align:middle;} .cmt_box_thum.mv dd {margin-top:2px;} .cmt_box_thum.mv .cntt dd div.ellipsis {display:inline-block;*display:inline;width:500px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden}/* 140410_수정 aty */ .cmt_box_thum.mv .cntt dd .wrap_atist {display:inline-block; position:relative; vertical-align:middle;} .cmt_box_thum.mv .cntt dd .wrap_atist {*display:inline; *zoom:1;} /* ie7 */ .cmt_box_thum.mv .cntt dd .wrap_atist ul li {border-top:0 !important;} .cmt_box_thum.mv .cntt dd div.ellipsis .none {text-indent:-9999px; *text-indent:0; font-size:11px; line-height:13px; *font-size:0px; *line-height:0; vertical-align:top;} .cmt_box_image {position:relative;} .cmt_box_image .thumb {display:inline-block; position:relative; max-width:192px;} .cmt_box_image .thumb {*display:inline; *zoom:1;} /* ie7 */ .cmt_box_image a.thumb .thumb_frame {*cursor:pointer} /* ie7 */ .cmt_box_image .thumb_frame {position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #000; opacity:0.2;} .cmt_box_image img {display:block; max-width:192px;} @media \0screen {.cmt_box_image .thumb_frame {border:1px solid #d9d9d9;}} /* ie8 */ .cmt_box_image .thumb_frame {*border:1px solid #d9d9d9;} /* ie7 */ .cmt_box_image .btn_close {position:absolute; right:0; top:0;} .cmt_box_image .btn_close .odd_span {width:14px; height:14px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_btn_close.png) no-repeat left top; overflow:hidden; text-indent:-9999px;} .cmt_box_link {padding:14px 0;} .cmt_box_link a {text-decoration:underline;} .cmt_box_link .thumb {vertical-align:middle;} .cmt_box_link .btn_close {height:7px; margin-left:4px; vertical-align:middle;} .cmt_box_link .btn_close {*margin-left:8px; *vertical-align:3px;} /* ie7 */ .cmt_box_link .btn_close .odd_span {width:7px; height:7px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_gray.png) no-repeat -1338px top; overflow:hidden; line-height:0; text-indent:-9999px;} /* 댓글 - 첨부파일 레이어 */ .l_popup_cmt {position:absolute; left:0; top:0; color:#666; font-size:12px; line-height:18px;} .l_popup_cmt h1 {margin-bottom:10px; font-family:"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; color:#1a1a1a; font-weight:bold; font-size:14px; line-height:1.4em;} .l_popup_cmt .cntt {background-color:#fff; padding:15px; border:1px solid #6d6d6d;} .l_popup_cmt .btn_close {position:absolute; right:15px; top:15px;} .l_popup_cmt .btn_close .odd_span {width:15px; height:15px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_gray.png) no-repeat -1155px top; overflow:hidden; text-indent:-9999px;} .l_popup_cmt .shadow {display:block; position:absolute; left:2px; right:0; top:2px; bottom:0; z-index:-100; width:100%; height:100%; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_shadow.png) repeat left top;} .l_popup_cmt .bullet {display:block; position:absolute; left:0; top:-9px; width:14px; height:10px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_sprite_gray.png) no-repeat -1314px top;} .l_popup_cmt .wrap_search {position:relative; margin:0; margin-bottom:13px; text-align:left;} .l_popup_cmt .wrap_search.type02 {margin-bottom:0;} .l_popup_cmt .wrap_search.type02 {*margin-bottom:8px;} /* ie7 */ .l_popup_cmt .wrap_search .btn_b31 {margin:0;} .l_popup_cmt .wrap_search .btn_b31 {*margin-left:4px;} /* ie7 */ .l_popup_cmt .wrap_search.on .btn_b31 {*margin-left:0;} .l_popup_cmt .paginate {margin-top:20px; margin-bottom:14px;} .l_popup_cmt .search_wrong {padding:127px 0 153px; color:#1a1a1a; font-size:14px; line-height:1.4em; font-family:"맑은 고딕","Malgun Gothic",arial,"돋움","dotum",sans-serif, "Apple Gothic", sans-serif; letter-spacing:-1px; text-align:center;} .l_popup_cmt .search_loading {padding:120px 0 132px; text-align:center;} .l_popup_cmt .search_loading p {color:#1a1a1a;} .l_popup_cmt .search_loading p {*margin-top:5px;} /* ie7 */ .l_popup_cmt .wrap_search.on {*z-index:5;} .l_popup_cmt .wrap_search .wrap_auto_search {position:absolute; left:0; top:31px; z-index:5; width:362px; max-height:215px; padding:3px 0; border-right:1px solid #ccc; border-bottom:2px solid #ccc; border-left:1px solid #b1b1b1; background-color:#fff; box-shadow:1px 1px 0 0 rgba(0,0,0,0.05) inset; overflow-x:hidden; overflow-y:auto;} .l_popup_cmt .wrap_search .wrap_auto_search {*top:34px;} /* ie7 */ /* 140410_수정 aty */ .l_popup_cmt .wrap_search .wrap_auto_search .btn_b31 {*margin-left:0;} /* ie7 */ .l_popup_cmt .wrap_search .wrap_auto_search li {padding:0 7px;} .l_popup_cmt .wrap_search .wrap_auto_search li.mhover {background-color:#f5f5f5;} .l_popup_cmt .wrap_search .wrap_auto_search li a {display:block; height:24px; color:#666; line-height:24px; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .l_popup_cmt .wrap_search .wrap_auto_search li .text_search {color:#739900; font-weight:bold; text-decoration:underline;} .l_popup_cmt .wrap_btn_c {margin:16px 0;} .l_popup.album_prev {} .l_popup.album_prev .cntt {padding:46px 16px 15px; background-color:#fff; border:1px solid #666;} .l_popup.album_prev .wrap_prev {display:block; position:relative; width:496px; height:496px;} .l_popup.album_prev .wrap_prev img {display:block;} .l_popup.album_prev .wrap_prev .prev_frame {display:block; position:absolute; left:0; top:0; width:496px; height:496px; background:url(http://image.melon.co.kr/resource/image/web/album/bg_frame_prev.png) no-repeat left top;} .l_popup.album_prev a.wrap_prev .prev_frame {*cursor:pointer;} /* ie7 */ .l_popup.album_prev .wrap_prev .icon_viewlk_image {display:none;} .l_popup.album_prev a.wrap_prev .icon_viewlk_image {*cursor:pointer;} /* ie7 */ .l_popup.album_prev a.wrap_prev:hover .icon_viewlk_image {display:block;} /* 첨부팝업 내 검색결과 sorting */ .wrap_sort_cmt {margin-bottom:7px;} .wrap_sort_cmt {*zoom:1;} /* ie7 */ .wrap_sort_cmt:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .wrap_sort_cmt .line01 {position:relative; top:4px;} .wrap_sort_cmt .btn_base02 {height:26px;} /* 댓글 - 검색 리스트 */ .tb_list_search {border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .tb_list_search th, .tb_list_search td {line-height:1.2em; text-align:center; vertical-align:middle;} .tb_list_search th.t_left, .tb_list_search td.t_left {text-align:left;} .tb_list_search th.t_right, .tb_list_search td.t_right {text-align:right;} .tb_list_search th {height:27px; border-bottom:1px solid #a6a6a6; color:#1a1a1a; font-size:12px; line-height:1.2em; font-family:"맑은 고딕","Malgun Gothic", "돋움", "Dotum", "Apple Gothic", sans-serif;} .tb_list_search td {height:40px; border-top:1px solid #e6e6e6; font-size:12px; line-height:1.2em;} .tb_list_search tbody tr.first_child td {border-top:0;} .tb_list_search tr.on td {background-color:#fafafa;} .tb_list_search th .wrap, .tb_list_search td .wrap {padding:0 8px;} .tb_list_search th .wrap, .tb_list_search td .wrap {*zoom:1;} /* ie7 */ .tb_list_search th .wrap.pd_none, .tb_list_search td .wrap.pd_none {padding:0;} .tb_list_search th .wrap.left_none, .tb_list_search td .wrap.left_none {padding-left:0;} .tb_list_search th .wrap.right_none, .tb_list_search td .wrap.right_none {padding-right:0;} .tb_list_search th .wrap.left, .tb_list_search td .wrap.left {padding-left:16px;} .tb_list_search td .wrap.left .icon_agellevel {font-size:12px;*text-indent:0;vertical-align:middle;}/* 140410_aty 수정 */ .tb_list_search th .wrap.right, .tb_list_search td .wrap.right {padding-right:16px;} .tb_list_search td .wrap {color:#1a1a1a;} /* 140122_miok */ .tb_list_search td .wrap .thumb_frame02 {position:absolute;top:0;left:0;width:56px;height:32px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_frame_48_48.png) no-repeat 0 -48px}/* 140122_miok */ .tb_list_search .ellipsis {display:inline-block; overflow:hidden; vertical-align:middle; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;} .tb_list_search .ellipsis {*position:relative; *display:inline;} .tb_list_search .ellipsis span {vertical-align:middle;}/* 140410_aty 수정 */ .tb_list_search .wrap_atist {display:inline-block; position:relative; vertical-align:middle; z-index:1;}/*140502 수정 lyr*/ .tb_list_search .wrap_atist {*display:inline; *zoom:1;} /* ie7 */ .tb_list_search .thumb {display:inline-block; position:relative; margin-right:12px; vertical-align:middle;} .tb_list_search .thumb img {display:block;} .tb_list_search .thumb .thumb_frame {display:block; position:absolute; left:0; top:0; width:32px; height:32px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_atach_frame.png) no-repeat left top;} .tb_list_search a.thumb .thumb_frame {*cursor:pointer;} /* ie7 */ .tb_list_search .text_search {color:#7CB710; font-weight:bold; text-decoration:underline;}/* 140410_aty 수정 */ .tb_list_search .text_search .text_search {display:inline;} .tb_list_search .no_result .ellipsis, .tb_list_search .no_result .ellipsis .text_search {color:#c0c0c0; } /* 댓글 - 기타 */ .text_reprt {margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #e5e5e5;} /* 이미지 크게 보기 내 댓글 */ .wrap_viewlk_image_cmt {width:429px; border-left:1px solid #d9d9d9; }/*140526 수정 lyr*/ .wrap_viewlk_image_cmt .viewlk_image_cmt {height:582px; padding:1px 16px 15px;overflow-y:scroll;}/*140526 수정 lyr*/ .wrap_viewlk_image_cmt .viewlk_image_cmt {*position:relative;} .wrap_viewlk_image_cmt .re_title {margin:0; margin-bottom:11px; font-size:14px; line-height:1.2em; font-family:"돋움","dotum",sans-serif, "Apple Gothic", sans-serif;}/*140526 수정 lyr*/ .wrap_viewlk_image_cmt .textarea .ancm {padding:8px; padding-bottom:4px;} .wrap_viewlk_image_cmt .re_notice {margin-bottom:10px; padding:0; padding-bottom:4px; border:0; border-bottom:1px solid #e5e5e5;background-color:#fff;}/*140526 수정 lyr*/ .wrap_viewlk_image_cmt .re_notice .wrap_btn {margin-top:4px; /*padding:0 5px;*/}/*140526 수정 lyr*/ .wrap_viewlk_image_cmt .re_notice .wrap_btn .wrap_btn_atach {margin-right:4px;} .wrap_viewlk_image_cmt .re_notice .wrap_btn .wrap_btn_sns {float:left;} .wrap_viewlk_image_cmt .re_notice .wrap_btn .wrap_btn {float:right; margin-top:1px; padding:0;} .wrap_viewlk_image_cmt .re_notice .wrap_btn .wrap_btn {*margin-top:-1px;} /* ie7 */ .wrap_viewlk_image_cmt .re_notice .wrap_btn .btn_base .even_span {min-width:48px; font-size:12px; letter-spacing:0;} .wrap_viewlk_image_cmt .wrap_cmt_cntt {padding:14px 8px;} .wrap_viewlk_image_cmt .wrap_cmt_cntt .wrap_nicnmname {float:none; width:auto; margin:0; margin-bottom:10px; padding:0;} .wrap_viewlk_image_cmt .wrap_cmt_cntt .wrap_cntt {padding:0;} .wrap_viewlk_image_cmt .wrap_cmt_cntt .wrap_re_notice {margin:0 -24px 0 -8px;} .wrap_viewlk_image_cmt .wrap_cmt_cntt .wrap_re_notice {*zoom:1;} /* ie7 */ .wrap_viewlk_image_cmt .list_cmt {border-color:#e6e6e6;} .wrap_viewlk_image_cmt .list_cmt .date {margin-left:4px;color:#999;} .wrap_viewlk_image_cmt .list_cmt .wrap_insert_cmt .wrap_bg_insert {padding:11px 8px 11px 24px; background-position:9px 11px;} .wrap_viewlk_image_cmt .list_cmt .wrap_insert_cmt .wrap_bg_insert .wrap_btn_r {margin-top:4px;} .wrap_viewlk_image_cmt .list_cmt .wrap_insert_cmt .btn_base02 .even_span {min-width:48px;} .wrap_viewlk_image_cmt .lower_cmt li {padding:14px 8px 14px 24px;} .wrap_viewlk_image_cmt .lower_cmt .wrap_nicnmname {float:none; width:auto; margin:0 0 8px -17px; padding:0; padding-left:17px; } .wrap_viewlk_image_cmt .lower_cmt .wrap_nicnmname .date {margin-left:8px;} .wrap_viewlk_image_cmt .lower_cmt .wrap_cntt {padding-right:0;} .wrap_viewlk_image_cmt .lower_cmt .wrap_cntt .cntt {margin-bottom:4px;} .wrap_viewlk_image_cmt .cmt_box_thum .cntt {padding-right:30px;} .wrap_viewlk_image_cmt .view_more {border:1px solid #d9d9d9; width:411px; height:30px; display:inline-block; margin-left:16px;vertical-align:top;}/*140526 수정 lyr*/ .wrap_viewlk_image_cmt .view_more button {text-align:center; font-size:11px; font-family:"dotum","돋움", "Apple Gothic", sans-serif; color:#666;} .wrap_viewlk_image_cmt .view_more .more {float:left; width:411px; /*border-right:1px solid #d9d9d9;*/ background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bg_arrow_btm.png) no-repeat 225px 13px; padding:2px 0 0; line-height:1.1em; height:30px;}/*140526 수정 lyr*/ .wrap_viewlk_image_cmt .view_more .top {float:right; text-align:left; width:78px; *width:71px; background:url(http://image.melon.co.kr/resource/image/cmt/web/common/bul_arrow_up2.png) no-repeat 53px 13px; padding:2px 0 0 19px; *padding:6px 0 4px 17px; line-height:1.1em; height:30px;} /* 미디어 쿼리 - CSS 문서 맨 하단 위치(하위 소스 위치도 변경 하지 말것) 1280 미만일때 */ .narrow-screen #util_menu .top_right {right:0;} .narrow-screen #util_menu .top_right.my_fold {right:0;} .narrow-screen #header_wrap {padding:0 20px;} .narrow-screen #header_wrap.my_fold {padding:0 20px;} .narrow-screen #conts_section {padding:0 20px;} .narrow-screen #conts_section.my_fold {padding:0 20px;} .narrow-screen #footer {padding:0 20px;} .narrow-screen #footer.my_fold {padding:0 20px;} .narrow-screen .cmn_banner {display:none !important;} /* 140331_수정 event gnb 관련 수정// */ /*.event_gnb #id_box { display:none;}*/ .narrow-screen .event_gnb #id_box .logout button.my_expn { display:none;} .event_gnb .cmn_banner {display:none !important;} /* //140331_수정 event gnb 관련 수정 */ .narrow-screen #gnb_menu .size_wrap .right {display:none;} .narrow-screen #id_box .expn {display:none !important;} .narrow-screen #id_box .fold {display:block !important;} .narrow-screen #id_box.logoff .login .inbox {display:block;} .narrow-screen #id_box.logoff .login .expn {display:none;} .narrow-screen #id_box .login .inbox {display:block !important;} .narrow-screen #id_box .logout .fold .inbox {display:block !important;} .narrow-screen #id_box .logout .fold .outbox {display:none !important;} .narrow-screen #id_box{display:block;position:relative;float:right;z-index:15; width:290px;}/* 140603_수정 */ /* GNB 로그인 후 마이영역(1024 이하일때) - 펼쳤을때 */ .narrow-screen #id_box .expn {position:absolute; top:10px;right:-17px;width:217px;height:650px; padding:0 4px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_id_inbox_expn.png) no-repeat 0 0;}/* 140603_수정 */ .narrow-screen #id_box .expn .line_bottom {position:absolute;bottom:-7px;left:0;width:217px;height:7px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_id_inbox_expn.png) no-repeat 0 100%;} .narrow-screen #id_box .bottom {width:208px;height:7px;position:absolute;left:0;bottom:0; background:url(http://image.melon.co.kr/resource/image/web/common/bg_id_inbox_expn.png) no-repeat 0 100%; z-index:15;} .narrow-screen #id_box .expn .id_logout {overflow:hidden; width:208px; height:100%; padding:0;} .narrow-screen #id_box .expn .id_logout .top_area {width:208px;height:28px;background:none;} .narrow-screen #id_box .expn .id_logout strong.member_name {display:inline-block;width:160px;padding:8px 0 3px 11px;*padding:6px 0 3px 11px;font-size:12px;line-height:14px;color:#1a1a1a;} .narrow-screen #id_box .expn a {font-size:11px; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif;color:#666;line-height:11px;} .narrow-screen #id_box .expn .id_logout .btn_icon.my_simple {position:absolute;top:6px;right:17px;} .narrow-screen #id_box .expn .id_logout .btn_icon.my_simple span {width:21px;height:20px; font-size:0; line-height:0; background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1315px -30px;} .narrow-screen #id_box .expn .id_logout .btn_icon.my_simple.mhover span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1337px -30px;} .narrow-screen #id_box .expn .id_logout .btn_icon.my_simple.mactive span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1359px -30px;} .narrow-screen #id_box .expn .id_logout .btn_icon.my_simple.on span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1315px -33px;} .narrow-screen #id_box .expn .my_menu_info {background:#f0f0f0; width:195px; height:16px; margin-left:1px; padding:14px 0 12px 12px;}/* 140603_수정 */ .narrow-screen #id_box .expn .my_menu_info .sns_facebook {margin-left:8px;*margin-top:2px;font-size:0;line-height:0;} .narrow-screen #id_box .expn .my_menu_info dl {float:left;margin-top:4px;*margin-top:3px;font-size:11px; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif;color:#666;vertical-align:top;line-height:11px;} .narrow-screen #id_box .expn .my_menu_info dl.prd {width:100%;margin-bottom:6px;*margin-bottom:7px;} .narrow-screen #id_box .expn .my_menu_info dt {float:left;color:#1a1a1a;} .narrow-screen #id_box .expn .my_menu_info .prd dt, .narrow-screen #id_box .expn .my_menu_info .prd dd a {color:#666;} .narrow-screen #id_box .expn .my_menu_info dd {float:left;padding-left:3px;} .narrow-screen #id_box .expn .my_menu_info dd a {background:none !important;margin-top:0;padding-right:14px !important;color:#1a1a1a;} .narrow-screen #id_box .expn .ban {padding-left:4px;} .narrow-screen #id_box .expn .ban a {padding:0;} /* GNB 로그인 후 마이영역(1024 이하일때) - 접혔을때 */ .narrow-screen #id_box .logout .fold .inbox .id_logout {width:290px;padding:44px 0 0 0;text-align:right;}/* 140603_수정 */ .narrow-screen #id_box .logout .fold .inbox .id_logout a.ellipsis {overflow:hidden; display:inline-block; width:auto; max-width:80px;font-size:12px;line-height:15px;color:#1a1a1a;vertical-align:top;margin-top:2px;padding-right:8px;letter-spacing: -1px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_gray_line.png) no-repeat right 3px;font-weight: bold;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}/* 140609_수정 */ .narrow-screen #id_box .logout .fold .inbox .id_logout a.ellipsis:hover {text-decoration:underline;} .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon span {vertical-align:top;} .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.my_expn span {width:21px;height:20px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1315px -50px;}/* 140603_수정 */ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.my_expn.mhover span, .btn_icon.my_expn:focus span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1337px -50px;} .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.my_expn.mactive span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1359px -50px;} .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.my_expn.on span {background:url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_gray.png) no-repeat -1315px -50px;} .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook span {display:inline-block; overflow:hidden; width:41px;height:18px;background:url(http://image.melon.co.kr/resource/image/web/common/btn_set_my_sns.png) no-repeat right top; font-size:0; line-height:0;}/* 140603_수정 */ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook.mhover span, .btn_icon.sns_facebook:focus span {background:url(http://image.melon.co.kr/resource/image/web/common/btn_set_my_sns.png) no-repeat right -25px;}/* 140603_수정 */ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook.mactive span {background:url(http://image.melon.co.kr/resource/image/web/common/btn_set_my_sns.png) no-repeat right -49px;}/* 140603_수정 */ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook.on span {background:url(http://image.melon.co.kr/resource/image/web/common/btn_set_my_sns.png) no-repeat 0 top;}/*140430 수정 lyr*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook.on span.cancel {width:50px; background-position: 0 0;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook:focus span.cancel {background-position: 0 -25px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook.mhover span.cancel {background-position: 0 -25px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .btn_icon.sns_facebook.mactive span.cancel {background-position: 0 -49px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .info_area {display:inline-block; *display:inline; margin:1px 11px 0 7px; vertical-align:top; *vertical-align:middle;}/* 140609_수정 */ .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info {display:inline-block; *display:inline;} .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info a {display:inline-block; padding:0 7px 0 !important; vertical-align:top; margin-top:4px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gray_line.png) no-repeat right 1px !important;font-size:11px;line-height:11px; color:#5f6066;} /*.narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info a.first_child {padding-left:0 !important;}*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info button {display:inline-block;*display:inline;vertical-align:top;margin-left:7px;} .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook span {display:inline-block; overflow:hidden; width:41px;height:18px;background:url(http://image.melon.co.kr/resource/image/web/common/btn_set_my_sns.png) no-repeat right top; font-size:0; line-height:0;} .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook:focus span {background-position: right -25px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook.mhover span {background-position: right -25px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook.mactive span {background-position: right -49px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook span.cancel {width:50px;background-position: 0 0;} .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook:focus span.cancel {background-position: 0 -25px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook.mhover span.cancel {background-position: 0 -25px;}/*140603_수정*/ .narrow-screen #id_box .logout .fold .inbox .id_logout .my_menu_info .btn_icon.sns_facebook.mactive span.cancel {background-position: 0 -49px;}/*140603_수정*/ .narrow-screen #id_box .expn .ctrl_bar {margin-left:1px;} /* GNB 로그인 전 마이영역(1024 이하일때)(140205수정) */ .narrow-screen #id_box.logoff {width:276px !important;}/* 140603_수정 */ .narrow-screen #id_box .login .inbox fieldset {width:100% !important; background:none !important; margin:0 !important; height:auto !important;} .narrow-screen #id_box .login .inbox fieldset .wrap_mem {overflow:hidden; zoom:1; padding-top:7px !important;} /* 140603_수정 */ .narrow-screen #id_box .login .inbox a {float:left; padding: 0 0 0 15px; font-size:11px; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif;color:#999; background:url(http://image.melon.co.kr/resource/image/web/common/bg_gray_line.png) no-repeat left 2px; line-height:13px;letter-spacing:-1px;}/* 140603_수정 */ .narrow-screen #id_box .login .inbox a.first_child {margin-left:84px; *margin-left:82px; padding-right:15px; letter-spacing:0;} .narrow-screen #id_box .login .inbox input[type=checkbox] {width:11px !important;height:11px !important;*margin-right:3px !important;vertical-align:middle !important;} .narrow-screen #id_box .login .inbox input[type=text] {height:28px !important;line-height:13px; line-height:28px\9;margin-left:0 !important;padding-top:0 !important;padding-left:7px !important;border-top:1px solid #B6B6B6 !important;border-left:1px solid #B6B6B6 !important;border-right:1px solid #ccc !important;border-bottom:1px solid #ccc !important;font-size:11px !important;font-weight:normal;}/*140603_수정*/ .narrow-screen #id_box .login .inbox label {font-size:11px; font-family:"돋움", "Dotum", "Apple Gothic", sans-serif;color:#999;vertical-align:top;letter-spacing:-1px;}/* 140603_수정 */ .narrow-screen #id_box .login .inbox .input_area {position:relative; zoom:1; height:28px; padding-top:15px;} /*140603_수정*/ .narrow-screen #id_box .login .inbox .input_area:after {display:block; clear:both; content:'';} .narrow-screen #id_box .login .inbox .input_area input {float:left; display:inline;height:26px !important; margin:0 5px 0 0 !important; vertical-align:top;}/*140603_수정*/ .narrow-screen #id_box .login .inbox .input_area input.text_password_main01.placeholder {background:#fff url(http://image.melon.co.kr/resource/image/web/common/txt_password_main01.png) no-repeat 8px 7px !important;} /* ie7 */ .narrow-screen #id_box .login .inbox .input_area input.placeholder {background:#fff url(http://image.melon.co.kr/resource/image/web/common/txt_password_main01.png) no-repeat 8px 7px;} .narrow-screen #id_box .login .inbox .input_area button {float:left;margin:0px !important;font-size:0; line-height:0;}/*140603_수정*/ /*140428 추가 lyr*/ .narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small span.odd_span {width:66px;height:28px; padding:0;overflow:hidden;background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_login02.png) no-repeat left top; font-size:0; line-height:0; vertical-align:top;}/* 140603_수정 */ /*.narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small span.even_span {min-width:39px; height:28px; padding-right:7px; background:url(http://image.melon.co.kr/resource/image/web/common/bg_btn_emphs04_small.png) no-repeat right top; font-family:"Dotum", "돋음", "Apple Gothic", sans-serif; color:#fff; font-size:12px; line-height:30px; letter-spacing:-1px;font-weight:bold;}140603_삭제*/ .narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small.mhover span.odd_span, .narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small:focus span.odd_span {background-position:left -28px;} .narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small.mhover span.even_span, .narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small:focus span.even_span {background-position:right -28px;} .narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small.mactive span.odd_span {background-position:left -56px;} .narrow-screen #id_box .login .inbox .input_area .btn_emphs03_small.mactive span.even_span {background-position:right -56px;} .narrow-screen #id_box .login .inbox .input_area .save_id {position:absolute; left:0; top:49px; font-size:11px; line-height:16px;} /* 140603_수정 */ .narrow-screen #id_box .login .inbox .input_area .save_id input {margin:2px 3px 0 0 !important; padding:0; height:12px !important; vertical-align:top;} /* 140603_수정 */ /*@media screen and (-webkit-min-device-pixel-ratio:0){.narrow-screen #id_box .login .inbox label {vertical-align:middle;}}*/ /* 140312_add kcu */ .tb_list .no_result .no, .no_result .ellipsis span{color:#c0c0c0;} .tb_list.type02 .ellipsis.rank02 {color:#81a376 !important;} .tb_list.type02 .ellipsis.rank02 a{color:#81a376 !important;} /* 140320_add */ .d_layer_rel {position: relative;} .d_layer_rel.on {z-index: 3;} /*140429 lyr test*/ .photo_list .hlong .wrap_photo02 .thumb_wrap { position: relative; width: 154px; height: 154px; overflow: hidden; } .photo_list .hlong .wrap_photo02 .thumb_wrap .thumb { overflow: hidden; position: absolute; display: inline-block; width: 1000px; height: 1000px; font-size: 0; line-height: 0; text-align: center; left: -424px; top: -424px; vertical-align: middle; } .photo_list .hlong .wrap_photo02 .thumb_wrap a.thumb .thumb_frame {left:424px;top:424px;} .photo_list .hlong .wrap_photo02 .thumb_wrap .thumb img { display: inline-block; max-width: 154px; vertical-align: middle; } .photo_list .hlong .wrap_photo02 .thumb_wrap .thumb .wrap_vertical { display: inline-block; /* width: 0px; */ height: 1000px; vertical-align: middle; /* visibility: hidden; */ } .photo_list .wlong .wrap_photo02 .thumb_wrap { position: relative; width: 154px; height: 154px; overflow: hidden; } .photo_list .wlong .wrap_photo02 .thumb_wrap .thumb { overflow: hidden; position: absolute; display: inline-block; width: 1000px; height: 1000px; font-size: 0; line-height: 0; text-align: center; left: -424px; top: -424px; vertical-align: middle; } .photo_list .wlong .wrap_photo02 .thumb_wrap .thumb img { display: inline-block; max-width:none; max-height: 154px; vertical-align: middle; } .photo_list .wlong .wrap_photo02 .thumb_wrap a.thumb .thumb_frame {left:424px;top:424px;} .photo_list .wlong .wrap_photo02 .thumb_wrap .thumb .wrap_vertical { display: inline-block; /* width: 0px; */ height: 1000px; vertical-align: middle; /* visibility: hidden; */ } /* 140502_추가 aty * / /* 개인정보 제3자 제공 동의 140220_miok 뮤직스토리 .layer_popup .wrap_agrmt .ico_cau {background-position:0 3px; line-height:18px;} .layer_popup .wrap_agrmt .agrmt_info {margin-top:20px; padding:20px 23px; border:1px solid #d9d9d9;} .layer_popup .wrap_agrmt .agrmt_info li {color:#666;} .layer_popup .wrap_agrmt .tb_agrmt {border-top:2px solid #808080; border-bottom:1px solid #808080;} .layer_popup .wrap_agrmt .tb_agrmt table {} .layer_popup .wrap_agrmt .tb_agrmt th {padding:11px 10px 10px 24px; background-color:#f7f7f7; border-bottom:1px solid #e6e6e6; color:#1a1a1a;} .layer_popup .wrap_agrmt .tb_agrmt td {padding:11px 10px 10px 16px; border-bottom:1px solid #e6e6e6;}*/ /* 개인정보 제3자 제공 동의 */ .layer_popup .wrap_agrmt {} .layer_popup .wrap_agrmt .ico_cau {background-position:0 3px; line-height:18px;} .layer_popup .wrap_agrmt .agrmt_info {margin-top:12px; padding-top:15px; border-top:1px solid #ebebeb;}/*140430 수정 lyr*/ .layer_popup .wrap_agrmt .agrmt_info li {color:#666;} .layer_popup .wrap_agrmt .agrmt_info p {padding:3px 0 0 10px;} .layer_popup .wrap_agrmt .agrmt_info p .btn_text .text {font-size:12px;color:#1a1a1a;} .layer_popup .wrap_agrmt .tb_agrmt {margin-top:8px;border-top:2px solid #b8b8b8; border-bottom:1px solid #b8b8b8;}/*140430 수정 lyr*/ .layer_popup .wrap_agrmt .tb_agrmt table {} .layer_popup .wrap_agrmt .tb_agrmt th {padding:11px 10px 10px 24px; background-color:#f7f7f7; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#1a1a1a;}/*140430 수정 lyr*/ .layer_popup .wrap_agrmt .tb_agrmt td {padding:11px 10px 10px 16px; border-bottom:1px solid #e6e6e6;} .layer_popup .wrap_agrmt .tb_agrmt tr.last th, .layer_popup .wrap_agrmt .tb_agrmt tr.last td {border-bottom:none;} .layer_popup .wrap_agrmt .agrmt_text {font-size:11px;color:#999999;letter-spacing:-1px;line-height: 16px;}/*140430 추가 lyr*/ /*wsg 크롭 css*/ .temp_thum {} .temp_thum ul {overflow:hidden;} .temp_thum li {float: left;width: 184px;margin-right: 22px;padding-top: 20px;text-align: left;z-index: 1;} .temp_thum li .thumb_wrap {position: relative;width: 154px;height: 154px;overflow: hidden;} .temp_thum li .thumb_wrap .thumb {overflow: hidden;position: absolute;display: inline-block;width: 1000px;height: 1000px;font-size: 0;line-height: 0;text-align: center;left: -424px;top: -424px;vertical-align: middle;} .temp_thum li .thumb .thumb_frame {position: absolute;left:424px;top:424px;width: 154px;height: 154px; background: url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -829px -1017px;} .temp_thum li .thumb_wrap .thumb img {display: inline-block;max-width: none;max-height: 154px;vertical-align: middle;} .temp_thum li .thumb_wrap .thumb .wrap_vertical {display: inline-block;height: 1000px;vertical-align: middle;width: 0px;visibility: hidden; } .temp_thum .default .thumb_wrap .thumb img {max-width:none;max-height:none;min-width:154px;min-height:154px;} .temp_thum .ex_height .thumb_wrap {} .temp_thum .ex_height .thumb_wrap .thumb img {max-width:154px;max-height:none;} .temp_thum .ex_height .thumb_wrap .thumb .wrap_vertical {} /*crop 140512 추가 lyr*/ .crop_type {} .crop_type .ex_height {} .crop_type .thumb_wrap {overflow:hidden;position:relative;width:96px;height:96px;} .crop_type .thumb_wrap .thumb {overflow:hidden;position:absolute;display:inline-block;left:-202px;top:-202px;width:500px;height:500px;font-size:0;line-height:0;text-align:center;vertical-align:middle;cursor:pointer;} .crop_type .thumb_wrap .thumb img {display: inline-block;width:auto;height:auto;max-width: none;max-height: 96px;vertical-align: middle;}/*140516 수정 lyr*/ .crop_type .thumb_wrap .thumb .thumb_frame {position: absolute;top: 202px;left:202px;width: 96px;height: 96px;background:url(http://image.melon.co.kr/resource/image/web/common/bg_album_frame.png) no-repeat -683px 0;}/*140514 수정 lyr*/ .crop_type .thumb_wrap .thumb .thumb_frame.frame_partition {background: url(http://image.melon.co.kr/resource/image/web/main/bg_frame.png) no-repeat -503px 0;} .crop_type .thumb_wrap .thumb .wrap_vertical {display: inline-block;width: 0px;vertical-align: middle;visibility: hidden;height: 500px;} .crop_type .thumb_wrap .thumb .playtime {bottom: 205px;right: 208px;display: block;position: absolute;margin-left: 24px;height: 16px;background: url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat right 0;} .new_conts dd.thum .playtime {*cursor:pointer;} /* IE7 */ .crop_type .thumb_wrap .thumb .playtime .time {display: block;position: relative;top: 0;left: -24px; height: 16px;margin-right: -19px;padding-left: 23px;line-height: 16px;background: url(http://image.melon.co.kr/resource/image/web/common/bg_playtime.png) no-repeat 0 0;color: #fff;font-size: 11px;font-family: Arial, "Apple Gothic", sans-serif;} .crop_type .thumb_wrap .thumb .live {display: block;position: absolute;left: 0px;right: 0;top: 0;bottom: 0;} .crop_type .thumb_wrap .thumb .live .icon {display: block;position: absolute;top: 5px;left: 5px;width: 50px;height: 18px;background: url(http://image.melon.co.kr/resource/image/web/common/bg_sprite_vdo.png) no-repeat -51px 0;text-indent: -9999px;overflow: hidden;} :root .crop_type .thumb_wrap .thumb .live .prvw {padding: 4px 10px 8px\9;} .crop_type .thumb_wrap .thumb .live .prvw {display: block;position: absolute;bottom: 0;left: 0;right: 0;padding: 5px 10px 7px;border-top: 1px solid #f30103;background: url(http://image.melon.co.kr/resource/image/web/common/bg_thumb_mask.png) repeat 0 0;color: #fff;font-size: 12px;line-height: 15px;font-family: "맑은 고딕", "Malgun Gothic", "Apple Gothic", sans-serif;letter-spacing: -1px;text-align: center;} .crop_type .thumb_wrap .thumb.ex_height img {max-width: 96px;max-height: none;} .crop_type .partition {position:absolute;left:202px;top:202px;width:96px;} .crop_type .partition li {float:left;height:48px;} .crop_type .partition li .part_li {vertical-align:top;width:48px;height:48px;display:inline-block;} .crop_type .partition li .part_li img {max-width:48px;max-height:48px;} .crop_type .partition li .part_li .wrap_vertical {height:48px;} /* error page 140521_추가 */ .sys_error {padding-top:137px; background:url("http://image.melon.co.kr/resource/image/web/common/img_check_sys.png") no-repeat 50% 0; text-align: center;} .sys_error p {color:#666; font-size:12px; line-height:1.4em;} .sys_error p.txt_emphs {margin-bottom:14px; color:#1a1a1a; font-weight:bold; font-size:14px; line-height:1.6em;} .sys_error .date_check_sys {margin-top:18px;} .sys_error .date_check_sys dt, .date_check_sys dd {display:inline;} .sys_error .date_check_sys dd {font-weight:bold;} .sys_error .wrap_btn_c {margin-top: 20px;} #conts .sys_error {width:495px; margin: 80px auto 0;} #conts .sys_error_btn_hide {display: none;} /* 140609 스크롤일때 다중 아티스트레이어 위치 */ .d_scrolldiv .wrap_atist {position:static;}