#articleAbout .type-txt-area{display:grid;grid-template-columns: 55% 45%;align-items: center;margin-bottom: 170px;}
#articleAbout .type-lil-title, #articleAbout .type-content{font-size:20px;line-height: 2;text-align: justify;}
#articleAbout .type-lil-title-wrap{position:relative;border-right: 1px solid #ddd;margin-right: 90px;padding-right: 100px;}
#articleAbout .type-lil-title-wrap h2{font-size: 35px;}
#articleAbout .infobox .tit{font-size: 35px;text-align: center;font-weight: 700;margin-bottom: 100px;}
#articleAbout .infobox .box{padding: 30px 90px;display: grid;flex-direction: row;align-items: center;position: relative;gap: 60px;justify-content: center;grid-template-columns: 20% 1fr 25%;}
#articleAbout .infobox .box:after{content:'';background-image: url(/images/44/aboutBg.jpg);background-position: 50% 50%;background-size: cover;border-radius: 50px;position: absolute;width: 100%;height: 70%;z-index: -1;box-shadow: 0 30px 30px rgb(0 0 0 / 5%);}
#articleAbout .infobox .box .img{width: 100%;}
#articleAbout .infobox .box img{width: 100%;}
#articleAbout .infobox .box .en{font-size: 30px;font-family:"Oswald",sans-serif;text-transform:uppercase;font-weight:500;word-spacing:100vw;line-height:1.4}
#articleAbout .infobox .box .h2{font-weight:500;font-size: 22px;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
#articleAbout .infobox .box p{text-align: justify;font-size: 18px;}
#articleAbout article{margin-top: 70px;font-size: 20px;line-height: 2.2;text-align: justify;}
@media screen and (max-width: 1024px){
    #articleAbout .type-lil-title-wrap{border-right:0;padding-right: 0;margin-right: 0;}
    #articleAbout .type-txt-area{grid-template-columns:1fr;gap: 40px;}
    #articleAbout .infobox .box{padding: 30px 50px;gap: 30px;}
}
@media screen and (max-width: 980px){
    #articleAbout .infobox .box p{text-align:center;width: 70%;}
    #articleAbout .infobox .box .en{text-align:center;}
    #articleAbout .infobox .box{padding: 80px 50px;grid-template-columns: 1fr;justify-items: center;}
    #articleAbout .infobox .box:after{height: 90%;width:80%}
    #articleAbout .infobox .box .h2{display:flex;flex-direction: column;align-items: center;}
}
@media screen and (max-width: 640px){
    #articleAbout .type-lil-title-wrap h2, #articleAbout .infobox .tit{font-size: 25px;}
    #articleAbout .type-lil-title, #articleAbout .type-content{font-size: 17px;}
    #articleAbout .type-txt-area{margin-bottom:50px;}
    #articleAbout .infobox .tit{margin-bottom:50px;}
    #articleAbout .infobox .box p{font-size: 15px;width: 80%;}
    #articleAbout .infobox .box{padding: 80px 0;}
    #articleAbout article{font-size: 17px;}
}