body{  height: 100dvh; }
body *{
    font-family: 'Pretendard',"Nanum Gothic", "Dotum", "Malgun Gothic","돋움";
}
@media (min-width: 992px) {
    header{ height:64px; }
}
p {margin-bottom: 0!important;}
a{ text-decoration: none; color: #333;}
ul{padding-left: 0!important;margin: 0!important;}
.btn {font-size:14px;}
.form-control {font-size:14px;}
.btn-upload-button {border:solid 1px #3E5FAC;color:#333;}
.btn-upload-button:hover {background:#3E5FAC;color:#fff;border:solid 1px #3E5FAC;font-weight:bold;}
.text-primary {color:#3E5FAC !important;font-weight:bold;}

.all-menu{  height: 100%; text-align: center; cursor: pointer; padding: 0 1.125rem;}
.all-menu:after{ content: ""; position: absolute; top: 18px; right: 0;height: 30px;width: 1px; background: #dee2e6; }

main .left-menu .col-resize{ position: absolute; display: inline-block; width: 15px; height: 82px; top: calc( 50% - 32px ); left:447px;cursor: col-resize; _background-color: transparent;z-index: 96 }

.contents-wrap{ display: flex; align-items: stretch; height: calc(100% - 64px); }
.contents-wrap .icon-menu{ }
.contents-wrap .icon-menu li{ display: flex; align-items: center; justify-content: center; height: 67px; width: 67px; }
.contents-wrap .icon-menu li > div{ display: flex; flex-direction: column; align-items: center;justify-content: center;font-size: 13px;width: 54px; height: 54px; padding-top: .25rem;}
.contents-wrap .icon-menu li > div.active{ background-color:rgb(242, 249, 255); border-radius: 5px;}
.contents-wrap .icon-menu li > div.active i {}
.contents-wrap .icon-menu li > div > span{ margin-top: .25rem; }
.contents-wrap .icon-menu li > div > i {font-size: 1.25rem;color: #3E5FAC;}
.contents-wrap .contents-menu-wrap{ width: 380px; }
.contents-wrap .contents-menu-wrap.wrap-disable{ display: none!important; }
.contents-wrap .contents-menu-ele {position:relative;}
.contents-wrap .contents-menu-ele .overlay-func{ background:rgba(0,0,0,0.7);position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:999;display:none;}
.contents-wrap .contents-menu-wrap .overlay-func{ background:rgba(0,0,0,0.7);position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:999;display:none;}
.crop-ui-btn {width:40px;height:40px;display:flex;align-items: center;justify-content: center;background:#fff;color:#333;font-size:20px;border:solid 1px #ddd;border-radius:5px;}
/* 이미지 자르기 완료/취소 */
.kc-crop-toolbar{position:fixed;z-index:3000;display:flex;gap:6px;padding:5px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.18);}
.kc-crop-toolbar button{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:0;border-radius:7px;font-size:13px;font-weight:700;cursor:pointer;}
.kc-crop-toolbar .kc-crop-done{background:#7b61ff;color:#fff;}
.kc-crop-toolbar .kc-crop-done:hover{background:#6a4ff0;}
.kc-crop-toolbar .kc-crop-cancel{background:#f1f1f1;color:#444;}
.kc-crop-toolbar .kc-crop-cancel:hover{background:#e5e5e5;}


.contents-menu-wrap .icon-magnifying{ top: 10px; left: 14px; color: #aaa; }
.contents-menu-wrap .icon-text-cancel { top: 10px; right: 14px; color: #aaa;cursor: pointer;}
.image-list { transition: all .25s; }
.image-list .image-list-inner > a { cursor: pointer;}
.contents-list-wrap .template-list-inner > a{cursor: pointer;}
.contents-list-wrap{ margin-bottom: 2rem; }
.contents-list-wrap > button{ display: none; border:1px solid #ddd; border-radius: 100%; padding: 0; margin: 0;position: absolute; top: 54%; background: #fff; height: 20px; width: 20px; align-items: center; justify-content: center;box-shadow: 0 0 1px #444; transition: .25s; }
.contents-list-wrap > button.image-prev{ left: -7px; font-size: 13px;color: #333; }
.contents-list-wrap > button.image-next{ right:-9px; font-size: 13px;color: #333;}
.contents-list-wrap:hover > button{ display: flex!important; transition: .25s; }
.icon-menu-wrap > ul > li > div{ cursor: pointer }
.justified-gallery > a {background-color:#ddd!important;border-radius: 10px;}
.justified-gallery > a > img:hover{ border:none!important; ; }
.justified-gallery > a > img{ border:none!important; ; }

/* scroll css */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #fff!important;scrollbar-track-color: #fff!important;}
::-webkit-scrollbar{border-radius: 10px;width: 12px;background-color: #ccc!important;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ccc!important;}

/* 우클릭 팝업 */
.objPopMenu{ position:absolute; z-index:99; display:none; width:170px; background-color:#fff; box-shadow: 3px 3px 3px #777; }
.objPopMenu div {cursor: pointer}

/* canvas 상단 화살표*/
.canvas-wrap{_padding-bottom: 3rem}
.canvas-wrap .canvas-page:first-child .fa-arrow-up {color: #aaa}
.canvas-wrap .canvas-page:last-child .fa-arrow-down {color: #aaa}

/*초기 폰트 로딩 중*/
#objLoading{z-index: 97;position:absolute;width:100%;height:100%;background-color:#000000;filter:Alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;}
.wrapProgress{z-index:98;position:absolute;width:600px;height:80px;background-color:#fff;border-radius:10px !important;display:none;}
.ui-widget-header{color:#000!important;background:none!important;border:0!important;font-weight:bold!important;}
.progress-label{color:#9b4fff;}
.ui-progressbar{height:12px;margin-top:10px;}
.ui-slider-horizontal{height:1px;}
.ui-slider-horizontal .ui-slider-handle{top:-8px;margin-left:-5px;}
.ui-slider .ui-slider-handle{width:10px;height:15px;}

.object-wrap .oject-menu-title{background: #ddd;border-radius: 10px;padding: .5rem 0;}
.object-wrap .btnAlign{cursor: pointer;}
.objItemTemplate
,.objItemImg
,.objBGImg{cursor: pointer;}

/*저장 중 caution*/
.save-caution-area{position: absolute;height: 100dvh;width: 100dvw;display: flex;justify-content: center;align-items: center;top: 0;left: 0;z-index: 2000;}
.save-caution-area .save-caution-bg{background-color: rgba(0,0,0,0.6);height: 100%;width: 100%;position: absolute;top: 0;left: 0; }
.save-caution-area .save-caution-wrap{width: 520px; display: flex;z-index: 2001;align-items: center;gap: 1rem;background-color: #fff;justify-content: center;flex-direction: column;border-radius: 10px;padding: 2rem 3rem;box-shadow: 0 1rem 1rem rgba(255, 255, 255, 0.15);}
.save-caution-area .save-caution-wrap h3{font-weight: bold}
.save-caution-area .save-caution-wrap div.button-wrap{width: 100%;display: flex;justify-content: space-between;margin-top: 1rem;}
.save-caution-area .save-caution-wrap div.button-wrap button{width: 48%;font-weight: bold;padding-top: 1rem;padding-bottom: 1rem;}
.save-caution-area .save-caution-wrap div.button-wrap button.curr-copy{background-color: #ffe1e3;color: #fe7e8d;}
.save-caution-area .save-caution-wrap div.button-wrap button.load-recent-data{background-color: #fe7e8d;color: #fff;}

.btn-black {
    border-radius: 0!important;
    --bs-btn-color: #fff;
    --bs-btn-bg: #211714;
    --bs-btn-border-color: #211714;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #231815;
    --bs-btn-hover-border-color: #231815;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #211714;
    --bs-btn-active-border-color: #211714;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #231815;
    --bs-btn-disabled-border-color: #231815;
}
/*나의 업로드 삭제*/
.myimg-delete{
    display: inline-block;margin:.25rem;z-index: 999;position: relative;float: right;cursor: pointer;
}

/* ppt 다운로드 */
.ppt-container {
    display:none;
    position:absolute;
    top:54px;
    right:20px;
    background:rgba(0,0,0,0.3);
    align-items: center;
    justify-content: center;
    z-index:999999;
    border-radius:20px;
}

.ppt-container .inner {width:320px;box-sizing:border-box;background:#fff;padding:20px;border-radius:20px;box-shadow:4px 3px 2px #ccc;}
.ppt-container .inner .header {margin-bottom:15px;font-size:15px;font-weight:bold;display:block;height:40px;border-bottom:solid 1px #eee;position:relative;}
.ppt-container .inner .header .btn-ppt-close {position:absolute;right:10px;top:-5px;font-size:20px;}
.ppt-container .inner .box {background:#f8f8f8;border-radius:5px;font-size:12px;max-height:240px;overflow-y:auto;padding:10px;border:solid 1px #eee;}
.ppt-container .inner .box .txt + .txt {margin-top:10px;}
.ppt-container .inner .box .txt span {text-decoration: underline;color:#000;}
.ppt-container .inner .btn-dwn {width:100%;height:38px;border-radius:10px;background:#0dcaf0;color:#fff;display:flex;align-items: center;justify-content: center;margin-top:15px;font-size:14px;font-weight:bold;}
.ppt-container .inner .free_download {margin-top:15px;font-size:14px;border:solid 1px #eee;border-radius:5px;color:#121212;}
.ppt-container .inner .free_download a {background:#fff;border-radius:10px;padding:10px;display:block;}
.ppt-container .inner .free_download div {display:flex;align-items: center;gap:8px;}
.ppt-container .inner .free_download div .ppt_cnt {margin-left:auto;background:#d8f7ff;color:#333;padding:3px 8px;border-radius:8px;font-size:13px;font-weight:bold;}
.ppt-container .inner .free_download .guide {color:#999;padding-left:26px;margin-top:3px;}


.btn-icon-save {background:#eee;border-radius:5px;padding:5px;margin-left:5px;width:42px;height:34px;color:#454545;display:inline-flex;align-items: center;justify-content: center;}

/* 템플릿 : 페이지 수 뱃지 / 뒤로가기 / 미리보기 */
.justified-gallery > a .tpl-page-badge{display:none;position:absolute;left:6px;bottom:6px;z-index:8;padding:0 7px;border-radius:10px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;line-height:18px;pointer-events:none;}
.justified-gallery > a:hover .tpl-page-badge{display:block;}
.tpl-nav-header{gap:.25rem;}
.tpl-nav-header .tpl-nav-back{width:28px;height:28px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.tpl-nav-header .tpl-nav-back:hover{background:#eee;}
.tpl-nav-header .tpl-nav-title{font-size:14px;font-weight:700;min-width:0;}
.tpl-preview-wrap{flex:1 1 auto;min-height:0;}
.tpl-preview-guide{font-size:12px;color:#888;margin-bottom:.5rem!important;}
.tpl-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-bottom:1rem;}
.tpl-preview-page{position:relative;cursor:pointer;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:.15s;}
.tpl-preview-page:hover{border-color:#333;box-shadow:0 0 0 1px #333;}
.tpl-preview-thumb{position:relative;width:100%;height:0;background:#fff;}
.tpl-preview-thumb canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;}
.tpl-preview-no{position:absolute;left:6px;bottom:6px;padding:0 7px;border-radius:10px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;line-height:18px;}

/* 캔버스 크기 조정 (상단) */
.cvs-size-wrap .btnCvsSize{white-space:nowrap;font-size:14px;background:#fff;border:1px solid #ddd;}
/* 상단 크기 조정 / 제목 / 저장 : 간격·높이·세로 정렬 통일 */
.cvs-size-wrap .btnCvsSize,
.cvs-size-wrap + input[name="top_title"],
.cvs-size-wrap ~ .btn-icon-save{height:38px;box-sizing:border-box;}
.cvs-size-wrap .btnCvsSize{display:inline-flex;align-items:center;gap:4px;}
.cvs-size-wrap ~ .btn-icon-save{margin-left:0;flex-shrink:0;align-self:center;}
/* 맞춤형 크기 : 입력칸과 단위 select 높이 통일 */
.cvs-size-custom .form-control,
.cvs-size-custom .form-select{height:34px;padding-top:.25rem;padding-bottom:.25rem;font-size:14px;line-height:1.5;}
.cvs-size-wrap .btnCvsSize:hover{background:#f3f3f3;}
.cvs-size-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:1050;width:300px;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);}
.cvs-size-panel.show{display:block;}
.cvs-size-panel .cvs-size-current{font-size:13px;color:#666;}
.cvs-size-panel .cvs-size-current b{color:#222;}
.cvs-size-panel .cvs-size-title{font-size:13px;font-weight:700;margin:.9rem 0 .4rem!important;}
.cvs-size-panel .emRotate{flex-direction:column;gap:4px;padding:.4rem 0;border:1px solid #ddd;border-radius:6px;font-size:12px;}
.cvs-size-panel .emRotate.active{border-color:#333;background:#f3f3f3;font-weight:700;}
.cvs-size-preset{list-style:none;}
.cvs-size-preset li{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem;border-radius:6px;cursor:pointer;font-size:13px;}
.cvs-size-preset li span{color:#888;font-size:12px;}
.cvs-size-preset li:hover{background:#f3f3f3;}
.cvs-size-preset li.active{background:#eef2ff;font-weight:700;}
.cvs-size-custom label{flex:1;min-width:0;font-size:12px;color:#666;}
.cvs-size-guide{font-size:11px;color:#999;margin-top:.5rem!important;}
/* 크기 조정 패널 : ① 유형 선택 → ② 크기 선택 + 요소 맞춤 방식 → 크기 적용 */
.cvs-size-panel{width:320px;padding:.75rem;}
.cvs-size-head{display:flex;align-items:center;gap:6px;min-height:30px;margin-bottom:.5rem;}
.cvs-size-head-title{font-size:14px;white-space:nowrap;}
.cvs-size-panel .cvs-size-head .cvs-size-current{margin-left:auto;font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;}
.cvs-size-back{display:none;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#333;}
.cvs-size-back:hover{background:#f1f1f1;}
.cvs-size-types,.cvs-size-options{list-style:none;margin:0;padding:0;}
.cvs-size-types li{display:flex;align-items:center;gap:10px;padding:.65rem .6rem;border-radius:8px;cursor:pointer;font-size:14px;}
.cvs-size-types li:hover{background:#f3f4f6;}
.cvs-size-types li > i:first-child{width:18px;text-align:center;color:#555;}
.cvs-size-types li > span{flex:1;display:flex;flex-direction:column;line-height:1.35;}
.cvs-size-types li small{font-size:11px;color:#999;}
.cvs-size-types li > i:last-child{font-size:12px;color:#aaa;}
.cvs-size-step{display:none;}
.cvs-size-step.show{display:block;}
.cvs-size-options li{display:flex;align-items:center;gap:10px;padding:.5rem .6rem;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:13px;}
.cvs-size-options li:hover{background:#f3f4f6;}
.cvs-size-options li.active{border-color:#3e5fac;background:#eef2ff;font-weight:700;}
.cvs-size-options li em{margin-left:auto;font-style:normal;font-size:12px;color:#888;font-weight:400;white-space:nowrap;}
.cvs-size-options li.is-current .cvs-size-opt-name::after{content:'현재';margin-left:6px;padding:0 5px;border-radius:8px;background:#e8e8e8;color:#666;font-size:10px;font-weight:400;vertical-align:middle;}
.cvs-size-shape{display:inline-block;flex-shrink:0;border:1.5px solid #555;border-radius:2px;background:#fafafa;}
.cvs-size-foot{display:none;margin-top:.6rem;padding-top:.3rem;border-top:1px solid #eee;}
.cvs-size-panel.is-step .cvs-size-back{display:inline-flex;}
.cvs-size-panel.is-step .cvs-size-types{display:none;}
.cvs-size-panel.is-step .cvs-size-foot{display:block;}
.cvs-size-fit{display:flex;flex-direction:column;gap:4px;}
.cvs-size-fit label{display:flex;align-items:flex-start;gap:8px;padding:.45rem .5rem;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;font-size:13px;}
.cvs-size-fit label:has(input:checked){border-color:#3e5fac;background:#f5f7ff;}
.cvs-size-fit input{margin-top:3px;}
.cvs-size-fit span{display:flex;flex-direction:column;line-height:1.35;}
.cvs-size-fit small{font-size:11px;color:#999;}
.cvs-size-pick{font-size:12px;color:#555;margin:.6rem 0 .4rem!important;}
.btnCvsSizeApply:disabled{opacity:.4;cursor:not-allowed;}
/* 둥근 사각형 : 모서리 둥글기 */
.kc-shape-radius-wrap .form-range{flex:1;min-width:0;}
.kc-shape-radius-label{font-size:13px;white-space:nowrap;}
.kc-shape-radius-val{width:28px;text-align:right;font-size:12px;color:#666;}

/* 페이지 잠금 */
.canvas-page .btnPageLock .fa-lock{color:#e5534b;}
.canvas-page.is-locked .wrapCanvas{outline:2px solid rgba(229,83,75,.45);}

/* 텍스트 추가 프리셋 / 텍스트 편집 바 */
.kc-text-title{font-size:13px;font-weight:700;color:#555;margin-bottom:.5rem!important;}
.kc-text-preset{border:1px solid #ddd;background:#fff;color:#222;text-align:left;padding:.55rem .9rem;}
.kc-text-preset:hover{background:#f3f3f3;border-color:#ccc;}
.kc-text-edit-bar{margin-top:1rem;padding:.6rem .75rem;border-radius:8px;background:#f5f5f5;color:#777;font-size:12px;line-height:1.5;}
.kc-text-edit-bar.is-active{background:#eef2ff;color:#3E5FAC;font-weight:700;}

/* 잠긴 요소 선택 시 속성 패널 비활성 */
.kc-el-locked > *{pointer-events:none;opacity:.4;}
/* 기본 도형 (요소 패널) / 도형 색상 */
.kc-shape-title{margin-bottom:.5rem!important;}
.kc-shape-more{font-size:13px;cursor:pointer;}
/* 텍스트 : 선택 영역에 글자색이 2가지 이상이면 무지개로 표시 */
input[type="color"].kc-multi-color{background:linear-gradient(135deg,#ff5b5b,#ffb13b,#ffe44d,#5fd068,#4db8ff,#8a6bff)!important;}
input[type="color"].kc-multi-color::-webkit-color-swatch{opacity:0;}
input[type="color"].kc-multi-color::-moz-color-swatch{opacity:0;}
/* 기본 도형 전체 보기 중에는 아래 요소 그룹 숨김 */
.contents-menu-wrap.kc-shape-all .contents-list-container > .contents-list-wrap:not(.kc-shape-wrap){display:none!important;}
.kc-shape-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem;}
.kc-shape-item{aspect-ratio:1/1;padding:.2rem;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;}
.kc-shape-item:hover{background:#f3f3f3;border-color:#e0e0e0;}
.kc-shape-item svg{width:100%;height:100%;fill:#8fa9d9;}
.kc-shape-item svg line{stroke:#8fa9d9;}
.kc-shape-palette{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;}
.kc-shape-palette li{width:24px;height:24px;border:1px solid #ddd;border-radius:50%;cursor:pointer;}

/* 회전 각도 / 캔버스 밖 드래그 선택 */
.kc-angle-badge{display:none;position:fixed;z-index:3000;padding:2px 8px;border-radius:10px;background:#222;color:#fff;font-size:12px;font-weight:700;pointer-events:none;}
.kc-marquee{display:none;position:fixed;z-index:2500;border:1px solid #7b61ff;background:rgba(123,97,255,.12);pointer-events:none;}

/* 단축키 안내 (하단 바) */
.kc-shortcut-wrap .btnShortcut{font-size:13px;color:#555;background:#fff;border:1px solid #ddd;}
.kc-shortcut-panel{display:none;position:absolute;left:0;bottom:calc(100% + 10px);z-index:1050;width:320px;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);}
.kc-shortcut-panel.show{display:block;}
.kc-shortcut-title{font-size:14px;font-weight:700;margin-bottom:.6rem!important;}
.kc-shortcut-list{display:grid;grid-template-columns:1fr auto;gap:.4rem .75rem;align-items:center;margin:0;font-size:12px;}
.kc-shortcut-list dt{font-weight:400;color:#555;}
.kc-shortcut-list dd{margin:0;text-align:right;white-space:nowrap;}
.kc-shortcut-list kbd{display:inline-block;padding:1px 6px;border:1px solid #ccc;border-bottom-width:2px;border-radius:4px;background:#f7f7f7;color:#333;font-size:11px;font-family:inherit;box-shadow:none;}

/* 파일 끌어다 놓기 / 업로드 안내 */
.canvas-scroll.kc-file-dragover{outline:3px dashed #7b61ff;outline-offset:-10px;background-color:rgba(123,97,255,.06);}
.kc-upload-guide{margin-top:.6rem!important;font-size:12px;color:#888;line-height:1.5;}

/* 자동 저장 상태 */
.kc-autosave-state{font-size:12px;color:#999;white-space:nowrap;}

/* 다운로드 패널 */
.kc-down-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:1050;width:340px;max-height:calc(100vh - 90px);overflow-y:auto;padding:1rem;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);}
.kc-down-panel.show{display:block;}
.kc-down-head{display:flex;justify-content:space-between;align-items:center;font-size:15px;}
.kc-down-close{border:0;background:transparent;font-size:22px;line-height:1;color:#888;}
.kc-down-label{font-size:13px;font-weight:700;margin:.8rem 0 .4rem!important;}
.kc-down-format{list-style:none;display:flex;flex-direction:column;gap:.25rem;}
.kc-down-format li{display:flex;flex-direction:column;padding:.45rem .6rem;border:1px solid transparent;border-radius:8px;cursor:pointer;}
.kc-down-format li b{display:flex;align-items:center;gap:4px;font-size:13px;}
.kc-down-format li span{font-size:12px;color:#888;}
.kc-down-format li:hover{background:#f5f5f5;}
.kc-down-format li.active{background:#eef2ff;border-color:#c7d2fe;}
.kc-down-paid{width:22px;}
.kc-down-all{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:13px;cursor:pointer;}
.kc-down-page-list{list-style:none;max-height:180px;overflow-y:auto;padding:.25rem!important;border:1px solid #eee;border-radius:8px;}
.kc-down-page-list label{display:flex;align-items:center;gap:.5rem;padding:.25rem .35rem;border-radius:6px;font-size:12px;cursor:pointer;}
.kc-down-page-list label:hover{background:#f5f5f5;}
.kc-down-thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:34px;overflow:hidden;border-radius:4px;background:#f0f0f0;}
.kc-down-thumb img{max-width:100%;max-height:100%;}
.kc-down-notice ul{list-style:disc;padding-left:1.1rem!important;margin:0 0 .75rem!important;font-size:12px;color:#666;line-height:1.55;}
.kc-down-notice b{font-weight:600;color:#333;}
.kc-down-notice-ppt{display:none;}
.kc-down-free a{display:block;margin-bottom:.75rem;padding:.5rem .6rem;border:1px solid #eee;border-radius:8px;font-size:12px;color:#333;}
.kc-down-free .ppt_cnt{margin-left:6px;padding:2px 6px;border-radius:6px;background:#d8f7ff;font-weight:700;}
.kc-down-free .guide{margin-top:2px;color:#999;}

/* 좌측 메뉴 움직이는 아이콘 (lordicon) */
.contents-wrap .icon-menu li{width:88px;height:84px;}
.contents-wrap .icon-menu li > div{width:76px;height:76px;padding-top:0;border-radius:8px;}
.contents-wrap .icon-menu li > div.active{border-radius:8px;}
/* 좌측 메뉴 넓이(88px)에 맞춰 상단 로고 영역 / 패널 크기조절 손잡이 위치 통일 */
.all-menu{width:88px;padding:0;flex-shrink:0;}
main .left-menu .col-resize{left:468px;}
.contents-wrap .icon-menu li > div > span{margin-top:0;}
.contents-wrap .icon-menu li > div lord-icon{display:block;width:48px;height:48px;}
.kc-lord-credit{display:block;padding:6px 2px;text-align:center;font-size:8px;line-height:1.4;color:#b8bec5;text-decoration:none;}
.kc-lord-credit:hover{color:#7a838d;}

.kc-el-locked::before{content:"잠긴 요소입니다. 요소 위 잠금 아이콘을 눌러 해제하면 편집할 수 있어요.";display:block;margin-top:1rem;padding:.6rem .75rem;border-radius:8px;background:#fff1f0;color:#e5534b;font-size:13px;font-weight:700;}

/* Toast 컨테이너 */
.toast-container {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

/* Toast 스타일 */
.toast-ui {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 16px 20px;
    min-width: 300px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.4s ease-out;
    margin-bottom: 10px;
}

.toast-ui.hide {
    animation: slideUp 0.4s ease-in forwards;
}

.toast-message {
    flex: 1;
    font-size: 14px;
    color: #333;
}

.toast-close {
    background: none;
    border: none;
    color: #999;
    font-size: 20px;
    cursor: pointer;
    padding: 0;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: color 0.2s;
}

.toast-close:hover {
    color: #333;
}

/* 애니메이션 */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-30px);
    }
}