#articleInfo1{display:grid;grid-template-columns: 50% 45%;justify-content: space-between;}
#articleInfo1 .infobox h2{font-size:32px;line-height:140%;color:#122a88}
#articleInfo1 .infobox .boxn{margin-bottom:20px;border-bottom:#e2e2e26b 1px solid;padding-bottom:20px;margin-top:10px}
#articleInfo1 .infobox .boxn article{font-size:24px;margin-bottom:10px;letter-spacing:1px}
#articleInfo1 .infobox .boxn .textJ a,#articleInfo1 .infobox .boxn .textJ p{font-size:16px;letter-spacing:1px;color:#000;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
#articleInfo1 .infobox .boxn .textJ a:hover{color:#122a88}
#articleInfo1 .infobox .boxn .textJ i{padding-right:5px}
#articleInfo1 .infobox .titleJ{position:relative}
#articleInfo1 .infobox .titleJ h4{font-weight:500;line-height:180%;padding-left:15px;display:flex;align-items:center;font-size:24px;margin: 15px 0 5px;}
#articleInfo1 .infobox .titleJ h4:before{content:"";position:absolute;width:4px;height:60%;background:#122a88;left:0;top:12px}
#articleInfo1 .photobox{display: flex;gap:50px;order: 2;flex-direction: column;}
#articleInfo1 .photobox .focus{display:grid;justify-items:stretch;gap:20px}
#articleInfo1 .photobox .focus img{width:auto;object-fit:cover}
#articleInfo1 .photobox .focus p{text-align:center;font-size:26px}
@media screen and (max-width:768px){
    #articleInfo1{grid-template-columns:1fr;gap: 50px;}
    #articleInfo1 .photobox{order:0}
}
@media screen and (max-width:640px){
    #articleInfo1 .infobox .photobox{grid-template-columns:repeat(1,1fr)}
    #articleInfo1 .infobox .photobox .focus img{height:200px;}

}