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

.kboard-hwaikeul-gallery-button-small,
.kboard-hwaikeul-gallery-button-small:link,
.kboard-hwaikeul-gallery-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-gallery-button-small:hover,
.kboard-hwaikeul-gallery-button-small:focus,
.kboard-hwaikeul-gallery-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-gallery-button-small .button-icon { display: inline; margin: 0; width: 16px; vertical-align: middle; box-shadow: none; border: 0; }
.kboard-hwaikeul-gallery-button-small .button-text { vertical-align: text-bottom; font-size: 14px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: -1.2px; color: #9b9b9b; }

.kboard-hwaikeul-gallery-poweredby { float: left; margin-bottom: 8px; padding-bottom: 15px; width: 100%; font-size: 12px; }
.kboard-hwaikeul-gallery-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-gallery-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

.kboard-hwaikeul-gallery-container { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; border-radius: 8px; background-color: #d9dbdb; background-image: linear-gradient(to bottom, #eeeeee, #d9dbdb); background-size: cover; background-position: center; background-repeat: no-repeat; }
/* .kboard-hwaikeul-gallery-container.wide { padding-bottom: 56.25%; } */
/* #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide { padding-bottom: 100%; } */


.kboard-hwaikeul-gallery-container.latest { border-radius: 10px; }

.kboard-hwaikeul-gallery-thumbnail { position: relative; text-align: center; }
.kboard-hwaikeul-gallery-thumbnail img { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; vertical-align: middle; border-radius: 10px; box-shadow: none; cursor: pointer; }
.kboard-hwaikeul-gallery-thumbnail .target-image { display: none; }
.kboard-hwaikeul-gallery-thumbnail .target-image:first-child { display: block; }
.kboard-hwaikeul-gallery-thumbnail .kboard-hwaikeul-gallery-foreground { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(./images/foreground.png); border-radius: 8px;cursor: pointer;opacity: 0.5; }
.kboard-hwaikeul-gallery-thumbnail .kboard-hwaikeul-gallery-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; cursor: pointer; }
.kboard-hwaikeul-gallery-thumbnail:hover .kboard-hwaikeul-gallery-foreground,
.kboard-hwaikeul-gallery-thumbnail:hover .kboard-hwaikeul-gallery-foreground-search { display: block; }

.kboard-sort-ui-menu .ui-menu-item,
.kboard-search-ui-menu .ui-menu-item { font-size: 14px; }

#kboard-hwaikeul-gallery-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-hwaikeul-gallery-list form { margin: 0; padding: 0; }
#kboard-hwaikeul-gallery-list .kboard-header { display: table; margin: 0 0 30px 0; padding: 0; width: 100%; }
#kboard-hwaikeul-gallery-list .kboard-header .kboard-total-count { display: none; /*display: table-cell;*/ }
#kboard-hwaikeul-gallery-list .kboard-header .kboard-total-count .entry-title { margin-right: 16px; color: black; font-size: 32px; font-weight: bold; }
#kboard-hwaikeul-gallery-list .kboard-header .kboard-total-count .count { font-size: 16px; color: #4a90e2; }
#kboard-hwaikeul-gallery-list .kboard-header .kboard-sort { display: table-cell; text-align: right; vertical-align: middle; }
#kboard-hwaikeul-gallery-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-gallery-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-gallery-list .kboard-header .kboard-sort .kboard-selectmenu-sort-text { font-size: 16px; color: #4a90e2; }
#kboard-hwaikeul-gallery-list .kboard-category { overflow: hidden; }
#kboard-hwaikeul-gallery-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-gallery-list .kboard-category .kboard-category-list li { float: left; margin: 0 24px 10px 0; padding: 0; font-size: 24px; }
#kboard-hwaikeul-gallery-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-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a { color: black; }
#kboard-hwaikeul-gallery-list .kboard-selectmenu-sort-button,
#kboard-hwaikeul-gallery-list .kboard-selectmenu-search-button { margin: 0; padding: 0; width: auto; height: 26px; line-height: 26px; background: none; border: none; }
#kboard-hwaikeul-gallery-list .kboard-selectmenu-sort-button span,
#kboard-hwaikeul-gallery-list .kboard-selectmenu-search-button span { height: 26px; line-height: 26px; }
#kboard-hwaikeul-gallery-list .kboard-tree-category-wrap { float: left; margin: 0 0 20px 0; width: 100%; }
#kboard-hwaikeul-gallery-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-gallery-list .kboard-tree-category-search { float: left; margin-bottom: 0; width: 100%; }
#kboard-hwaikeul-gallery-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#kboard-hwaikeul-gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-hwaikeul-gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-hwaikeul-gallery-list .kboard-tree-category { float: left; margin: 0 0 20px 0; padding: 0; width: 100%; list-style: none; border: 0; overflow: hidden; }
#kboard-hwaikeul-gallery-list .kboard-tree-category li { float: left; margin: 0 24px 10px 0; padding: 0; }
#kboard-hwaikeul-gallery-list .kboard-tree-category li a { display: block; margin: 0; padding: 0; border: none; font-size: 24px; color: #9b9b9b; text-decoration: none; }
#kboard-hwaikeul-gallery-list .kboard-tree-category li.kboard-category-selected {  }
#kboard-hwaikeul-gallery-list .kboard-tree-category li.kboard-category-selected a { color: black; }
#kboard-hwaikeul-gallery-list .kboard-list { float: left; margin: 0 !important; padding: 25px 0px !important; width: 100%; list-style: none; border: 1px solid #494949; border-width: 2px 0px 1px 0px; }
#kboard-hwaikeul-gallery-list .kboard-list.notice-list { margin: -5px 0 10px 0 !important; padding: 0 0 10px 0 !important; border-bottom: 2px dashed #f6f6f6; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item { float: left; margin: 8px 0.5%; padding: 0; width: 32.33333333333333%; border: 0; background: none; }
#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-1 .kboard-list-item { margin: 5px 0; width: 100%; }
#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-2 .kboard-list-item { width: 49%; }
#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-3 .kboard-list-item { width: 32.33333333333333%; }
#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-4 .kboard-list-item { width: 24%; }
#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-5 .kboard-list-item { width: 19%; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item a { text-decoration: none; color: #888888;}/*게시목록: 링크관련*/
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .item-padding { padding: 10px; border: 0px solid #f6f6f6; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.02);*/ }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .kboard-hwaikeul-gallery-wrap { vertical-align: top; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-title { display: -webkit-box; margin: 20px 0 10px 0; overflow: hidden; height: 45px; line-height: 1.25em; font-size: 18px; text-align: left; text-decoration: none; color: #000000; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-content { display: -webkit-box; margin: 20px 0 6px 0; overflow: hidden; height: 45px; line-height: 1.4em; font-size: 16px; text-align: left; text-decoration: none; color: #888888; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-info { margin-bottom: 5px; text-align: left; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-info .kboard-info-name { color: #888888; font-size: 14px; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-info .kboard-info-value { color: #888888; font-size: 14px; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-info .kboard-info-separator { color: #d2d2d2; font-size: 13px; }
#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-selected .kboard-hwaikeul-gallery-wrap .kboard-hwaikeul-gallery-title { color: #4a90e2; }
#kboard-hwaikeul-gallery-list .kboard-pagination { float: left; padding: 50px 0 32px 0; width: 100%; }
#kboard-hwaikeul-gallery-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-gallery-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; background: none; border: 0; border-radius: 18px; list-style: none; }
#kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li a { padding: 5px 10px; background-color: white; border: 0px solid #f0f0f0; border-radius: 18px; color: #797979; font-size: 14px; text-decoration: none;  line-height: 27px; box-shadow: none; }
#kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.active a { background-color: #555555; color: #ffffff; font-weight: normal; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07); text-decoration: none; }
#kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#kboard-hwaikeul-gallery-list .kboard-search { display: flex;justify-content: flex-end; float: right; padding-bottom: 0px; width: 100%; text-align: center; }/*검색창오른쪽정렬*/
#kboard-hwaikeul-gallery-list .kboard-search .kboard-search-wrap { display: inline-block; *display: inline; padding: 5px 20px; line-height: 1; border-radius: 19px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07); background-color: #ffffff; border: 1px solid #dbdbdb; }
#kboard-hwaikeul-gallery-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-gallery-list .kboard-search .kboard-selectmenu-search-text { font-size: 14px; color: #9e9e9e; }
#kboard-hwaikeul-gallery-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: 0px solid #e8eaec; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-gallery-list .kboard-search input { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 2px; width: 150px; height: 26px; min-height: auto; line-height: 26px; background: none; font-size: 13px; color: #666666; border-radius: 0; border: none; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-gallery-list .kboard-search .button-search { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; width: 20px; height: 20px; line-height: 20px; background: none; border: none; vertical-align: middle; box-shadow: none; cursor: pointer; }
#kboard-hwaikeul-gallery-list .kboard-search .button-search img { display: inline; margin: 0; width: 20px; vertical-align: baseline; box-shadow: none; }
#kboard-hwaikeul-gallery-list .kboard-control { float: left; padding-bottom: 20px; width: 100%; text-align: right; }

#kboard-hwaikeul-gallery-editor { overflow: hidden; }
#kboard-hwaikeul-gallery-editor form { margin: 0; padding: 0; }
#kboard-hwaikeul-gallery-editor select { display: inline; margin: 0; padding: 0 5px; font-size: 14px; 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-gallery-editor input[type=text],
#kboard-hwaikeul-gallery-editor input[type=email],
#kboard-hwaikeul-gallery-editor input[type=number],
#kboard-hwaikeul-gallery-editor input[type=date],
#kboard-hwaikeul-gallery-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-gallery-editor input[type=checkbox] { width: auto; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
#kboard-hwaikeul-gallery-editor input[type=radio] { width: auto; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
#kboard-hwaikeul-gallery-editor select:hover,
#kboard-hwaikeul-gallery-editor input[type=text]:hover,
#kboard-hwaikeul-gallery-editor input[type=email]:hover,
#kboard-hwaikeul-gallery-editor input[type=number]:hover,
#kboard-hwaikeul-gallery-editor input[type=date]:hover,
#kboard-hwaikeul-gallery-editor input[type=password]:hover { border-bottom: 1px solid #9e9e9e; }
#kboard-hwaikeul-gallery-editor select:focus,
#kboard-hwaikeul-gallery-editor input[type=text]:focus,
#kboard-hwaikeul-gallery-editor input[type=email]:focus,
#kboard-hwaikeul-gallery-editor input[type=number]:focus,
#kboard-hwaikeul-gallery-editor input[type=date]:focus,
#kboard-hwaikeul-gallery-editor input[type=password]:focus { border-bottom: 2px solid #9e9e9e; }
#kboard-hwaikeul-gallery-editor input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 13px; color: #666666; border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }
#kboard-hwaikeul-gallery-editor .kboard-attr-title input { width: 70%; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; background-color: white; }
#kboard-hwaikeul-gallery-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: 14px; font-weight: bold; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: middle; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-name .attr-required-text { color: red; font-weight: normal; font-size: 12px; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row.kboard-attr-content .attr-name { display: none; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value { margin: 0 0 0 140px; padding: 0; line-height: 30px; font-size: 14px; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .attr-value-option { display: inline; padding-right: 20px; width: auto; cursor: pointer; font-size: 14px;}
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .attr-value-option input { cursor: pointer; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .attr-value-label { display: inline; padding-right: 5px; width: auto; cursor: pointer; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .attr-value-label input { cursor: pointer; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .description { margin: 0; color: #666666; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { float: left; width: 100%; }
#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { clear: both; float: left; margin-bottom: 5px; width: 30%; }
#kboard-hwaikeul-gallery-editor .kboard-content { float: left; margin: 0; padding: 9px 0; width: 100%; background-color: white; }
#kboard-hwaikeul-gallery-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-gallery-editor .kboard-control { float: left; padding: 20px 0; width: 100%; }
#kboard-hwaikeul-gallery-editor .kboard-control .left { position: static; float: left; }
#kboard-hwaikeul-gallery-editor .kboard-control .right { position: static; float: right; text-align: right; }
#kboard-hwaikeul-gallery-editor.confirm { margin: 100px auto; max-width: 590px; }
#kboard-hwaikeul-gallery-editor.confirm input[type=password] { width: 100%; box-sizing: border-box; }

#kboard-hwaikeul-gallery-document { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-hwaikeul-gallery-document .kboard-document-wrap { float: left; width: 100%; }
#kboard-hwaikeul-gallery-document .kboard-title { margin: 0  0 40px 0; padding: 0; font-size: 24px; text-align: center; color: #000000; }
#kboard-hwaikeul-gallery-document .kboard-hwaikeul-gallery-thumbnail { margin-bottom: 40px; }
#kboard-hwaikeul-gallery-document .kboard-attach-group { margin-bottom: 40px; padding: 0; border-radius: 8px; background-color: #f9f9f9; border: solid 1px #ebebeb; }
#kboard-hwaikeul-gallery-document .kboard-attach-group .kboard-attach-group-download { padding: 13px 16px; font-size: 13px; color: black; }
#kboard-hwaikeul-gallery-document .kboard-attach-group .kboard-attach-group-download .files-count { font-size: 13px; color: black; font-weight: normal; line-height: normal; }
#kboard-hwaikeul-gallery-document .kboard-attach { border-top: 1px solid #ebebeb; }
#kboard-hwaikeul-gallery-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-gallery-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-gallery-document .kboard-attach .download-icon img { display: inline; margin: 0; width: auto; vertical-align: middle; }
#kboard-hwaikeul-gallery-document .kboard-attach .file-name { margin-left: 36px; line-height: 28px; font-size: 13px; color: black; font-weight: bold; }
#kboard-hwaikeul-gallery-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-gallery-document .kboard-attach a:hover { color: #50afdd; }
#kboard-hwaikeul-gallery-document .kboard-category { padding: 0 22px; }
#kboard-hwaikeul-gallery-document .kboard-category .category-name { margin-right: 5px; color: #4a4a4a; font-size: 13px; font-weight: normal; line-height: normal; }
#kboard-hwaikeul-gallery-document .kboard-content { margin-bottom: 20px; min-height: 200px; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view { margin: 0; padding: 22px; word-break: break-all; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view iframe { max-width: 100%; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view p { margin: 0 0 0.75em; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view p:last-child { margin: 0; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view .aligncenter { display: block; margin-right: auto; margin-left: auto; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view .alignright { float:right; }
#kboard-hwaikeul-gallery-document .kboard-content .content-view .alignleft { float: left; }
#kboard-hwaikeul-gallery-document .kboard-document-action { padding: 0 22px 5px 22px; overflow: hidden; line-height: 1; }
#kboard-hwaikeul-gallery-document .kboard-detail { padding: 10px 22px; font-size: 14px; color: #9b9b9b; overflow: hidden; }
#kboard-hwaikeul-gallery-document .kboard-detail .kboard-user-display { color: #4a4a4a; }
#kboard-hwaikeul-gallery-document .kboard-detail a { color: #4a4a4a; text-decoration: none; text-shadow: none; box-shadow: none; border: 0; }
#kboard-hwaikeul-gallery-document .kboard-detail img { display: inline; margin: 0 5px 0 0; width: 20px; height: 20px; vertical-align: middle; max-width: 100%; border-radius: 50%; }
#kboard-hwaikeul-gallery-document .kboard-document-action { margin-bottom: 20px; }
#kboard-hwaikeul-gallery-document .kboard-document-action .left { position: static; float: left; }
#kboard-hwaikeul-gallery-document .kboard-document-action .right { position: static; float: right; text-align: right; }
#kboard-hwaikeul-gallery-document .kboard-button-action { margin: 0 0 5px 0; padding: 5px 7px; font-size: 15px; 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-gallery-document .kboard-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 12px; line-height: 12px; }
#kboard-hwaikeul-gallery-document .kboard-button-like { display: none; color: #ff5959; }
#kboard-hwaikeul-gallery-document .kboard-button-unlike { display: none; color: #3d62aa; }
#kboard-hwaikeul-gallery-document .kboard-button-print { color: gray; }
#kboard-hwaikeul-gallery-document .kboard-comments-area { float: left; width: 100%; }
#kboard-hwaikeul-gallery-document .kboard-document-navi { float: left; padding-top: 15px; width: 100%; }
#kboard-hwaikeul-gallery-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-gallery-document .kboard-document-navi .navi-document-title { display: block; line-height: 20px; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .navi-arrow { position: absolute; display: block; line-height: 20px; color: #9b9b9b; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .navi-arrow img { display: inline; margin: 0; width: 16px; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 50%; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 16px; vertical-align: middle; color: #9b9b9b; font-size: 15px; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .kboard-next-document { position: relative; float: right; width: 50%; text-align: right; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-right: 16px; vertical-align: middle; color: #9b9b9b; font-size: 15px; }
#kboard-hwaikeul-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow { right: 0; top: 0; }
#kboard-hwaikeul-gallery-document .kboard-control { float: left; padding: 20px 0;  width: 100%; }
#kboard-hwaikeul-gallery-document .kboard-control .left { position: static; float: left; }
#kboard-hwaikeul-gallery-document .kboard-control .right { position: static; float: right; text-align: right; }
#kboard-hwaikeul-gallery-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-gallery-latest { overflow: hidden; } 
#kboard-hwaikeul-gallery-latest a { cursor: pointer; text-decoration: none; }
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-item { float: left; padding: 20px 0; width: 100%; border-bottom: 0px solid #f0f0f0; overflow: hidden; }
#kboard-hwaikeul-gallery-latest.hwaikeul-gallery-row-2 .kboard-hwaikeul-gallery-latest-item { width: 50%; }
#kboard-hwaikeul-gallery-latest.hwaikeul-gallery-row-3 .kboard-hwaikeul-gallery-latest-item { width: 33.3333%; }
#kboard-hwaikeul-gallery-latest.hwaikeul-gallery-row-4 .kboard-hwaikeul-gallery-latest-item { width: 25%; }
#kboard-hwaikeul-gallery-latest.hwaikeul-gallery-row-5 .kboard-hwaikeul-gallery-latest-item { width: 20%; }
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-item .kboard-hwaikeul-gallery-thumbnail { float: left; width: 30%; height: auto; }
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-item .kboard-hwaikeul-gallery-thumbnail img,
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-item .kboard-hwaikeul-gallery-thumbnail .kboard-hwaikeul-gallery-foreground { border-radius: 10px; }
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-title { display: -webkit-box; margin: 0 0 8px 35%; 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; font-family: 'Noto Sans KR'; font-size: 16px; text-decoration: none; color: #000000; }
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-title:hover { color: #2575fc; }
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-title img { display: inline; margin: 0; width: 14px; vertical-align: middle; box-shadow: none; }
#kboard-hwaikeul-gallery-latest .kboard-hwaikeul-gallery-latest-date { margin: 0 0 0 35%; overflow: hidden; font-size: 14px; text-decoration: none; color: #000000; }

#kboard-pagination { text-align: center; }
#kboard-loadmore { margin-top: 30px; padding: 10px 18px; border-radius: 6px; border: 1px solid #ddd; background: #fff; cursor: pointer; min-width: 120px; text-align: center;}
.kboard-loadmore-btn{ display:inline-block;padding:10px 18px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:600; }
.kboard-loadmore-btn:hover{ opacity:0.9; }

@media screen and (max-width: 600px) {
	.kboard-hwaikeul-gallery-thumbnail:hover .kboard-hwaikeul-gallery-foreground,
	.kboard-hwaikeul-gallery-thumbnail:hover .kboard-hwaikeul-gallery-foreground-search { display: none; }

	#kboard-hwaikeul-gallery-list .kboard-category .kboard-category-list li a { font-size: 20px; }
	#kboard-hwaikeul-gallery-list .kboard-list { float: left; margin: 0 !important; width: 100%; }
	#kboard-hwaikeul-gallery-list .kboard-list .kboard-list-item { float: left; margin: 5px 0 5px 0; width: 100%; }
	#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-2 .kboard-list-item,
	#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-3 .kboard-list-item,
	#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-4 .kboard-list-item,
	#kboard-hwaikeul-gallery-list .kboard-list.hwaikeul-gallery-row-5 .kboard-list-item { margin: 5px 0.5%; }
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li { display: none; }
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.first-page,
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page,
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
    #kboard-hwaikeul-gallery-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
	
    #kboard-hwaikeul-gallery-editor select,
	#kboard-hwaikeul-gallery-editor input[type=text],
	#kboard-hwaikeul-gallery-editor input[type=email],
	#kboard-hwaikeul-gallery-editor input[type=number],
	#kboard-hwaikeul-gallery-editor input[type=date],
	#kboard-hwaikeul-gallery-editor input[type=password],
	#kboard-hwaikeul-gallery-editor input[type=file] { width: 100%; box-sizing: border-box; }
	#kboard-hwaikeul-gallery-editor .kboard-attr-row { padding: 10px 0; }
	#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value { margin: 0; padding: 0; }
	#kboard-hwaikeul-gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 10px; width: 100%; }
    
    #kboard-hwaikeul-gallery-document .kboard-title { margin-bottom: 0; font-size: 24px; }
    #kboard-hwaikeul-gallery-document .kboard-document-thumbnail { margin: 20px 0; }
    #kboard-hwaikeul-gallery-document .kboard-attach-group { margin: 20px 0; }
    #kboard-hwaikeul-gallery-document .kboard-category { padding: 0 5px; }
	#kboard-hwaikeul-gallery-document .kboard-content .content-view { padding: 10px 5px; }
	#kboard-hwaikeul-gallery-document .kboard-detail { padding: 10px 5px; }
    #kboard-hwaikeul-gallery-document .kboard-document-action { padding: 10px 5px 5px 5px; }


	#kboard-hwaikeul-gallery-list .kboard-list {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	}
	#kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide {
		padding-bottom: 141.3333%;
	}
}

/* 251023_추가 */
#kboard-hwaikeul-gallery-list .kboard-list {
  display: grid;
  /* grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); */
  gap: 22px; /* 카드 간격 */
  align-items: start;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 1200px; /* 원하면 전체 컨테이너 너비 제한 */
}

/* 2) 각각의 리스트 아이템 박스 레이아웃 정리 */
#kboard-hwaikeul-gallery-list .kboard-list-item .item-padding{
  display: flex;
  flex-direction: column;
  height: 100%;
}
#kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide {
  width: 100%;
  position: relative;
  overflow: hidden;
  /* height: 340px !important; */
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important; /* 전체가 보이게 함 */
}
#kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide.no-image {
  background-size: cover; /* placeholder 처리 필요시 */
}
#kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide img {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto !important;
  height: 100% !important;      /* 세로 채우기(비율 유지) */
  max-width: 100% !important;
  object-fit: contain !important; /* 잘리지 않고 전체 보이게 */
  display: block;
}
@media (min-width: 601px) {
  #kboard-hwaikeul-gallery-list .kboard-list,
  #kboard-hwaikeul-gallery-list > ul.kboard-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3열, overflow 문제 예방 */
    gap: 24px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    max-width: 1320px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    float: none !important; /* float 강제 제거 */
  }

  /* li가 컬럼 전체 너비를 차지하게 강제 */
  #kboard-hwaikeul-gallery-list .kboard-list > .kboard-list-item {
    display: block !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 내부 패딩 정리 */
  #kboard-hwaikeul-gallery-list .kboard-list-item .item-padding {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 썸네일 컨테이너 비율 강제(600x848) */
  #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide {
    width: 100% !important;
    padding-bottom: 141.3333% !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* 이미지 정렬 */
  #kboard-hwaikeul-gallery-list .kboard-hwaikeul-gallery-container.wide img {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    height: 100% !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
  }
}