.gray_backg {clear:both; overflow:hidden; background-color:#1b1b1b;}

.free_bgm_backg {width:1200px; height:240px; background-image:url('../images/ad/bgm_ad_song_visual.jpg'); background-position:center; overflow:hidden; background-size:cover; margin:20px auto 0; border-radius:20px; -webkit-border-radius:20px;}

.free_bgm_txtplus {width:940px; margin:20px auto; padding:0px 20px 0px; background-color:#fff; box-sizing:border-box;}
.free_bgm_txtplus li {font-size:14px; margin-bottom:5px;}
.free_bgm_txtplus li a {color:#00a791;}

.ad_bgm_txtplus {width:1200px; margin:20px auto 40px; padding:20px 20px 15px; box-sizing:border-box; border:1px solid #333; color:#fff; border-radius:20px; -webkit-border-radius:20px;}
.ad_bgm_txtplus li {font-size:14px; margin-bottom:5px;}
.ad_bgm_txtplus li a {color:#00ffc1;}

.ad_bgm_list_wrap > ul > li {padding-top:15px;}
.ad_bgm_box_wrap {width:1200px; margin:auto; clear:both; overflow:hidden; display:table; border-bottom:1px solid #ccc; padding-bottom:15px;}
.ad_bgm_box_wrap > div {display:table-cell; vertical-align:middle;}
.ad_bgm_box_thumbs {width:360px; cursor:pointer;}
.ad_bgm_box_thumbs .inwrap {width:360px; height:216px; border-radius:15px; -webkit-border-radius:15px; overflow:hidden; position:relative;}
.ad_bgm_box_thumbs .inwrap:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3);}
.ad_bgm_box_thumbs .inwrap .play_ico {content:''; display:block; width:40px; height:50px; position:absolute; top:81px; right:144px; background-image:url('../images/layout/new_list_play_ico.png'); background-size:cover; -webkit-background-size:cover; font-size:0; z-index:10; cursor:pointer;}
.ad_bgm_box_thumbs img {width:100%; height:100%;}
.ad_bgm_box_txt {padding:10px 0 10px 20px;}
.ad_bgm_box_txt h2 {font-size:22px; font-weight:700; border-bottom:none; padding-bottom:0; cursor:pointer;}
.ad_bgm_box_txt div.info {padding-top:0; font-size:18px;}
.ad_bgm_box_txt div.info:before {content:''; display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:0px; margin-left:-5px; width:24px; height:24px; background-image:url('../images/common/ico_music.png'); background-size:cover; -webkit-background-size:cover;}
.ad_bgm_box_txt div.info span {font-weight:700;}
.ad_bgm_box_txt div.hash {padding:15px 0px;}
.ad_bgm_box_txt div.hash a {color:#00a791; display:inline-block; margin-right:10px; cursor:default;}
/*
.ad_bgm_box_txt div.hash a {color:#00a791; display:inline-block; padding:5px 10px; border:1px solid #00a791; border-radius:20px; -webkit-border-radius:20px; margin:0 5px 10px 0; font-size:12px; background-color:#fff;}
*/

.ad_title_wrap {color:#fff; max-width:1650px; min-width:80%; margin:30px auto; clear:both; overflow:hidden;}
.ad_title_wrap h2 {font-size:54px; letter-spacing:0px; margin-bottom:10px;}
.ad_title_wrap .item_wrap {font-size:18px;}
.ad_title_wrap .item_wrap h5 {font-weight:500; font-size:18px; display:block; position:relative; height:50px;}
.ad_title_wrap .item_wrap h5:after {position:absolute; display:block; content:''; bottom:0; left:0; height:1px; background-color:#00ffc1; width:80px;}
.ad_title_wrap .item_wrap ul li {float:left; margin-right:20px; padding-bottom:15px;}
.ad_title_wrap .item_wrap ul li.active {border-bottom:1px solid #00ffc1;}

.ad_bgm_list_wrap_02 {max-width:1650px; min-width:80%; margin:30px auto; clear:both; overflow:hidden;}
.ad_bgm_list_wrap_02 ul {}
.ad_bgm_list_wrap_02 ul li {width:calc(100%/3); float:left; color:#fff;}
.ad_bgm_box_thumbs2 {width:530px; cursor:pointer;}
.ad_bgm_box_thumbs2 * {transition: all ease 0.3s;}
.ad_bgm_box_thumbs2 .inwrap {width:530px; height:300px; overflow:hidden; position:relative;}
.ad_bgm_box_thumbs2 .inwrap:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); opacity:0; transition: all ease 0.3s;}
.ad_bgm_box_thumbs2:hover .inwrap:before {background-color:rgba(0,0,0,0.5); opacity:1;}
.ad_bgm_box_thumbs2 .inwrap .play_ico {content:''; display:block; position:absolute; top:145px; right:0px; z-index:10; cursor:pointer; font-style:normal; color:#00ffc1; width:100%; text-align:center; opacity:0;}
.ad_bgm_box_thumbs2:hover .inwrap .play_ico {content:''; opacity:1;}
.ad_bgm_box_thumbs2 .inwrap .play_ico span {font-size:16px;}
.ad_bgm_box_thumbs2 img {width:100%; height:100%;}

.ad_bgm_box_wrap2 h2 {font-weight:300; font-size:14px; margin:10px 0 30px; color:#bdbdbd;}

.re_demo_song_list_table .ad_buy_btn {border:1px solid #00ffa8; color:#00ffa8; background-color:transparent; padding:2px 10px 3px 10px; display:inline-block; margin-top:-2px; vertical-align:middle; border-radius:15px;}
.re_demo_song_list_table .ad_buy_btn:hover {background-color:#00ffa8; color:#000;}

@media screen and (max-width: 1650px) {

.ad_title_wrap {color:#fff; max-width:1200px; min-width:80%; margin:30px auto; clear:both; overflow:hidden;}
.ad_bgm_list_wrap_02 {max-width:1200px; min-width:80%; margin:30px auto; clear:both; overflow:hidden;}
.ad_bgm_box_thumbs2 {width:380px; cursor:pointer;}
.ad_bgm_box_thumbs2 .inwrap {width:380px; height:216px; overflow:hidden; position:relative;}
.ad_bgm_box_thumbs2 .inwrap .play_ico {content:''; display:block; position:absolute; top:97px; right:0px; z-index:10; cursor:pointer; font-style:normal; color:#00ffc1; width:100%; text-align:center; opacity:0;}

}

.bgm_detail_wrap .detail_box_wrap.ad_wrap {background-color:#ffffff17; width:1200px; margin:50px auto 50px; box-sizing:border-box; padding:30px; overflow:hidden; display:table; table-layout:fixed; color:#fff;}
.bgm_detail_wrap .detail_box_wrap.ad_wrap .hash_tag a {color:#00ffa8;}
.detail_box_wrap.ad_wrap .new_bgm_list_block .bgm_list_head .visualizer .playing:before {background-color:#00ffa8;}
table.re_demo_song_list_table.ad_tbl td.hash_tag a {margin-right:10px; color:#00ffa8;}
table.re_demo_song_list_table.ad_tbl td.submit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; color:#fff;}
table.re_demo_song_list_table.ad_tbl td {border-bottom:1px solid #3e3e3e; position:relative;}

.bgm_detail_wrap .detail_box_wrap.ad_wrap button.song_list_btn.favorite {background-image:url('../images/song/song_list_ico04.png');}
.bgm_detail_wrap .detail_box_wrap.ad_wrap button.song_list_btn.favorite.active {background-image:url('../images/song/song_list_ico04_mint.png');}

.bgm_detail_wrap .detail_box_wrap.ad_wrap .ad_buy_btn {border:1px solid #00ffa8; color:#00ffa8; background-color:transparent; padding:2px 10px 3px 10px; display:inline-block; margin-top:3px; vertical-align:middle; border-radius:15px;}
.bgm_detail_wrap .detail_box_wrap.ad_wrap .ad_buy_btn:hover {background-color:#00ffa8; color:#000;}

.bgm_detail_wrap .detail_box_wrap.ad_wrap .musician {opacity:0.6;}

.bgm_list_player_option_box.ad_wrap .volume_bar_wrap {display:inline-block; vertical-align:middle; width:110px; height:14px; position:relative; font-size:0; cursor:pointer; margin-top:-6px;}
.bgm_list_player_option_box.ad_wrap .volume_bar_wrap .output_bar {position:absolute; top:6px; left:0; width:100%; height:4px; background-color:#666768; border-radius:4px; -webkit-border-radius:4px;}
.bgm_list_player_option_box.ad_wrap .volume_bar_wrap .input {position:relative; width:100%; height:100%; z-index:5;}
.bgm_list_player_option_box.ad_wrap .volume_bar_wrap .input .input_bar {position:absolute;top:6px; left:0; width:100%; height:4px; background-color:#00ffa8; border-radius:4px; -webkit-border-radius:4px;}
.bgm_list_player_option_box.ad_wrap .volume_bar_wrap .input .input_btn {position:absolute; top:1px; right:0; width:14px; height:14px; background-color:#00ffa8; border-radius:50%; -webkit-border-radius:50%;}

.bgm_detail_wrap .detail_box_wrap.ad_wrap button.song_list_btn.play {background-image:url('../images/bgm_list/song_play_ico_ad.png');}
.bgm_detail_wrap .detail_box_wrap.ad_wrap button.song_list_btn.play.active {background-image:url('../images/bgm_list/song_play_ico_ad_on.png');}

.detail_box_wrap.ad_wrap .new_bgm_list_block {border-bottom:1px solid #4e4e4e;}
.detail_box_wrap.ad_wrap .new_bgm_list_block .bgm_list_head .visualizer .playing .now_time {background-color:rgba(20, 76, 73, 0.63); color:#fff;}

.detail_box_wrap.ad_wrap .bgm_list_player_option_box button.volume {background-image:url('../images/bgm_list/player_volume_ico_white.png');}
.detail_box_wrap.ad_wrap .bgm_list_player_option_box button.volume.mute {background-image:url('../images/bgm_list/player_volume_ico_white_off.png');}