html,body {height: 100%;}
.wrap {background: #dfe3fd;min-width:1024px;min-height: 768px;height: 100%;font-size: 0;line-height: 0;text-align: center;}
.wrap:before {content:""; height: 100%;display: inline-block; vertical-align: middle;}
.doriko {width:1024px;height: 768px;background: #fff;display: inline-block; vertical-align: middle;margin: 0 auto;text-align: left; padding: 10px 30px;line-height: 1.4375;font-size: 12px;font-weight:400;color:#232323;}
.drk-head .top {margin-bottom: 7px;}
.drk-head .top .logo {float:left;}
.drk-head .top:after {content:""; display: table; clear: both;}
.drk-head .top p {float:right;font-weight: 600;line-height: 29px;}
.drk-head .ccm {}
.drk-head .ccm .admin-box {position: relative;height: 40px;background: #ff7e2e;font-weight: 600;color: #fff;padding: 0 20px;line-height: 40px;}
.drk-head .ccm .check-admin {position:absolute;top:50%;right:20px;width: 40px;height: 22px;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;background: #fff;margin-top: -11px;overflow: hidden;}
.drk-head .ccm .check-admin input {opacity:0;width: 300%;height: 300%;position: absolute; top:0;left:0;z-index: 10;}
.drk-head .ccm .check-admin i {position: absolute; top:50%;margin-top: -8px;left:4px; width: 16px;height: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;background: #ff7e2e;}
.drk-head .ccm .check-admin input:checked ~ i {left:auto;right:4px;}
.drk-head .ccm .guide {font-size: 11px;line-height: 1;font-weight: 600;color: #ff7e2e;margin-top: 9px;text-align: right;}
.cont {padding: 16px 0 20px;}
.fe-row {}
.fe-row + .fe-row {margin-top: 16px;}
.fe-title {font-weight: 600;margin-bottom: 7px;font-size: 12px;line-height: 1.4375;}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
textarea {background: #f0f0f0;border: 1px solid #c0c0c0;width: 100%; font-size: 13px;}
input[type=text],
input[type=number],
input[type=email],
input[type=password] {height: 40px;padding: 0 15px;line-height: 1;color: #777;} 
input:focus {border: 1px solid #ff7e2e; background: #fff;}


.note-frame,
.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar,
.note-toolbar {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu,
.note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {white-space:nowrap;}
.note-frame {font-family:'Montserrat','AppleSDGothicNeo-Regular','AppleSDGothic','Apple SD Gothic Neo','AppleGothic','Noto Sans KR',sans-serif;background: #f0f0f0;border: 1px solid #c0c0c0;}

.fe-box.on .note-frame{background: #fff;}


.form-foot {margin-top: 20px;font-size: 0;line-height: 0;position: relative;padding-right: 120px;}
.fe-filebox {line-height: 1.4375;font-size: 12px;font-weight:400;color:#232323;}
.fe-filebox .fe-title {display: inline-block; vertical-align: top;height: 40px;background: #8d8d8d;color: #fff;width: 122px;line-height: 40px;text-align: center;}
.fe-filebox .fe-file {display: inline-block; vertical-align: top;margin-left: 10px;width: 200px;height: 40px;}
.fe-file {position: relative;line-height: 38px;border: 1px solid #c0c0c0;padding: 0 35px 0 15px;overflow: hidden;}
.fe-file input {width: 200%;height: 100%;opacity:0;position: absolute; top:0;left:0;z-index: 10;cursor:pointer;}
.fe-file p {white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.fe-file .bt-del {position: absolute; top:50%;right:12px; text-indent: -9999px;width: 11px;height: 11px;text-indent: -9999px;background: url(../imgs/bt_close.png) no-repeat;background-size: cover;z-index: 11;margin-top: -5.5px;}

.form-foot .bt-wrap {position: absolute; top:0;right:0;}
.form-foot .bt {background: #5e73f6; width: 100px;height: 40px;line-height: 1;text-align: center;color: #fff;}
footer {font-size: 10px;color: #777777;text-align: center;}


.admin-signin {display: table;width: 100%;}
.admin-signin .fe-row {display: table-row;}
.admin-signin .fe-label,
.admin-signin .fe {display: table-cell; vertical-align: middle;padding: 4px 0;}
.admin-signin input {background: #fefefe;}
.admin-signin input.readonly {background: #f0f0f0;}

.jconfirm-buttons {width: 100%;text-align: right;}
.jconfirm-buttons .btn-left {float:left;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button {font-size: 12px;}

.jconfirm-box {width: 360px;}

.ccm-list-wrap .drk-head .guide {display: none;}
.ccm-list-wrap .cont {padding-top: 0;}
.ccm-list {min-height:561px}
.ccm-list table {width: 100%;}
.ccm-list thead td,
.ccm-list thead th {height: 35px;border-bottom: 1px solid #aeaeae;text-align: center;font-size: 12px;font-weight: 600;color: #232323;}
.ccm-list tbody td,
.ccm-list tbody th {font-size: 12px;height: 35px;border-bottom: 1px solid #e1e1e1;color: #232323;text-align: center;padding: 0 10px;}
.ccm-list tbody td.sbj {text-align: left;padding-left: 30px;}

.fe-checkbox {position: relative;overflow: hidden;display: inline-block; vertical-align: middle;}
.fe-checkbox input {width: 300%;height: 300%;position: absolute;top:0;left:0;opacity:0;z-index: 10;}
.fe-checkbox i {display: block;width: 22px;height: 22px;background: url(../imgs/ic_checkbox.png) no-repeat;}
.fe-checkbox input:checked ~ i {display: block;width: 22px;height: 22px;background: url(../imgs/ic_checkbox_on.png) no-repeat;}

.ccm-list-foot {margin-top: 20px;position: relative;}
.ccm-list-foot .search-box {position: absolute; top:0;left:0;}

.ccm-list-foot .paging {max-width:50%;margin: 0 auto;text-align: center;line-height: 24px;padding: 8px 0;height: 40px;}
.ccm-list-foot .paging strong,
.ccm-list-foot .paging a {font-size: 12px;color: #777;display: inline-block; vertical-align: top; line-height: 24px;height: 24px;padding: 0 4px;margin: 0 6px;}
.ccm-list-foot .paging a[rel=prev] {text-indent: -9999px;background: url(../imgs/ic_prev.png) no-repeat center; width: 24px;height: 24px;}
.ccm-list-foot .paging a[rel=next] {text-indent: -9999px;background: url(../imgs/ic_next.png) no-repeat center; width: 24px;height: 24px;}

.ccm-list-foot .search-box {width: 260px;}
.ccm-list-foot .search-box input {width: 100%;padding: 0 52px 0 12px;font-size: 12px;color: #777777;}
.ccm-list-foot .search-box button {position: absolute; top:50%; margin-top: -19px;right:4px; width: 40px; height: 38px; background: url(../imgs/ic_glass.png) no-repeat center; border: 0; text-indent: -9999px; font-size: 0;line-height: 0; z-index: 10;}
.ccm-list-foot .bt-wrap {position: absolute; top:0;right:0; font-size: 0;line-height: 0;}
.ccm-list-foot .bt-setup ,
.ccm-list-foot .bt-delete {display: inline-block;vertical-align: top;width: 100px;height: 40px;font-size: 12px;color: #fff; text-align: center;background: #8d8d8d;margin-left: 10px;line-height: 40px;}
.ccm-list-foot .bt-setup {background: #5e73f6;margin-left: 0;}


.ccm-view-box {}
.ccm-view-box .head {padding: 0 20px;position: relative;}
.ccm-view-box .head h3 {line-height: 50px;font-size: 12px;color: #232323;font-weight: 600;}
.ccm-view-box .head .bt-close {position: absolute; top:50%;right:20px;margin-top: -5.5px;width: 11px;height: 11px; background: url(../imgs/ic_close.png) no-repeat; text-indent: -9999px;}
.ccm-view-box .conts {padding: 20px;background: #f0f0f0;overflow: hidden;overflow-y: auto;height: 320px;}
.ccm-view-box .file-list li {position: relative;padding: 0 20px;border-bottom: 1px solid #e1e1e1;height: 35px;line-height: 35px;}
.ccm-view-box .file-list li a {color: #232323;}
.ccm-view-box .file-list a:after {content:""; width: 7px;height: 13px;background: url(../imgs/ic_arrow.png) no-repeat; }
.ccm-view-box .bt-wrap {margin-top: 35px;padding: 0 20px;}
.ccm-view-box .bt-wrap:after {content:""; display: table; clear: both;}
.ccm-view-box .bt-wrap .bt-left {float:left;}
.ccm-view-box .bt-wrap .bt-right {float:right;}
.ccm-view-box .bt-wrap .bt-sendmail ,
.ccm-view-box .bt-wrap .bt-delete ,
.ccm-view-box .bt-wrap .bt-close {display: inline-block; vertical-align: top; height: 40px;font-size: 12px;line-height: 40px;text-align: center;color: #fff;width: 100px;}
.ccm-view-box .bt-wrap .bt-close {margin-left: 10px;}
.ccm-view-box .bt-wrap .bt-sendmail {background: #5e73f6;width: 130px;}
.ccm-view-box .bt-wrap .bt-delete {background: #8d8d8d;}
.ccm-view-box .bt-wrap .bt-close {background: #fff;border: 1px solid #aaaaaa;line-height: 38px;color: #232323;}

.view-layer-popup {text-align: center; position: absolute; top:0;left:0;right:0;bottom:0; z-index: 10; display: none;}
.view-layer-popup:before {content:""; display: inline-block; vertical-align: middle; height: 100%;}
.view-layer-popup .bg {position: absolute;top:0;left:0;right:0;bottom:0;z-index: 1;background: #000;opacity:0.2}
.view-layer-popup .canvas {display: inline-block; vertical-align: middle; width: 800px;height: 580px;position: relative; z-index: 5;text-align: left;background: #fff;}

.note-editable {font-family: 'Montserrat','AppleSDGothicNeo-Regular','AppleSDGothic','Apple SD Gothic Neo','AppleGothic','Noto Sans KR',sans-serif;}
.note-editable i {font-style: italic;}
.note-editable s {text-decoration: line-through;}
.note-editable b {font-weight: bold;}
.note-editable hr { margin: 1em 0; border-color: #f2f2f2;}