@charset "UTF-8";

.input-box .ico-uni-arrow-down {pointer-events:none;}

.input-box:hover input,
.input-box:hover textarea,
.input-box:hover select,
.check-input-wrapper:hover i:after{ border: 1px solid rgba(0,0,0,.5); }

.input-box input:focus,
.input-box textarea:focus,
.input-box select:focus {border: 1px solid rgba(0,0,0,.5);}

.input-box select:disabled { opacity: 1; }
.input-box.state-require {position: relative;}
.input-box.state-require::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content:'';
    border-radius: 2px;
    background: #ff772b;
    clip-path: polygon(100% 0%, 0 100%, 0% 0%);
    -webkit-clip-path: polygon(100% 0%, 0 100%, 0% 0%);
}

.input-box.state-require input,
.input-box.state-require textarea,
.input-box.state-require select{background-color: #fffde8;}

.input-box.state-disabled,
.input-box.state-disabled .check-input-wrapper { cursor: default !important; opacity: 0.9 !important; }
.input-box.state-disabled input,
.input-box.state-disabled textarea,
.input-box.state-disabled select{background-color: #eee;}

.input-box.state-disabled:hover input,
.input-box.state-disabled:hover textarea,
.input-box.state-disabled:hover select,
.input-box.state-disabled .check-input-wrapper:hover i:after{ border-color: #ddd; }

.input-box.state-disabled .check-input-wrapper input:checked + i:after {
    background-color: #333;
    border: 4px solid #c1c1c1;
}

.input-box,
.check-input-wrapper {position: relative;}

.input-box input,
.input-box textarea,
.input-box select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 25px;
    padding: 0 10px;
    color: #222;
    outline: none;
    border-radius: 8px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.input-box select,
.input-box.unidocu-input-datepicker input,
.input-box.unidocu-input-datepickermonth input {padding-right: 25px;}

/* radio , checkbox */
.check-input-wrapper {
    color: #222;
    margin-right: 12px;
    cursor: pointer;
}
.check-input-wrapper:last-child {margin-right: 0;}

.check-input-wrapper input{ position: absolute; left: -9999px; }
.check-input-wrapper input:checked + i {position: relative;}
.check-input-wrapper input + i::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 14px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-right: 5px;
    font-size: 12px;
    border-radius: 4px;
}
.check-input-wrapper input[type=checkbox]:checked + i::after {
    position: relative;
    top: 2px;
    content: '';
    background: url('../images/i-check.svg') 50% 50% no-repeat;
    background-size: 8px 6px;
}
.check-input-wrapper input[type=checkbox] + i::after {
    position: relative;
    top: 2px;
    left: 0;
    content: '';
}
.check-input-wrapper input[type=radio]:checked + i::before {
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 50%;
    z-index: 1;
}
.check-input-wrapper input[type=radio]:checked + i::after {
    background: #222;
    border: 4px solid #fff;
    width: 6px;
    height: 6px;
}
.check-input-wrapper input[type=radio] + i::after {
    content: '';
    border-radius: 50%;
    position: relative;
    top: 2px;
}

.input-box textarea {  height: auto;  resize: none;  }
.unidocu-input-amount { width: 100px;}
.unidocu-input-amount input { text-align: right; }
.input-box.two-digit { display: inline-block; width: 50px; text-align: center;}
.input-box.four-digit { display: inline-block; width: 70px;}

.uni-ckeditor {
    min-height: 100px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    background-color: #fff;
}
.uni-ckeditor[contenteditable=false]{
    border: none;
    padding: 2px;
}
table.cke_dialog {width: auto !important;}

.unidocu-input-datepicker { display: inline-block; text-align: center;}
.unidocu-input-datepicker.month { display: inline-block; width: 80px; }
.unidocu-input-datepicker {
    display: inline-block;
    width: 100px;
}
.unidocu-input-datepickermonth {
    display: inline-block;
    width: 84px;
}
.unidocu-input-datepickerSelectMonth {
    display: inline-block;
    position: absolute;
    margin-left: 10px;
}

.unidocu-input-datepickerSelectMonth button {
    margin-right: 5px;
}

.Uni_TextEditor * {
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
}

.Uni_TextEditor { font-family: sans-serif, Arial, Verdana, "Trebuchet MS";font-size: 12px; color: #333; background-color: #fff;margin: 20px;}
th.Uni_TextEditor {font-family: "NotoSans-R", sans-serif;}
.Uni_TextEditor .cke_editable {font-size: 13px;line-height: 1.6; word-wrap: break-word;}
.Uni_TextEditor blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.Uni_TextEditor .cke_contents_ltr blockquote {padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
.Uni_TextEditor .cke_contents_rtl blockquote {padding-left: 8px;padding-right: 20px;border-right-width: 5px;}
.Uni_TextEditor a {color: #0782C1;}
.Uni_TextEditor ol,
.Uni_TextEditor ul ,
.Uni_TextEditor dl { margin-right: 0; padding: 0 40px;}
.Uni_TextEditor h1,
.Uni_TextEditor h2,
.Uni_TextEditor h3,
.Uni_TextEditor h4,
.Uni_TextEditor h5,
.Uni_TextEditor h6 {font-weight: normal;line-height: 1.2;}
.Uni_TextEditor hr {border: 0;border-top: 1px solid #ccc;}
.Uni_TextEditor img.right {border: 1px solid #ccc;float: right;margin-left: 15px;padding: 5px;}
.Uni_TextEditor img.left {border: 1px solid #ccc;float: left;margin-right: 15px;padding: 5px;}
.Uni_TextEditor pre {white-space: pre-wrap; /* CSS 2.1 */word-wrap: break-word; /* IE7 */-moz-tab-size: 4;tab-size: 4;}
.Uni_TextEditor .marker {background-color: Yellow;}
.Uni_TextEditor span[lang] {font-style: italic;}
.Uni_TextEditor figure {text-align: center;border: solid 1px #ccc;border-radius: 2px;background: rgba(0, 0, 0, 0.05);padding: 10px;margin: 10px 20px;display: inline-block;}
.Uni_TextEditor figure > figcaption {text-align: center;display: block; /* For IE8 */}
.Uni_TextEditor a > img {padding: 1px;margin: 1px;border: none;outline: 1px solid #0782C1;}
.Uni_TextEditor .code-featured {border: 5px solid red;}
.Uni_TextEditor .math-featured {padding: 20px;box-shadow: 0 0 2px rgba(200, 0, 0, 1);background-color: rgba(255, 0, 0, 0.05);margin: 10px;}
.Uni_TextEditor .image-clean {border: 0;background: none;padding: 0;}
.Uni_TextEditor .image-clean > figcaption {font-size: .9em;text-align: right;}
.Uni_TextEditor .image-grayscale {background-color: white;color: #666;}
.Uni_TextEditor .image-grayscale img,
.Uni_TextEditor img.image-grayscale {filter: grayscale(100%);}
.Uni_TextEditor .embed-240p {max-width: 426px;max-height: 240px;margin: 0 auto;}
.Uni_TextEditor .embed-360p {max-width: 640px;max-height: 360px;margin: 0 auto;}
.Uni_TextEditor .embed-480p {max-width: 854px;max-height: 480px;margin: 0 auto;}
.Uni_TextEditor .embed-720p {max-width: 1280px;max-height: 720px;margin: 0 auto;}
.Uni_TextEditor .embed-1080p {max-width: 1920px;max-height: 1080px;margin: 0 auto;}
.Uni_TextEditor strong { font-weight: bold; }
.Uni_TextEditor big { font-size: larger; }
.Uni_TextEditor small { font-size: smaller; }
.Uni_TextEditor em { font-style: italic; }

.multi-select-combo .select-text-box {
    height: 25px;
    padding-right: 25px;
    cursor: pointer;
}

.multi-select-combo .select-text-box:hover + ul
, .multi-select-combo ul:hover {
    border: 1px solid rgba(0,0,0,.5);
}

.multi-select-combo ul {
    list-style: none;
    box-sizing: border-box;
    min-width: 100%;
    max-height: 252px;
    outline: none;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.1);
    background: #fff;
    color: #404040;
    overflow-x: hidden;
    cursor: pointer;
    position: fixed;
    top: auto;
    z-index: 10;
    display: none;
}

/*noinspection CssOverwrittenProperties*/
.multi-select-combo ul li:first-child {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    border: 0 solid #c5cedd;
    border-width: 1px 0 1px 0;
    background: #fff;
    display: none;
    z-index: 10;
}

/*noinspection CssOverwrittenProperties*/
.multi-select-combo ul li {
    position: relative;
    border: 0 solid #c5cedd;
    border-width: 1px 0 1px 0;
    background: #fff;
    display: none;
}

.multi-select-combo ul li:hover {
    background: #1E90FF;
}

.multi-select-combo ul li:hover * {
    color: #ffff;
}

.multi-select-combo ul li label {
    display: flex;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 3px;
    margin-right: 0;
}

.multi-select-combo ul li span.multi-select-item {
    max-width: 245px;
}


/* 추가 */
.input-box i.unicon {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 25px;
    border-radius: 8px;
    background-color: transparent;
    opacity: .7;
}
.input-box i.unicon:hover {opacity: 1;}
.input-box i.ico-uni-calendar {
    background: url('../images/i-calendar.svg') 50% 50% no-repeat;
    background-size: 14px;
}
.input-box i.ico-uni-arrow-down {
    background: url('../images/i-arrow-line.svg') 50% calc(50% + 1px) no-repeat;
    background-size: 10px 5px;
}
.input-box i.ico-uni-search {
    background: url('../images/i-search.svg') 50% 50% no-repeat;
    background-size: 10px;
}
.input-box.uni-search-button i.ico-uni-search {background-size: 12px;}
.input-box.uni-search-button {
    position: relative;
    top: 0;
    right: 0;
    width: 26px;
    height: 25px;
}
.unidocu-input-wrapper + .unidocu-input-wrapper .input-box.uni-search-button {top: 8px;}
.input-box i.unicon::before {display: none;}
.Uni_Text .unidocu-input-wrapper {
    width: 100%; /* pre 태그 맞춤 */
    height: 25px;
    padding: 0 10px;
    line-height: 22px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-sizing: border-box;
    /* background-color: #fff; */
    background-color: #eee;
}
.Uni_Radio .unidocu-input-wrapper .input-box,
.Uni_CheckBox .unidocu-input-wrapper .input-box {
    /* height: 25px; */
    /* padding: 0 !important; */
    line-height: 22px;
    border: 1px solid transparent;
    border-radius: 8px;
    box-sizing: border-box;
}
.Uni_Radio .unidocu-input-wrapper .input-box.state-require,
.Uni_CheckBox .unidocu-input-wrapper .input-box.state-require {
    border-color: #ddd;
}
/* .Uni_Text .unidocu-input-wrapper,
.Uni_Radio .unidocu-input-wrapper .input-box,
.Uni_CheckBox .unidocu-input-wrapper .input-box {
    height: 25px;
    padding: 0 10px;
    line-height: 22px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: #fff;
} */
#amount-display .input-box input {
    font-family: "Noto-B", sans-serif;
    color: #222;
}
html #unipost-unidocu .custom-uni_auto_complete-toggle .ui-icon-triangle-1-s {
    width: 26px;
    height: 25px;
    margin: 0;
    background: url('../images/i-arrow-line.svg') 50% calc(50% + 1px) no-repeat;
    background-size: 10px 5px;
    opacity: .7;
}