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

.icontab{width:100%;  margin:auto;overflow: scroll; 
/*-ms-overflow-style: none;   IE and Edge */   
/*scrollbar-width: none;   Firefox */
/* Hide scrollbar for Chrome, Safari and Opera 
.icontab::-webkit-scrollbar {
  display: none;
}*/
}
.iconbar{width:600px	; height:100px; background-color:#176b87; text-align:center; }

.iconbox{
	width:100px;
	text-align:center;
	float:left;
}
.iconimg{
	width:50px;
	height:auto;
	margin:10px 0px 2px 0px;
}
.icontext{
	color:#f9f9f9;
	font-size:12px;
}

/* ===== PC MODE ===== */
@media (min-width: 1200px) {
.icontab{width:1200px;  margin:auto;overflow: visible;}
.iconbar{width:100%; height:170px; background-color:#176b87; text-align:center; }
.iconbox{
	width:200px;
	text-align:center;
	float:left;
}
.iconimg{
	width:100px;
	height:auto;
	margin:20px 0px 5px 0px;
}
.icontext{
	font-size:16px;
}
	
}
@media (min-width: 600px) and (max-width: 1200px){
	.icontab{width:100%;  margin:auto;overflow: scroll; -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */ }
	.iconbar{width:1200px; height:170px; background-color:#176b87; text-align:center; }
.iconbox{
	width:200px;
	text-align:center;
	float:left;
}
.iconimg{
	width:100px;
	height:auto;
	margin:20px 0px 5px 0px;
}
.icontext{
	font-size:16px;
}
}