@charset "utf-8";

:root{
  --side-width:260px;

  --card-radius:18px;
  --card-border:1px solid rgba(255,255,255,.10);
  --card-shadow:0 18px 50px rgba(0,0,0,.70);
  --card-bg: rgba(14,14,16,.86);

  --pad-x:14px;

  --thumb-radius:14px;
  --thumb-ratio: 16/9;     /* 필요하면 4/3, 1/1 로 바꾸면 됨 */

  --title-size:15px;
  --title-line:1.35;
  --meta-size:13px;

  --card-grad:
    radial-gradient(520px 160px at 12% 0%, rgba(130,90,255,.16), transparent 55%),
    radial-gradient(520px 160px at 90% 0%, rgba(0,205,255,.10), transparent 55%),
    linear-gradient(180deg, rgba(18,18,22,.95), rgba(10,10,12,.95));
}

.row .order-md-1 {max-width:var(--side-width);}
.row .order-md-2 {flex: 0 0 100%; max-width: calc(100% - var(--side-width));}
.row-cols-lg-7>* { -ms-flex: 0 0 14.285714%; flex: 0 0 14.285714%; max-width: 14.285714%;}
.row-cols-lg-8>* { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}

@media ( max-width: 766px) {
  .nt-container-wide>.row>.order-md-2 { max-width: unset; }
  .row .order-md-1 { max-width: unset; }
  .row .order-md-2 { max-width: unset; flex:0 0 100%; }
}

#sch_res_list li,
#sch_res_list .list-item,
#sch_res_list .item,
#sch_result li,
#sch_result .list-item,
#sch_result .item,
#bo_gallery li,
#bo_gallery .list-item,
.search-result li,
.search-result .list-item{
  background: var(--card-grad);
  border: var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  overflow: hidden;
  position: relative;
  height: 100%;
  transform: translateZ(0);
}

#sch_res_list li:hover,
#sch_result li:hover,
#bo_gallery li:hover,
.search-result li:hover{
  transform: translateY(-2px);
  transition: transform .16s ease;
}

#sch_res_list li > a,
#sch_result li > a,
#bo_gallery li > a,
.search-result li > a{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}

#sch_res_list .thumb,
#sch_res_list .img,
#sch_res_list .wr-thumb,
#sch_result .thumb,
#sch_result .img,
#sch_result .wr-thumb,
#bo_gallery .thumb,
#bo_gallery .img,
#bo_gallery .wr-thumb{
  margin: 12px 12px 0 12px;
  border-radius: var(--thumb-radius);
  overflow: hidden;
  aspect-ratio: var(--thumb-ratio);
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
}

#sch_res_list .thumb img,
#sch_res_list .img img,
#sch_res_list .wr-thumb img,
#sch_result .thumb img,
#sch_result .img img,
#sch_result .wr-thumb img,
#bo_gallery .thumb img,
#bo_gallery .img img,
#bo_gallery .wr-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#sch_res_list li img:first-of-type,
#sch_result li img:first-of-type,
#bo_gallery li img:first-of-type,
.search-result li img:first-of-type{
  width: calc(100% - 24px);
  margin: 12px 12px 0 12px;
  border-radius: var(--thumb-radius);
  aspect-ratio: var(--thumb-ratio);
  object-fit: cover;
  display:block;
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
}

#sch_res_list .sch_tit,
#sch_res_list .tit,
#sch_res_list .subject,
#sch_res_list .sch_subject,
#sch_result .sch_tit,
#sch_result .tit,
#sch_result .subject,
#bo_gallery .bo_tit,
#bo_gallery .subject,
.search-result .subject,
.search-result .tit{
  padding: 10px var(--pad-x) 0 var(--pad-x);
  font-size: var(--title-size);
  font-weight: 600;
  line-height: var(--title-line);
  color: rgba(255,255,255,.92);

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(var(--title-size) * var(--title-line) * 2 + 2px);
}

#sch_res_list .sch_date,
#sch_res_list .date,
#sch_res_list .info,
#sch_res_list .sch_info,
#sch_result .sch_date,
#sch_result .date,
#sch_result .info,
#bo_gallery .info,
.search-result .info,
.search-result .meta{
  padding: 8px var(--pad-x) 14px var(--pad-x);
  font-size: var(--meta-size);
  color: rgba(255,255,255,.55);

  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap: wrap;
}

#sch_res_list .sch_date i,
#sch_res_list .info i,
#sch_result .sch_date i,
#sch_result .info i,
#bo_gallery .info i{
  opacity:.65;
}

#sch_res_list .name,
#sch_res_list .writer,
#sch_res_list .sch_writer,
#sch_res_list .sch_name,
#sch_res_list .profile,
#sch_res_list .sv_wrap,
#sch_res_list .sv_member,
#sch_res_list .sv_guest,
#sch_res_list .member,
#sch_res_list .user,
#sch_res_list .avatar,
#sch_res_list .userbox,

#sch_result .name,
#sch_result .writer,
#sch_result .sch_writer,
#sch_result .sch_name,
#sch_result .profile,
#sch_result .sv_wrap,
#sch_result .sv_member,
#sch_result .sv_guest,
#sch_result .member,
#sch_result .user,
#sch_result .avatar,
#sch_result .userbox,

#sch_res_list .media,
#sch_res_list .media-body,
#sch_res_list .d-flex,
#sch_res_list .align-items-center,
#sch_res_list .rounded-circle,
#sch_result .media,
#sch_result .media-body,
#sch_result .d-flex,
#sch_result .align-items-center,
#sch_result .rounded-circle{
  display:none !important;
}

#sch_res_list li hr,
#sch_result li hr,
#bo_gallery li hr{
  display:none !important;
}

#sch_res_list li *{ box-sizing: border-box; }
#sch_result li *{ box-sizing: border-box; }
#bo_gallery li *{ box-sizing: border-box; }