@charset "utf-8";


.main_section.sub_section .tab {padding-top:85px;}

.Pf_wrap{width:1280px; margin:0 auto; margin-top:10px; }

.Pf_wrap .pf_content_list .container_act{position: relative; width: 244px; display: inline-block; outline:none; margin:0 12px 15px 0; cursor: pointer;}
.Pf_wrap .pf_content_list .container_act:nth-child(5){margin-right:0px;}
.Pf_wrap .pf_content_list .container_act:nth-child(10){margin-right:0px;}
.Pf_wrap .pf_content_list .container_act:nth-child(15){margin-right:0px;}
.Pf_wrap .pf_content_list .text {color: white;position: absolute; top:46.5%; left: 49%; -webkit-transform: translate(-50%, -70.7%); -ms-transform: translate(-50%, -70.7%); transform: translate(-50%, -70.7%); text-align: center;}
.Pf_wrap .pf_content_list .text .pf_title{font-size:16.09px; color:#fff; line-height:1.3; white-space: nowrap; }
.Pf_wrap .pf_content_list .text .pf_sub_title{font-size:22.12px; white-space:nowrap; color:#fff; font-family:'RobotoCondensed-Regular'; letter-spacing:0px; margin-top:10px; }
.Pf_wrap .pf_content_list .text p{font-size:16.09px; color:#fff; }
.Pf_wrap .pf_content_list .text span{font-size:22.12px; white-space:nowrap; color:#fff; font-family:'RobotoCondensed-Regular'; letter-spacing:0px;}

.Pf_wrap .pf_content_list .container_act img {
	 display:block;
	 width:100%;
}
.Pf_wrap .pf_content_list .container_act .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:rgba(0,0,0,0.5);
	 width:100%;
	 height:100%;
	 color:#efefef;
	 text-align:center;
	 padding-top:46.2%;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .3s ease-out;
	 -webkit-transition:opacity .3s ease-out;
	 -moz-transition:opacity .3s ease-out;
}
.Pf_wrap .pf_content_list .container_act .hover .line1 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90%;
	 border-top:1px solid #efefef;
	 border-bottom:1px solid #efefef;
	opacity:0;
	 transform:scale(0,1);
	 -webkit-transform:scale(0,1);
	 -moz-transform:scale(0,1);
	 transition:transform.4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
	box-sizing:border-box;
}
.Pf_wrap .pf_content_list .container_act .hover .line2 {
	 position:absolute;
	 top:5%;
	 left:5%;
	 width:90%;
	 height:90%;
	 border-left:1px solid #efefef;
	 border-right:1px solid #efefef;
	opacity:0;
	transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	transition:transform.4s ease-out .2s,opacity .4s ease-out;
	 -webkit-transition:-webkit-transform .4s ease-out .2s,opacity .4s ease-out;
	 -moz-transition:-moz-transform .4s ease-out .2s,opacity .4s ease-out;
	box-sizing:border-box;
}

.Pf_wrap .pf_content_list .container_act:hover .hover{
	 opacity:1;
}

.Pf_wrap .pf_content_list .container_act:hover .line1{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}
.Pf_wrap .pf_content_list .container_act:hover .line2{
	 transform:scale(1,1);
	 -webkit-transform:scale(1,1);
	 -moz-transform:scale(1,1);
	 opacity:1;
}