body:has( #singleCompany ),
body:has( #singleEs ){
min-width : 0;
} @media print , screen and ( width > 768px ){
:is( #singleCompany , #singleEs ){ padding-inline : max( 20px , ( 100% - 1580px ) / 2 );
}
} @media print , screen and ( width > 768px ){
:is( #singleCompany , #singleEs ) .columns02{
display : grid; grid-template-columns : minmax( 0 , 1fr ) 300px;
column-gap : 32px;
align-items : start;
max-width : 1200px;
margin-inline : auto;
}
:is( #singleCompany , #singleEs ) .columns02 > *{
min-width : 0;
} :is( #singleCompany , #singleEs ) .breadcrumb{
max-width : 1200px;
margin-inline : auto;
padding-inline : 0;
}
} @media print , screen and ( width > 768px ){
:is( #singleCompany , #singleEs , #archive_esinfo ) .sidebar{
width : 300px;
flex-shrink : 0;
}
} @media screen and ( width <= 960px ) and ( width > 768px ){
:is( #singleCompany , #singleEs ) .columns02{
grid-template-columns : minmax( 0 , 1fr );
row-gap : 0;
}
:is( #singleCompany , #singleEs ) .sidebar{
grid-row : auto;
grid-column : 1;
width : 100%;
margin-top : 60px;
}
} :is( #singleCompany , #singleEs , #archive_esinfo ) .sidebar{ .popular-posts-header{
font-size : 16px;
padding : 14px;
margin-top : 40px;
border-radius : 16px 16px 0 0;
}
.popular-posts-list{
border-radius : 0 0 16px 16px;
}
.popular-post-item{
padding : 24px 32px;
}
.popular-post-item > a{
font-size : 12px;
} .app-promo-inner{
gap : 24px;
}
.app-promo-icon img{
width : 90px;
height : 90px;
}
.app-promo-title{
font-size : 15px;
}
.app-promo-description{
font-size : 12px;
margin-top : 8px;
}
.app-promo-buttons{
gap : 10px;
margin-top : 16px;
}
.app-store-button{
height : 29px;
font-size : 12px;
border-radius : 300px;
} .side_sec{
margin-top : 40px;
border-radius : 16px;
}
.corner-box,
.campus-section{
padding-top : 24px;
}
.corner-tab{
width : 148px;
font-size : 12px;
padding : 4px 8px;
margin : 0 24px;
border-radius : 10px 10px 0 0;
}
.corner-post-item{
padding : 24px 32px;
}
.corner-post-item > a{
font-size : 12px;
}
}