@charset 'utf-8';

/* common
------------------------------------------------ */
body { padding-top: 0 !important; }
/* header */
#header { position: relative !important; top: auto !important; left: auto !important; }
#head_main { height: 128px; }
#head_main .logo { margin: 0 auto; padding-top: 32px; width: 180px; }

/* top_brand_list
------------------------------------------------ */
#top_brand_list {
	margin-bottom: 100px;
}

	#top_brand_list ul {
	}

		#top_brand_list ul li {
			position: relative;
			float: left;
			width: 33.3%;
		}
		#top_brand_list ul li:nth-of-type(1),
		#top_brand_list ul li:nth-of-type(2) { width: 50%; }

			#top_brand_list ul li a { display: block; position: relative; }
			#top_brand_list ul li .photo { position: relative; background: #000; z-index: 1; }
				#top_brand_list ul li a .photo img { width: 100%; max-width: inherit; opacity: .7; filter: alpha(opacity=70); }
				#top_brand_list ul li a:hover .photo img { opacity: 1; filter: alpha(opacity=100); }
			#top_brand_list ul li .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
			#top_brand_list ul li .hover .table { display: table; width: 100%; height: 100%; }
			#top_brand_list ul li .hover .table-cell { display: table-cell; text-align: center; vertical-align: middle; }
				#top_brand_list ul li a:hover .hover img { opacity: 1; filter: alpha(opacity=100); }

/* top_news_feature
------------------------------------------------ */
#top_news_feature {
	margin: 0 80px;
}

	#top_news_feature .post_list1 {}
		#top_news_feature .post_list1 li { margin-left: 2%; width: 23.5%; }
		#top_news_feature .post_list1 li:nth-child(-n+4) { margin-bottom: 2%;}

		#top_news_feature .post_list1 li:first-child,#top_news_feature .post_list1 li:nth-of-type(5) { margin-left: 0; }
			#top_news_feature .post_list1 li .detail { padding-left: 30%; }
			#top_news_feature .post_list1 li .more { width: 30%; }

/* top_ranking
------------------------------------------------ */
#top_ranking {
	margin: 80px 80px 0;
}

	#top_ranking .item_list1 {}
		#top_ranking .item_list1 li { margin-left: 2.5%; width: 18%; }
		#top_ranking .item_list1 li:first-child { margin-left: 0; }

/* top_styling
------------------------------------------------ */
#top_styling {
	margin: 80px 80px 0;
}

	#top_styling .item_list2 {}
		#top_styling .item_list2 li { margin-left: .625%; width: 19.5%; }
		#top_styling .item_list2 li:first-child { margin-left: 0; }
			#top_styling .item_list2 li .photo { width: 100%; height: 290px; overflow: hidden; }
			#top_styling .item_list2 li .detail { margin: 0 12px; text-align: center; }
			#top_styling .item_list2 li .more { width: 36%; }

/* popup
------------------------------------------------ */
#layer_board_area {
	width: 100%;
	height: 100%;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	top: 15%;
	left: calc(50% - 250px);
	left: -webkit-calc(50% - 250px);
	margin: 0 auto;
	text-align: center;
	z-index: 10000000;
}

#layer_board_area > div.layer_board > p.btn_close > a {
	color: #fff;
	font-size: 18px;
}

#layer_board_area img {
	width: 500px;
	margin: 0 auto;
}