document,body{
	padding:0px;margin:0px;
	font-family: "oxygenregular", sans-serif;
}
.links{
	cursor:pointer !important;
}
.borders{
	border:1px solid #ededed;
}
.shadows{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.6)!important;
}
@media screen and (max-width: 1023px) {
	.main_img{
		position:relative;
		min-height:240px;
		background-image:url('../img/1.png');
		background-position:center bottom;
		background-repeat: no-repeat;
	}
}
@media screen and (min-width: 1024px) {
	.main_img{
		margin-left:auto;
		margin-right:auto;
		position:relative;
		max-width:1140px;
		min-height:240px;
		background-image:url('../img/1.png');
		background-position:center bottom;
		background-repeat: no-repeat;
	}
}

.main_title {
	position:absolute;
	top:1.4em;left:1.2em;
	font-family: "oxygenregular", sans-serif;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
}
.main_rp{
	position:absolute;
	top:4.3em;left:2.1em;
}
.main_btn{
	position:absolute;
	top:6.5em;left:2.1em;
	
}
.btn_yt_main{
	color:#2c2a28;
	width: 109px;
	height: 20px;
	opacity: 0.8;
	border-radius: 30px;
	border: solid 1px #2c2a28;
	font-size:0.7em;
	text-align:center;
	padding-top:0.2em;
}
@media screen and (min-width: 321px) {
	.btn-area>.col{
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px);
		background-color: #ffffff;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.8em;
	}
}
@media screen and (max-width: 320px) {
	.btn-area>.col{
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px);
		background-color: #ffffff;
		text-align:center;
		margin-top:1em;
		margin-bottom:0.8em;
		padding:2px;
	}
}
.col_split{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 2px;
	background-image:url(../img/split.png);
	background-repeat:no-repeat;
	background-position: 1px 1.6em
}
.col_split2{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 7px;
}
.mu_logo{
	width:100%;
	height:20px;
	vertical-align:text-bottom;
}
@media screen and (max-width: 320px) {
	.mu_text{
		margin-top:3px;
		width:100%;
		height:20px;
		vertical-align:text-bottom;
		font-family: "oxygenregular", sans-serif;
		font-size: 0.84em;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align: center;
		color: #363636;
	}
	#txt-youtube{
		width:60px;
	}
	#txt-naver{
		width:55px;
	}
	#txt-tidal{
		width:65px;
	}
	#txt-spotify{
		width:60px;
	}
}
@media screen and (max-width: 414px) {
	.mu_text{
		margin-top:3px;
		width:100%;
		height:20px;
		vertical-align:text-bottom;
		font-family: "oxygenregular", sans-serif;
		font-size: 0.84em;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align: center;
		color: #363636;
	}
	#txt-youtube{
		width:60px;
	}
	#txt-naver{
		width:55px;
	}
	#txt-tidal{
		width:65px;
	}
	#txt-spotify{
		width:60px;
	}
}
@media screen and (min-width: 415px) {
	.mu_text{
		margin-top:3px;
		width:100%;
		height:20px;
		vertical-align:text-bottom;
		font-family: "oxygenregular", sans-serif;
		font-size: 0.90em;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align: center;
		color: #363636;
	}
}
.tab_area{
	height:4em;
	position:relative;
}
.tab_bar0{
	margin-left:2%;
	width:48%;
	position:absolute;
	border-bottom:5px solid #ffcd1e;
	bottom:0em;
}
.tab_bar1{
	margin-right:2%;
	width:48%;
	position:absolute;
	border-bottom:5px solid #ffcd1e;
	bottom:0em;
	right:0em;
}
@media screen and (min-width: 321px) {
	.btn_tab{
		height:100%;
		font-family: "oxygenregular", sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align:center;
		padding-top:1.7em;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 320px) {
	.btn_tab{
		height:100%;
		font-family: "oxygenregular", sans-serif;
		font-size: 1.0em;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align:center;
		padding-top:1.7em;
		box-sizing: border-box;
	}
}
.tab_tl_active {
	opacity: 1;
	color: #363636;
}
.tab_tl_deactive {
	opacity: 0.35;
	color: #363636;
}
.song_yt_pic{
	width:120px;
	height:90px;
}
@media screen and (max-width:320px){
	.song_yt_pic{
		width:90px;
		height:70px;
	}
	.tab_tl_subject{
		font-size:0.9em;
	}
}
@media screen and (min-width:321px){
	.tab_tl_subject{
		font-weight: bold;
		font-size:1em;
		line-height:1.3em;
	}
}	
@media screen and (min-width:321px){
	.tab_tl_date{
		font-size:0.9em;
		opacity:0.4;
		font-family: "oxygenregular", sans-serif;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align: left;
		color: #4e4b57;
	}
}
@media screen and (max-width:320px){
	.tab_tl_date{
		font-size:0.8em;
		opacity:0.4;
		font-family: "oxygenregular", sans-serif;;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.2;
		letter-spacing: normal;
		text-align: left;
		color: #4e4b57;
	}
}
@media screen and (min-width:321px){
	.tab_con_atist {
		opacity: 0.85;
		font-weight: 500;
	}
	.tab_con_title {
		opacity: 0.85;
		font-family: "oxygenregular", sans-serif;
		font-size: 0.95em;
		font-weight: 300;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.41;
		letter-spacing: normal;
		text-align: left;
		color: #4e4b57;
	}
}
@media screen and (max-width:320px){
	.tab_con_atist {
		opacity: 0.85;
		font-size:0.9em;
		font-weight: 500;
	}
	.tab_con_title {
		opacity: 0.85;
		font-family: "oxygenregular", sans-serif;
		font-size: 0.9em;
		font-weight: 300;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.41;
		letter-spacing: normal;
		text-align: left;
		color: #4e4b57;
	}
	.tab_con_btn_yt{
		min-width:50px !important;
	}
	.tab_con_btn_yt a img{
		margin-top:5px;
		width:30px;
		height:30px;
	}
	.tab_con_btn_ti{
		min-width:50px !important;
	}
	.tab_con_btn_ti a img{
		width:30px;
		height:30px;
	}
	.tab_con_btn_bi{
		min-width:50px !important;
	}
	.tab_con_btn_bi a img{
		width:30px;
		height:30px;
	}
}
@media screen and (min-width:321px){
	.tab_con2_subject{
		opacity: 0.85;
		font-family: "oxygenregular", sans-serif;
		font-size: 15px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.6;
		letter-spacing: normal;
		text-align: left;
		color: #333136;
	}
}
@media screen and (max-width:320px){
	.tab_con2_subject{
		opacity: 0.85;
		font-family: "oxygenregular", sans-serif;
		font-size: 0.9em;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.6;
		letter-spacing: normal;
		text-align: left;
		color: #333136;
	}
}
.icon_yt1{
	
}