@charset "UTF-8";

._prFlList{display:flex;flex-wrap:wrap;justify-content:space-between;}
._prFlList > li{width:48%;margin:20px 0;}
._prFlList > li ._prFlLiWrap{display:flex;flex-wrap:wrap;justify-content:space-between;background:url(../images/pro_bg.png) no-repeat 28% bottom;padding-bottom:40px;}
._prFlList > li ._prFlLiWrap .thumbnail{width:309px;height:373px;overflow:hidden;}
._prFlList > li ._prFlLiWrap .thumbnail img{width:100%;}
._prFlList > li ._prFlLiWrap .artclInfo{width:50%;position:relative;}

._prFlList > li ._prFlLiWrap .artclInfo .artclTitle{border-bottom:1px solid #00387b;padding-bottom:20px;margin-bottom:20px;}
._prFlList > li ._prFlLiWrap .artclInfo .artclTitle strong{font-size:35px;color:#00387b;font-family:'S-CoreDream-5Medium';}
._prFlList > li ._prFlLiWrap .artclInfo .artclTitle span{font-size:15px;padding-left:10px;}
._prFlList > li ._prFlLiWrap .artclInfo dl{display:flex;padding:5px 0;}
._prFlList > li ._prFlLiWrap .artclInfo dl dt{width:75px;padding-top:2px;text-align:justify;text-align-last:justify;}
._prFlList > li ._prFlLiWrap .artclInfo dl dd{width:calc(100% - 90px);position:relative;padding-left:13px;margin-left:15px;}
._prFlList > li ._prFlLiWrap .artclInfo dl dd::before{content:"";display:block;width:4px;height:4px;background:#018cff;position:absolute;left:0;top:8px;}

.down_profile{position:absolute;right:0;top:11px;}
.down_profile a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#666;}
.down_profile a:hover{background:#0065ff;}

@media only screen and (max-width:1450px) {
	._prFlList > li ._prFlLiWrap .thumbnail{width:40%;height:auto;}
}
@media only screen and (max-width:1024px) {
	._prFlList > li ._prFlLiWrap .artclInfo .artclTitle{padding-bottom:10px;margin-bottom:10px;}
	._prFlList > li ._prFlLiWrap .artclInfo .artclTitle strong{font-size:25px;}
	.down_profile{top:7px;}
}
@media only screen and (max-width:768px) {	
	._prFlList > li{width:100%;}
	._prFlList > li ._prFlLiWrap .thumbnail{width:35%;}
	._prFlList > li ._prFlLiWrap .artclInfo{width:60%;}
	._prFlList > li ._prFlLiWrap .artclInfo .artclTitle strong{font-size:20px;}
	.down_profile{top:0;}
}
@media only screen and (max-width:350px) {	
	._prFlList > li ._prFlLiWrap .thumbnail{width:100%;text-align:center;margin-bottom:20px;padding-bottom:0;}
	._prFlList > li ._prFlLiWrap .thumbnail img{width:100%;max-width:100%;}
	._prFlList > li ._prFlLiWrap .artclInfo{width:100%;}
}