﻿.layer_pop_wrap.w1200 {
    min-width: 1200px;
}
.layer_pop_wrap.w1064 {
    min-width: 1064px;
}


.table tbody td .img_thumb_w {
    display: inline-block;
    aspect-ratio: 17/14;
    font-size: 0;
    line-height: 0;
    width: 60px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}



.table tbody td .img_thumb_w img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: 2;
}
.draggable {
    cursor: grab;
    user-select: none;
}

.draggable:active {
    cursor: grabbing;
}

.ql-container {
    min-height: 10rem;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
}

.ql-editor {
    height: 100%;
    flex: 1;
    overflow-y: auto;
    width: 100%;
    padding: 140px 101px 100px 101px !important;
}
.ql-editor p {
    font-family: "MaruBuri";
    font-size: 18px;    
    line-height: 1;
}
.ql-snow .ql-picker.ql-lineheight{
  width: 58px;
}
.ql-snow .ql-editor img {
    width: 100px !important;
}

.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.0']::before {content: '1.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='1.0']::before {content: '1.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.2']::before {content: '1.2';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='1.2']::before {content: '1.2' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.5']::before {content: '1.5';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='1.5']::before {content: '1.5' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.6']::before {content: '1.6';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='1.6']::before {content: '1.6' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.8']::before {content: '1.8';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='1.8']::before {content: '1.8' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2.0']::before {content: '2.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='2.0']::before {content: '2.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2.4']::before {content: '2.4';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='2.4']::before {content: '2.4' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2.8']::before {content: '2.8';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='2.8']::before {content: '2.8' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='3.0']::before {content: '3.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='3.0']::before {content: '3.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='4.0']::before {content: '4.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='4.0']::before {content: '4.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='5.0']::before {content: '5.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='5.0']::before {content: '5.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='6.0']::before {content: '6.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='6.0']::before {content: '6.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='7.0']::before {content: '7.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='7.0']::before {content: '7.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='8.0']::before {content: '8.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='8.0']::before {content: '8.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='9.0']::before {content: '9.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='9.0']::before {content: '9.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='10.0']::before {content: '10.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='10.0']::before {content: '10.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='15.0']::before {content: '15.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='15.0']::before {content: '15.0' !important;}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='20.0']::before {content: '20.0';}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label[data-value='20.0']::before {content: '20.0' !important;}


.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
    content: "12px";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
    content: "14px";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
    content: "16px";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
    content: "18px";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before {
    content: "20px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before {
    content: "22px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
    content: "24px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before {
    content: "26px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before {
    content: "28px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before {
    content: "30px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
    content: "32px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="34px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="34px"]::before {
    content: "34px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before {
    content: "36px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="38px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="38px"]::before {
    content: "38px";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="40px"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="40px"]::before {
    content: "40px";
}



.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="MaruBuri"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="MaruBuri"]::before {
    content: "마루부리";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Noto Sans KR"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Noto Sans KR"]::before {
    content: "Noto Sans";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="NanumGothic"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="NanumGothic"]::before {
    content: "나눔고딕";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Times New Roman"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Times New Roman"]::before {
    content: "Times New Roman";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="NanumMyeongjo"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="NanumMyeongjo"]::before {
    content: "나눔명조";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Serif"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Serif"]::before {
    content: "바탕체";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Sans-serif"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Sans-serif"]::before {
    content: "고딕체";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="Gulim"]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="Gulim"]::before {
    content: "굴림체";
}


.color_blue {
    background: #5d656b !important;
    border: 1px solid #4a5157 !important;
    color: #fff !important;
}

.color_blue:active {
    background: #4a5157 !important;
}

.color_yellow {
    background: #f2f0ef !important;
    border: 1px solid #c5bfbe !important;
    color: #646464 !important;
}

.color_yellow:active {
    background: #e4e1df !important;
}

.color_red {
    background: #fbf6f7 !important;
    border: 2px solid #d5d7df !important;
    color: #d20155 !important;
}

.color_red:active {
    background: #ebe5e6 !important;
    border: 2px solid #ccc3c2 !important;
}

.color_orange {
    background: #f2f0ef !important;
    border: 1px solid #c5bfbe !important;
    color: #646464 !important;
}

.color_orange:active {
        background: #e4e1df !important;
    filter: brightness(1.0);
}

