@charset "utf-8";
 img {
border: 0;
} a.kboard-pure-gallery-button-small,
input.kboard-pure-gallery-button-small,
button.kboard-pure-gallery-button-small {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
margin: 0;
padding: 0 16px;
border: 0;
border-radius: 10px;
background: #263842 !important;
color: #fff !important;
font-size: 13px;
font-weight: 800;
letter-spacing: -0.03em;
text-decoration: none !important;
cursor: pointer;
vertical-align: middle;
text-shadow: none;
box-shadow: none;
transition: opacity 0.15s ease, transform 0.15s ease;
box-sizing: border-box;
}
a.kboard-pure-gallery-button-small:hover,
a.kboard-pure-gallery-button-small:focus,
a.kboard-pure-gallery-button-small:active,
input.kboard-pure-gallery-button-small:hover,
input.kboard-pure-gallery-button-small:focus,
input.kboard-pure-gallery-button-small:active,
button.kboard-pure-gallery-button-small:hover,
button.kboard-pure-gallery-button-small:focus,
button.kboard-pure-gallery-button-small:active {
opacity: 0.85;
transform: translateY(-1px);
}
.kboard-pure-gallery-poweredby {
display: none;
}
.kboard-pure-gallery-new-notify {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 5px;
min-height: 16px;
border-radius: 999px;
font-size: 10px;
color: white;
background-color: #f61b5d;
font-weight: 700;
}
.kboard-pure-gallery-cut-strings {
width: auto;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
word-wrap: break-word;
} #kboard-pure-gallery-list {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0 0 40px;
overflow: visible;
background: transparent;
box-sizing: border-box;
}
#kboard-pure-gallery-list *,
#kboard-pure-gallery-list *::before,
#kboard-pure-gallery-list *::after {
box-sizing: border-box;
}
#kboard-pure-gallery-list a {
text-decoration: none;
text-shadow: none;
box-shadow: none;
} #kboard-pure-gallery-list .kboard-control {
width: 100%;
margin: 0 0 26px;
padding: 0;
overflow: hidden;
}
#kboard-pure-gallery-list .kboard-control img {
display: inline;
margin: 0;
width: 20px;
height: 20px;
vertical-align: middle;
max-width: 100%;
}
#kboard-pure-gallery-list .kboard-control a {
display: inline-flex;
align-items: center;
justify-content: center;
color: #263842;
text-decoration: none;
border: 0;
opacity: 0.65;
transition: opacity 0.15s ease;
}
#kboard-pure-gallery-list .kboard-control a:hover {
opacity: 1;
}
#kboard-pure-gallery-list .kboard-control .kboard-control-search {
float: left;
}
#kboard-pure-gallery-list .kboard-control .kboard-control-write {
float: right;
} #kboard-pure-gallery-list .kboard-pure-gallery-search {
display: none;
width: 100%;
margin: 0 0 26px;
padding: 22px;
border: 1px solid #e1e8ec;
border-radius: 18px;
background: #f7fafb;
overflow: hidden;
}
#kboard-pure-gallery-list .kboard-pure-gallery-search.active-search {
display: block;
}
#kboard-pure-gallery-list .kboard-pure-gallery-search.active-fadein {
animation: fadein 0.4s;
}
#kboard-pure-gallery-list .kboard-pure-gallery-search select,
#kboard-pure-gallery-list .kboard-pure-gallery-search input {
display: inline-block;
margin: 0 5px 0 0;
padding: 0 12px;
height: 40px;
min-height: 40px;
border: 1px solid #dce4e8;
border-radius: 10px;
background: #fff;
color: #263842;
font-size: 14px;
line-height: 40px;
vertical-align: middle;
box-shadow: none;
}
#kboard-pure-gallery-list .kboard-pure-gallery-search select {
width: 120px;
min-width: 120px;
}
#kboard-pure-gallery-list .kboard-pure-gallery-search input {
width: 240px;
min-width: 240px;
} #kboard-pure-gallery-list .kboard-category {
width: 100%;
margin: 0 0 38px;
padding: 0;
border: 0;
text-align: center;
}
#kboard-pure-gallery-list .kboard-category select {
display: inline-block;
margin: 0 0 12px;
padding: 0 12px;
width: 100%;
min-width: 100%;
height: 42px;
line-height: 42px;
font-size: 14px;
color: #263842;
border-radius: 10px;
border: 1px solid #dce4e8;
background: #fff;
box-shadow: none;
box-sizing: border-box;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list,
#kboard-pure-gallery-list .kboard-category .kboard-category-list ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px 10px;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
border: 0;
overflow: visible;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list li {
display: inline-flex;
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list li::before,
#kboard-pure-gallery-list .kboard-category .kboard-category-list li::after {
display: none;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list li a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 18px;
border: 1px solid #dce4e8;
border-radius: 999px;
background: #fff;
color: #263842;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.04em;
text-decoration: none;
box-shadow: 0 8px 20px rgba(20, 34, 43, 0.04);
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list li a:hover {
transform: translateY(-1px);
border-color: #263842;
background: #f4f7f8;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a {
background: #263842;
border-color: #263842;
color: #fff;
} #kboard-pure-gallery-list .kboard-tree-category-wrap {
float: none;
width: 100%;
margin: 0 0 30px;
padding: 0;
}
#kboard-pure-gallery-list .kboard-tree-category-wrap select {
display: inline-block;
margin: 0 0 10px;
padding: 0 12px;
width: 100%;
height: 42px;
line-height: 42px;
font-size: 14px;
color: #263842;
border-radius: 10px;
border: 1px solid #dce4e8;
background: #fff;
box-shadow: none;
box-sizing: border-box;
}
#kboard-pure-gallery-list .kboard-tree-category {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px 10px;
float: none;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
border: 0;
background: transparent;
overflow: visible;
}
#kboard-pure-gallery-list .kboard-tree-category li {
display: inline-flex;
margin: 0;
padding: 0;
border: 0;
list-style: none;
}
#kboard-pure-gallery-list .kboard-tree-category li::before,
#kboard-pure-gallery-list .kboard-tree-category li::after {
display: none;
}
#kboard-pure-gallery-list .kboard-tree-category li a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 18px;
border: 1px solid #dce4e8;
border-radius: 999px;
background: #fff;
color: #263842;
font-size: 14px;
font-weight: 700;
letter-spacing: -0.04em;
}
#kboard-pure-gallery-list .kboard-tree-category li.kboard-category-selected a {
background: #263842;
border-color: #263842;
color: #fff;
}
#kboard-pure-gallery-list .kboard-tree-category-search {
overflow: hidden;
}
#kboard-pure-gallery-list .kboard-tree-category-search .kboard-search-option-wrap {
margin-right: 5px;
float: left;
} #kboard-pure-gallery-list .kboard-pure-gallery-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 34px 24px;
width: 100%;
margin: 0 auto;
padding: 0 0 30px;
list-style: none;
overflow: visible;
clear: both;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list::before,
#kboard-pure-gallery-list .kboard-pure-gallery-list::after {
display: none;
content: none;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item,
#kboard-pure-gallery-list.mw1400 .kboard-pure-gallery-list .kboard-list-item,
#kboard-pure-gallery-list.mw1200 .kboard-pure-gallery-list .kboard-list-item,
#kboard-pure-gallery-list.mw1000 .kboard-pure-gallery-list .kboard-list-item,
#kboard-pure-gallery-list.mw800 .kboard-pure-gallery-list .kboard-list-item,
#kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list .kboard-list-item {
visibility: visible;
position: relative;
display: block;
float: none;
width: auto;
max-width: none;
min-width: 0;
height: auto;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #e1e8ec;
border-radius: 22px;
background: #fff;
overflow: hidden;
cursor: pointer;
box-shadow: 0 14px 34px rgba(20, 34, 43, 0.08);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:hover {
transform: translateY(-4px);
border-color: #c9d4da;
box-shadow: 0 20px 46px rgba(20, 34, 43, 0.14);
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item a {
display: flex;
flex-direction: column;
height: 100%;
color: #263842;
text-decoration: none;
border: 0;
text-shadow: none;
box-shadow: none;
box-sizing: border-box;
background: #fff;
padding: 0;
overflow: hidden;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail {
position: relative;
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
margin: 0;
padding: 0;
border: 0;
border-radius: 22px 22px 0 0;
background: #eef2f4;
overflow: hidden;
flex: 0 0 auto;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-child {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.28s ease;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:hover .kboard-list-thumbnail .kboard-list-thumbnail-child {
transform: scale(1.045);
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-background,
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-image {
display: none;
} #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-new,
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-new * {
display: none !important;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:not(.kboard-list-notice) .kboard-list-notice {
display: none !important;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item.kboard-list-notice .kboard-list-notice {
position: absolute !important;
top: 12px !important;
left: 12px !important;
z-index: 6 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: 24px !important;
min-height: 24px !important;
margin: 0 !important;
padding: 0 9px !important;
border-radius: 999px !important;
background: #e93737 !important;
color: #fff !important;
text-align: center !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 800 !important;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item.kboard-list-notice .kboard-list-notice .kboard-oneticon-new-notify {
color: #fff;
background-color: transparent;
} #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title {
display: block;
width: 100%;
min-height: auto;
height: auto;
margin: 0;
padding: 18px 18px 12px;
border: 0;
background: #fff;
color: #263842;
text-align: left;
font-size: 18px;
line-height: 1.45;
font-weight: 800;
letter-spacing: -0.05em;
word-break: keep-all;
flex: 0 0 auto;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title.two-line,
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title.three-line {
height: auto;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title.two-line .kboard-pure-gallery-cut-strings,
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title.three-line .kboard-pure-gallery-cut-strings,
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title .kboard-pure-gallery-cut-strings {
display: -webkit-box;
height: auto;
min-height: 0;
max-height: 52px;
line-height: 1.45;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
white-space: normal;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title::after {
content: "시공 사례 보기 →";
display: block;
margin-top: 12px;
color: #60717b;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.03em;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title img {
display: inline;
margin: 0;
width: auto;
height: auto;
vertical-align: middle;
max-width: 100%;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title img.kboard-icon-lock {
width: 16px !important;
height: 16px !important;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:hover .kboard-list-title {
text-decoration: none;
} #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-date,
#kboard-pure-gallery-list .kboard-list-date,
#kboard-pure-gallery-list [class*="date"].kboard-list-date {
display: block !important;
position: relative !important;
left: 0 !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
clear: both !important;
width: calc(100% - 36px) !important;
max-width: calc(100% - 36px) !important;
height: auto !important;
min-height: 22px !important;
margin: 0 18px 0 18px !important;
padding: 0 0 20px 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
color: #60717b !important;
background: #fff !important;
font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
text-align: left !important;
white-space: nowrap !important;
word-break: normal !important;
transform: none !important;
text-indent: 0 !important;
flex: 0 0 auto !important;
} #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-user,
#kboard-pure-gallery-list .kboard-list-user,
#kboard-pure-gallery-list .kboard-list-view,
#kboard-pure-gallery-list .kboard-list-vote,
#kboard-pure-gallery-list .kboard-list-uid,
#kboard-pure-gallery-list [class*="author"],
#kboard-pure-gallery-list [class*="view"],
#kboard-pure-gallery-list [class*="vote"],
#kboard-pure-gallery-list [class*="uid"] {
display: none !important;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list.active-fadein .kboard-list-item {
visibility: visible;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item.animation-fadein {
visibility: visible;
animation: fadein 0.35s;
} #kboard-pure-gallery-list .kboard-pagination {
width: 100%;
padding: 42px 0 0;
overflow: hidden;
text-align: center;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages {
float: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
border: 0;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li {
display: inline-flex;
margin: 0;
padding: 0;
background: none;
border: 0;
list-style: none;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li::before,
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li::after {
display: none;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
margin: 0;
padding: 0 11px;
border-radius: 10px;
border: 1px solid #dce4e8;
background: #fff;
color: #263842;
font-size: 14px;
line-height: 1;
font-weight: 700;
text-decoration: none;
box-shadow: none;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.active a {
border-color: #263842;
background: #263842;
color: #fff;
font-weight: 800;
text-decoration: none;
} #kboard-pure-gallery-editor {
overflow: hidden;
}
#kboard-pure-gallery-editor select,
#kboard-pure-gallery-editor input[type=text],
#kboard-pure-gallery-editor input[type=email],
#kboard-pure-gallery-editor input[type=number],
#kboard-pure-gallery-editor input[type=date],
#kboard-pure-gallery-editor input[type=password] {
display: inline-block;
margin: 0;
padding: 0 10px;
width: 30%;
height: 34px;
line-height: 34px;
font-size: 13px;
color: #263842;
border-radius: 8px;
border: 1px solid #dce4e8;
box-shadow: none;
background: #fff;
box-sizing: border-box;
vertical-align: top;
}
#kboard-pure-gallery-editor input[type=file] {
display: inline-block;
margin: 0;
padding: 0;
width: 30%;
font-size: 12px;
color: #263842;
border: 0;
box-shadow: none;
background: transparent;
}
#kboard-pure-gallery-editor .kboard-attr-title input {
width: 70%;
}
#kboard-pure-gallery-editor .kboard-attr-row {
float: left;
padding: 8px 0;
width: 100%;
background: white;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-name {
display: inline;
float: left;
margin: 0;
padding: 0 10px 0 20px;
width: 120px;
line-height: 34px;
color: #263842;
font-size: 13px;
font-weight: 800;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-name img {
display: inline;
margin: 0;
padding: 0;
width: auto;
max-width: 100%;
vertical-align: middle;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-name .attr-required-text {
color: red;
font-weight: normal;
font-size: 12px;
}
#kboard-pure-gallery-editor .kboard-attr-row.kboard-attr-content .attr-name {
display: none;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-value {
margin-left: 150px;
line-height: 34px;
font-size: 13px;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-value .attr-value-option {
display: inline;
padding-right: 20px;
width: auto;
cursor: pointer;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-value .description {
margin: 0;
color: #666;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select {
margin-bottom: 5px;
width: 70%;
}
#kboard-pure-gallery-editor .kboard-confirm-row {
padding: 100px 0;
}
#kboard-pure-gallery-editor .kboard-content {
float: left;
padding: 9px 0;
width: 100%;
background: white;
}
#kboard-pure-gallery-editor .kboard-content .editor-textarea {
display: inline;
margin: 0;
padding: 12px;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 250px;
font-size: 13px;
border: 1px solid #dce4e8;
border-radius: 8px;
box-sizing: border-box;
}
#kboard-pure-gallery-editor .kboard-control {
float: left;
padding: 15px 0;
width: 100%;
}
#kboard-pure-gallery-editor .kboard-control .left {
position: static;
float: left;
}
#kboard-pure-gallery-editor .kboard-control .right {
position: static;
float: right;
width: 50%;
text-align: right;
} #kboard-pure-gallery-document {
width: min(1080px, calc(100vw - 48px));
max-width: 100%;
margin: 0 auto;
overflow: visible;
}
#kboard-pure-gallery-document.active-fadein {
visibility: visible;
animation: fadein 0.35s;
}
#kboard-pure-gallery-document .kboard-document-wrap {
background: transparent;
overflow: visible;
}
#kboard-pure-gallery-document .kboard-title h1 {
margin: 0 auto 28px;
padding: 0;
color: #263842;
font-weight: 800;
font-size: clamp(30px, 3vw, 46px);
line-height: 1.25;
letter-spacing: -0.06em;
text-align: center;
word-break: keep-all;
}
#kboard-pure-gallery-document .kboard-detail {
display: none !important;
}
#kboard-pure-gallery-document .kboard-content {
clear: both;
float: none;
width: 100%;
min-height: 200px;
padding: clamp(28px, 4vw, 54px);
border: 1px solid #e1e8ec;
border-radius: 28px;
background: #fff;
box-shadow: 0 20px 56px rgba(20, 34, 43, 0.10);
color: #263842;
overflow: visible;
}
#kboard-pure-gallery-document .kboard-content .content-view {
margin: 0;
padding: 0;
word-break: keep-all;
font-size: 17px;
line-height: 1.85;
overflow: visible;
}
#kboard-pure-gallery-document .kboard-content .content-view img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 28px auto;
border-radius: 24px;
box-shadow: 0 16px 38px rgba(20, 34, 43, 0.12);
vertical-align: middle;
object-fit: contain;
overflow: hidden;
}
#kboard-pure-gallery-document .kboard-content .content-view p {
margin: 0 0 0.9em;
}
#kboard-pure-gallery-document .kboard-content .content-view p:last-child {
margin: 0;
}
#kboard-pure-gallery-document .kboard-content .content-view ul {
width: min(860px, 100%);
margin: 0 auto 30px;
padding: 28px 32px 28px 48px;
border-radius: 22px;
background: #f5f8fa;
color: #263842;
}
#kboard-pure-gallery-document .kboard-content .content-view li {
margin: 6px 0;
line-height: 1.75;
}
#kboard-pure-gallery-document .kboard-content .content-view .thumbnail-area {
text-align: center;
}
#kboard-pure-gallery-document .kboard-content .content-view .aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
#kboard-pure-gallery-document .kboard-content .content-view .alignright {
float: right;
}
#kboard-pure-gallery-document .kboard-content .content-view .alignleft {
float: left;
}
#kboard-pure-gallery-document .kboard-document-action {
padding: 20px 0 0;
overflow: hidden;
line-height: 1;
}
#kboard-pure-gallery-document .kboard-document-action .left {
display: none;
}
#kboard-pure-gallery-document .kboard-document-action .right {
position: static;
float: right;
text-align: right;
}
#kboard-pure-gallery-document .kboard-attach {
clear: both;
margin: 24px 0 0;
padding: 14px 0 5px;
font-size: 12px;
overflow: hidden;
line-height: 1;
border-top: 1px dashed #dce4e8;
}
#kboard-pure-gallery-document .kboard-button-action {
margin: 0 0 5px;
padding: 7px 9px;
font-size: 12px;
font-weight: 700;
line-height: 1;
text-align: left;
border: 1px solid #dce4e8;
background: #fff;
border-radius: 8px;
letter-spacing: normal;
cursor: pointer;
vertical-align: middle;
text-shadow: none;
box-shadow: none;
}
#kboard-pure-gallery-document .kboard-button-action span {
position: static;
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
}
#kboard-pure-gallery-document .kboard-button-like {
color: #ff5959;
}
#kboard-pure-gallery-document .kboard-button-unlike {
color: #3d62aa;
}
#kboard-pure-gallery-document .kboard-button-print,
#kboard-pure-gallery-document .kboard-button-download {
color: gray;
}
#kboard-pure-gallery-document .kboard-comments-area {
float: left;
width: 100%;
}
#kboard-pure-gallery-document .kboard-document-navi {
float: left;
padding-top: 28px;
width: 100%;
}
#kboard-pure-gallery-document .kboard-document-navi a {
display: block;
text-decoration: none;
border: 0;
font-size: 14px;
line-height: 20px;
box-shadow: none;
color: #263842;
transition: color 0.2s ease;
}
#kboard-pure-gallery-document .kboard-document-navi .navi-document-title {
display: block;
}
#kboard-pure-gallery-document .kboard-document-navi .navi-arrow {
position: absolute;
display: block;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-prev-document {
position: relative;
float: left;
width: 45%;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title {
padding-left: 15px;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow {
left: 0;
top: 0;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-next-document {
position: relative;
float: right;
width: 45%;
text-align: right;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title {
padding-right: 15px;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow {
right: 0;
top: 0;
}
#kboard-pure-gallery-document .kboard-control {
float: left;
padding: 24px 0 0;
width: 100%;
}
#kboard-pure-gallery-document .kboard-control .left {
position: static;
float: left;
}
#kboard-pure-gallery-document .kboard-control .right {
position: static;
float: right;
text-align: right;
} #kboard-pure-gallery-document .hha-photo-slider {
width: 100%;
max-width: 100%;
margin: 34px auto;
overflow: visible;
}
#kboard-pure-gallery-document .hha-photo-track {
display: flex;
gap: 18px;
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 6px 6px 20px;
scrollbar-width: thin;
}
#kboard-pure-gallery-document .hha-photo-slide {
flex: 0 0 100%;
scroll-snap-align: center;
border-radius: 24px;
overflow: hidden;
background: #f4f7f8;
}
#kboard-pure-gallery-document .hha-photo-slide img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: 72vh !important;
margin: 0 !important;
border-radius: 24px !important;
box-shadow: none !important;
object-fit: contain !important;
} @media screen and (max-width: 1280px) {
#kboard-pure-gallery-list .kboard-pure-gallery-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 900px) {
#kboard-pure-gallery-list .kboard-pure-gallery-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px 16px;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list li a,
#kboard-pure-gallery-list .kboard-tree-category li a {
min-height: 38px;
padding: 0 13px;
font-size: 13px;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title {
padding: 14px 14px 10px;
font-size: 15px;
}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-date,
#kboard-pure-gallery-list .kboard-list-date,
#kboard-pure-gallery-list [class*="date"].kboard-list-date {
width: calc(100% - 28px) !important;
max-width: calc(100% - 28px) !important;
margin: 0 14px 0 14px !important;
padding: 0 0 18px 0 !important;
font-size: 13px !important;
}
#kboard-pure-gallery-document .kboard-content {
padding: 24px 18px;
border-radius: 22px;
}
#kboard-pure-gallery-document .kboard-content .content-view {
font-size: 15px;
}
#kboard-pure-gallery-document .kboard-content .content-view img {
border-radius: 16px;
margin: 20px auto;
}
#kboard-pure-gallery-document .kboard-content .content-view ul {
padding: 22px 20px 22px 34px;
border-radius: 18px;
}
}
@media screen and (max-width: 600px) {
#kboard-pure-gallery-list .kboard-pure-gallery-search select {
float: left;
margin-right: 1%;
width: 29%;
min-width: 29%;
height: 38px;
line-height: 38px;
box-sizing: border-box;
}
#kboard-pure-gallery-list .kboard-pure-gallery-search input {
float: left;
margin-right: 1%;
width: 49%;
min-width: 49%;
height: 38px;
line-height: 38px;
box-sizing: border-box;
}
#kboard-pure-gallery-list .kboard-pure-gallery-search button {
float: left;
width: 20%;
min-width: 20%;
box-sizing: border-box;
}
#kboard-pure-gallery-list .kboard-tree-category-search .kboard-search-option-wrap.select {
width: 100%;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li {
display: none;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.first-page,
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.last-page,
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page,
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page,
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.active {
display: inline-flex;
}
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
#kboard-pure-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a {
padding: 0 18px;
}
#kboard-pure-gallery-editor select,
#kboard-pure-gallery-editor input[type=text],
#kboard-pure-gallery-editor input[type=email],
#kboard-pure-gallery-editor input[type=number],
#kboard-pure-gallery-editor input[type=date],
#kboard-pure-gallery-editor input[type=password],
#kboard-pure-gallery-editor input[type=file] {
width: 100%;
box-sizing: border-box;
}
#kboard-pure-gallery-editor .kboard-attr-row {
padding: 10px 0;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-name {
padding: 0;
width: 100%;
font-size: 14px;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-value {
margin: 0;
}
#kboard-pure-gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select {
margin-bottom: 10px;
width: 100%;
}
#kboard-pure-gallery-document .kboard-title h1 {
padding: 0;
font-size: 26px;
}
#kboard-pure-gallery-document .kboard-content .content-view {
padding: 0;
}
#kboard-pure-gallery-document .kboard-document-action {
padding: 16px 0 0;
}
#kboard-pure-gallery-document .kboard-attach {
margin: 20px 0 0;
padding: 10px 0 5px;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-prev-document {
width: 100%;
}
#kboard-pure-gallery-document .kboard-document-navi .kboard-next-document {
margin-top: 10px;
float: left;
width: 100%;
text-align: left;
}
}
@media screen and (max-width: 520px) {
#kboard-pure-gallery-list .kboard-pure-gallery-list {
grid-template-columns: 1fr;
}
} @keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-ms-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}