/************************************************************************ * 파일명 : dosirak.css * 설명 : 공통css * 관리자 : dalrae@ktmusic.co.kr ************************************************************************/ @import "layout.css"; * {margin:0; padding:0;} html {height:100%; overflow-y:scroll;} *html {overflow:hidden;} body {width:100%; height:100%; color:#617979; font:normal 12px 굴림; line-height:18px;} textarea, input {color:#8e9f9c; font:normal 11px 돋움; line-height:15px; letter-spacing:-0.1em;} td {color:#617979; font:normal 12px 굴림; line-height:18px;} /* scroll html, body, div, textarea { scrollbar-face-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #D2DADA; scrollbar-darkshadow-color: #D2DADA; scrollbar-track-color: #F6F8F8; scrollbar-arrow-color: #AEBDBD; } */ a:link {text-decoration:none; color:#617979;} a:visited {text-decoration:none; color:#617979;} a:hover {text-decoration:none; color:#ed1c24;} a:active {text-decoration:none; color:#ed1c24;} img {border:0;} p {margin:0; padding:0} ul {list-style:none; margin:0; padding:0} ol, li {margin:0; padding:0} dl, dt, dd {margin:0; padding:0;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} /* form */ form {margin:0; padding:0;} input.old {height:14px; padding:4px 7px 0; background:#f8f8f8; border-top:1px solid #c3cece; border-left:1px solid #c3cece; border-right:1px solid #eaeeee; border-bottom:1px solid #eaeeee; color:#b3bfbd; vertical-align:middle; font:normal 11px 돋움;} :root input {height:15px;} /* input.chk {width:12px; height:12px; padding:0; margin:0px; border:0; background:transparent;} */ input {vertical-align:middle;} input.onClick {background:#FFFFFF; color:#839894;} textarea {padding:10px; border:1px solid #c3cece;} select {vertical-align:middle; color:#839894; font:normal 11px 돋움; line-height:15px; letter-spacing:-0.1em;} /* 플래쉬 외곽라인 */ object {outline:none;} /* rollover */ a.rollover img {display:inline;} a.rollover img.over {display:none;} a.rollover img.on {display:none;} a.rollover:hover {border:0; cursor:pointer} a.rollover:hover img {display:none;} a.rollover:hover img.over {display:inline;} a.rollover:hover img.on {display:none;} /* 말줄임 */ .txtOver {text-overflow:ellipsis; overflow:hidden;} /* 정렬 */ .fl_left {float:left;} .fl_right {float:right;} /*.fl_clear {clear:both; width:100%; overflow:auto; overflow:hidden; height:1px; font-size:0;}*/ .fl_clear {clear:both; width:100%; overflow:auto; overflow:hidden; height:20px; font-size:0;} .al_left {text-align:left} .al_center {text-align:center} .al_right {text-align:right} .al_top {vertical-align:top;} .al_middle {vertical-align:middle;} .hand {cursor:pointer} .overflow {overflow:auto; overflow:hidden} .none {position:absolute; left:-3000px; top:-3000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;} .clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;} .clfix {display: inline-block;} .clfix {display: block;} * html .clfix {height: 1%;} /* Hides from IE-mac */ .clfix {zoom:1;} /*for IE 5.5-7*/ /* font */ .t_point {color:#ed1c24} .t_blueGray {color:#8E9F9C} .t_gray {color:#b9c3c2;} .t_blueGray11 {color:#8E9F9C; font-size:11px; font-family:돋움; letter-spacing:-0.1em} .t_11 {font-size:11px; font-family:돋움; letter-spacing:-0.1em} .t_org11 {color:#ed1c24; font-size:11px; font-family:돋움; letter-spacing:-0.1em} .t_greenGray {color:#7a8d8d; font-size:11px; font-family:돋움; letter-spacing:-0.1em} .t_underline {text-decoration:underline;} /* margin * padding */ .mt1m {margin-top:-1px;} .mt0 {margin-top:0px;} .mt2 {margin-top:2px;} .mt3 {margin-top:3px} .mt5 {margin-top:5px;} .mt7 {margin-top:7px;} .mt8 {margin-top:8px;} .mt10 {margin-top:10px;} .mt12 {margin-top:12px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mtm13 {margin-top:-13px;} .mb2 {margin-bottom:2px;} .mb5 {margin-bottom:5px;} .mb7 {margin-bottom:7px;} .mb8 {margin-bottom:8px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .ml5 {margin-left:5px;} .ml8 {margin-left:8px;} .ml9 {margin-left:9px;} .ml15 {margin-left:15px;} .ml35 {margin-left:35px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .mr2 {margin-right:2px;} .mr3 {margin-right:3px;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mtb5 {margin:5px 0;} .mtb8 {margin:8px 0;} .mtb15 {margin:15px 0;} .mtb30 {margin:30px 0;} .mtb50 {margin:50px 0;} .p15 {padding:15px} .p20 {padding:20px} .pl3 {padding-left:3px;} .pl40 {padding-left:40px} .pt3 {padding-top:3px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt50 {padding-top:50px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb40 {padding-bottom:40px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pd10 {padding:10px} .pd15 {padding:15px} .ptb13 {padding:13px 0} .ptb20 {padding:20px 0} /* gnb */ .gnbTop {position:relative; width:960px; height:92px; font-size:0px; line-height:0px; z-index:200;} .gnbTop .gnb_banner {position:absolute; width:230px; height:75px; top:17px; left:5px; z-index:150;} .gnbTop .navi {position:absolute; top:0px; left:0px; z-index:100;} .gnbTop .event_title {position:absolute; top:14px; right:11px; color:#749fa5; font:bold 11px 돋움; z-index:110;} .gnbTop .event_title a:link {color:#749fa5;} .gnbTop .event_title a:visited {color:#749fa5;} .gnbTop .event_title a:hover {text-decoration:underline; color:#ed1c24;} .gnbTop .event_title a:active {text-decoration:underline; color:#ed1c24;} .gnbTop .event_title img {margin:-2px 0 0 3px; vertical-align:middle;} .gnbTop .topNavi {position:absolute; top:64px; right:4px; overflow:auto; overflow:hidden; z-index:110;} .gnbTop .topNavi li {float:left; padding:1px 8px 0 6px; background:url('http://image.dosirak.com/Images/Commons/line_ver_topNavi.gif') no-repeat right 2px;} .gnbTop .topNavi li.pro {padding-top:0;} .gnbTop .topNavi li.end {background:none;} .gnbMid {position:relative; width:960px; height:35px; z-index:100;} .gnbMid .genreMenu {position:absolute; top:0; left:0;} .gnbMid .gnbSearch {position:absolute; top:9px; left:216px; overflow:visible; z-index:100;} /*.gnbMid .gnbSearch .selA {position:relative; float:left; width:88px; height:14px; margin-top:4px; padding-right:2px; background:url('http://image.dosirak.com/Images/Commons/line_gnbSearchA.gif') no-repeat right 0; color:#758b8b; font:bold 12px 돋움; cursor:pointer; overflow:visible;}*/ .gnbMid .gnbSearch .selA {position:relative; float:left; width:88px; height:14px; margin-top:4px; padding-right:2px; color:#758b8b; font:bold 12px 돋움; cursor:pointer; overflow:visible;} .gnbMid .gnbSearch .selA p.st_txt {float:left; width:61px; padding-top:1px; letter-spacing:-0.1em} .gnbMid .gnbSearch .selA p.st_txt a:hover {text-decoration:none; color:#758b8b;} .gnbMid .gnbSearch .selA p.st_txt a:active {text-decoration:none; color:#758b8b;} .gnbMid .gnbSearch .selA span.btnDown {display:block; float:right; width:27px; height:14px; margin-top:-2px; background:url('http://image.dosirak.com/Images/Commons/btn_gnbSearchA_down.gif') no-repeat;} .gnbMid .gnbSearch .selA span.btnUp {display:block; float:right; width:27px; height:14px; background:url('http://image.dosirak.com/Images/Commons/btn_gnbSearchA_up.gif') no-repeat;} .gnbMid .gnbSearch .selA .selA_down {display:none; position:absolute; top:19px; left:-11px; width:90px; border:1px solid #a0b3b3; background:#FFFFFF; font-weight:normal; overflow:hidden;} .gnbMid .gnbSearch .selA .selA_down ul {width:90px; padding:4px 0; background:url('http://image.dosirak.com/Images/Commons/line_dot_bar_st.gif') no-repeat 0 top;} .gnbMid .gnbSearch .selA .selA_down li {width:90px; height:16px; color:#839894; font:normal 11px 돋움;} .gnbMid .gnbSearch .selA .selA_down li a:link {display:block; height:16px; _height:13px; padding:3px 0 0 12px; color:#839894;} .gnbMid .gnbSearch .selA .selA_down li a:visited {display:block; height:16px; _height:13px; padding:3px 0 0 12px; color:#839894;} /* 091105 BI 변경 관련 */ .gnbMid .gnbSearch .selA .selA_down li a:hover {display:block; height:16px; _height:13px; padding:3px 0 0 12px; background:#ed1c24; color:#FFFFFF;} /* 091105 BI 변경 관련 */ .gnbMid .gnbSearch .selA .selA_down li a:active {display:block; height:16px; _height:13px; padding:3px 0 0 12px; background:#ed1c24; color:#FFFFFF;} .gnbMid .gnbSearch .formA {position:relative; float:left; padding-left:65px; background:url('http://image.dosirak.com/Images/Commons/bul_search.gif') no-repeat 50px 3px; overflow:visible;} .gnbMid .gnbSearch .formA p {float:left;} .gnbMid .gnbSearch .formA span.btnDown {display:block; float:left; width:27px; height:14px; margin-top:3px; background:url('http://image.dosirak.com/Images/Commons/btn_gnbSearchA_down.gif') no-repeat;} .gnbMid .gnbSearch .formA span.btnUp {display:block; float:left; width:27px; height:14px; margin-top:3px; background:url('http://image.dosirak.com/Images/Commons/btn_gnbSearchA_up.gif') no-repeat;} .gnbMid .gnbSearch .formA p.inputA {margin-top:4px; _margin-top:2px;} *:first-child+html .gnbMid .gnbSearch .formA p.inputA {margin-top:0px;} .gnbMid .gnbSearch .formA p.inputA input {width:300px; margin-top:0;height:14px; padding:5px 0 0 0;_height:14px; _padding:1px 0 0 0;_margin-top:0; border:0px; background:#FFFFFF; color:#819894; font:bold 12px 굴림;} *+html body .gnbMid .gnbSearch .formA p.inputA input {height:14px; padding:4px 0 0 0;} .gnbMid .gnbSearch .formA p.bookSearch {margin-top:2px; padding-left:15px;} .gnbMid .gnbSearch .formA .downBox {display:none; position:absolute; top:23px; left:10px; width:378px; padding-top:8px; border:1px solid #a3b5b5; background:#FFFFFF; z-index:100;} .gnbMid .gnbSearch .formA .downBox li {height:18px; color:#839894; font:normal 11px 돋움; cursor:pointer} .gnbMid .gnbSearch .formA .downBox li a:link {display:block; height:18px; _height:15px; padding:3px 0 0 19px; color:#839894;} .gnbMid .gnbSearch .formA .downBox li a:visited {display:block; height:18px; _height:15px; padding:3px 0 0 19px; color:#839894;} /* 091105 BI 변경 관련 */ .gnbMid .gnbSearch .formA .downBox li a:hover {display:block; height:18px; _height:15px; padding:3px 0 0 19px; background:#e4eaea; color:#839894;} .gnbMid .gnbSearch .formA .downBox li a:active {display:block; height:18px; _height:15px; padding:3px 0 0 19px; background:#e4eaea; color:#839894;} /* 091105 BI 변경 관련 */ .gnbMid .gnbSearch .formA .downBox ul.line {margin-top:6px; padding-top:6px; background:url('http://image.dosirak.com/Images/Commons/line_dot_bar.gif') no-repeat 0 top;} .gnbMid .gnbSearch .formA .downBox .info_text {padding:15px 0 15px 18px; color:#839894; font:normal 11px 돋움;} .gnbMid .gnbSearch .formA .downBox .btmBox {position:relative; width:360px; height:15px; margin-top:6px; padding:5px 0 0 18px; background:url('http://image.dosirak.com/Images/Commons/bg_blueGray.gif') no-repeat; line-height:0px;} .gnbMid .gnbSearch .formA .downBox .btmBox .close {position:absolute; top:4px; right:10px;} .gnbMid .bestSearch {position:absolute; top:11px; right:0; width:177px; overflow:auto; overflow:hidden; letter-spacing:-0.1em} .gnbMid .bestSearch dt {float:left; width:60px; _width:70px; margin-top:3px; color:#758b8b; font:bold 11px 굴림;} *:first-child+html .gnbMid .bestSearch dt {width:70px;} .gnbMid .bestSearch dd {float:left; width:105px; color:#4f6161; font:normal 11px 돋움;} .gnbMid .bestSearch dd ul {width:105px; height:15px; overflow:hidden;} .gnbMid .bestSearch dd li {width:105px; height:15px;} .gnbMid .bestSearch dd li a:link {color:#4f6161;} .gnbMid .bestSearch dd li a:visited {color:#4f6161;} .gnbMid .bestSearch dd li a:hover {color:#ed1c24;} .gnbMid .bestSearch dd li a:active {color:#ed1c24;} .gnbMid .bestSearch dd li p {float:left;} .gnbMid .bestSearch dd li p.txt {width:84px; margin-top:3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .gnbMid .bestSearch dd li img {margin:1px 5px 0 0;} .gnbMid .iPhoneGnbBanner {position:absolute; top:0; right:0;z-index:9999;} .gnbCart {position:relative; width:100%; height:40px; z-index:80;} .gnbCart .flash_cart {width:100%; height:40px; overflow:hidden;} .gnbCart .loginArea {position:absolute; top:10px; right:19px; overflow:auto; overflow:hidden; z-index:0;} /* 091021 수정 */ .gnbCart .loginArea .chk_area {float:left; overflow:hidden;} .gnbCart .loginArea .chk_area p {float:left; _margin-top:2px; padding-right:10px;} .gnbCart .loginArea .chk_area p.save {float:left; padding:0 0 0 8px;} .gnbCart .loginArea .chk_area p.search {float:left; padding:0 0 0 8px;} /* 091021 수정 */ .gnbCart .loginArea .formID {float:left; width:89px; height:17px;padding-top:1px; padding-left:8px; background:url('http://image.dosirak.com/Images/Commons/bg_id.gif') no-repeat;} .gnbCart .loginArea .formID input {width:79px; height:11px; margin-top:2px; _margin-top:0px; padding:2px 0 0 0; border:0px; background:#FFFFFF url('http://image.dosirak.com/Images/Commons/txt_ID.gif') no-repeat left 4px;; color:#819894;} *:first-child+html .gnbCart .loginArea .formID input {margin-top:0px;} .gnbCart .loginArea .formID input.click {background:none;} .gnbCart .loginArea .formPW {float:left; width:90px; height:17px;padding-top:1px; margin-left:4px; padding-left:7px; background:url('http://image.dosirak.com/Images/Commons/bg_pw.gif') no-repeat;} .gnbCart .loginArea .formPW input {width:78px; height:11px; margin-top:2px; _margin-top:0px; padding:2px 0 0 0; border:0px; background:#FFFFFF url('http://image.dosirak.com/Images/Commons/txt_PW.gif') no-repeat left 4px;; color:#819894; letter-spacing:0em;} *:first-child+html .gnbCart .loginArea .formPW input {margin-top:0px;} .gnbCart .loginArea .formPW input.click {background:none;} .gnbCart .loginArea .btn {float:left; margin-left:11px;} .gnbCart .logoutArea {position:absolute; top:10px; right:19px; overflow:visible;} .gnbCart .logoutArea .name {float:left; position:relative; margin-top:5px; padding-right:15px; font:normal 11px 돋움;} .gnbCart .logoutArea .name .layPop_my {position:absolute; top:12px; right:-7px; width:267px; height:147px;} .gnbCart .logoutArea .name .layPop_my .PngLogView {height:147px;background:url('http://image.dosirak.com/Images/Commons/bg_layPop_myInfo.png') no-repeat;overflow:hidden;_zoom:1;_overflow:visible; _height:147px;} .gnbCart .logoutArea .name .layPop_my .myCon {margin-top:23px;margin-bottom:10px; padding-left:14px;} .gnbCart .logoutArea .name .layPop_my .myCon .dosirak_mony {padding-left:7px; background:url('http://image.dosirak.com/Images/Commons/bul_circle_blue.gif') no-repeat left 4px;} .gnbCart .logoutArea .name .layPop_my .myCon dl {width:228px;_height:61px; margin-top:12px;letter-spacing:-0.1em; overflow:hidden;} .gnbCart .logoutArea .name .layPop_my .myCon dl dt {float:left; width:46px; color:#8e9f9c;} .gnbCart .logoutArea .name .layPop_my .myCon dl dd {float:left; width:179px;height:30px;} .gnbCart .logoutArea .name .layPop_my .myCon .addBuyListbtn {width:228px;padding:7px 0 0 0;margin-top:3px;border-top:1px solid #ddd;text-align:right;background:url('http://image.dosirak.com/Images/Commons/icon_mycon_addBuy_off.gif') no-repeat 115px 9px;} .gnbCart .logoutArea .myInfo {float:left; margin-top:3px; _margin-top:5px; overflow:hidden;} .gnbCart .logoutArea .myInfo li {float:left; padding-right:5px;} .gnbCart .logoutArea .btn {float:left; padding-left:3px;} /* 좌측 영역 공통 ****************************************************************/ h1 {margin:0 0 27px 18px; line-height:0px;} h1.btnY {margin:0 0 13px 18px; line-height:0px;} .snb {margin:-1px 0 35px 18px;} .snb li {margin-bottom:12px; font-size:0px; line-height:0px;} .snb li.on {} .snb li.on a.rollover img {display:none;} .snb li.on a.rollover img.on {display:inline;} .snb li.on a.rollover:hover img {display:none;} .snb li.on a.rollover:hover img.over {display:none;} .snb li.on a.rollover:hover img.on {display:inline;} /* 091105 BI 변경 관련 */ .snb li .subMenu {display:none; margin:12px 0 17px 0; padding:5px 0 0 15px;background:url('http://image.dosirak.com/Images/Commons/snb_tree_bg.gif') no-repeat 1px bottom;} /* 091105 BI 변경 관련 */ .snb li .subMenu li {margin-bottom:7px;} .snb li.on .subMenu {display:block} .snb li.on .subMenu li.on a.rollover img {display:none;} .snb li.on .subMenu li.on a.rollover img.on {display:inline;} .snb li.on .subMenu li.on a.rollover:hover img {display:none;} .snb li.on .subMenu li.on a.rollover:hover img.over {display:none;} .snb li.on .subMenu li.on a.rollover:hover img.on {display:inline;} .snb li.on .subMenu li a.rollover img {display:inline;} .snb li.on .subMenu li a.rollover img.on {display:none;} .snb li.on .subMenu li a.rollover img.over {display:none;} .snb li.on .subMenu li a.rollover:hover img {display:none;} .snb li.on .subMenu li a.rollover:hover img.over {display:inline;} .snb li.on .subMenu li a.rollover:hover img.on {display:none;} .btn_make {margin:0 0 21px 19px;} .service_list {margin:-10px 0 30px 18px;} .service_list li {margin-bottom:4px; font-size:0px; line-height:0px;} .service_list li.on {} .service_list li.on a.rollover img {display:none;} .service_list li.on a.rollover img.on {display:inline;} .service_list li.on a.rollover:hover img {display:none;} .service_list li.on a.rollover:hover img.over {display:none;} .service_list li.on a.rollover:hover img.on {display:inline;} .snbBanner {margin:0 0 24px 10px; font-size:0px; line-height:0px;} .snbBanner li {margin-bottom:5px; font-size:0px; line-height:0px;} .player_down {margin:0 0 16px 10px;} /* 20080821 수정 - zoom:1; 추가함 */ .music_help {margin-left:10px; padding-left:2px; overflow:auto; overflow:hidden;_zoom:1;} .music_help li {float:left; font-size:0px; line-height:0px;} .music_help li.end {padding-left:7px;} .dosirak_buy {margin-bottom:14px; padding-left:10px;} .dosirak_buy dt {margin-bottom:7px; padding-left:5px; font-size:0px; line-height:0px;} .sbn_btn {padding-left:10px;} .sbn_btn li {margin-bottom:5px; font-size:0px; line-height:0px;} .snbBox {padding-left:10px;} .snbBox dt {height:23px; padding:0px; line-height:0px; font-size:0px;} .snbBox dd {color:#7a8d8d; font:normal 11px 돋움;} .snbBox dd a:link {text-decoration:none; color:#7a8d8d;} .snbBox dd a:visited {text-decoration:none; color:#7a8d8d;} .snbBox dd a:hover {text-decoration:none; color:#ed1c24;} .snbBox dd a:active {text-decoration:none; color:#ed1c24;} .snbBox .relation {width:135px; margin-left:16px;} .snbBox .relation li {width:127px; margin-bottom:5px; padding-left:8px; background:url('http://image.dosirak.com/Images/Commons/bul_dot_blueGray.gif') no-repeat left 5px;} .snbBox .relation li.on {color:#ed1c24;} .snbBox .relation li.on a:link {color:#ed1c24;} .snbBox .relation li.on a:visited {color:#ed1c24;} .snbBox .relation li.on a:hover {color:#ed1c24;} .snbBox .relation li.on a:active {color:#ed1c24;} .snbBox .best_search {width:143px; margin-left:12px;} .snbBox .best_search li {width:143px; margin-bottom:5px;} .box_snb_top {background:url('http://image.dosirak.com/Images/Commons/box_snb_top.gif') no-repeat 0 top;} .box_snb_btm {width:167px; padding:13px 0 7px 0; background:url('http://image.dosirak.com/Images/Commons/box_snb_btm.gif') no-repeat 0 bottom;} .box_snb_mid {background:url('http://image.dosirak.com/Images/Commons/box_snb_mid.gif') repeat-y;} /* 우측 영역 공통 ****************************************************************/ /* box */ .box_white_top {background:url('http://image.dosirak.com/Images/Commons/box_white_top.gif') no-repeat 0 top;} .box_white_btm {width:674px; padding:19px 25px 25px 26px; background:url('http://image.dosirak.com/Images/Commons/box_white_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_white_mid {background:url('http://image.dosirak.com/Images/Commons/box_white_mid.gif') repeat-y;} .box_white642_top {background:url('http://image.dosirak.com/Images/Commons/box_white642_top.gif') no-repeat 0 top;} .box_white642_btm {width:642px; background:url('http://image.dosirak.com/Images/Commons/box_white642_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_white642_mid {background:url('http://image.dosirak.com/Images/Commons/box_white642_mid.gif') repeat-y;} .box_white745_top {background:url('http://image.dosirak.com/Images/Commons/box_white745_top.gif') no-repeat 0 top;} .box_white745_btm {width:694px; padding:19px 25px 25px 26px; background:url('http://image.dosirak.com/Images/Commons/box_white745_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_white745_mid {background:url('http://image.dosirak.com/Images/Commons/box_white745_mid.gif') repeat-y;} .box_whiteG_top {background:url('http://image.dosirak.com/Images/Commons/box_whiteOutG_top.gif') no-repeat 0 top;} .box_whiteG_btm {width:745px; background:url('http://image.dosirak.com/Images/Commons/box_whiteOutG_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_whiteG_mid {background:url('http://image.dosirak.com/Images/Commons/box_whiteOutG_mid.gif') repeat-y;} .box_whiteGB_top {background:url('http://image.dosirak.com/Images/Commons/box_whiteOutGB_top.gif') no-repeat 0 top;} .box_whiteGB_btm {width:745px; background:url('http://image.dosirak.com/Images/Commons/box_whiteOutGB_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_whiteGB_mid {background:url('http://image.dosirak.com/Images/Commons/box_whiteOutGB_mid.gif') repeat-y;} .box_blue_top {background:url('http://image.dosirak.com/Images/Commons/box_blue_top.gif') no-repeat 0 top;} .box_blue_btm {width:674px; padding:19px 25px 15px 26px; background:url('http://image.dosirak.com/Images/Commons/box_blue_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_blue_mid {background:url('http://image.dosirak.com/Images/Commons/box_blue_mid.gif') repeat-y;} .box_blue745_top {background:url('http://image.dosirak.com/Images/Commons/box_blue745_top.gif') no-repeat 0 top;} .box_blue745_btm {width:694px; padding:19px 25px 15px 26px; background:url('http://image.dosirak.com/Images/Commons/box_blue745_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_blue745_mid {background:url('http://image.dosirak.com/Images/Commons/box_blue745_mid.gif') repeat-y;} .box_blue719_top {background:url('http://image.dosirak.com/Images/Commons/box_blue719_top.gif') no-repeat 0 top;} .box_blue719_btm {width:719px; background:url('http://image.dosirak.com/Images/Commons/box_blue719_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_blue719_mid {background:url('http://image.dosirak.com/Images/Commons/box_blue719_mid.gif') repeat-y;} .box_gray_top {background:url('http://image.dosirak.com/Images/Commons/box_gray_top.gif') no-repeat 0 top;} .box_gray_btm {width:719px; padding:7px 13px 7px 13px; background:url('http://image.dosirak.com/Images/Commons/box_gray_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_gray_mid {background:url('http://image.dosirak.com/Images/Commons/box_gray_mid.gif') repeat-y;} .box_blue693_top {background:url('http://image.dosirak.com/Images/Commons/box_blue693_top.gif') no-repeat 0 top;} .box_blue693_btm {width:659px; padding:12px 17px 12px 17px; background:url('http://image.dosirak.com/Images/Commons/box_blue693_btm.gif') no-repeat 0 bottom;} .box_blue704_con {background:url('http://image.dosirak.com/Images/Commons/box_blue704_con.gif') no-repeat 0 bottom;} .box_blue704_top {width:704px; background:url('http://image.dosirak.com/Images/Commons/box_blue704_top.gif') no-repeat 0 top;} .box_twoColor715_top {background:url('http://image.dosirak.com/Images/Commons/box_twoColor715_top.gif') no-repeat 0 top;} .box_twoColor715_btm {width:715px; background:url('http://image.dosirak.com/Images/Commons/box_twoColor715_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_twoColor715_mid {background:url('http://image.dosirak.com/Images/Commons/box_twoColor715_mid.gif') repeat-y;} .box_skyblue715_top {background:url('http://image.dosirak.com/Images/Commons/box_skyblue715_top.gif') no-repeat 0 top;} .box_skyblue715_btm {width:715px; background:url('http://image.dosirak.com/Images/Commons/box_skyblue715_btm.gif') no-repeat 0 bottom; overflow:auto; overflow:hidden;} .box_skyblue715_mid {background:url('http://image.dosirak.com/Images/Commons/box_skyblue715_mid.gif') repeat-y;} .box_blue {background:#f5f7f7; overflow:auto; overflow:hidden;} .box_gray {background:#f9f9f9; overflow:auto; overflow:hidden;} .box_line {padding:6px; background:#FFFFFF; border-top:1px solid #c3cece; border-left:1px solid #c3cece; border-right:1px solid #eaeeee; border-bottom:1px solid #eaeeee;} /* 블릿 */ .bul_circle_gray {padding-left:9px; background:url('http://image.dosirak.com/Images/Commons/bul_circle_gray.gif') no-repeat left 5px;} .bul_circle_gray span {color:#8e9f9c;} .bul_dot_blueGray {padding-left:9px; background:url('http://image.dosirak.com/Images/Commons/bul_dot_blue.gif') no-repeat left 5px;} .bul_dot_gray {padding-left:9px; background:url('http://image.dosirak.com/Images/Commons/bul_dot_gray.gif') no-repeat left 5px;} .bul_search {padding-left:17px; background:url('http://image.dosirak.com/Images/Commons/ico_search.gif') no-repeat left 0;} .bul_arrow {margin:0 0 14px 1px; padding-left:26px; background:url('http://image.dosirak.com/Images/MusicBrunch/bul_arrow_gray.gif') no-repeat left 0; color:#4f6161; font-weight:bold;} /* line */ .titline {padding-bottom:8px; background:url('http://image.dosirak.com/Images/Commons/bg_titline.gif') repeat-x 0 bottom} /* 버튼 */ .btn_right {padding:10px 10px 0 0; text-align:right;} .btn_top_left {margin:5px 0 5px 13px;} .btn_center {text-align:center} /* img line */ .thumb {border:1px solid #C6D0D0;} /* 태그 */ .tag {padding-left:35px; min-height:13px; font:normal 11px 돋움; color:#8E9F9C; line-height:130%; background:url('http://image.dosirak.com/Images/Commons/ico_tag.gif') no-repeat 0 0;} .tag a {color:#8E9F9C} .tag a:visited {color:#8E9F9C} .tag a:hover {color:#ed1c24} /* popup layer */ #popup_layer {} #popup_layer img {vertical-align:top} .lay_con {width:354px; padding:14px 23px 0 25px; background:url('http://image.dosirak.com/Images/Commons/bg_laypop_top.png') no-repeat 0 0} .lay_btm {width:402px; height:18px; margin-bottom:10px; background:url('http://image.dosirak.com/Images/Commons/bg_laypop_btm.png') no-repeat 0 0} .lay_head {position:relative; width:354px; margin-bottom:10px;} .lay_head h1 {margin:0; font:normal 12px 돋움;} .lay_head .btn_close {position:absolute; top:3px; right:0px;} /* 팝업레이어 박스 CSS 추가 - 20090917 */ .lay_box {padding:13px 0 11px 15px; border:1px solid #E6ECEC; font:normal 11px 돋움; color:#7A8D8D; line-height:140%; letter-spacing:-0.1em} #popup_layer .linebox {border:1px solid #E6ECEC} #popup_layerS {} #popup_layerS .lay_con {width:221px; padding:11px 17px 0 19px; background:url('http://image.dosirak.com/Images/Commons/bg_laypopS_top.png') no-repeat 0 0} #popup_layerS .lay_btm {width:257px; height:17px; margin-bottom:10px; background:url('http://image.dosirak.com/Images/Commons/bg_laypopS_btm.png') no-repeat 0 0} #popup_layerS .lay_head {position:relative; width:221px;} #popup_layerS .lay_head h1 {margin:0;} #popup_layerS .lay_body {padding-top:8px; border-top:1px solid #ECF2F1; font:normal 11px 돋움; color:#7A8D8D; line-height:140%; letter-spacing:-0.1em} /* 20091228_N곡상품상세내역_레이어팝업추가 */ #popup_layerS2 {} #popup_layerS2 .lay_con {width:221px; padding:11px 17px 0 19px; background:url('http://image.dosirak.com/Images/Commons/bg_laypopS_top.png') no-repeat 0 0} #popup_layerS2 .lay_btm {width:257px; height:17px; margin-bottom:10px; background:url('http://image.dosirak.com/Images/Commons/bg_laypopS_btm.png') no-repeat 0 0} #popup_layerS2 .lay_head {position:relative; width:221px;} #popup_layerS2 .lay_head h1 {margin:0;} #popup_layerS2 .lay_body {padding-top:8px; border-top:1px solid #ECF2F1; font:normal 11px 돋움; color:#7A8D8D; line-height:140%; letter-spacing:-0.1em} /* board list */ .board_list {} .board_list th {height:30px; padding:0 5px; background:url('http://image.dosirak.com/Images/Commons/bg_board_th.gif') repeat-x; text-align:center; vertical-align:top;} .board_list th img {margin-top:8px;} .board_list th .chk {margin-top:8px;} .board_list td {padding:5px; text-align:center;} .board_list td.line {height:1px; padding:0; background:#e8ecec;} .board_list .num {padding-top:7px; color:#8e9f9c; font:bold 11px 돋움;} .board_list .left {padding:5px 0; text-align:left;} .board_list .title {width:275px; padding:2px 5px 2px 0; text-align:left;} .board_list .title img {vertical-align:middle;} .board_list .title .type {clear:both; margin-bottom:3px; color:#96aaaa; font:normal 11px 돋움; letter-spacing:-0.1em;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .board_list .title .type img {margin-right:3px;} .board_list .artist {width:144px; text-align:left;} .board_list .artist a, .board_list .artist a:visited {color:#8E9F9C} .board_list .artist a:hover {color:#ed1c24} .board_list .t_title {font:normal 12px 굴림; text-align:left;} .board_list .regDate {color:#8e9f9c; font:normal 11px 돋움;} .board_list .period {color:#8e9f9c; font:normal 11px 돋움;} .listFootArray {padding-top:3px; border-top:1px solid #f6f7f7;} /* board list T [0324] */ .board_listT {} .board_listT th {height:30px; background:url('http://image.dosirak.com/Images/Commons/bg_board_thT.gif') repeat-x; text-align:center; vertical-align:top;} .board_listT th img {margin-top:8px;} .board_listT th .chk {margin-top:8px;} .board_listT td {padding:0; height:30px; text-align:center;} .board_listT td img {vertical-align:middle;} .board_listT td.line {height:1px; padding:0; background:#e8ecec;} .board_listT .num {padding-top:7px; color:#8e9f9c; font:bold 11px 돋움;} .board_listT .left {padding:5px 0; text-align:left;} .board_listT td.checkbox {width:27px; _width:29px;} .board_listT td.rank {width:59px; _width:58px;} .board_listT td.rank span {width:19px; _width:18px;} .board_listT td.rank span.ru, .board_listT td.rank span.rd {font:bold 9px Tahoma; width:7px; margin-left:8px;} .board_listT td.rank span.rs {width:17px; margin-left:9px;} .board_listT td.rank span.rn {width:22px; height:12px; margin-left:5px; color:#019ecb; background:url('http://image.dosirak.com/Images/Commons/ico_new_add.gif') no-repeat 0 50%;} .board_listT td.title {text-align:left; padding:0 0 0 5px;} .board_listT td.title p.title {width:275px; line-height:24px; padding-top:2px; _padding:7px 0 4px; _line-height:18px;} .board_listT td.title p.title img {vertical-align:middle;} .board_listT td.title p.title a {color:#323c3c; font-weight:bold;} .board_listT td.title p.title a:hover {color:#ed1c24;} .board_listT td.title img {vertical-align:middle;} .board_listT td.title p.type {clear:both; margin:0 0 6px 2px; color:#6f807d; font:normal 11px 돋움; letter-spacing:-0.1em;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .board_listT td.title p.type img {margin:0 3px 2px 0; vertical-align:middle;} .board_listT td.artist {width:143px; _width:144px; text-align:left; padding:0 0 0 6px;} .board_listT td.artist p.artist {width:143px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .board_listT td.artist a:hover {color:#1e2424;} .board_listT td.icoBtn {width:32px;} .board_listT td.icoBtnEnd {width:32px; padding-right:4px;} .board_listT .t_title {font:normal 12px 굴림; text-align:left;} .board_listT .regDate {color:#8e9f9c; font:normal 11px 돋움;} .board_listT .period {color:#8e9f9c; font:normal 11px 돋움;} .board_listT tr.recmd_tr td {background:#F3F7F7} .board_listT tr.recmd_tr td.recomm {color:#12a1a1; font:bold 11px dotum; letter-spacing:-1px;} .board_listT tr.recmd_tr td.artist {font-weight:bold;} .board_listT tr.recmd_tr td.artist p.artist a {color:#616969;} .board_listT tr.recmd_tr td.artist p.artist a:hover {color:#1e2424;} .board_listA {} .board_listA th {height:30px; background:url('http://image.dosirak.com/Images/Commons/bg_board_thT.gif') repeat-x; text-align:center; vertical-align:top;} .board_listA th img {margin-top:8px;} .board_listA th.rank {width:109px; text-align:center;} .board_listA th.rank input.chk {position:absolute; top:8px; left:8px;} .board_listA th.rank img {position:relative;} .board_listA th.detail {text-align:left; padding-left:8px;} .board_listA td {padding:0; height:30px; text-align:center;} .board_listA td.rankbox {width:109px; vertical-align:top; border-right:1px solid #d4dfdf;} .board_listA td.rankbox .wrap {position:relative;} .board_listA td.rankbox .wrap .ru, .board_listA td.rankbox .wrap .rd, .board_listA td.rankbox .wrap .rs, .board_listA td.rankbox .wrap .rn {display:inline-block; font:bold 9px Tahoma; height:12px; margin:3px auto 6px; text-align:left;} .board_listA td.rankbox .wrap .ru {color:#ed1c24; padding:0 0 0 11px; background:url('http://image.dosirak.com/Images/Commons/ico_rank_up.gif') no-repeat 0 50%;} .board_listA td.rankbox .wrap .rd {color:#019ecb; padding:0 0 0 11px; background:url('http://image.dosirak.com/Images/Commons/ico_rank_down.gif') no-repeat 0 50%;} .board_listA td.rankbox .wrap .rs {width:8px; color:#019ecb; background:url('http://image.dosirak.com/Images/Commons/ico_rank_same.gif') no-repeat 0 50%;} .board_listA td.rankbox .wrap .rn {width:22px; color:#019ecb; background:url('http://image.dosirak.com/Images/Commons/ico_new_add.gif') no-repeat 0 50%;} .board_listA td.rankbox .chk {position:absolute; top:8px; left:8px} .board_listA td.rankbox .wrap {width:100%; padding-top:10px;} .board_listA td.rankbox .recode {position:relative; overflow:hidden; margin:0 auto; width:93px; height:33px; background:url('http://image.dosirak.com/Images/Chart/bg_recode.gif') no-repeat 0 -300px;} .board_listA td.rankbox .recode strong {position:absolute; width:40px; text-align:center; top:18px; font:bold 9px Tahoma, Verdana, Arial, Dotum; color:#616969;} .board_listA td.rankbox .recode strong.lastweek {left:4px;} .board_listA td.rankbox .recode strong.best {left:52px;} .board_listA td.rankbox .recode strong img {margin:0 0 1px 2px; _margin-bottom:0;} .board_listA td.cover {width:104px; padding:7px 0 5px 20px; text-align:left; vertical-align:top;} .board_listA td.cover .wrap {width:85px; height:86px; padding:2px 0 0 9px; background:url('http://image.dosirak.com/Images/Chart/bg_cover.gif') no-repeat 0 0;} .board_listA td.cover .wrap img {display:block;} .board_listA td.lyrics {width:21px; padding-top:11px; text-align:center; vertical-align:top;} .board_listA td.detail {text-align:left; padding:14px 0 0 4px; vertical-align:top;} .board_listA td.detail p.title {position:relative; width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:18px; line-height:18px; margin-bottom:2px;} .board_listA td.detail p.title img {position:relative; top:-2px;} .board_listA td.detail p.title a {color:#323c3c; font:bold 14px dotum;} .board_listA td.detail p.title a:hover {color:#ed1c24;} .board_listA td.detail p.artist a:hover, .board_listA td.detail p.album a:hover {color:#1e2424;} .board_listA td.detail p.artist, .board_listA td.detail p.album {width:304px; height:17px; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .board_listA td.detail p.artist {padding:0 0 0 16px; background:url('http://image.dosirak.com/Images/Chart/bg_detailicon.gif') no-repeat 0 3px;} .board_listA td.detail p.artist a {color:#616969;} .board_listA td.detail p.album {padding:0 0 0 16px; background:url('http://image.dosirak.com/Images/Chart/bg_detailicon.gif') no-repeat 0 -97px;} .board_listA td.detail p.album a {color:#616969;} .board_listA td.detail div.rate {overflow:hidden; margin-top:6px;} .board_listA td.detail div.rate .starRate {float:left; width:69px; background:url('http://image.dosirak.com/Images/Chart/bg_starRate.gif') no-repeat 0 0;} .board_listA td.detail div.rate .starRate span {display:block; height:13px; background:url('http://image.dosirak.com/Images/Chart/bg_starRate.gif') no-repeat 0 -50px;} .board_listA td.detail div.rate .rate {float:left; margin:0 9px 0 8px; font-weight:bold; color:#12a1a1;} .board_listA td.detail div.rate .account {float:left; margin-top:2px; padding:0 0 0 10px; color:#8e9f9c; font:11px dotum; background:url('http://image.dosirak.com/Images/Chart/bg_account.gif') no-repeat 0 2px;} .board_listA td.detail div.rate .account span {font-weight:bold;} .board_listA td img {vertical-align:middle;} .board_listA td.line {height:1px; padding:0; background:#e8ecec;} .board_listA td.line2 {height:1px; padding:0; background:#d4dfdf;} .board_listA td.lineTop {height:1px; padding:0; background:#aabfc0;} .board_listA td.icoBtn {width:32px;} .board_listA td.icoBtnEnd {width:32px; padding-right:4px;} /* [0415] */ .board_listA tr.rankTop_recomm td.rankbox {padding:7px 0 0 0; color:#618f8f; text-align:left; } .board_listA tr.rankTop_recomm td.rankbox input {position:relative; left:8px; top:0;} .board_listA tr.rankTop_recomm td.rankbox strong {position:relative; top:2px; left:30px;} .board_listA tr.rankTop_recomm td.rankbox * {vertical-align:middle; } .board_listA tr.rankTop_recomm td {height:26px; line-height:14px;} .board_listA tr.rankTop_recomm td.icoBtn img {line-height:14px; vertical-align:middle; } .board_listA tr.rankTop_recomm td.detail {padding:7px 0 0 20px;} .board_listA tr.rankTop_recomm td.detail .lyrics {display:inline-block; *zoom:1;} .board_listA tr.rankTop_recomm td.detail .lyrics img {vertical-align:baseline; *vertical-align:middle; line-height:18px;} .board_listA tr.rankTop_recomm td.detail .songArtist {display:inline-block; *zoom:1; width:410px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .board_listA tr.rankTop_recomm td.detail a.title {font:bold 12px/18px dotum; color:#323C3C;} .board_listA tr.rankTop_recomm td.detail a.artist {font:normal 12px/18px dotum;} .board_listA tr.rankTop_recomm td {background-color:#f9fbfb;} /* [0415] */ .board_listA tr.rankTop_1 td.rankbox {background:#ffe3e2 url('http://image.dosirak.com/Images/Chart/bg_rankTop.gif') no-repeat 100% 0;} .board_listA tr.rankTop_2 td.rankbox {background:#e8f4f4 url('http://image.dosirak.com/Images/Chart/bg_rankTop.gif') no-repeat 100% -200px;} .board_listA tr.rankTop_3 td.rankbox {background:#e8f4f4 url('http://image.dosirak.com/Images/Chart/bg_rankTop.gif') no-repeat 100% -400px;} .board_listA tr.rankTop_1 td.rankbox .recode {background-position:0 0;} .board_listA tr.rankTop_2 td.rankbox .recode {background-position:0 -100px;} .board_listA tr.rankTop_3 td.rankbox .recode {background-position:0 -200px;} .board_listA tbody.day tr.rankTop_1 td.rankbox .recode {background-position:0 0;} .board_listA tbody.day tr.rankTop_2 td.rankbox .recode {background-position:0 -100px;} .board_listA tbody.day tr.rankTop_3 td.rankbox .recode {background-position:0 -200px;} .board_listA tbody.week tr.rankTop_1 td.rankbox .recode {background-position:-100px 0;} .board_listA tbody.week tr.rankTop_2 td.rankbox .recode {background-position:-100px -100px;} .board_listA tbody.week tr.rankTop_3 td.rankbox .recode {background-position:-100px -200px;} .board_listA tbody.month tr.rankTop_1 td.rankbox .recode {background-position:-200px 0;} .board_listA tbody.month tr.rankTop_2 td.rankbox .recode {background-position:-200px -100px;} .board_listA tbody.month tr.rankTop_3 td.rankbox .recode {background-position:-200px -200px;} .board_listA tr.rankTop_1 td.rankbox .recode strong {color:#684d4d;} .board_listA td.rankbox .wrap .number {display:block;} .rankbox .wrap .number {display:block; height:30px; background-image:url('http://image.dosirak.com/Images/Chart/bg_albumNumber.gif');} .rankbox .wrap .number.n_001 {background-position:50% -50px;}.rankbox .wrap .number.n_002 {background-position:50% -100px;}.rankbox .wrap .number.n_003 {background-position:50% -150px;}.rankbox .wrap .number.n_004 {background-position:50% -200px;}.rankbox .wrap .number.n_005 {background-position:50% -250px;}.rankbox .wrap .number.n_006 {background-position:50% -300px;}.rankbox .wrap .number.n_007 {background-position:50% -350px;}.rankbox .wrap .number.n_008 {background-position:50% -400px;}.rankbox .wrap .number.n_009 {background-position:50% -450px;}.rankbox .wrap .number.n_010 {background-position:50% -500px;} .rankbox .wrap .number.n_011 {background-position:50% -550px;}.rankbox .wrap .number.n_012 {background-position:50% -600px;}.rankbox .wrap .number.n_013 {background-position:50% -650px;}.rankbox .wrap .number.n_014 {background-position:50% -700px;}.rankbox .wrap .number.n_015 {background-position:50% -750px;}.rankbox .wrap .number.n_016 {background-position:50% -800px;}.rankbox .wrap .number.n_017 {background-position:50% -850px;}.rankbox .wrap .number.n_018 {background-position:50% -900px;}.rankbox .wrap .number.n_019 {background-position:50% -950px;}.rankbox .wrap .number.n_020 {background-position:50% -1000px;} .rankbox .wrap .number.n_011 {background-position:50% -1050px;}.rankbox .wrap .number.n_022 {background-position:50% -1100px;}.rankbox .wrap .number.n_023 {background-position:50% -1150px;}.rankbox .wrap .number.n_024 {background-position:50% -1200px;}.rankbox .wrap .number.n_025 {background-position:50% -1250px;}.rankbox .wrap .number.n_026 {background-position:50% -1300px;}.rankbox .wrap .number.n_027 {background-position:50% -1350px;}.rankbox .wrap .number.n_028 {background-position:50% -1400px;}.rankbox .wrap .number.n_029 {background-position:50% -1450px;}.rankbox .wrap .number.n_030 {background-position:50% -1500px;} .rankbox .wrap .number.n_011 {background-position:50% -1550px;}.rankbox .wrap .number.n_032 {background-position:50% -1600px;}.rankbox .wrap .number.n_033 {background-position:50% -1650px;}.rankbox .wrap .number.n_034 {background-position:50% -1700px;}.rankbox .wrap .number.n_035 {background-position:50% -1750px;}.rankbox .wrap .number.n_036 {background-position:50% -1800px;}.rankbox .wrap .number.n_037 {background-position:50% -1850px;}.rankbox .wrap .number.n_038 {background-position:50% -1900px;}.rankbox .wrap .number.n_039 {background-position:50% -1950px;}.rankbox .wrap .number.n_040 {background-position:50% -2000px;} .rankbox .wrap .number.n_011 {background-position:50% -2050px;}.rankbox .wrap .number.n_042 {background-position:50% -2100px;}.rankbox .wrap .number.n_043 {background-position:50% -2150px;}.rankbox .wrap .number.n_044 {background-position:50% -2200px;}.rankbox .wrap .number.n_045 {background-position:50% -2250px;}.rankbox .wrap .number.n_046 {background-position:50% -2300px;}.rankbox .wrap .number.n_047 {background-position:50% -2350px;}.rankbox .wrap .number.n_048 {background-position:50% -2400px;}.rankbox .wrap .number.n_049 {background-position:50% -2450px;}.rankbox .wrap .number.n_050 {background-position:50% -1500px;} .rankbox .wrap .number.n_011 {background-position:50% -2550px;}.rankbox .wrap .number.n_052 {background-position:50% -2600px;}.rankbox .wrap .number.n_053 {background-position:50% -2650px;}.rankbox .wrap .number.n_054 {background-position:50% -2700px;}.rankbox .wrap .number.n_055 {background-position:50% -2750px;}.rankbox .wrap .number.n_056 {background-position:50% -2800px;}.rankbox .wrap .number.n_057 {background-position:50% -2850px;}.rankbox .wrap .number.n_058 {background-position:50% -2900px;}.rankbox .wrap .number.n_059 {background-position:50% -2950px;}.rankbox .wrap .number.n_060 {background-position:50% -3000px;} .rankbox .wrap .number.n_011 {background-position:50% -3050px;}.rankbox .wrap .number.n_062 {background-position:50% -3100px;}.rankbox .wrap .number.n_063 {background-position:50% -3150px;}.rankbox .wrap .number.n_064 {background-position:50% -3200px;}.rankbox .wrap .number.n_065 {background-position:50% -3250px;}.rankbox .wrap .number.n_066 {background-position:50% -3300px;}.rankbox .wrap .number.n_067 {background-position:50% -3350px;}.rankbox .wrap .number.n_068 {background-position:50% -3400px;}.rankbox .wrap .number.n_069 {background-position:50% -3450px;}.rankbox .wrap .number.n_070 {background-position:50% -1500px;} .rankbox .wrap .number.n_011 {background-position:50% -3550px;}.rankbox .wrap .number.n_072 {background-position:50% -3600px;}.rankbox .wrap .number.n_073 {background-position:50% -3650px;}.rankbox .wrap .number.n_074 {background-position:50% -3700px;}.rankbox .wrap .number.n_075 {background-position:50% -3750px;}.rankbox .wrap .number.n_076 {background-position:50% -3800px;}.rankbox .wrap .number.n_077 {background-position:50% -3850px;}.rankbox .wrap .number.n_078 {background-position:50% -3900px;}.rankbox .wrap .number.n_079 {background-position:50% -3950px;}.rankbox .wrap .number.n_080 {background-position:50% -4000px;} .rankbox .wrap .number.n_011 {background-position:50% -4050px;}.rankbox .wrap .number.n_082 {background-position:50% -4100px;}.rankbox .wrap .number.n_083 {background-position:50% -4150px;}.rankbox .wrap .number.n_084 {background-position:50% -4200px;}.rankbox .wrap .number.n_085 {background-position:50% -4250px;}.rankbox .wrap .number.n_086 {background-position:50% -4300px;}.rankbox .wrap .number.n_087 {background-position:50% -4350px;}.rankbox .wrap .number.n_088 {background-position:50% -4400px;}.rankbox .wrap .number.n_089 {background-position:50% -4450px;}.rankbox .wrap .number.n_090 {background-position:50% -1500px;} .rankbox .wrap .number.n_011 {background-position:50% -4550px;}.rankbox .wrap .number.n_092 {background-position:50% -4600px;}.rankbox .wrap .number.n_093 {background-position:50% -4650px;}.rankbox .wrap .number.n_094 {background-position:50% -4700px;}.rankbox .wrap .number.n_095 {background-position:50% -4750px;}.rankbox .wrap .number.n_096 {background-position:50% -4800px;}.rankbox .wrap .number.n_097 {background-position:50% -4850px;}.rankbox .wrap .number.n_098 {background-position:50% -4900px;}.rankbox .wrap .number.n_099 {background-position:50% -4950px;}.rankbox .wrap .number.n_100 {background-position:50% -5000px;} .arrayConT {height:33px; padding-top:0px; overflow:hidden;} .arrayConT .btn_top_left {float:left;} .arrayConT .btn100 {margin-right:5px;} .arrayConT .btn_top_left {margin:5px 0 5px 0;} .arrayConT span {float:left; font-size:1px; margin-right:1px;} .arrayConT span {float:left; font-size:1px; margin-right:1px;} .arrayConT .sortRight {float:right; margin-top:7px;} .arrayConT .sortRight a {color:#70807d; font-size:12px;} .arrayConT .sortRight a:hover {color:#323c3c;} .arrayConT .sortRight span {padding:0 10px 0 9px; background:url('http://image.dosirak.com/Images/Commons/bg_sortArrow.gif') no-repeat 100% -197px;} .arrayConT .sortRight span.end {padding:0 0 0 9px; background:none;} .arrayConT .sortRight span a {padding:0 17px 0 0; background:url('http://image.dosirak.com/Images/Commons/bg_sortArrow.gif') no-repeat 100% -100px;} .arrayConT .sortRight span.on a {color:#3d5253; font-weight:bold; background-position:100% 0;} .arrayConT .sortRight span.rule {background:none; padding:0 2px 0 0;} .arrayConT .sortRight span.rule a {background:none; padding:0;} .arrayConT .sortRight span.rule img {vertical-align:middle;} #chartRuleLayer {position:absolute; top:0; left:0; width:156px; height:76px; z-index:3;} .board_list th.th_phoneSend {padding:0; width:33px;} /* board_view */ .board_view {} .board_view th {height:35px; padding:0 10px; background:url('http://image.dosirak.com/Images/Commons/line_bar2_gray.gif') repeat-x; text-align:center;} .board_view td {height:33px; padding:2px 15px 0 0; background:url('http://image.dosirak.com/Images/Commons/line_bar2_gray.gif') repeat-x; text-align:left; color:#8e9f9c; font:normal 11px 돋움;} .board_view td.num {text-align:center; color:#8e9f9c; font:bold 11px 돋움;} .board_view td.title {width:395px; padding-left:3px; color:#617979; font:bold 12px 굴림;} .board_view td.view {padding:25px 26px; background:none; color:#4f6161; font:normal 12px 굴림; line-height:150%; } .board_view td.view th {padding:0; background:none;} .board_view td.view td {padding:0; background:none; color:#4f6161; font:normal 12px 굴림; line-height:150%; } .board_view td.view .event_win {margin-bottom:20px;} .board_view tr.title td {background:none; border-top:1px solid #E7E9E9; font:bold 12px 돋움; color:#617979; padding-left:13px;} /* 댓글 */ .reply_wrap {} .reply_wrap .box_white745_btm {width:713px; padding:13px 16px 10px} .reply_wrap textarea {width:690px; height:30px; margin-top:5px; background:#f8f8f8; border-top:1px solid #c3cece; border-left:1px solid #c3cece; border-right:1px solid #eaeeee; border-bottom:1px solid #eaeeee; color:#b3bfbd; font:normal 11px 돋움; vertical-align:middle; overflow:auto;} .reply_wrap textarea.onClick {background:#FFFFFF; color:#839894;} .reply_wrap .song_con {float:left;margin-top:14px; padding-left:15px; color:#7a8d8d; font:normal 11px 돋움;} .reply_conOver250 {float:left;width:250px;padding-right:10px;padding-top:10px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;} .reply_conOver250 img {vertical-align:top;} .reply_conOver250delet {float:left;padding-top:13px;} .reply_wrap .btn_right {float:right; padding:10px 0 0 0;} .reply_wrap .pageBG {width:725px; margin:0 auto} .emo_list {} .emo_list li {float:left; width:28px; margin:0 1px; text-align:center;} .emo_list li label span {display:none} .reply_list {width:725px; margin:10px auto 0;} .reply_list .reply_title {position:relative; width:719px; padding-left:6px; padding-bottom:3px; border-bottom:1px solid #dbe4e4; font:normal 11px 돋움;} .reply_list .reply_title .btnA img {margin-right:-2px; vertical-align:middle} .reply_list .reply_title .dateA {position:absolute; top:10px; right:10px; color:#B9C3C2} .reply_list .reply_con {width:725px; margin-top:4px; padding:0 0 15px 0;} .reply_list .reply_con .reply_msg {width:725px; padding-top:5px; overflow:auto; overflow:hidden} .reply_list .reply_con .msgA {float:left; width:650px; padding-left:10px; font:normal 11px 돋움} .reply_list .reply_con .btnA {float:right; margin-right:9px; display:inline} .reply_list .reply_con .song_box {position:relative; width:715px; height:20px; margin-bottom:5px; padding:8px 0 0 10px; font:normal 11px 돋움; color:#C9D1D1; background:url('http://image.dosirak.com/Images/Commons/bg_songBox.gif') no-repeat 0 0} .reply_list .reply_con .song_box .btnA {position:absolute; top:4px; right:1px;} .reply_list .reply_con .song_box .reply_conOver310 {float:left;width:310px;padding-right:10px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;} .reply_list .reply_con .song_box .reply_conOver310 img {vertical-align:top;} .reply_box {margin-top:15px; padding:10px 15px; background:#F5F7F7} .reply_box .regA {width:700px; overflow:auto; overflow:hidden} .reply_box .regA textarea {width:635px; height:13px; margin:0 3px 0 0} .reply_box .regA .fl_right {margin-top:2px} :root .reply_box .fl_right {margin:0} .reply_box .reply_ul {} :root .reply_box .reply_ul {margin-top:-5px} .reply_box .reply_ul li {width:705px; overflow:auto; overflow:hidden; font:normal 11px 돋움; margin-top:5px;} :root .reply_box .reply_ul li {margin-top:10px;} .reply_box .reply_ul li .reList_id {float:left; width:85px; color:#7A8D8D} .reply_box .reply_ul li .reList_con {float:left} /* 입력 form */ .input_form {border-top:1px solid #c2cfcf; border-bottom:1px solid #c2cfcf;} .input_form th {width:119px; padding:3px 0 0 21px; background:#f0f2f2; border-top:1px solid #ffffff; text-align:left; color:#6e7b79; font:bold 11px 돋움; letter-spacing:-0.1em} .input_form th img {margin:-2px 3px 0 0; vertical-align:middle;} .input_form td {width:575px; height:23px; padding:3px 0 3px 10px; color:#839894; font:normal 11px 돋움;} :root .input_form td {height:28px; padding:3px 0 3px 10px;} .input_form td.line {height:1px; padding:0px; background:#d6dddd;} .input_form td * {vertical-align:middle; } /* 이전 다음글 */ .pre_next {border-top:1px solid #dbe4e4;} .pre_next li {height:20px; padding-top:9px; border-bottom:1px solid #e8ecec;} :root .pre_next li {height:22px; padding-top:7px;} .pre_next li img {margin:0 15px 0 12px;} .pre_next li.pre {border-top:1px solid #f6f7f7;} /* page */ .pageBG {position:relative; border-top:1px solid #f6f7f7; z-index:1px;} .pageBG .pageBtn_left {position:absolute; top:16px; left:13px;} .pageBG .pageBtn_right {position:absolute; top:16px; right:10px;} .page {margin-top:21px; text-align:center; line-height:0px;} .page img {position:relative; vertical-align:top; margin-top:3px; z-index:1;} .page .pageNum {position:relative; margin:0 0 0 -7px; font:normal 9px verdana; color:#8e9f9c; z-index:0} .page .pageNum a {padding:0 5px 0 10px; background:url('http://image.dosirak.com/Images/Commons/bul_dot_page.gif') no-repeat left 5px;} .page .pageNum a, .page .pageNum a:visited {color:#8e9f9c;} .page .pageNum a:hover {color:#ed1c24; text-decoration:underline;} .page .pageNum a.on {color:#ed1c24; text-decoration:none; font-weight:bold} .page .pageNum a.on:visited {color:#ed1c24; text-decoration:none; font-weight:bold} .page .pageNum a.on:hover {color:#ed1c24; text-decoration:none; font-weight:bold} /* tab */ .tab {width:745px; height:28px; background:url('http://image.dosirak.com/Images/Commons/bg_tab_line.gif') repeat-x; overflow:auto; overflow:hidden;} .tab li {float:left; width:184px; height:28px; margin-right:2px; background:url('http://image.dosirak.com/Images/Commons/bg_tab.gif') no-repeat left; text-align:center;} .tab li a {display:block; height:21px; padding-top:7px; background:url('http://image.dosirak.com/Images/Commons/bg_tabR.gif') no-repeat right;} .tab li a:link, .tab li a:visited, .tab li a:hover, .tab li a:active {text-decoration:none} .tab li.on {background:url('http://image.dosirak.com/Images/Commons/bg_tab_on.gif') no-repeat left;} .tab li.on a {background:url('http://image.dosirak.com/Images/Commons/bg_tabR_on.gif') no-repeat right;} .tab li.on a.rollover img {display:none;} .tab li.on a.rollover img.over {display:none;} .tab li.on a.rollover img.on {display:inline;} .tab li.on a.rollover:hover img {display:none;} .tab li.on a.rollover:hover img.over {display:none;} .tab li.on a.rollover:hover img.on {display:inline;} .tab li.end {width:187px; margin-right:0px;} /* 검색 및 검색결과 */ .box_search {width:664px; height:38px; padding-left:81px; background:url('http://image.dosirak.com/Images/Commons/box_search.gif') no-repeat; overflow:auto; overflow:hidden;} .box_search dt {float:left; padding:14px 16px 0 21px; background:url('http://image.dosirak.com/Images/Commons/ico_search2.gif') no-repeat left 14px;} .box_search dd {float:left; margin-top:9px; overflow:auto; overflow:hidden;} .box_search dd p {float:left; padding-right:5px;} .box_search dd p.btn {padding-left:2px;} .box_search select {width:119px;} .box_search input {width:257px} /* .box_search input.onClick {background:#F9F9F9; border-top:1px solid #B5C4C4; border-left:1px solid #B5C4C4; border-bottom:1px solid #D2DEDE; border-right:1px solid #D2DEDE; } */ .search_result {padding:0 0 30px 11px; color:#4f6161;} .search_result_no {padding:0 0 30px 11px;} .search_result_no .result {margin-bottom:20px; color:#4f6161;} .search_result_no .result img {margin-top:-1px; vertical-align:middle;} .search_result_no li {padding-left:8px; background:url('http://image.dosirak.com/Images/Commons/bul_dot_gray.gif') no-repeat left 7px; color:#7a8d8d; font:normal 11px 돋움; line-height:18px; letter-spacing:-0.1em} /* 스킵 네비게이션 */ .skip_navi {position:absolute; left:-3000px; top:-3000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden} /* 타이틀 및 로케이션 */ .conTop {height:49px; overflow:auto; overflow:hidden;} .conTop h2 {float:left; margin:18px 13px 0 0; padding-left:11px;} .conTop .h2_txt {float:left; margin-top:20px; padding:0 10px 0 10px; background:url('http://image.dosirak.com/Images/Commons/line_ver_txt.gif') no-repeat 0 0;} .conTop .location {float:right; margin-top:22px; padding-right:13px; color:#798a87; font:normal 11px 돋움;} .conTop .location .home {padding-left:12px; background:url('http://image.dosirak.com/Images/Commons/ico_home.gif') no-repeat left 0;} .conTop .location img {margin-left:2px;} /* 타이틀 */ .top_title {position:relative; width:725px; _height:100%; margin-left:25px; padding:0 0 20px 0; overflow:auto; overflow:hidden;} .top_title.titleBG {padding-bottom:13px; background:url('http://image.dosirak.com/Images/Commons/line_bar2_gray2.gif') bottom repeat-x;} .top_title h3 {float:left; padding-left:11px; font-size:12px; font-weight:normal;} .top_title h3 span {color:#8e9f9c;} .top_title .btn {float:left; margin-left:10px;} .top_title .titleExplain {float:left; margin-left:12px; margin-top:3px; padding:0 10px 0 10px; background:url('http://image.dosirak.com/Images/Commons/line_ver_txt.gif') 0 0 no-repeat; font:normal 11px 돋움;} .top_title .titleExplain img {vertical-align:top; margin-left:5px;} .top_title .search{position:absolute; top:0; right:0;} .top_title2 {padding:0 0 10px 36px;} /* 블릿 타이틀 */ .titleCon {_height:100%; padding:9px 0 5px 11px; overflow:auto; overflow:hidden;} .titleCon .bul_circle_gray {float:left; margin-top:3px; display:inline} .titleCon .bul_circle_gray img {vertical-align:top} .titleCon .lineVer_txt {float:left; margin:3px 0 0 10px; padding-left:11px; background:url('http://image.dosirak.com/Images/Commons/line_ver_txt.gif') no-repeat left 1px;} .titleCon .lineVer_txt strong {font:bold 11px 돋움;} .titleCon .lineVer_txt img {} .titleCon .search {float:right;} .titleCon .search input {width:135px;} /* 앨범 정렬순01 */ .arrayCon {padding-top:1px; background:url('http://image.dosirak.com/Images/Commons/line_bar2_gray.gif') repeat-x; overflow:auto; overflow:hidden;} .arrayCon .arrayNoSpace {float:left;} /* 내리차순 */ .arrayCon .array {float:left; margin:12px 0 0 5px; overflow:auto; overflow:hidden; display:inline} .arrayCon .array li {float:left; padding:0 12px 0 8px; font:normal 11px 돋움; letter-spacing:-0.1em;} .arrayCon .array li.Downoff {float:left; padding:0 12px 0 8px; background:url('http://image.dosirak.com/Images/Commons/ico_arrowDown_off.gif') no-repeat right 4px; color:#8e9f9c; font:normal 11px 돋움; letter-spacing:-0.1em;} .arrayCon .array li.Downoff img {margin-left:2px;} .arrayCon .array li.Downoff a {color:#8e9f9c;} .arrayCon .array li.Downon {float:left; padding:0 12px 0 8px; background:url('http://image.dosirak.com/Images/Commons/ico_arrowDown_over.gif') no-repeat right 4px; color:#4f6161; font:normal 11px 돋움; letter-spacing:-0.1em;} .arrayCon .array li.Downon img {margin-left:2px;} .arrayCon .array li.Downon a {color:#4f6161;} .arrayCon .array li.Upoff {float:left; padding:0 12px 0 8px; background:url('http://image.dosirak.com/Images/Commons/ico_arrowUp_off.gif') no-repeat right 4px; color:#8e9f9c; font:normal 11px 돋움; letter-spacing:-0.1em;} .arrayCon .array li.Upoff img {margin-left:2px;} .arrayCon .array li.Upoff a {color:#8e9f9c;} .arrayCon .array li.Upon {float:left; padding:0 12px 0 8px; background:url('http://image.dosirak.com/Images/Commons/ico_arrowUp_over.gif') no-repeat right 4px; color:#4f6161; font:normal 11px 돋움; letter-spacing:-0.1em;} .arrayCon .array li.Upon img {margin-left:2px;} .arrayCon .array li.Upon a {color:#4f6161;} .arrayCon .fl_left {margin:8px 0 0 12px; color:#839894; display:inline} .arrayCon .fl_right {margin-top:6px;} .arrayCon .fl_right select {width:155px;} .arrayCon .btn_top_left {float:left; display:inline} .arrayCon .fl_right .array {margin:3px} .arrayCon .fl_right .selectA {float:left;} .arrayCon .fl_right .btnA {float:left;} .arrayCon.noBLT {height:33px; padding-top:0px; background:none; border-top:1px solid #C4CFCD; overflow:auto; overflow:hidden;} .arrayCon.noBg {height:33px; padding-top:0px; background:none; overflow:auto; overflow:hidden;} .wireless {} .wireless li {float:left; margin-left:10px;} /* 앨범 정렬순02 */ .arrayConAdd {clear:both;height:30px; padding-top:1px; overflow:auto; overflow:hidden;} .arrayConAdd .array {float:left;padding-top:7px;} .arrayConAdd .fl_left {margin:8px 0 0 12px; color:#839894; display:inline} .arrayConAdd .fl_right {margin-top:4px;} .arrayConAdd .fl_right select {width:155px;} .arrayConAdd .btn_top_left {float:left; display:inline} .arrayConAdd .fl_right .array {margin:3px} .arrayConAdd .fl_right .selectA {float:left;} .arrayConAdd .fl_right .btnA {float:left;} .arrayConAdd.noBLT {height:33px; padding-top:0px; background:none; border-top:1px solid #C4CFCD; overflow:auto; overflow:hidden;} .arrayConAdd.noBg {height:33px; padding-top:0px; background:none; overflow:auto; overflow:hidden;} /* 앨범 정보 */ .albumInfo_con {padding-left:25px;} .albumInfo_con h3 {margin-bottom:10px;; padding-left:10px;} .albumInfo_con .bul_circle_gray {margin:0 0 10px 11px;} .albumInfo_con .setting {clear:both; float:right; padding-bottom:8px;} .albumInfo_con .album_info {clear:both; width:674px; margin-bottom:17px; overflow:visible;} .albumInfo_con .album_info li.album_img {position:relative; float:left; width:163px; height:195px; padding:16px 20px 0 43px; background:url('http://image.dosirak.com/Images/Commons/bg_album_img.gif') no-repeat; z-index:0;} .albumInfo_con .album_info li.album_img .album_num {position:absolute; top:-9px; left:-7px;} .albumInfo_con .album_info li {float:left; width:186px; height:186px; padding:25px 19px 0 19px;background:url('http://image.dosirak.com/Images/Commons/bg_album.gif') no-repeat;} .albumInfo_con .album_info .genre {height:25px;} .albumInfo_con .album_info h5 {margin-bottom:15px; color:#4f6161; font:bold 13px 굴림;} .albumInfo_con .album_info .info {color:#839894; font:normal 11px 돋움; overflow:auto; overflow:hidden;} .albumInfo_con .album_info .info dt {clear:both; float:left; margin-bottom:3px; padding-right:5px; font-weight:bold;} .albumInfo_con .album_info .info dd {float:left; _float:none; margin-bottom:3px;} *:first-child+html .albumInfo_con .album_info .info dd {float:none;} .albumInfo_con .album_info .album_tag {} .albumInfo_con .album_info .album_tag .title {height:22px;} .albumInfo_con .album_info .album_tag .tagA {color:#8e9f9c; font:normal 11px 돋움; line-height:17px; letter-spacing:-0.1em;} .albumInfo_con .album_info .album_tag .tagA a:link {color:#8e9f9c;} .albumInfo_con .album_info .album_tag .tagA a:visited {color:#8e9f9c;} .albumInfo_con .album_info .album_tag .tagA a:hover {color:#8e9f9c;} .albumInfo_con .album_info .album_tag .tagA a:active {color:#8e9f9c;} .albumInfo_con .album_info .album_tag .tagA a.on:link {color:#ed1c24;} .albumInfo_con .album_info .album_tag .tagA a.on:visited {color:#ed1c24;} .albumInfo_con .album_info .album_tag .tagA a.on:hover {color:#ed1c24;} .albumInfo_con .album_info .album_tag .tagA a.on:active {color:#ed1c24;} /* 앨범 소개 */ .albumInfo_con .album_intro {margin-bottom:20px;} .albumInfo_con .album_intro .box_intro {float:none; width:641px; margin:0px; padding:14px 15px 10px 15px;; background:#eff2f2; border:1px solid #d4dede; color:#8e9f9c; font:normal 11px 돋움; line-height:160%; letter-spacing:-0.1em;} .albumInfo_con .album_intro .box_intro a:link {color:#8e9f9c;} .albumInfo_con .album_intro .box_intro a:visited {color:#8e9f9c;} .albumInfo_con .album_intro .box_intro a:hover {color:#8e9f9c;} .albumInfo_con .album_intro .box_intro a:active {color:#8e9f9c;} .albumInfo_con .album_intro .box_intro .more {font:normal 11px Arial; letter-spacing:0em;} /* 앨범 3단 리스트 */ .album_list3 {width:725px; _height:100%; background:url('http://image.dosirak.com/Images/Commons/line_bar_gray.gif') repeat-y; overflow:auto; overflow:hidden;} .album_list3 li {float:left; width:219px; height:82px; padding:13px 0 14px 14px; overflow:auto; overflow:hidden;} /* 090609 진정헌수정 */ .album_list3 li.noneList {width:725px; height:20px; padding-top:12px; border-bottom:1px solid #e8ecec; text-align:center;} .album_list3 .album_img { float:left; width:82px; margin-right:15px;} .album_list3 .album_info {float:left; width:122px;} .album_list3 .album_info .chkBox {padding-bottom:2px; line-height:0px;} .album_list3 .album_info .name {width:118px; font-weight:bold} .album_list3 .album_info .album_detail dd .artist {width:102px;} .album_list3 .album_info .del img {vertical-align:middle;} .album_list3 .album_info .btn {margin-top:7px;} /* 공개앨범 3단 리스트 */ .openAlbum_list3 {width:725px; _height:100%; background:url('http://image.dosirak.com/Images/Commons/line_bar_gray3.gif') repeat-y; overflow:auto; overflow:hidden;} .openAlbum_list3 li {float:left; width:219px; height:143px; padding:14px 0 12px 14px; overflow:auto; overflow:hidden;} .openAlbum_list3 li.noneList {width:725px; height:20px; padding-top:12px; border-bottom:1px solid #e8ecec; text-align:center;} .openAlbum_list3 .album_img { float:left; width:82px; margin-right:15px;} .openAlbum_list3 .album_info {float:left; width:122px;} .openAlbum_list3 .album_info .chkBox {padding-bottom:2px; line-height:0px;} .openAlbum_list3 .album_info .name {width:113px; font-weight:bold} .openAlbum_list3 .album_info .del img {vertical-align:middle;} .openAlbum_list3 .album_info .info {margin-top:3px; color:#657c7c; font:normal 11px 돋움; line-height:16px;} .openAlbum_list3 .album_info .btn {margin-top:6px;} /* 뮤직비디오 3단 리스트 */ .musicVideo_list3 {width:725px; _height:100%; background:url('http://image.dosirak.com/Images/Commons/line_bar_gray2.gif') repeat-y; overflow:auto; overflow:hidden;} .musicVideo_list3 li {float:left; width:219px; height:77px; padding:14px 0 10px 14px; overflow:auto; overflow:hidden;} .musicVideo_list3 .video_img { float:left; width:120px; margin-right:10px;} .musicVideo_list3 .video_info {float:left; width:89px;} .musicVideo_list3 .video_info .chkBox {padding-bottom:2px; line-height:0px;} .musicVideo_list3 .video_info .name {width:89px; font-weight:bold} .musicVideo_list3 .video_info .album_detail dd .artist {width:73px;} .musicVideo_list3 .video_info .del img {vertical-align:middle;} .musicVideo_list3 .video_info .btn {margin-top:4px;} /* 뮤직비디오 리스트 */ .musicVideo .board_list .videoInfo {width:567px; padding:14px 0 14px 0; text-align:left;} .musicVideo .board_list .videoInfo .video_img {float:left; width:120px; margin-right:25px;} .musicVideo .board_list .videoInfo .info {float:left; padding-top:4px;} .musicVideo .board_list .videoInfo .info .title {width:378px; margin-bottom:5px; font-weight:bold;} .musicVideo .board_list .videoInfo .info dd {float:none;} /* 앨범 리스트 - 자세히보기 */ .album_viewA {width:460px; overflow:auto; overflow:hidden;} .album_viewA img {vertical-align:top} .album_viewA .album_box {float:left; width:100px; height:126px; margin-right:12px; padding:12px 12px 5px; border:1px solid #fff; display:inline} .album_viewA .album_box .btn {display:none; margin-top:6px; text-align:center} .album_viewA .album_info {float:left; width:322px; margin-top:17px;} .album_viewA img {vertical-align:top} .album_viewA .album_img {position:relative} .album_viewA .album_img .flag {position:absolute; left:0; top:0} .album_viewA .album_info .title .ico { height:13px; margin-bottom:3px} .album_viewA .album_info .album_detail {width:322px} .album_viewA .album_info .album_detail dd {width:306px} .album_viewA.on .album_box {border:1px solid #9CAEAA;} .album_viewA.on .album_box .btn {display:block;} /* 앨범 리스트 - 간단히보기 */ .openAlbum_list {width:729px; margin:0 auto; overflow:auto; overflow:hidden} .simple_list {width:756px; margin-top:9px; padding-bottom:10px; border-bottom:1px solid #DBE4E4; overflow:auto; overflow:hidden} .simple_list li {position:relative; float:left; width:162px; margin-right:27px; display:inline;} .simple_list .album_viewA {width:162px;} .simple_list .album_viewA .album_box {float:none; display:block; width:140px; height:265px; margin-right:0; padding:10px; border:1px solid #fff; } .simple_list .album_viewA .album_info {float:none; width:140px; margin:10px 0 0 0;} .simple_list .album_viewA .album_info .album_detail {width:135px} .simple_list .album_viewA .album_info .album_detail dd {width:119px} .simple_list .album_viewA .album_info .album_simp {width:135px;} .simple_list .album_viewA .album_info .album_simp li {float:none; display:block; width:135px; margin:0; font:normal 11px 돋움; color:#8E9F9C; line-height:130%;} .simple_list .album_viewA .album_info .album_simp li a, .simple_list .album_viewA .album_info .album_simp li a:visited {color:#8E9F9C} .simple_list .album_viewA .album_info .album_simp li a:hover {color:#ed1c24} .simple_list .album_viewA .album_box .btn {position:absolute; left:0;_left:10px; bottom:6px; display:none; width:100%; text-align:center;} .simple_list .album_viewA.on .album_box {border:1px solid #9CAEAA;} .simple_list .album_viewA.on .album_box .btn {display:block;} /* 앨범 리스트 - 자세히보기 */ .detail_list {width:746px; margin:2px 0 0 0px; padding-bottom:0px; background:url('http://image.dosirak.com/Images/Commons/bg_ulline01.gif') repeat-y; overflow:auto; overflow:hidden} .detail_list li {float:left; width:373px; height:132px; padding-top:12px; border-bottom:0;} .detail_list li.noneList {width:746px; height:30px; padding-top:12px; text-align:center;} .detail_list .album_viewA {width:373px;} .detail_list .album_viewA .album_box {width:100px; height:100px; margin-right:20px; padding:0 0 0 12px; border:0;} .detail_list .album_viewA .album_info {width:240px; margin-top:0;} .detail_list .album_viewA .album_info .album_detail {width:240px} .detail_list .album_viewA .album_info .album_detail dd {width:224px} .detail_list .album_viewA .album_info .title .txtOver {width:240px;} .detail_list li.noneList {width:746px; height:30px; padding-top:12px; text-align:center;} /* 아티스트 명 & 앨범명 */ .album_detail {overflow:auto; overflow:hidden;} .album_detail dt {clear:both; float:left; width:16px; line-height:16px;} .album_detail dt img {vertical-align:top;} .album_detail dd {float:left; padding-bottom:3px; color:#657c7c; font:normal 11px 돋움;} .album_detail a:link, .album_detail a:visited {color:#657c7c;} .album_detail a:hover, .album_detail a:active {color:#ed1c24;} .album_detail dd.on {color:#ed1c24; font:bold 12px 굴림;} .album_detail dd.on a:link, .album_detail dd.on a:visited, .album_detail dd.on a:hover, .album_detail dd.on a:active {color:#ed1c24;} /* 친구 명 */ .friend_detail {margin-top:-3px;} .friend_detail dl {width:122px; padding-bottom:3px; clear:both; overflow:auto; overflow:hidden; color:#657c7c; font:normal 11px 돋움;} .friend_detail dt {float:left; width:52px;} .friend_detail dd {float:left;} .friend_detail p {margin-top:2px} /* 앨범만들기 */ .make_album {padding:0 20px 0 25px;} .make_album.mr0 {padding:0 20px 0 0px;} .make_album .titleCon {height:17px; margin-bottom:5px} .make_album .titleCon h4 {float:left} .make_album .titleCon .fl_right {padding:3px 10px 0 0} .album_reg {width:672px; padding-top:7px;} .album_reg .reg_img {float:left; width:188px;} .album_reg .reg_img .imgA {width:188px; height:182px; background:url('http://image.dosirak.com/Images/MyPage/bg_regAlbum_img.gif') no-repeat 0 0} /* 진정헌 090608 수정 시작 */ .album_reg .reg_img .imgB {width:188px; height:160px; padding-top:22px; text-align:center; background:url('http://image.dosirak.com/Images/MyPage/bg_regAlbum_imgB.gif') no-repeat 0 0;} /* 진정헌 090608 수정 끝 */ .album_reg .reg_img .btnA {margin-top:10px; width:188px; text-align:center} .album_reg .reg_input {float:right; width:465px;} .album_reg .reg_input dt {clear:both; float:left; width:55px; margin:3px 0 0 13px; display:inline;} .album_reg .reg_input dt.chk_f {width:68px; margin:3px 0 0 0;} .album_reg .reg_input dd {float:left; width:397px; margin-bottom:6px; color:#8E9F9C} .album_reg .reg_input dd .tagCon {float:right; position:relative; padding:0 0 0 16px; width:131px;} .album_reg .reg_input dd .tagCon .tagClose {position:absolute; top:0px; right:0px; _right:-1px; width:395px;} .album_reg .reg_input dd .tagCon .tagClose .lineBox {position:absolute; right:0px; _right:-1px; top:19px; width:365px; padding:15px; background:#FFFFFF; border:1px solid #bac7c7;} .album_reg .reg_input dd .tagCon .tagClose .lineBox ul {width:365px; margin-bottom:10px; overflow:auto; overflow:hidden} .album_reg .reg_input dd .tagCon .tagClose .lineBox li {float:left; height:11px; margin-right:9px; padding-right:9px; border-right:1px solid #cbd8d6; font:normal 11px 돋움;} .album_reg .reg_input dd .tagCon .tagClose .lineBox li.on {color:#ed1c24; font-weight:bold} .album_reg .reg_input dd .tagCon .tagClose .lineBox li.on a {color:#ed1c24; font-weight:bold} .album_reg .reg_input dd .tagCon .tagClose .lineBox li.end {border-right:0px;} .album_reg .reg_input dd .tagCon .tagClose .lineBox .tag_word {font:normal 11px 돋움; color:#8E9F9C; line-height:160%} .album_reg .reg_input dd .tagCon .tagClose .lineBox .tag_word a, .album_reg .reg_input dd .tagCon .tagClose .lineBox .tag_word a:visited {color:#8E9F9C;} .album_reg .reg_input dd .tagCon .tagClose .lineBox .tag_word a:hover {color:#ed1c24; text-decoration:underline} .music_search {clear:both; margin-top:25px;} .music_search .bul_search {margin:0 0 8px 3px;} .music_search .box_blue {_height:100%; padding:12px 10px 9px 10px; overflow:auto; overflow:hidden;} .music_search .searchCon {_height:100%; margin-bottom:9px; overflow:auto; overflow:hidden;} .music_search .searchCon p {float:left; padding-right:5px;} .music_search .searchCon select {width:109px;} .music_search .searchCon input {width:276px; background:#FFFFFF;} .music_search .overflow {_height:100%;} .music_search .box_white {float:left; height:258px; padding:11px 6px 10px 9px; background:#FFFFFF; border-left:1px solid #c3cece; border-top:1px solid #c3cece; border-right:1px solid #eaeeee; border-bottom:1px solid #eaeeee; overflow:auto; overflow:hidden} .music_search .box_white .overBox {width:136px; height:258px; margin-left:3px; overflow:auto; overflow-x:hidden;} .music_search .box_white .tit {height:25px;} .music_search .box_white li {margin-bottom:5px; letter-spacing:-0.1em;} .music_search .box_white li dl {margin:10px 0;} .music_search .box_white li dl dt {margin-bottom:5px; padding-left:13px; background:url('http://image.dosirak.com/Images/Commons/bul_open.gif') no-repeat left 2px; font:normal 11px 돋움;} .music_search .box_white li dl dt.on {background:url('http://image.dosirak.com/Images/Commons/bul_close.gif') no-repeat left 4px;} .music_search .box_white li dl dd {margin-bottom:10px; padding-left:13px;} .music_search .myAlbum {margin:3px 0 10px 0;} .music_search .myAlbum li {padding-left:10px; margin-bottom:5px; _margin-bottom:0px; background:url('http://image.dosirak.com/Images/MyPage/bul_dot_gray.gif') no-repeat left 2px; color:#8e9f9c; font:normal 11px 돋움;} *:first-child+html .myAlbum li {margin-bottom:0px; background:url('http://image.dosirak.com/Images/MyPage/bul_dot_gray.gif') no-repeat left 5px;} .music_search .myAlbum li a:link {color:#8e9f9c;} .music_search .myAlbum li a:visited {color:#8e9f9c;} .music_search .myAlbum li a:hover {color:#ed1c24;} .music_search .myAlbum li a:active {color:#ed1c24;} .music_search .board_list th {text-align:center;} .music_search .board_list th.chk {width:20px; margin-left:-10px;} .music_search .board_list td {padding:4px 0} .music_search .board_list td.line {padding:0} .music_search .board_list td.chk {width:30px;} .music_search .board_list .title {width:255px;} .music_search .board_list .artist {width:130px; color:#8e9f9c;} .music_search .board_list .artist a:link, .music_search .board_list .artist a:visited {color:#8e9f9c;} .music_search .board_list .artist a:hover, .music_search .board_list .artist a:active {color:#ed1c24;} .music_search .board_list .title a:hover {font-weight:bold; letter-spacing:-0.1em;} .music_search .table_list {width:470px; height:185px; overflow:auto; overflow-x:hidden;} /* 곡검색 리스트 page */ .music_search .pageBG {position:relative; border-top:1px solid #f6f7f7; z-index:1px;} .music_search .pageBG .pageBtn_left {position:absolute; top:7px; left:13px;} .music_search .pageBG .pageBtn_right {position:absolute; top:7px; right:10px;} .music_search .page {margin-top:7px; text-align:center; line-height:0px;} .music_search .page img {position:relative; vertical-align:top; margin-top:3px; z-index:1;} .music_search .page .pageNum {position:relative; margin:0 0 0 -7px; font:normal 9px verdana; color:#8e9f9c; z-index:0} .music_search .page .pageNum a {padding:0 5px 0 10px; background:url('http://image.dosirak.com/Images/Commons/bul_dot_page.gif') no-repeat left 5px;} .music_search .page .pageNum a, .music_search .page .pageNum a:visited {color:#8e9f9c;} .music_search .page .pageNum a:hover {color:#ed1c24; text-decoration:underline;} .music_search .page .pageNum a.on {color:#ed1c24; text-decoration:none; font-weight:bold} .music_search .page .pageNum a.on:visited {color:#ed1c24; text-decoration:none; font-weight:bold} .music_search .page .pageNum a.on:hover {color:#ed1c24; text-decoration:none; font-weight:bold} .music_collection .box_blue {padding:11px 10px;} .music_collection .tit_area {margin:0 0 5px 8px; font:normal 11px 돋움} .music_collection .box_blue .list_box {padding:9px 9px 0px; border-top:1px solid #C3CECE; border-left:1px solid #C3CECE; background:#fff; border-right:1px solid #EAEEEE; border-bottom:1px solid #EAEEEE} .music_collection .box_blue .list_box .board_list th {text-align:center;} .music_collection .box_blue .list_box .board_list th.num {width:42px; padding:0px;} .music_collection .box_blue .list_box .board_list th.num img {margin-left:-5px;} .music_collection .box_blue .list_box .board_list th.title {width:351px;} .music_collection .box_blue .list_box .board_list th.chk {width:20px;} .music_collection .box_blue .list_box .board_list td {padding:4px 0} .music_collection .box_blue .list_box .board_list td.line {padding:0} .music_collection .box_blue .list_box .board_list td.chk {width:30px;} .music_collection .box_blue .list_box .board_list .num {width:30px;} .music_collection .box_blue .list_box .board_list .title {width:330px; padding-right:20px;} .music_collection .box_blue .list_box .board_list .artist {width:140px; color:#8e9f9c;} .music_collection .box_blue .list_box .board_list .artist a:link, .music_collection .box_blue .list_box .board_list .artist a:visited {color:#8e9f9c;} .music_collection .box_blue .list_box .board_list .artist a:hover, .music_collection .box_blue .list_box .board_list .artist a:active {color:#ed1c24;} .music_collection .box_blue .list_box .board_list .title a:hover {font-weight:bold; letter-spacing:-0.1em;} .music_collection .box_blue .list_box .table_list {height:217px; overflow:auto; overflow-x:hidden;} .music_collection .btn_top_left {margin:10px 0 8px 10px;} /* 이벤트 전체 리스트 */ .banner_list {width:745px; padding-top:7px; background:url('http://image.dosirak.com/Images/Commons/bg_titline.gif') repeat-x 0 0; overflow:hidden;} .banner_list li {width:735px; padding:12px 0 12px 10px; overflow:hidden; overflow:hidden; border-bottom:1px solid #E8ECEC;} .banner_list dl {position:relative; width:735px; height:98px; margin:0; overflow:hidden; overflow:hidden;} .banner_list dl dt.ban_tit {margin-left:390px; font-weight:bold; line-height:16px; padding:7px 0 10px} .banner_list dl dd.ban_img {display:inline; float:left; width:366px; height:98px; margin:-32px 25px 0 0; _margin:-33px 20px 0 0; color:#FFF; text-align:center;} .banner_list dl dd { font:normal 11px 돋움; line-height:16px;} .banner_list dl dd .ban_song {margin-top:10px; color:#8E9F9C} .banner_list dl dd .ban_song img {vertical-align:-6px} .banner_list dl dd .ban_winner {position:absolute; right:0; bottom:0} /* top info box */ .infobox_list {margin-bottom:5px;} .infobox_list img {vertical-align:top} .infobox_list dt {margin-bottom:5px} .infobox_list dt.info_msg {margin-bottom:15px} .infobox_list dd .info_ul li {margin-bottom:3px; line-height:0} .infobox_list dd .device_ul {margin:-5px 0 15px; font:normal 11px 돋움; color:#8E9F9C} .infobox_list dd .device_ul li {line-height:150%} /* search box */ .search_box dl {width:685px; margin-top:-3px; overflow:auto; overflow:hidden;} .search_box dl dt {clear:both; float:left; width:106px; margin-top:5px;} .search_box dl dt img {vertical-align:top} .search_box dl dd {float:left; font:normal 11px 돋움; height:27px;} .search_box dl dd p {float:left; margin-right:5px; display:inline} .search_box dl dd p.sel_radio {padding-top:7px} :root .search_box dl dd p.sel_radio {padding-top:5px} .search_box dl dd p.sel_mid {padding-top:5px} .search_box dl dd p.sel_date {line-height:150%; margin-top:2px;} *:first-child+html .search_box dl dd p.sel_date {margin-top:2px;} .search_box dl dd p.sel_input input {margin-top:2px; _margin-top:0px; margin-right:0;} *:first-child+html .search_box dl dd p.sel_input input {margin-top:0px;} .search_box dl dd p.btnA {padding-top:2px} :root .search_box dl dd p.btnA {padding-top:0px} /* footer */ .footerCon {width:960px; overflow:auto; overflow:hidden;} .footerCon .footer_logo {float:left; width:164px; margin-top:42px; text-align:center;} .footerCon .footer_info {float:left; width:516px; margin-top:26px;} .footerCon .footer_info .footer_menu {width:516px; overflow:auto; overflow:hidden;} .footerCon .footer_info .footer_menu li {float:left; padding:0 9px 0 14px; background:url('http://image.dosirak.com/Images/Commons/line_ver_gray2.gif') no-repeat left 2px; font-size:0px; line-height:0px;} .footerCon .footer_info .footer_menu li.first {padding-left:0px; background:none;} .footerCon .footer_info .dosirak_add {position:relative;width:530px; height:24px; margin:12px 0 5px 0; background:url('http://image.dosirak.com/Images/Commons/txt_dosirak_add.gif') no-repeat;} .footerCon .footer_info .dosirak_add .btnImg {position:absolute;left:384px;top:10px;} .footerCon .footer_info .dosirak_add .btnImg img {margin-left:1px;} .footerCon .affiliated {float:right; width:auto; margin-top:23px; overflow:auto; overflow:hidden;} .footerCon .affiliated li {float:left; padding-left:15px; font-size:0px; line-height:0px;} /* 20100112_탑버튼 수정*/ .gotopWrap {width:960px;margin:0 auto;} .gotopWrap .gotopBox {position:relative;} .gotopWrap .gotopBox .gotop {position:absolute; top:300px;margin-left:970px;z-index:1;} /* img size class 개발추가 */ .img100100 {width:100px;height:100px} .img115115 {width:115px;height:115px} .img10764 {width:107px;height:64px} .img12072 {width:120px;height:72px} .img8249 {width:82px;height:49px} .img6565 {width:65px;height:65px} .img6868 {width:68px;height:68px} /* [2010 0403] 달력 추가 */ .calendarLayer {width:212px; position:absolute; top:5px; left:290px; z-index:90;} .calendarLayer .top {height:56px; position:relative; background:url('http://image.dosirak.com/Images/Commons/bg_calendar.png') no-repeat 0 0;} .calendarLayer .top strong {display:block; padding:8px 0 0 0; text-align:center; font:bold 14px Tahoma; color:#5b736f;} .calendarLayer .top a {display:block; position:absolute; top:10px; width:14px; height:14px; font-size:0; overflow:hidden; text-indent:-999px; background-image:url('http://image.dosirak.com/Images/Commons/bg_calendarBtn.gif'); background-repeat:no-repeat; letter-spacing:-1px; color:#fff; text-align:center; } .calendarLayer .top a.prevMonth {left:56px; pxpxbackground-position:0 0;} .calendarLayer .top a.prevMonth:hover {background-position:0 -50px;} .calendarLayer .top a.nextMonth {left:144px; background-position:-50px 0;} .calendarLayer .top a.nextMonth:hover {background-position:-50px -50px;} .calendarLayer .body {padding:0 0 9px 0; background:url('http://image.dosirak.com/Images/Commons/bg_calendar.png') no-repeat 0 100%;} .calendarLayer .body table {width:189px; margin:0 auto; border-collapse:collapse;} .calendarLayer .body table thead {display:none;} .calendarLayer .body table td {width:27px; color:#758d8d; padding:3px 0 2px; font:normal 10px Tahoma; text-align:center;} .calendarLayer .body table td.notThis {color:#bac6c6;} .calendarLayer .body table td.current { color:#ed1c24; font-weight:bold; background-image:url('http://image.dosirak.com/Images/Commons/bg_calendarBar.gif'); background-repeat:no-repeat; background-position:50% 0; } /* .calendarLayer .body table td.current:first-child {background-position:6px 0;} .calendarLayer .body table td.current:last-child {background-position:100% 0;} */ .calendarLayer .body table td.prev {cursor:pointer; background:url('http://image.dosirak.com/Images/Commons/bg_calendarBar.gif') no-repeat 0 0;} *html .calendarLayer .top {height:56px; position:relative; background:url('http://image.dosirak.com/Images/Commons/bg_calendar.gif') no-repeat 0 0;} *html .calendarLayer .body {padding:0 0 9px 0; background:url('http://image.dosirak.com/Images/Commons/bg_calendar.gif') no-repeat 0 100%;} /* 달력 수정 */ .calendarLayer .body {font-size:0; line-height:0; letter-spacing:-1px;overflow:hidden; padding-left:11px;} .calendarLayer .body span {font-size:11px; line-height:1.2; letter-spacing:0;vertical-align:top; text-align:center; font:10px Tahoma; color:#758D8D;} .calendarLayer .body span.date { width:27px; height:14px; padding:3px 0; display:inline-block; } .calendarLayer .body span.current {color:#ED1C24; font-weight:bold; background-color:#efefef;} .calendarLayer .body span.wrap_span { text-align:left; } /* 왼쪽메뉴 [0727] */ .snbMenu {margin:0 0 0 18px;} .snbMenu li {width:155px; margin-bottom:12px; line-height:-1px; font-size:0;} .snbMenu li a {display:block; height:13px; overflow:hidden; text-indent:-999px;} .snbMenu li ul {margin-top:10px;} .snbMenu li li {margin-bottom:0;} .snbMenu li li a {height:19px;} .snbBtn_box {margin:0 0 9px 18px;} .snbBtn_box a {display:block; margin-bottom:5px;} .snbBtn_box img {display:block;} /* 공통 버튼 */ .musicFunc {text-align:left;} .musicFunc .play, .musicFunc .down, .musicFunc .bell, .musicFunc .downFree, .musicFunc .downDrm, .musicFunc .album, .musicFunc .my, .musicFunc .mv, .musicFunc .lyrics, .musicFunc .send { display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:19px; height:20px; margin-right:4px; font-size:0; background-image:url('http://image.dosirak.com/Images/Commons/ico_func.png'); background-repeat:no-repeat; background-position:0 0; } table.musicFunc .play, table.musicFunc .down, table.musicFunc .bell, table.musicFunc .downFree, table.musicFunc .downDrm, table.musicFunc .album, table.musicFunc .my, table.musicFunc .mv, table.musicFunc .lyrics, .musicFunc .send { margin:0; } /* [0524] */ .musicFunc .play a, .musicFunc .down a, .musicFunc .bell a, .musicFunc .downFree a, .musicFunc .downDrm a, .musicFunc .album a, .musicFunc .my a, .musicFunc .mv a, .musicFunc .lyrics a, .musicFunc .send a { display:block; width:19px; height:20px; background-image:url('http://image.dosirak.com/Images/Commons/ico_func.png'); background-repeat:no-repeat; background-position:0 0; } .musicFunc .album {background-position:0 -60px;} .musicFunc .play {background-position:-30px -60px;} .musicFunc .down {background-position:-60px -60px;} .musicFunc .bell {background-position:-90px -60px;} .musicFunc .my {background-position:-120px -60px;} .musicFunc .downFree {background-position:-150px -60px;} .musicFunc .downDrm {background-position:-180px -60px;} .musicFunc .mv {background-position:-210px -60px;} .musicFunc .lyrics {background-position:-240px -60px;} .musicFunc .send {background-position:-270px -60px;} .musicFunc .album a {background-position:0 0;} .musicFunc .play a {background-position:-30px 0;} .musicFunc .down a {background-position:-60px 0;} .musicFunc .bell a {background-position:-90px 0;} .musicFunc .my a {background-position:-120px 0;} .musicFunc .downFree a {background-position:-150px 0;} .musicFunc .downDrm a {background-position:-180px 0;} .musicFunc .mv a {background-position:-210px 0;} .musicFunc .lyrics a {background-position:-240px 0;} .musicFunc .send a {background-position:-270px 0;} .musicFunc .album a:hover {background-position:0 -30px;} .musicFunc .play a:hover {background-position:-30px -30px;} .musicFunc .down a:hover {background-position:-60px -30px;} .musicFunc .bell a:hover {background-position:-90px -30px;} .musicFunc .my a:hover {background-position:-120px -30px;} .musicFunc .downFree a:hover {background-position:-150px -30px;} .musicFunc .downDrm a:hover {background-position:-180px -30px;} .musicFunc .mv a:hover {background-position:-210px -30px;} .musicFunc .lyrics a:hover {background-position:-240px -30px;} .musicFunc .send a:hover {background-position:-270px -30px;} .ad_twitter {position:absolute; top:182px; left:0;} .textov {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .textovi {display:inline-block; *display:inline; *zoom:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .textin {text-indent:-9999px; overflow:hidden;} .board_listB {width:100%; border-collapse:collapse;} .board_listB td {padding:6px 0 4px; text-align:center; border-bottom:1px solid #e8ecec; color:#575757;} .board_listB th {height:30px; background:url('http://image.dosirak.com/Images/OpenAlbum/board_thbg.gif') repeat-x 0 0; text-align:center;} .board_listB td a {color:#575757;} .board_listB td a:hover {color:#ed1c24;} .board_listB td.title {text-align:left;} .board_listB td.artist {text-align:left;} .board_listB p.textov {text-align:left;} .board_listB .icon {width:32px;} .board_listB .icon_end {width:32px; padding-right:10px;} .table_foot {background-color:#f6f7f7; font-size:0; line-height:0; letter-spacing:-1px; height:1px; overflow:hidden;} .tab_refer {width:100%; overflow:hidden; margin:18px 0 10px; background:url('http://image.dosirak.com/Images/OpenAlbum/regS_tab_bg.gif') repeat-x 0 100%;} .tab_refer li {float:left; margin-right:2px;} .tab_refer img {vertical-align:middle;} .oa_listView {clear:both;} .oa_listView table {width:100%; border-collapse:collapse;} .oa_listView th, .oa_listView td {color:#575757;} .oa_listView th {height:28px; padding:0 0 2px; background:url('http://image.dosirak.com/Images/OpenAlbum/oath_bg.gif') repeat-x 0 100%; border-top:1px solid #e8e8e8;} .oa_listView td {border-bottom:1px solid #e8ecec; text-align:left; font-family:dotum,'돋움';} .oa_listView td a {color:#575757;} .oa_listView td a:hover {color:#ed1c24;} .oa_listView td.number {width:56px; text-align:center; padding-bottom:20px;} .oa_listView td.number.month {width:76px; padding-bottom:10px; text-align:center;} .oa_listView td.number.month .this_date .ym {color:#6ba7a7; font:normal 13px/18px gulim, dotum, arial,"Trebuchet MS",helvetica;} .oa_listView td.number.month .this_date .d {color:#6ba7a7; font:bold 55px/60px arial,"Trebuchet MS",helvetica, "hiragino kaku gothic pro","나눔고딕","NanumGothic","NanumGothicOTF",sans-serif;} .oa_listView td.number.month .this_date .ym span {font-weight:bold; margin:0 1px; font-size:14px;} .oa_listView td.number .best1 {position:relative; z-index:2;} .oa_listView td.cover {width:138px; min-height:167px; _height:167px; text-align:left;} .oa_listView td.cover .oaCover {position:relative; width:127px; height:145px; padding:22px 0 0 0; text-align:center;} .oa_listView td.cover .oaCover.over {background:url('http://image.dosirak.com/Images/OpenAlbum/oaicons.gif') no-repeat 0 0;} .oa_listView td.cover .oaCover .func {display:none;} .oa_listView td.cover .oaCover.over .func {display:block;} .oa_listView td.cover .oaCover .thumb {display:block; width:100px; margin:0 auto 9px; border:0;} .oa_listView td.cover .oaCover .func {font-size:0;} .oa_listView td.cover .ico_new {position:absolute; top:16px; left:-11px;} .oa_listView td.detail {text-align:left;} .oa_listView td.detail .title {margin:19px 0 13px; font-weight:bold; width:310px; overflow:hidden; white-space:nowrap;} .oa_listView td.detail .title .recomico {vertical-align:middle; margin-right:3px; margin-top:2px; *margin-top:3px;} .oa_listView td.detail .title a {color:#333; vertical-align:middle; font-size:14px; line-height:18px; font-weight:bold; font-family:Malgun Gothic, "맑은고딕", Dotum, "돋움"; display:inline-block; *display:inlne; *zoom:1; max-width:285px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; _width:expression( new Function('el', 'el.style.width = el.offsetWidth > 285 ? "285px" : "auto";')(this) );} .oa_listView td.detail .title a:hover {color:#ed1c24;} .oa_listView td.detail .include {margin-left:2px; margin-bottom:5px; padding-left:17px; background:url('http://image.dosirak.com/Images/OpenAlbum/oaicons.gif') no-repeat 0 -216px;} .oa_listView td.detail .include img {vertical-align:middle; line-height:12px;} .oa_listView td.detail .category {line-height:16px; margin-left:3px; margin-bottom:18px; text-indent:-37px; *text-indent:-40px; padding-left:54px; *padding-left:57px; background:url('http://image.dosirak.com/Images/OpenAlbum/oaicons.gif') no-repeat 0 -416px;} .oa_listView td.detail .category a {white-space:nowrap; margin-left:4px; color:#575757;} .oa_listView td.detail .category a:hover {color:#ed1c24;} .oa_listView td.detail .tag {padding-left:51px; *padding-left:55px; line-height:17px; text-indent:-1px; *text-indent:-5px; margin:18px 0 15px; background:url('http://image.dosirak.com/Images/OpenAlbum/oaicons.gif') no-repeat 0 -310px;} .oa_listView td.detail .tag a {color:#787878; margin-left:4px; white-space:nowrap; font-size:12px;} .oa_listView td.detail .tag a:hover {color:#ed1c24;} .oa_listView td.author {width:112px; padding:0 10px; text-align:center;} .oa_listView td.author .author_dv {display:inline-block; *display:inline; *zoom:1; margin-bottom:5px;} .oa_listView td.author .author_icon {width:14px; height:14px; line-height:14px; vertical-align:middle; margin-right:3px;} .oa_listView td.author .author {vertical-align:middle; max-width:60px; display:inline-block; *display:inline; *zoom:1; color:#575757; line-height:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; _width:expression( new Function('el', 'el.style.width = el.offsetWidth > 60 ? "60px" : "auto";')(this) );} .oa_listView td.author .author_djd {width:auto;} .oa_listView td.author .author_djd img {vertical-align:middle; display:block; } .oa_listView td.author .date {display:inline; text-align:center; padding-left:16px; font:9px/18px verdana; color:#787878; background:url('http://image.dosirak.com/Images/OpenAlbum/oaicons.gif') no-repeat 0 -278px;} .oa_listView td.popular {width:85px; padding-left:20px; color:#787878; line-height:18px;} .tabStyle {width:745px; height:28px; margin:0 0 10px; background:url('http://image.dosirak.com/Images/Commons/tab_bg.gif') repeat-x 0 100%; overflow:hidden;} .tabStyle li {float:left; height:28px; margin-right:2px; background:url('http://image.dosirak.com/Images/Commons/tab_bg.gif') no-repeat 0 0; text-align:center;} .tabStyle li a {display:block; height:21px; padding-top:7px; background:url('http://image.dosirak.com/Images/Commons/tab_bg.gif') no-repeat 100% -30px;} .tabStyle li.on {background:url('http://image.dosirak.com/Images/Commons/tab_bg.gif') no-repeat 0 -60px;} .tabStyle li.on a {background:url('http://image.dosirak.com/Images/Commons/tab_bg.gif') no-repeat 100% -90px;} .tabStyle li.end {margin-right:0px;} .conTop .h2_desc {clear:both; padding:11px 0 0 11px;} .conTop.with_desc {height:auto; margin-bottom:30px;} .sTop {padding:14px 0 0 208px; height:36px; margin-bottom:22px;} .sTop p {float:left; margin-right:5px; display:inline;} .sTop p input {margin:0; padding:0; background:0; border:0;} .sTop p select {width:120px;} .sTop p input.inptext {color:#7e7e7e; border:1px solid #b7b7b7; font:normal 11px/12px dotum,'돋움'; padding:2px 5px 1px; height:15px; width:229px; *position:relative; *top:-1px;} .sTop p input, .oa_sTop p img {vertical-align:middle;} .sTop p input.btn {width:auto; height:auto;} .com_tw_chk {padding-top:1px; vertical-align:top; font-size:11px; font-family:dotum;} .com_tw_chk img, .com_tw_chk .chk {vertical-align:middle;}