/* ===== Base (Desktop) ===== */
.nmix2{width:100%}
.nmix2-title{
  display:block;color:#1f3b87;font-weight:800;font-size:24px;line-height:1.3;
  margin:0 0 10px;text-decoration:none
}
.nmix2-title:hover{text-decoration:underline}
.nmix2-row{display:flex;gap:16px;align-items:center;    margin-bottom: 1rem;}
.nmix2-thumb{flex:0 0 350px;border-radius:10px;overflow:hidden;line-height:0}
.nmix2-thumb img{display:block;width:100%;height:auto}

.nmix2-sub{list-style:none;margin:0;padding:0;flex:1;min-width:0}
.nmix2-sub li{
  margin:8px 0;position:relative;padding-left:18px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.nmix2-sub li:before{content:'ㄴ';position:absolute;left:0;top:0;color:#8a8a8a}
.nmix2-sub a{color:#333;text-decoration:none;font-size:15px}
.nmix2-sub a:hover{text-decoration:underline}

/* ===== Tablet (≤1024px) ===== */
@media (max-width:1024px){
  .nmix2-title{font-size:22px}
  .nmix2-thumb{flex-basis:300px}
  .nmix2-sub{
    width:100%;
  }
}

/* ===== Mobile (≤768px) ===== */
@media (max-width:768px){
  .nmix2-title{font-size:19px;margin-bottom:8px}
  .nmix2-row{        flex-direction: column;
    gap: 0;
    margin-bottom: 2rem;}
  .nmix2-thumb{flex:0 0 auto;width:100%}
  .nmix2-sub li{margin:6px 0;font-size:14px}
  .nmix2-sub{
    width:100%;
  }
  
}