/* home.php */
section + section { margin-top: 4rem;}
section .sc-title { margin-bottom:  3rem; display: flex; align-items: center; justify-content: space-between;}
section .sc-title .mainTitle { font-size: 2.2rem; font-weight: 700; line-height: 1.4;}
section .sc-title a { display: flex; align-items: center; gap: 0.4rem; font-size: 1.3rem; color: #666;}
section .sc-title a img { width: 1rem;}


/* index.php */
.mainWrap .sc1 { display: flex; align-items: stretch; gap: 20px;}
.mainWrap .sc1 .user-area { background-color: #e4f2ff; border-radius: 20px; padding: 20px; flex-shrink: 0; width: 280px;}
.mainWrap .sc1 .user-area .user_profile { display: flex; flex-direction: column; align-items: center; gap: 10px;}
.mainWrap .sc1 .user-area .user_profile .user_img { border-radius: 100%; overflow: hidden; width: 100px; aspect-ratio: 1/1;}
.mainWrap .sc1 .user-area .user_profile p { font-size: 30px; font-weight: 600; color: #666;}
.mainWrap .sc1 .user-area .user_info { margin-top: 40px;}
.mainWrap .sc1 .user-area .user_info h6 { font-size: 24px; text-align: center; border-bottom: 1px solid #aaa; padding-bottom: 10px; margin-bottom: 10px;}
.mainWrap .sc1 .user-area .info_wrap p { font-size: ;}


@media (max-width: 1280px) {
  .container { padding: 0 2rem;}
  /* home.php */
  .homeWrap .sc-news .news-list .news-item:last-child { display: none;}
  .homeWrap .sc2 .sc-contents { gap: 1.6rem 3rem;}


  .listWrap .result {  grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1023px) {
  section + section {margin-top: 3.6rem;}
  /* home.php */
  .homeWrap .sc2 .sc-contents { grid-template-columns: repeat(1, 1fr);}
  .homeWrap .sc1 .sc-contents { grid-template-columns: repeat(2, 1fr);}

  .newsWrap .news-list { grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 959px) {
  .newsWrap .news-list { grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 767px) {

}

@media (max-width: 586px) {

}