/* CSS Document */
/* Temp */
a.bol:link {  color: 777777; font-weight: bold; text-decoration: none}
a.bol:visited {  color: 777777; font-weight: bold; text-decoration: none}
a.bol:hover {  color:  5865B4; font-weight: bold; text-decoration: none}

a.mbo:link {  color: 5865B4; font-weight: bold; text-decoration: none}
a.mbo:visited {  color: 5865B4; font-weight: bold; text-decoration: none}
a.mbo:hover {  color:  5865B4; font-weight: bold; text-decoration: underline}

a.mg:link {  color: 444444;  text-decoration: none}
a.mg:visited {  color: 444444; text-decoration: none}
a.mg:hover {  color:  5865B4;  text-decoration: underline}


ul,li,dl,dt,dd	{ list-style:none; margin:0px; padding:0px; } 
.fl { float:left; } .fr { float:right; }
form, p {margin:0px; padding:0px;} 
.fbold {font-weight: bold; }

#music_all {margin: 7px auto; width: 930px;}
#main_all {width: 930px; }

/**top left**/
#special_shop {margin: 7px 0 0 0; float:left; clear: both;}
#index {margin: 7px 0 7px 0; background:url(//image.aladin.co.kr/img/home/left_box3.gif) repeat-y; clear:both; float:left;}
#index1 {margin: 0 5px 0 5px; line-height: 14px}
#index2 {width: 142px; height:77px; background: #EDEDED; border-top: 1px solid #DDDDDD; float:left; clear:both; }
#index2_2 {width: 142px; height:42px; background: #EDEDED; margin-top: 3px; float:left; clear:both; }
#index2 li { display: inline; float:left; }
#index2_2 li { display: inline; float:left; }
.index3 {margin: 6px 0 0 3px}
.index4 {margin: 3px 0 0 3px}

