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

/*===================

   sideNavi

===================*/

#security.prisma #sideSecurityMenu .side01,
#security.ngfw #sideSecurityMenu .side02{
background:#de0716;
}


#security.prisma #sideSecurityMenu .side01 a,
#security.ngfw #sideSecurityMenu .side02 a{
padding:12px 0 12px 20px;
background:url(../../../common/images/sideSection_bg.png) no-repeat left center;
font-weight:bold;
line-height:1.2;
color:#fff;
}

/*===================

   index

===================*/

#security.index #sideSecurity{
background:#de0716;
}

#security.index #sideSecurity a{
padding:12px 0 10px 20px;
background:url(../../../common/images/sideSection_bg.png) no-repeat left center;
font-weight:bold;
line-height:1.2;
color:#fff;
}

#security .block {
	margin: 0 0 40px;
}

#security .block > *:last-child {
	padding-bottom: 0;
}

#security .tac {
	text-align: center;
}

/*===================

   prisma

===================*/

#security.prisma .ico_menu,
#security.ngfw .ico_menu {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin: 0 0 -20px;
   text-align: center;
}

#security.prisma .ico_menu::after,
#security.ngfw .ico_menu::after {
   content: '';
   display: block;
   width: 179px;
}

#security.prisma .ico_menu .col,
#security.ngfw .ico_menu .col {
   display: flex;
   flex-direction: column;
   width: 179px;
   margin: 0 0 20px;
   padding: 15px 5px 28px;
   border: 1px solid #E2E2E2;
   box-sizing: border-box;
   text-decoration: none;
   position: relative;
}

#security.prisma .ico_menu .col::after,
#security.ngfw .ico_menu .col::after {
   content: '';
   position: absolute;
   bottom: 10px;
   left: 50%;
   margin: 0 0 0 -4px;
   border-top: 7px solid #1A6DB7;
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
}

#security.prisma .ico_menu .col p,
#security.ngfw .ico_menu .col p {
	font-size: 13px;
	padding: 0;
	line-height: 1.5;
}

#security.prisma .ico_menu .col .step,
#security.ngfw .ico_menu .col .step {
	position: absolute;
	top: -11px;
	left: -1px;
	padding: 0 10px 2px;
	font-weight: bold;
	color: #fff;
	background: #DE0716;
}

#security.prisma .ico_menu .col .step::after,
#security.ngfw .ico_menu .col .step::after {
   content: '';
   position: absolute;
   top: 100%;
   left: 20px;
   margin: 0 0 0 -4px;
   border-bottom: 4px solid transparent;
   border-right: 6px solid #DE0716;
}

#security.prisma .ico_menu .col .img,
#security.ngfw .ico_menu .col .img {
   margin: 0 0 10px;
   padding: 0;
}

#security.prisma .ico_menu .col .tit,
#security.ngfw .ico_menu .col .tit {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin: 0 0 10px;
   padding: 0;
   font-size: 14px;
   font-weight: bold;
}

#security.prisma .point_num,
#security.ngfw .point_num {
	margin: 0 0 18px;
	padding: 0;
	position: relative;
	z-index: 0;
}

#security.prisma .point_num::before,
#security.ngfw .point_num::before {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 2px;
	background: #DE0716;
}

#security.prisma .point_num .num,
#security.ngfw .point_num .num {
	display: inline-block;
	padding: 0 10px 2px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	background: #DE0716;
	position: relative;
}

#security.prisma .point_num .num::before,
#security.ngfw .point_num .num::before {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 20px;
	border-right: 12px solid #DE0716;
	border-bottom: 8px solid transparent;
}

#security.prisma .point_num .num .em,
#security.ngfw .point_num .num .em {
	margin: 0 0 0 5px;
	font-size: 20px;
}

#security.prisma .point_tit,
#security.ngfw .point_tit {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #E2E2E2;
	font-size: 20px;
	font-weight: bold;
}

#security.prisma .point_tit .em,
#security.ngfw .point_tit .em {
	color: #DE0716;
}

#security.prisma .scroll_tbl,
#security.ngfw .scroll_tbl {
	width: 100%;
	overflow: auto;
}

#security.prisma .security_tbl tbody th,
#security.ngfw .security_tbl tbody th {
	width: 25%;
	color: #000;
	background: #E8F1F8;
}
