
body,td,th { font-size:14px; font-family:Arial,Dotum,sans-serif; color:#303030; line-height:18px; margin:0; padding:0; }
table { border:0; border-spacing:0; border-collapse:collapse; margin:0 auto; }

img { border:none; vertical-align:middle; }
p { margin:0; }

/* 0C327D  1C418C */

A:link {    font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:14px; text-decoration:none; }
A:visited { font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:14px; text-decoration:none; }
A:hover {   font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:14px; text-decoration:underline; }
A:action {  font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:14px; text-decoration:none; }

A.cov:link {    font-family:Arial,Dotum,sans-serif; color:#888888; font-size:11px; text-decoration:none; font-weight:bold; }
A.cov:visited { font-family:Arial,Dotum,sans-serif; color:#888888; font-size:11px; text-decoration:none; font-weight:bold; }
A.cov:hover {   font-family:Arial,Dotum,sans-serif; color:#888888; font-size:11px; text-decoration:underline; font-weight:bold; }
A.cov:active {  font-family:Arial,Dotum,sans-serif; color:#888888; font-size:11px; text-decoration:none; font-weight:bold; }

A.eg2:link {    font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:12px; text-decoration:none; }
A.eg2:visited { font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:12px; text-decoration:none; }
A.eg2:hover {   font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:12px; text-decoration:underline; }
A.eg2:active {  font-family:Arial,Dotum,sans-serif; color:#0645AD; font-size:12px; text-decoration:none; }

textarea { font-size:14px; line-height:20px; font-family:Arial,Dotum,sans-serif; color:#000000; padding:5px; border:1px solid #BDC5C9; }
input { font-size:14px; color:#000000; padding:0 0 0 2px; border:1px solid #BDC5C9; }
select { font-size:14px; color:#000000; }
h1,h2,h3 { font-size:14px; font-weight:bold; margin:0; display:inline; }

.f11 { font-size:11px; }
.artwork { border:#E2E2E2 1px solid; }
.photo { border:#E2E2E2 2px solid; }
.em { margin:0 5px; 0 5px; }
.cr { margin:0 5px; 0 5px; }

.ov4 { font-size:22px; margin:0 7px 0 7px; }
.ov5 { font-size:18px; margin:0 4px 0 4px; }

.ltl { padding:0 0 0 8px; }
.ltr { text-align:right; padding:0 8px 0 0; }

.lbl { vertical-align:top; padding:4px 0 0 3px; }
.lbc { text-align:center; padding:4px; }
.lbr { vertical-align:top; text-align:right; padding:4px 6px 0 0; }

.tty { font-size:11px; color:#BBBBBB; margin:0 6px; 0 6px; }
.cit { background-color:#F6F9FB; }

.tt1 { color:#74777A; }
.tt2 { color:#74777A; font-size:11px; }
.tt3 { color:#888888; }
.tt4 { color:#888888; font-weight:bold; margin:0 0 0 3px; white-space:nowrap; }
.tt5 { color:#888888; font-weight:bold; }

.cn1 { border:1px solid #CBCFD3; background-color:#F6F9FB; }
.cn2 { border:1px solid #CBCFD3; }
.cn3 { background-color:#F3F6F9; }
.cn4 { background-color:#CBCFD3; }
.cn5 { background-color:#F3F6F9; }

.pc1 { font-weight:bold; margin:0 0 0 7px; color:#FF401A; }
.pc2 { font-weight:bold; margin:0 0 0 7px; color:#888888; }

.tbm1 { background:url(/img/tab30.jpg); }
.tbm2 { background:url(/img/tab32.jpg); }
.tbm4 { background:url(/img/tab30.jpg); }

.rd1 { width:141px; height:29px; background:url(/img2/rec_y.gif); margin:14px 0 3px 3px; cursor:pointer; text-align:right; line-height:29px; }
.rdf { font-size:16px; font-weight:bold; margin:0 9px 0 0; color:#FFFFFF; }


/* All Page */

.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.valign-middle { vertical-align:middle; }
.color-1 { color:#AAAAAA; }
.color-2 { color:#BBBBBB; }
.color-3 { color:#999999; }
.color-4 { color:#888888; }
.ya { color:#888888; margin:0 0 0 2px; }
.font-size-10 { font-size:10px; }
.font-size-11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.submit-button-1 { width:54px; height:20px; }
.no-bold { font-weight:normal; }
.no-border { border:0; }
.no-br { white-space:nowrap; }
.height-2 { height:2px; }
.height-3 { height:3px; }
.height-4 { height:4px; }
.height-5 { height:5px; }
.height-6 { height:6px; }
.height-7 { height:7px; }
.height-8 { height:8px; }
.height-9 { height:9px; }
.height-10 { height:10px; }
.height-12 { height:12px; }
.height-14 { height:14px; }
.height-18 { height:18px; }

#edv { width:0; height:0; }

#wrapper { width:100%; max-width:1300px; margin:0 auto; }

#top-dv { padding:15px 0 20px 0; line-height:36px; }
#top-dv-1 { float:left; width:19%; margin:0 0 0 3%; }
#top-dv-2 { float:left; width:15%; margin:0 1% 0 0; }
#top-dv-3 { float:left; width:18%; }
#top-dv-4 { float:left; width:10%; margin:0 0 0 1%; }
#top-dv-5 { float:left; width:30%; text-align:right; }

@media (max-width:700px) {
#top-dv-1 { display:none; }
#top-dv-2 { float:left; width:17%; margin:0 1% 0 3%; }
#top-dv-3 { float:left; width:20%; }
#top-dv-4 { float:left; width:13%; margin:0 0 0 1%; }
#top-dv-5 { float:left; width:42%; text-align:right; }
}

@media (max-width:500px) {
#top-dv { padding:7px 0 15px 0; line-height:36px; }
#top-dv-1 { display:none; }
#top-dv-2 { float:left; width:27%; margin:0 2% 0 2%; }
#top-dv-3 { float:left; width:50%; }
#top-dv-4 { float:left; width:17%; margin:0 0 0 2%; }
#top-dv-5 { float:left; width:100%; text-align:center; padding:5px 0 0 0; }
}

#top-dv-1 img { height:36px; }
#top-dv-2 select { width:100%; }

.menu-btn { cursor:pointer; vertical-align:middle; }
.top-sch-it { width:98%; height:28px; border:2px solid #BDC5C9; }
.top-sch-ii { width:50px; height:22px; border:0; }
.topd5s { margin:0 19px 0 0; }

.menu-b { margin:0 26px 0 8px; line-height:30px; }
.menu-b-st { margin:0 26px 0 8px; line-height:30px; }
.menu-l { height:1px; margin:10px 14px 10px 14px; background-color:#BBBBBB; }
.mli-1 { float:left; margin:0 0 0 18px; }
.mn-close { color:#0645AD; cursor:pointer; }

@media (max-width:700px) {
.menu-b { margin:0 9px 0 0; line-height:28px; }
.menu-b-st { display:none; }
.menu-l { height:1px; margin:9px 11px 9px 11px; background-color:#BBBBBB; }
.mli-1 { float:left; margin:0 0 0 11px; }
}

#menu-body { position:fixed;z-index:6;width:800px;overflow:hidden;border:5px solid #BBBBBB;background-color:#FFFFFF;padding:15px 0 15px 0; }

#footer { width:100%; height:60px; line-height:60px; margin:20px 0 0 0; border-top:1px solid #CBCFD3; text-align:center; }
.footer-1 { margin:0 17px 0 0; }
.footer-2 { margin:0 17px 0 17px; }
.footer-3 { margin:0 0 0 17px; }
@media (max-width:600px) { .footer-2 { display:none; } }

.main-wrapper { margin:0 5px 0 5px; }
.matched-content { margin:12px 5px 0 5px; }

#AutoHttpBody { position:absolute; top:56px; width:500px; z-index:2; }
@media (max-width:550px) { #AutoHttpBody { width:92%; } }
@media (max-width:500px) { #AutoHttpBody { top:50px; } }

#MessageBox { position:absolute; top:52px; width:200px; z-index:6; }
#CollWishBody { position:absolute; width:200px; z-index:4; overflow:hidden; }

.title-bar { height:31px; line-height:31px; background:url(/img/tab30.jpg); text-align:center; border-bottom:1px solid #CBCFD3; border-top:1px solid #CBCFD3; }

.nv_page { text-align:center; margin:0 5% 0 5%; padding:10px 0 10px 0; line-height:36px; }

.cm-section { height:31px; line-height:30px; margin:12px 0 0 0; border-bottom:1px solid #CBCFD3; border-top:1px solid #CBCFD3; background:url(/img/tab30.jpg); }
.cm-section-1 { margin:0 0 0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.sec-w { border-bottom:1px solid #CBCFD3; }
.baaai { margin:0 5px 0 5px; }
.cbrf { color:#888888; margin:0 0 0 4px; }


/* Artist */

#artist-info-table { margin:0; line-height:20px; }
#artist-info-table th { padding:3px 9px 3px 0; text-align:right; white-space:nowrap; color:#74777A; }
#artist-info-table td { padding:3px 0 3px 0; }
@media (max-width:500px) {
#artist-info-table .hst { font-size:12px; }
}

/* Album */

.album-info-table { margin:0; line-height:20px; }
.album-info-table th { padding:3px 9px 3px 0; text-align:right; white-space:nowrap; color:#74777A; }
.album-info-table td { padding:3px 0 3px 0; }
.member-list { padding:0; margin:0; list-style-type:none; }
.member-list li { padding:2px 0 2px 0; line-height:18px; }
.album-6 { margin:0 0 0 15px; padding:0 0 10px 0; }
.album-info-txt { margin:0 3% 0 3%; }


/* Album lyrics */

.al-lal { float:left; width:28%; margin:0 2% 0 3%; padding:10px 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.al-lalw { border-bottom:1px solid #CBCFD3; padding:10px 0 10px 0; }
@media (max-width:800px) {
.al-lal { width:45%; }
}
@media (max-width:500px) {
.al-lal { width:95%; }
}
#al-h1 { padding:18px 20px 18px 20px; text-align:center; border-bottom:1px solid #CBCFD3; }
#al-h1 h1 { font-family:georgia; font-size:24px; line-height:32px; }
.al-mgp { margin:0 3% 0 3%; padding:11px 0 11px 0; }
.al-mgpw { padding:11px 0 11px 0; }
#al-bc { padding:20px 15px 20px 15px; line-height:24px; text-align:center; border-top:1px solid #CBCFD3; border-bottom:1px solid #CBCFD3; }
.al-aeb { padding:0 0 20px 0;  border-bottom:1px solid #CBCFD3; }
.al-aeb2 { margin:0 3% 0 0; text-align:right; line-height:38px; }
.al-wae { white-space:nowrap; margin:0 0 0 20px; }

.alvlsw { padding:20px 0 0 0; border-bottom:1px solid #CBCFD3; }
.alvls { float:left; width:16.6%; padding:0 0 20px 0; }
.alvls-1 { text-align:center; }
.alvls-1 img { width:88%; }
.alvls-2 { padding:4px 0 0 0; text-align:center; margin:0 8% 0 8%; }
.alvlsm { padding:0 0 20px 0; text-align:center; }
@media (max-width:1100px) {
.alvls { float:left; width:33%; }
.alvls-2 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}
@media (max-width:700px) {
.alvls { float:left; width:50%; }
.alvls-2 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}


/* Song lyrics */

.sl-bars { text-align:center; border-bottom:1px solid #CBCFD3; padding:20px 0 20px 0; }





.side-layout { margin:5px 0 0 0; border:1px solid #CBCFD3; }
.side-title { height:31px; text-align:center; line-height:30px; font-weight:bold; background:url(/img/tab30.jpg); border-bottom:1px solid #CBCFD3; }

#community-list { list-style-type:none; margin:7px 0 7px 13px; padding:0; }
#community-list li { line-height:24px; padding:0; }

#side-ad { text-align:center; height:600px; padding:10px 0 10px 0; }

#artist-menu-list { list-style-type:none; margin:7px 0 7px 13px; padding:0; }
#artist-menu-list li { line-height:24px; padding:0; }

#random-album-cover { width:150px; height:150px; vertical-align:middle; border:1px solid #E2E2E2; }
.random-album-1 { padding:10px 0 5px 0; text-align:center; }
.random-album-2 { padding:0 0 3px 0; margin:0 2px 0 2px; text-align:center; }
.random-album-3 { padding:0 0 9px 0; text-align:center; }

.info-1 { text-align:center; line-height:19px; padding:9px 0 9px 0; }
.info-2 { text-align:center; line-height:19px; }
.info-3 { text-align:center; line-height:19px; padding:0 0 9px 0; }

.top-rating-1 { padding:2px 0 1px 0; margin:0 3px 0 10px; }
.top-rating-2 { padding:1px 0 1px 0; margin:0 3px 0 10px; }
.top-rating-3 { padding:1px 0 11px 0; margin:0 3px 0 15px; }

.memo-box-1 { padding:8px 0 0 0; line-height:20px; text-align:center; }
.memo-box-2 { padding:5px 0 2px 0; text-align:center; }
.memo-box-3 { padding:0 0 5px 0; margin:0 0 0 10px; }
.memo-box-4 { padding:4px 0 3px 0; margin:0 0 0 9px; }
.memo-box-5 { padding:0 0 6px 0; margin:0 8px 0 12px; line-height:19px; }

.iprv { width:13px; height:13px; cursor:pointer; }
.coll-wish { width:13px; height:13px; cursor:pointer; }

.bottom-line { border-bottom:1px solid #CBCFD3; }
.top-line { border-top:1px solid #CBCFD3; }

.page-top { width:718px; margin: 0 auto; text-align:right; line-height:30px; padding:2px 0 0 0; }

.page-bottom { width:718px; margin: 0 auto; }
.page-bottom-1 { float:left; width:69px; padding:4px 0 0 0; }
.page-bottom-2 { float:left; width:580px; text-align:center; padding:10px 0 6px 0; line-height:24px; }
.page-bottom-3 { float:left; width:69px; text-align:right; padding:4px 0 0 0; }

.list-table { width:730px; border-top:1px solid #CBCFD3; }
.list-table th { height:31px; background:url(/img/tab30.jpg); text-align:center; border-bottom:1px solid #CBCFD3; }
.list-table td { border-bottom:1px solid #CBCFD3; text-align:center; height:22px; padding:5px 0 5px 0; }
.list-table .c1 { text-align:left; }
.list-table .c2 { padding:5px 0 5px 5px; }
.list-table .c3 { padding:5px 0 5px 8px; }
.list-table .c4 { padding:2px 0 2px 0; }

.pre-pages { margin:0 10px 0 0; white-space:nowrap; }
.next-pages { margin:0 0 0 10px; white-space:nowrap; }

.parti { color:#BBBBBB; margin:0 4px 0 4px; font-size:11px; font-weight:bold; }

.prev { margin:0 3px 0 3px; }
.prev-no { color:#AAAAAA; margin:0 3px 0 3px; }
.next { margin:0 3px 0 3px; }
.next-no { color:#AAAAAA; margin:0 3px 0 3px; }

#share-4 { float:left; width:67px; height:20px; }
#share-5 { float:left; width:87px; height:20px; }

#album-share { height:25px; margin:15px 0 0 208px; }
.alist { padding:5px 0 0 0; margin:0 0 0 7px; }

.musician { font-weight:bold; }
.uin { width:30px; height:30px; vertical-align:middle; margin:0 2px 0 0; }
.uin2 { width:50px; height:50px; vertical-align:middle; margin:0 2px 0 0; }