/*layer*/
#mbrowse_sub1 {border: 3px solid #DBDBEE; width:220px; padding: 6px}
#mbrowse_sub2 li{ border-bottom: 1px solid #DBDBEE; padding: 3px 0 2px 0; }
#mbrowse_sub2 a{ display:block; }
#mbrowse_event {margin:7px 0 0 0}
.mbrowse_sub a:hover {background-color:#F1F1F1; width:100%; text-decoration: none; color: #7668BF}
 
/**center**/
#flash_big {float: left; background:url(//image.aladin.co.kr/img/music/flash_bg.jpg) no-repeat; width: 548px; height: 197px; }
#flash_big2 {float: left; background:url(//image.aladin.co.kr/img/music/flash_bg2.jpg) no-repeat; width: 548px; height: 197px; }
#flash_big3 {float: left; background:url(//image.aladin.co.kr/img/music/flash_bg2.jpg) no-repeat; width: 548px; height: 197px; padding: 11px 5px 0 15px;}
#hotnews {float: left; background:url(//image.aladin.co.kr/img/music/hotnews_bg.jpg) no-repeat; width: 222px; height: 197px;}
#hotnews  ul{width: 200px; margin: 37px 0 0 16px; }
#hotnews  li{ background: url(//image.aladin.co.kr/img/music/hotnews.gif) no-repeat 0 9px; padding-left: 8px; padding-top: 2px}
#hotnews  a{color: #DDD8E7}

#music_new {background: #E8E8F2; float:left; width: 548px; height: 427px; clear: both;}
#music_new_tab  { margin: 7px 10px 0}
#music_new_tab li { display: inline; float:left; }
#music_new_all { margin-left: 10px; clear: both;  }
#music_new_list { float:left; height: 386px; background: #ffffff; margin-top: -7px  ;  width: 528px;  }
#new_list_all {width: 500px; margin-left: 12px}
#new_list_l { float:left; width: 240px; margin-top: 1px }
#new_list_r { float:right; width: 240px; margin-top: 1px}
.new_music {float: left; clear: both; width: 240px; margin-top: 9px;}
.new_music a{line-height:17px}
.new_music dl {float:left; margin:0 ; padding:0; display: inline; width: 240px;}
.new_music dt{float:right; width:144px;  margin:0  ; padding:0; }
.new_music  dl dd { margin: 0; padding:0;}
.new_music dd img {float:left; padding: 0; margin: 0 ;}

/* advance music*/
#pre_music {width:708px; margin-top: 7px; background:url(//image.aladin.co.kr/img/music/advance_02.gif) repeat-y; clear: both;}
.pre_list {float: left; width: 132px; margin-left: 6px; text-align:center; margin-top: 7px}
.pre_list  a{line-height:17px}
.pre_list  img{margin-bottom: 4px;}

#center_flash{float: right; width: 215px; }

/*best music*/
#best_music_all {width:708px; margin-top: 7px;  }
#best_music {float: left; width: 489px; height: 187px; background:url(//image.aladin.co.kr/img/music/bestmusic01.gif) repeat-y; }
.best_music {float: left; width: 455px; }
.best_music p{margin-top: 7px}
.best_music dl {float:left; margin:0 ; padding:0; display: inline; width: 455px; margin-left: 17px}
.best_music dt{float:right; width:290px;  margin:0  ; padding:0; }
.best_music  dl dd { margin: 0; padding:0;}
.best_music dd img {float:left; padding: 0; margin: 0 ; }
a.best_m:link {   font-size: 15px;color: 9D58B4; font-weight: bold; text-decoration: none}
a.best_m:visited {  font-size: 15px; color: 9D58B4; font-weight: bold; text-decoration: none}
a.best_m:hover {  font-size: 15px;color:  9D58B4; font-weight: bold; text-decoration: underline}

#command_tit {width: 708px; height: 58px; background:url(//image.aladin.co.kr/img/music/command_box1.gif) no-repeat; float:left; margin-top:7px; clear: both;}
.command_t {float: left; width: 232px; }
.command_p {color: #7668BF}  
#command_t1 {float: left; padding:  8px 0 0 20px; font-weight: bold;}
#command_t2 {float: left; padding:  8px 0 0 18px ; font-weight: bold;}
#command_t3 {float: left; padding:  8px 0 0 16px ; font-weight: bold;}
#command_t1 a{display:block;  width: 210px; text-decoration: none; font-weight: bold; line-height: 17px} 
#command_t2 a{display:block;  width: 210px; text-decoration: none; font-weight: bold; line-height: 17px} 
#command_t3 a{display:block;  width: 210px; text-decoration: none; font-weight: bold; line-height: 17px} 
#command_list {width: 708px;  background:url(//image.aladin.co.kr/img/music/command_box2.gif) repeat-y; clear: both;   height: 420px}
.command_l {float: left;  width: 232px; }
#command_l1 {float: left; width: 210px; padding:  0 0 0 20px}
#command_l2 {float: left; width: 210px; padding:  0 0 0 18px}
#command_l3 {float: left; width: 210px; padding:  0 0 0 16px}
.com_music1 a{line-height:17px}
.com_music1 {float: left; clear: both; width: 210px; margin-top: 1px}
.com_music1 dl {float:left; margin:0 ; padding:0; display: inline; width: 210px;}
.com_music1 dt{float:right; width:113px;  margin:0  ; padding:0; }
.com_music1  dl dd { margin: 0; padding:0;}
.com_music1 dd img {float:left; padding: 0; margin: 0 ;}
.com_music2 a{line-height:17px}
.com_music2 {float: left; clear: both; width: 210px; margin-top: 10px}
.com_music2 dl {float:left; margin:0 ; padding:0; display: inline; width: 210px;}
.com_music2 dt{float:right; width:113px;  margin:0  ; padding:0; }
.com_music2  dl dd { margin: 0; padding:0;}
.com_music2 dd img {float:left; padding: 0; margin: 0 ;}
 


/** right **/
#comming { background:#EAE3D5 ; clear:both; line-height: 17px; margin-bottom: 7px; clear: both; width: 214px}
.soon {padding: 0 5px 0 10px}

/* bestseller */
#music_best {background:url(//image.aladin.co.kr/img/home/box_06.gif) repeat-y; width: 214px; clear: both;}
#music_list {padding: 0 9px 0 9px; }
.best {border-bottom: 1px solid #F1F1F1; height: 26px; text-align:left; }
.best1 {border-bottom: 1px solid #F1F1F1;  text-align:left;  padding: 6px 0 6px 0 ;}
.best2 { height: 25px; text-align:left; }
.best3 { text-align:center; width:35px}
.best4 {	width:17px;vertical-align: top;}
.best5 {	width:62px;vertical-align: top;}
.best6 {vertical-align: top;}
#best_t {font-weight: bold; border-bottom: 1px solid #E8E8E8; height: 20px;  background: url(//image.aladin.co.kr/img/home/best_tit_bg.gif) no-repeat;  }
#best_t a {display:block; height: 20px;   text-decoration: none; }
.best_tit {color: #0181CC}
#music_best  table, td, tr {text-align:left;}
a.mbl:link {  color: 5865B4; text-decoration: none; line-height: 17px}
a.mbl:visited {  color: 5865B4;  text-decoration: none; line-height: 17px}
a.mbl:hover {  color:  5865B4;  text-decoration: underline; line-height: 17px}

/*aladdin event*/
#Event { clear:both; margin: 7px 0 0 0;   background:url(//image.aladin.co.kr/img/home/box_06.gif) repeat-y; width: 214px}
#Event_ban{ padding: 0 0 0 9px;  }
#box4 {margin: 0 ; padding: 0 1px 0 1px; }
#Event_t { font-weight: bold; margin-left: 8px; margin-bottom: 5px;} /* background: url(//image.aladin.co.kr/img/home/best_tit_bg.gif) no-repeat; */
#Event_t a {display:block; height: 20px;  text-decoration: none;  background: url(//image.aladin.co.kr/img/music/musicmp3/main/arrow.svg) no-repeat center right 8px / 5px auto; padding: 2px 0;}
#Event_t a:hover {color: #444;}
#Event_line1 { height: 52px;}
#Event_line2 { height: 52px;}

/*Warehousing*/
#ware{ clear:both; margin: 7px 0 0 0;   background:url(//image.aladin.co.kr/img/music/ware_box2.gif) repeat-y; width: 214px}
#ware_list{ padding: 5px 0 0 9px; }
#ware_list a{ line-height: 20px}
#ware_t { font-weight: bold;  margin-left: 8px; border-bottom: 1px solid #DBDBDB; height: 22px}
#ware_t a {display:block; height: 20px;  text-decoration: none; }

/*lets paly*/
#letsplay {width: 214px; margin-top:7px; clear: both;}
.letsplay1 a{line-height:17px}
.letsplay1 {float: left; clear: both; width: 195px; padding: 7px 0 0 7px;}
.letsplay1 dl {float:left; margin:0 ; padding:0; display: inline; width: 195px;}
.letsplay1 dt{float:right; width:130px;  margin:0  ; padding:0; }
.letsplay1  dl dd { margin: 0; padding:0;}
.letsplay1 dt img {margin-top: 5px;}
.letsplay1 dd img {float:left; padding: 0; margin: 0 ;}

/*music dvd*/
#musicdvd {width: 214px; padding-top:10px;  clear: both;}
.musicdvd1  a{line-height:17px}
.musicdvd1 {float: left; clear: both; width: 195px; padding: 7px 0 0 7px;}
.musicdvd1 dl {float:left; margin:0 ; padding:0; display: inline; width: 195px;}
.musicdvd1 dt{float:right; width:130px;  margin:0  ; padding:0; }
.musicdvd1  dl dd { margin: 0; padding:0;}
.musicdvd1 dd img {float:left; padding: 0; margin: 0 ;}

.hotone_cover {text-align:center; padding:5px 0 0 0}
.hotone_cover img {width: 150px; border: 1px solid #ddd;}
.record_tit {line-height:15px; padding-top:5px; text-align:center}
.record_tit a {display: block;}
.record_sub {font-size:11px; color:#787878}


/* 음반 좌측 메뉴 */
.music_left_menu {width: 152px; padding: 5px 10px 0 10px; box-sizing: border-box;}
.music_left_menu > div > a {display: block; padding:2px 5px; font-weight: bold; box-sizing: border-box; line-height: 1.6; font-size: 13px; color: #333;}
.music_left_menu > div > a:hovr {color: #333;}


.music_tit1 {height: 44px; line-height: 44px; margin-top: 6px; border-top: 2px #F1F1F1 solid; font-family: 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 600; color: #333;}
.music_tit2 {height: 28px; border-top: 2px #F1F1F1 solid; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 600; color: #333; padding-top: 6px; box-sizing: border-box;}
.music_tit3 {width: 706px; height: 28px; border-top: 2px #F1F1F1 solid; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight: 600; color: #333; padding-top: 6px; box-sizing: border-box; margin-top: 12px; margin-bottom: 10px;}
.music_tit4 {height: 49px; line-height: 29px; font-size: 22px; padding: 8px; box-sizing: border-box; font-weight: bold; color: #333; font-family: 'Noto Sans KR', sans-serif;}
.music_tit4 span {font-size: 17px; margin-left: 5px;}
.leftbn_box a {display: block; width: 152px; height: 54px; border-radius: 3px; border: 1px solid #E2E2E2; padding: 0 13px; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; display: flex; align-items: center; font-weight: bold;}
.leftbn_box a:hover {text-decoration: none; color: #333;}
.leftbn_box.bn1 {background: url(//image.aladin.co.kr/img/music/musicmp3/main/left_bn_img1.jpg) no-repeat center right 12px;}
.leftbn_box.bn2 {background: url(//image.aladin.co.kr/img/music/musicmp3/main/left_bn_img2.jpg) no-repeat center right 12px; margin-top:4px;}

.usedshopbn_box {text-align: right;}
.usedshopbn_box a {display:inline-block; width: 215px; height: 110px; box-sizing: border-box; border: 1px #ECECEC solid; border-radius: 4px; background: url(//image.aladin.co.kr/img/music/musicmp3/main/usedshop.jpg) #F6F6F6 no-repeat center right; padding: 20px 10px;}
.usedshopbn_box a:hover {text-decoration: none;}
.usedshopbn_box .txt1 {font-size: 12px; margin-bottom: 8px;}
.usedshopbn_box .txt1 em {font-style: normal; color: #7c4ae7;}
.usedshopbn_box .txt2 {font-size: 13px; color: #333333; font-weight: bold;}

.music_eventlist_box {margin-top: 8px; border: 1px #dddddd solid; border-radius: 5px;}
.music_eventlist_box .tit a {display: block; height: 35px; line-height: 35px; background: url(//image.aladin.co.kr/img/music/musicmp3/main/arrow.svg) no-repeat center right 8px / 5px auto; padding: 0 8px; font-weight: bold;  margin-bottom: 4px;  color: #333;}
.music_eventlist_box .tit a:hover {text-decoration: none; color: #333;}


.music_main_top {width: 930px; margin: 0 auto 10px auto; display: flex;}
.music_main_top.mb0 {margin: 0 auto;}
.music_main_top .top_banner1 {width: 536px; margin: 0 12px 0 15px;}
.music_main_top .top_banner2 {width: 215px;}
.music_main_top .hot_box {width: 152px; margin-right: 15px;}
.music_main_top .reserve_box {width: 763px;}
.music_main_top .reserve_content {display: flex;}
.music_main_top .reserve_content .reserve_big {width: 130px; margin: 8px 20px 0 10px;}
.music_main_top .reserve_content .reserve_big .t1 {color: #dd2483; font-size: 12px; text-align: center; padding: 0 0 3px 0;}
.music_main_top .reserve_content .reserve_rolling {width: 603px; margin: 20px 0 0 0; position: relative;}

.news_event, .news_music, .news_reserve {display: inline-block; width: 42px; height: 16px; line-height: 16px; font-size: 12px; color: #fff; text-align: center; letter-spacing: -0.5px;}
.news_event {background-color: #e09d97;}
.news_music {background-color: #ab8cdc;}
.news_reserve {background-color: #dc87d8;}

.slide_navi_box {display: flex; justify-content: center; align-items: center; margin-bottom: 5px;}
.slide_navi_box .swiper_pause_btn {width: 20px; height: 20px; font-size: 0; background: url("//image.aladin.co.kr/img/svg/event-pause-btn.svg") no-repeat center / 6px auto; border: 0; opacity: 0.8; cursor: pointer;}
.slide_navi_box .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/svg/event-play-btn.svg") no-repeat center / 8px auto;}

.reserve_rolling .swiper_pause_btn {position: absolute; right: 0; top: 90px; width: 30px; height: 30px; background: url("//image.aladin.co.kr/img/svg/event-pause-btn.svg") no-repeat center / 6px auto; border: 0; opacity: 0.8; cursor: pointer; font-size: 0; border-radius: 50%;}
.reserve_rolling .swiper_pause_btn:hover, .reserve_rolling .swiper_pause_btn.stop:hover {background-color: #eeeeee;}
.reserve_rolling .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/svg/event-play-btn.svg") no-repeat center / 8px auto;}