.intro_main {
  background: url('/dist/image/main/bb.jpg') no-repeat;background-size: cover;
  min-height: 100dvh;background-position: center;
  display: flex;
  flex-direction: column; /* 수직으로 쌓임 */
  align-items: center;
  justify-content: center;
}
  .intro_main .title {font-family: 'NEXONBold';font-size: 45px;color: #ffffff;text-align: center;line-height: 1.3em}
  .intro_main .text {font-family: 'NEXON';font-size: 22px;color: #ffffff;margin-top: 24px;text-align: center;}

  .sub_img { display: flex;flex-direction: column;align-items: center;justify-content: center;}
  .sub_img .title {font-family: 'NEXONBold';font-size: 36px;color: #ffffff;text-align: center;line-height: 1.3em}
  .sub_img .text {font-family: 'NEXON';font-size: 18px;color: #ffffff;margin-top: 10px;text-align: center;}
  .main_box a {text-decoration: none;color: #333}
  .main_box {width: 49%;background: #EDECEA;border-radius: 35px;padding: 40px 15px 15px;margin-bottom: 30px}
  .main_box:first-child {background: #E5EAF0}
  .main_box h3 {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.03em; /* 기존 -3% 표기 보정 */
  }
  
  .main_box h3::after {
    content: "";
    display: inline-block;
    width: 6px;              /* 아이콘 크기: 글자 크기에 비례 */
    height: 14px;
    margin-left: 0.4em;        /* 텍스트와 간격 */
    background: url("/dist/image/main/go.svg") no-repeat center / contain;
    vertical-align: middle;    /* 텍스트와 수직 정렬 */
    transform: translateY(-.1em); /* 미세 보정(선택) */
  }
  .bbs_info {font-size: 14px;color: #595959;margin: 20px auto 0}
  .main_bbs_head {padding: 0 25px}
  .main_bbs_list {margin-top: 25px;border-radius: 35px;background: #ffffff;padding: 20px;height: 270px}
  .noti {display: flex; justify-content: space-between; align-items: center; text-decoration: none; padding:6px 5px;background:transparent; transition: background .4s;}
  
  .new img {margin-right: 5px;height: .8em}
  .subject {font-size: 14px; line-height: 1.5em; color:#222; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;word-wrap:break-word; padding-right:10px;}
  .subject:hover {text-decoration: underline}
  .date{font-size: 14px; line-height: 1.5em; color:#999; white-space: nowrap;}



@media (max-width: 1600px) {
  .profileBox {padding: 30px 25px;border-radius: 30px;}
}

@media (max-width: 1100px) {
  .sub_img {padding: 0 50px}
  .sub_img .title {font-family: 'NEXONBold';font-size: 26px;color: #ffffff;text-align: center;line-height: 1.3em}
  .sub_img .text {font-family: 'NEXON';font-size: 12px;color: #ffffff;margin-top: 10px;text-align: center;}
  

  .main_box {width:100%;background: #EDECEA;border-radius: 15px;padding: 30px 15px 15px;margin-bottom: 30px}
  .main_box h3 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.03em; /* 기존 -3% 표기 보정 */
  }
  
  .bbs_info {font-size: 13px;color: #595959;margin: 20px auto 0}
  .main_bbs_head {padding: 0 15px}
  .main_bbs_list {margin-top: 25px;border-radius: 15px;background: #ffffff;padding: 20px;height: 270px}
  .noti {display: flex; justify-content: space-between; align-items: center; text-decoration: none; padding:6px 5px;background:transparent; transition: background .4s;}
  

}

@media (max-width:640px){
  .intro_main .title {font-family: 'NEXONBold';font-size: 35px;color: #ffffff;text-align: center;line-height: 1.3em}
  .intro_main .text {font-family: 'NEXON';font-size: 18px;color: #ffffff;margin-top: 24px;text-align: center;}
}