.form-maker-wrap .alert { text-align:center; margin-bottom:0; padding:10px; }
.form-maker-wrap.mode-edit .alert { margin-top:20px; }

.form-maker-wrap .step-menu-wrap { border-bottom:1px solid #E5E5E5; padding-top:40px; padding-bottom:40px; }
    .form-maker-wrap .step-menu-wrap h2 { text-align:center; padding-top:36px; }


    
.form-maker-form { width:700px; margin:0 auto; padding-top:36px; padding-bottom:36px; }
.form-maker-form .form-group .btn { font-size: 14px; /*padding: 0px 20px; height: 35px; line-height: 33px;*/ cursor:pointer; }
.form-maker-form .form-group .input-group .btn { height:40px; line-height:40px; border-right:1px solid #e8e8e8; margin-right:1px; /*margin-right:-1px;*/ }
.form-maker-form .form-group .input-group a.btn.disabled, 
.form-maker-form .form-group .input-group fieldset[disabled] a.btn { pointer-events: auto; }

.form-maker-form .form-group .input-group .btn:last-child { border-right:0; border-radius:0; }
.form-maker-form .form-group .btn-default { } 
.form-maker-form .form-group .btn-point   { background:#999; color:#fff; }

.form-maker-form .form-group { margin-bottom:30px; }
.form-maker-form .form-group:last-child { margin-bottom:0; }

.form-maker-form .form-group.have-box { border: 1px solid #ddd; padding: 15px 20px; border-radius: 6px; box-shadow: 0px 1px 1px rgba(0,0,0,0.05); }
.form-maker-form .form-group.have-box.error { border-color:#E63138; }

.form-maker-form input.form-control,
.form-maker-form div.form-control { padding:10px 10px; font-size:15px; height:40px; text-align:left; box-shadow:none !important; outline:none !important; }
.form-maker-form textarea.form-control { font-size:14px; }

.form-maker-form .button-with-input .btn { height:40px; font-size:14px; line-height:40px; text-align:center; }

.step-data { display:none; }

.step-active-1 .step-data-1,
.step-active-2 .step-data-2,
.step-active-3 .step-data-3,
.step-active-4 .step-data-4,
.step-active-5 .step-data-5,
.step-active-6 .step-data-6 { display:block; }
    
    .step-data .content {font-size: 16px; margin-top: 20px; line-height: 25px;}
    .step-data .content ul { border:1px solid #eee; padding:14px 20px; border-radius:4px; box-shadow:0px 1px 1px rgba(0,0,0,0.05); margin-bottom:40px; }
    .step-data .content ul li { font-size:15px; margin-bottom:4px; }
    .step-data .content ul li:last-child { margin-bottom:0; }

    .step-data .form-group .help-block { margin-top:2px; margin-bottom:10px; color:#888; }
    .step-data .form-group label + .help-block { margin-top:-8px; }
        .step-data .form-group.error .help-block { color:#E63138; }

    .step-data .form-group .empty { text-align: center; color: #999; padding: 10px; border: 1px solid #eee; margin-bottom: 10px; }
        .step-data .form-group.error .empty { border: 1px solid #E63138; color: #E63138; background: #FFF0F0; margin-bottom:0; }

    /* SORTABLE */
    .sortable-ghost { opacity:0.3; box-shadow:inset 0px 1px 1px rgba(0,0,0,0.12); }

    /* HEADER */
    .step-data .form-header-group {}
        .step-data .form-header-group h2 { color: #333; font-size: 18px; margin-bottom:10px; }

        .step-data .form-header-group .content { border:1px solid #ccc; background:#EBEBEB; padding:24px; font-size:14px; color:#404040; text-align:center; }
        .step-data .form-header-group .content.type-list { background: transparent; border: 0; padding: 0;}
        .step-data .form-header-group .content.type-list ul { border: 0; box-shadow: none; padding: 0; border-radius: 0; }
        .step-data .form-header-group .content.type-list ul li { border: 1px solid #eee; padding: 4px 14px; padding-left: 20px; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0,0,0,0.05); font-size: 14px; text-align: left; background:#f4f4f4; }
        .step-data .form-header-group .content.type-list ul li + li { margin-top:6px; }
        .step-data .form-header-group .help-block { font-size:14px; }

    /* HR */
    .step-data hr { margin-top:30px; margin-bottom:30px; }

    /* CHECKBOX */
    .form-checkbox-group label.form-control-label { display:none; }
    .form-checkbox-group label.form-control-label.have-message { display:block; margin-bottom:14px; }
    .step-data .image-checkbox .form-check-input + span { font-weight: 400; font-size: 15px; color: #555; }
    .form-checkbox-group.error .image-checkbox .form-check-input + span { color:#E63138; }

    /* TINYMCE */
    .form-maker-form .mce-toolbar-grp { border: 1px solid #ddd; border-bottom: 0; }
    .form-maker-form .error .mce-toolbar-grp { border-color:#E63138; }
    .form-maker-form .error .mce-edit-area { border-color:#E63138 }

    /* QUILL WYSIWYG EDITOR */
    .quill-editor-wrap { position: relative; }
    .quill-editor-wrap .quill-editor { background: #fff; }
    .quill-editor-wrap .ql-toolbar { border: 1px solid #ddd; border-radius: 4px 4px 0 0; background: #f8f8f8; }
    .quill-editor-wrap .ql-container { border: 1px solid #ddd; border-top: 0; border-radius: 0 0 4px 4px; font-size: 15px; min-height: 200px; }
    .quill-editor-wrap .ql-editor { min-height: 250px; padding: 12px 15px; }
    .quill-editor-wrap .ql-editor.ql-blank::before { color: #999; font-style: normal; }
    
    /* Quill 에러 상태 */
    .form-maker-form .error .quill-editor-wrap .ql-toolbar { border-color: #E63138; background: #FFF0F0; }
    .form-maker-form .error .quill-editor-wrap .ql-container { border-color: #E63138; }
    
    /* Quill 툴바 버튼 스타일 */
    .quill-editor-wrap .ql-toolbar .ql-picker-label { padding:0 8px; }
    .quill-editor-wrap .ql-toolbar .ql-picker-label:hover { background: #e8e8e8; }
    
    .quill-editor-wrap .ql-toolbar button { padding: 4px 8px; }
    .quill-editor-wrap .ql-toolbar button:hover { background: #e8e8e8; }
    .quill-editor-wrap .ql-toolbar button.ql-active { background: #ddd; color: #333; }
    
    /* Quill 헤더 선택창 한글화 */
    .quill-editor-wrap .ql-toolbar .ql-header .ql-picker-label::before,
    .quill-editor-wrap .ql-toolbar .ql-header .ql-picker-item::before {
        content: attr(data-label) !important;
    }
    .quill-editor-wrap .ql-toolbar .ql-header .ql-picker-label { min-width: 80px; }
    .quill-editor-wrap .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]::before,
    .quill-editor-wrap .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]::before {
        content: attr(data-label) !important;
    }

    /* MESSAGE */
    .step-data .form-message-group {}
        .step-data .form-message-group h2 { color: #5D5D5D; font-size: 18px; margin-bottom:10px; text-align:center; }

    /* FOOTER */
    .step-data .step-footer { position: relative; border-top: 1px solid #E6E6E6; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; min-height: 40px; width: 100%; text-align: right; }
    .step-data .step-footer .left { position:absolute; left:0; font-size:0; }
    .step-data .step-footer .btn { padding:0 25px; font-size:15px; }
    .step-data .step-footer .btn.btn-sm { padding:0 14px; }

    .step-data .step-footer .left .btn + .btn { margin-left:10px; }

    /* DATE */
    .step-data .form-date-start label,
    .step-data .form-date-end label { font-size:15px; margin-bottom:5px; color:#666; }
    .step-data .error .form-date-start label,
    .step-data .error .form-date-end label { font-size:14px; color:#E63138; }

    /* MULTIPLE DATETIME */
    .multiple-datetime-item {}
    .multiple-datetime-item + .multiple-datetime-item { margin-top:10px; }

    /* date range */
    .step-data .form-control-daterange { position:relative; }
    .step-data .form-control-daterange .start-date,
    .step-data .form-control-daterange .end-date { display:inline-block; border: 1px solid #f4f4f4; border-radius: 4px; background: #eee; padding: 7px 14px; font-size: 15px; height: 40px; width:100%; cursor:pointer; position: relative;; }
    .step-data .form-control-daterange .placeholder { color:#999; text-align:left; }
    
    .step-data .form-control-daterange .start-date:after,
    .step-data .form-control-daterange .end-date:after { content:''; position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

    .step-data .error .form-control-daterange .start-date,
    .step-data .form-control-daterange  .error .start-date,
    .step-data .error .form-control-daterange .end-date,
    .step-data .form-control-daterange  .error .end-date { border-color:#E63138; background:#FFF0F0; }

    /* date range single input */
    .step-data .form-control-daterange-single { position:relative; }
    .step-data .form-control-daterange-single .input-daterange { display:block; border: 1px solid #f4f4f4; border-radius: 4px; background: #eee; padding: 7px 14px; font-size: 15px; height: 40px; width:100%; cursor:pointer; position: relative; }
    .step-data .form-control-daterange-single .daterange-label { display:block; width:100%; height:100%; line-height:24px; cursor:pointer; }
    .step-data .form-control-daterange-single .daterange-label.placeholder { color:#999; text-align:left; }
    
    .step-data .form-control-daterange-single .input-daterange:after { content:''; position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

    .step-data .error .form-control-daterange-single .input-daterange,
    .step-data .form-control-daterange-single .input-daterange.error { border-color:#E63138; background:#FFF0F0; }
    
    .daterangepicker select.hourselect, 
    .daterangepicker select.minuteselect, 
    .daterangepicker select.secondselect, 
    .daterangepicker select.ampmselect { border-color:#ccc; border-radius:3px; }
    .daterangepicker select.ampmselect { margin-right:4px; }

    .daterangepicker .calendar-time { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 0; }
    .daterangepicker th.month { font-weight:bold; font-size:18px; color:#1a1a1a; height:48px; }
    .daterangepicker .icon-time { display:inline-block; width:18px; height:18px; background:url(/img/admin/icon_time.png) no-repeat left center; }
    .daterangepicker .icon-chevron-left { display:inline-block; width:24px; height:22px; margin-top:8px; background:url(/img/admin/img_arrow_prev.png) no-repeat center; }
    .daterangepicker .icon-chevron-right { display:inline-block; width:24px; height:22px; margin-top:8px; background:url(/img/admin/img_arrow_next.png) no-repeat center; }
    .daterangepicker td.disabled,
    .daterangepicker option.disabled { color: #bababa; cursor: not-allowed; text-decoration: line-through; }
/*
    .daterangepicker td { border-radius:0; }
    .daterangepicker td.in-range { background-color:#dbf3f0; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color:#dbf3f0; }
    .daterangepicker td.active, .daterangepicker td.active:hover { background-color:#49c5b6; }*/


    /* MAP */
    .step-data .map-wrap { display:flex;flex-direction:column;gap:8px; }
    .step-data .map-wrap .input-group { border:1px solid #ddd;  border-radius:5px; overflow:hidden; }
        .step-data .map-wrap .input-group .btn { width:100%; margin:0; }
        .step-data .map-wrap .input-group input[type=text] { border: 0; border-radius: 0; border-radius: 0; }
        .step-data .map-wrap .map { border-radius:5px; overflow:hidden; }

    /* IMAGE */
    .step-data .form-image-group { position:relative; min-height:123px; }

    .step-data .form-image-group .form-control-label { word-break:keep-all; color:#333; }
    .step-data .form-image-group.error .form-control-label { color:#E63138; }

    /* FILES */
    .step-data .form-files-group {}
    .step-data .form-files-group ul.files {}
    .step-data .form-files-group ul.files li { margin-bottom:10px; }

    /* FILE */
    .step-data .form-image-group .form-file { position:relative; display:inline-block; margin-bottom:10px; }
    .step-data .form-image-group .form-file input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor:pointer; }
    .step-data .form-image-group .form-file .input-file:hover + .btn { box-shadow:inset 0 -10rem 0px rgba(158, 158, 158, 0.2); }

    .step-data .form-image-group .only-image-mode .form-file:after {
        content:'';
        position:absolute;
        left:0; bottom:0;
        width:40px; height:40px;
        background:url(/img/about/icon_plus.svg) no-repeat center #B3B3B3;
        border-radius:100%; overflow:hidden;
        pointer-events: none;
    }
    
    .step-data .form-image-group .preview-image-wrap { position:absolute; left:0; top:0; width:178px; }
    .step-data .form-image-group .preview-image { position:relative; width:100%; min-height:123px; border-radius:4px; overflow:hidden; background:#ddd; }
        .step-data .form-image-group.error .preview-image { border:1px solid #E63138; color:#E63138; background:#FFF0F0;    }

        .step-data .form-image-group .preview-image .remove { display: none; padding: 4px 6px; background: rgba(0,0,0,0.3); position: absolute; right: 10px; top: 10px; font-size: 12px; line-height: 12px; color: #fff; border-radius: 3px; z-index:2; }
        .step-data .form-image-group .preview-image .remove:hover { background:rgba(0,0,0,0.6); }
        .step-data .form-image-group .preview-image.have-image .remove { display:inline-block; cursor:pointer; text-decoration: none; }
        .step-data .form-image-group .preview-image:empty:before,
        .step-data .form-image-group .preview-image:before {  content:'EMPTY'; color:#999; position:absolute; line-height:123px; text-align:center; width:100%; }
            .step-data .form-image-group.error .preview-image:empty:before,
            .step-data .form-image-group.error .preview-image:before { color:#E63138; }

        .step-data .form-image-group .preview-image.have-image:before { display:none; }
            .step-data .form-image-group .preview-image img { object-fit: cover; height: 100%; width: 100%; position: absolute; left: 0; top: 0; }
            .step-data .form-image-group .preview-image img[src=""] { display:none; }

            .step-data .form-image-group .preview-image.only-image-mode .form-file,
            .step-data .form-image-group .preview-image.only-image-mode .form-file .btn-image-upload {    
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
            }

            .step-data .form-image-group .preview-image.only-image-mode .form-file .btn-image-upload {
                background:transparent;
                border:0;
                box-shadow:none;
                outline:none;
                text-indent:-10000px;
                overflow:hidden;
                pointer-events: none;
            }
    
    .step-data .form-image-group.circle .preview-image {
        width:123px;
        background-color: transparent;
    }

    .step-data .form-image-group.circle .preview-image img {
        border-radius:100%;
    }

    .step-data .form-image-group.circle .preview-image:empty:before, 
    .step-data .form-image-group.circle .preview-image:before {
        border-radius:100%;
        background-color: #ddd;
    }

    /* CUSTOMIZE ROW */
    .step-data .form-rows-list {}
    .step-data .form-rows-list ul { list-style:none; padding:0; }
    .step-data .form-rows-list ul li { padding-bottom:10px; }
    .step-data .form-rows-list ul li .drag-handle { width:40px; height:40px; display:inline-block; cursor: move; cursor: -webkit-grabbing; background:url(/img/admin/icon_order.png) no-repeat center; }
    .step-data .form-rows-list ul li .input-group-addon { border:0; font-size:0; padding:0; background:#F4F4F4; }
    .step-data .form-rows-list ul li .input-group-addon:hover { background:#eee; }
    .step-data .form-rows-list ul li input.form-control { font-size:14px; }

    .step-data .form-rows-list ul li .btn-manage .label { display:inline-block; margin-left:5px; }

    /* CUSTOMIZE FORM */
    .step-data .form-customize-list {}
    .step-data .form-customize-list ul { list-style:none; padding:5px 0; }
    .step-data .form-customize-list ul li { padding-bottom:10px; }
    .step-data .form-customize-list ul li:last-child { padding-bottom:0; }
    .step-data .form-customize-list ul li .input-group-addon { min-width:0; }
    .step-data .form-customize-list ul li .drag-handle { width:40px; height:40px; display:inline-block; cursor: move; cursor: -webkit-grabbing; background:url(/img/admin/icon_order.png) no-repeat center; }
    .step-data .form-customize-list ul li .input-group-addon { border:0; font-size:0; padding:0; background:#F4F4F4; }
    .step-data .form-customize-list ul li .input-group-addon:hover { background:#eee; }
    .step-data .form-customize-list ul li input.form-control { font-size:14px; background:#f4f4f4; border:0; }

    .step-data .form-customize-list ul + .footer { margin-top:5px; }

    /* PLAINTEXT */
    .form-group.form-plaintext-group label.form-control-label { line-height:38px; margin-bottom:0; }
    .form-group.form-plaintext-group .form-control-static { font-size:16px; padding-top: 0; padding-bottom: 0; line-height: 36px; }

    /* SELECT */
    .form-group .bootstrap-select.full,
    .form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn).full { width:100%; }
    
    .form-group .bootstrap-select .btn { height:40px; line-height:40px; }
    .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option { line-height:40px; font-size:15px; }

    /* Meet */

    /* ONE */ 
    .btn-radio-wrap { font-size:0; }
        .btn-radio-wrap .btn-group { margin-bottom:10px; }
        .btn-radio-wrap .btn-group:last-child { margin-bottom:0; }
        .form-group .btn-radio-wrap label.error { margin-top:0px; }

    .btn-group-block { display:inline-flex; flex-wrap: wrap; width:100%; }
    .btn-radio { padding: 10px; position: relative; border:1px solid #ddd; border-right-color:transparent; margin:0; overflow:hidden; }
    .form-maker-form .btn-radio { padding-left:32px; padding-right:0px; line-height:14px; }
    .btn-radio:last-child { border-right:1px solid #ddd; }
    .btn-radio.active { border:1px solid var(--main); color:var(--main); box-shadow:none; }
    .btn-radio:active { box-shadow:inset 0px 1px 2px rgba(0,0,0,0.05); background:#fafafa; }

    .btn-group-block .btn-radio { padding-top:8px; padding-bottom:8px; }
    .btn-group-block.btn-group-1 .btn-radio { width:100%; margin-left:0; }
    .btn-group-block.btn-group-2 .btn-radio { width:50%; margin-left:0; }
    .btn-group-block.btn-group-3 .btn-radio { width:33.333%; margin-left:0; }
    .btn-group-block.btn-group-4 .btn-radio { width:25%; margin-left:0; }
    .btn-group-block.btn-group-5 .btn-radio { width:20%; margin-left:0; }
    .btn-group-block.btn-group-6 .btn-radio { width:16.66%; margin-left:0; }
    .btn-group-block.btn-group-7 .btn-radio { width:14.28%; margin-left:0; }
    .btn-group-block.btn-group-8 .btn-radio { width:12.5%; margin-left:0; }

    .btn-radio-word { font-size: 14px; font-weight: normal; color: #666; white-space: normal; line-height: 21px; word-break: break-all; text-align: left; display: flex; padding-right:6px; }
    .btn-radio-word small { font-size:13px; color:#aaa; }

    .btn-group-size-small .btn-radio-word { font-size:13px; }

    .btn-radio .radio-dot:before, .btn-radio .radio-dot:after { content: ""; display: block; position: absolute; background: #fff; border-radius: 100%; }    
    .btn-radio .radio-dot:before { width: 16px; height: 16px; border:2px solid #ddd; top: 9px; left: 10px; }    
    .btn-radio .radio-dot:after { width: 8px; height: 8px; border-radius: 100%; top: 13px; left: 14px; transition:background ease-in-out 0.15s; }    
    .btn-radio.active .btn-radio-word { color: var(--main); }    
    .btn-radio.active .radio-dot:after { background: var(--main); transition:none; }
    .btn-radio.active .radio-dot:before { background: #fff; border-color: var(--main); }    
    .btn-radio:hover .radio-dot:after { background: #e6e6e6; }
        .btn-radio.active:hover .radio-dot:after { background: var(--main); }
   
    .btn-group-block.multiline .btn-radio { height:auto; padding-top:5px; padding-bottom:5px; line-height:26px; }
    .btn-group-block.multiline .btn-radio .btn-radio-word { margin-left:0; }
    .btn-group-block.multiline .btn-radio .btn-radio-word small { display:block; }
    .btn-group-block.multiline .btn-radio .radio-dot:before { top: 50%; margin-top: -8px; }
    .btn-group-block.multiline .btn-radio .radio-dot:after { top:50%; margin-top:-4px; }

    .error .btn-radio { border: 1px solid #E63138; background: #FFF0F0; color: #E63138; }
    .error .btn-radio .btn-radio-word { color:#E63138; }
    .error .btn-radio .radio-dot:before,
    .error .btn-radio .radio-dot:after { border-color:#E63138; }
    .error .btn-radio.active .radio-dot:after { background-color:#E63138; }

    /* MULTIPLE */ 
    .btn-checkbox-wrap { font-size:0; }
    .btn-checkbox-wrap .btn-group { margin-bottom:10px; display:flex; }
    .btn-checkbox-wrap .btn-group:last-child { margin-bottom:0; }
    .form-group .btn-checkbox-wrap label.error { margin-top:0px; }

    .btn-group-block { width:100%; }
    .btn-checkbox { padding: 10px; position: relative; border:1px solid #eee; border-right-width:0; margin:0; }
    .form-maker-form .btn-checkbox { padding-left:36px; padding-right:0; line-height:32px; }
    .btn-checkbox:last-child { border-right:1px solid #eee; }
    .btn-checkbox.active { border:1px solid var(--main); color:var(--main); box-shadow:none; }
    .btn-checkbox.active + .btn-checkbox:hover { border-left-color:var(--main); }
    .btn-checkbox:active { box-shadow:inset 0px 1px 2px rgba(0,0,0,0.05); background:#fafafa; }
    
    .btn-group-block .btn-checkbox { padding-top:8px; padding-bottom:8px; }
    .btn-group-block.btn-group-1 .btn-checkbox { width:100%; }
    .btn-group-block.btn-group-2 .btn-checkbox { width:50%; }
    .btn-group-block.btn-group-3 .btn-checkbox { width:33.333%; }
    .btn-group-block.btn-group-4 .btn-checkbox { width:25%; }
    .btn-group-block.btn-group-5 .btn-checkbox { width:20%; }
    .btn-group-block.btn-group-6 .btn-checkbox { width:16.66%; }
    .btn-group-block.btn-group-7 .btn-checkbox { width:14.28%; }
    .btn-group-block.btn-group-8 .btn-checkbox { width:12.5%; }

    .btn-checkbox-word { font-size: 14px; font-weight: normal; color: #666; white-space: normal; line-height: 21px; word-break: break-all; text-align: left; display: flex; }    
    .btn-group-size-small .btn-checkbox-word { font-size:13px; }
    
    .btn-checkbox .checkbox-dot:before, .btn-checkbox .checkbox-dot:after { content: ""; display: block; position: absolute; background: #fff; border-radius: 100%; }    
    .btn-checkbox .checkbox-dot:before { width: 16px; height: 16px; border:2px solid #ddd; top: 10px; left: 10px; border-radius:4px; }    
    .btn-checkbox.active .btn-checkbox-word { color: var(--main); }    
    .btn-checkbox.active .checkbox-dot:before { background: var(--main); border-color: var(--main); }    
    .btn-checkbox.active .checkbox-dot:after { width: 12px; height: 12px; top: 12px; left: 12px; background-color: transparent; background-image: url(/img/admin/icon_check.png); background-position: center; background-size: contain; background-repeat: no-repeat; }    
    
        .btn-checkbox:hover .checkbox-dot:before { background: #fafafa; }
        .btn-checkbox:hover .checkbox-dot:after { }

        .btn-checkbox.active:hover .checkbox-dot:before { background: var(--main); }
       
    .error .btn-checkbox { border: 1px solid #E63138; background: #FFF0F0; color: #E63138; }
    .error .btn-checkbox .btn-checkbox-word { color:#E63138; }
    .error .btn-checkbox .checkbox-dot:before,
    .error .btn-checkbox .checkbox-dot:after { border-color:#E63138; }

    /* FOOTER */
    .form-group .buttons-wrap { border-top:1px dotted #eee; padding-top:10px; margin-top:10px; }


/* EDIT MODE */
    
.form-maker-wrap.mode-edit .form-maker-form { width:auto; padding-top:20px; padding-bottom:20px; }
.form-maker-wrap.mode-edit .step-data .form-group .help-block { margin-top:10px; margin-bottom:0; }
.form-maker-wrap.mode-edit .form-group label.form-control-label { padding-top:6px; }


/**
    THEMA
*/

/* BOARD */
.form-maker-form.board input.form-control,
.form-maker-form.board textarea.form-control,
.form-maker-form.board div.form-control { border:1px solid #ccc; background:#fff; }
.form-maker-form.board .input-group .btn {  border:1px solid #ccc; }

/* CONTACT */
.form-maker-wrap .form-maker-form.contact { width:600px; margin:0; border:1px solid #E1E1E1; border-radius:2px; background:#fff; box-shadow:0px 1px 2px rgba(0,0,0,0.05); padding:22px; }
.form-maker-wrap .form-maker-form.contact .form-group { margin-bottom:20px; }
.form-maker-wrap .form-maker-form.contact .form-group label.form-control-label { font-size:15px; color:#404040; line-height:22px; font-weight:300; }

.form-maker-wrap .form-maker-form.contact .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option { color:#797979; font-weight:300; font-size:15px; }

.form-maker-wrap .form-maker-form.contact .step-data hr { margin-top:20px; margin-bottom:20px; }
.form-maker-wrap .form-maker-form.contact .step-data .step-footer { padding-bottom:0; padding-top:20px; margin-top:20px; }
.form-maker-wrap .form-maker-form.contact .step-data .form-group .help-block { color:#999999; padding-left:20px; position:relative; }
.form-maker-wrap .form-maker-form.contact .step-data .form-group .help-block:before { content:''; position:absolute; left:0; top:5px; width:14px; height:14px; background:url(/img/admin/icon_hint.png) no-repeat center; }


/* SETTING */
.mode-setting .form-maker-form {}

.mode-setting .form-maker-form input.form-control,
.mode-setting .form-maker-form div.form-control { background:none; border:0; padding:0; height:34px; width:440px; }
.mode-setting .form-maker-form .form-group.form-plaintext-group .form-control-static{ padding:0; height:34px; }

.form-maker-form input.form-control[disabled=disabled],
.form-maker-form div.form-control[disabled=disabled] { cursor:default; border-color:#ddd; background: transparent; color: #999; }

.mode-setting .form-maker-form .form-group { position:relative; border-bottom:0.5px solid rgba(0, 0, 0, 0.5); padding-bottom:15px; margin-bottom:20px; }
.mode-setting .form-maker-form .form-group label.form-control-label { font-weight:500; color:#000; margin-bottom:0; line-height:24px; }
.mode-setting .form-maker-form .form-group .help-block { margin-bottom:0; line-height:34px; }
.mode-setting .form-maker-form .form-group .setting-wrap { position:absolute; right:0; text-align:right; height:34px; top:50%; margin-top:-27px; }
.mode-setting .form-maker-form .form-group .setting-wrap .setting-save-wrap { display:none; }
.mode-setting .form-maker-form .form-group .setting-wrap .btn { height: 34px; line-height: 34px; font-size: 13px; padding-left: 10px; padding-right: 10px; }
.mode-setting .form-maker-form .form-group .setting-wrap .btn-default-outline { line-height:32px; }
.mode-setting .form-maker-form .form-group .setting-wrap .btn + .btn { margin-left:5px; }

.mode-setting .form-maker-form .form-group + .step-footer {
    margin-top:0; border-top:0; padding-top:0px;
}

@media 
    (-webkit-min-device-pixel-ratio: 1.5), 
    (min-resolution: 144dpi) { 
        .form-maker-wrap .form-maker-form.contact .step-data .form-group .help-block:before { background-image:url(/img/admin/icon_hint@2x.png); background-size:14px 14px; }
    }


/* ADMIN */
.box .form-maker-wrap .step-menu-wrap { padding-top:40px; }
.box .form-maker-form { padding-bottom:0; }
.box .form-maker-wrap .alert { margin:20px; margin-bottom:0; }
.box .form-maker-wrap.mode-edit .form-maker-form { padding-bottom:10px; }
.box .form-maker-wrap.mode-edit .form-group label.form-control-label { padding-left:0; }
.box .form-horizontal .form-group { margin-left:20px; margin-right:20px; }
.box .form-horizontal .form-group .text { margin-top:8px; }
.box .form-header-group { margin-bottom:20px; }
.box .step-data .form-header-group h2 { margin-bottom:0; }
.box .step-data hr { margin-top:20px; margin-bottom:20px; }
.box .step-data h3 { text-align:center; }
.box .form-maker-wrap.mode-edit .step-data .step-footer { padding-bottom:20px; padding-left:20px; padding-right:20px; }
.box .form-maker-wrap.mode-edit .step-data .step-footer .left { left:20px; }


@media (max-width: 991px) { 
    .form-group .bootstrap-select .btn { height:30px; line-height:30px; padding-left:10px; }
    
    .step-data hr { margin-top:20px; margin-bottom:20px; }
    .step-data .step-footer { padding-top:20px; padding-bottom:0; margin-top:20px; }
    .step-data .step-footer .btn { font-size:13px; padding:0 15px; }
    .step-data .form-control-daterange .start-date, .step-data .form-control-daterange .end-date { font-size:14px; }
    .step-data .form-control-daterange-single .input-daterange { height: auto; padding-right: 30px; }
    .step-data .form-control-daterange-single .input-daterange,
    .step-data .form-control-daterange-single .daterange-label { font-size:14px; }
    .step-data .form-control-daterange-single .daterange-label .date-text { display:inline-block; }
    .step-data .image-checkbox .form-check-input + span { font-size:14px; padding-left:30px; }

    /* Quill 모바일 에디터 컨테이너 스타일 */
    .quill-editor-wrap .ql-editor { min-height: 150px; }
    .quill-editor-wrap .ql-container { min-height: 150px; }
    .quill-editor-wrap .ql-toolbar { padding: 6px; }
    .quill-editor-wrap .ql-toolbar button { padding: 3px 6px; }

    .form-maker-form { width:auto; padding-top:20px; padding-bottom:0; }    

    .mode-setting .form-maker-form .form-group { padding-bottom:10px; margin-bottom:10px; }
    .mode-setting .form-maker-form .form-group:last-child { padding-bottom:0; border-bottom:0; margin-bottom:0; }

    .mode-setting .form-maker-form .form-group label.form-control-label { font-size:13px; }
    .mode-setting .form-maker-form input.form-control, 
    .mode-setting .form-maker-form div.form-control { font-size:13px; height:20px; line-height:20px; min-height:auto; }
    
    .mode-setting .form-maker-form .form-group.form-plaintext-group .form-control-static { font-size:13px; line-height:20px; height:20px; min-height:auto; }
    .mode-setting .form-maker-form .form-group .help-block { font-size:13px; height:auto; line-height:20px; margin-top:2px; }
    
    .mode-setting .form-maker-form .form-group .setting-wrap { position:relative; margin-top:10px; text-align:left; }
    .mode-setting .form-maker-form .form-group .setting-wrap .btn,
    .mode-setting .form-maker-form .form-group .setting-wrap .btn-default-outline { line-height:24px; height:24px; font-size:13px; }
    
    .form-maker-wrap .form-maker-form.contact { width:auto; padding:0; border:0; }
    .form-maker-wrap .form-maker-form.contact { box-shadow:none; }
    .form-maker-wrap .form-maker-form.contact .form-group { margin-bottom:10px; }    
    .form-maker-wrap .form-maker-form.contact .form-group label.form-control-label { font-size:13px; line-height:14px; margin-bottom:6px; }
    .form-maker-wrap .form-maker-form.contact .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size:13px; line-height:30px; }
    .form-maker-wrap .form-maker-form.contact .step-data hr { margin-top:5px; margin-bottom:5px; }
    .form-maker-wrap .form-maker-form.contact .step-data .form-group .help-block { font-size:12px; margin-top:5px; }
    .form-maker-wrap .form-maker-form.contact .step-data .form-group .help-block:before { top:3px; }
    
    .form-maker-form .form-group { margin-bottom:20px; }    

    .form-maker-form .form-group .btn  { font-size:13px; height:38px; line-height:38px; padding-top:0; padding-left:10px; padding-right:10px; }
    
    .btn-group-block.btn-group-4 .btn-checkbox { width:50%; }

    .btn-group-block.btn-group-4 .btn.btn-checkbox:first-child { border-bottom-left-radius: 0; }
    .btn-group-block.btn-group-4 .btn.btn-checkbox:nth-child(2) { border-right:1px solid #eee; border-bottom-right-radius:4px; border-top-right-radius:4px; border-top-right-radius:4px; }
    .btn-group-block.btn-group-4 .btn.btn-checkbox:nth-child(3) { border-top:0; border-bottom-left-radius:4px; margin-left:0; }
    .btn-group-block.btn-group-4 .btn.btn-checkbox:last-child { border-top:0; border-top-right-radius: 0; }

    .btn-group-block.btn-group-3 .btn-checkbox { width:100%; }
    .btn-group-block.btn-group-3 >.btn-checkbox  { border-bottom-width: 0; border-right-width: 1px; margin:0; }
    .btn-group-block.btn-group-3 >.btn-checkbox:last-child { border-bottom-width:1px; }
    .btn-group-block.btn-group-3 >.btn-checkbox:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 4px;  border-bottom-left-radius: 0; }
    .btn-group-block.btn-group-3 >.btn-checkbox:last-child:not(:first-child),
    .btn-group-block.btn-group-3 >.dropdown-toggle:not(:first-child) { border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-width:1px; }
    
    .btn-group-block.btn-group-3 >.btn.active { border-bottom-width:1px; }
    .btn-group-block.btn-group-3 >.btn.active + .active { border-top-width:0; }

    .btn-group-block.btn-group-7 >.btn.btn-checkbox { width:25%; margin-bottom:10px; line-height:33px; }
    .btn-group-block.btn-group-7 >.btn.btn-checkbox:nth-child(4) { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
    .btn-group-block.btn-group-7 >.btn.btn-checkbox:nth-child(5) { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

    .form-maker-form .form-group .input-group .btn { height:38px; line-height:38px; }

    .form-group .bootstrap-select.btn-group .dropdown-toggle .filter-option { line-height:38px; font-size:14px; }
    
    /* .btn-group-block.btn-mobile-group-1 .btn-radio { width:100%; margin-left:0; }
    .btn-group-block.btn-mobile-group-2 .btn-radio { width:50%; margin-left:0; }
    .btn-group-block.btn-mobile-group-3 .btn-radio { width:33.333%; margin-left:0; }
    .btn-group-block.btn-mobile-group-4 .btn-radio { width:25%; margin-left:0; }
    .btn-group-block.btn-mobile-group-5 .btn-radio { width:20%; margin-left:0; }
    .btn-group-block.btn-mobile-group-6 .btn-radio { width:16.66%; margin-left:0; }
    .btn-group-block.btn-mobile-group-7 .btn-radio { width:14.28%; margin-left:0; }
    .btn-group-block.btn-mobile-group-8 .btn-radio { width:12.5%; margin-left:0; } */

    .btn-radio-word {
        margin-left:0;        
        padding-left: 22px;
        padding-top: 8px;
    }

    .btn-radio .radio-dot:before {
        top:10px;
    }

    .btn-radio .radio-dot:after {
        top:14px;
    }

    .btn-group-block.btn-mobile-group-1 .btn-radio,
    .btn-group-block.btn-mobile-group-2 .btn-radio,
    .btn-group-block.btn-mobile-group-3 .btn-radio,
    .btn-group-block.btn-mobile-group-4 .btn-radio,
    .btn-group-block.btn-mobile-group-5 .btn-radio,
    .btn-group-block.btn-mobile-group-6 .btn-radio,
    .btn-group-block.btn-mobile-group-7 .btn-radio,
    .btn-group-block.btn-mobile-group-8 .btn-radio { width:100%; border-radius:0 !important; border: 1px solid #ddd; }

    .btn-group-block .btn-radio + .btn-radio { border-top:0; }

    .btn-group-block .btn-radio:first-child { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; }
    .btn-group-block .btn-radio:last-child { border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; }

    .form-maker-form textarea.form-control { font-size:14px; padding:10px; }
    
    .form-maker-form input.form-control, 
    .form-maker-form div.form-control { padding:4px 10px; font-size:14px; height:38px; }
    .form-maker-form textarea.form-control { padding:4px 10px; font-size:14px; }

    .form-group.form-plaintext-group label.form-control-label { line-height:13px; }
    .form-group.form-plaintext-group .form-control-static { font-size:14px; line-height:22px; min-height:22px; }

    .btn-checkbox .checkbox-dot:before { width:14px; height:14px; top:11px; }
    .btn-checkbox.active .checkbox-dot:after { width:10px; height:10px; top: 13px; }

    .btn-checkbox-word { font-size:13px; padding-top:8px; padding-left:20px; }

    .form-meet-name { margin-bottom:10px; }

    .file-caption .file-caption-name { line-height:30px; }
}