@charset "utf-8";

/*
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
*/
@import url('/css/bootstrap.min.css');
@import url('/css/push-effects.css');

@import url('/css/layout.css?ver=1');
@import url('/css/component.css?ver=<%=minute(now)&second(now)%>');
@import url('/css/icon.css');
@import url('/css/idangerous.swiper.css');
@import url('/css/common.css?ver=<%=minute(now)&second(now)%>');
@import url('/css/20140422.css');


/* =============================================================================
Category : Media Queries
============================================================================= */

/*
col-xs-6 일반 스마트폰 세로, 가로
col-sm-4 고해상도 스마트폰 가로, 태블릿 세로
col-md-6 태블릿 가로
col-lg-4 와이드 스크린
*/

/* 메인, 서브메인 카테고리 링크 버튼 */
#category .item div,
#category .sub div { padding: 0; text-align: center; }
#category .item div a.block,
#category .sub div a.block { margin: 0 0 10px 0; }

@media only screen and (max-width: 640px) { /* col-xs, 스마트폰 */ /*767 */
	#category .item div:nth-child(odd) a.block,
	#category .sub div:nth-child(odd) a.block { margin-right: 5px; margin-bottom:5px;}
	#category .item div:nth-child(even) a.block,
	#category .sub div:nth-child(even) a.block { margin-left: 0px; margin-bottom:5px;}
	.slide-max-height { max-height: 167px; }

}
@media only screen and (min-width: 641px) and (max-width: 991px) { /* col-sm, 고해상도 스마트폰 가로, 태블릿 세로 */ /* 768 */
	#category .item div:nth-child(3n-1) a.block,
	#category .sub div:nth-child(3n-1) a.block { margin: 0 10px 10px 10px; }
	.slide-max-height { max-height: 196px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { /* col-md, 태블릿 가로 */
	#category .item div:nth-child(odd) a.block { margin-right: 5px; }
	#category .item div:nth-child(even) a.block { margin-left: 5px; }
	#category .sub div a.block { margin: 0 5px 10px 5px; }
	#category .sub div:nth-child(4n-3) a.block { margin-left: 0; }
	#category .sub div:nth-child(4n) a.block { margin-right: 0; }
	.slide-max-height { max-height: 256px; }
}
@media only screen and (min-width: 1200px) { /* col-lg, 와이드 스크린 */
	#category .item div:nth-child(3n-1) a.block { margin: 0 10px 10px 10px; }
	#category .sub div a.block { margin: 0 5px 10px 5px; }
	#category .sub div:nth-child(4n-3) a.block { margin-left: 0; }
	#category .sub div:nth-child(4n) a.block { margin-right: 0; }
	.slide-max-height { max-height: 256px; }
}