@charset "utf-8";

/* 공통스타일 */

.jui .left {
    text-align: left !important;
}

.jui .right {
    text-align: right !important;
}

.jui .center {
    text-align: center !important;
}

.jui .f-left {
    float: left;
}

.jui .f-right {
    float: right;
}

.jui .d-inline {
    display: inline;
}

.jui .d-inline-block {
    display: inline-block;
}

.jui .d-block {
    display: block;
}

.jui .w100 {
    width: 100% !important;
}

.jui .clearfix {
    *zoom: 1
}

.jui .clearfix:after,
.jui .clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.jui .clearfix:after {
    clear: both
}

.jui .hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.jui .size-l {
    height: 48px !important;
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 16px;
}

.jui .size-m {
    height: 40px !important;
    border-radius: 7px;
    padding: 11px 10px;
    font-size: 15px;
}

.jui .size-s {
    height: 32px !important;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
}

.jui .size-xs {
    height: 22px !important;
    border-radius: 5px;
    padding: 4px 8px;
    font-size: 12px;
}

.jui select[class^=size-],
.jui input[class^=size-],
.jui input[type="button"].size-xs,
.jui input[type="button"].size-s,
.jui input[type="button"].size-m,
.jui input[type="button"].size-l,
.jui input[type="submit"].size-xs, 
.jui input[type="submit"].size-s, 
.jui input[type="submit"].size-m, 
.jui input[type="submit"].size-l {
    padding-top: 0;
    padding-bottom: 0;
}


/* 폼 레이아웃 */

.form-group {
    margin-bottom: 1rem;
    font-size: 0;
}

.form-group:last-of-type {
    margin-bottom: 0;
}

.row .form-group {
    margin-bottom: 1rem;
}

.row:last-of-type>.form-group,
.form-row:last-of-type>.form-group {
    margin-bottom: 0;
}

.row.form-row .col {
    padding: 0 0.45rem;
}

.row .col-label>label {
    margin-bottom: 0;
}

.row .col-label.align-top>label:before {
    top: 17px;
    margin-top: 0;
}
.form-txt {
    display: block;
    margin-top: .5rem;
    color: #999;
    font-size: 0.85rem;
    line-height:1.4em;
}

.col-form-txt {
    display: table;
    height: 2.4rem;
}

.col-form-txt .form-txt {
    display: table-cell;
    vertical-align: middle;
}

.jui .col-inline {
    font-size: 0;
}

.jui .col-inline input,
.jui .col-inline label,
.jui .col-inline .label,
.jui .col-inline textarea,
.jui .col-inline select,
.jui .col-inline .form-group,
.jui .col-inline .btn {
    display:inline-block;
    width: auto;
    margin: 0 5px 0 0;
    vertical-align: middle;
}


/*div[class^='box-type'] .row {
    margin-bottom:0;
}

.jui .row:last-of-type .form-group {
    margin-bottom: 0;
}*/

.btn-input {
    position: relative;
}

.btn-input .btn {
    position: absolute !important;
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-input .size-xs {
    padding-right: 30px;
}

.btn-input .size-s {
    padding-right: 40px;
}

.btn-input .size-m {
    padding-right: 50px;
}

.btn-input .size-l {
    padding-right: 60px;
}

.date-form-wrap,
.input-text-form {
    font-size: 0;
    position: relative;
    display:inline-block;
    width:100%;
}

.date-form-wrap .text {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}

.input-text-form .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding-left: 8px;
}

.date-form-wrap a {
    position: absolute;
    top: 0;
    left: 0;
}

.date-form-wrap a .icon {
    font-size: 18px;
    color: #364085;
}

.date-form-wrap a.size-xs .icon {
    font-size: 12px;
    line-height: 18px;
}

.date-form-wrap a.size-s .icon {
    font-size: 15px;
    line-height: 21px;
}

.date-form-wrap a.size-m .icon {
    font-size: 18px;
    line-height: 21px;
}

.date-form-wrap a.size-l .icon {
    font-size: 21px;
}

.date-form-wrap input.size-xs {
    padding-left: 22px;
}

.date-form-wrap input.size-s {
    padding-left: 32px;
}

.date-form-wrap input.size-m {
    padding-left: 40px;
}

.date-form-wrap input.size-l {
    padding-left: 48px;
}


.date-form-wrap a.right {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}

.date-form-wrap a.right .icon {
    font-size: 18px;
    color: #364085;
}

.date-form-wrap a.right.size-xs .icon {
    font-size: 12px;
    line-height: 13px;
}

.date-form-wrap a.right.size-s .icon {
    font-size: 15px;
}

.date-form-wrap a.right.size-m .icon {
    font-size: 18px;
}

.date-form-wrap a.right.size-l .icon {
    font-size: 21px;
}

.date-form-wrap input.size-xs.right {
    padding: 0 22px 0 0;
}

.date-form-wrap input.size-s.right {
    padding: 0 32px 0 0;
}

.date-form-wrap input.size-m.right {
    padding: 0 40px 0 0;
}

.date-form-wrap input.size-l.right {
    padding: 0 48px 0 0;
}

/* 폼레이아웃 - 헤딩 */

.jui .h2,
.jui .h3,
.jui .h4 {
    font-weight: 600;
    line-height: 1em;
    padding: 0;
    color: #000;
}

.jui .h2 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
}

/* 20200213 | 허주원 | 동명대추가 */
.jui .h2.mg40 {
    margin-top: 40px !important;
}

.jui .h2:first-of-type,
.jui .h3:first-of-type {
    margin-top: 0;
}

.jui .h2:first-of-type.half,
.jui .h3:first-of-type.half {
    margin-top: 15px;
}

.jui .h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 40px;
}
.jui .h3.inline {
    display:inline-block;
    margin-right:10px;
}

.jui .h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

.jui .heading-txt {
    line-height: 1.4rem;
    padding: 0;
    font-size: 14px;
    color: #777;
}
.jui .heading-txt2 {
    line-height: 1.4rem;
    padding: 0;
    font-size: 13px;
    color: #777;
    letter-spacing:-1px;
    margin-top:5px;
}
.jui .normal-txt {
    line-height: 1.4rem;
    padding: 0;
    font-size: 15px;
    color: #444;
}


/* 폼 스타일 */

.jui button,
.jui input[type='button'],
.jui input[type='submit'],
.jui input[type='reset'] {
    -webkit-appearance: button;
    width: auto;
    height: auto;
}

.jui input[type='file'],
.jui input[type='checkbox'],
.jui input[type='radio'] {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: none;
    padding: 0;
}

input,
select,
textarea {
    display: inline-block;
    width: 100%;
    height: 2.4rem;
    font-size: 0.9rem;
    background: #fff;
    border: 1px solid #d7daf1;
    border-radius: 3px;
    padding: 0 .75rem;
    box-sizing: border-box;
    line-height: 1em;
    color: #666;    
    margin-top:2px !important;
    margin-bottom:2px !important;
}

.jui input[type="text"],
.jui input[type="password"] {
	-webkit-appearance: none;
}

.jui select {
    border: 1px solid #9ea4d0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('/images/common/select-arw.svg') no-repeat;
    background-size: 10px;
    background-position: calc(100% - 15px) center;
    padding-right: 40px !important;
    background-repeat: no-repeat;
    background-color: #fff;
}

.jui select::-ms-expand {
    display: none
}

.jui label {
    display: inline-block;
    margin-bottom: 0.7em;
    font-size: 0.9rem;
    box-sizing: border-box;
}

.jui textarea {
    min-height: 100px;
    resize: none;
    padding: .75rem;
    line-height: 1.4em;
}

.jui textarea.size-xs {
    height: 40px !important;
    min-height: auto;
    font-size: 15px;
}

.jui textarea.size-s {
    height: 60px !important;
    min-height: auto;
    font-size: 15px;
}

.jui textarea.size-m {
    height: 90px !important;
    min-height: auto;
    font-size: 15px;
}

.jui textarea.size-l {
    height: 120px !important;
    min-height: auto;
}

.jui .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}


/* hjw 20190123 - .jui .label-type00 */

.jui .label-type00 {
    font-size: 0;
    color: #364085;
    position: relative;
    padding-right: 25px;
}

