@charset "utf-8";
/* 성공사례 v13 기존 사이트 통합용 최소 보정 */

/* 기존 .main-case-slide 스타일은 유지하되 퍼블리싱 미리보기의 카드 폭(약 279px)을 적용합니다. */
.index .main-case-list .main-case-slide{
  width:279px !important;
  max-width:calc(100vw - 48px);
  flex-shrink:0;
}
.index .main-case-list .main-case-slide > .bjc-card{
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box;
  background:var(--card-bg,#F3F5F2) !important;
  color:var(--ink,#0E2224) !important;
  border:1px solid var(--line,#D5DCD7) !important;
  border-radius:0 !important;
}
.index .main-case-list .main-case-slide > .bjc-card::before,
.index .main-case-list .main-case-slide > .bjc-card::after{
  content:none !important;
  display:none !important;
}
.index .main-case-list .swiper-wrapper{
  transition-timing-function:linear !important;
}

/* 상세페이지는 기존 case-view-conts-box 내부에서만 동작합니다. */
.case-view-conts-box .bjd{
  width:100%;
  max-width:1100px;
}
.case-view-conts-box .bjd-cols.is-no-toc .bjd-toc{display:none;}
.case-view-conts-box .bjd-cols.is-no-toc .bjd-main{width:100%;max-width:none;}
.case-view-conts-box .bjd-editor-content img{max-width:100%;height:auto;}
.case-view-conts-box .bjd-editor-content{min-width:0;}

/* 글쓰기 신규 필드는 이 스킨 안에서만 적용합니다. */
#bo_w .bjv13-write-fields{
  margin:18px 0;
  padding:18px;
  border:1px solid #d9dfdb;
  background:#f8faf8;
}
#bo_w .bjv13-write-fields .bjv13-title{
  margin:0 0 14px;
  font-size:17px;
  font-weight:700;
  color:#003B3F;
}
#bo_w .bjv13-write-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#bo_w .bjv13-field{min-width:0;}
#bo_w .bjv13-field.is-full{grid-column:1 / -1;}
#bo_w .bjv13-field > label{
  display:block;
  margin-bottom:6px;
  font-weight:700;
  color:#263835;
}
#bo_w .bjv13-field select,
#bo_w .bjv13-field input,
#bo_w .bjv13-field textarea{
  width:100%;
  box-sizing:border-box;
}
#bo_w .bjv13-ym{
  display:flex;
  gap:8px;
  align-items:center;
}
#bo_w .bjv13-ym select{width:auto;min-width:110px;}
#bo_w .bjv13-preview{
  margin-top:14px;
  padding:14px;
  border:1px solid #d5dcd7;
  background:#fff;
  line-height:1.7;
}
#bo_w .bjv13-preview strong{color:#003B3F;}
#bo_w .bjv13-db-error{
  margin:12px 0;
  padding:12px 14px;
  border:1px solid #c94b4b;
  background:#fff3f3;
  color:#9b1c1c;
  font-weight:700;
}

@media (max-width:720px){
  .index .main-case-list .main-case-slide{width:min(82vw,320px) !important;}
  #bo_w .bjv13-write-grid{grid-template-columns:1fr;}
  #bo_w .bjv13-field.is-full{grid-column:auto;}
}

@media (prefers-reduced-motion:reduce){
  .index .main-case-list .swiper-wrapper{transition-duration:0ms !important;}
}


/* 관리자 목록 체크박스가 카드 유형 텍스트와 겹치지 않도록 전용 공간을 확보합니다. */
.bjc-list > li.has-admin-check .bjc-head{
  padding-left:46px;
}
.bjc-list > li.has-admin-check > .chk_box{
  top:15px;
  left:15px;
  z-index:20;
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bjc-list > li.has-admin-check > .chk_box input[type="checkbox"]{
  position:static !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:middle;
}

@media (max-width:720px){
  .bjc-list > li.has-admin-check .bjc-head{padding-left:42px;}
  .bjc-list > li.has-admin-check > .chk_box{top:13px;left:13px;}
}