/* Board page ONLY. Keep homepage, existing banner images and admin DB code untouched. */
.dr-sub-page .devil-sub-right{box-sizing:border-box!important;min-width:0!important;width:100%!important;overflow:visible!important;}
.dr-sub-page .devil-sub-right .devil-sub-art{
 box-sizing:border-box!important;position:relative!important;display:block!important;
 width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
 margin:0 0 14px!important;padding:0!important;
 border:2px solid #e87620!important;border-radius:10px!important;
 background-position:center center!important;background-size:100% 100%!important;
 background-repeat:no-repeat!important;overflow:hidden!important;
 box-shadow:0 0 7px #e75c16!important;
}
/* Each image occupies exactly its existing designed rectangle. */
.dr-sub-page .devil-sub-right .devil-sub-launch{aspect-ratio:340/184!important;}
.dr-sub-page .devil-sub-right .devil-sub-promo{aspect-ratio:338/355!important;}
.dr-sub-page .devil-sub-right .devil-sub-event{aspect-ratio:338/223!important;}
.dr-sub-page .devil-sub-right .devil-sub-launch>a,
.dr-sub-page .devil-sub-right .devil-sub-event>a{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 background:transparent!important;border:0!important;display:block!important;
}
/* When the administrator has provided promo rows, they fit INSIDE the existing promo box. */
.dr-sub-page .devil-sub-right .devil-sub-promo.devil-sub-promo-managed{
 padding:0!important;min-height:0!important;background-image:none!important;background-color:#170508!important;
}
.dr-sub-page .devil-sub-right .devil-sub-promo.devil-sub-promo-managed:before{
 content:'데빌서버 공식 홍보사이트'!important;display:block!important;
 position:absolute!important;top:3%!important;left:0!important;width:100%!important;
 font-size:clamp(11px,1vw,15px)!important;line-height:1.3!important;
 text-align:center!important;color:#ffe39b!important;font-weight:bold!important;
}
.dr-sub-page .devil-sub-right .devil-sub-promo.devil-sub-promo-managed .devil-sub-promo-list{
 box-sizing:border-box!important;position:absolute!important;inset:13% 6% 3%!important;
 display:flex!important;flex-direction:column!important;gap:1.5%!important;
 justify-content:space-between!important;overflow:hidden!important;padding:0!important;
}
.dr-sub-page .devil-sub-right .devil-sub-promo.devil-sub-promo-managed .devil-sub-promo-list a{
 box-sizing:border-box!important;position:relative!important;display:flex!important;flex:1 1 0!important;
 width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;
 align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
.dr-sub-page .devil-sub-right .devil-sub-promo.devil-sub-promo-managed .devil-sub-promo-list img{
 width:100%!important;height:100%!important;max-height:none!important;object-fit:fill!important;
}