@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1024px) {
header .search							{ width:350px;}
.box-main .box-list h4					{ font-size:16px;}

.banner a.abs-img						{ width:14%;}
.banner a.abs-img img					{ max-width:124px; width:100%; height:auto;}
#player_container 						{ height: auto;}
}
@media only screen and (max-width: 991px) {
.song-main .song-lft01					{ width:60%;}
.song-main .song-rgt01					{ width:38%;}
.song-main .sd-rgt						{ float:none; clear:left; width:100%; padding:20px 0 0;}	
#player_container 						{ height: auto;}
}
@media only screen and (max-width: 768px) {
header .search							{ width:300px;}
.box-main .box-list h4					{ font-size:15px;}
.song-main .song-rgt01 ul li h4			{ font-size:14px;}
.song-main .song-lft01 h2				{ font-size:24px; line-height:28px;}
.song-main .sd-lft h4					{ font-size:17px;}
.song-main .sd-lft ul li				{ width:100px; font-size:14px;}
}
@media only screen and (max-width: 767px) {
.upload-sec span.flag					{ visibility:hidden;}
.upload-sec .us-inner a.profile-img		{ margin:0 0px 0 12px;}
header nav ul							{ left:-14px;}
header .logo							{ width:45px; overflow:hidden; min-width:45px;}
header .upload-sec						{ position:relative;}
header .search							{ width:98.4%; clear:left; margin:0;}
.box-main h2							{ font-size:45px; line-height:48px;}
.box-main .box-list						{ width:100%; clear:left; margin-left:0;}
.box-main .box-list span				{ width:48%; float:left; margin-right:2%;}
.box-main .box-list h4					{ clear:none; font-size:24px; line-height:28px;}
.box-main .box-list cite				{ font-size:20px; line-height:24px;}
.carousel								{ display:none !important;}

.info-sec .info-lft01					{ width:100%;}
.info-sec .info-rgt01					{ width:100%; float:left; margin:20px 0 0;}
.info-sec .info-rgt01 ul				{ display:none;}

.song-main .song-lft01					{ width:100%;}
.song-main .song-rgt01					{ width:100%; border-left:0; border-top:1px solid #000; padding-top:20px; margin-top:20px;}

footer .link-box,
footer .link-box2						{ width:300px; max-width:300px; clear:left; float:none; margin:20px auto 0; text-align:center; padding:0;}
footer h5								{ font-size:38px; line-height:44px;}
footer .link-box ul li					{ font-size:28px; line-height:44px;}
#player_container 						{ height: auto;}
}

@media only screen and (max-width: 479px) {
body									{ min-width:318px;}
.bottom-pd								{ padding:0 10px 20px;}
.box-main h2							{ font-size:36px; line-height:38px;}
.box-main .box-list h4					{ font-size:16px; line-height:18px;}
.box-main .box-list cite				{ font-size:13px; line-height:16px;}

.banner h2								{ max-width:135px; font-size:18px;}
.banner .social-icon ul li				{ margin-left:1px;}

.song-main .sd-lft ul li				{ width:50%; margin-bottom:16px;}
.song-main .sd-rgt ul					{ margin-top:0;}
.show-more p							{ font-size:14px;}


footer h5								{ font-size:30px; line-height:34px;}
footer .link-box ul li					{ font-size:20px; line-height:24px;}
#player_container 						{ height: auto;}
}
@media only screen and (max-width: 479px) {
#player_container 						{ height: auto;}	
}

@media only screen and (min-width: 980px) {
	img.default{height:128px !important}
}
@media only screen and (min-width: 1025px) {
}