/* ckeditor Åø¹Ù ¹è°æ »ö»ó */
/* CKEditor Åø¹Ù */
.cke .cke_top {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100% !important;          
    max-width: 100% !important;
    box-sizing: border-box;
    background: #ffffff !important;
    border-bottom: 1px solid #ddd !important;
    align-self: stretch;             
}
.form-group-ex > .cke {
    flex: 1 1 auto;      /* ³²Àº °ø°£ ÀüºÎ »ç¿ë */
    min-width: 0;        /* Æø °íÁý Á¦°Å (°¡Àå Áß¿ä) */
    width: 100%;         /* ³»ºÎ °è»ê ¾ÈÁ¤È­ */
    align-self: stretch; /* align-items:center ¿µÇâ Á¦°Å */
    box-sizing: border-box;
}

.form-group .file-box {
  display: block !important;
  align-items: initial !important;
  font-size: initial !important;
}


.form-group-ex textarea {
    padding: 1.5rem;
    border-radius: 0.6rem;
    border: 1px solid #D4D4D4;
    height: 30rem;
    overflow-y: auto;
}

.form-group-ex {
    display: flex;
    align-items: center;
    gap: 0 0.7rem;  
}

.form-group-ex label {
        font-size: 1.6rem;
        color: #333;
        width: 13rem;
        min-width: 13rem;
        margin-top: 1rem;
}  

@media (max-width: 768px) {
    .form-group-ex {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 768px) {
    .form-group-ex label {
        font-size: 1.4rem;
        width: inherit;
        min-width: inherit;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
}


.ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center left;
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-right: 0.5rem;
}

.ico.file {
  width: 1.1rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.81696 1.97712L9.79354 8.66262C10.3656 9.9474 9.78825 11.4513 8.50348 12.0233C7.2187 12.5954 5.71478 12.0181 5.14276 10.7333L1.90735 3.46644C1.55016 2.66418 1.91138 1.72318 2.71364 1.36599C3.5159 1.0088 4.4569 1.37002 4.81409 2.17228L7.53183 8.27642C7.67419 8.59616 7.52905 8.97424 7.20931 9.1166C6.88957 9.25896 6.51149 9.11383 6.36913 8.79409L3.91023 3.27129L3.0382 3.65954L5.49711 9.18234C5.8543 9.98459 6.7953 10.3458 7.59756 9.98862C8.39982 9.63143 8.76104 8.69043 8.40385 7.88817L5.68611 1.78403C5.11409 0.499249 3.61017 -0.078053 2.32539 0.493967C1.04061 1.06599 0.46331 2.56991 1.03533 3.85469L4.27074 11.1215C5.05759 12.8888 7.12443 13.6822 8.89173 12.8954C10.659 12.1085 11.4524 10.0417 10.6656 8.27437L7.68898 1.58888L6.81696 1.97712Z' fill='%231E293B'/%3E%3C/svg%3E%0A");
}


.file-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 8px 12px;
  margin-bottom: 5px;
  background: #fafafa;
  transition: background-color 0.3s;
}

.file-row:hover {
  background-color: #f2f8ff;  /* ÀüüÇà hover ½Ã ÀºÀºÇÑ ¹è°æ */
}

.file-row span {
  font-size: 13pt;
  font-family: "¸¼Àº °íµñ", "Malgun Gothic", sans-serif;
}

/* »èÁ¦ ¾ÆÀÌÄÜ Ä¿¼­ + È¿°ú */
.delete-icon {
  font-size: 18px;
  cursor: pointer;             /* ¸¶¿ì½º Ä¿¼­ ¼Õ°¡¶ô ¸ð¾ç */
  user-select: none;           /* µå·¡±× ºÒ°¡´É */
  transition: transform 0.2s ease, color 0.2s ease;
  color: #888;
}

.delete-icon:hover {
  color: #dc3545;              /* hover ½Ã »¡°£»ö */
  transform: scale(1.3) rotate(-10deg);  /* »ì¦ Ä¿Áö°í ±â¿ïÀÓ */
}

.delete-icon:active {
  transform: scale(1.1);       /* Ŭ¸¯ ½Ã »ì¦ ÁÙ¾îµå´Â ´À³¦ */
}


/* »èÁ¦ ¾ÆÀÌÄÜ Ä¿¼­ + È¿°ú */
.delete-icon {
  font-size: 18px;
  cursor: pointer;             /* ¸¶¿ì½º Ä¿¼­ ¼Õ°¡¶ô ¸ð¾ç */
  user-select: none;           /* µå·¡±× ºÒ°¡´É */
  transition: transform 0.2s ease, color 0.2s ease;
  color: #888;
}

.delete-icon:hover {
  color: #dc3545;              /* hover ½Ã »¡°£»ö */
  transform: scale(1.3) rotate(-10deg);  /* »ì¦ Ä¿Áö°í ±â¿ïÀÓ */
}

.delete-icon:active {
  transform: scale(1.1);       /* Ŭ¸¯ ½Ã »ì¦ ÁÙ¾îµå´Â ´À³¦ */
}

/* CKEditor º¸±â Àü¿ë º¸Á¤ */
.editor-view ul,
.editor-view ol {
    list-style: disc;
    padding-left: 40px;
    margin: 1em 0;
}

.editor-view ol {
    list-style: decimal;
}

.editor-view li {
    display: list-item;
}

.editor-view table {
    border-collapse: collapse;
    width: auto;
}

.editor-view table,
.editor-view th,
.editor-view td {
    border: 1px solid #ccc;
}

.editor-view td {
    padding: 6px 8px;
}

/* span ½ºÅ¸ÀÏ º¸È£ */
.editor-view span {
    all: unset;
    display: inline;
}