@charset "utf-8";
 /*공통*/
@media screen and (max-width:1024px){
	#promotionBanner .popContents {width: 100%;}

}

/*header*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:500px){
	header.header .header__logo img {
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-ms-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;}
	.fav_menu ul li {width: 21.7%; font-size: 13px;}
}

/*visual*/
@media screen and (max-width:1024px){ 
}

/*content*/
@media screen and (max-width:1024px){
	.collabo_banner a img {width: 100%;}
} 
@media screen and (max-width:998px){ 
	.online_only_bxslider li a span {width: 100%;}
}
@media screen and (max-width:470px){ 
	.online_only_bxslider li a span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

/*footer*/
@media screen and (max-width:470px){ 
	.upper_footer ul li, .upper_footer p span:first-child, .upper_footer p span:nth-child(2), .upper_footer p span:last-child {font-size: 13px;}
}