@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* =========================
   간단설명 부분CSS
   적용 범위: .ckb-p .ckb-wrap내부만
   ========================= */

/* Creken brief bullets */
.ckb-wrap { margin: 0; }
.ckb-p{
  color: rgb(0,0,0);
  font-size: 14px;
  line-height: 1.5;
  padding-left: 10px;
  text-indent: -10px;
  margin: 0 0 2px 0;

  /* line-break behavior */
  white-space: normal;         /* 기본 줄바꿈 */
  word-break: keep-all;        /* 가능한 단어 단위 유지(특히 한글/띄어쓰기) */
  overflow-wrap: break-word;   /* 너무 긴 토큰(영문/URL) 강제 줄바꿈 */
}
.ckb-p:last-child{ margin-bottom: 0; }


/* =========================
   Creken Spec Block ONLY
   적용 범위: .ckcnSpecWrap 내부만
   ========================= */

.ckcnSpecWrap{
  /* 전역(:root) 대신 래퍼에 CSS 변수 선언 (오염 방지) */
  --ckcnSpec_iconSection: url("https://connector.creken.co.kr/static/images/icon/7.svg");
  --ckcnSpec_iconPlus:    url("https://connector.creken.co.kr/static/images/icon/plus_ract_i.png");
  --ckcnSpec_iconMinus:   url("https://connector.creken.co.kr/static/images/icon/minus_ract_i.png");
}

/* 기존 스타일 최대한 유지 */
.ckcnSpecWrap .header-div-style{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0px;
  overflow:auto;
  width:100%;
}

.ckcnSpecWrap .spec-summary > strong.tit.strong-style{ margin:0px; padding:0; }

.ckcnSpecWrap .strong-style{ align-items:center; margin:0; }
.ckcnSpecWrap .title-style{ width:20px !important; height:20px !important; margin-right:8px !important; }

.ckcnSpecWrap .table-col1-style{ width:400px; font-weight:normal; }
.ckcnSpecWrap .table-col2-style{ font-weight:normal; }

.ckcnSpecWrap .text-align{ text-align:left; }
.ckcnSpecWrap .text-style-orange{ color:#F58020; }
.ckcnSpecWrap .text-style-normal{ color:#2A2A2A; font-weight:normal !important; }
.ckcnSpecWrap .text-style-bold{ color:#F58020; font-weight:bold !important; }

.ckcnSpecWrap .description-style-normal{ color:#2A2A2A; font-weight:normal; }
.ckcnSpecWrap .description-style-bold{ color:#F58020; font-weight:bold; }
.ckcnSpecWrap .description-style-gray{ color:#333; font-weight:normal; }

/* details/summary */
.ckcnSpecWrap .spec-section{ margin-bottom:10px; }
.ckcnSpecWrap .spec-section summary{ list-style:none; cursor:pointer; }
.ckcnSpecWrap .spec-section summary::-webkit-details-marker{ display:none; }

/* summary 내부를 기존 header-div-style처럼 */
.ckcnSpecWrap .spec-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

/* 섹션 타이틀 + 아이콘 */
.ckcnSpecWrap .ckcnSpec-title{
  display:inline-flex;
  align-items:center;
}

/* 섹션 아이콘 전용 span */
.ckcnSpecWrap .ckcnSpec-secIcon{
  display:inline-block;
  width:20px;
  height:20px;
  margin-right:8px;
  vertical-align:-1px;
  background-image: var(--ckcnSpec_iconSection);
  background-size:20px 20px;
  background-repeat:no-repeat;
}

/* "펼치기/접기" 뱃지 */
.ckcnSpecWrap .spec-toggle-badge{
  padding:4px 8px;
  display:inline-flex;
  align-items:center;
  border-radius:3px;
  background-color:#fe810b;
  line-height:24px;
  color:#fff;
  border:none;
  flex-shrink:0;
  min-width:50px;
  white-space:nowrap;
  font-size:13px;
}

/* 토글 아이콘(+/-) */
.ckcnSpecWrap .ckcnSpec-toggle::before{
  content:"";
  width:16px;
  height:16px;
  margin-right:6px;
  background-image:var(--ckcnSpec_iconPlus);
  background-size:16px 16px;
  background-repeat:no-repeat;
  flex:0 0 auto;
}
.ckcnSpecWrap details.spec-section[open] .ckcnSpec-toggle::before{
  background-image:var(--ckcnSpec_iconMinus);
}

/* details open 상태에 따라 텍스트 전환 */
.ckcnSpecWrap details.spec-section:not([open]) .ckcnSpec-toggle .ckcnSpec-whenOpen{ display:none !important; }
.ckcnSpecWrap details.spec-section[open] .ckcnSpec-toggle .ckcnSpec-whenClosed{ display:none !important; }

/* 테이블 */
.ckcnSpecWrap .info-table{ width:100%; border-collapse:collapse; }
.ckcnSpecWrap .info-table th,
.ckcnSpecWrap .info-table td{ padding:6px 8px; vertical-align:top; }

/* caption: 의미/접근성용 (화면에서는 숨김) */
.ckcnSpecWrap .info-table caption{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}