@charset "utf-8";
body { color: #333; }
/* Typo */
h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
address,em,i{ font-style:normal;}

/* button */
button{ font: normal 12px/1 "맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "돋움", Dotum, Tahoma; cursor:pointer;} 
button.btn{vertical-align:middle;border:none!important;}
.button_type,
.button_type span{ background-image:url(/static/images/common/button_type.png); background-repeat:no-repeat; height:22px;line-height:22px; display:inline-block; font-size:12px; border:0 none; font-family:sans-serif ; }
.button_type{ background-position:right 0; padding:0 10px 0 5px; color:#555; background-color:transparent!important; cursor:pointer;}
.button_type span{background-position:0 0; margin:0 0 0 -10px; padding:0 0 0 10px}
button.button_type span{ display:block; margin:-1px 0 0 -10px;}
.button_type2,
.button_type2 span{ background-image:url(/static/images/common/button_type2.png); height:28px;line-height:28px; letter-spacing:-1px}
.button_type2{ color:#FFF}
.button_type2:hover{ color:gold;}
.button_type3,
.button_type3 span{ font-size:11px; background-image:url(/static/images/common/button_type3.png); height:20px;line-height:18px; letter-spacing:-1px}
.button_type3{ color:#956d4a}
.button_type3:hover{ color:crimson;}


/*heading*/
.pageTitle{color:#7d5838;font-size:22px; border-bottom: 3px solid #D9D9D9;margin: 30px 0; /*text-transform: uppercase;*/}
.pageTitle.noBorder{ border-color:#292929;}
.pageTitle .titleText{ border-bottom: 3px solid #292929; display: inline-block; margin-bottom: -3px; padding-bottom: 3px; text-shadow: 2px 2px 2px #999; white-space:nowrap;  }
.pageTitle .albumtitle_sub{color: #5A5A5A; font-size: 0.8em;}
.pageTitle.noBorder .titleText{ border:0 none;}
.pageTitle .titleText .titleArtist:after{ content:" : ";}
.pageTitle .titleText .titleMusicName{}
.pageTitle .titleText_alt{ font-size:.7em; color:#5a5a5a; text-shadow:none; display:inline-block; padding-bottom:6px; margin-bottom:-6px; border:0 solid #d9d9d9; border-bottom-width:3px}
.pageTitle.noBorder .titleText_alt{ border-width:0;}

.pageTitle .titleSub { font-size: 0.6em; color: #494700; padding-left: 10px; }
.pageTitle .artistname_alter_lang { color:#5A5A5A; font-size:0.8em; }

h2.default {
	padding:0 0 0 10px; margin:0 0 10px 0; font-size:1.1em; color:#353535; 
	background-image: url(/static/images/common/h_default.png); background-repeat: no-repeat; background-position: left center;
}
h2.default:first-child{ margin:0 0 10px 0;}
h2.default span{color:#a7a7a7; font-size:.8em; margin:0 0 0 1em}


h2{ color:#a46936; margin:8px 0 12px 0; padding:0 0 0 12px; font-size:18px; background-image:url(/static/images/common/h_default2.png); background-repeat:no-repeat; background-position:0 center; vertical-align: text-bottom }
h3{ color:#a46936; margin:0 0 20px 0; font-size:1.3em;}
.title_count{ font-size:.8em; color: #933C02; }

.content_title{ font-size:1.6em; color:#956d4a; background:none; padding:0; margin:8px 0 24px;}
.content_title_sub{ font-size:.7em; font-weight:normal; vertical-align:middle;}

/* name */
.artist_name { color: #9a7a2a; background: url("/static/images/common/blt_artist_ov.png") no-repeat 0px center; padding-left: 20px; font-weight: bold; }
.artist_name_alt { color: #858585; background: url("/static/images/common/blt_artist_alt_ov.png") no-repeat 0px center; padding-left: 20px; font-weight: bold; }
.artist_name_kr{ margin:0 0 0 .5em; color:#676767; font-size:.9em}
.music_name { color: #6B7CC4; background: url("/static/images/common/ico_music_doc.png") no-repeat 0px center; padding-left: 20px; font-weight: bold; }
.music_part_name { color: #7681E0; background: url("/static/images/common/blt/blt_music_part.gif") no-repeat 5px center; padding-left: 23px; white-space: nowrap; word-break: break-all; }
.album_name {color: #cc5200;background: url("/static/images/common/ico_dics_case.png") no-repeat 0 center;padding:4px 0 4px 20px;}
.album_name_alt {color: #9a7a2a;background: url("/static/images/common/blt_album.png") no-repeat 0 center;padding-left:20px; font-weight:bold;}
.performance_name { background: url("/static/images/common/blt/blt_recording.png") no-repeat 0px center; padding-left: 20px; }
.member_name { background: url("/static/images/common/blt/blt_member.png") no-repeat 0px center; font-weight: bold; color: #1D7CAF; padding-left: 20px; }
.member_group_name { background: url("/static/images/common/blt/blt_member_group.png") no-repeat 0px center; font-weight: bold; color: #5B161E; padding-left: 20px; }
.artist_tag_name { font-family : Courier; background: url("/static/images/common/blt/blt_tag.png") no-repeat 0px center; font-weight: bold; color: #A59365; font-size: 0.9em; padding-left: 18px;}
.music_tag_name { font-family : Courier; background: url("/static/images/common/blt/blt_tag.png") no-repeat 0px center; font-weight: bold; color: #A59365; font-size: 0.9em; padding-left: 18px; }
.role_name { color: #635A57; font-size: 11px; }
.track_name { cursor: pointer; cursor: url('/static/images/common/blt/blt_play.png'), auto; }
.disabled_track_name { color: #a9a9a9; }
.track_name .track_part { font-style: italic; padding-left: 5px; corlor: #9a9a9a; }
.part_name { font-size: 11px; padding-left: 5px; font-style: italic; color: #7a7a7a; }
.country_name { font-family: Georgia; font-weight: bold; color: #897232; font-size: 0.9em; padding-left: 2px; }
.label_name { color:#444f6f; font-weight:bold; font-size: 0.95em; font-style: italic; }
.place_name { color: #e79a9a; font-style: italic; font-size: 0.95em; cursor: pointer }
.catalog_id { font-family: Arial; font-weight: bold; font-style: italic; }

div.ui-tooltip-content { font-size: 12px; }
#div_add_track { position: absolute; z-index: 999; display: none; background-color: #ffffff; border: 1px solid #7a7a7a; width: 280px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
#div_add_track .header { font-weight: bold; background-color: #9D8877; color: #fff; padding: 5px; }
#div_add_track h3 { color: #fff; float: left; margin: 0px; padding: 0px; font-size: 14px; }
#div_add_track .track_num_message { padding: 10px; border-bottom: 1px solid #e3e3e3; background-color: #f5f5f5; }
#div_add_track .ul_box_list { list-style: none; padding: 0px; margin: 0px; max-height: 220px; overflow-y: auto; }
#div_add_track .ul_box_list li { border-bottom: 1px dotted #e3e3e3; cursor: pointer; padding: 3px; }
#div_add_track .ul_box_list li:hover { color: #FF6600; }
#div_add_track .div_new_musicbox { padding: 10px; }
#div_add_track .div_new_musicbox h4 { margin-bottom: 5px; }
#div_add_track .div_new_musicbox .input_musicbox_name { width: 160px; padding: 5px; }
#div_add_track .div_boxlist .completed { padding: 30px 0px; text-align: center; }

/* info : 앨범정보,아티스트정보 */
.info_pic,
.info_data{ float:left}
.info_pic{ width:300px; margin:0 40px 0 0;}
.info_pic h3{ display:none;}
.pic_big{ width: 300px; height:auto; border: 1px solid #dadada; }
.pic_thumbs li{ width:100px; height:100px; float:left; cursor:pointer; text-align:center; }
.pic_thumbs li img{ width:96px; height:96px; border: 1px solid #dadada;}

.info_data{ width:640px; font-size:1.1em; line-height: 1.7; position:relative; }

#content_artist_info .info_data h3,
#content_music_info .info_data h3,
#content_album_info .info_data h3{ color:#a46936; margin:1em 0; padding:0 0 0 16px; background-image:url(/static/images/common/blt_semititle.png); background-repeat:no-repeat; background-position:0 18px;border-top:2px dotted #e1e1e1; padding-top:10px; text-shadow: 1px 1px 1px #d1d1d1;}
#content_artist_info .info_data h3:first-of-type,
#content_music_info .info_data h3:first-of-type,
#content_album_info .info_data h3:first-of-type{ margin-top:0; border:0 none; padding-top:0; background-position:0 8px;}


.info_data .info_list span.title{ color:#a68a00; display:inline-block; *display:inline; width:94px;}
.info_data .info_list span.title:before{ content:"· "; }
.info_data .info_list span.value{ }
.info_data .info_list span.value:before{content:" : ";}
.info_data .biography,
.info_data .review { display: block; max-height: 230px; overflow-y: hidden; cursor: ns-resize; }
.info_data .biography p,
.info_data .review p { color:#4b4b4b; line-height:1.5; margin:0 0 0 0; }
.info_data .biography_empty,
.info_data .review_empty { color: #aa9a9a; }


.info_data .link_list li { line-height:2; float: left; margin-right: 40px; }


.link_icon1 { background:url("/static/images/common/blt/blt_link1.gif") no-repeat right center; padding-right: 17px; }
.link_kind_allmusic {background:url("/static/images/common/blt/blt_allmusic.png") no-repeat left center; padding-left: 20px; }
.link_kind_wiki {background:url("/static/images/common/blt/blt_wikipedia.png") no-repeat left center; padding-left: 20px; }
.link_kind_goclassic {background:url("/static/images/common/blt/blt_goclassic.png") no-repeat left center; padding-left: 20px; }
.link_kind_navercast {background:url("/static/images/common/blt/blt_naver.png") no-repeat left center; padding-left: 20px; }
.link_kind_classictong {background:url("/static/images/common/blt/blt_classictong.png") no-repeat left center; padding-left: 20px; }
.link_kind_youtube {background:url("/static/images/common/blt/blt_youtube.png") no-repeat left center; padding-left: 20px; }
.link_kind_official {background:url("/static/images/common/blt/blt_official.png") no-repeat left center; padding-left: 20px; }
.link_kind_feature {background:url("/static/images/common/blt/blt_feature.png") no-repeat left center; padding-left: 20px; }
.link_kind_blog {background:url("/static/images/common/blt/blt_blog.png") no-repeat left center; padding-left: 20px; }
.link_kind_media,
.link_kind_etc {background:url("/static/images/common/blt/blt_media.png") no-repeat left center; padding-left: 20px; }

.rating{ display:inline-block; width:60px; height:12px; text-indent:100%; background-image: url(/static/images/common/rating.png); overflow:hidden; }
.rate{ background-position:-60px 0}
.rate0{ background-position:-60px 0}
.rate1{ background-position:-48px 0}
.rate2{ background-position:-36px 0}
.rate3{ background-position:-24px 0}
.rate4{ background-position:-12px 0}

.albumrate{ background-position:-60px 0}
.albumrate0{ background-position:-60px 0}
.albumrate1{ background-position:-48px 0}
.albumrate2{ background-position:-48px 0}
.albumrate3{ background-position:-36px 0}
.albumrate4{ background-position:-36px 0}
.albumrate5{ background-position:-24px 0}
.albumrate6{ background-position:-24px 0}
.albumrate7{ background-position:-12px 0}
.albumrate8{ background-position:-12px 0}
.albumrate9{ background-position:0px 0}

/* TABLE */
table.default{ width:100%;}
.default td{ border-bottom:1px solid #dbdbdb; padding:5px 5px;}
.list_piece thead th,
.list_track thead th,
.list_community thead th{ color:#65503F;padding:8px 0; border-top:3px solid #937c6a;background-color: #e3dfd9;
background-image:url(/static/images/common/bg_thead.png); background-position:0 0;}
thead .noBg,
.list_piece thead th:first-child,
.list_track thead th:first-child,
.list_community thead th:first-child{ background-position:-2px 0!important;}
.track_list { width: 100%; }
.track_list td { vertical-align: top; border-bottom: 1px dotted #eaeaea; padding: 3px 0px; }
.center td,
td.center{ text-align:center;}
table td.title{ text-align:left;}

.th_id{ width:40px;}
.th_board{ width:100px;}
.th_subject{}
.th_reply{ width:54px}
.th_hits{width:54px}
.th_author{width:90px}
.th_date{width:100px; }

/* Pagination */
.pagination{padding:15px 0;line-height:normal;text-align:center}
.pagination a,.pagination strong{display:inline-block;position:relative;margin:0 1px;padding:2px 6px;font-weight:bold;font-size:12px;line-height:normal;font-family:Tahoma,Sans-serif;color:#333;text-decoration:none;vertical-align:middle}
.pagination a:hover,.pagination a:active,.pagination a:focus{background-color:#E9E7E3}
.pagination strong{color:#fff; background:#8C7767}
.pagination .direction{font-weight:normal;color:#767676;white-space:nowrap}
.pagination .direction span{font-weight:bold;font-size:14px}
.pagination .direction:hover,.pagination .direction:active,.pagination .direction:focus{background-color:#fff;color:#333}

/* Tabs*/
.tab{ display:none;}
.tab.first,
.tab:first-of-type{ display:block;}
/* LIST TYPE*/

.item_list{ padding:12px 10px 6px;}
.item_list li{ border-bottom:1px dotted #cfcfcf; margin:0 0 6px 0;}
.item_list li:after{content: " "; display: block; clear: both; height: 0; visibility: hidden;}
.item_list .album_thumb{ display:block; float:left; overflow:hidden;}
.item_list .album_info{float:left;}
.item_list .description{ max-height:3.2em; overflow: hidden; } /* font-size:.9em; color:#8a8b8e; padding:6px 0 0 0; } */
.item_list .description a{ font-size:.9em; color:#8a8b8e; padding:6px 0 0 0; }
.item_list .description a:hover{ color:#FE6500; }
.item_list .album_name{ color:#917624; font-weight:bold; display:block; background:none; padding:0; }
.item_list .artist_name { color:#444f6f; padding:0 0 0 10px;background-image: url(/static/images/common/blt_artist.png); background-repeat: no-repeat; background-position: 0px 5px; }
.item_list .label_company,
.item_list .label_date{ color:#956d4a; font-weight:bold;}
.item_list .label_date{ font-weight:normal;}

.item_list_type1 li:last-of-type{ border:0;}
.item_list_type1 .album_thumb img{ width:75px; height:75px; margin:2px 0 0 15px;}
.item_list_type1 .album_thumb{ width:98px; height:82px; margin:3px 5px 5px 0; position:relative; background-image: url(/static/images/common/bg_case_type1.png); background-repeat: no-repeat; position:relative }
.item_list_type1 .album_thumb:after{ width:74px; height:66px; content: ""; position:absolute; top:2px; left:14px; background-image: url(/static/images/common/glossy_s.png); background-repeat: no-repeat; background-position:0 0; }

.item_list_type1{border:1px solid #ccc;}
.item_list_type2 li{border-bottom:1px dotted #d2d2d2;}

.item_list_type2{ padding:0;}
.item_list_type2 li{ padding:10px 10px 20px; margin:0 0 20px 0;}
.item_list_type2 .artist_name{ color:#A46820; font-size:1.2em; background-image: url(/static/images/common/blt_artist_ov.png); background-position:0 2px; padding:0 0 0 18px; }
.item_list_type2 .album_thumb{ margin:0 20px 0 0;}
.item_list_type2 .album_thumb:after{ width:0;}
.item_list_type2 .description{ font-size:1em; padding: 2px 0 0 20px }

.item_list_col2>li{ width:460px;height:120px; float:left; overflow: hidden; }
.item_list_col2 .artist_name_alter{ display:block; font-size: 13px; padding:2px 0 0 20px ; color: #676767; }

.item_list_type3{ padding:0;}
.item_list_type3 li{ padding:10px 10px 20px; margin:0 0 20px 0;}
.item_list_type3 .album_name{ font-size:1.4em; color:#cc5200; margin:0 0 1.6em 0;}
.item_list_type3 .album_thumb{ margin:0 20px 0 0;}

.album_play_count{ font-size:11px; display:inline-block; padding:0 0 0 12px; background-image:url(/static/images/common/ico_mic.png); background-position:0 center; background-repeat:no-repeat;}


/* artist_list_type1 */
.artist_list_type2 li { width: 480px; height: 150px; float: left; overflow: hidden; padding: 10px 10px 20px 0px; margin: 0 0 10px 0;  border-bottom:1px dotted #cfcfcf;}
.artist_list_type2 .artist_thumb { display: block; float: left; margin-right: 10px; }
.artist_list_type2 .artist_thumb img { width: 150px; height: 150px; }
.artist_list_type2 .artist_info { width: 280px; margin-left: 20px; float: left; }
.artist_list_type2 .artist_info .artist_name { font-size: 15px; margin-left: -20px; }
.artist_list_type2 .artist_info .artist_name_alter { display: block; font-size: 13px; padding:2px 0 10px 0px; color: #676767; }
.artist_list_type2 .artist_info .description { line-height: 1.7; }
.artist_list_type2 .artist_info .description strong { background-color: #FFF8F2; color: #A56B52; font-size: 0.85em; padding: 2px 5px; border-left: 1px solid #D89275; }


/* album_list_type */
.album_list_type1 li { border-bottom: 1px dotted #cfcfcf; float: left; width: 480px; height: 120px; overflwo: hidden; margin-bottom: 10px; }
.album_list_type1 .album_thumb { display:block; float: left; width:128px; height:117px; margin:3px 5px 5px 0; position:relative; background-image: url(/static/images/common/bg_case_type1.png); background-repeat: no-repeat; position:relative;background-size: 129px 108px;}
.album_list_type1 .album_thumb:after{ width:92px; height:92px; content: ""; position:absolute; top:1px; left:17px; background-image: url(/static/images/common/glossy_m.png); background-repeat: no-repeat; background-position:0 0; background-size: 92px 92px; }
.album_list_type1 .album_thumb img{ width:100px; height:100px; margin:3px 0 0 19px; }
.album_list_type1 .album_info { float: left; width: 330px; line-height: 1.7; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border: 1px solid #fff; }
.album_list_type1 .album_info .album_name { display:block; font-size: 14px; background-image: none; padding: 0px; font-weight: bold; line-height: 1.4; }
.album_list_type1 .album_info .album_alter_name { display: block; }
.album_list_type1 li:hover .album_info { position: absolute; margin-left: 133px; z-index: 998; white-space: normal; background-color: #fff; }
.album_list_type1 li.restrict_album { opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.album_list_type1 .album_thumb .album_button{ display: none; position: absolute; bottom: 18px; left: 22px; z-index: 99; background-color: #fff; padding: 2px; opacity: 0.9; border: 1px solid #333; line-height: 0; border-radius: 5px; }
.album_list_type1 .album_thumb .album_button img { width: 25px; height: 25px; margin: 0px; cursor: pointer; padding: 0px 1px; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.album_list_type1 .album_thumb .album_button img:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.album_list_type1 .album_thumb:hover .album_button{ display: block; }



/* performance_list_type */
.performance_list_type1 li { width: 380px; height: 135px; float: left; overflow: hidden; padding: 5px 10px 20px 0px; margin: 0 0 10px 0;  border-bottom:1px dotted #cfcfcf; position: relative; }
.performance_list_type1 .album_thumb { display:block; float: left; width:128px; height:117px; margin:3px 5px 5px 0; position:relative; background-image: url(/static/images/common/bg_case_type1.png); background-repeat: no-repeat; position:relative;background-size: 129px 108px;}
.performance_list_type1 .album_thumb a { z-index: 88 }
.performance_list_type1 .album_thumb:after{ width:92px; height:92px; content: ""; position:absolute; top:1px; left:17px; background-image: url(/static/images/common/glossy_m.png); background-repeat: no-repeat; background-position:0 0; background-size: 92px 92px; }
.performance_list_type1 .album_thumb img{ width:100px; height:100px; margin:3px 0 0 19px; }

.performance_list_type1 .album_thumb .album_button{ display: none; position: absolute; bottom: 18px; left: 22px; z-index: 99; background-color: #fff; padding: 2px; opacity: 0.9; border: 1px solid #333; line-height: 0; border-radius: 5px; }
.performance_list_type1 .album_thumb .album_button img { width: 25px; height: 25px; margin: 0px; cursor: pointer; padding: 0px 1px; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.performance_list_type1 .album_thumb .album_button img:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.performance_list_type1 .album_thumb:hover .album_button{ display: block; }

.performance_list_type1 .album_info { float: left; width: 240px; height: 105px; padding-top:2px; overflow-x: hidden; overflow-y: auto; background-color: #fff; }
.performance_list_type1 .album_info .credits li { height: 20px; padding: 0px; margin: 0px; border: none; }
.performance_list_type1 .release_info { position: absolute; width: 380px; top: 120px; left: 6px; display: block; line-height: 1.6; }
.performance_list_type1 .release_info { font-weight: normal; font-size: 0.95em; }
.performance_list_type1 .release_info .recording_info { font-size: 0.95em; background: url("/static/images/common/blt/blt_recording.png") no-repeat 0px 1px; padding-left: 20px; }
.performance_list_type1 .release_info .recording_info .recording_date { font-weight:bold; }
.performance_list_type1 .release_info .recording_info .recording_place { color: #e79a9a; font-style: italic}
.performance_list_type1 .release_info .label_name { padding-left: 20px; }

.performance_full_with .performance_list_type1 li { width: 480px; }
.performance_full_with .performance_list_type1 .album_info { width: 340px; }
.performance_full_with .performance_list_type1 .release_info { width: 480px; }

#content_music_info .performance_list_type1 .composer_name,
#content_music_info .performance_list_type1 .music_name { display: none; }

.tabs{ position:relative;}

/*Button Set #################################*/
/*한곡 목록 btnset_opuscule*/
.btnset_opus{ display:inline-block; *display:inline; zoom:1; vertical-align:top; text-indent:-1000%; overflow:hidden; background-image:url(/static/images/common/btnset_opus.png); cursor: pointer}
.btn_opus_playall,
.btn_opus_addall,
.btn_opus_downall,
.btn_opus_book{ width:68px; height:22px;}
.btn_opus_playall{ background-position:0 0;}
.btn_opus_addall{ background-position:0 -40px;}
.btn_opus_downall{ background-position:0 -80px;}
.btn_opus_playall:hover{ background-position:-80px 0;}
.btn_opus_addall:hover{ background-position:-80px -40px;}
.btn_opus_downall:hover{ background-position:-80px -80px;}
.btn_opus_playall2{ width:86px; height:22px; background-position:0 -120px;}
.btn_opus_playall2:hover{background-position:-86px -120px;}
.btn_opus_play,
.btn_opus_add{ width:32px; height:32px}
.btn_opus_play{ background-position:0 -160px}
.btn_opus_add{ background-position:0 -200px}
.btn_opus_play:hover{ background-position:-40px -160px}
.btn_opus_add:hover{ background-position:-40px -200px}
.btn_opus_mp3down,
.btn_opus_add2{ width:74px; height:26px; display:block;}
.btn_opus_mp3down{ background-position:0 -240px;}
.btn_opus_add2{ background-position:0 -280px;}
.btn_opus_mp3down:hover{ background-position:-80px -240px;}
.btn_opus_add2:hover{ background-position:-80px -280px;}
.btn_opus_book{ background-position:0 -320px;}
.btn_opus_book:hover{ background-position:-80px -320px;}
.wrapper_btnset { background-color: #D6D6DA; padding: 5px 0px 5px 125px; border-top: 1px solid #EDEDEF; border-bottom: 1px solid #B3B3B7 }
.btnset_opus.disabled { opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }

.freeow h2{ color:#ffffff; margin:0px; padding:0px; font-size:14px; line-height: 18px; background-image:none; }