@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com
 */

.kboard-hwaikeul-grid-button-small,
.kboard-hwaikeul-grid-button-small:link,
.kboard-hwaikeul-grid-button-small:visited{ display: inline-block; *display: inline; zoom: 1; margin: 0 5px !important; padding: 0 !important; font-size: 14px !important; font-weight: 300; color: #9B9B9B !important; background: none !important; border: none; border-radius: 0; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; box-shadow: none !important; line-height: 1; }
.kboard-hwaikeul-grid-button-small:hover,
.kboard-hwaikeul-grid-button-small:focus,
.kboard-hwaikeul-grid-button-small:active{ display: inline-block; *display: inline; zoom: 1; margin: 0 5px !important; padding: 0 !important; font-size: 14px !important; font-weight: 300; color: #9B9B9B !important; background: none !important; border: none; border-radius: 0; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; box-shadow: none !important; line-height: 1; }
.kboard-hwaikeul-grid-button-small .button-icon{ display: inline; margin: 0; width: 16px; vertical-align: middle; box-shadow: none; border: 0; }
.kboard-hwaikeul-grid-button-small .button-text{ vertical-align: text-bottom; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: -1.2px; color: #9B9B9B; }
.kboard-hwaikeul-grid-poweredby{ float: left; padding-bottom: 15px; width: 100%; font-size: 12px; }
.kboard-hwaikeul-grid-new-notify{ display: inline-block; *display: inline; zoom: 1; padding: 2px 2px; line-height: 10px; font-size: 10px; color: white; background-color: #F61B5D; font-weight: normal; }
.kboard-hwaikeul-grid-cut-strings{ width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.kboard-sort-ui-menu .ui-menu-item,
.kboard-search-ui-menu .ui-menu-item{ font-size: 14px; }
#kboard-hwaikeul-grid-list{ display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-hwaikeul-grid-list form{ margin: 0; padding: 0; }
#kboard-hwaikeul-grid-list .kboard-header{ display: table; margin: 0 0 30px 0; padding: 0; width: 100%; }
#kboard-hwaikeul-grid-list .kboard-header .kboard-total-count{ display: table-cell; }
#kboard-hwaikeul-grid-list .kboard-header .kboard-total-count .entry-title{ margin-right: 16px; color: black; font-size: 32px; font-weight: bold; }
#kboard-hwaikeul-grid-list .kboard-header .kboard-total-count .count{ font-size: 16px; color: #4A90E2; }
#kboard-hwaikeul-grid-list .kboard-header .kboard-sort{ display: table-cell; text-align: right; vertical-align: middle; }
#kboard-hwaikeul-grid-list .kboard-header .kboard-sort select{ display: inline; margin: 0; padding: 0; width: auto; min-width: 0; max-width: none; height: 26px; line-height: 26px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #F1F1F1; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-hwaikeul-grid-list .kboard-header .kboard-sort .kboard-selectmenu-sort-button .ui-icon{ background: url(./images/sort-16.png) no-repeat; background-size: 16px; background-position: center; }
#kboard-hwaikeul-grid-list .kboard-header .kboard-sort .kboard-selectmenu-sort-text{ font-size: 16px; color: #4A90E2; }
#kboard-hwaikeul-grid-list .kboard-category{ overflow: hidden; }
#kboard-hwaikeul-grid-list .kboard-category .kboard-category-list{ float: left; margin: 0 0 20px 0; padding: 0; width: 100%; list-style: none; line-height: 28px; }
#kboard-hwaikeul-grid-list .kboard-category .kboard-category-list li{ float: left; margin: 0 24px 10px 0; padding: 0; font-size: 24px; }
#kboard-hwaikeul-grid-list .kboard-category .kboard-category-list li a{ display: inline; margin: 0; padding: 0; font-size: 24px; color: #9B9B9B; text-decoration: none; font-weight: normal; }
#kboard-hwaikeul-grid-list .kboard-category .kboard-category-list li.kboard-category-selected a{ color: black; }
#kboard-hwaikeul-grid-list .kboard-selectmenu-sort-button,
#kboard-hwaikeul-grid-list .kboard-selectmenu-search-button{ margin: 0; padding: 0; width: auto; height: 26px; line-height: 26px; background: none; border: none; }
#kboard-hwaikeul-grid-list .kboard-selectmenu-sort-button span,
#kboard-hwaikeul-grid-list .kboard-selectmenu-search-button span{ height: 26px; line-height: 26px; }
#kboard-hwaikeul-grid-list .kboard-tree-category-wrap{ float: left; margin: 0 0 20px 0; width: 100%; }
#kboard-hwaikeul-grid-list .kboard-tree-category-wrap select{ display: inline; margin: 0 0 10px 0; padding: 5px; width: auto; height: auto; line-height: 1; font-size: 20px; color: black; border-radius: 0; border: 1px solid #F1F1F1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-hwaikeul-grid-list .kboard-tree-category-search{ float: left; margin-bottom: 0; width: 100%; }
#kboard-hwaikeul-grid-list .kboard-tree-category-search .kboard-search-option-wrap{ margin-right: 5px; float: left; }
#kboard-hwaikeul-grid-list .kboard-tree-category-search .kboard-search-option-wrap.type-select{ width: auto; }
#kboard-hwaikeul-grid-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab{ width: 100%; }
#kboard-hwaikeul-grid-list .kboard-tree-category{ float: left; margin: 0 0 20px 0; padding: 0; width: 100%; list-style: none; border: 0; overflow: hidden; }
#kboard-hwaikeul-grid-list .kboard-tree-category li{ float: left; margin: 0 24px 10px 0; padding: 0; }
#kboard-hwaikeul-grid-list .kboard-tree-category li a{ display: block; margin: 0; padding: 0; border: none; font-size: 24px; color: #9B9B9B; text-decoration: none; }
#kboard-hwaikeul-grid-list .kboard-tree-category li.kboard-category-selected a{ color: black; }
#kboard-hwaikeul-grid-list .kboard-list{ float: left; margin: 0 !important; padding: 0 !important; width: 100%; list-style: none; border: 0; }
#kboard-hwaikeul-grid-list .kboard-list.notice-list{ margin: -5px 0 10px 0 !important; padding: 0 0 10px 0 !important; border-bottom: 2px dashed #F6F6F6; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item{ float: left; margin: 5px 0.5%; padding: 0; width: 32.33333333333333%; border: 0; background: none; }
#kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-1 .kboard-list-item{ margin: 5px 0; width: 100%; }
#kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-2 .kboard-list-item{ width: 49%; }
#kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-3 .kboard-list-item{ width: 32.3333%; }
#kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-4 .kboard-list-item{ width: 24%; }
#kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-5 .kboard-list-item{ width: 19%; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item a{ text-decoration: none; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .item-padding{ padding: 10px; border: 1px solid #F6F6F6; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02); }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .item-background{ display: table; table-layout: fixed; width: 100%; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .grid-thumbnail{ display: table-cell; width: 30%; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-thumbnail{ position: relative; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-thumbnail img{ width: 100%; max-width: 100%; vertical-align: middle; border-radius: 8px; box-shadow: none; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-no-image{ float: left; margin-right: 40px; padding-top: 100%; width: 100%; background: url(./images/img_file_none.png); border-radius: 8px; background-size: cover;}
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-thumbnail .kboard-hwaikeul-grid-foreground{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/foreground.png); border-radius: 8px; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-thumbnail .kboard-hwaikeul-grid-foreground-search{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/search-30.png) no-repeat; background-position: center; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-thumbnail:hover .kboard-hwaikeul-grid-foreground,
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-thumbnail:hover .kboard-hwaikeul-grid-foreground-search{ display: block; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap{ display: table-cell; padding-left: 10px; vertical-align: top; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kboard-hwaikeul-grid-title{ margin-bottom: 10px; font-size: 14px; text-decoration: none; color: #000000; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kboard-hwaikeul-grid-title img{ display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-hwaikeul-grid-wrap .kboard-hwaikeul-grid-info{ margin-bottom: 5px; line-height: normal; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-hwaikeul-grid-wrap .kboard-hwaikeul-grid-info .kboard-info-name{ color: #4A4A4A; font-size: 13px; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-hwaikeul-grid-wrap .kboard-hwaikeul-grid-info .kboard-info-value{ color: #4A4A4A; font-size: 13px; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-hwaikeul-grid-wrap .kboard-hwaikeul-grid-info .kboard-info-separator{ color: #D2D2D2; font-size: 13px; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kboard-item-download-icon{ float: left; width: 56px; height: 122px; line-height: 122px; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list{ }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item{ position: relative; padding-bottom: 10px; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item:last-child{ padding-bottom: 0; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item .kboard-download{ margin: 0; padding: 0 10px; width: auto; height: 35px; line-height: 35px; font-size: 13px; border: none; border-radius: 4px; background-color: #2575FC; color: #FFFFFF; text-align: center; box-shadow: none; cursor: pointer; box-sizing: content-box; background-image: linear-gradient(to right, #6A11CB, #2575FC); }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item .kboard-download .kboard-file-name{ vertical-align: middle; font-size: 13px; color: #FFFFFF; font-weight: normal; line-height: normal; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item .kboard-download .kboard-file-name .files-count{ font-size: 13px; color: #FFFFFF; font-weight: normal; line-height: normal; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item img{ display: inline-block; margin: auto; width: 14px; vertical-align: middle; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list a{ display: inline-block; *display: inline; zoom: 1; height: 12px; line-height: 12px; font-weight: bold; color: #616161; text-decoration: none; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list a:hover{ color: #50AFDD; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item .kboard-attach-wrap{ position: absolute; top: 100%; display: none; border-radius: 8px; background-color: #F9F9F9; border: solid 1px #EBEBEB; z-index: 9; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-item .kboard-hwaikeul-grid-wrap .kbaord-item-download-list .kboard-download-item.active .kboard-attach-wrap{ display: block; }
#kboard-hwaikeul-grid-list .kboard-list .kboard-list-selected .kboard-hwaikeul-grid-wrap a .kboard-hwaikeul-grid-title{ color: #4A90E2; }
#kboard-hwaikeul-grid-list .kboard-attach{ clear: both; border-bottom: 1px solid #EBEBEB; }
#kboard-hwaikeul-grid-list .kboard-attach:last-child{ border: none; }
#kboard-hwaikeul-grid-list .kboard-attach.active{ display: block; }
#kboard-hwaikeul-grid-list .kboard-attach button{ margin: 0; padding: 15px 16px; width: 100%; overflow: hidden; background: none; border: none; text-align: left; box-shadow: none; cursor: pointer; }
#kboard-hwaikeul-grid-list .kboard-attach .download-icon{ float: left; width: 28px; height: 28px; line-height: 28px; border-radius: 28px; background-color: #232CEC; background-image: linear-gradient(to right, #6A11CB, #232CEC); text-align: center; }
#kboard-hwaikeul-grid-list .kboard-attach .file-name{ margin-left: 36px; line-height: 28px; font-size: 13px; color: black; font-weight: bold; }
#kboard-hwaikeul-grid-list .kboard-pagination{ float: left; padding: 40px 0 32px 0; width: 100%; }
#kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages{ float: left; margin: 0; padding: 0 0 1px 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li{ display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 2px; background: none; border: 0; border-radius: 18px; list-style: none; }
#kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li a{ padding: 5px 10px; background-color: white; border: 1px solid #F0F0F0; border-radius: 18px; color: #9B9B9B; font-size: 14px; text-decoration: none; line-height: 27px; box-shadow: none; }
#kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.active a{ background: none; color: #4A90E2; font-weight: bold; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07); text-decoration: none; }
#kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li:before{ display: none; }
#kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li:after{ display: none; }
#kboard-hwaikeul-grid-list .kboard-search{ float: right; padding-bottom: 15px; width: 100%; text-align: center; }
#kboard-hwaikeul-grid-list .kboard-search .kboard-search-wrap{ display: inline-block; *display: inline; padding: 5px 20px; border-radius: 19px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07); background-color: #FFFFFF; border: solid 1px #F6F6F6; }
#kboard-hwaikeul-grid-list .kboard-search .kboard-selectmenu-search-button .ui-icon{ background: url(./images/search-down-16.png) no-repeat; background-size: 16px; background-position: center; }
#kboard-hwaikeul-grid-list .kboard-search .kboard-selectmenu-search-text{ font-size: 14px; color: #9E9E9E; }
#kboard-hwaikeul-grid-list .kboard-search select{ display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 2px; width: 80px; height: 26px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #E8EAEC; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-grid-list .kboard-search input{ display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 2px; width: 150px; height: 26px; line-height: 26px; background: none; font-size: 13px; color: #666666; border-radius: 0; border: none; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-grid-list .kboard-search .button-search{ display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; width: 20px; height: 26px; line-height: 26px; background: none; border: none; vertical-align: middle; box-shadow: none; cursor: pointer; }
#kboard-hwaikeul-grid-list .kboard-search .button-search img{ display: inline; margin: 0; width: 20px; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-grid-list .kboard-control{ float: left; padding-bottom: 20px; width: 100%; text-align: right; }
#kboard-hwaikeul-grid-editor{ overflow: hidden; }
#kboard-hwaikeul-grid-editor form{ margin: 0; padding: 0; }
#kboard-hwaikeul-grid-editor select{ display: inline; margin: 0; padding: 0 5px; font-size: 13px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #DCDCDC; box-shadow: none; background: none; background-color: transparent; box-sizing: content-box; vertical-align: top; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-hwaikeul-grid-editor input[type=text],
#kboard-hwaikeul-grid-editor input[type=email],
#kboard-hwaikeul-grid-editor input[type=number],
#kboard-hwaikeul-grid-editor input[type=date],
#kboard-hwaikeul-grid-editor input[type=password]{ display: inline; margin: 0; padding: 0 5px; width: 30%; height: 28px; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #DCDCDC; box-shadow: none; background: none; background-color: transparent; box-sizing: content-box; vertical-align: top; }
#kboard-hwaikeul-grid-editor input[type=checkbox]{ width: auto; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
#kboard-hwaikeul-grid-editor input[type=radio]{ width: auto; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
#kboard-hwaikeul-grid-editor select:hover,
#kboard-hwaikeul-grid-editor input[type=text]:hover,
#kboard-hwaikeul-grid-editor input[type=email]:hover,
#kboard-hwaikeul-grid-editor input[type=number]:hover,
#kboard-hwaikeul-grid-editor input[type=date]:hover,
#kboard-hwaikeul-grid-editor input[type=password]:hover{ border-bottom: 1px solid #9E9E9E; }
#kboard-hwaikeul-grid-editor select:focus,
#kboard-hwaikeul-grid-editor input[type=text]:focus,
#kboard-hwaikeul-grid-editor input[type=email]:focus,
#kboard-hwaikeul-grid-editor input[type=number]:focus,
#kboard-hwaikeul-grid-editor input[type=date]:focus,
#kboard-hwaikeul-grid-editor input[type=password]:focus{ border-bottom: 2px solid #9E9E9E; }
#kboard-hwaikeul-grid-editor input[type=file]{ display: inline; margin: 0; padding: 0; width: 30%; font-size: 12px; color: #666666; border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }
#kboard-hwaikeul-grid-editor .kboard-attr-title input{ width: 70%; }
#kboard-hwaikeul-grid-editor .kboard-attr-row{ float: left; padding: 5px 0; width: 100%; background-color: white; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-name{ display: inline; float: left; margin: 0; padding: 0 10px 0 10px; width: 120px; line-height: 30px; color: #545861; font-size: 13px; font-weight: bold; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-name img{ display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: middle; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-name .attr-required-text{ color: red; font-weight: normal; font-size: 12px; }
#kboard-hwaikeul-grid-editor .kboard-attr-row.kboard-attr-content .attr-name{ display: none; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value{ margin: 0 0 0 140px; padding: 0; line-height: 30px; font-size: 13px; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .attr-value-option{ display: inline; padding-right: 20px; width: auto; cursor: pointer; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .attr-value-option input{ cursor: pointer; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .attr-value-label{ display: inline; padding-right: 5px; width: auto; cursor: pointer; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .attr-value-label input{ cursor: pointer; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .description{ margin: 0; color: #666666; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap{ float: left; width: 100%; }
#kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select{ clear: both; float: left; margin-bottom: 5px; width: 30%; }
#kboard-hwaikeul-grid-editor .kboard-content{ float: left; margin: 0; padding: 9px 0; width: 100%; background-color: white; }
#kboard-hwaikeul-grid-editor .kboard-content .editor-textarea{ display: inline; margin: 0; padding: 0; width: 100%; min-width: 100%; max-width: 100%; height: 250px; min-height: 0; font-size: 13px; border: 1px solid #DCDCDC; box-shadow: none; background: none; background-color: transparent; box-sizing: border-box; }
#kboard-hwaikeul-grid-editor .kboard-control{ float: left; padding: 20px 0; width: 100%; }
#kboard-hwaikeul-grid-editor .kboard-control .left{ position: static; float: left; }
#kboard-hwaikeul-grid-editor .kboard-control .right{ position: static; float: right; text-align: right; }
#kboard-hwaikeul-grid-editor.confirm{ margin: 100px auto; max-width: 590px; }
#kboard-hwaikeul-grid-editor.confirm input[type=password]{ width: 100%; box-sizing: border-box; }
#kboard-hwaikeul-grid-document{ display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-hwaikeul-grid-document .kboard-document-wrap{ float: left; width: 100%; }
#kboard-hwaikeul-grid-document .kboard-title{ margin: 0 0 40px 0; padding: 0; font-size: 32px; text-align: center; color: #000000; }
#kboard-hwaikeul-grid-document .kboard-document-thumbnail{ margin-bottom: 40px; text-align: center; }
#kboard-hwaikeul-grid-document .kboard-document-thumbnail img{ width: auto; max-width: 100%; border-radius: 8px; vertical-align: middle; }
#kboard-hwaikeul-grid-document .kboard-attach-group{ margin-bottom: 40px; padding: 0; border-radius: 8px; background-color: #F9F9F9; border: solid 1px #EBEBEB; }
#kboard-hwaikeul-grid-document .kboard-attach-group .kboard-attach-group-download{ padding: 13px 16px; font-size: 13px; color: black; }
#kboard-hwaikeul-grid-document .kboard-attach-group .kboard-attach-group-download .files-count{ font-size: 13px; color: black; font-weight: normal; line-height: normal; }
#kboard-hwaikeul-grid-document .kboard-attach{ border-top: 1px solid #EBEBEB; }
#kboard-hwaikeul-grid-document .kboard-attach button{ margin: 0; padding: 15px 16px; width: 100%; overflow: hidden; background: none; border: none; text-align: left; box-shadow: none; cursor: pointer; }
#kboard-hwaikeul-grid-document .kboard-attach .download-icon{ float: left; width: 28px; height: 28px; line-height: 28px; border-radius: 28px; background-color: #232CEC; background-image: linear-gradient(to right, #6A11CB, #232CEC); text-align: center; }
#kboard-hwaikeul-grid-document .kboard-attach .download-icon img{ display: inline; margin: 0; width: auto; vertical-align: middle; }
#kboard-hwaikeul-grid-document .kboard-attach .file-name{ margin-left: 36px; line-height: 28px; font-size: 13px; color: black; font-weight: bold; }
#kboard-hwaikeul-grid-document .kboard-attach a{ display: inline-block; *display: inline; zoom: 1; float: left; line-height: 28px; font-size: 14px; font-weight: 300; color: #000000; text-decoration: none; }
#kboard-hwaikeul-grid-document .kboard-attach a:hover{ color: #50AFDD; }
#kboard-hwaikeul-grid-document .kboard-category{ padding: 0 22px; }
#kboard-hwaikeul-grid-document .kboard-category .category-name{ margin-right: 5px; color: #4A4A4A; font-size: 13px; font-weight: normal; line-height: normal; }
#kboard-hwaikeul-grid-document .kboard-content{ margin-bottom: 20px; min-height: 200px; }
#kboard-hwaikeul-grid-document .kboard-content .content-view{ margin: 0; padding: 22px; word-break: break-all; }
#kboard-hwaikeul-grid-document .kboard-content .content-view iframe{ max-width: 100%; }
#kboard-hwaikeul-grid-document .kboard-content .content-view img{ display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
#kboard-hwaikeul-grid-document .kboard-content .content-view p{ margin: 0 0 0.75em; }
#kboard-hwaikeul-grid-document .kboard-content .content-view p:last-child{ margin: 0; }
#kboard-hwaikeul-grid-document .kboard-content .content-view .thumbnail-area{ text-align: center; }
#kboard-hwaikeul-grid-document .kboard-content .content-view .aligncenter{ display: block; margin-right: auto; margin-left: auto; }
#kboard-hwaikeul-grid-document .kboard-content .content-view .alignright{ float: right; }
#kboard-hwaikeul-grid-document .kboard-content .content-view .alignleft{ float: left; }
#kboard-hwaikeul-grid-document .kboard-document-action{ padding: 0 22px 5px 22px; overflow: hidden; line-height: 1; }
#kboard-hwaikeul-grid-document .kboard-detail{ padding: 10px 22px; font-size: 14px; color: #9B9B9B; overflow: hidden; }
#kboard-hwaikeul-grid-document .kboard-detail .kboard-user-display{ color: #4A4A4A; }
#kboard-hwaikeul-grid-document .kboard-detail a{ color: #4A4A4A; text-decoration: none; text-shadow: none; box-shadow: none; border: 0; }
#kboard-hwaikeul-grid-document .kboard-detail img{ float: left; display: inline; margin: 0 5px 0 0; width: 20px; height: 20px; vertical-align: middle; max-width: 100%; border-radius: 50%; }
#kboard-hwaikeul-grid-document .kboard-document-action{ margin-bottom: 20px; }
#kboard-hwaikeul-grid-document .kboard-document-action .left{ position: static; float: left; }
#kboard-hwaikeul-grid-document .kboard-document-action .right{ position: static; float: right; text-align: right; }
#kboard-hwaikeul-grid-document .kboard-button-action{ margin: 0; padding: 4px 5px; font-size: 12px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #EDEDED; background: none; background-color: white; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
#kboard-hwaikeul-grid-document .kboard-button-action span{ position: static; display: inline; margin: 0; padding: 0; font-size: 12px; line-height: 12px; }
#kboard-hwaikeul-grid-document .kboard-button-like{ color: #FF5959; }
#kboard-hwaikeul-grid-document .kboard-button-unlike{ color: #3D62AA; }
#kboard-hwaikeul-grid-document .kboard-button-print{ color: gray; }
#kboard-hwaikeul-grid-document .kboard-comments-area{ float: left; width: 100%; }
#kboard-hwaikeul-grid-document .kboard-document-navi{ float: left; padding-top: 15px; width: 100%; }
#kboard-hwaikeul-grid-document .kboard-document-navi a{ display: block; text-decoration: none; border: 0; font-size: 13px; line-height: 20px; box-shadow: none; color: #545861; }
#kboard-hwaikeul-grid-document .kboard-document-navi .navi-document-title{ display: block; line-height: 20px; }
#kboard-hwaikeul-grid-document .kboard-document-navi .navi-arrow{ position: absolute; display: block; line-height: 20px; }
#kboard-hwaikeul-grid-document .kboard-document-navi .navi-arrow img{ display: inline; margin: 0; width: 16px; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-grid-document .kboard-document-navi .kboard-prev-document{ position: relative; float: left; width: 50%; }
#kboard-hwaikeul-grid-document .kboard-document-navi .kboard-prev-document .navi-document-title{ padding-left: 16px; vertical-align: middle; color: #9B9B9B; font-size: 14px; }
#kboard-hwaikeul-grid-document .kboard-document-navi .kboard-prev-document .navi-arrow{ left: 0; top: 0; }
#kboard-hwaikeul-grid-document .kboard-document-navi .kboard-next-document{ position: relative; float: right; width: 50%; text-align: right; }
#kboard-hwaikeul-grid-document .kboard-document-navi .kboard-next-document .navi-document-title{ padding-right: 16px; vertical-align: middle; color: #9B9B9B; font-size: 14px; }
#kboard-hwaikeul-grid-document .kboard-document-navi .kboard-next-document .navi-arrow{ right: 0; top: 0; }
#kboard-hwaikeul-grid-document .kboard-control{ float: left; padding: 20px 0; width: 100%; }
#kboard-hwaikeul-grid-document .kboard-control .left{ position: static; float: left; }
#kboard-hwaikeul-grid-document .kboard-control .right{ position: static; float: right; text-align: right; }
#kboard-hwaikeul-grid-document .kboard-comments-form .comments-submit-button input[type=submit]{ font-size: 16px; font-weight: bold; border-radius: 4px; background-image: linear-gradient(to right, #1298E3, #2575FC); }
#kboard-hwaikeul-grid-latest{ overflow: hidden; }
#kboard-hwaikeul-grid-latest a{ cursor: pointer; text-decoration: none; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-item{ padding: 20px 0; border-bottom: 1px solid #F0F0F0; overflow: hidden; }
#kboard-hwaikeul-grid-latest.hwaikeul-grid-row-2 .kboard-hwaikeul-grid-latest-item{ float: left; width: 50%; }
#kboard-hwaikeul-grid-latest.hwaikeul-grid-row-3 .kboard-hwaikeul-grid-latest-item{ float: left; width: 33.3333%; }
#kboard-hwaikeul-grid-latest.hwaikeul-grid-row-4 .kboard-hwaikeul-grid-latest-item{ float: left; width: 25%; }
#kboard-hwaikeul-grid-latest.hwaikeul-grid-row-5 .kboard-hwaikeul-grid-latest-item{ float: left; width: 20%; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail{ position: relative; float: left; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail img{ display: inline; margin: 0; width: 88px; height: 66px; vertical-align: middle; border-radius: 3px; box-shadow: none; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail .kboard-no-image{ background-color: #D9DBDB; background-image: linear-gradient(to bottom, #EEEEEE, #D9DBDB); border-radius: 8px;width: 88px; height: 66px; border-radius: 3px; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail .kboard-no-image a{ display: block; width: 111px; line-height: 66px; text-align: center; color: black; text-decoration: none; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail .kboard-hwaikeul-grid-foreground{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/foreground.png); border-radius: 3px; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail .kboard-hwaikeul-grid-foreground-search{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/search-20.png) no-repeat; background-position: center; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail:hover .kboard-hwaikeul-grid-foreground,
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-thumbnail:hover .kboard-hwaikeul-grid-foreground-search{ display: block; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-title{ display: -webkit-box; margin: 0 0 8px 100px; overflow: hidden; line-height: 16px; height: 32px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-title{ font-size: 12px; text-decoration: none; color: #000000; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-title:hover{ color: #2575FC; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-title img{ display: inline; margin: 0; width: 14px; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-download-list{ margin-left: 100px; overflow: hidden; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-download-item{ float: left; width: 71px; height: 26px; line-height: 26px; border: none; border-radius: 2px; background-color: #2575FC; background-image: linear-gradient(to right, #1298E3, #2575FC); text-align: center; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-download-item a{ border: none; font-size: 11px; color: white; text-align: left; text-decoration: none; box-shadow: none; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-download-item a img{ display: inline; margin: 0; width: 14px; vertical-align: text-top; box-shadow: none; }
#kboard-hwaikeul-grid-latest .kboard-hwaikeul-grid-latest-download-item a .kboard-file-name{ font-size: 11px; color: white; font-weight: bold; line-height: normal; }
@media screen and (max-width: 600px){
  #kboard-hwaikeul-grid-list .kboard-category .kboard-category-list li a{ font-size: 20px; }
  #kboard-hwaikeul-grid-list .kboard-list{ float: left; margin: 0 !important; width: 100%; }
  #kboard-hwaikeul-grid-list .kboard-list .kboard-list-item{ float: left; margin: 5px 0 5px 0; width: 100%; }
  #kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-2 .kboard-list-item,
  #kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-3 .kboard-list-item,
  #kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-4 .kboard-list-item,
  #kboard-hwaikeul-grid-list .kboard-list.hwaikeul-grid-row-5 .kboard-list-item{ margin: 5px 0.5%; }
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li{ display: none; }
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.first-page,
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.last-page{ display: inline-block; *display: inline; zoom: 1; }
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.prev-page,
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.next-page{ display: inline-block; *display: inline; zoom: 1; }
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.next-page a{ padding: 6px 18px; }
  #kboard-hwaikeul-grid-list .kboard-pagination .kboard-pagination-pages li.active{ display: inline-block; *display: inline; zoom: 1; }
  #kboard-hwaikeul-grid-editor select,
  #kboard-hwaikeul-grid-editor input[type=text],
  #kboard-hwaikeul-grid-editor input[type=email],
  #kboard-hwaikeul-grid-editor input[type=number],
  #kboard-hwaikeul-grid-editor input[type=date],
  #kboard-hwaikeul-grid-editor input[type=password],
  #kboard-hwaikeul-grid-editor input[type=file]{ width: 100%; box-sizing: border-box; }
  #kboard-hwaikeul-grid-editor .kboard-attr-row{ padding: 10px 0; }
  #kboard-hwaikeul-grid-editor .kboard-attr-row .attr-name{ padding: 0; width: 100%; font-size: 14px; }
  #kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value{ margin: 0; padding: 0; }
  #kboard-hwaikeul-grid-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select{ margin-bottom: 10px; width: 100%; }
  #kboard-hwaikeul-grid-document .kboard-title{ margin-bottom: 0; font-size: 24px; }
  #kboard-hwaikeul-grid-document .kboard-document-thumbnail{ margin: 20px 0; }
  #kboard-hwaikeul-grid-document .kboard-attach-group{ margin: 20px 0; }
  #kboard-hwaikeul-grid-document .kboard-category{ padding: 0 5px; }
  #kboard-hwaikeul-grid-document .kboard-content .content-view{ padding: 10px 5px; }
  #kboard-hwaikeul-grid-document .kboard-detail{ padding: 10px 5px; }
  #kboard-hwaikeul-grid-document .kboard-document-action{ padding: 10px 5px 5px 5px; }
}