/* CSS Document */

@import url(browse_left.css);
@import url(front_music_contents.css);
@import url(browse_right_music.css);

/* 레이아웃*/
ul,li,dl,dt,dd	{ list-style:none; margin:0px; padding:0px; } 
form, p {margin:0px; padding:0px;} 
.fbold {font-weight: bold; }
#all { clear:both; position:relative; width:930px;  margin:7px auto ; padding:0; }

/* 오른쪽 상단 영역 */
#b_body {float:right;  width:745px;margin:0; padding:0;  font-size: 9pt;	color: 606060;	} /* font-family: "돋움"; */
#classic_body {float:right;  width:745px;margin:0; padding:0; }
#b_history {width:745px; margin:0; padding:10px 0 10px 0;  font-size: 9pt;	color: 606060;	} /* font-family: "돋움"; */
#b_nav {float:right;   height:26px; margin:0; width:745px; background:url(//image.aladin.co.kr/img/browse/bg_tap.gif) repeat;	}
#b_tap {float:left; height:26px; margin:0 0 0 10px; padding:0;}
#b_tap a:hover {text-decoration: none;}
#b_search {float:right;   height:26px; margin:0; width:310px;}
#b_nav1 {float:right; height:39px;margin:0; padding:0; width:745px; background: url(//image.aladin.co.kr/img/browse/b_nav_bg.gif) repeat;	}
#b_nav2 {float:right; color:#5E5E5E; height:34px; width:735px; padding:8px 0 0 0; margin:0; 	}

 
#m_reservation { width:490px;}
.m_rsv_tbox { float:left; width:100%; background:url(//image.aladin.co.kr/img/browse/music/title_line01.jpg) left top;height:23px; color:#444444; font-size:14px; font-weight:bold; margin:0px;}
.m_rsv_cbox {  float:left;  margin:12px 0 0 0; padding:0; background:url(//image.aladin.co.kr/img/browse/music/dot_line.jpg) repeat-y; }
.reservation { display:block; background-color:#eeeeee; padding:2px; margin-bottom:10px;}
.rsv_c_l { padding:0 7px 0 0 ; float:left; width:156px; text-align:center;}
.rsv_c_c { padding:0 7px; *padding:0 6px 0 15px;  float:left; width:150px; *width:164px; text-align:center; }
.rsv_c_r { padding:0 0 0 8px ;  float:right;width:155px;text-align:center; }
.author { color:#919191;}
.price { color:#b54a72;}


.classic_left_box {width: 174px; border: 1px #e8e8e8 solid; border-radius: 3px; box-sizing: border-box; margin-bottom: 5px; padding: 0 5px;}
.classic_left_box.bn {padding: 5px;}
.classic_left_box .tit {color: #5248a9; font-size: 13px; font-weight: bold; padding: 8px 0 0 2px; margin-bottom: 5px; letter-spacing: -0.5px;}
.classic_left_box .tit a {display: block; color: #5248a9; font-size: 13px; background: url(//image.aladin.co.kr/img/music/musicmp3/main/arrow.svg) no-repeat top 5px right 5px / 5px auto;  border-bottom: 1px solid #ebebeb; padding-bottom: 5px;}
.classic_left_box .tit a:hover {text-decoration: none;}

.classic_times {display: flex; flex-wrap: wrap; padding: 0 5px 8px 5px;}
.classic_times ul {width: 60%;}
.classic_times ul ~ ul {width: 40%;}
.classic_times ul li {background: url(//image.aladin.co.kr/img/common/ico_qg.gif) no-repeat 0 6px; padding: 0 0 0 10px;}

.classic_recom { margin: -5px 0 0 0;}
.classic_recom li { padding: 10px 0;}
.classic_recom li ~ li {border-top: 1px solid #e8e8e8;}
.classic_recom li a {display: flex;}
.classic_recom li a .cover {width: 51px; margin-right: 7px; flex-shrink: 0;}
.classic_recom li a .cover img {width: 100%;}
.classic_recom li a .txt {line-height: 1.2; letter-spacing: -0.5px;}
.classic_recom li a .txt > div {color: #5865B4; font-weight: bold; margin-bottom: 5px;}
.classic_recom li a .txt > p {color: #919191;}
.classic_recom li a:hover {text-decoration: none;}

.guide_list .tab {display: flex;margin-bottom: 8px;}
.guide_list .tab li:first-child a {border-left: 1px solid #d6d6d6;}
.guide_list .tab li:not(li:nth-child(2)) a {padding: 0 6px;}
.guide_list .tab li a { display: block; width: 100%; height: 23px; line-height: 21px; text-align: center; font-size: 11px; background-color: #f7f7f7; border-top: 1px #d6d6d6 solid; border-right: 1px #d6d6d6 solid; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; padding: 0 5px;}
.guide_list .tab li a.on {background: #fff; border-bottom: 1px #fff solid;}
.guide_list .tab li a:hover { text-decoration: none;}
.guide_list .banner {padding-bottom: 10px;}
.guide_list .banner > div {text-align:center;padding-top:8px}
.instrument {display: flex; flex-wrap: wrap; padding-bottom: 5px;}
.instrument a {padding: 2px;}
.classic_series_bn a {display: block; padding-bottom: 5px;}

.b_tap {width: 85px; background: linear-gradient(to top, rgba(248,248,248,1) 50%,rgba(233,233,233,1) 100%); border: 1px #a9a9a9 solid; border-bottom: none; text-align: center;  border-radius: 3px 3px 0 0;}
.b_tap a {display: block; padding: 4px 0 0 0; color: #0e6788!important; font-weight: bold;}
.more_btn_s {font-size: 11px!important;  color: #888!important;}
.more_btn_s:hover {text-decoration: none;}

.media_classic_box {width: 214px; background-color: #f8f8f8; padding: 0 4px; border: 1px #dddddd solid; box-sizing: border-box; border-radius: 3px;}
.media_classic_box .tit {height: 30px; line-height: 30px; color: #5248a9; font-weight: bold; font-size: 12px; letter-spacing: -0.5px; padding: 0 0 0 5px;}
.media_classic_box .box {background-color: #fff; border: 1px #e2e1e1 solid; border-radius: 3px; padding: 5px 0; margin-bottom: 5px;}
.media_classic_box .box .bn {display: block; text-align: center; padding-bottom: 10px;}
.media_classic_box .box .bn {display: block; text-align: center;}
.media_classic_box .box .txt {padding: 0 0 5px 10px;}

.weekly_best_tit:link, .weekly_best_tit:hover, .weekly_best_tit:visited {display: block; height: 26px; line-height: 26px; font-weight: bold; background: url(//image.aladin.co.kr/img/music/musicmp3/main/arrow.svg) no-repeat center right / 5px auto;}

.soldout_query {clear: both; width: 174px; height: 45px; line-height: 43px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 4px; margin-bottom: 5px;}
.soldout_query a:link, .soldout_query a:hover, .soldout_query a:visited {display: block; height: 45px; line-height: 43px; font-size: 16px; color: #333; padding: 0 13px; font-family: 'Noto Sans KR';  font-weight: 500; text-decoration: none;}
.soldout_query a em {color: #f44900; font-style: normal;}

.world_buy_top {width: 745px; background: url(//image.aladin.co.kr/img/music/world_buy_top.png) #fff no-repeat center right; font-family: 'Noto Sans KR'; padding: 25px 27px 20px 27px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; margin-bottom: 10px;}
.world_buy_top h3 {font-size: 36px; color: #282828; margin: 0 0 10px 0; padding: 0; line-height: 1.2; font-weight: 700; letter-spacing: -2px;}
.world_buy_top h3 em {font-style: normal; color: #ee3c97;}
.world_buy_top p {font-size: 15px; color: #333; font-weight: 500; margin: 0 0 15px 0;  letter-spacing: -1px;}
.world_buy_top ul li {font-size: 13px; color: #777777; font-weight: 500; letter-spacing: -0.8px;}

.world_buy_search {width: 745px; height: 60px; box-sizing: border-box; border: 3px solid #30a2e1; border-radius: 5px; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.world_buy_search .search_tit {font-size: 16px; color: #333; font-family: 'Noto Sans KR'; font-weight: 500; margin-right: 10px; letter-spacing: -0.5px;}
.world_buy_search input {width: 420px; height: 28px; border: 1px #767676 solid; margin-right: 10px; border-radius: 3px; padding: 0 10px;}
.world_buy_search button {width: 70px; height: 28px; border: 1px #195fa5 solid; background-color: #3b82c4; color: #fff; font-size: 12px; border-radius: 3px; cursor: pointer;}
.world_buy_search button:hover {background-color: #1760b2;}
.world_buy_list_more {color: #666!important; font-size: 11px!important; text-decoration: none!important;}