.jui .label-type00.size-xs:before {
    position: absolute;
    font-size: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .label-type00.size-s:before {
    position: absolute;
    font-size: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .label-type00.size-m:before {
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .label-type00.size-l:before {
    position: absolute;
    font-size: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .label-type01 {
    font-size: 15px;
    color: #364085;
    padding-left: 15px !important;
    padding-right: 10px !important;
    position: relative;
    font-family: 'noto sans kr';
    margin-bottom:0.7em;
}

.jui .label-type01:before {
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    background: #666faf;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}

.jui .label-type01.required:after {
    display: block;
    content: "*";
    position: absolute;
    top: 2px;
    right: 0;
    color: #ff515d;
}

.jui .label-type01.size-xs.required:after {
    top: 7px;
}

.jui .label-type01.size-s.required:after {
    top: 10px;
}

.jui .label-type01.size-m.required:after {
    top: 14px;
}

.jui .label-type01.size-l.required:after {
    top: 18px;
}

.jui .label-type02 {
    font-size: 15px;
    color: #364085;
    padding: 0 10px 15px 15px;
    position: relative;
    font-family: 'noto sans kr';
    border-bottom: 1px solid #afb2cf;
    margin-bottom: 20px;
}

.jui .label-type02:before {
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    background: #666faf;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
}

.jui .label-type02.required:after {
    display: block;
    content: "*";
    position: absolute;
    top: 2px;
    right: 0;
    color: #ff515d;
}

.jui .label-type02.size-xs.required:after {
    top: 7px;
}

.jui .label-type02.size-s.required:after {
    top: 10px;
}

.jui .label-type02.size-m.required:after {
    top: 14px;
}

.jui .label-type02.size-l.required:after {
    top: 18px;
}
.jui .label-type02.mgt {
	margin-top:30px;
}

.jui .label-type03 {
    font-size: 15px;
    color: #364085;
    padding: 15px 10px 15px 15px;
    position: relative;
    font-family: 'noto sans kr';
}

.jui .label-type03:before {
    display: block;
    content: "";
    width: 8px;
    height: 4px;
    background: #666faf;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

.jui .label-type03.required:after {
    display: block;
    content: "*";
    position: absolute;
    top: 2px;
    right: 0;
    color: #ff515d;
}

.jui .label-type03.size-xs.required:after {
    top: 7px;
}

.jui .label-type03.size-s.required:after {
    top: 10px;
}

.jui .label-type03.size-m.required:after {
    top: 14px;
}

.jui .label-type03.size-l.required:after {
    top: 18px;
}

.jui .label-type04 {
    font-size: 18px;
    color: #364085;
    padding: 0 10px 0 0;
    position: relative;
    font-family: 'noto sans kr';
}

.jui .label-type04.required:after {
    display: block;
    content: "*";
    position: absolute;
    top: 2px;
    right: 0;
    color: #ff515d;
}

.jui .label-type04.size-xs.required:after {
    top: 7px;
}

.jui .label-type04.size-s.required:after {
    top: 10px;
}

.jui .label-type04.size-m.required:after {
    top: 14px;
}

.jui .label-type04.size-l.required:after {
    top: 18px;
}

.jui .label-type05 {
    font-size: 16px;
    font-weight: 500;
    color: #364085;
    padding-left: 30px;
    position: relative;
    line-height:1.4em;
}
.jui .label-type05:before {
	content: "\e9c4";
    font-size: 24px;
    position: absolute;
    top: 11px;
    left: 0;
    font-family:'feather';
}


/*상태 아이콘*/

.icon-statue {
    display: inline-block;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    margin: 1px;
    font-size: 13px;
    font-weight: 500 !important;
    font-family: 'noto sans kr';
}

.icon-statue.red {
    background-color: #ffe7e7;
    color: #f75050;
}

.icon-statue.blue {
    background-color: #dfedff;
    color: #3a79f8;
}

.icon-statue.yellow {
    background-color: #fff3d6;
    color: #fd9c1f;
}

.icon-statue.gray {
    background-color: #eaebf3;
    color: #8b8e9a;
}


/* 입력폼 상태효과 */

.jui input:disabled.form-plaintxt,
.jui input[readonly].form-plaintxt,
.jui select:disabled.form-plaintxt,
.jui select[readonly].form-plaintxt,
.jui textarea:disabled.form-plaintxt,
.jui textarea[readonly].form-plaintxt,
.jui select.disabled.form-plaintxt,
.jui select.readonly.form-plaintxt,
.jui textarea.disabled.form-plaintxt,
.jui textarea.readonly.form-plaintxt,
.jui input.disabled.form-plaintxt,
.jui input.readonly.form-plaintxt {
    background-color: #fff;
    border: 0;
    border-radius: 0;
}

.jui input.focus,
.jui input:focus,
.jui select.focus,
.jui select:focus,
.jui textarea.focus,
.jui textarea:focus {
    outline: 0;
    border: 1px solid #9ea4d0;
    -webkit-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
}

input[type='file'].focus,
input[type='file']:focus,
input[type='checkbox'].focus,
input[type='checkbox']:focus,
input[type='radio'].focus,
input[type='radio']:focus {
    outline: none;
    box-shadow: none;
}

.jui input.invalid,
.jui .invalid,
.jui input:focus:invalid {
    color: #ff515d !important;
    border-color: #ff767f !important;
}

.jui .full-per {
	color:#176fd8;
}

.jui input.invalid:focus,
.jui input:focus:invalid:focus {
    border-color: #ff767f;
    -webkit-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
}

.jui select[disabled],
.jui select[readonly],
.jui textarea[disabled],
.jui textarea[readonly],
.jui input[disabled],
.jui input[readonly],
.jui .btn[disabled],
.jui .btn[readonly],
.jui select.disabled,
.jui select.readonly,
.jui textarea.disabled,
.jui textarea.readonly,
.jui input.disabled,
.jui input.readonly,
.jui .btn.disabled,
.jui .btn.readonly {
    background-color: #f1f2f8;
    box-shadow: none;
    cursor: not-allowed;
}

.jui .toggle-switch.disabled,
.jui .toggle-switch.readonly,
.jui .toggle-switch.disabled span {
    opacity: 0.7;
    cursor: not-allowed;
}

.jui input::placeholder,
.jui textarea::placeholder {
    color: #bbb;
}


/*input file*/

.input-file-box {
    position: relative;
    overflow: hidden;
}

.input-file-box>input {
    float: left;
}

.input-file-box .file-input-div {
    position: absolute;
    right: 0;
    overflow: hidden;
}

.input-file-box .file-input-div .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-file-box .file-input-div .file-input-hidden {
    position: absolute;
    width: 100%;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}


/*사진등록 폼*/

.photo-add-wrap {
    position: relative;
    margin-bottom: 30px;
    width: 218px;
    font-size: 0;
}

.photo-add-wrap .photo-box {
    position: relative;
    width: 218px;
    height: 160px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #d7daf1;
    padding: 10px;
    margin-bottom: 5px;
    z-index: 90;
}
.photo-add-wrap .photo-box.type02 {    
    height: 220px;
}
.photo-add-wrap .photo-box > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    border-radius: 8px;
}

.photo-add-wrap .photo-box:before {
    position: absolute;
    content: '\e97c';
    font-size: 36px;
    font-family: 'feather';
    color: #c8cad8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.photo-add-wrap .photo-box #photo_image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border-radius: 8px;
    width: 100%;
    height: 100%;
}

.photo-add-wrap .photo-box #photo_image img {
    width: 238px;
    height: 158px;
    border-radius: 8px;
    background-color:#fff;
}

.photo-add-wrap .btn-photo {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    width: 49%;
    background: #364085;
    color: #fff;
    border-radius: 6px;
    margin-right: 1%;
}

.photo-add-wrap .btn-photo.disabled {
    background: #e3e5ed !important;
    border: 1px solid #caccd9 !important;
    color: #afb2cf;
    cursor: not-allowed !important;
}

.photo-add-wrap .btn-photo.disabled label {
    cursor: not-allowed !important;
}

.photo-add-wrap .btn-photo input[type="file"] {
    position: absolute;
    width: 0px;
    height: 0px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.photo-add-wrap .btn-photo label {
    position: relative;
    font-size: 14px;
    padding: 10px 10px 10px 40px;
    line-height: 1em;
    margin-bottom: 0;
}

.photo-add-wrap .btn-photo label:before {
    position: absolute;
    content: '\e9b5';
    left: 15px;
    font-size: 20px;
    color: #fff;
    font-family: 'feather';
}

.photo-add-wrap .btn-photo.disabled label:before {
     color: #afb2cf;
}

.photo-add-wrap .btn-del-photo {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    width: 49%;
    background: #364085;
    color: #fff;
    border-radius: 6px;
    margin-left: 1%;
}

.photo-add-wrap .btn-del-photo.disabled {
    background: #e3e5ed !important;
    border: 1px solid #caccd9 !important;
    color: #afb2cf;
    cursor: not-allowed !important;
}

.photo-add-wrap .btn-del-photo span.icon {
    position: relative;
    display: inline-block;
    font-size: 14px;
    padding: 10px 10px 10px 40px;
    line-height: 1em;
    margin-bottom: 0;
}

.photo-add-wrap .btn-del-photo span.icon:before {
    position: absolute;
    left: 15px;
    font-size: 20px;
    color: #fff;
    font-family: 'feather';
}

.photo-add-wrap .btn-del-photo.disabled span.icon:before {
    color: #afb2cf;
}


/* 폼 - 체크박스, 라디오 */

.jui .checkbox,
.jui .radio {
    position: relative;
    display: inline-block !important;
    padding-left: 0;
    min-width: 16px;
}
.jui .checkbox.pdright,
.jui .radio.pdright {
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
}
.jui .checkbox.pdright:last-child,
.jui .radio.pdright:last-child {
    padding-right:0;
}

.checkbox+.checkbox {
    margin-right: 10px;
}

.jui .checkbox>i,
.jui .radio>i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    z-index: 0;
    border-style: solid;
    border-radius: 1px;
    font-size: 12px;
}

.jui .checkbox>i:before,
.jui .radio>i:before {
    position: absolute
}

.jui .checkbox>input,
.jui .radio>input {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.jui .checkbox>input~i:before,
.jui .radio>input~i:before {
    opacity: 0
}

.jui .checkbox>input:checked~i {
    background: #666faf;
    border-color: #666faf;
}

.jui .checkbox>input:checked~i:before,
.jui .radio>input:checked~i:before {
    opacity: 1;
    color: #fff;
}

.jui .checkbox>input:disabled,
.jui .radio>input:disabled {
    opacity: 0;
    cursor: not-allowed;
}

.jui .checkbox>input:disabled~i,
.jui .radio>input:disabled~i {
    opacity: .5;
}

.jui .checkbox>input:disabled~label,
.jui .radio>input:disabled~label {
    opacity: .5;
    cursor: not-allowed;
}

/*색상이 변하지 않는 disable*/
.jui .checkbox>input.disable-clr:disabled,
.jui .radio>input.disable-clr:disabled {
    opacity: 0;
    cursor: not-allowed;
}
.jui .checkbox>input.disable-clr:disabled~i,
.jui .radio>input.disable-clr:disabled~i {
    opacity: 1;
}
.jui .checkbox>input.disable-clr:disabled~label,
.jui .radio>input.disable-clr:disabled~label {
    opacity: 1;
    cursor: not-allowed;
}

.jui .checkbox>i {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #d2d4e4;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

.jui .checkbox>input {
    width: 16px;
    height: 16px;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.jui .checkbox>i:before {
    width: 14px;
    height: 14px;
    line-height: 14px;
    top: 1px;
    left: 1px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}
@-moz-document url-prefix(){ 
	.jui .checkbox>i:before {
	    top: 2px;
	    left: 0px;
	}
}

.jui .checkbox>label {
    margin-bottom: 0;
    padding-left: 22px;
}

.jui .checkbox>label.hidden {
    font-size: 0;
    padding-left: 15px;
    height: 0;
}

.jui .checkbox.size-xs>label,
.jui .radio.size-xs>label {
    font-size: 12px;
}

.jui .checkbox.size-s>label,
.jui .radio.size-s>label {
    font-size: 14px;
}

.jui .checkbox.size-m>label,
.jui .radio.size-m>label {
    font-size: 15px;
}

.jui .checkbox.size-l>label,
.jui .radio.size-l>label {
    font-size: 16px;
}

.jui .checkbox.type02.single,
.jui .radio.type02.single {
    min-width: 18px;
    vertical-align: middle;
}

.jui .checkbox.type02 input,
.jui .checkbox.type02 i {
    width: 18px;
    height: 18px;
    border: 2px solid #d7daf1;
    box-sizing: border-box;
}

.jui .checkbox.type02 label,
.jui .radio.type02 label {
    padding-left: 25px;
}

.jui .checkbox.type02 i,
.jui .radio.type02 i {
    margin-top: -9px;
}

.jui .checkbox.type02 input:checked~i {
    border-color: #666faf;
}

.jui .checkbox.type02 input:checked~i:before {
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: -1px;
    font-size: 15px;
}

.jui .radio>i {
    width: 14px;
    height: 14px;
    border: 1px solid #c5c8dd;
    background: #fff;
    border-radius: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

.jui .radio>i:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #666faf;
    top: 3px;
    left: 3px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

.jui .radio>input {
    width: 14px;
    height: 14px;
}

.jui .radio>label {
    margin-bottom: 0;
    padding-left: 22px;
}

.jui .radio>label.hidden {
    font-size: 0;
    padding-left: 15px;
    height: 0;
}

.jui .radio input:checked~i {
    border-color: #666faf;
}

.jui .radio.type02 input,
.jui .radio.type02 i {
    width: 18px;
    height: 18px;
    border: 2px solid #9ea4d0;
    box-sizing: border-box;
}

.jui .radio.type02 input:checked~i:before {
    width: 8px;
    height: 8px;
    top: 3px;
    left: 3px;
}

.form-check.inline {
    display: inline-block;
    margin-right: 0.75rem;
}

.jui .checkbox.size-xs,
.jui .radio.size-xs {
    padding: 5px 8px 5px 0;
}

.jui .checkbox.size-s,
.jui .radio.size-s {
    padding: 9px 12px 9px 0;
}

.jui .checkbox.size-m,
.jui .radio.size-m {
    padding: 12px 15px 12px 0;
}

/* /* 20190527 | 설문결과화면 수정 | 정다영 */ */
/* .jui .preview .checkbox>input:disabled ~label, .jui .preview .radio>input:disabled */
/* 	~label, .survey-preview .checkbox>input:disabled ~i, .survey-preview .radio>input:disabled */
/* 	~i { */
/* 	opacity: 1 !important; */
/* 	cursor: auto !important; */
/* } */

/* .jui .preview .checkbox>input:disabled, .jui .preview .radio>input:disabled */
/* 	{ */
/* 	cursor: auto !important; */
/* } */
.jui .checkbox.size-l,
.jui .radio.size-l {
    padding: 16px 20px 16px 0;
}

.jui .checkbox.single,
.jui .radio.single {
    padding-left: 0;
    padding-right: 0;
}

/* 폼 - 드롭다운(jui) */

.jui .dropdown,
.jui .dropup {
    position: absolute;
    display: none
}

.jui .dropdown ul,
.jui .dropup ul {
    position: absolute!important;
    z-index: 1000;
    float: left;
    padding: 5px 0;
    margin: 0!important;
    list-style: none;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .25)
}

.jui .dropdown ul>li,
.jui .dropup ul>li {
    position: relative;
    display: block;
    float: none;
    clear: both;
    font-weight: 400;
    cursor: pointer
}

.jui .dropdown ul>li>*,
.jui .dropup ul>li>* {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

.jui .dropdown ul.right,
.jui .dropup ul.right {
    right: 0;
    left: auto
}

.jui .dropdown>.anchor,
.jui .dropup>.anchor {
    top: -9px;
    z-index: 1001
}

.jui .dropdown ul>li:not(.divider),
.jui .dropup ul>li:not(.divider) {
    padding: 0 10px;
    line-height: 20px;
    font-size: 12px
}

.jui .dropdown ul>li.title,
.jui .dropup ul>li.title {
    font-weight: 700
}

.jui .dropdown.large ul>li:not(.divider) {
    padding: 3px 20px!important;
    font-size: 12px!important
}

.jui .dropdown.large ul>li.title {
    font-weight: 700!important
}

.jui .dropdown.normal ul>li:not(.divider) {
    padding: 0 10px;
    line-height: 20px;
    font-size: 12px
}

.jui .dropdown.normal ul>li.title {
    font-weight: 700
}

.jui .dropdown .submenu,
.jui .dropup .submenu {
    position: relative
}

.jui .dropdown .submenu>ul,
.jui .dropup .submenu>ul {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    display: none
}

.jui .dropdown .submenu:hover>ul,
.jui .dropup .submenu:hover>ul {
    display: block
}

.jui .dropdown .submenu:after,
.jui .dropup .submenu:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: 0
}

.jui .dropdown .submenu.left,
.jui .dropup .submenu.left {
    float: none
}

.jui .dropdown .submenu.left>ul,
.jui .dropup .submenu.left>ul {
    left: -100%
}

.jui .dropup .submenu>ul {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px
}

.jui .dropdown.large .submenu>:first-child:after {
    margin-right: -10px!important
}

.jui .dropdown ul,
.jui .dropup ul {
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.jui .dropdown ul>li,
.jui .dropup ul>li {
    color: #333
}

.jui .dropdown ul>li.active,
.jui .dropdown ul>li:focus:not(.divider):not(.title):not(.disabled),
.jui .dropdown ul>li:hover:not(.divider):not(.title):not(.disabled),
.jui .dropup ul>li.active,
.jui .dropup ul>li:focus:not(.divider):not(.title):not(.disabled),
.jui .dropup ul>li:hover:not(.divider):not(.title):not(.disabled) {
    background-color: #364085;
    color: #fff
}

.jui .dropdown ul>li.divider,
.jui .dropup ul>li.divider {
    *width: 100%;
    height: 1px;
    margin: 4px 1px 3px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.jui .dropdown ul>li.disabled,
.jui .dropup ul>li.disabled {
    opacity: .5;
    cursor: not-allowed
}

.jui .dropdown .anchor,
.jui .dropup .anchor {
    position: absolute;
    left: 30px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #e2e2e2
}

.jui .dropdown .anchor:after,
.jui .dropup .anchor:after {
    position: absolute;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    content: "";
    top: 2px;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #fff
}

.jui .dropdown .submenu>ul {
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px
}

.jui .dropdown .submenu.left>ul {
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.jui .dropup .submenu>ul {
    -webkit-border-radius: 6px 6px 6px 0;
    -moz-border-radius: 6px 6px 6px 0;
    border-radius: 6px 6px 6px 0
}

.jui .dropup .submenu.left>ul {
    -webkit-border-radius: 6px 6px 0 6px;
    -moz-border-radius: 6px 6px 0 6px;
    border-radius: 6px 6px 0 6px
}


/* 버튼 스타일 */

.jui .btn,
.jui .btn * {
    font-family: 'Montserrat', 'noto sans kr', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
}

.jui .btn {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 1em;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    margin: 2px 2px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    white-space:nowrap;
}

.jui .btn.size-m {
    padding-left: 30px;
    padding-right: 30px;
}

.jui .btn.size-l {
    padding-left: 40px;
    padding-right: 40px;
}

.jui .btn.type00 {
    background: transparent;
    color: #364085;
}

.jui .btn.type00.size-xs:before {
    position: absolute;
    font-size: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .btn.type00.size-s:before {
    position: absolute;
    font-size: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .btn.type00.size-m:before {
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .btn.type00.size-l:before {
    position: absolute;
    font-size: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .btn.type01 {
    background: #fff;
    border: 2px solid #9ea4d0;
    color: #364085;
}

.jui .btn.type02 {
    background: #364085;
    color: #fff;
}

.jui .btn.type03 {
    background: #eceef7;
    color: #666faf;
}

.jui .btn.type04 {
    background: #fff;
    border: 2px solid #666faf;
    color: #364085;
}

.jui .btn.c-sky {
    border-color: #00a1c4;
    color: #00a1c4;
}

.jui .btn.c-green {
    border-color: #08917c;
    color: #08917c;
}

.jui .btn.c-blue {
    border-color: #2549b0;
    color: #2549b0;
}

.jui .btn.c-orange {
    border-color: #f24b24;
    color: #f24b24;
}

.jui .btn.c-gray {
    border-color: #aeaeae;
    color: #aeaeae;
}

.jui .btn.c-red {
    border-color: #f14848;
    color: #f14848;
}

.jui .btn.type01:hover {
    border-color: #666faf;
}

.jui .btn.type02:hover {
    background: #232b66;
    color: #fff;
}

.jui .btn.bg-sky {
    background: #00a1c4;
    border-color: #00a1c4;
    color: #fff;
}

.jui .btn.bg-green {
    background: #08917c;
    border-color: #08917c;
    color: #fff;
}

.jui .btn.bg-blue {
    background: #2549b0;
    border-color: #2549b0;
    color: #fff;
}

.jui .btn.bg-orange {
    background: #f24b24;
    border-color: #f24b24;
    color: #fff;
}

.jui .btn.bg-gray {
    background: #aeaeae;
    border-color: #aeaeae;
    color: #fff;
}

.jui .btn.bg-red {
    background: #f14848;
    border-color: #f14848;
    color: #fff;
}

.jui .btn.left-icon {
    position: relative;
    padding-left: 2.3em;
    padding-right: 1.2em;
}

.jui .btn.left-icon:before {
    position: absolute;
    left: 1em;
}

.jui .btn.right-icon {
    position: relative;
    padding-right: 2.3em;
    padding-left: 1.2em;
}

.jui .btn.right-icon:before {
    position: absolute;
    right: 1em;
}

.jui .btn.center-icon {
    position: relative;
    padding-right: 1.2em;
    padding-left: 1.2em;
}

.jui .btn.center-icon.size-l {
    padding-right: 1.4em;
    padding-left: 1.4em;
}

.jui .btn.center-icon.size-xs {
    padding-right: 1em;
    padding-left: 1em;
}

.jui .btn.center-icon.size-s {
    padding-right: 1.1em;
    padding-left: 1.1em;
}

.jui .btn.center-icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jui .btn[disabled],
.jui .btn.disabled {
    background: #e3e5ed !important;
    border: 1px solid #caccd9 !important;
    color: #afb2cf;
}

.jui .btn input {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: 1em;
    line-height: 1em;
    vertical-align: top;
    background: none;
    border: 0;
}

.jui .btn:last-of-type {
    margin-right: 0 !important;
}
.jui .btn.width-fix {
	display: block; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	width:180px;
}

/* 버튼 그룹 */

.jui .btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.jui .btn-group .btn {
    margin-left: -4px;
    border-radius: 0;
}

.jui .btn-group .btn.type02,
.jui .btn-group .btn.type03 {
    margin-left: -1px;
    border-radius: 0;
}

.jui .btn-group .btn:nth-child(1) {
    margin-left: 0;
}

.jui .btn-group .btn.size-l:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.jui .btn-group .btn.size-l:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.jui .btn-group .btn.size-m:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.jui .btn-group .btn.size-m:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.jui .btn-group .btn.size-s:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.jui .btn-group .btn.size-s:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.jui .btn-group .btn.size-xs:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.jui .btn-group .btn.size-xs:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.jui .btn-group .btn:focus,
.jui .btn-group .btn:hover {
    background: #232b66;
    border-color: #232b66;
    color: #fff;
}

.jui .btn-line {
    margin: 1rem 0;
}

.jui .btn-line.large {
    margin: 40px 0;
}
.jui .btn-line.top-line {
    border-top:1px solid #ddd;
    padding:20px;
}


/* 리스트 - 박스스타일 */

.jui .box-type01 {
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #9ea4d0;
    background: #fff;
}

.jui .box-type01 .box-type01-text {
    display: inline-block;
    font-size: 18px;
    color: #364085;
    font-weight: 600;
    padding-right: 30px;
}

.jui .box-type02 {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #9ea4d0;
    background: #f4f5f9;
}

.jui .box-type03 {
    padding: 20px;
    border-radius: 10px;
    background: #f4f5f9;
}

.jui .box-type03.pd20 {
    padding: 20px;
}

.jui .box-type03 .box-type03-text {
    display: inline-block;
    font-size: 18px;
    color: #364085;
    font-weight: 600;
    padding-right: 30px;
}

.jui .box-type04 {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #d7daf1;
    background: #fff;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1);
}

.jui .box-type05 {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #9ea4d0;
    background: #fff;
}

.jui .box-type06 {
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #9ea4d0;
    background: #f1f2f8;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
}

.jui .box-type07 {
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #d7daf1;
    background: #f4f5f9;
}

.jui [class^=box-] {
    margin: 1rem 0;
}

.jui [class^=box-]:first-of-type {
    margin-top: 0;
}

.jui [class^=box-]:after {
    display: block;
    content: "";
    clear: both;
}
.jui .box-info-txt {
    position:relative;
    margin:0;
}
.jui .box-info-txt .icon {
    font-size:24px;
    color:#364085;
    margin-right:10px;
}
.jui .box-info-txt .text {
    font-size:16px;
    color:#364085;
    line-height:1.4em;
}


/* 유틸 - 토글 스위치 */

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 20px;
    margin-bottom: 0 !important;
}

.toggle-switch input {
    display: none;
}

.toggle-switch .slider {
    position: absolute !important;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    color: #333;
    font-size: 16px;
    font-family: 'Noto Sans KR';
    font-weight: 300;
    line-height: 45px;
}

.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
}

.toggle-switch input:checked+.slider {
    background-color: #364085;
    color: #fff;
}

.toggle-switch input:checked+.slider.bg-red {
    background-color: #f76363;
}

.toggle-switch input:focus+.slider {
    box-shadow: 0 0 10px #364085;
}

.toggle-switch input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
    content: "";
}

.toggle-switch .slider.round {
    border-radius: 34px;
}

.toggle-switch .slider.round:before {
    border-radius: 50%;
}

.toggle-switch.size-s {
    width: 32px;
    height: 14px !important;
    border-radius: 0;
    padding: 0;
    margin-top: 10px;
}

.toggle-switch.size-s .slider:before {
    height: 10px;
    width: 10px;
}

.toggle-switch.size-s input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.toggle-switch.size-m {
    width: 42px;
    height: 20px !important;
    border-radius: 0;
    padding: 0;
    margin-top: 10px;
}

.toggle-switch.size-m .slider:before {
    height: 16px;
    width: 16px;
}

.toggle-switch.size-m input:checked+.slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

.toggle-switch.size-l {
    width: 52px;
    height: 26px !important;
    border-radius: 0;
    padding: 0;
    margin-top: 10px;
}

.toggle-switch.size-l .slider:before {
    height: 22px;
    width: 22px;
}

.toggle-switch.size-l input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.form-validation {
    display: inline-block;
    padding: 10px 0;
    color: #c90000;
}


/* 유틸 - 슬라이더 */

.jui.slider-cursor {
    cursor: move
}

.jui .slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.jui .slider .track {
    position: absolute
}

.jui .slider .track .progress {
    position: absolute;
    width: 100%;
    height: 100%
}

.jui .slider .track .handle {
    width: 13px;
    height: 13px;
    position: absolute
}

.jui .slider.horizontal {
    overflow: hidden;
    width: 100%;
    height: 30px
}

.jui .slider.horizontal .track {
    left: 15px;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    height: 6px
}

.jui .slider.horizontal .track .handle {
    top: 50%;
    margin-top: -7px;
    left: 50%;
    margin-left: -7px
}

.jui .slider.vertical {
    width: 30px;
    height: 100%
}

.jui .slider.vertical .track {
    top: 15px;
    bottom: 15px;
    left: 50%;
    margin-left: -3px;
    width: 6px
}

.jui .slider.vertical .track .handle {
    bottom: 50%;
    margin-bottom: -7px;
    left: 50%;
    margin-left: -7px
}

.jui .slider.vertical .track .progress {
    position: absolute;
    left: 0;
    right: 0;
    height: 50%;
    bottom: 0
}

.jui .slider .tooltip-track {
    position: absolute;
    display: none
}

.jui .slider.horizontal.has-tooltip {
    height: 60px
}

.jui .slider.horizontal.has-tooltip .track {
    top: 40px
}

.jui .slider.horizontal.has-tooltip .tooltip-track {
    display: block;
    left: 15px;
    right: 15px;
    top: 6px
}

.jui .slider.horizontal.has-tooltip .tooltip-track .tooltip {
    min-width: 50px
}

.jui .slider.horizontal.has-tooltip .tooltip-track .tooltip .message {
    text-align: center
}

.jui .slider.vertical {
    width: 60px
}

.jui .slider.vertical .tooltip-track {
    display: block;
    top: 15px;
    bottom: 15px;
    left: 35px
}

.jui .slider.vertical .tooltip-track .tooltip {
    min-width: 50px
}

.jui .slider.vertical .tooltip-track .tooltip .message {
    text-align: center
}

.jui .slider .track {
    background: #ececec;
    border-radius: 3px
}

.jui .slider .track .progress {
    background: #ab7cff;
    border-radius: 3px
}

.jui .slider .track .handle {
    border-radius: 20px;
    border: 1px solid #ab7cff;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05)
}


/* 유틸 - 툴팁, 팝오버 */

.jui .tooltip {
    position: absolute;
    z-index: 6000;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    visibility: visible
}

.jui .tooltip>.message {
    padding: 3px 8px;
    text-decoration: none;
    word-break: break-all;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.jui .tooltip>.anchor {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.jui .tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.jui .tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.jui .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.jui .tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.jui .tooltip.top>.anchor {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0
}

.jui .tooltip.right>.anchor {
    top: 50%;
    left: 1px;
    margin-top: -5px;
    border-width: 5px 5px 5px 0
}

.jui .tooltip.left>.anchor {
    top: 50%;
    right: 1px;
    margin-top: -5px;
    border-width: 5px 0 5px 5px
}

.jui .tooltip.bottom>.anchor {
    top: 1px;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px
}

.jui .tooltip {
    opacity: .9
}

.jui .tooltip>.message {
    color: #fff;
    background-color: #232b66
}

.jui .tooltip>.anchor {
    border-color: transparent
}

.jui .tooltip.top>.anchor {
    border-top-color: #232b66
}

.jui .tooltip.bottom>.anchor {
    border-bottom-color: #232b66
}

.jui .tooltip.left>.anchor {
    border-left-color: #232b66
}

.jui .tooltip.right>.anchor {
    border-right-color: #232b66
}

.jui .popover {
    position: absolute;
    font-size: 12px;
    border-width: 1px;
    border-style: solid
}

.jui .popover>.head {
    padding: 7px 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: 700
}

.jui .popover>.body {
    padding: 15px
}

.jui .popover>.body>.image {
    float: left;
    font-size: 16px
}

.jui .popover>.body>.image+.message {
    margin-left: 24px
}

.jui .popover:after,
.jui .popover:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.jui .popover:after {
    border-width: 7px
}

.jui .popover:before {
    border-width: 8px
}

.jui .popover.top:after,
.jui .popover.top:before {
    top: 100%;
    left: 50%
}

.jui .popover.bottom:after,
.jui .popover.bottom:before {
    bottom: 100%;
    left: 50%
}

.jui .popover.bottom:after,
.jui .popover.top:after {
    margin-left: -7px
}

.jui .popover.bottom:before,
.jui .popover.top:before {
    margin-left: -8px
}

.jui .popover.left:after,
.jui .popover.left:before {
    left: 100%;
    top: 50%
}

.jui .popover.right:after,
.jui .popover.right:before {
    right: 100%;
    top: 50%
}

.jui .popover.left:after,
.jui .popover.right:after {
    margin-top: -7px
}

.jui .popover.left:before,
.jui .popover.right:before,
.jui .popover.top {
    margin-top: -8px
}

.jui .popover.bottom {
    margin-top: 8px;
    z-index: 999999;
}

.jui .popover.left {
    margin-left: -8px
}

.jui .popover.right {
    margin-left: 8px
}

.jui .popover {
    color: #333;
    background-color: #fff;
    opacity: .95;
    border-color: #afb2cf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1)
}

.jui .popover.popover>.head {
    border-bottom-color: #d7daf1
}

.jui .popover.popover.top:after {
    border-top-color: #fff
}

.jui .popover.popover.top:before {
    border-top-color: #d7daf1
}

.jui .popover.popover.bottom:after {
    border-bottom-color: #fff
}

.jui .popover.popover.bottom:before {
    border-bottom-color: #d7daf1
}

.jui .popover.popover.left:after {
    border-left-color: #fff
}

.jui .popover.popover.left:before {
    border-left-color: #d7daf1
}

.jui .popover.popover.right:after {
    border-right-color: #fff
}

.jui .popover.popover.right:before {
    border-right-color: #d7daf1
}


/* 유틸 - 데이트피커 */

.jui .datepicker {
    position: absolute;
    width: 190px;
    height: 142px;
    margin-top: 3px;
    padding-top: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jui .datepicker>.head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    height: 26px;
    text-align: center
}

.jui .datepicker>.head>* {
    display: inline-block
}

.jui .datepicker>.head>.title {
    text-align: center;
    padding-top: 5px
}

.jui .datepicker>.head .next,
.jui .datepicker>.head>.prev {
    position: absolute;
    top: 10px;
    font-size: 9px;
    cursor: pointer
}

.jui .datepicker>.head .next-year,
.jui .datepicker>.head>.prev-year {
    display: none;
    position: absolute;
    top: 7px;
    font-size: 9px;
    cursor: pointer
}

.jui .datepicker>.head>.prev {
    left: 5px
}

.jui .datepicker>.head>.next {
    right: 5px
}

.jui .datepicker>.head.move-year .next-year,
.jui .datepicker>.head.move-year>.prev-year {
    display: block;
    font-size: 13px;
    vertical-align: middle
}

.jui .datepicker>.head.move-year>.prev-year {
    left: 5px
}

.jui .datepicker>.head.move-year>.next-year {
    right: 5px
}

.jui .datepicker>.head.move-year>.prev {
    left: 30px
}

.jui .datepicker>.head.move-year>.next {
    right: 30px
}

.jui .datepicker>table.body {
    width: 100%;
    height: 100%;
    border-spacing: 0;
    border-top-style: solid
}

.jui .datepicker>table.body td,
.jui .datepicker>table.body th {
    text-align: center;
    vertical-align: middle
}

.jui .datepicker>table.body tr:last-child td {
    border-bottom-width: 0
}

.jui .datepicker>table.body tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px
}

.jui .datepicker>table.body tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.jui .datepicker>table.body td {
    width: 14.28%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jui .datepicker>table.body td:last-child {
    border-right-width: 0
}

.jui .datepicker>table.body td:not(.none) {
    cursor: pointer
}

.jui .datepicker>table.body {
    border-top-width: 0
}

.jui .datepicker>table.body th {
    font-size: 9px;
    height: 17px
}

.jui .datepicker>table.body td {
    font-size: 12px;
    width: 26px;
    height: 17px;
    line-height: 17px
}

.jui .datepicker.normal>table.body {
    border-top-width: 0
}

.jui .datepicker.normal>table.body th {
    font-size: 9px;
    height: 17px
}

.jui .datepicker.normal>table.body td {
    font-size: 12px;
    width: 26px;
    height: 17px;
    line-height: 17px
}

.jui .datepicker.large>table.body {
    border-top-width: 1px
}

.jui .datepicker.large>table.body td {
    width: 60.6px;
    height: 32px
}

.jui .datepicker.large>table.body tr:first-child td {
    height: 33px
}

.jui .datepicker {
    border: 1px solid #d7daf1;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1);
}

.jui .datepicker>.head .next,
.jui .datepicker>.head .next-year,
.jui .datepicker>.head .prev-year,
.jui .datepicker>.head>.prev {
    color: #9ea4d0
}

.jui .datepicker>.head>.title {
    color: #333
}

.jui .datepicker>table.body {
    border-top-color: #d7daf1
}

.jui .datepicker>table.body th {
    border-bottom: 1px solid #ebebeb;
    color: #c1c1c1
}

.jui .datepicker>table.body td {
    color: #333
}

.jui .datepicker>table.body td.none {
    color: #d5d5d5
}

.jui .datepicker>table.body td.now {
    color: #364085;
    font-weight: 700
}

.jui .datepicker>table.body td.active {
    color: #fff;
    background-color: #364085;
}

.jui .datepicker>table.body td:hover:not(.active):not(.none) {
    background-color: #f8f3ff
}


/* 유틸 - 타임피커 */

.jui .timepicker {
    position: relative;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding: 4px 8px;
    width: 80px;
    height: 28px
}

.jui .timepicker.calendar {
    width: 124px!important
}

.jui .timepicker>input {
    width: 18px!important;
    height: 16px!important
}

.jui .timepicker>input.year {
    width: 35px!important
}

.jui .timepicker>i {
    top: 6px!important
}

.jui .timepicker>i.icon-arrow7 {
    right: 2px!important
}

.jui .timepicker>i.icon-calendar {
    right: 7px!important
}

.jui .timepicker>input {
    border: 0;
    width: 100%;
    background-color: transparent;
    color: transparent;
    -webkit-text-fill-color: transparent
}

.jui .timepicker>input.focus,
.jui .timepicker>input:focus {
    outline: 0;
    border-radius: 1px
}

.jui .timepicker>input.year {
    text-align: center
}

.jui .timepicker>i {
    position: absolute
}

.jui .timepicker.large {
    font-size: 16px!important;
    padding: 8px 10px!important;
    width: 94px!important;
    height: 38px!important
}

.jui .timepicker.large.calendar {
    width: 149px!important
}

.jui .timepicker.large>input {
    width: 22px!important;
    height: 18px!important
}

.jui .timepicker.large>input.year {
    width: 42px!important
}

.jui .timepicker.large>i {
    top: 10px!important
}

.jui .timepicker.large>i.icon-arrow7 {
    right: 2px!important
}

.jui .timepicker.large>i.icon-calendar {
    right: 10px!important
}

.jui .timepicker.normal {
    font-size: 14px;
    padding: 4px 8px;
    width: 80px;
    height: 28px
}

.jui .timepicker.normal.calendar {
    width: 124px!important
}

.jui .timepicker.normal>input {
    width: 18px!important;
    height: 16px!important
}

.jui .timepicker.normal>input.year {
    width: 35px!important
}

.jui .timepicker.normal>i {
    top: 6px!important
}

.jui .timepicker.normal>i.icon-arrow7 {
    right: 2px!important
}

.jui .timepicker.normal>i.icon-calendar {
    right: 7px!important
}

.jui .timepicker.small {
    font-size: 12px!important;
    width: 74px!important;
    height: 24px!important
}

.jui .timepicker.small.calendar {
    width: 110px!important
}

.jui .timepicker.small>input {
    width: 16px!important;
    height: 14px!important
}

.jui .timepicker.small>input.year {
    width: 29px!important
}

.jui .timepicker.small>i {
    top: 5px!important
}

.jui .timepicker.small>i.icon-arrow7 {
    right: 2px!important
}

.jui .timepicker.small>i.icon-calendar {
    right: 6px!important
}

.jui .timepicker.mini {
    font-size: 11px!important;
    padding: 3px 6px!important;
    width: 64px!important;
    height: 22px!important
}

.jui .timepicker.mini.calendar {
    width: 98px!important
}

.jui .timepicker.mini>input {
    width: 15px!important;
    height: 12px!important
}

.jui .timepicker.mini>input.year {
    width: 27px!important
}

.jui .timepicker.mini>i {
    top: 5px!important
}

.jui .timepicker.mini>i.icon-arrow7 {
    right: 2px!important
}

.jui .timepicker.mini>i.icon-calendar {
    right: 5px!important
}

.jui .timepicker {
    color: #333;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
    -moz-box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
    box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset"
}

.jui .timepicker>input {
    text-shadow: 0 0 0 #333
}

.jui .timepicker>input.focus,
.jui .timepicker>input:focus {
    background-color: #ddd0ee
}

.jui .timepicker>input::-webkit-input-placeholder {
    text-shadow: none;
    -webkit-text-fill-color: initial
}


/* 유틸 - 노티파이(알림) */

.jui .notify {
    position: relative;
    width: 268px;
    padding: 10px 15px;
    font-size: 12px
}

.jui .notify>.image {
    float: left;
    width: 27px;
    height: 27px
}

.jui .notify>.image+.title,
.jui .notify>.image+.title+.message {
    margin-left: 30px;
    padding-left: 6px
}

.jui .notify>.title {
    font-weight: 700;
    margin-bottom: 4px
}

.jui .notify>.close {
    position: absolute;
    top: 4px;
    right: 4px
}

.jui .notify>a {
    text-decoration: none;
    color: inherit
}

.jui .notify {
    opacity: .9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .3)
}

.jui .notify>.title {
    color: #4d4d4d
}

.jui .notify>.message {
    color: #666
}

.jui .notify.info {
    background-color: #e0f2ff!important;
    border: 1px solid #53aff2!important
}

.jui .notify.warning {
    background-color: #fffaed!important;
    border: 1px solid #ffbd3f!important
}

.jui .notify.success {
    background-color: #f4ffeb!important;
    border: 1px solid #6fc853!important
}

.jui .notify.danger {
    background-color: #fff3f3!important;
    border: 1px solid #ff7f7f!important
}


/* 유틸 - 모달 */

.modal-layer {
    display: none;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 700px;
    height: auto;
    z-index: 9999999;
    border-radius: 8px;
    padding-bottom: 150px;
}

.modal-layer.modal-xlarge {
	width: 1264px;
}

.modal-layer.modal-large {
    width: 1100px;
}

.modal-layer.modal-middle {
    width: 700px;
}

.modal-layer.modal-small {
    width: 400px;
}

.modal-layer .modal-container {
    position: relative;
    background-color:#fff;
    border-radius:8px;
}

.modal-layer-wrap.on {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    overflow: auto;
    filter: unquote("progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#8c000000', endColorstr='#8c000000')");
}

.modal-layer .modal-container .btn-r {
    position: absolute;
    top: 15px;
    right: 10px;
}

.modal-layer .modal-container .btn-r>a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: transparent;
    font-size: 0;
    text-align: center;
}

.modal-layer .modal-container .btn-r>a>span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff;
}

.modal-layer .modal-container .modal-header {
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #364085;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-layer .modal-container .modal-header .modal-title {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.modal-layer .modal-container .modal-content {
    padding: 20px;
    overflow:hidden;
}

.modal-layer .modal-container .modal-content .message-popoup {
    font-size: 15px;
    line-height: 20px;
}

.modal-layer .modal-container .modal-footer {
    padding: 0 20px 20px 20px;
}


/*텍스트 아이콘*/

.label-text-icon {
    display: inline-block;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    margin: 0 5px;
}

.label-text-icon.type01 {
    color: #666faf;
    background-color: #eceef7;
}


/* 리스트 */

.jui .list-type01 li {
    padding-left: 11px;
    font-size: 14px;
    line-height: 24px;
    color: #444;
    position: relative;
}

.jui .list-type01 li:before {
    display: block;
    content: "";
    width: 5px;
    height: 2px;
    background: #7e84ae;
    position: absolute;
    top: 11px;
    left: 0;
}

.jui .list-type02 li {
    padding-left: 7px;
    font-size: 14px;
    line-height: 24px;
    color: #444;
    position: relative;
}

.jui .list-type02 li:before {
    display: block;
    content: "";
    width: 2px;
    height: 2px;
    background: #7e84ae;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

.jui .list-type03:after {
    display: block;
    content: "";
    clear: both;
}

.jui .list-type03 dt {
    display: inline-block;
    float: left;
    width: 110px;
    vertical-align: top;
    color: #888;
    line-height: 24px;
    margin-bottom: 0.5rem;
    position: relative;
}

.jui .list-type03 dt:after {
    display: block;
    content: "";
    width: 1px;
    height: 9px;
    background: #e6e7f2;
    position: absolute;
    top: 7px;
    right: 0;
}

.jui .list-type03 dd {
    float: left;
    display: inline-block;
    width: calc(100% - 110px);
    min-height: 24px;
    padding-left: 20px;
    vertical-align: top;
    color: #333;
    line-height: 24px;
    margin-bottom: 0.5rem;
    word-break:break-all;
}

.jui .list-type04 li {
    padding-left: 11px;
    font-size: 14px;
    line-height: 30px;
    color: #555;
    position: relative;
}

.jui .list-type04 li:before {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: #9ea4d0;
    position: absolute;
    top: 13px;
    left: 0;
}

.jui .list-type05 {
    font-size: 0;
}

.jui .list-type05 dt {
    display: inline-block;
    width: 40%;
    padding-left: 10px;
    position: relative;
    font-size: 14px;
    color: #666faf;
    font-weight: 500;
    margin: 7px 0;
}

.jui .list-type05 dt:before {
    display: block;
    content: "";
    width: 5px;
    height: 2px;
    background: #7e84ae;
    position: absolute;
    top: 6px;
    left: 0;
}

.jui .list-type05 dt:after {
    display: block;
    content: "";
    width: 1px;
    height: 11px;
    background: #bcc1c8;
    position: absolute;
    top: 2px;
    right: 0;
}

.jui .list-type05 dd {
    display: inline-block;
    width: 60%;
    font-size: 14px;
    padding-left: 25px;
    color: #666;
}

.jui .list-type06 dt,
.jui .list-type06 dd {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    padding: 0 10px;
    margin-bottom: 5px;
}

.jui .list-type06 dt {
    font-weight: 300;
    color: #888;
    position: relative;
}

.jui .list-type06 dt:before {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #cfcfcf;
    position: absolute;
    top: 8px;
    left: 0;
}

.jui .list-type06 dd {
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
}

.jui .list-type07 li {
    line-height: 23px;
    font-weight: 300;
    padding-left: 10px;
    position: relative;
}

.jui .list-type07 li:before {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3f3f3f;
    position: absolute;
    top: 8px;
    left: 0;
}

.jui .list-label dl {
	padding:0 6px;
}

.jui .list-label dt,
.jui .list-label dd {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.4em;
    font-family: 'noto sans kr';
}

.jui .list-label dd .strong {
    font-weight: 500;
    color: #364085;
}

.jui .row:last-of-type {
    margin-bottom: 0 !important;
    /* 박스스타일에 그리드를짜면 바텀패딩만 길어져서 넣었습니다. */
}

.jui [class^=box-].list-label {
    padding-bottom: 0px;
}
.jui .list-label dl.row {
    padding-left:0.75rem;
    padding-right:0.75rem;
}
.jui .list-label dl.row.form-row {
    padding-left:0.45rem;
    padding-right:0.45rem;
}



/* 그리드 */

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
}

.section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.section p {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.section.no-pad {
    padding: 0;
}

.section.no-pad-bot {
    padding-bottom: 0;
}

.section.no-pad-top {
    padding-top: 0;
}

.left-align {
    text-align: left;
}

.right-align {
    text-align: right;
}

.center,
.center-align {
    text-align: center;
}

.promo {
    width: 100%;
}

.promo .feather {
    margin: 40px 0;
    color: #ee6e73;
    width: 100px !important;
    height: 100px !important;
}

.promo-caption {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
}

.promo-example {
    overflow: hidden;
}

.light {
    font-weight: 300;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 90%
}


/*그리드*/


/* .col .row {
    margin-left: -.75rem;
    margin-right: -.75rem;
} */

/*.row .row {
	margin-left: -.75rem !important;
}

.form-row .form-row {
    margin-left: -.45rem !important;
}

.form-row .form-row>.col:first-of-type {
    padding-left: 0;
}

.form-row .form-row>.col:last-of-type {
    padding-right: 0;
}*/



.row {
	display:block !important;
	width:auto !important;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-bottom: 20px
}
.row.form-row {
    margin-left: -0.45rem;
    margin-right: -0.45rem;
}

/*.list-label .row {
	margin-left: auto;
	margin-right: auto;
}*/


.form-row {
    margin-bottom: 0;
    display:inline-block;
    width:100%;
}

.form-row.form-group {
    margin-bottom: 1rem;
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px;
    font-size: 14px;
}

.row .col[class*="push-"],
.row .col[class*="pull-"] {
    position: relative;
}

.row .col.s1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.s12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}


/*.row  .col.s12 .row:last-of-type .form-group {
    margin-bottom:1rem;
}*/

.row .col.offset-s1 {
    margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
    right: 8.3333333333%;
}

.row .col.push-s1 {
    left: 8.3333333333%;
}

.row .col.offset-s2 {
    margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
    right: 16.6666666667%;
}

.row .col.push-s2 {
    left: 16.6666666667%;
}

.row .col.offset-s3 {
    margin-left: 25%;
}

.row .col.pull-s3 {
    right: 25%;
}

.row .col.push-s3 {
    left: 25%;
}

.row .col.offset-s4 {
    margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
    right: 33.3333333333%;
}

.row .col.push-s4 {
    left: 33.3333333333%;
}

.row .col.offset-s5 {
    margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
    right: 41.6666666667%;
}

.row .col.push-s5 {
    left: 41.6666666667%;
}

.row .col.offset-s6 {
    margin-left: 50%;
}

.row .col.pull-s6 {
    right: 50%;
}

.row .col.push-s6 {
    left: 50%;
}

.row .col.offset-s7 {
    margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
    right: 58.3333333333%;
}

.row .col.push-s7 {
    left: 58.3333333333%;
}

.row .col.offset-s8 {
    margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
    right: 66.6666666667%;
}

.row .col.push-s8 {
    left: 66.6666666667%;
}

.row .col.offset-s9 {
    margin-left: 75%;
}

.row .col.pull-s9 {
    right: 75%;
}

.row .col.push-s9 {
    left: 75%;
}

.row .col.offset-s10 {
    margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
    right: 83.3333333333%;
}

.row .col.push-s10 {
    left: 83.3333333333%;
}

.row .col.offset-s11 {
    margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
    right: 91.6666666667%;
}

.row .col.push-s11 {
    left: 91.6666666667%;
}

.row .col.offset-s12 {
    margin-left: 100%;
}

.row .col.pull-s12 {
    right: 100%;
}

.row .col.push-s12 {
    left: 100%;
}

.col.grid-example {
    border: 1px solid #eee;
    margin: 7px 0;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    background-color: #333;
    color: white;
    padding: 0;
}

.col.grid-example span {
    font-weight: 100;
    line-height: 50px;
}

.jui .blockquote {
    display: block;
    font-size: 14px;
    padding: 10px 20px
}

.jui .blockquote>small {
    font-size: 12px
}

.jui .blockquote.reverse {
    text-align: right;
    border-left-width: 0
}

.jui .blockquote {
    color: #333;
    border-left: 1px solid #8c4fdf;
    background-color: #f9f6fd
}

.jui .blockquote>small {
    color: #666
}

.jui .blockquote.reverse {
    border-right: 1px solid #8c4fdf
}

.jui .accordion {
    position: relative;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jui .accordion>* {
    width: auto
}

.jui .accordion>.title {
    font-weight: 700;
    cursor: pointer
}

.jui .accordion>:first-child {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px
}

.jui .accordion>:last-child {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px
}

.jui .accordion>* {
    padding-left: 15px;
    padding-right: 15px
}

.jui .accordion>.title {
    height: 34px;
    line-height: 34px
}

.jui .accordion>.title>[class^=icon-] {
    float: right;
    font-size: 18px;
    margin-top: 7px
}

.jui .accordion>.content {
    padding-top: 15px;
    padding-bottom: 15px
}

.jui .accordion>.content.has-property {
    padding: 0!important
}

.jui .accordion.classic {
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jui .accordion.classic>:first-child {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px
}

.jui .accordion.classic>:last-child {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px
}

.jui .accordion.simple {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-width: 1px 0
}

.jui .accordion.simple>.title,
.jui .accordion.simple>.title:hover:not(.active) {
    background-image: none
}

.jui .accordion.normal>* {
    padding-left: 15px;
    padding-right: 15px
}

.jui .accordion.normal>.title {
    height: 34px;
    line-height: 34px
}

.jui .accordion.normal>.title>[class^=icon-] {
    float: right;
    font-size: 18px;
    margin-top: 7px
}

.jui .accordion.normal>.content {
    padding-top: 15px;
    padding-bottom: 15px
}

.jui .accordion.normal>.content.has-property {
    padding: 0!important
}

.jui .accordion.large>.title {
    height: 46px;
    line-height: 46px
}

.jui .accordion.large>.title>[class^=icon-] {
    margin-top: 12px
}

.jui .accordion {
    color: #333;
    border-style: solid;
    border-color: #d1d1d1;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.jui .accordion>:not(:last-child) {
    border-bottom: 1px solid #d1d1d1
}

.jui .accordion>.title {
    background-color: #fefefe;
    background-image: -moz-linear-gradient(top, #fefefe 0, #f0f0f0 100%);
    background-image: linear-gradient(top, #fefefe, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #fefefe, #f0f0f0);
    background-image: -o-linear-gradient(top, #fefefe 0, #f0f0f0 100%);
    background-image: -ms-linear-gradient(top, #fefefe 0, #f0f0f0 100%)
}

.jui .accordion>.title:hover {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0, #e9e9e9 100%);
    background-image: linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9);
    background-image: -o-linear-gradient(top, #f7f7f7 0, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0, #e9e9e9 100%)
}

.jui .accordion>.title.active {
    background-color: #fff;
    background-image: none;
    cursor: default
}

.jui .accordion>.content {
    -webkit-box-shadow: inset 0 2px 5px -2px rgba(0, 0, 0, .1), inset 0 -2px 5px -2px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 2px 5px -2px rgba(0, 0, 0, .1), inset 0 -2px 5px -2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 2px 5px -2px rgba(0, 0, 0, .1), inset 0 -2px 5px -2px rgba(0, 0, 0, .1)
}

.jui .accordion.simple>.title {
    background-color: #fafafa
}

.jui .accordion.simple>.title:hover:not(.active) {
    background-color: #f5f5f5
}

.jui .accordion.simple>.title.active {
    background-color: #fff;
    background-image: none;
    cursor: default
}

.jui .accordion.simple.accordion-white {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.jui .property.inner .property-item.property-header-item {
    padding: 5px 0
}

.jui .property.inner .property-item .property-header {
    padding: 10px 0
}

.jui .property.inner .property-item .property-header .expand-btn {
    display: none
}

.jui .property.inner .property-item:not(.property-header-item) {
    margin-left: 0;
    margin-right: 0
}

.jui .property.inner .property-item .property-title {
    padding-left: 0
}

.jui .property.inner .property-item .property-render {
    flex: 3;
    padding-right: 0
}

.jui .property .property-header {
    font-weight: 400;
    font-size: 12px;
    padding: 10px
}

.jui .property .property-header .expand-btn {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    width: 30px;
    line-height: 45px
}

.jui .property .property-table {
    border-bottom: 0;
    width: 100%
}

.jui .property .property-item {
    position: relative;
    box-sizing: border-box;
    padding: 5px 0;
    overflow: hidden;
    margin-top: -1px;
    height: auto;
    display: flex
}

.jui .property .property-item.property-header-item {
    padding: 5px 10px;
    cursor: pointer
}

.jui .property .property-item:not(.property-header-item) {
    margin-left: 10px;
    margin-right: 10px
}

.jui .property .property-item:last-child {
    border-bottom: 0
}

.jui .property .property-item.expanded {
    z-index: 2
}

.jui .property .property-item.vertical {
    flex-direction: column
}

.jui .property .property-item.vertical .property-render .item {
    text-align: left
}

.jui .property .property-item .property-title {
    flex: 2;
    font-size: 12px;
    line-height: 24px;
    padding: 10px;
    font-weight: 400;
    box-sizing: border-box
}

.jui .property .property-item .property-render {
    flex: 5;
    padding: 5px 10px 2px;
    box-sizing: border-box;
    text-align: left
}

.jui .property .property-item .html[contenteditable],
.jui .property .property-item textarea {
    width: 100%;
    outline: none;
    border-radius: 0;
    font-size: 13px;
    box-sizing: border-box
}

.jui .property .property-item .html[contenteditable]:focus,
.jui .property .property-item textarea:focus {
    border-width: 1px
}

.jui .property .property-item input[type=text],
.jui .property .property-item select {
    border: 0;
    height: 30px;
    outline: none;
    border-radius: 0;
    font-size: 13px;
    box-sizing: border-box
}

.jui .property .property-item input[type=text] {
    width: 100%;
    max-width: 300px
}

.jui .property .property-item input[type=text]:focus {
    border-width: 1px
}

.jui .property .property-item input[type=number] {
    width: 100px;
    border: 0;
    height: 30px;
    outline: none;
    border-radius: 0;
    text-align: right
}

.jui .property .property-item input[type=checkbox]+i {
    cursor: pointer;
    font-size: 20px
}

.jui .property .property-item .datepicker-input i {
    vertical-align: middle;
    cursor: pointer
}

.jui .property .property-item .datepicker-input .datepicker-value-text {
    font-size: 13px;
    vertical-align: middle;
    margin-left: 10px
}

.jui .property .property-item .color-input {
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-right: 5px
}

.jui .property .property-item .color-input>span:first-child {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle
}

.jui .property .property-item .color-input>span:nth-child(2) {
    display: inline-block;
    height: 20px;
    font-size: 12px;
    line-height: 26px;
    font-weight: 300;
    text-transform: uppercase
}

.jui .property .property-item .color-input>span.none-color {
    margin-left: 2px;
    font-size: 12px;
    vertical-align: middle
}

.jui .property .property-item .color-input>span.none-color i {
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jui .property .property-item input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    position: relative;
    z-index: 300
}

.jui .property .property-item input[type=range]+.range-progress {
    position: absolute;
    height: 2px;
    left: 0;
    top: 50%;
    z-index: 2;
    margin-top: -1px;
    pointer-events: none;
    width: 30px
}

.jui .property .property-item input[type=range]+.range-progress+span {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-left: 10px
}

.jui .property .property-item input[type=range]:focus {
    outline: none
}

.jui .property .property-item input[type=range]::-webkit-slider-runnable-track {
    width: 10%;
    height: 2px;
    cursor: pointer;
    animate: .2s
}

.jui .property .property-item input[type=range]::-webkit-slider-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
    z-index: 3
}

.jui .property .property-item input[type=range][readonly]::-webkit-slider-thumb {
    display: none
}

.jui .property .property-item input[type=range]:focus::-webkit-slider-runnable-track {
    width: 10%
}

.jui .property .property-item input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    animate: .2s
}

.jui .property .property-item input[type=range]::-moz-range-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    cursor: pointer
}

.jui .property .property-item input[type=range][readonly]::-moz-range-thumb {
    display: none
}

.jui .property .property-item input[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    animate: .2s;
    background: transparent;
    border-color: transparent;
    border-width: 2px 0;
    color: transparent
}

.jui .property .property-item input[type=range]::-ms-fill-lower,
.jui .property .property-item input[type=range]::-ms-fill-upper {
    border-radius: 50px
}

.jui .property .property-item input[type=range]::-ms-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    cursor: pointer
}

.jui .property .property-item input[type=range][readonly]::-ms-thumb {
    display: none
}

.jui .property .property-item .description {
    font-size: 12px;
    font-weight: 300;
    max-width: 500px;
    display: block;
    margin-top: 2px
}

.jui .property .property-item .description a {
    text-decoration: none
}

.jui .property .property-item small.description {
    display: inline-block;
    margin-left: 10px
}

.jui .property .property-header {
    color: #48cfad
}

.jui .property .property-item {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

.jui .property .property-item.expanded {
    border-bottom: 1px solid #fff!important
}

.jui .property .property-item .property-title {
    color: #404040
}

.jui .property .property-item .html[contenteditable],
.jui .property .property-item textarea {
    border: 1px solid #a4a4a4
}

.jui .property .property-item .html[contenteditable]:focus,
.jui .property .property-item textarea:focus {
    border-color: #ab7cff
}

.jui .property .property-item select {
    border-bottom: 1px solid #a4a4a4
}

.jui .property .property-item select:focus {
    border-color: #48cfad
}

.jui .property .property-item input[type=text] {
    border-bottom: 1px solid #a4a4a4
}

.jui .property .property-item input[type=text]:focus {
    border-color: #ab7cff
}

.jui .property .property-item input[type=number] {
    border-bottom: 1px solid #ab7cff
}

.jui .property .property-item input[type=checkbox]+.icon-checkbox {
    color: #ab7cff
}

.jui .property .property-item input[type=checkbox]+.icon-checkbox2 {
    color: #b5b5b5
}

.jui .property .property-item .color-input>span:first-child {
    border: 1px solid rgba(0, 0, 0, .2)
}

.jui .property .property-item .color-input>span:nth-child(2) {
    color: #d5d5d5
}

.jui .property .property-item .color-input>span.none-color {
    color: hsla(0, 0%, 58.8%, .8)
}

.jui .property .property-item .color-input>span.none-color:hover {
    color: #606060
}

.jui .property .property-item input[type=range]+.range-progress {
    background: #ab7cff
}

.jui .property .property-item input[type=range]::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    background: rgba(67, 73, 84, .2);
    border: 0 solid rgba(67, 73, 84, .2)
}

.jui .property .property-item input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    border: 0 solid #000;
    background: #ab7cff
}

.jui .property .property-item input[type=range]::-moz-range-track {
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    background: rgba(67, 73, 84, .2);
    border: 0 solid rgba(67, 73, 84, .1)
}

.jui .property .property-item input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    border: 0 solid #000;
    background: #ab7cff
}

.jui .property .property-item input[type=range]::-ms-fill-lower,
.jui .property .property-item input[type=range]::-ms-fill-upper {
    background: rgba(67, 73, 84, .2);
    border: 0 solid #000101;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

.jui .property .property-item input[type=range]::-ms-thumb {
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    border: 0 solid #000;
    background: #ab7cff
}

.jui .property .property-item input[type=range]:focus::-ms-fill-lower,
.jui .property .property-item input[type=range]:focus::-ms-fill-upper {
    background: #ab7cff
}

.jui .property .property-item .description {
    color: #aaa
}

.jui .property .property-item .description a {
    color: #ab7cff
}

.jui .property .property-item small.description {
    color: #aaa
}

.jui .calendar {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 80px
}

.jui .calendar>.head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    line-height: 80px;
    text-align: center
}

.jui .calendar>.head>* {
    display: inline-block
}

.jui .calendar>.head>.title {
    font-size: 20px
}

.jui .calendar>.head .next,
.jui .calendar>.head .next-year,
.jui .calendar>.head .prev-year,
.jui .calendar>.head>.prev {
    font-size: 14px;
    cursor: pointer
}

.jui .calendar>.head>.next-year,
.jui .calendar>.head>.prev-year {
    display: none;
    font-size: 16px;
    vertical-align: middle;
    margin-top: -5px
}

.jui .calendar>.head>.prev {
    margin-right: 12px
}

.jui .calendar>.head>.next {
    margin-left: 12px
}

.jui .calendar>.head.move-year .next-year,
.jui .calendar>.head.move-year .prev-year {
    display: inline-block
}

.jui .calendar>table.body {
    width: 100%;
    height: 100%;
    border-spacing: 0
}

.jui .calendar>table.body td,
.jui .calendar>table.body th {
    text-align: right;
    border-width: 0
}

.jui .calendar>table.body th {
    border-bottom-width: 2px;
    font-size: 11px;
    padding-top: 3px;
    height: 17px
}

.jui .calendar>table.body td {
    position: relative;
    padding: 8px;
    vertical-align: top;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 0;
    font-size: 13px;
    font-weight: 700;
    width: 14.28%
}

.jui .calendar>table.body td:last-child {
    border-right-width: 1px
}

.jui .calendar>table.body td>.task {
    position: absolute;
    left: 0;
    top: 30px;
    text-align: left;
    font-size: 11px;
    font-weight: 400;
    width: 100%
}

.jui .calendar>table.body td>.task>* {
    display: block;
    border-width: 1px;
    border-style: solid;
    padding: 0 8px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jui .calendar>.head {
    border-bottom-color: #ebebeb
}

.jui .calendar>.head .next,
.jui .calendar>.head .next-year,
.jui .calendar>.head .prev-year,
.jui .calendar>.head>.prev {
    color: #dcdcdc
}

.jui .calendar>.head>.title {
    color: #333
}

.jui .calendar>table.body td,
.jui .calendar>table.body th {
    border-color: #eee;
    border-style: solid
}

.jui .calendar>table.body th {
    color: #b6b6b6
}

.jui .calendar>table.body td {
    color: #333
}

.jui .calendar>table.body td.none {
    color: transparent
}

.jui .calendar>table.body td.now {
    color: #740cd2
}

.jui .calendar>table.body td.active {
    background-color: #f4f0f9
}

.jui .calendar>table.body td>.task {
    color: #fff
}

.jui .calendar>table.body td>.task>* {
    border-color: #fff
}

.jui ul.tree {
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 12px
}

.jui ul.tree li.disabled>a,
.jui ul.tree li.disabled>div,
.jui ul.tree li.disabled>span,
.jui ul.tree li:disabled>a,
.jui ul.tree li:disabled>div,
.jui ul.tree li:disabled>span {
    cursor: not-allowed
}

.jui ul.tree li.hover>a,
.jui ul.tree li.hover>div,
.jui ul.tree li.hover>span {
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px
}

.jui ul.tree li>a,
.jui ul.tree li>div,
.jui ul.tree li>span {
    text-decoration: none;
    color: inherit;
    vertical-align: top;
    cursor: pointer
}

.jui ul.tree .drag {
    position: absolute;
    height: 2px
}

.jui ul.tree li,
.jui ul.tree ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.jui ul.tree.arrow-file li a>:not(i),
.jui ul.tree.arrow-file li div>:not(i),
.jui ul.tree.arrow-file li span>:not(i),
.jui ul.tree.line-file li a>:not(i),
.jui ul.tree.line-file li div>:not(i),
.jui ul.tree.line-file li span>:not(i) {
    margin-top: -6px
}

.jui ul.tree {
    color: #333
}

.jui ul.tree li.disabled,
.jui ul.tree li:disabled {
    opacity: .4
}

.jui ul.tree li.active>a,
.jui ul.tree li.active>div,
.jui ul.tree li.active>span {
    color: #740cd2;
    font-weight: 700
}

.jui ul.tree li.hover>a,
.jui ul.tree li.hover>div,
.jui ul.tree li.hover>span {
    background: #e9def5
}

.jui ul.tree .drag.on {
    background: #dcdcdc
}

.jui ul.tree.arrow-file {
    margin-left: -13px
}

.jui ul.tree.arrow-file li {
    padding: 0 0 1px 13px
}

.jui ul.tree.arrow-file li>a,
.jui ul.tree.arrow-file li>div,
.jui ul.tree.arrow-file li>span {
    display: inline-block;
    padding-top: 2px
}

.jui ul.tree.arrow-file li.open>i:first-child {
    background-position: -13px -130px
}

.jui ul.tree.arrow-file li.fold>i:first-child,
.jui ul.tree.arrow-file li.open>i:first-child {
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.arrow-file li.fold>i:first-child {
    background-position: 0 -130px
}

.jui ul.tree.arrow-file li.leaf>i:first-child {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-position: 0 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.line-file ul {
    margin-left: -3px
}

.jui ul.tree.line-file li {
    padding: 0 0 1px 17px
}

.jui ul.tree.line-file li>a,
.jui ul.tree.line-file li>div,
.jui ul.tree.line-file li>span {
    display: inline-block;
    padding-top: 2px
}

.jui ul.tree.line-file li.fold.root,
.jui ul.tree.line-file li.open.root {
    background-position: -100px 0
}

.jui ul.tree.line-file li.fold>i,
.jui ul.tree.line-file li.open>i {
    margin-left: -17px;
    padding-left: 1px
}

.jui ul.tree.line-file li.last {
    background-position: 0 -1766px
}

.jui ul.tree.line-file li {
    background: url(data:image/gif;base64,R0lGODlhEADwBoABAICAgP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRjAzMzY3OTgwQzQxMUU3OUMxREZGMDMwNDUzNTBGOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRjAzMzY3QTgwQzQxMUU3OUMxREZGMDMwNDUzNTBGOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGMDMzNjc3ODBDNDExRTc5QzFERkYwMzA0NTM1MEY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGMDMzNjc4ODBDNDExRTc5QzFERkYwMzA0NTM1MEY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAABAA8AYAAv+Mj6kG678anE/SiyzGrQe/ReGmjVBpOmiqrGz2nnE1q7V4J+68x/37YwVTQ1NxdAwlSTldE/ZkRKXTJWf6wVovW0p38pVVteSxORqmnZ9p27rZxqHL83cu3qKz9XD+3X+D52QXCFgjCFWnuEd4aMjz6BMJNClUSXRplIm0qdTJ1AgZKjlKWWp5ipmqucrZ6vkKutgXe1XL9Wk7+3frlYvbC/brGyy2W1isduyY7LYs+kwabTqNWq16zZrtug3bLcv4rRtOTisOfE6cLtwsV867bvyOHK88z1zvfA+9L91P/c9aQGwDtRXkdtBbQnDmFo5rCBGeQ3QT1VVkl89dRHr/F+VtxNfR3kd+I/2VBHhSYEqCKw22RPhSYUyGEmc+rImTo02KOy32xBhS30+POUEOFVmUZFKTS1E2VfmUZVSXU2FWlXmVps6sN7d6NcqVZ1ifY4EeFVqW6Fela5m2dfoWalypc6nWtXoXa16tYPd27QuYbWC3g+EWlnuYbmK7i/E21vuYr+DJhCkbtowYs2LNjDk79gwZtOTKpC+Xznx6c+rOqz+3Dv16tOnZqGmrts0at2vdsHnLrg38dvDcw3cX7338t/DlxJkbd44cuvLm1J9Xj359uvXt2Llr7w7+u/i/osnHNu8bfXL10tlnd+8dfnj548X6tR+Zvn785fmf//efHoDrCdgege8ZGB+C8ylYH1n3OZgfg/tB2B+F/1kYIIYDalgghwd6mCCIC4rYoFlpIfWgiSmqFSGJE6rYIowVynghjRnauCGOHer4IY8h+jgikCWyOCORNRp5I5I5Krkjkz06+SOUQUo5JIoxUvkilhJu6SKXQmZpZZFhHjlmkmUueWaTaT65ZpRtTvlmlWitGCeYc15Zp5dadsnnl3rm2eeefgYK6KCGCopooYneKSajZDpqJqRoSqompWxa6iamcGoqp0Yncmqnp3SC+iephJp6qKKqorqoqHiyuqqrjcr6KK2R2joprpXqeimvmfq6KbCd5tEOsRkZG5Swof8ie5aypTp7KrSpwkqttK0y+6m1sWI7qrbVcvuqt+KCOyu5tZp7K7q5qrsru726+yu8wco77CDH2pssvcvi26y+z/obLcDTjstvtgJfW3C3B2+bcLgLf9twuRGfO3G6Fa97cbsZv7txvB3P+3G9ieQb8r4j91vyvykHvPLADxN8ssEtIxyzwjMzXLPDN0Ocs8Q9U/yzxUFjPLTGRXN8tMdJg7y0yAcg8vQwLu8Mc9TFUv1y1lhv3bTJVt/btcphszz21GXT/DXJZ+OcNspr89y2zG9XTQXYcds8t9Z5c323znv/3bfPgQM9uNCFE3240YkjvbjSjTP9uNN1qx2515Mzu1252JmTvbnZnaN9udyfsx063qPDXbrfp9OdxdWApy447ITLbjjtiNuuOO6MS+FBBwUAADs=) 0 0 no-repeat
}

.jui ul.tree.line-file li.open>i:first-child {
    background-position: 0 -111px
}

.jui ul.tree.line-file li.open.root>i:first-child,
.jui ul.tree.line-file li.open>i:first-child {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.line-file li.open.root>i:first-child {
    background-position: -16px -89px
}

.jui ul.tree.line-file li.fold>i:first-child {
    background-position: -32px -67px
}

.jui ul.tree.line-file li.fold.root>i:first-child,
.jui ul.tree.line-file li.fold>i:first-child {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAC+CAYAAADKrApnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAACTtJREFUeNrsXV1oW+cZfiT/xGa2Ny9uJCuhiX8CaiAXTjDbkuXG4AXKZHW9yPDKAgWNMUxicLKRC4eQtt4uOkKbGEbc9GYEF3axYLu0CYEwmkEYI27aQDBOtWV1bMdKLDmWXNs6P98u4qNI8tHPOZYlS+d54CCdn++zz/ec5/1+nleSTQgBwhxsNltC4wkhbEbLlbMZN4ZsGz1VGTubsLAgAYUOY+wDCgv2ATnEv/++KL55EEl5vnVfDdrfrLORgE3CNw8i6O53pTz/yXszaH+zjn3AZkJV1dj2p19+mbDPEJQnAtLtcxS0yVAUBe+/dR/vv3UfAGLvFUWJXXP+/HkRexWCW6624XenxdLSUmz747HxhP3hd6dFchmGoE1QQLp99gF5JOB3l5tIQD7Ruq8Gnw+mnwdwJsy1IOtAG+1wLYgKoAKoACqACqACcgybzSbMWJJUABWwdZ5g7b2RJ9lsOSpAB0IIm9FG1MpkKkcF5CGGb/h/YCfMYailwdXQOJjJaiABOYSZrAYSkGNkMtEZgkhAaUNRFFw4/mDd8b6/7ksY3587d86mvXIYmiN88t6M8Pb9IOX5kQsL6O53sRPebAUwBJEAa8JMVgOXIrgUUbrIZjWTCqACqAAqgAqgAqgAMze/BRwxKoAK2NgTrL0vVFaD5RVQ6KwGyyug0E8wO2EOQwkSUMQoqeXoQqSVkIA4FCKthCEoCUa/LIMK2AQC0u2zE95kGP6yjC0wk7T0l2UUeisvRQWk22cfkEcCsvmyDBKQQxQirYRrQVyKIEgACSBIAAkowAgi6fv7SQBRXPOAXPwCBQnYIDb6CxQMQZuILbFaWcoz4VJIK6ECqACiqDvheBRjVkNJEVCMWQ0l1wcUW1ZDSSlAIyDdPkdBm4yiy2rIwUyUWQ3MikhUQLp99gF5JKAYshpKioBizGrgTJijIIIEkACiKAkoJWuRCiABRN7nAbn4rgYSsEFYPauBIYgEEBsK41yKoALYCecKVsxq2FIEWDGrYUsRAJS+iU4CSEB65PsnQDgMTYzxef8JECpARwEECbAmAVbMauBSBJciCBJAAoiCEEBrkQogAcQG5wFmMhsYejgPsEYIssIn1akAKoAKoAKsPAqK32FWQ4EJYFZDgQkAaKqTAKsTwKyGAo6CmNWwRRRAkABrEsCsBs6ELQcaMiSABBAkgAQQJIAEECSABBCFJMDj8Yjr169fmZ6efpVNkx8kLEV0dnaKYDAIt9u97PP5Bpuamgb27NnzXK+g3+/vHRoa+uDJkyeoqamBLMuQJCm2zc/Po6qqCmNjY1y+zlYB27dvx+HDh6EoSvWpU6d+PzAw8J/bt2/3+v3+yuSCs7OzH3o8nrtVVVVwOBxobGyE0+mEw+HAjh07EAwG0dPT8zGb2AABFRUVqKysxK5du9DR0YFwOPzDvr6+Dy5evDhx586dX8Vf63K54HK5fE6nU1lcXEyoNBAIwO12L+/fv/8dNrEJArStubkZR44cwcOHD5t6enoux18bCoUQCoXudXV1DT579gySJMXOTU5OwufzDU5OTn7LJk6Pcj0CAECSJCwuLiIYDKKjo2PU6/WeiL+2vr5ee9vf2tr6i7m5uVdra2vx+PFjHDx4MNjU1DTA5jWogPLyctjtdkQiEUxPT8PhcHx75swZ7+nTp7179+5NeJqXlpa0LeL1ek8Eg0GsrKzA7/fj+PHj70xNTT2fmppiCxtRQCQSgSzLcDqdSnd392B9fX1/c3OzrkV248aN+N3Rtra20Vu3bnUdOnTovy6X6y9sWhMEOJ1OeDyeuy6Xy9fc3HwvXUGv15t86MTw8HDH2bNn+wOBQFQ72NLSwlbOdh7g9/t7W1paPsym4M2bN/UOdwEYjT/Q2dnJVs6WAIJrQdbrA778bFlMjIcSDjY4atCwswIAbG2vV2esJBd1aBgZGbkAwJfhsiuyLPepqopjx46hmFVcPjEe0k1Jv/nRIhp2VojIU6Rcy6l55cXrxHgIb5xoXHf+n38Lo2FnhZidkFPW0ehOzA0TQvi6urpqU10/OjqKNYLKAPSWxCgo8hQIz8sJJzp/U4ebHy0CgNjbXp1xQU2OCoSfJmZW/8hbg3+NRABAtLZvy2pRTlVVKIqS9qn2eDy1IyMjb6/t9hY9AQAg1MQbnnkg4Sdv1GHs8gwmxkO6reE+UI+211+SI0uJBCzMqmj/+ffw+cdzmBhHVnWoqgohRNo0+bGxMdjt9lpVVd8G8AcAq0VNgCoAvQeu5hXA89vUn5gZuzwDLb6rCrC0sD6vdGlBwc9+vUO3fGW1HZ8OPUF8H6E9/akUcPToUQBAWVkZrl27BgDfBxAobgJkAVUnJ3fqayllwdqGxNi9uqRgOSzrXvu/+/rHd71WpRuCsvn11FV5WbtmW9GHIEUS60JQJihS4vVf3Vo2/MfnZ9eXyaSA2D9uryiJTO4XCpAAYfBe1CRx/Nhbi+iysUoqq8vw6VBEl4BMCigrKysdAqSoAtWgAqRo4s1HVxTM+aOG6nC0VpoOQTabrSQ+z1b+YvQiYLD9ISeFoOiyCkkyVkd0WTUdgoQQpaMAZVUYDkHKahIB3wnIq8ZYjH4nUhKQ6em22+2lQ4AsG5eynDSwia6oUAzWE11R9SdiqpyVAkomBIkc3IcsCcMEJIcxjQAb7BBCtgYB7gP1uPuPkKnC7gP1sdd7X5ioY/JlHXEEXLl69aovm+KBQOCzYp4FA2t+wKNHj/4cDodfA7AbgANALYAKIGEhTgBQ1254oa6u7tHu3bt/qp3MRR0AcOnSJZw8eXLb2gw30yRrFcBzIcRqURNAFA40ZEiAtbHOETPjZOWiDg10xGDMDQP0HTEzbtja8JKOmFE3DFjviJlxw2ITMas7YmbcsBcTq5cEmHHDNALoiMGYGwboO2JG3bD4tSDLO2JG3DAgtSNmxA3TFEBHLAMUnTUco46YnhuWjQJi/7iVHTFVRxxGHTE9NyyeADpiaZDshgHGHTE9N8xICLK0I6a3jGzUEdNzw4yEIEs7YoqO82XUEdNzw4yEIEs7YrLOwMaoI6bnhsUmYnTEjMOoI6YXxjQC6IhlgXgny5QjpuOGrRFgaUfsKAAZJpysXNQB0BEj8gwaMiSABBAkgAQQJIAEECSABBB5xv8HAAw2CO3Q3cUEAAAAAElFTkSuQmCC)
}

.jui ul.tree.line-file li.fold.root>i:first-child {
    background-position: -48px -45px
}

.jui ul.tree.arrow {
    margin-left: -13px
}

.jui ul.tree.arrow li {
    padding: 0 0 1px 13px
}

.jui ul.tree.arrow li>a,
.jui ul.tree.arrow li>div,
.jui ul.tree.arrow li>span {
    display: inline-block;
    padding-top: 2px
}

.jui ul.tree.arrow li.open>i:first-child {
    background-position: -13px -130px
}

.jui ul.tree.arrow li.fold>i:first-child,
.jui ul.tree.arrow li.open>i:first-child {
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.arrow li.fold>i:first-child {
    background-position: 0 -130px
}

.jui ul.tree.arrow li.leaf>i:first-child {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-position: 0 0;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.line ul {
    margin-left: -3px
}

.jui ul.tree.line li {
    padding: 0 0 1px 17px
}

.jui ul.tree.line li>a,
.jui ul.tree.line li>div,
.jui ul.tree.line li>span {
    display: inline-block;
    padding-top: 2px
}

.jui ul.tree.line li.fold.root,
.jui ul.tree.line li.open.root {
    background-position: -100px 0
}

.jui ul.tree.line li.fold>i,
.jui ul.tree.line li.open>i {
    margin-left: -17px;
    padding-left: 1px
}

.jui ul.tree.line li.last {
    background-position: 0 -1766px
}

.jui ul.tree.line li {
    background: url(data:image/gif;base64,R0lGODlhEADwBoABAICAgP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRjAzMzY3OTgwQzQxMUU3OUMxREZGMDMwNDUzNTBGOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRjAzMzY3QTgwQzQxMUU3OUMxREZGMDMwNDUzNTBGOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVGMDMzNjc3ODBDNDExRTc5QzFERkYwMzA0NTM1MEY5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVGMDMzNjc4ODBDNDExRTc5QzFERkYwMzA0NTM1MEY5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAABAA8AYAAv+Mj6kG678anE/SiyzGrQe/ReGmjVBpOmiqrGz2nnE1q7V4J+68x/37YwVTQ1NxdAwlSTldE/ZkRKXTJWf6wVovW0p38pVVteSxORqmnZ9p27rZxqHL83cu3qKz9XD+3X+D52QXCFgjCFWnuEd4aMjz6BMJNClUSXRplIm0qdTJ1AgZKjlKWWp5ipmqucrZ6vkKutgXe1XL9Wk7+3frlYvbC/brGyy2W1isduyY7LYs+kwabTqNWq16zZrtug3bLcv4rRtOTisOfE6cLtwsV867bvyOHK88z1zvfA+9L91P/c9aQGwDtRXkdtBbQnDmFo5rCBGeQ3QT1VVkl89dRHr/F+VtxNfR3kd+I/2VBHhSYEqCKw22RPhSYUyGEmc+rImTo02KOy32xBhS30+POUEOFVmUZFKTS1E2VfmUZVSXU2FWlXmVps6sN7d6NcqVZ1ifY4EeFVqW6Fela5m2dfoWalypc6nWtXoXa16tYPd27QuYbWC3g+EWlnuYbmK7i/E21vuYr+DJhCkbtowYs2LNjDk79gwZtOTKpC+Xznx6c+rOqz+3Dv16tOnZqGmrts0at2vdsHnLrg38dvDcw3cX7338t/DlxJkbd44cuvLm1J9Xj359uvXt2Llr7w7+u/i/osnHNu8bfXL10tlnd+8dfnj548X6tR+Zvn785fmf//efHoDrCdgege8ZGB+C8ylYH1n3OZgfg/tB2B+F/1kYIIYDalgghwd6mCCIC4rYoFlpIfWgiSmqFSGJE6rYIowVynghjRnauCGOHer4IY8h+jgikCWyOCORNRp5I5I5Krkjkz06+SOUQUo5JIoxUvkilhJu6SKXQmZpZZFhHjlmkmUueWaTaT65ZpRtTvlmlWitGCeYc15Zp5dadsnnl3rm2eeefgYK6KCGCopooYneKSajZDpqJqRoSqompWxa6iamcGoqp0Yncmqnp3SC+iephJp6qKKqorqoqHiyuqqrjcr6KK2R2joprpXqeimvmfq6KbCd5tEOsRkZG5Swof8ie5aypTp7KrSpwkqttK0y+6m1sWI7qrbVcvuqt+KCOyu5tZp7K7q5qrsru726+yu8wco77CDH2pssvcvi26y+z/obLcDTjstvtgJfW3C3B2+bcLgLf9twuRGfO3G6Fa97cbsZv7txvB3P+3G9ieQb8r4j91vyvykHvPLADxN8ssEtIxyzwjMzXLPDN0Ocs8Q9U/yzxUFjPLTGRXN8tMdJg7y0yAcg8vQwLu8Mc9TFUv1y1lhv3bTJVt/btcphszz21GXT/DXJZ+OcNspr89y2zG9XTQXYcds8t9Z5c323znv/3bfPgQM9uNCFE3240YkjvbjSjTP9uNN1qx2515Mzu1252JmTvbnZnaN9udyfsx063qPDXbrfp9OdxdWApy447ITLbjjtiNuuOO6MS+FBBwUAADs=) 0 0 no-repeat
}

.jui ul.tree.line li.open>i:first-child {
    background-position: 0 -111px
}

.jui ul.tree.line li.open.root>i:first-child,
.jui ul.tree.line li.open>i:first-child {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.line li.open.root>i:first-child {
    background-position: -16px -89px
}

.jui ul.tree.line li.fold>i:first-child {
    background-position: -32px -67px
}

.jui ul.tree.line li.fold.root>i:first-child,
.jui ul.tree.line li.fold>i:first-child {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.line li.fold.root>i:first-child {
    background-position: -48px -45px
}

.jui ul.tree.arrow-file li.open>a>i:first-child,
.jui ul.tree.arrow-file li.open>div>i:first-child,
.jui ul.tree.arrow-file li.open>span>i:first-child,
.jui ul.tree.line-file li.open>a>i:first-child,
.jui ul.tree.line-file li.open>div>i:first-child,
.jui ul.tree.line-file li.open>span>i:first-child {
    background-position: -17px -165px
}

.jui ul.tree.arrow-file li.fold>a>i:first-child,
.jui ul.tree.arrow-file li.fold>div>i:first-child,
.jui ul.tree.arrow-file li.fold>span>i:first-child,
.jui ul.tree.arrow-file li.open>a>i:first-child,
.jui ul.tree.arrow-file li.open>div>i:first-child,
.jui ul.tree.arrow-file li.open>span>i:first-child,
.jui ul.tree.line-file li.fold>a>i:first-child,
.jui ul.tree.line-file li.fold>div>i:first-child,
.jui ul.tree.line-file li.fold>span>i:first-child,
.jui ul.tree.line-file li.open>a>i:first-child,
.jui ul.tree.line-file li.open>div>i:first-child,
.jui ul.tree.line-file li.open>span>i:first-child {
    width: 15px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui ul.tree.arrow-file li.fold>a>i:first-child,
.jui ul.tree.arrow-file li.fold>div>i:first-child,
.jui ul.tree.arrow-file li.fold>span>i:first-child,
.jui ul.tree.line-file li.fold>a>i:first-child,
.jui ul.tree.line-file li.fold>div>i:first-child,
.jui ul.tree.line-file li.fold>span>i:first-child {
    background-position: 0 -165px
}

.jui ul.tree.arrow-file li.leaf>a>i:first-child,
.jui ul.tree.arrow-file li.leaf>div>i:first-child,
.jui ul.tree.arrow-file li.leaf>span>i:first-child,
.jui ul.tree.line-file li.leaf>a>i:first-child,
.jui ul.tree.line-file li.leaf>div>i:first-child,
.jui ul.tree.line-file li.leaf>span>i:first-child {
    width: 14px;
    height: 14px;
    line-height: 14px;
    background-position: -36px -165px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.jui .vmenu {
    width: 100%
}

.jui .vmenu,
.jui .vmenu>* {
    position: relative;
    display: inline-block
}

.jui .vmenu>* {
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
    padding: 8px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.jui .vmenu>:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.jui .vmenu>* {
    width: 100%
}

.jui .vmenu>*+* {
    margin: -2px 0 0
}

.jui .vmenu>:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important
}

.jui .vmenu>:first-child {
    -webkit-border-bottom-left-radius: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    border-bottom-left-radius: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    border-bottom-right-radius: 0!important
}

.jui .vmenu>:last-child {
    -webkit-border-top-left-radius: 0!important;
    -moz-border-radius-topleft: 0!important;
    border-top-left-radius: 0!important;
    -webkit-border-top-right-radius: 0!important;
    -moz-border-radius-topright: 0!important;
    border-top-right-radius: 0!important
}

.jui .vmenu.large>* {
    padding: 11px 14px
}

.jui .vmenu>.submenu {
    list-style: none;
    padding: 10px 0
}

.jui .vmenu>.submenu>li {
    padding: 6px 20px;
    font-weight: 400
}

.jui .vmenu>.submenu>li>* {
    text-decoration: inherit
}

.jui .vmenu>.submenu>li.active {
    font-weight: 700;
    cursor: default
}

.jui .vmenu>.submenu>li.active>* {
    font-weight: inherit
}

.jui .vmenu>*>[class^=icon-] {
    float: right
}

.jui .vmenu+.vmenu {
    margin-top: 5px
}

.jui .vmenu>* {
    border: 1px solid #e5e5e5;
    color: #333;
    font-weight: 700;
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background-image: linear-gradient(top, #fff, #f7f7f7);
    background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
    background-image: -o-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f7f7f7 100%)
}

.jui .vmenu>.active {
    background-color: #ad81e4;
    background-image: -moz-linear-gradient(top, #ad81e4 0, #7d51b6 100%);
    background-image: linear-gradient(top, #ad81e4, #7d51b6);
    background-image: -webkit-linear-gradient(top, #ad81e4, #7d51b6);
    background-image: -o-linear-gradient(top, #ad81e4 0, #7d51b6 100%);
    background-image: -ms-linear-gradient(top, #ad81e4 0, #7d51b6 100%);
    color: #fff;
    border: 1px solid #a281cc;
    cursor: default
}

.jui .vmenu>:hover:not(.active):not(.submenu) {
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, #f8f8f8 0, #f1f1f1 100%);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8 0, #f1f1f1 100%);
    background-image: -ms-linear-gradient(top, #f8f8f8 0, #f1f1f1 100%)
}

.jui .vmenu>.submenu {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff 0, #fff 100%);
    background-image: linear-gradient(top, #fff, #fff);
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: -o-linear-gradient(top, #fff 0, #fff 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #fff 100%)
}

.jui .vmenu>.submenu>li:hover:not(.active) {
    background: #eee
}

.jui .vmenu>.submenu>li>* {
    color: inherit
}

.jui .vmenu>.submenu>li.active {
    color: #740cd2
}

.jui .vmenu>.submenu>li.active>* {
    color: inherit
}

.jui .vmenu>:first-child {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px
}

.jui .vmenu>:last-child {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.jui .vmenu.flat>* {
    border: 1px solid #e5e5e5!important;
    color: #333!important;
    background-color: #fff!important;
    background-image: -moz-linear-gradient(top, #fff 0, #fff 100%)!important;
    background-image: linear-gradient(top, #fff, #fff)!important;
    background-image: -webkit-linear-gradient(top, #fff, #fff)!important;
    background-image: -o-linear-gradient(top, #fff 0, #fff 100%)!important;
    background-image: -ms-linear-gradient(top, #fff 0, #fff 100%)!important
}

.jui .vmenu.flat>.active {
    color: #740cd2!important
}

.jui .vmenu.flat>:hover:not(.active):not(.submenu) {
    background-color: #eee!important;
    background-image: -moz-linear-gradient(top, #eee 0, #eee 100%)!important;
    background-image: linear-gradient(top, #eee, #eee)!important;
    background-image: -webkit-linear-gradient(top, #eee, #eee)!important;
    background-image: -o-linear-gradient(top, #eee 0, #eee 100%)!important;
    background-image: -ms-linear-gradient(top, #eee 0, #eee 100%)!important
}

.jui .vmenu.flat>.submenu {
    background-color: #f5f5f5!important;
    background-image: -moz-linear-gradient(top, #f5f5f5 0, #f5f5f5 100%)!important;
    background-image: linear-gradient(top, #f5f5f5, #f5f5f5)!important;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5)!important;
    background-image: -o-linear-gradient(top, #f5f5f5 0, #f5f5f5 100%)!important;
    background-image: -ms-linear-gradient(top, #f5f5f5 0, #f5f5f5 100%)!important
}

.jui .vmenu.flat>.submenu>li:hover:not(.active) {
    background: #eee
}

.jui .vmenu.flat>.submenu>li>* {
    color: inherit
}

.jui .vmenu.flat>.submenu>li.active {
    color: #740cd2
}

.jui .vmenu.flat>.submenu>li.active>* {
    color: inherit
}

.jui .msgbox {
    position: absolute;
    margin: 0 auto;
    z-index: 2000;
    min-width: 250px;
    min-height: 150px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jui .msgbox>.head {
    position: relative;
    padding: 7px 12px 7px 15px;
    font-weight: 700;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.jui .msgbox>.head>.title {
    display: inline-block
}

.jui .msgbox>.head>.subtext {
    display: block
}

.jui .msgbox>.head>.close {
    position: absolute;
    cursor: pointer;
    right: 12px
}

.jui .msgbox>.head>a {
    text-decoration: none;
    color: inherit
}

.jui .msgbox>.body {
    position: relative;
    overflow: auto;
    padding: 15px 15px 18px;
    word-break: break-all
}

.jui .msgbox>.resize {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: nw-resize
}

.jui .msgbox.detail>.head {
    margin: 0 20px;
    padding: 15px 0
}

.jui .msgbox.detail>.head>.subtext {
    margin-top: 4px
}

.jui .msgbox.detail>.head>.close {
    top: 15px;
    right: 0
}

.jui .msgbox.detail>.body {
    padding: 15px 20px 20px
}

.jui .msgbox {
    border: 1px solid transparent;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .25)
}

.jui .msgbox>.head {
    border-bottom: 1px solid #ebebeb;
    background-color: #f7f7f7;
    color: #333
}

.jui .msgbox>.body {
    background-color: inherit;
    color: #333
}

.jui .msgbox.warning {
    border: 1px solid #f9c664;
    background-color: #fff3d1
}

.jui .msgbox.warning>.head {
    border-bottom: 1px solid #fff9ea;
    background-color: #ff9704;
    color: #fff
}

.jui .msgbox.warning>.body {
    background-color: inherit;
    color: #a56500
}

.jui .msgbox.danger {
    border: 1px solid #efb5b5;
    background-color: #f4dede
}

.jui .msgbox.danger>.head {
    border-bottom: 1px solid #ffeaea;
    background-color: #ef180b;
    color: #fff
}

.jui .msgbox.danger>.body {
    background-color: inherit;
    color: #ba0000
}

.jui .msgbox.success {
    border: 1px solid #a2d27f;
    background-color: #e8f5d3
}

.jui .msgbox.success>.head {
    border-bottom: 1px solid #f4fae9;
    background-color: #2aa11a;
    color: #fff
}

.jui .msgbox.success>.body {
    background-color: inherit;
    color: #496f0a
}

.jui .msgbox.detail {
    background-color: #fff
}

.jui .msgbox.detail>.head {
    border-bottom: 1px solid #eaeaea;
    background-color: inherit;
    color: #333
}

.jui .msgbox.detail>.head>.subtext {
    color: #666;
    font-weight: 400
}

.jui .msgbox.detail>.body {
    background-color: inherit;
    color: #666
}

.jui .window {
    position: absolute;
    margin: 0 auto;
    z-index: 2000;
    min-width: 200px;
    min-height: 100px;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jui .window>.head {
    position: relative;
    height: 32px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.jui .window>.head>.left {
    left: 10px;
    right: 40px;
    font-weight: 700
}

.jui .window>.head>.left>.title {
    display: inline-block
}

.jui .window>.head>.right {
    min-width: 20px;
    right: 5px
}

.jui .window>.head>.right>.close {
    cursor: pointer;
    right: 0
}

.jui .window>.head>* {
    position: absolute;
    padding: 8px 8px 6px
}

.jui .window>.head>*>a {
    text-decoration: none;
    color: inherit
}

.jui .window>.body {
    position: relative;
    overflow: auto;
    padding: 15px;
    word-break: break-all
}

.jui .window>.body.has-property {
    padding: 0
}

.jui .window>.foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 47px;
    text-align: center;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.jui .window>.foot>.btn {
    margin-top: 9px
}

.jui .window>.resize {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: nw-resize
}

.jui .window {
    border: none;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
}

.jui .window,
.jui .window>.head {
    color: #333;
    background-color: #fff
}

.jui .window>.head {
    background-image: -moz-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background-image: linear-gradient(top, #fff, #f3f3f3);
    background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
    background-image: -o-linear-gradient(top, #fff 0, #f3f3f3 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f3f3f3 100%)
}

.jui .window>.body {
    background-color: #fff;
    border-top: 1px solid #ebebeb
}

.jui .window>.foot {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7 0, #ececec 100%);
    background-image: linear-gradient(top, #f7f7f7, #ececec);
    background-image: -webkit-linear-gradient(top, #f7f7f7, #ececec);
    background-image: -o-linear-gradient(top, #f7f7f7 0, #ececec 100%);
    background-image: -ms-linear-gradient(top, #f7f7f7 0, #ececec 100%);
    border-top: 1px solid #e5e5e5
}

.jui .outline,
.jui .outline * {
    outline: 1px solid #7fa5f6
}

.jui .bargraph,
.jui .bargraph>* {
    position: relative;
    display: inline-block
}

.jui .bargraph>* {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-weight: 700;
    margin-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.jui .bargraph>* .detail {
    position: absolute;
    left: 0;
    right: 0;
    top: -10px
}

.jui .bargraph>* .detail>.line {
    border-bottom-width: 0;
    height: 8px
}

.jui .bargraph>* .detail>.data {
    width: 30px;
    margin-top: -18px;
    margin-left: auto;
    margin-right: auto
}

.jui .bargraph>:not(:first-child) .line {
    border-left-width: 0
}

.jui .bargraph>.active:not(:first-child) .line {
    border-left-width: 1px
}

.jui .bargraph>* .title {
    height: 32px;
    line-height: 32px;
    font-size: .75em
}

.jui .bargraph>* .data {
    font-size: .8em
}

.jui .bargraph>*+:not(ul) {
    margin-left: -7px
}

.jui .bargraph>:not(:first-child):not(:last-child):not(ul) {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important
}

.jui .bargraph>:first-child {
    -webkit-border-top-right-radius: 0!important;
    -moz-border-radius-topright: 0!important;
    border-top-right-radius: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    border-bottom-right-radius: 0!important
}

.jui .bargraph>:last-child {
    -webkit-border-top-left-radius: 0!important;
    -moz-border-radius-topleft: 0!important;
    border-top-left-radius: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    border-bottom-left-radius: 0!important
}

.jui .bargraph.normal>* .title {
    height: 32px;
    line-height: 32px;
    font-size: .75em
}

.jui .bargraph.normal>* .data {
    font-size: .8em
}

.jui .bargraph.small>* .title {
    height: 25px;
    line-height: 25px
}

.jui .bargraph+.bargraph {
    margin-left: 5px
}

.jui .bargraph>* .line {
    border: 1px solid #ebebeb
}

.jui .bargraph>* .data {
    color: #969696
}

.jui .bargraph>:first-child {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px
}

.jui .bargraph>:last-child {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.jui .bargraph>.active .line {
    border-color: #d0d0d0
}

.jui .bargraph>.active .data {
    color: #333
}

.jui .bargraph:not(.flat)>* {
    border: 1px solid #bebebe;
    -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3);
    -moz-box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3);
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background-image: linear-gradient(top, #fff, #e9e9e9);
    background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
    background-image: -o-linear-gradient(top, #fff 0, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #e9e9e9 100%)
}

.jui .bargraph:not(.flat)>:hover {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fff 0, #f0f0f0 100%);
    background-image: linear-gradient(top, #fff, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
    background-image: -o-linear-gradient(top, #fff 0, #f0f0f0 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f0f0f0 100%)
}

.jui .bargraph:not(.flat)>.active {
    background-color: #ede2ff;
    background-image: -moz-linear-gradient(top, #ede2ff 0, #d4bff1 100%);
    background-image: linear-gradient(top, #ede2ff, #d4bff1);
    background-image: -webkit-linear-gradient(top, #ede2ff, #d4bff1);
    background-image: -o-linear-gradient(top, #ede2ff 0, #d4bff1 100%);
    background-image: -ms-linear-gradient(top, #ede2ff 0, #d4bff1 100%)
}

.jui .bargraph:not(.flat)>.active .title {
    color: #333
}

.jui .bargraph:not(.flat)>* .title {
    color: #969696
}

.jui .bargraph:not(.flat)>* .data {
    background: #fff
}

.jui .bargraph.flat>* {
    -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3);
    -moz-box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .3)
}

.jui .bargraph.flat>* .title {
    color: #fff
}

.jui .bargraph.flat>* .data {
    background: #fff
}

.jui .bargraph.flat>.success {
    border: 1px solid #cdbadf;
    background-color: #cdbadf
}

.jui .bargraph.flat>.success.active {
    border-color: #8959b6;
    background-color: #8959b6
}

.jui .bargraph.flat>.info {
    border: 1px solid #b5d4ee;
    background-color: #c0dcf3
}

.jui .bargraph.flat>.info.active {
    border-color: #4e9bdb;
    background-color: #69aee8
}

.jui .bargraph.flat>.warning {
    border: 1px solid #f4d897;
    background-color: #f8de96
}

.jui .bargraph.flat>.warning.active {
    border-color: #eca402;
    background-color: #f5b400
}

.jui .colorpicker {
    position: relative;
    width: 226px
}

.jui .colorpicker>.color {
    position: relative;
    height: 145px;
    overflow: hidden;
    cursor: pointer
}

.jui .colorpicker>.color>.saturation,
.jui .colorpicker>.color>.saturation>.value {
    position: relative;
    width: 100%;
    height: 100%
}

.jui .colorpicker>.color>.saturation>.value>.drag-pointer {
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -5px;
    top: -5px
}

.jui .colorpicker>.control {
    position: relative;
    padding: 18px 0 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.jui .colorpicker>.control>.color,
.jui .colorpicker>.control>.empty {
    position: absolute;
    left: 11px;
    top: 24px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.jui .colorpicker>.control>.hue {
    position: relative;
    padding: 8px 12px;
    margin: 0 0 0 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.jui .colorpicker>.control>.hue>.container {
    position: relative;
    width: 157px;
    height: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.jui .colorpicker>.control>.opacity {
    position: relative;
    width: 143px;
    padding: 8px 12px;
    margin: 0 0 0 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.jui .colorpicker>.control>.opacity>.container {
    position: relative;
    width: 100%;
    height: 3px;
    z-index: 2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jui .colorpicker>.control>.input {
    position: absolute;
    font-size: 10px;
    right: 10px;
    bottom: 20px;
    width: 30px;
    height: 20px;
    padding: 0 0 0 2px
}

.jui .colorpicker>.control .drag-bar,
.jui .colorpicker>.control .drag-bar2 {
    position: absolute;
    cursor: pointer;
    top: 50%!important;
    margin-top: -7px!important;
    left: -3px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.jui .colorpicker>.information {
    position: relative;
    height: 73px;
    -webkit-box-sizing: padding-box;
    -moz-box-sizing: padding-box;
    box-sizing: padding-box
}

.jui .colorpicker>.information>.input {
    position: absolute;
    font-size: 10px;
    height: 20px;
    bottom: 20px;
    padding: 0 0 0 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text
}

.jui .colorpicker>.information>.input:first-child {
    width: 93px;
    left: 10px
}

.jui .colorpicker>.information>.input:nth-child(2) {
    width: 30px;
    right: 74px
}

.jui .colorpicker>.information>.input:nth-child(3) {
    width: 30px;
    right: 42px
}

.jui .colorpicker>.information>.input:nth-child(4) {
    width: 30px;
    right: 10px
}

.jui .colorpicker>.information>.title {
    position: absolute;
    font-size: 11px;
    top: 15px
}

.jui .colorpicker>.information>.title:nth-child(5) {
    left: 10px
}

.jui .colorpicker>.information>.title:nth-child(6) {
    left: 123px
}

.jui .colorpicker>.information>.title:nth-child(7) {
    left: 155px
}

.jui .colorpicker>.information>.title:nth-child(8) {
    left: 187px
}

.jui .colorpicker {
    border: 1px solid #ececec;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12)
}

.jui .colorpicker>.color {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px
}

.jui .colorpicker>.color>.saturation {
    background-color: rgba(204, 154, 129, 0);
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(90deg, #fff, rgba(204, 154, 129, 0));
    background-repeat: repeat-x;
    filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#00cc9a81", GradientType=1)");
}

.jui .colorpicker>.color>.saturation>.value {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(0deg, #000, rgba(204, 154, 129, 0))
}

.jui .colorpicker>.color>.saturation>.value>.drag-pointer {
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
}

.jui .colorpicker>.control>.hue>.container {
    background: -moz-linear-gradient(left, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    background: -ms-linear-gradient(left, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    background: -o-linear-gradient(left, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(.17, #ff0), color-stop(.33, #0f0), color-stop(.5, #0ff), color-stop(.67, #00f), color-stop(.83, #f0f), to(red));
    background: -webkit-linear-gradient(left, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.jui .colorpicker>.control>.opacity>.container {
    background: #bababa
}

.jui .colorpicker>.control>.input {
    color: #333
}

.jui .colorpicker>.control>.empty {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2NctWrVfwYkEBYWxojMZ6SDAmT7QGx0K1EcRBsFAADeG/3M/HteAAAAAElFTkSuQmCC") repeat
}

.jui .colorpicker>.control .drag-bar,
.jui .colorpicker>.control .drag-bar2 {
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
    background-color: #fff
}

.jui .colorpicker>.information {
    border-top: 1px solid #e8e8e8
}

.jui .colorpicker>.information>.title {
    color: #a3a3a3
}

.jui .colorpicker>.information>.input {
    color: #333
}

@-webkit-keyframes progress {
    0% {
        background-position: 50% 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress {
    0% {
        background-position: 50% 0
    }
    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress {
    0% {
        background-position: 50% 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress {
    0% {
        background-position: 50% 0
    }
    to {
        background-position: 0 0
    }
}

@-webkit-keyframes progress-vertical {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-vertical {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-vertical {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-vertical {
    0% {
        background-position: 0 50%
    }
    to {
        background-position: 0 0
    }
}

.jui .progress {
    position: relative;
    width: 100%
}

.jui .progress .area {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.jui .progress .area .bar {
    float: left;
    width: 0;
    height: 100%
}

.jui .progress .area .bar:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.jui .progress .area .bar:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.jui .progress.flat .area,
.jui .progress.flat .area .bar {
    border-radius: 0
}

.jui .progress.simple .area {
    border: 0;
    padding: 0
}

.jui .progress.vertical,
.jui .progress.vertical.simple .area {
    height: 100%
}

.jui .progress.vertical.simple .area .bar {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border: 0
}

.jui .progress.vertical .area {
    top: 0;
    bottom: 0;
    margin-top: 0;
    height: 100%;
    left: 50%
}

.jui .progress.vertical .area .bar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    height: 10%
}

.jui .progress.vertical .area .bar:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.jui .progress.vertical .area .bar:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.jui .progress {
    height: 30px
}

.jui .progress .area {
    height: 12px;
    margin-top: -7px;
    border: 1px solid #a57ff2;
    border-radius: 15px;
    padding: 1px
}

.jui .progress .area .bar {
    background: #a57ff2;
    border-radius: 15px
}

.jui .progress .area .bar.striped {
    background-image: -webkit-linear-gradient(135deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-image: -o-linear-gradient(135deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px
}

.jui .progress .area .bar.striped.animated {
    -webkit-animation: progress 2s linear infinite;
    -moz-animation: progress 2s linear infinite;
    -o-animation: progress 2s linear infinite;
    animation: progress 2s linear infinite
}

.jui .progress.simple .area {
    background-color: #ececec;
    height: 9px
}

.jui .progress.vertical {
    width: 30px
}

.jui .progress.vertical.simple .area {
    width: 10px
}

.jui .progress.vertical .area {
    width: 12px;
    margin-left: -6px
}

.jui .progress.vertical .area .bar {
    border: 1px solid #fff;
    width: 10px
}

.jui .progress.vertical .area .bar.striped {
    background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-image: -o-linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 25%, transparent 50%, hsla(0, 0%, 100%, .15) 50%, hsla(0, 0%, 100%, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px
}

.jui .progress.vertical .area .bar.striped.animated {
    -webkit-animation: progress-vertical 2s linear infinite;
    -moz-animation: progress-vertical 2s linear infinite;
    -o-animation: progress-vertical 2s linear infinite;
    animation: progress-vertical 2s linear infinite
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@-moz-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-ms-keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-10px)
    }
    60% {
        -moz-transform: translateY(-10px)
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(-10px)
    }
}

@-ms-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    to {
        -ms-transform: translateY(0)
    }
    40% {
        -ms-transform: translateY(-10px)
    }
    60% {
        -ms-transform: translateY(-10px)
    }
}

@keyframes bounce {
    0%,
    10%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40% {
        transform: translateY(-10px)
    }
    60% {
        transform: translateY(-10px)
    }
}

@-moz-keyframes float {
    0% {
        -moz-transform: translateY(0)
    }
    50% {
        -moz-transform: translateY(-6px)
    }
    to {
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-6px)
    }
    to {
        -webkit-transform: translateY(0)
    }
}

@-ms-keyframes float {
    0% {
        -ms-transform: translateY(0)
    }
    50% {
        -ms-transform: translateY(-6px)
    }
    to {
        -ms-transform: translateY(0)
    }
}

@keyframes float {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-6px)
    }
    to {
        transform: translateY(0)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1.1)
    }
    50% {
        -moz-transform: scale(.8)
    }
    to {
        -moz-transform: scale(1)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.8)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1.1)
    }
    50% {
        -ms-transform: scale(.8)
    }
    to {
        -ms-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(.8)
    }
    to {
        transform: scale(1)
    }
}


/* table */

table,
th,
td {
    border: none
}

table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    border-spacing: 0
}

table.striped tr {
    border-bottom: none
}

table.striped>tbody>tr:nth-child(odd) {
    background-color: rgba(242, 242, 242, 0.5)
}

table.striped>tbody>tr>td {
    border-radius: 0
}

table.highlight>tbody>tr {
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease
}

table.highlight>tbody>tr:hover {
    background-color: rgba(242, 242, 242, 0.5)
}

table.centered thead tr th,
table.centered tbody tr td {
    text-align: center
}

td,
th {
    /* padding: 15px 5px; */
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px
}

th,
td.bold {
    font-weight: 500;
}

.table-type01 {
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
}

.table-type01 thead th {
    padding: 16px 15px 14px;
    text-align: center;
    line-height: 1.4em;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    font-family: 'noto sans kr';
    background-color: #4f5685;
    border-radius: 0;
    border-right: 1px solid #9a9dac;
    border-bottom: 1px solid #9a9dac;
}

.table-type01 thead tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.table-type01 thead tr:first-child th:last-child {
    border-top-right-radius: 10px;
}
.table-type01 thead tr th:last-child {
    border-right: 0;
}
.table-type01 thead tr:last-child th {
    border-bottom: 0;
}


.table-type01 tbody tr.active {
    background-color: #d4d8e3;
}


.table-type01 tbody th {
    padding: 15px 15px 14px;
    text-align: center;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    border-right: 1px solid #dcdff1;
    background-color: #fff;
}

.table-type01 td {
    padding: 15px 15px 14px;
    text-align: center;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    border-right: 1px solid #dcdff1;
    background-color: #fff;
    word-break:break-all;
}

.table-type01 td .statue01 {
    font-size: 26px;
    color: #f35988;
}

.table-type01 td .statue02 {
    font-size: 26px;
    color: #caccd9;
}
.table-type01 td .per-normal {
	color:#ff515d;
}
.table-type01 td .per-full {
	color:#176fd8;
}

.table-type01 td.left {
    text-align: left;
}

.table-type01 tbody tr.total td {
    background-color: #eaecf1 !important;
}

.table-type01 tbody tr:nth-child(even) td,
.table-type01 tbody tr:nth-child(even) th {
    background-color: #f7f8fb;
}


.table-type01 tbody tr:last-child td:first-child,
.table-type01 tbody tr:last-child th:first-child {
    border-bottom-left-radius: 8px;
}

.table-type01 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.table-type01 tbody tr:last-child td,
.table-type01 tbody tr:last-child th {
    border-bottom: 1px solid #afb2cf;
}

.table-type01 td:first-child {
    border-left: 1px solid #afb2cf;
}

.table-type01 tbody th {
    border-left: 1px solid #afb2cf;
}

.table-type01 td:last-child {
    border-right: 1px solid #afb2cf;
}


/*table 안에 들어가는 버튼*/

.btn-table-type01 span {
    font-size: 20px;
    color: #7f84ae;
}

.btn-table-type02 span {
    font-size: 20px;
    color: #f35988;
}

.btn-table-type03 span {
    font-size: 20px;
    color: #caccd9;
}

.table-type02 {
    margin-top: 10px;
    width: 100%;
}

.table-type02 thead th {
    padding: 16px 15px 14px;
    text-align: center;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    font-family: 'noto sans kr';
    background-color: #f1f2f8;
    border-radius: 0;
    border-top: 1px solid #7e84ae;
    border-bottom: 2px solid #7e84ae;
}

.table-type02 tbody tr.active {
    background-color: #d4d8e3;
}

.table-type02 td {
    padding: 15px 15px 14px;
    text-align: center;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    word-break:break-all;
}

.table-type02.td-border-right tr td {
    border-right: 1px solid #dcdff1;
}

.table-type02.td-border-right tr td:last-child {
    border-right: 0;
}

.table-type02 td .statue01 {
    font-size: 26px;
    color: #f35988;
}

.table-type02 td .statue02 {
    font-size: 26px;
    color: #caccd9;
}

.table-type02 td.left {
    text-align: left;
}

.table-type02 tbody tr:nth-child(even) {
    background-color: #f7f8fb;
}

.table-type02.td-no-bg tbody tr:nth-child(even) {
    background: #fff;
}

.table-type03,
.table-type06 {
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
}

.table-type03 tbody th,
.table-type06 tbody th {
    padding: 14px 20px 12px;
    text-align: left;
    line-height: 1.4em;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    font-family: 'noto sans kr';
    background-color: #4f5685;
    border-radius: 0;
    border-bottom: 1px solid #9a9dac;
    word-break: break-word;
}

.table-type03 tbody tr.active,
.table-type5 tbody tr.active {
    background-color: #d4d8e3;
}

.table-type03 td,
.table-type06 td {
    padding: 14px 15px 12px;
    text-align: left;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    border-right: 1px solid #dcdff1;
    word-break:break-all;
    background: #fff;
}

.table-type03 td .statue01 {
    font-size: 26px;
    color: #f35988;
}

.table-type03 td .statue02 {
    font-size: 26px;
    color: #caccd9;
}

.table-type03 td.left {
    text-align: left;
}

.table-type03 tbody:first-of-type tr:first-child th:first-child {
    border-top-left-radius: 10px;
}
.table-type03 tbody:first-of-type tr:first-child td:last-child {
    border-top-right-radius: 10px;
}
.table-type03 tbody:last-of-type tr:last-child th:first-child {
    border-bottom-left-radius: 10px;
}
.table-type03 tbody:last-of-type tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.table-type06 tbody tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.table-type06 tbody tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.table-type06 tbody tr:last-child th:first-child {
    border-bottom-left-radius: 10px;
}

.table-type06 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.table-type03 tbody:first-of-type tr:first-child td {
    border-top: 1px solid #afb2cf;
}

.table-type03 tbody:last-of-type tr:last-child td {
    border-bottom: 1px solid #afb2cf;
}

.table-type03 td:first-child {
    border-left: 1px solid #afb2cf;
}

.table-type03 td:last-child {
    border-right: 1px solid #afb2cf;
}

.table-type04-wrap {
    position: relative;
    border-radius: 10px;
    background-color: #f1f2f8;
    padding: 20px;
    margin-bottom:5px;
}

.table-type04 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
}

.table-type04 thead th {
    padding: 8px 15px 8px;
    text-align: center;
    line-height: 1.4em;
    font-size: 16px;
    vertical-align: middle;
    color: #364085;
    font-family: 'noto sans kr';
    font-weight: 500;
    word-break: break-word;
}
.table-type04.small-pd thead th {
    padding: 8px 5px 8px;
}
.table-type04 thead th {
    border-top:1px solid #d7daf1;
}
.table-type04 thead tr:first-child th {    
    border-top:0;
}



.table-type04 td {
    padding: 18px 15px 16px;
    text-align: center;
    border-top: 1px solid #d7daf1;
    border-bottom: 1px solid #d7daf1;
    line-height: 1.4em;
    font-size: 15px;
    vertical-align: middle;
    color: #444;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    background-color: #fff;
    transition: .25s;
    word-break:break-all;
}
.table-type04.small-pd td {
    padding: 18px 5px 16px;
}

.table-type04 td .statue01 {
    font-size: 26px;
    color: #f35988;
}

.table-type04 td .statue02 {
    font-size: 26px;
    color: #caccd9;
}
.table-type04 td .tit {
	display: inline-block; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: normal; 
	line-height: 1.2; 
	height: 1.2em; 
	text-align: left; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}
.table-type04 td .cont {
	display: inline-block; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: normal; 
	line-height: 1.2; 
	height: 1.2em; 
	text-align: left; 
	word-wrap: break-word; 
	display: -webkit-box; 
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}

.table-type04 tbody td:first-child {
    border-left: 1px solid #d7daf1;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.table-type04 tbody td:last-child {
    border-right: 1px solid #d7daf1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table-type04 tbody tr:hover,
.table-type04 tbody tr.active {
    border: 1px solid #9ea4d0;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
    box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
}

.table-type04 tbody tr:hover td,
.table-type04 tbody tr.active td {
    border-top: 1px solid #9ea4d0;
    border-bottom: 1px solid #9ea4d0;
}

.table-type04 tbody tr:hover td:first-child,
.table-type04 tbody tr.active td:first-child {
    border-left: 1px solid #9ea4d0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.table-type04 tbody tr:hover td:last-child,
.table-type04 tbody tr.active td:last-child {
    border-right: 1px solid #9ea4d0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table-type01 td span[class="icon-trashcan"],
.table-type01 td[class="icon-add-dir"] {
	font-size:20px;
	color:#364085;
}
.table-type04 td span[class="icon-trashcan"] {
	font-size:20px;
	color:#364085;
}

.table-type05 td span[class="icon-add-dir"] {
	font-size:20px;
	color:#364085;
}

.table-type05 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
}

.table-type05 thead th {
    padding: 0 15px 10px;
    text-align: center;
    line-height: 1.4em;
    font-size: 16px;
    vertical-align: middle;
    color: #364085;
    font-family: 'noto sans kr';
    font-weight: 500;
}

.table-type05 td {
    padding: 22px 10px;
    text-align: center;
    border-top: 1px solid #d7daf1;
    border-bottom: 1px solid #d7daf1;
    line-height: 1.4em;
    font-size: 15px;
    vertical-align: middle;
    color: #444;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    background-color: #fff;
    transition: border .25s;
    word-break:break-all;
}

.table-type05 td:first-child {
    padding-left: 20px;
}

.table-type05 td .statue01 {
    font-size: 26px;
    color: #f35988;
}

.table-type05 td .statue02 {
    font-size: 26px;
    color: #caccd9;
}

.table-type05 tbody td:first-child {
    border-left: 1px solid #d7daf1;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.table-type05 tbody td:last-child {
    border-right: 1px solid #d7daf1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table-type05 tbody tr:hover,
.table-type05 tbody tr.active {
    border: 1px solid #9ea4d0;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
    box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
}

.table-type05 tbody tr:hover td,
.table-type05 tbody tr.active td {
    border-top: 1px solid #9ea4d0;
    border-bottom: 1px solid #9ea4d0;
}

.table-type05 tbody tr:hover td:first-child,
.table-type05 tbody tr.active td:first-child {
    border-left: 1px solid #9ea4d0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.table-type05 tbody tr:hover td:last-child,
.table-type05 tbody tr.active td:last-child {
    border-right: 1px solid #9ea4d0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.mileage-division {
    font-size: 13px;
    color: #666faf;
    padding: 2px 10px;
    border-radius: 2em;
    margin-right: 10px;
    font-family: 'noto sans kr';
    border: 1px solid #7e84ae;
}

.mileage-division.col01 {
    color: #fff;
    background-color: #db6747;
    border: 0;
}

.mileage-division.col02 {
    color: #fff;
    background-color: #3879c3;
    border: 0;
}

.mileage-division.col03 {
    color: #fff;
    background-color: #6049a4;
    border: 0;
}

.mileage-division.col04 {
    color: #fff;
    background-color: #00a1c4;
    border: 0;
}

.table-type05 tbody td .mileage-user {
    font-size: 14px;
    color: #364085;
    font-family: 'noto sans kr';
}

.table-type05 tbody td .mileage-ing-tit {
    font-size: 14px;
    color: #999999;
    font-family: 'noto sans kr';
}

.table-type05 tbody td .mileage-ing-num {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-left: 5px;
    font-family: 'noto sans kr';
}

.table-type05 tbody td .mileage-accure-tit {
    font-size: 14px;
    color: #999999;
    font-family: 'noto sans kr';
}

.table-type05 tbody td .mileage-accure-num {
    font-size: 15px;
    color: #bbbbbb;
    margin-left: 5px;
    font-family: 'noto sans kr';
    vertical-align: middle;
}

.table-type05 tbody td .mileage-accure-num .point {
    color: #333;
}

.table-type05 tbody td .mileage-title {
    font-size: 16px;
    color: #000;
    font-family: 'noto sans kr';
}

.table-type05 tbody td .mileage-date-line {
    display: inline-block;
}

.table-type05 tbody td .mileage-date-tit {
    position: relative;
    font-size: 14px;
    color: #888;
    font-family: 'noto sans kr';
    padding-left: 7px;
    vertical-align: middle;
}

.table-type05 tbody td .mileage-date-tit:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 3px;
    height: 2px;
    background-color: #dadada;
}

.table-type05 tbody td .mileage-date-tit.second {
    margin-left: 20px;
}

.table-type05 tbody td .mileage-date-tit.red {
    color: #f75252;
}

.table-type05 tbody td .mileage-date {
    font-size: 14px;
    color: #555;
    font-family: 'noto sans kr';
    padding-left: 5px;
    vertical-align: middle;
}

.table-type05 tbody td .mileage-tit {
    font-size: 14px;
    color: #999;
    font-family: 'noto sans kr';
    padding-right: 10px;
    vertical-align: middle;
}

.table-type05 tbody td .mileage-point {
    font-size: 22px;
    padding-left: 10px;
    color: #aaa;
    font-family: 'noto sans kr';
    font-weight: 700;
    vertical-align: middle;
}

.table-type05 tbody td .mileage-num {
    font-size: 14px;
    color: #9ea4d0;
    font-family: 'noto sans kr';
    font-weight: 500;
    vertical-align: middle;
}

.table-type05 tbody td .mileage-img {
    display: inline-block;
    width: 98px;
    height: 77px;
    overflow: hidden;
}

.table-type05 tbody td .mileage-img img {
    width: 98px;
    height: 77px;
}

.table-type05 tbody td .mileage-point.col01 {
    color: #aaa;
}

.table-type05 tbody td .mileage-point.col02 {
    color: #3e77df;
}

.table-type05 tbody td .mileage-point.col03 {
    color: #d66546;
}

.table-type05 tbody td .statue-txt {
    vertical-align: middle;
    font-size: 14px;
    color: #f75252;
    font-family: 'noto sans kr';
    margin-right: 30px;
}

.table-type05 tbody td .statue-txt.col01 {
    color: #f75252;
}

.table-type05 tbody td .statue-txt.col02 {
    color: #2549b0;
}

.table-type05 tbody td .statue-txt.col03 {
    color: #26a8ba;
}

.table-type05 tbody td .statue-icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 34px;
    font-size: 24px;
    border-radius: 6px;
    background-color: #ffe7e7;
    color: #f75252;
}

.table-type05 tbody td .statue-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.table-type05 tbody td .statue-icon.col01 {
    background-color: #ffe7e7;
    color: #f75252;
}

.table-type05 tbody td .statue-icon.col02 {
    background-color: #dfdef4;
    color: #2549b0;
}

.table-type05 tbody td .statue-icon.col03 {
    background-color: #e9f6f8;
    color: #26a8ba;
}

.table-type05 tbody td.one-col {
    background-color: #f1f2f8;
    border-radius: 8px;
    border: 1px solid #f1f2f8;
    text-align: left;
}

.table-type05 tbody td.one-col .detail-box {
    display: inline-block;
    width: 100%;
}

.table-type05 tbody td.one-col .detail-box .tit {
    position: relative;
    float: left;
    font-size: 14px;
    color: #555;
    padding: 9px 15px 9px 0;
    line-height: 1.6em;
}

.table-type05 tbody td.one-col .detail-box .tit:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 8px;
    background-color: #d6d9e5;
}

.table-type05 tbody td.one-col .detail-box .tit02 {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 1.6em;
}

.table-type05 tbody td.one-col .detail-box .cont {
    float: left;
    font-size: 14px;
    color: #555;
    padding: 9px 0 9px 15px;
    line-height: 1.6em;
}

.table-type05 tbody td.one-col .detail-box .cont.red {
    color: #f75252;
}

.table-type05 tbody td.one-col .detail-box .cont02 {
    margin-top: 10px;
    font-size: 13px;
    color: #333;
    line-height: 1.6em;
}

.table-type05 tbody tr.hidden-tr,
.table-type05 tbody tr.hidden-tr td {
    display: none;
}

.table-type05 tbody tr.hidden-tr.on {
    display: table-row;
}

.table-type05 tbody tr.hidden-tr.on td {
    display: table-cell;
}

.table-type05 tbody tr.hidden-tr:hover {
    border: 1px solid #f1f2f8;
    box-shadow: none;
}

.table-type05 tbody tr.hidden-tr:hover td {
    border: 1px solid #f1f2f8;
}

.table-type05 tbody tr {
    /*cursor: pointer;*/
}

.mileage-btn-col01 {
    background-color: #f14848 !important;
    border: 2px solid #f14848 !important;
}

.mileage-btn-col02 {
    background-color: #364085 !important;
    border: 2px solid #364085 !important;
}

.mileage-btn-col03 {
    background-color: #3879c3 !important;
    border: 2px solid #3879c3 !important;
}

.mileage-btn-col04 {
    background-color: #00a1c4 !important;
    border: 2px solid #00a1c4 !important;
}

.mileage-btn-col05 {
    color: #232b66 !important;
    background-color: #d7daf1 !important;
    border: 2px solid #d7daf1 !important;
}

.table-type05 tbody tr.hidden-tr .row:after {
    display: inline-block;
}

.table-type06 tbody th {
    background: #f7f8fb;
    border-bottom: 1px solid #dcdff1;
    border-right: 1px solid #dcdff1;
    color: #666faf;
}

.table-type06 tbody tr:first-child th,
.table-type06 tbody tr:first-child td {
    border-top: 1px solid #afb2cf;
}

.table-type06 tbody tr:last-child th,
.table-type06 tbody tr:last-child td {
    border-bottom: 1px solid #afb2cf;
}

.table-type06 tbody tr th:first-child {
    border-left: 1px solid #afb2cf;
}

.table-type06 tbody tr td:last-child {
    border-right: 1px solid #afb2cf;
}

.table-type06 tbody td {
	background: #fff;
    text-align: left;
}

.table-type07 {
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow:hidden;
    border:1px solid #9a9dac;
}

.table-type07 thead th {
    padding: 16px 15px 14px;
    text-align: center;
    line-height: 1.4em;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    font-family: 'noto sans kr';
    background-color: #4f5685;
    border-radius: 0;
    border-right: 1px solid #9a9dac;
    border-bottom: 1px solid #9a9dac;
}

.table-type07 thead tr th:last-child {
    border-right: 0;
}
.table-type07 thead tr:last-child th {
    border-bottom: 0;
}
.table-type07 thead tr:first-child th:first-child {
    border-top-left-radius: 8px;
}
.table-type07 thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
}
.table-type07 tbody tr td:first-child {
    border-bottom-left-radius: 8px;
}
.table-type07 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.table-type07 tbody tr td.tit {
	font-weight:500;
	color:#333;
}

.table-type07 tbody tr td.result {
	background-color: #edfbe8;
    color:#364085;
    font-weight:500;
}
.table-type07 tbody th {
    padding: 15px 15px 14px;
    text-align: center;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    border-right: 1px solid #dcdff1;
    background-color: #fff;
}
.table-type07 td {
    padding: 15px 15px 14px;
    text-align: center;
    border-top: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    border-right: 1px solid #dcdff1;
    background-color: #fff;
    word-break:break-all;
}
.table-type07 td.pd-none {
    padding: 15px 0 14px;    
}
.table-type07 td:last-child {
    border-right: 0;
}
.table-type07 td.left {
    text-align: left;
}

.table-type08 {
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
}

.table-type08 thead th {
    padding: 12px 10px 10px;
    text-align: center;
    line-height: 1.4em;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    font-family: 'noto sans kr';
    background-color: #5f6697;
    border-radius: 0;
}

.table-type08 thead tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.table-type08 thead tr:first-child th:last-child {
    border-top-right-radius: 10px;
}


.table-type08 tbody th {
    padding: 15px 10px 13px;
    text-align: center;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    background-color: #fff;
}

.table-type08 td {
    padding: 15px 10px 13px;
    text-align: center;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 13px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    background-color: #fff;
    word-break:break-all;
}

.table-type08 td .statue01 {
    font-size: 26px;
    color: #f35988;
}

.table-type08 td .statue02 {
    font-size: 26px;
    color: #caccd9;
}
.table-type08 td .per-normal {
	color:#ff515d;
}
.table-type08 td .per-full {
	color:#176fd8;
}

.table-type08 td.left {
    text-align: left;
}

.table-type08 tbody tr.total td {
    background-color: #eaecf1 !important;
}

.table-type08 tbody tr:last-child td:first-child,
.table-type08 tbody tr:last-child th:first-child {
    border-bottom-left-radius: 8px;
}

.table-type08 tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.table-type08 tbody tr:last-child td,
.table-type08 tbody tr:last-child th {
    border-bottom: 1px solid #afb2cf;
}

.table-type08 td:first-child {
    border-left: 1px solid #afb2cf;
}

.table-type08 tbody th {
    border-left: 1px solid #afb2cf;
}

.table-type08 td:last-child {
    border-right: 1px solid #afb2cf;
}


/*header 고정 테이블*/
.table-wrap.max300 {
	overflow:scroll;
	position:relative;
	max-height:300px;
}
.table-type09 {
	position:relative;
	border-collapse: collapse;
	min-width:1200px;	
}
.table-type09 thead th {
	position: -webkit-sticky; /* for Safari */
  	position: sticky;
  	top:0;
    padding: 16px 15px 14px;
    text-align: center;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    font-family: 'noto sans kr';
    background-color: #f1f2f8;
    border-radius: 0;
    z-index:100;
}
.table-type09 thead th:before {
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#7e84ae;
}
.table-type09 thead th:after {
	position:absolute;
	content:'';
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background-color:#7e84ae;
}
.table-type09 thead th:first-child {
  left: 0;
  z-index: 120;
}
.table-type09 tbody tr.active {
    background-color: #d4d8e3;
}
.table-type09 td {
    padding: 15px 15px 14px;
    text-align: center;
    border-bottom: 1px solid #dcdff1;
    line-height: 1.4em;
    font-size: 14px;
    vertical-align: middle;
    color: #555;
    font-family: 'noto sans kr';
    font-weight: 400;
    border-radius: 0;
    word-break:break-all;
}
.table-type09 tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  text-align:center;
  border-bottom: 1px solid #dcdff1;
  background-color:#fff;
  z-index:100;
  padding: 15px 15px 14px;
  line-height: 1.4em;
  font-size: 14px;
  vertical-align: middle;
  color: #555;
  font-family: 'noto sans kr';
  font-weight: 400;
}
.table-type09 tbody tr:nth-child(even) th {
    background-color: #f7f8fb;
}
.table-type09 td.left {
    text-align: left;
}
.table-type09 tbody tr:nth-child(even) {
    background-color: #f7f8fb;
}
.table-type09.td-no-bg tbody tr:nth-child(even) {
    background: #fff;
}


.jui table th.top {
    vertical-align: top;
}

/*게시판*/

.board-statue-new {
	display:inline-block;
	width:40px;
	height:20px;
	background-color:#5664cc;
	border-radius:3px;
	text-align:center;
	line-height:22px;
	color:#fff;
	font-size:10px;
	font-weight:600;
	font-family:'montserrat';
	vertical-align:middle;
	margin:0 2px;
}
.board-statue-hot {
	display:inline-block;
	width:40px;
	height:20px;
	background-color:#f35a7e;
	border-radius:3px;
	text-align:center;
	line-height:22px;
	color:#fff;
	font-size:10px;
	font-weight:600;
	font-family:'montserrat';
	vertical-align:middle;
	margin:0 2px;
}

.board-info-txt {
    display: inline-block;
    font-size: 14px;
    color: #666;
    font-weight: 300;
    line-height: 1.2em;
    font-family: 'noto sans kr';
}

.board-info-txt span {
    font-weight: 500;
    color: #e72956;
}

.board-info-txt.size-xs {
    padding: 4px 0;
}

.board-info-txt.size-s {
    padding: 8px 0;
}

.board-info-txt.size-m {
    padding: 10px 0;
}

.board-info-txt.size-l {
    padding: 16px 0;
}

/*상단 info text margin*/
.top-info-line {
	margin:15px 0;
}


/*게시판 text제목형*/

.board-text-tit {
    border-top: 2px solid #7e84ae;
}

.board-text-tit .list {
    width: 100%;
    min-height: 98px;
    border-bottom: 1px solid #dcdff1;
    display: table;
    transition: .3s;
}

.board-text-tit .list:hover {
    background-color: #f1f2f8;
}
.board-text-tit .list.sub {
	position:relative;
}

.board-text-tit .list .num {
    display: table-cell;
    width: 98px;
    vertical-align: middle;
    text-align: center;
    color: #666faf;
    font-weight: 600;
    font-family: 'montserrat';
}
.board-text-tit .list.sub .num {
	position:relative;
    padding-left:90px;
	padding-right:30px;
}
.board-text-tit .list.sub .num:before {
	position:absolute;
	left:40px;
	top:50%;
	transform:translateY(-50%);
	content:'\e947';
	font-family:'feather';
	color:#f35a7e;
	font-size:22px;
	font-weight:400;
}

.board-text-tit .list .num .notice {
    position: relative;
    font-weight: 500;
    color: #f35988;
    padding-left: 28px;
    font-family: 'noto sans kr';
}

.board-text-tit .list .num .notice:before {
    position: absolute;
    font-size: 24px;
    top: 0;
    left: 0;
}

.board-text-tit .list .list-content {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding: 25px 25px 25px 0;
}

.board-text-tit .list .list-content .cont-tit {
    display: block;
    font-size: 18px;
    line-height: 1.6em;
    color: #000;
    font-family: 'noto-sans-kr';
    padding-bottom: 10px;
    line-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.board-text-tit .list .list-content .cont-tit a {
    font-family: 'noto sans kr';
}

.board-text-tit .list .list-content .cont-tit .file {
    font-size: 22px;
    color: #364085;
    margin-left: 10px;
}

.board-text-tit .list .list-content .etc {
    position: relative;
    display: inline-block;
    color: #555;
    padding-left: 28px;
    font-weight: 300;
    margin: 5px 20px 5px 0;
    font-family: 'noto sans kr';
}

.board-text-tit .list .list-content .etc:before {
    position: absolute;
    font-size: 20px;
    top: -2px;
    left: 0;
    color: #9a9dac;
}


/*게시판 text제목+내용형*/

.board-text-cont {
    border-top: 2px solid #7e84ae;
}

.board-text-cont .list {
    width: 100%;
    border-bottom: 1px solid #dcdff1;
    display: table;
    transition: .3s;
}

.board-text-cont .list:hover {
    background-color: #f1f2f8;
}

.board-text-cont .list.sub {
	position:relative;
}


.board-text-cont .list .num {
    display: table-cell;
    width: 98px;
    vertical-align: middle;
    text-align: center;
    color: #666faf;
    font-weight: 600;
    font-family: 'montserrat';
}
.board-text-cont .list.sub .num {
	position:relative;
    padding-left:90px;
	padding-right:30px;
}
.board-text-cont .list.sub .num:before {
	position:absolute;
	left:40px;
	top:50%;
	transform:translateY(-50%);
	content:'\e947';
	font-family:'feather';
	color:#f35a7e;
	font-size:22px;
	font-weight:400;
}

.board-text-cont .list .num .notice {
    position: relative;
    font-weight: 500;
    color: #f35988;
    padding-left: 28px;
    font-family: 'noto sans kr'
}

.board-text-cont .list .num .notice:before {
    position: absolute;
    font-size: 24px;
    top: 0px;
    left: 0;
}

.board-text-cont .list .list-content {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding: 25px 25px 25px 0;
}

.board-text-cont .list .list-content .cont-tit {
    display: block;
    font-size: 18px;
    line-height: 1.6em;
    color: #000;
    font-family: 'noto-sans-kr';
    margin-bottom: 10px;
}

.board-text-cont .list .list-content .cont-tit a {
    font-family: 'noto sans kr';
}

.board-text-cont .list .list-content .cont-tit .file {
    font-size: 22px;
    color: #364085;
    margin-left: 10px;
}

.board-text-cont .list .list-content .cont-text {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 1.4em;
    margin-bottom: 10px;
    font-weight: 300;
}

.board-text-cont .list .list-content .etc {
    position: relative;
    display: inline-block;
    color: #555;
    padding-left: 28px;
    font-weight: 300;
    margin: 5px 20px 5px 0;
    font-family: 'noto sans kr';
}

.board-text-cont .list .list-content .etc:before {
    position: absolute;
    font-size: 20px;
    top: -2px;
    left: 0;
    color: #9a9dac;
}


/*게시판 thumbnail+text*/

.board-thumb-text {
    border-top: 2px solid #7e84ae;
}

.board-thumb-text .list {
    width: 100%;
    border-bottom: 1px solid #dcdff1;
    display: table;
    transition: .3s;
}

.board-thumb-text .list:hover {
    background-color: #f1f2f8;
}

.board-thumb-text .list .thumb {
    display: table-cell;
    padding: 24px 0 24px 28px;
    vertical-align: middle;
    width: 250px;
}

.board-thumb-text .list .thumb .image {
	position:relative;
    display: inline-block;
    width: 100%;
    min-width: 250px;
    height: 170px; /*20200117 | 허주원 | 동명대수정*/
    background-color: #f1f2f8;
}

.board-thumb-text .list .thumb .image .alert-line {
	position:absolute;
    top:10px;
    left:10px;
    z-index:100;
}
.board-thumb-text .list .thumb .image .alert-line .dday {
	float:left;
	display:inline-block;
	padding:5px 10px 6px;
	background-color:rgba(0,0,0,0.6);
	font-size:14px;
	color:#fff;
	font-family:'montserrat';
	margin:0 2px;
}
.board-thumb-text .list .thumb .image .alert-line .statue {
	display:inline-block;
	padding:5px 10px 6px;
	font-size:14px;
	color:#fff;
	font-family:'noto sans kr';
	margin:0 2px;
}
.board-thumb-text .list .thumb .image .alert-line .statue.type01 {
	background-color:#3e6ae6;
}
.board-thumb-text .list .thumb .image .alert-line .statue.type02 {
	background-color:#ec4646;
}
.board-thumb-text .list .thumb .image .end-layer {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:100;
}
.board-thumb-text .list .thumb .image .end-layer .txt {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	font-size:16px;
	color:#fff;
	width:152px;
	padding-top:45px;
}
.board-thumb-text .list .thumb .image .end-layer .txt:before {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	content:'\e97e';
	color:#fff;
	font-size:30px;
	font-family:'feather';
}

.board-thumb-text .list .thumb .image img {
	position:relative;
    width: 100%;
    height:100%; /*20200117 | 허주원 | 동명대수정*/
    z-index:10;
}

.board-thumb-text .list:hover .thumb .image {
    background-color: #e3e5ed;
}

.board-thumb-text .list .list-content {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding: 25px 25px 25px 25px;
}

.board-thumb-text .list .list-content .cate-line {
    display: block;
    text-align: left;
}
.board-thumb-text .list .list-content .cate-line .division {
    font-size:16px;
    color:#666faf;
    font-weight:500;
    font-family:'noto sans kr';
}
.board-thumb-text .list .list-content .cate-line .star {
    margin-left:10px;
    padding-left:15px;
    font-size:15px;
    color:#333;
    font-family:'noto sans kr';
    background-image:url(/service/design/images/ability/icon_star_full.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:12px;
}

.board-thumb-text .list .list-content .num {
    display: block;
    padding-bottom: 15px;
    text-align: left;
    color: #666faf;
    font-weight: 600;
    font-family: 'montserrat';
}

.board-thumb-text .list .num .notice {
    position: relative;
    font-weight: 500;
    color: #f35988;
    padding-left: 28px;
    font-family: 'noto sans kr'
}

.board-thumb-text .list .num .notice:before {
    position: absolute;
    font-size: 24px;
    top: 0px;
    left: 0;
}

.board-thumb-text .list .list-content .cont-tit {
    display: block;
    font-size: 18px;
    color: #000;
    font-family: 'noto-sans-kr';
    padding-bottom: 10px;
}

.board-thumb-text .list .list-content .cont-tit a {
    font-family: 'noto sans kr';
}

.board-thumb-text .list .list-content .cont-tit .file {
    font-size: 22px;
    color: #364085;
    margin-left: 10px;
}

.board-thumb-text .list .list-content .cont-text {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 1.4em;
    margin-bottom: 15px;
    font-weight: 300;
}

.board-thumb-text .list .list-content .etc {
    position: relative;
    color: #555;
    padding-left: 28px;
    font-weight: 300;
    margin: 5px 20px 5px 0;
    font-family: 'noto sans kr';
}

.board-thumb-text .list .list-content .etc:before {
    position: absolute;
    font-size: 20px;
    top: 0px;
    left: 0;
    color: #9a9dac;
}

.board-thumb-text .list .list-content .statue-box {
    position: relative;   
    margin-top:20px; 
    clear: both;
    display: inline-block;
    width: 100%;
}
.board-thumb-text .list .list-content .statue-box .statue-cont {
    margin-right:20px; 
}
.board-thumb-text .list .list-content .statue-box .statue-cont .tit {
    color: #555;
    font-weight: 300;
    margin-right:10px;
}
.board-thumb-text .list .list-content .statue-box .statue-cont .statue01 {
    font-size: 22px;
    color: #f35988;
}

.board-thumb-text .list .list-content .statue-box .statue-cont .statue02 {
    font-size: 22px;
    color: #caccd9;
}


/*게시판 card형*/

.board-card {}

.board-card .list-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.board-card .list {
    float: left;
    display: inline-block;
    width: 32%;
    border: 1px solid #caccd9;
    border-radius: 8px;
    transition: .3s;
    margin: 0.653%;
    padding: 30px;
}

.board-card .list:hover {
    border: 1px solid #9ea4d0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(158, 164, 208, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(158, 164, 208, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(158, 164, 208, 0.3);
}

.board-card .list .num {
    float: left;
    text-align: left;
    color: #666faf;
    font-weight: 600;
    font-family: 'montserrat';
    min-height: 20px;
}

.board-card .list .num .notice {
    position: relative;
    font-weight: 500;
    color: #f35988;
    padding-left: 28px;
    font-family: 'noto sans kr'
}

.board-card .list .num .notice:before {
    position: absolute;
    font-size: 24px;
    top: 0px;
    left: 0;
}

.new-board-type {
    position: relative;
    line-height: 45px;
    font-weight: 500;
    padding-left: 50px;
    font-family: 'noto sans kr';
}

.new-board-type:before {
    position: absolute;
    font-size: 24px;
    color: #fff;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    line-height: 45px;
}

.new-board-type.type01 {
    color: #1852c8;
}

.new-board-type.type01:before {
    background-color: #1852c8;
}

.new-board-type.type02 {
    color: #ea5664;
}

.new-board-type.type02:before {
    background-color: #ea5664;
}

.new-board-type.type03 {
    color: #e98612;
}

.new-board-type.type03:before {
    background-color: #e98612;
}

.new-board-type.type04 {
    color: #7f51a3;
}

.new-board-type.type04:before {
    background-color: #7f51a3;
}

.board-card .list .file {
    float: right;
    text-align: left;
    font-size: 18px;
    color: #364085;
}

.board-card .list .cont-tit {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    font-size: 18px;
    color: #000;
    font-family: 'noto-sans-kr';
}

.board-card .list .cont-tit a {
    font-family: 'noto sans kr';
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    color: #000;
    line-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 2.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.board-card .list .cont-text {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #666;
    line-height: 1.4em;
    padding-bottom: 15px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 2.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.board-card .list .etc-wrap {
    background-color: #f6f6f8;
    margin: 0 -30px -30px;
    padding: 10px 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #cfd2e0;
}

.board-card .list .etc {
    position: relative;
    display: inline-block;
    color: #555;
    padding-left: 28px;
    font-weight: 300;
    margin: 5px 20px 5px 0;
    font-family: 'noto sans kr';
}

.board-card .list .etc:before {
    position: absolute;
    font-size: 20px;
    top: -2px;
    left: 0;
    color: #7e84ae;
}


/*게시판 card+image형*/

.board-card-image {
	
}

.board-card-image .list-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}

.board-card-image .list {
    float: left;
    display: inline-block;
    width: 23.2%;
    border: 1px solid #caccd9;
    border-radius: 8px;
    transition: .3s;
    margin: 0.87%;
    height: 100%;
}

.board-card-image .list:hover {
    border: 1px solid #9ea4d0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(158, 164, 208, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(158, 164, 208, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(158, 164, 208, 0.3);
}

.board-card-image .list .num {
    float: left;
    text-align: left;
    color: #666faf;
    font-weight: 600;
    font-family: 'montserrat';
    min-height: 40px;
    padding: 12px 20px;
}

.board-card-image .list .num .notice {
    position: relative;
    font-weight: 500;
    color: #f35988;
    padding-left: 28px;
    font-family: 'noto sans kr'
}

.board-card-image .list .num .notice:before {
    position: absolute;
    font-size: 24px;
    top: 0px;
    left: 0;
}

.board-card-image .list .file {
    float: right;
    text-align: left;
    font-size: 18px;
    color: #364085;
    padding: 12px 20px;
}

.board-card-image .list .file span.file {
    padding: 0;
}

.board-card-image .list .image {
    display: inline-block;
    width: 100%;
    background-color: #f1f2f8;
}

.board-card-image .list .image img {
	display: block;
    width: 100%;
}

.board-card-image .list .cont-inner {
    padding: 15px 20px;
}

.board-card-image .list .cont-tit {
    clear: both;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #000;
    font-family: 'noto-sans-kr';
    margin-bottom: 10px;
}

.board-card-image .list .cont-tit a {
    font-family: 'noto sans kr';
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #000;
    line-height: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 2.6em;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.board-card-image .list .etc {
    position: relative;
    display: inline-block;
    color: #555;
    padding-left: 28px;
    font-weight: 300;
    margin: 5px 20px 5px 0;
    font-family: 'noto sans kr';
    min-height:18px;
}

.board-card-image .list .etc:before {
    position: absolute;
    font-size: 20px;
    top: -2px;
    left: 0;
    color: #9a9dac;
}


/*게시판 뷰 페이지*/

.board-view-page {
    position: relative;
}

.board-view-page .head-box {
    border: 3px solid #666faf;
    border-radius: 8px;
    padding: 25px;
    text-align: center;
}

.board-view-page .head-box .title {
    font-size: 22px;
    color: #000;
    line-height: 1.4em;
    font-family: 'noto sans kr';
    margin-bottom: 10px;
}

.board-view-page .head-box .etc {
    position: relative;
    display: inline-block;
    color: #555;
    padding-left: 28px;
    font-weight: 300;
    margin: 5px 20px 5px 0;
    font-family: 'noto sans kr';
}

.board-view-page .head-box .etc:last-of-type {
    margin-right: 0;
}

.board-view-page .head-box .etc:before {
    position: absolute;
    font-size: 20px;
    top: -2px;
    left: 0;
    color: #9a9dac;
}

.board-view-page .view-cont-box {
    padding: 40px;
    color: #444;
    line-height: 1.6em;
    font-family: 'noto sans kr';
    font-weight: 300;
}

.board-view-page .view-cont-box .img-box {
    text-align: center;
}

.board-view-page .view-cont-box .img-box img {
    width: 840px;
    height: 560px;
    margin: 10px;
}

.board-view-page .file-box {
    position: relative;
    border: 1px solid #9ea4d0;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
}

.board-view-page .file-box:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 144px;
    height: 100%;
    background-color: #eceef7;
}

.board-view-page .file-box .tit {
    width: 144px;
    text-align: center;
    padding: 20px;
    background-color: #eceef7;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: table-cell;
    vertical-align: middle;
}

.board-view-page .file-box .tit .icon {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #364085;
    padding-left: 25px;
}

.board-view-page .file-box .tit .icon:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
}

.board-view-page .file-box .file-list {
    padding: 20px;
    border-left: 1px solid #dcdff1;
    display: table-cell;
    vertical-align: middle;
}

.board-view-page .file-box .file-list span {
    display: block;
    padding: 5px 0;
    font-weight: 300;
    line-height: 1.6em;
}

.board-view-page .comment-wrap {
	position:relative;
	margin:30px 0 20px;
}
.board-view-page .comment-wrap .tit {
	font-size:16px;
	color:#364085;
	font-weight:600;
	font-family:'montserrat';
	padding:0 10px;
}
.board-view-page .comment-wrap .comment-box {
	margin-top:5px;
	background-color:#f1f2f8;
	padding:20px 30px;
	border-radius:8px;
}
.board-view-page .comment-wrap .comment-box .comment-list {
	position:relative;
}
.board-view-page .comment-wrap .comment-box .comment-list .list {
	position:relative;
	display: inline-block;
	width:100%;
	padding:15px 0;
	border-bottom:1px dashed #d0d2e3;
}
.board-view-page .comment-wrap .comment-box .comment-list .list:last-child {
	border-bottom:0px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list.sub {
	position:relative;
	padding-left:35px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list.sub:before {
    position: absolute;
    left: 10px;
    top: 20px;
    content: '\e947';
    font-family: 'feather';
    color: #f35a7e;
    font-size: 20px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .photo {
	float:left;
    display: inline-block;
    width:36px;
    height:36px;
    border-radius:50%;
    margin-right:15px;
    vertical-align: middle;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .photo .icon {
	position: relative;
    display: inline-block;
    width:36px;
    height:36px;
    background-color:#666faf;
    color:#9ea4d0;
	border-radius: 50%;
	font-size:20px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .photo .icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.board-view-page .comment-wrap .comment-box .comment-list .list .photo img {
    position: relative;
    width:36px;
    height:36px;
    z-index: 20;
    border-radius:50%;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line {
	overflow:hidden;
	margin-top:5px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .form-group {
	margin-bottom:0.5rem;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .name {
	float:left;
	display:inline-block;
	font-size:14px;
	color:#364085;
	font-weight:500;	
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .date {
	float:left;
	display:inline-block;
	font-size:13px;
	color:#7e84ae;
	font-weight:400;
	margin-left:20px;
	font-family:'montserrat';
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .time {
	float:left;
	display:inline-block;
	font-size:13px;
	color:#7e84ae;
	font-weight:400;
	margin-left:10px;
	font-family:'montserrat';
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .btn-box {
	display:inline-block;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .btn-box a {
	position:relative;
	display:inline-block;
	font-size:13px;
	color:#666;
	font-weight:300;
	padding:1px 0 1px 15px;
	margin-left:20px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .btn-box a:before {
	position:absolute;
	top:2px;
	left:0;
	color:#666faf;
	font-size:14px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .btn-box a:first-child {	
	margin-left:0px;
}
.board-view-page .comment-wrap .comment-box .comment-list .list .cont-line .cont-txt {
	font-size:13px;
	color:#666;
	font-weight:300;
	font-family:'noto sans kr';	
    word-break: break-word;
    line-height:1.6em;
}
.board-view-page .comment-wrap .comment-box .comment-write {
	position:relative;
	display: inline-block;
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #d0d2e3;
}
.board-view-page .comment-wrap .comment-box .comment-write .photo {
	float:left;
    display: inline-block;
    width:36px;
    height:36px;
    border-radius:50%;
    margin-right:15px;
    vertical-align: middle;
}
.board-view-page .comment-wrap .comment-box .comment-write .photo .icon {
	position: relative;
    display: inline-block;
    width:36px;
    height:36px;
    background-color:#666faf;
    color:#9ea4d0;
	border-radius: 50%;
	font-size:20px;
}
.board-view-page .comment-wrap .comment-box .comment-write .photo .icon:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.board-view-page .comment-wrap .comment-box .comment-write .photo img {
    position: relative;
    width:36px;
    height:36px;
    z-index: 20;
    border-radius:50%;
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line {
	overflow:hidden;
	margin-top:5px;
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .form-group {
	margin-bottom:0.5rem;
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .name {
	float:left;
	display:inline-block;
	font-size:14px;
	color:#364085;
	font-weight:500;	
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .date {
	float:left;
	display:inline-block;
	font-size:13px;
	color:#7e84ae;
	font-weight:400;
	margin-left:20px;
	font-family:'montserrat';
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .time {
	float:left;
	display:inline-block;
	font-size:13px;
	color:#7e84ae;
	font-weight:400;
	margin-left:10px;
	font-family:'montserrat';
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .btn-box {
	display:inline-block;
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .btn-box a {
	position:relative;
	display:inline-block;
	font-size:13px;
	color:#666;
	font-weight:300;
	padding:1px 0 1px 15px;
	margin-left:20px;
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .btn-box a:before {
	position:absolute;
	top:2px;
	left:0;
	color:#666faf;
	font-size:14px;
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .btn-box a:first-child {	
	margin-left:0px;
}
.board-view-page .comment-wrap .comment-box .comment-write .cont-line .btn {
	height:90px !important;
	line-height:3.5em;
	width:100%;
}

.board-view-page .view-paging {
    margin-top: 10px;
    border: 1px solid #dcdff1;
    border-radius: 8px;
}

.board-view-page .view-paging .prev-line {
    float: left;
    padding: 20px;
    border-right: 1px solid #dcdff1;
    width: 50%;
}

.board-view-page .view-paging .prev-line .icon {
    position: relative;
    float: left;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 500;
    color: #364085;
    padding: 0 22px;
}

.board-view-page .view-paging .prev-line .icon:before {
    position: absolute;
    font-size: 22px;
    top: 0;
    left: 0;
}

.board-view-page .view-paging .prev-line .link-txt {
    position: relative;
    padding-left: 20px;
    color: #444;
    font-weight: 300;
    line-height: 1.6em;
    display: inline-block;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board-view-page .view-paging .prev-line .link-txt:before {
    position: absolute;
    content: '';
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #dcdff1;
}

.board-view-page .view-paging .next-line {
    display: inline-block;
    padding: 20px;
    width: 50%;
    text-align: right;
}

.board-view-page .view-paging .next-line .link-txt {
    position: relative;
    padding-right: 20px;
    color: #444;
    font-weight: 300;
    line-height: 1.6em;
    display: inline-block;
    width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board-view-page .view-paging .next-line .link-txt:before {
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #dcdff1;
}

.board-view-page .view-paging .next-line .icon {
    position: relative;
    float: right;
    line-height: 1.4em;
    font-size: 15px;
    font-weight: 500;
    color: #364085;
    padding: 0 22px;
}

.board-view-page .view-paging .next-line .icon:before {
    position: absolute;
    font-size: 22px;
    top: 0;
    right: 0;
}

/*board 쓰기페이지*/
.board-write-page {
	position:relative;
}
.board-write-page .form-inner-box {
	/* padding:0.75rem; */
	border-radius:7px;
	border:1px solid #d7daf1;
	min-height:400px;
	background-color:#fff;
}

.board-faq {
    position: relative;
    border-top: 2px solid #7e84ae;
}

.board-faq .list {
    position: relative;
    border-bottom: 1px solid #dcdff1;
}

.board-faq .list .question {
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
}

.board-faq .list .question:before {
    position: absolute;
    content: '\e92e';
    font-family: 'feather';
    font-size: 22px;
    color: #7b83ba;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.board-faq .list .question .statue-question {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background-color: #666faf;
    border-radius: 50%;
    font-family: 'montserrat';
}

.board-faq .list .question .txt {
    padding: 0 0 0 30px;
    font-size: 16px;
    color: #384286;
    line-height: 1.6em;
    font-family: 'noto sans kr';
}

.board-faq .list .answer {
    display: none;
    position: relative;
    padding: 20px 20px;
    background-color: #f1f2f8;
}

.board-faq .list .answer .statue-answer {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 36px;
    text-align: center;
    font-weight: 600;
    color: #364085;
    font-family: 'montserrat';
}

.board-faq .list .answer .txt {
    display: block;
    overflow: hidden;
    padding: 0 0 0 30px;
    font-size: 15px;
    color: #444;
    font-weight: 300;
    line-height: 1.6em;
    font-family: 'noto sans kr';
}


/*paging*/

.paginate {
    margin: 40px 0;
    text-align: center;
    font-size: 0;
    clear:both;
    display:inline-block;
    width:100%;
}

.paginate .first {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #666faf;
    border-radius: 6px;
    margin-right: 4px;
    line-height: 30px;
}

.paginate .first.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.paginate .first span {
    color: #fff;
    font-size: 18px;
}

.paginate .prev {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #666faf;
    border-radius: 6px;
    margin-right: 20px;
    line-height: 30px;
}

.paginate .prev.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.paginate .prev span {
    color: #fff;
    font-size: 18px;
}

.paginate .next {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #666faf;
    border-radius: 6px;
    margin-left: 20px;
    line-height: 32px;
}

.paginate .next.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.paginate .next span {
    color: #fff;
    font-size: 18px;
}

.paginate .last {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #666faf;
    border-radius: 6px;
    margin-left: 4px;
    line-height: 30px;
}

.paginate .last.disabled {
    opacity: .5;
    cursor: not-allowed;
}

.paginate .last span {
    color: #fff;
    font-size: 18px;
}

.paginate a {
    vertical-align: middle;
}

.paginate span strong {
    vertical-align: middle;
}

.paginate span a {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: #888;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}

.paginate span a.active {
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #9ea4d0;
    color: #364085;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
    box-shadow: 0px 0px 3px 0px rgba(158, 164, 208, 1);
}


/*모바일 페이징*/

.paginate span {
    display: inline-block;
    font-size: 14px;
    color: #888;
    font-weight: 500;
    line-height: 33px;
    vertical-align: middle;
    font-family: 'montserrat';
}

.paginate span .present {
    font-size: 14px;
    font-weight: 600;
    color: #364085;
    padding: 0 5px 0 20px;
}

.paginate span .total {
    padding: 0 20px 0 5px;
}


/*탭*/

.tab-outter {
    position: relative;
    z-index: 20;
}
.tab-outter.non-first {
    margin-top:20px;
}

.jui .tab:after {
    display: table;
    content: "";
    clear: both
}

.tab-type01 {
    position: relative;
    display: inline-block;
    z-index: 10;
    width: 100%;
    background-color: #364085;
    border-radius: 5em;
    padding: 6px;
    overflow-x: auto;
}


.tab-type01::-webkit-scrollbar {
    display: none;
    height:0;
    width:0;
}

.tab-type01 {
    -ms-overflow-style: none;
    overflow: auto;
}

.tab-type01 .tab-inner {
    /*width: 1200px;*/
    width:max-content;
}

.tab-type01 .tab-inner>div {
    float: left;
    margin: 0 15px;
}

.tab-type01 .tab-inner>div:first-child {
    margin-left: 0;
}

.tab-type01 .tab-inner>div:last-child {
    margin-right: 0;
}

.tab-type01 .tab-inner>div a {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 1.4em;
    color: #d7daf1;
    font-family: 'noto sans kr';
}

.tab-type01 .tab-inner>div a.active {
    background-color: #fff;
    color: #364085;
    border-radius: 5em;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, .3);
}

.tab-type01.inline {
    width: auto;
}

.tab-type01.inline .tab-inner {
    width: auto;
}

.tab-type01.small .tab-inner>div a {
    font-size: 14px;
    padding: 7px 20px;
}

.tab-type02 {
    background: #f1f2f8;
    border-radius: 16px;
    padding: 1.3rem;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}

.tab-type02 .tab {
    margin-bottom: 26px;
    text-align: center;
}

.tab-type02 .tab:after {
    display: block;
    content: "";
    clear: both;
}

.tab-type02 .tab>div {
    display: inline-block;
    margin: 0 10px;
}

.tab-type02 .tab>div>a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    color: #9a9dac;
    font-weight: 600;
}

.tab-type02 .tab>div>a.active {
    color: #364085;
    border-bottom: 3px solid #364085;
    position: relative;
}

.tab-type02 .tab>div>a.active:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -6px;
    border-bottom: 0;
    border-top: 6px solid #364085;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.tab-type02 .tab-container {
    border-radius: 16px;
    background: #fff;
    padding: 1.5rem;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .2);
}

.tab-type03 .tab-inner>div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 4px 0;
}

.tab-type03 .tab-inner>div:last-child {
    margin-right: 0;
}

.tab-type03 .tab-inner>div>a {
    display: block;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    color: #97989c;
    font-weight: 300;
    background: #eff0f5;
}

.tab-type03 .tab-inner>div>a.active {
    background: #364085;
    color: #fff;
    font-weight: 500;
    box-shadow: 3px 3px 6px rgba(54, 64, 133, .3);
}

.tab-type04 {
	position:relative;
    font-size: 0;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    padding-bottom:5px;
}
.tab-type04:before {
	position:absolute;
	bottom:5px;
	left:0;
	content:'';
	width:100%;
	height:1px;
	background-color:#d7daf1;    
}
.tab-type04 .tab-inner {
	border-bottom:1px solid #d7daf1;    
}

.tab-type04 div {
    display: inline-block;
    vertical-align: middle;
}

.tab-type04 div a {
    display: inline-block;
    height: 39px;
    padding: 0 20px;
    font-size: 17px;
    line-height: 39px;
    color: #999;
    position: relative;
}

.tab-type04 div a.active {
    font-weight: 500;
    color: #354085;
    border-bottom: 2px solid #354085;
}

.tab-type04 div a.active:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    border-bottom: 0;
    border-top: 6px solid #364085;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.tab-container {
    position: relative;
    width: 100%;
    margin-top: 30px;
    z-index: 10;
}

.tab-container .tab-content {
    position: relative;
}

.date-picker {
    width: 300px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #afb2cf;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 999998;
    overflow: hidden;
}

.date-picker .date-picker-fieldset {
    display: inline-block;
}

.date-picker .date-picker-fieldset .date-wrap>input {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    left:-100px;
}

.date-picker .year-wrap {
    height: 50px;
    text-align: left;
    background: #eceef7;
    padding: 17px 0;
    position: relative;
}

.date-picker .year-wrap .icon-chevron-up {
    display: block;
    width: 18px;
    height: 16px;
    font-size: 18px;
    color: #4f5685;
    top: 9px;
    left: 10px;
}

.date-picker .year-wrap .icon-chevron-up:before,
.date-picker .year-wrap .icon-chevron-down:before {
    width: 18px;
    height: 16px;
}

.date-picker .year-wrap .icon-chevron-down {
    display: block;
    width: 18px;
    height: 16px;
    font-size: 18px;
    color: #4f5685;
    top: auto;
    bottom: 11px;
    left: 10px;
}

.date-picker .year-wrap .year {
    font-size: 17px;
    color: #364085;
    font-weight: 500;
    padding-left: 34px;
}

.date-picker .year-wrap .month {
    font-size: 17px;
    color: #364085;
    font-weight: 500;
    padding-left: 5px;
}

.date-picker .month-control {
    width: 90px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid #afb2cf;
    background: #fff;
    position: absolute;
    top: 11px;
    right: 12px;
    overflow: hidden;
}

.date-picker .year-wrap .month-control>a {
    display: block;
    float: left;
    width: 26px;
    height: 28px;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    color: #4f5685;
    border-right: 1px solid #afb2cf;
    position: relative;
    top: auto;
    left: auto;
}
.date-picker .year-wrap .month-control>a:before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.date-picker .year-wrap .month-control>.goto-today {
    width: 36px;
    font-size: 13px;
    color: #666faf;
    border-right: 0;
}

.date-picker .week-wrap {
    padding: 10px 0 0 0;
    position: relative;
    text-align: left;
    margin: 0 0 5px 12.25px;
}

.date-picker .date-wrap {
    text-align: left;
    margin: 0 0 15px 12.25px;
}

.date-picker .date-picker-label.weekend,
.date-picker .week-picker-label.weekend {
    color: #e72956;
}

.date-picker .date-picker-label.weekend:hover,
.date-picker .week-picker-label.weekend:hover {
    color: #e72956 !important;
}

.date-picker .date-picker-label,
.date-picker .week-picker-label,
.date-picker .date-picker-nav {
    width: 35px;
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
    cursor: pointer;
}

.date-picker .date-picker-label,
.date-picker .week-picker-label {
    position: relative;
    font-size: 14px;
    color: #444;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 6px;
    margin: 4px 2px !important;
    text-align: center;
}

.date-picker .date-picker-label.otherMonth {
    color: #e5e5e5;
}

.date-picker .date-picker-label,
.date-picker .week-picker-label,
.date-picker .date-picker-label:before,
.date-picker .week-picker-label:before {
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.date-picker .date-picker-label:before,
.date-picker .week-picker-label:before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
}

.date-picker .date-picker-label:hover {
    border: 1px solid #9ea4d0;
    color: #444;
    -webkit-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
}

.date-picker input:checked+.date-picker-label {
    color: white;
    background: #364085;
}

.date-picker input:checked+.date-picker-label:before {
    opacity: 1;
}

.date-picker .date-picker-nav {
    width: 25px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.1);
}

.month-picker {
    width: 200px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #afb2cf;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 999998;
    overflow: hidden;
}

.month-picker .month-picker-fieldset {
    display: inline-block;
}

.month-picker .month-picker-fieldset .month-wrap>input {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
}

.month-picker .year-wrap {
    padding: 10px 0;
    position: relative;
    background: #eceef7;
}

.month-picker .year-wrap .year {
    font-weight: 500;
    color: #364085;
    font-size: 17px;
}

.month-picker .year-wrap .icon-chevron-left {
    font-size: 20px;
    color: #4f5685;
    top: 8px;
    left: 8px;
}

.month-picker .year-wrap .icon-chevron-right {
    font-size: 20px;
    color: #4f5685;
    top: 8px;
    left: auto;
    right: 8px;
}

.month-picker .month-wrap {
    margin: 5px 0;
}

.month-picker .month-picker-label,
.month-picker .month-picker-nav {
    width: 50px;
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
    cursor: pointer;
}

.month-picker .month-picker-label {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 1px 8px;
    margin: 4px 2px !important;
}

.month-picker .month-picker-label,
.month-picker .month-picker-label:before {
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.month-picker .month-picker-label:before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
}

.month-picker .month-picker-label:hover {
    border: 1px solid #9ea4d0;
    color: #666faf;
    -webkit-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    -moz-box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
    box-shadow: 0 0 2px 1px rgba(175, 178, 207, 0.3);
}

.month-picker input:checked+.month-picker-label {
    color: white;
    background: #364085;
}

.month-picker input:checked+.month-picker-label:before {
    opacity: 1;
}

.month-picker .month-picker-nav {
    width: 25px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.1);
}

/*강조,안내 문구*/
.highlight-txt {
    position:relative;
}
.highlight-txt .icon {
    font-size:24px;
    color:#364085;
    margin-right:10px;
}
.highlight-txt .text {
    font-size:16px;
    color:#364085;
    vertical-align:middle;
}

.highlight-txt2 {
    position:relative;
}
.highlight-txt2 .icon {
    font-size:24px;
    color:#f14848;
    margin-right:10px;
}
.highlight-txt2 .text {
    font-size:16px;
    color:#f14848;
}

/*태그 디자인*/
.tag-form-wrap {
	
}

.tag-form-wrap .col-tag-input {
	float: left;
	margin-right: 5px;
}

.tag-form-wrap .col-tag-input input {
	padding: 0 40px 0 12px;
}

.tag-form-wrap .col-tag-list {
	line-height: 44px;
}
	
.tag-type01 {
    display: inline-block;
    margin: 2px;
    font-size: 14px;
    color: #666faf;
    padding: 0 20px;
    background-color: #fff;
    border-radius: 6px;
    border: 2px solid #9ea4d0;
	height:40px;
	line-height:36px;
}
.tag-type01 .close.on {
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	margin-left:10px;
	background-color:#9ea4d0;
	border-radius:50%;
	color:#fff;
	margin-right:-10px;
	margin-bottom:3px;
}
.tag-type01 .close {
	display:none;
}

/*태그 디자인*/
.tag-type02 {
    display: inline-block;
    margin: 2px;
    font-size: 14px;
    color: #ffffff;
    padding: 0 20px;
    background-color: #666faf;
    border-radius: 10px;
    /* border: 2px solid #9ea4d0; */
	height:30px;
	line-height:30px;
}
.tag-type02 .close {
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	margin-left:10px;
	background-color:#ffffff;
	border-radius:50%;
	color:#666faf;
	margin-right:-10px;
	margin-bottom:3px;
}

/* 20190524 | 메세지,메일,알람,톡 보내기 공통 스타일 추가 | 정다영 */
.btn-msg-group a span {
	font-size: 18px !important;
}

.btn-msg-group a {
	border: 1px solid #cfd3f1;
}


/*
================================================================================
반응형 콘텐츠
================================================================================
*/


/* 그리드 사이즈 m */

@media only screen and (min-width: 601px) {
    .container {
        width: 85%
    }
    main>.container,
    body>.page-footer>.container,
    .top-nav>.container,
    #index-banner>.container,
    .github-commit>.container {
        width: 100%;
    }
    .row .col.m1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.m12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    /*.row .col.m12.form-group {
        margin-bottom:1rem; 
    }
    .row:last-of-type .col.m12.form-group:last-of-type {
        margin-bottom:0;    
    }*/
    .row .col.offset-m1 {
        margin-left: 8.3333333333%
    }
    .row .col.pull-m1 {
        right: 8.3333333333%
    }
    .row .col.push-m1 {
        left: 8.3333333333%
    }
    .row .col.offset-m2 {
        margin-left: 16.6666666667%
    }
    .row .col.pull-m2 {
        right: 16.6666666667%
    }
    .row .col.push-m2 {
        left: 16.6666666667%
    }
    .row .col.offset-m3 {
        margin-left: 25%
    }
    .row .col.pull-m3 {
        right: 25%
    }
    .row .col.push-m3 {
        left: 25%
    }
    .row .col.offset-m4 {
        margin-left: 33.3333333333%
    }
    .row .col.pull-m4 {
        right: 33.3333333333%
    }
    .row .col.push-m4 {
        left: 33.3333333333%
    }
    .row .col.offset-m5 {
        margin-left: 41.6666666667%
    }
    .row .col.pull-m5 {
        right: 41.6666666667%
    }
    .row .col.push-m5 {
        left: 41.6666666667%
    }
    .row .col.offset-m6 {
        margin-left: 50%
    }
    .row .col.pull-m6 {
        right: 50%
    }
    .row .col.push-m6 {
        left: 50%
    }
    .row .col.offset-m7 {
        margin-left: 58.3333333333%
    }
    .row .col.pull-m7 {
        right: 58.3333333333%
    }
    .row .col.push-m7 {
        left: 58.3333333333%
    }
    .row .col.offset-m8 {
        margin-left: 66.6666666667%
    }
    .row .col.pull-m8 {
        right: 66.6666666667%
    }
    .row .col.push-m8 {
        left: 66.6666666667%
    }
    .row .col.offset-m9 {
        margin-left: 75%
    }
    .row .col.pull-m9 {
        right: 75%
    }
    .row .col.push-m9 {
        left: 75%
    }
    .row .col.offset-m10 {
        margin-left: 83.3333333333%
    }
    .row .col.pull-m10 {
        right: 83.3333333333%
    }
    .row .col.push-m10 {
        left: 83.3333333333%
    }
    .row .col.offset-m11 {
        margin-left: 91.6666666667%
    }
    .row .col.pull-m11 {
        right: 91.6666666667%
    }
    .row .col.push-m11 {
        left: 91.6666666667%
    }
    .row .col.offset-m12 {
        margin-left: 100%
    }
    .row .col.pull-m12 {
        right: 100%
    }
    .row .col.push-m12 {
        left: 100%
    }
}


/* 그리드 사이즈 l */

@media only screen and (min-width: 993px) {
    .container {
        width: 70%
    }
    .row .col.l1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.l12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    /*.row .col.l12.form-group {
        margin-bottom:1rem; 
    }
    .row:last-of-type .col.l12.form-group:last-of-type {
        margin-bottom:0;    
    }
    .row  .col .row:last-of-type .form-group {
        margin-bottom:0 !important;
    }*/
    .row .col.offset-l1 {
        margin-left: 8.3333333333%
    }
    .row .col.pull-l1 {
        right: 8.3333333333%
    }
    .row .col.push-l1 {
        left: 8.3333333333%
    }
    .row .col.offset-l2 {
        margin-left: 16.6666666667%
    }
    .row .col.pull-l2 {
        right: 16.6666666667%
    }
    .row .col.push-l2 {
        left: 16.6666666667%
    }
    .row .col.offset-l3 {
        margin-left: 25%
    }
    .row .col.pull-l3 {
        right: 25%
    }
    .row .col.push-l3 {
        left: 25%
    }
    .row .col.offset-l4 {
        margin-left: 33.3333333333%
    }
    .row .col.pull-l4 {
        right: 33.3333333333%
    }
    .row .col.push-l4 {
        left: 33.3333333333%
    }
    .row .col.offset-l5 {
        margin-left: 41.6666666667%
    }
    .row .col.pull-l5 {
        right: 41.6666666667%
    }
    .row .col.push-l5 {
        left: 41.6666666667%
    }
    .row .col.offset-l6 {
        margin-left: 50%
    }
    .row .col.pull-l6 {
        right: 50%
    }
    .row .col.push-l6 {
        left: 50%
    }
    .row .col.offset-l7 {
        margin-left: 58.3333333333%
    }
    .row .col.pull-l7 {
        right: 58.3333333333%
    }
    .row .col.push-l7 {
        left: 58.3333333333%
    }
    .row .col.offset-l8 {
        margin-left: 66.6666666667%
    }
    .row .col.pull-l8 {
        right: 66.6666666667%
    }
    .row .col.push-l8 {
        left: 66.6666666667%
    }
    .row .col.offset-l9 {
        margin-left: 75%
    }
    .row .col.pull-l9 {
        right: 75%
    }
    .row .col.push-l9 {
        left: 75%
    }
    .row .col.offset-l10 {
        margin-left: 83.3333333333%
    }
    .row .col.pull-l10 {
        right: 83.3333333333%
    }
    .row .col.push-l10 {
        left: 83.3333333333%
    }
    .row .col.offset-l11 {
        margin-left: 91.6666666667%
    }
    .row .col.pull-l11 {
        right: 91.6666666667%
    }
    .row .col.push-l11 {
        left: 91.6666666667%
    }
    .row .col.offset-l12 {
        margin-left: 100%
    }
    .row .col.pull-l12 {
        right: 100%
    }
    .row .col.push-l12 {
        left: 100%
    }
}


/* 그리드 사이즈 xl */

@media only screen and (min-width: 1201px) {
    .row .col.xl1 {
        width: 8.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl2 {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl4 {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl5 {
        width: 41.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl7 {
        width: 58.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl8 {
        width: 66.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl10 {
        width: 83.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl11 {
        width: 91.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .row .col.xl12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    /*.row .col.xl12.form-group {
        margin-bottom:1rem; 
    }
    .row:last-of-type .col.xl12.form-group:last-of-type {
        margin-bottom:0;    
    }*/
    .row .col.offset-xl1 {
        margin-left: 8.3333333333%
    }
    .row .col.pull-xl1 {
        right: 8.3333333333%
    }
    .row .col.push-xl1 {
        left: 8.3333333333%
    }
    .row .col.offset-xl2 {
        margin-left: 16.6666666667%
    }
    .row .col.pull-xl2 {
        right: 16.6666666667%
    }
    .row .col.push-xl2 {
        left: 16.6666666667%
    }
    .row .col.offset-xl3 {
        margin-left: 25%
    }
    .row .col.pull-xl3 {
        right: 25%
    }
    .row .col.push-xl3 {
        left: 25%
    }
    .row .col.offset-xl4 {
        margin-left: 33.3333333333%
    }
    .row .col.pull-xl4 {
        right: 33.3333333333%
    }
    .row .col.push-xl4 {
        left: 33.3333333333%
    }
    .row .col.offset-xl5 {
        margin-left: 41.6666666667%
    }
    .row .col.pull-xl5 {
        right: 41.6666666667%
    }
    .row .col.push-xl5 {
        left: 41.6666666667%
    }
    .row .col.offset-xl6 {
        margin-left: 50%
    }
    .row .col.pull-xl6 {
        right: 50%
    }
    .row .col.push-xl6 {
        left: 50%
    }
    .row .col.offset-xl7 {
        margin-left: 58.3333333333%
    }
    .row .col.pull-xl7 {
        right: 58.3333333333%
    }
    .row .col.push-xl7 {
        left: 58.3333333333%
    }
    .row .col.offset-xl8 {
        margin-left: 66.6666666667%
    }
    .row .col.pull-xl8 {
        right: 66.6666666667%
    }
    .row .col.push-xl8 {
        left: 66.6666666667%
    }
    .row .col.offset-xl9 {
        margin-left: 75%
    }
    .row .col.pull-xl9 {
        right: 75%
    }
    .row .col.push-xl9 {
        left: 75%
    }
    .row .col.offset-xl10 {
        margin-left: 83.3333333333%
    }
    .row .col.pull-xl10 {
        right: 83.3333333333%
    }
    .row .col.push-xl10 {
        left: 83.3333333333%
    }
    .row .col.offset-xl11 {
        margin-left: 91.6666666667%
    }
    .row .col.pull-xl11 {
        right: 91.6666666667%
    }
    .row .col.push-xl11 {
        left: 91.6666666667%
    }
    .row .col.offset-xl12 {
        margin-left: 100%
    }
    .row .col.pull-xl12 {
        right: 100%
    }
    .row .col.push-xl12 {
        left: 100%
    }
}

@media only screen and (max-width: 992px) {
    .col-label.s12>label {
        height: auto !important;
        padding: 0 0 0 15px;
        margin-bottom: 0.7em;
    }
    .col-label.s12>.label-type05 {
        padding: 10px 0 10px 30px !important;
    }
    
    .row .col-label.align-top>label:before {
        top: 50%;
        margin-top: -2px;
    }
    .row:last-of-type .form-group,
    .form-row:last-of-type .form-group {
        margin-bottom: 1rem;
    }
    .row:last-of-type .form-group:last-of-type,
    .form-row:last-of-type .form-group:last-of-type {
        margin-bottom: 0;
    }
    .jui .label-type01.size-m.required:after {
	    top: 0px;
	}
	
}

@media only screen and (max-width: 700px) {    
    /*modal layer*/
	.modal-layer.modal-middle {
		width:100%;
		margin-left:0 !important;
		left:auto !important;
		padding-right:90px;
	}
}


/* table responsive */

@media only screen and (max-width: 992px) {
    table.responsive-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative
    }
    table.responsive-table td:empty:before {
        content: '\00a0'
    }
    table.responsive-table th,
    table.responsive-table td {
        margin: 0;
        vertical-align: top
    }
    table.responsive-table th {
        text-align: left
    }
    table.responsive-table thead {
        display: block;
        float: left
    }
    table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0
    }
    table.responsive-table thead tr th::before {
        content: "\00a0"
    }
    table.responsive-table tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap
    }
    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top
    }
    table.responsive-table th {
        display: block;
        text-align: right
    }
    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }
    table.responsive-table tr {
        border-bottom: none;
        padding: 0 10px
    }
    table.responsive-table thead {
        border: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.12)
    }
    /*게시판뷰페이지 댓글*/
	.board-view-page .comment-wrap .comment-box .comment-write .cont-line .btn {
		width:100%;
		height:50px !important;
		line-height:1em;
	}
}

@media only screen and (max-width: 1280px) {
	/*modal layer*/
	.modal-layer.modal-xlarge {
		width:100%;
		margin-left:0 !important;
		left:auto !important;
		padding-right:90px;
	}
}

@media only screen and (max-width: 1200px) {
	.modal-layer {
		margin-bottom:150px;
	}
    /*게시판 상세보기*/
    .board-view-page .view-cont-box .img-box img {
        width: 100%;
        height: auto;
    }
    /*탭*/
    .tab-outter:before {
    	display:none;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        content: '\e930';
        font-family: 'feather';
        color: #f35a7e;
        font-size: 24px;
        background-color: #fff;
        border-radius: 50%;
        z-index: 20;
        -webkit-box-shadow: 4px 4px 20px -5px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 4px 4px 20px -5px rgba(0, 0, 0, 0.35);
        box-shadow: 4px 4px 20px -5px rgba(0, 0, 0, 0.35);
    }
    .tab-type01 .tab-inner>div:last-child {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1100px) {    
    /*modal layer*/
	.modal-layer.modal-large {
		width:100%;
		margin-left:0 !important;
		left:auto !important;
		padding-right:90px;
	}
}

@media only screen and (max-width: 1000px) {
    /*게시판 card형*/
    .board-card .list {
        width: 48%;
        margin: 0.98%;
    }
    /*게시판 card+이미지형*/
    .board-card-image .list {
        width: 47.3%;
        margin: 1.305%;
    }
    /*게시판 상세보기*/
    .board-view-page .view-paging .prev-line .link-txt {
        display: none;
    }
    .board-view-page .view-paging .next-line .link-txt {
        display: none;
    }
    
    
    .jui .label-type00 {
	    display: none !important;
	}
    .jui .col-inline select,
    .jui .col-inline input[type='text'] {
        width: 100% !important;
    }
    
    
    .jui .col-inline input[type='text'].back-text {
        width: 90% !important;
    }
    
    .table-type01.response {
        width: 100%;
        display:block;
    }
    .table-type01.response tr, .table-type01.response tbody {
        display:block;
    }
    .table-type01.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #4f5685;
        padding: 0.3em 0.6em;
        color: #fff;
        line-height: 2.0em;
        font-size:14px;
    }
    .table-type01.response td:first-child[data-header]:before {
        border-top-left-radius: 8px;
    }
    .table-type01.response td:last-child[data-header]:before {
        border-bottom-left-radius: 8px;
    }
    .table-type01.response thead {
        display: none;
    }
    .table-type01.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 40%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        border-right: 1px solid #dcdff1;
    }
    .table-type01 td:first-child {
        border-left: 0;
    }
    .table-type01.response td:first-of-type {
        margin-top: 10px;
    }
    .table-type01.response tbody td:first-child {
        border-top: 1px solid #dcdff1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .table-type01.response tbody td:last-child {
        border-bottom: 1px solid #dcdff1;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    /*.table-type01.response tbody tr:last-child td:last-child {
        border-radius: 0;
    }*/
    .table-type01.response tbody tr:last-child td {
        border-bottom: 1px solid #dcdff1;
    }
    .table-type01.response tbody tr:nth-child(even) {
        background-color: #fff;
    }
    
    .table-type02.response {
        width: 100%;
    }
    .table-type02.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #000;
        font-weight: 400;
        line-height: 2em;
    }
    .table-type02.response td:first-child[data-header]:before {
        border-top-left-radius: 8px;
    }
    .table-type02.response td:last-child[data-header]:before {
        border-bottom-left-radius: 8px;
    }
    .table-type02.response thead {
        display: none;
    }
    .table-type02.response td {
        position: relative;
        display: block;
        padding: 0.7em 0 0.7em 40%;
        margin-bottom: 0;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        border-left: 1px solid #7e84ae;
        border-right: 1px solid #7e84ae;
    }
    .table-type02 td:first-child {}
    .table-type02.response td:first-of-type {
        margin-top: 10px;
    }
    .table-type02.response tbody td:first-child {
        border-top: 1px solid #7e84ae;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .table-type02.response tbody td:last-child {
        border-bottom: 1px solid #7e84ae;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .table-type02.response tbody tr:nth-child(even) {
        background-color: #fff;
    }
    
    /*테이블 공통*/
	.table-type04.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
	}
	.table-type04.response td[colspan="100"]:before {
		display:none;
	}
	.table-type02.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
	}
	.table-type02.response td[colspan="100"]:before {
		display:none;
	}
	.table-type01.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
		border:1px solid #dcdff1 !important;
	}
	.table-type01.response td[colspan="100"]:before {
		display:none;
	}
	.table-type05.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
	}
	.table-type05.response td[colspan="100"]:before {
		display:none;
	}
	
	.table-type08.response {
        width: 100%;
        display:block;
    }
    .table-type08.response tr, .table-type08.response tbody {
        display:block;
    }
    .table-type08.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #5f6697;
        padding: 0.3em 0.6em;
        color: #fff;
        line-height: 2.0em;
        font-size:14px;
    }
    .table-type08.response td:first-child[data-header]:before {
        border-top-left-radius: 8px;
    }
    .table-type08.response td:last-child[data-header]:before {
        border-bottom-left-radius: 8px;
    }
    .table-type08.response thead {
        display: none;
    }
    .table-type08.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 40%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        border-right: 1px solid #dcdff1;
    }
    .table-type08 td:first-child {
        border-left: 0;
    }
    .table-type08.response td:first-of-type {
        margin-top: 10px;
    }
    .table-type08.response tbody td:first-child {
        border-top: 1px solid #dcdff1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .table-type08.response tbody td:last-child {
        border-bottom: 1px solid #dcdff1;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }    
    .table-type08.response tbody tr:last-child td {
        border-bottom: 1px solid #dcdff1;
    }
    .table-type08.response tbody tr:nth-child(even) {
        background-color: #fff;
    }
}

@media only screen and (max-width: 900px) {
	/*게시판 thumbnail+text*/
    .board-thumb-text .list .thumb {
        display: block;
    }
    .board-thumb-text .list .list-content {
        display: block;
        padding: 25px;
    }
}

@media only screen and (max-width: 800px) {
    /*게시판 thumbnail+text*/
    .board-thumb-text .list .thumb {
        display: block;
    }
    .board-thumb-text .list .list-content {
        display: block;
        padding: 25px;
    }
    
    .table-type04.response {
        width: 100%;
    }
    .table-type04.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #364085;
        font-weight: 500;
        line-height: 2.2em;
    }
    .table-type04.response thead {
        display: none;
    }
    .table-type04.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 40%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        font-size: 14px;
        border-top: 0;
        border-right: 1px solid #7e84ae;
        border-left: 1px solid #7e84ae;
    }
    .table-type04.response tbody td:first-child {
        border-top: 1px solid #7e84ae;
    }
    .table-type04 tbody td:first-child {
        border-left: 1px solid #7e84ae;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
    .table-type04 tbody td:first-child:before {
        border-top-left-radius: 8px;
    }
    .table-type04.response tbody td:last-child {
        border-right: 1px solid #7e84ae;
        border-bottom: 1px solid #7e84ae;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 0px;
    }
    .table-type04.response tbody td:last-child:before {
        border-bottom-left-radius: 8px;
    }
    .table-type04 tbody tr:hover td,
    .table-type04 tbody tr.active td {
        border-top: 0;
        border-bottom: 1px solid #d7daf1;
    }
    .table-type04.response tbody tr:hover td:last-child,
    .table-type04.response tbody tr.active td:last-child {
        border-top-right-radius: 0px;
        border-right: 1px solid #7e84ae;
    }
    .table-type04.response tbody tr:hover td:first-child,
    .table-type04.response tbody tr.active td:first-child {
        border-bottom-left-radius: 0px;
        border-left: 1px solid #7e84ae;
    }
    .table-type04.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
	}
	.table-type04.response td[colspan="100"]:before {
		display:none;
	}
}

@media only screen and (max-width: 640px) {
    .table-type01.response {
        width: 100%;
        display:block;
    }
    .table-type01.response tr, .table-type01.response tbody {
        display:block;
    }
    .table-type01.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #4f5685;
        padding: 0.3em 0.6em;
        color: #fff;
        line-height: 2.0em;
    }
    .table-type01.response td:first-child[data-header]:before {
        border-top-left-radius: 8px;
    }
    .table-type01.response td:last-child[data-header]:before {
        border-bottom-left-radius: 8px;
    }
    .table-type01.response thead {
        display: none;
    }
    .table-type01.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 40%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        border-right: 1px solid #dcdff1;
    }
    .table-type01 td:first-child {
        border-left: 0;
    }
    .table-type01.response td:first-of-type {
        margin-top: 10px;
    }
    .table-type01.response tbody td:first-child {
        border-top: 1px solid #dcdff1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .table-type01.response tbody td:last-child {
        border-bottom: 1px solid #dcdff1;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    /*.table-type01.response tbody tr:last-child td:last-child {
        border-radius: 0;
    }*/
    .table-type01.response tbody tr:last-child td {
        border-bottom: 1px solid #dcdff1;
    }
    .table-type01.response tbody tr:nth-child(even) {
        background-color: #fff;
    }
    .table-type02.response {
        width: 100%;
    }
    .table-type02.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #000;
        font-weight: 400;
        line-height: 2em;
    }
    .table-type02.response td:first-child[data-header]:before {
        border-top-left-radius: 8px;
    }
    .table-type02.response td:last-child[data-header]:before {
        border-bottom-left-radius: 8px;
    }
    .table-type02.response thead {
        display: none;
    }
    .table-type02.response td {
        position: relative;
        display: block;
        padding: 0.7em 0 0.7em 40%;
        margin-bottom: 0;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        border-left: 1px solid #7e84ae;
        border-right: 1px solid #7e84ae;
    }
    .table-type02 td:first-child {}
    .table-type02.response td:first-of-type {
        margin-top: 10px;
    }
    .table-type02.response tbody td:first-child {
        border-top: 1px solid #7e84ae;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .table-type02.response tbody td:last-child {
        border-bottom: 1px solid #7e84ae;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .table-type02.response tbody tr:nth-child(even) {
        background-color: #fff;
    }
    .table-type03 tbody th,
    .table-type03 tbody td {
        font-size: 14px;
    }
    /*.table-type03 colgroup col:first-child {
        width: 40%;
    }*/
    .table-type04.response {
        width: 100%;
    }
    .table-type04.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 35%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #364085;
        font-weight: 500;
        line-height: 2.2em;
    }
    .table-type04.response thead {
        display: none;
    }
    .table-type04.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 45%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        font-size: 14px;
        border-top: 0;
        border-right: 1px solid #7e84ae;
        border-left: 1px solid #7e84ae;
    }
    .table-type04.response tbody td:first-child {
        border-top: 1px solid #7e84ae;
    }
    .table-type04 tbody td:first-child {
        border-left: 1px solid #7e84ae;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
    .table-type04 tbody td:first-child:before {
        border-top-left-radius: 8px;
    }
    .table-type04.response tbody td:last-child {
        border-right: 1px solid #7e84ae;
        border-bottom: 1px solid #7e84ae;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 0px;
    }
    .table-type04.response tbody td:last-child:before {
        border-bottom-left-radius: 8px;
    }
    .table-type04 tbody tr:hover td,
    .table-type04 tbody tr.active td {
        border-top: 0;
        border-bottom: 1px solid #d7daf1;
    }
    .table-type04.response tbody tr:hover td:last-child,
    .table-type04.response tbody tr.active td:last-child {
        border-top-right-radius: 0px;
        border-right: 1px solid #7e84ae;
    }
    .table-type04.response tbody tr:hover td:first-child,
    .table-type04.response tbody tr.active td:first-child {
        border-bottom-left-radius: 0px;
        border-left: 1px solid #7e84ae;
    }
    .table-type05.response {
        width: 100%;
    }
    .table-type05.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 30%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #364085;
        font-weight: 500;
        line-height: 2.2em;
    }
    .table-type05.response thead {
        display: none;
    }
    .table-type05.response td {
        position: relative;
        display: block;
        padding: 0.7em 0 0.7em 40%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        font-size: 14px;
        border-top: 0;
        border-right: 1px solid #7e84ae;
        border-left: 1px solid #7e84ae;
    }
    .table-type05.response .hidden-tr td {
        position: relative;
        display: block;
        padding: 0.7em 0 0.7em 0.7em;
        margin-bottom: 0px;
        text-align: left;
        min-height: 19px;
        font-size: 14px;
        border: 0 !important;
        border-radius: 8px !important;
    }
    .table-type05.response tbody td:first-child {
        border-top: 1px solid #7e84ae;
    }
    .table-type05 tbody td:first-child {
        border-left: 1px solid #7e84ae;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
    .table-type05 tbody td:first-child:before {
        border-top-left-radius: 8px;
    }
    .table-type05.response tbody td:last-child {
        border-right: 1px solid #7e84ae;
        border-bottom: 1px solid #7e84ae;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 0px;
    }
    .table-type05.response tbody td:last-child:before {
        border-bottom-left-radius: 8px;
    }
    .table-type05 tbody tr:hover td,
    .table-type05 tbody tr.active td {
        border-top: 0;
        border-bottom: 1px solid #d7daf1;
    }
    .table-type05.response tbody tr:hover td:last-child,
    .table-type05.response tbody tr.active td:last-child {
        border-top-right-radius: 0px;
        border-right: 1px solid #7e84ae;
    }
    .table-type05.response tbody tr:hover td:first-child,
    .table-type05.response tbody tr.active td:first-child {
        border-bottom-left-radius: 0px;
        border-left: 1px solid #7e84ae;
    }
    .table-type05 tbody td .mileage-title {
        display: block;
        margin-top: 5px;
    }
    .table-type05 tbody td .mileage-date-line {
        display: block;
    }
    .table-type05 tbody td .mileage-date-tit.second {
        margin-left: 0;
    }
    .board .board-info-txt.size-m {
        padding: 10px 0 0 !important;
        margin-bottom: 10px;
    }
    .form-group.board .col-inline select {
        width: 30% !important;
        margin: 0 5px 5px 0;
    }
    .form-group.board .col-inline input[type="text"] {
        width: 55% !important;
        margin: 0 5px 5px 0;
    }
    .jui .btn.type00.size-m:before {
        font-size: 24px;
    }
    /*board text 제목형*/
    .board-text-tit .list .list-content .cont-tit {
        font-size: 15px;
    }
    .board-text-tit .list .list-content .cont-tit .file {
        font-size: 18px;
    }
    .board-text-tit .list {
        padding: 10px;
    }
    .board-text-tit .list .num {
        display: block;
        width: auto;
        text-align: left;
        margin-top: 10px;
    }
    .board-text-tit .list.sub .num {
        padding-left:30px;
    }
	.board-text-tit .list.sub .num:before {
		left:0;
	}
    .board-text-tit .list .num .notice:before {
        font-size: 20px;
    }
    .board-text-tit .list .list-content {
        display: block;
        padding: 10px 0;
    }
    .board-text-tit .list .list-content .etc {
        font-size: 13px;
    }
    .board-text-tit .list .list-content .etc:before {
        font-size: 18px;
    }
    /*board text cont*/
    .board-text-cont .list .list-content .cont-tit {
        font-size: 15px;
        line-height: 1.4em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .board-text-cont .list .list-content .cont-text {
        font-size: 14px;
        line-height: 1.4em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .board-text-cont .list .list-content .cont-tit .file {
        font-size: 18px;
    }
    .board-text-cont .list {
        padding: 10px;
    }
    .board-text-cont .list .num {
        display: block;
        width: auto;
        text-align: left;
        margin-top: 10px;
    }
    .board-text-cont .list.sub .num {
        padding-left:30px;
    }
	.board-text-cont .list.sub .num:before {
		left:0;
	}
    .board-text-cont .list .num .notice:before {
        font-size: 20px;
    }
    .board-text-cont .list .list-content {
        display: block;
        padding: 10px 0;
    }
    .board-text-cont .list .list-content .etc {
        font-size: 13px;
    }
    .board-text-cont .list .list-content .etc:before {
        font-size: 18px;
    }
    /*board Thumbnail+ text*/
    .board-thumb-text .list .thumb {
        display: block;
        padding: 0;
        width: 100%;
    }
    .board-thumb-text .list .list-content .cont-tit {
        font-size: 15px;
        line-height: 1.4em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .board-thumb-text .list .list-content .cont-text {
        font-size: 14px;
        line-height: 1.4em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .board-thumb-text .list .list-content .cont-tit .file {
        font-size: 18px;
    }
    .board-thumb-text .list {
        padding: 20px 10px;
    }
    .board-thumb-text .list .num {
        display: block;
        width: auto;
        text-align: left;
        margin-top: 10px;
    }
    .board-thumb-text .list .num .notice:before {
        font-size: 20px;
    }
    .board-thumb-text .list .list-content {
        display: block;
        padding: 10px 0;
    }
    .board-thumb-text .list .list-content .etc {
        font-size: 13px;
    }
    .board-thumb-text .list .list-content .etc:before {
        font-size: 18px;
    }
    .board-thumb-text .list .thumb .image {
	    height: auto; /*20200117 | 허주원 | 동명대추가*/
	}
    /*게시판 card형*/
    .board-card .list {
        width: 96%;
        margin: 1.96%;
    }
    .board-card .list .cont-tit a {
        font-size: 15px;
    }
    .board-card .list .cont-text {
        font-size: 14px;
    }
    .board-card .list .num .notice:before {
        font-size: 20px;
    }
    .board-card .list .etc {
        font-size: 13px;
    }
    .board-card .list .etc:before {
        font-size: 18px;
    }
    /*게시판 card+image형*/
    .board-card-image .list {
        width: 96%;
        margin: 1.96%;
    }
    .board-card-image .list .cont-tit a {
        font-size: 15px;
    }
    .board-card-image .list .cont-text {
        font-size: 14px;
    }
    .board-card-image .list .num .notice:before {
        font-size: 20px;
    }
    .board-card-image .list .etc {
        font-size: 13px;
    }
    .board-card-image .list .etc:before {
        font-size: 18px;
    }
    /*게시판 뷰어*/
    .board-view-page .view-cont-box {
        padding: 30px 20px;
    }
    .board-view-page .view-cont-box .img-box img {
        margin: 0;
    }
    .board-view-page .head-box .title {
        font-size: 16px;
    }
    .board-view-page .head-box .etc {
        font-size: 13px;
    }
    .board-view-page .head-box .etc:before {
        font-size: 18px;
    }
    .board-view-page .file-box {
        display: block;
    }
    .board-view-page .file-box:before {
        width: 0;
    }
    .board-view-page .file-box .tit {
        width: 100%;
        display: block;
        text-align: left;
        padding: 10px 20px;
    }
    .board-view-page .file-box .tit .icon {
        font-size: 14px;
    }
    .board-view-page .file-box .tit .icon:before {
        font-size: 16px;
    }
    .board-view-page .file-box .file-list {
        padding: 10px 20px;
    }
    .board-view-page .file-box .file-list span {
        padding: 0 0;
    }
    .board-view-page .view-paging .prev-line {
        padding: 10px;
    }
    .board-view-page .view-paging .next-line {
        padding: 10px;
    }
    .board-view-page .comment-wrap .comment-box .comment-write .cont-line .btn {
		width:100%;
		height:50px !important;
		line-height:1em;
	}
    /*게시판  faq*/
    .board-faq .list .question .statue-question {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
    }
    .board-faq .list .question .txt {
        font-size: 14px;
    }
    .board-faq .list .answer .statue-answer {
        width: 32px;
        height: 32p;
        line-height: 32px;
        font-size: 30px;
    }
    .board-faq .list .answer .txt {
        font-size: 14px;
    }
    .jui .box-type01 {
        padding: 15px;
    }
    .jui .box-type02 {
        padding: 15px;
    }
    .jui .col-inline {
        text-align: left !important;
    }
    .jui .col-inline.btn-line {
        text-align: right !important;
    }
    .jui .col-inline input,
    .jui .col-inline textarea,
    .jui .col-inline select {
        width: 100%;
        margin: 0 0 5px 0;
    }
    .jui .col-inline select,
    .jui .col-inline input[type='text'] {
        width: 100% !important;
        margin: 0 0 5px 0;
    }
    .jui .col-inline button,
    .jui .col-inline .btn,
    .jui .col-inline input[type='button'],
    .jui .col-inline input[type='submit'],
    .jui .col-inline input[type='reset'] {
        width: auto;
        margin: 0 5px 5px 0;
    }
    .jui .label-type00 {
        display: none !important;
    }
    .jui .col-inline label {
    	margin:0 5px 5px 0;
    }
    
    /*테이블 공통*/
	.table-type04.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
	}
	.table-type04.response td[colspan="100"]:before {
		display:none;
	}
	.table-type02.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
	}
	.table-type02.response td[colspan="100"]:before {
		display:none;
	}
	.table-type01.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
		border:1px solid #dcdff1 !important;
	}
	.table-type01.response td[colspan="100"]:before {
		display:none;
	}
	.table-type05.response td[colspan="100"] {
		border-radius:8px !important;
		padding:0.7em !important;
		text-align:center !important;
	}
	.table-type05.response td[colspan="100"]:before {
		display:none;
	}
	
	/*table-type09 반응형 테이블 고정 해제*/
	.table-type09 tbody th,
	.table-type09 thead th {
		position:relative;
	}
}

@media only screen and (max-width: 768px) {
    .jui .col-inline button,
    .jui .col-inline .btn,
    .jui .col-inline input,
    .jui .col-inline select {
        width: auto;
        margin: 0 5px 5px 0;
    }
    .tab-type02 .tab>div>a {
        padding: 10px;
        font-size: 14px;
    }
    .tab-type02 .tab>div {
        margin: 0;
    }
    .sub_cont_wrap {
	    padding: 0 30px;
	}
	.sub_cont_wrap .sub_cont_box {
	    padding: 40px 30px;
	}
}

@media only screen and (max-width: 480px) {
    .modal-layer,
    .modal-layer.modal-xlarge,
    .modal-layer.modal-large,
    .modal-layer.modal-middle,
    .modal-layer.modal-small {
        width: 100%;
        margin-left: 0 !important;
        left: 0;
    }
    input[type='file'],
    input[type='checkbox'],
    input[type='radio'] {
        width: auto;
        margin: auto;
    }
    .jui .box-type03 {
        padding: 15px;
    }
    /*모바일에서 size-m을 size-s로 바꿈*/
    .jui .size-m {
        /* height: 32px !important; */
        border-radius: 6px;
        padding: 8px 12px;
        font-size: 14px;
    }
    .jui .size-l {
        height: 32px !important;
        border-radius: 6px;
        padding: 8px 12px !important;
        font-size: 14px;
    }
    .jui .btn.left-icon {
	    padding-left: 2.3em !important;
	    padding-right: 1.2em !important;
	}
	.jui .btn.right-icon {
	    padding-right: 2.3em !important;
	    padding-left: 1.2em !important;
	}
    .jui .toggle-switch.size-m {
        height: 20px !important;
        margin-top:8px;
    }
    .jui .toggle-switch.size-l {
        height: 26px !important;
        margin-top:5px;
    }
    .jui .label-type01 {
        font-size: 14px;
        margin-bottom: 5px !important;
    }
    .btn-input .btn {
        position: absolute !important;
        right: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    /*.tab-type02*/
    .tab-type02 {
    	padding:1.3rem 15px;
    }
    .tab-type02 .tab-container {
    	padding:15px;
    }
    .jui .btn.size-m {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.jui .btn.size-m.center-icon {
		padding-left: 1.2em;
	    padding-right: 1.2em;
	}
	.jui .btn.size-m.left-icon {
	    padding-left: 35px;
	    padding-right: 10px;
	}
	.board-info-txt {
	    margin-bottom:20px;
	}
	/*modal layer*/
	.modal-layer.modal-small {
		width:100%;
		margin-left:0 !important;
		left:auto !important;
	}
	.modal-layer.modal-xlarge {		
		padding-right:0;
	}	
	.modal-layer.modal-large {
		padding-right:0;
	}
	.modal-layer.modal-middle {
		padding-right:0;
	}
	
	.tab-type01.inline {
	    width: 100%;
	}
	.tab-type01.inline .tab-inner {
	    width: 1200px;
	}
	/*table-type04*/
	.table-type04-wrap {
		padding:10px;
	}	
	/*table 모바일 제목간격 수정*/	
    .table-type04.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 50%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        font-size: 14px;
        border-top: 0;
        border-right: 1px solid #7e84ae;
        border-left: 1px solid #7e84ae;
    }
	.table-type04.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #364085;
        font-weight: 500;
        line-height: 2.2em;
    }	
    .table-type05.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 50%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        font-size: 14px;
        border-top: 0;
        border-right: 1px solid #7e84ae;
        border-left: 1px solid #7e84ae;
    }
	.table-type05.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #364085;
        font-weight: 500;
        line-height: 2.2em;
    }	
}
@media only screen and (max-width: 380px) {
	/*table 모바일 제목간격 수정*/	
    .table-type04.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 55%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        font-size: 14px;
        border-top: 0;
        border-right: 1px solid #7e84ae;
        border-left: 1px solid #7e84ae;
    }
	.table-type04.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 45%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #364085;
        font-weight: 500;
        line-height: 2.2em;
    }
    .table-type05.response td {
        position: relative;
        display: block;
        padding: 0.7em 0.7em 0.7em 55%;
        margin-bottom: 0px;
        text-align: left !important;
        border-right: 0;
        min-height: 19px;
        font-size: 14px;
        border-top: 0;
        border-right: 1px solid #7e84ae;
        border-left: 1px solid #7e84ae;
    }
	.table-type05.response [data-header]:before {
        content: attr(data-header);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 45%;
        height: calc(100% - 0.6em);
        text-align: left;
        background: #f1f2f8;
        padding: 0.3em 0.6em;
        color: #364085;
        font-weight: 500;
        line-height: 2.2em;
    }
}