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

img { border: 0; }

a.cm-gallery-button-small,
input.cm-gallery-button-small,
button.cm-gallery-button-small { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: black; background: #f9f9f9; border: none; border-radius: 0; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.1s; box-sizing: content-box; }
a.cm-gallery-button-small:hover,
a.cm-gallery-button-small:focus,
a.cm-gallery-button-small:active,
input.cm-gallery-button-small:hover,
input.cm-gallery-button-small:focus,
input.cm-gallery-button-small:active,
button.cm-gallery-button-small:hover,
button.cm-gallery-button-small:focus,
button.cm-gallery-button-small:active { opacity: 0.7; }

.cm-gallery-poweredby { padding-bottom: 15px; font-size: 13px; overflow: hidden; }

.cm-gallery-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; color: #0a0a0a; font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }

#gallery-style01-list { overflow: hidden; }
#gallery-style01-list .kboard-control { margin: 0; padding: 15px 0; overflow: hidden; text-align:right;}
#gallery-style01-list .kboard-control img { display: inline; margin: 0; width: 20px; height: 20px; vertical-align: middle; max-width: 100%; }


#gallery-style01-list .kboard-control .kboard-control-search { float: left; }
#gallery-style01-list .kboard-control .kboard-control-write { float: right; }
#gallery-style01-list .gallery-style01-search { display: none; padding-bottom: 15px; overflow: hidden; transition-duration: 0.1s; }
#gallery-style01-list .gallery-style01-search.active-search { display: block; }
#gallery-style01-list .gallery-style01-search.active-fadein { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
#gallery-style01-list .gallery-style01-search select { display: inline; margin: 0; padding: 0 5px; width: 100px; min-width: 100px; height: 26px; min-height: 0; font-size: 13px; color: black; border-radius: 0; border: 1px solid #f9f9f9; background: #f9f9f9; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
#gallery-style01-list .gallery-style01-search input { display: inline; margin: 0; padding: 0 5px; width: 200px; min-width: 200px; height: 26px; min-height: 0; font-size: 13px; color: black; border-radius: 0; border: 1px solid #f9f9f9; background: #f9f9f9; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
#gallery-style01-list .kboard-category { margin-bottom:5rem; }
#gallery-style01-list .kboard-category select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; }
#gallery-style01-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; overflow: hidden; }
#gallery-style01-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#gallery-style01-list .kboard-category .kboard-category-list li::before,
#gallery-style01-list .kboard-category .kboard-category-list li::after { display: none; }
#gallery-style01-list .kboard-category .kboard-category-list li a { display: block; padding:1rem; text-decoration: none; text-shadow: none; box-shadow: none; min-width:12rem; text-align:center; font-size:1.7rem; color:#000; font-weight:400; border-radius:50px; border:1px solid #eee;;}
#gallery-style01-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight:500; background:var(--main-color); color:#fff;}
#gallery-style01-list .kboard-tree-category-wrap { float: left; padding-bottom: 15px; width: 100%; }
#gallery-style01-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #666666; 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; }
#gallery-style01-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#gallery-style01-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#gallery-style01-list .kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#gallery-style01-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#gallery-style01-list .kboard-tree-category li::before,
#gallery-style01-list .kboard-tree-category li::after { display: none; }
#gallery-style01-list .kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#gallery-style01-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#gallery-style01-list .kboard-tree-category-search { overflow: hidden; }
#gallery-style01-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#gallery-style01-list .gallery-style01-list { display:flex; flex-wrap:wrap; overflow:hidden; }
#gallery-style01-list .gallery-style01-list .kboard-list-item {position:relative; width:100%;;overflow:hidden; margin:1rem 0;}
#gallery-style01-list .gallery-style01-list .kboard-list-item a { display:flex; color: black; text-decoration: none; border: 0; text-shadow: none; box-shadow: none; box-sizing: content-box; }
/* 썸네일 */
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail { position: relative; width:40%; background-color: #f9f9f9; overflow: hidden; border-radius:5px;; }
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-child { height: 100%; background-size: cover; background-position: center; transition-duration: 0.5s; }
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail::after
{position:absolute; content:''; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); backdrop-filter: blur(10px); top:0; left:0; opacity:0; visibility:hidden; transition:all 0.3s ease;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail::before
{position: absolute ;content:'\e914'; font-family:'xeicon'; font-size:3rem; color:#fff; width:4rem; height:4rem; border-radius:50%; background:var(--main-color); z-index:99;  display:flex; align-items: center; justify-content: center; top:calc(50% - 2rem); left:calc(50% - 2rem); opacity:0; visibility:hidden; transition:all 0.3s ease;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-replace {width:100%; height:100%; background-position:center;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0; transition-duration: 0.5s; }
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-over-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition-duration: 0.5s; }
/* 내용 */
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con {width:60%; padding: 50px 50px; }

#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-notice { text-align: left}
#gallery-style01-list .cm-gallery-new-notify { display: inline-block; *display: inline; zoom: 1; padding: 5px 20px; font-size: 15px; color: white; background-color: #222; font-weight: normal; border-radius:50px; transition:all 0.5s ease;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-notice .kboard-oneticon-new-notify { color: #f61b5d; background-color: transparent; }


#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-category .category {color:var(--main-color); font-size:2rem; font-weight:600;}


#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con .kboard-attr-row
{display:flex; margin-top: 30px; justify-content:space-between;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con .kboard-attr-row .detail-value
{font-size: 16px; color: #999;; font-weight: 700;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con .kboard-attr-row .detail-value i
{margin-right:10px;}

#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con .kboard-date { text-align: right; font-size: 18px; color: #999; margin-top: 30px; font-weight: 700;}

#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title { text-align: left;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title .tit { color: #1c1c1c; font-size:4rem; margin:2rem 0; line-height:1.3; text-align:left; font-weight:600;   display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: keep-all; white-space: normal; transition:all 0.5s ease;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title .des-con p {font-size:2rem; color:#888;}

#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-date {display:flex; justify-content:space-between; margin-top:3rem;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-date .date {font-size:2rem; color:#888;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-date .more {font-size:1.8rem; color:#000; display:flex; align-items:center;}
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-date .more i {color:var(--main-color); margin-left:1rem;}


#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title img.kboard-icon-lock { width: 16px !important; height: 16px !important; }
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-user { margin-bottom: 5px; text-align: center; font-size: 12px; height: 16px; line-height: 16px; color: #999999; }
#gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-user img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
/* 호버시 */
#gallery-style01-list .gallery-style01-list .kboard-list-item:hover .kboard-list-title-con .cm-gallery-new-notify
{background:var(--main-color);}
#gallery-style01-list .gallery-style01-list .kboard-list-item:hover .tit
{color:var(--main-color);}
#gallery-style01-list .gallery-style01-list .kboard-list-item:hover .kboard-list-thumbnail:after,
#gallery-style01-list .gallery-style01-list .kboard-list-item:hover .kboard-list-thumbnail:before
{opacity:1; visibility:visible;}

#gallery-style01-list .gallery-style01-list.active-fadein .kboard-list-item { visibility: hidden; }
#gallery-style01-list .gallery-style01-list .kboard-list-item.animation-fadein { visibility: visible; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }


/* 페이지네이션 */
#gallery-style01-list .kboard-pagination { padding: 15px 0; overflow: hidden; }
#gallery-style01-list .kboard-pagination .kboard-pagination-pages { display:flex; justify-content:center; }
#gallery-style01-list .kboard-pagination .kboard-pagination-pages li { margin:0 0.5rem; width:3rem; height:3rem; border-radius:50%; display:flex; align-items:center; justify-content:center;  }
#gallery-style01-list .kboard-pagination .kboard-pagination-pages li a {font-size:1.6rem; color:#000; font-weight:600; display:inline-block; }
#gallery-style01-list .kboard-pagination .kboard-pagination-pages li:hover,
#gallery-style01-list .kboard-pagination .kboard-pagination-pages li.active { background-color: var(--main-color); }
#gallery-style01-list .kboard-pagination .kboard-pagination-pages li:hover a,
#gallery-style01-list .kboard-pagination .kboard-pagination-pages li.active a {color: #fff;font-weight:400;  }

#gallery-style01-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#gallery-style01-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#gallery-style01-list.mw1400 .gallery-style01-list .kboard-list-item { margin: 0 1% 0 0; width: 19%; }
#gallery-style01-list.mw1200 .gallery-style01-list .kboard-list-item { margin: 0 1% 0 0; width: 24%; }
#gallery-style01-list.mw1000 .gallery-style01-list .kboard-list-item { margin: 0 1% 0 0; width: 32.3333333333%; }
#gallery-style01-list.mw800 .gallery-style01-list .kboard-list-item { margin: 0 1% 0 0; width: 49%; }
#gallery-style01-list.mw600 .kboard-control { margin: 0; }
#gallery-style01-list.mw600 .gallery-style01-list { margin: 0; }
#gallery-style01-list.mw600 .gallery-style01-list .kboard-list-item { margin: 0; width: 100%; }

#gallery-style01-editor { overflow: hidden; }
#gallery-style01-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-color: transparent; box-sizing: content-box; vertical-align: top; text-indent: 0; }
#gallery-style01-editor input[type="text"],
#gallery-style01-editor input[type="email"],
#gallery-style01-editor input[type="number"],
#gallery-style01-editor input[type="date"],
#gallery-style01-editor input[type="password"] { display: inline; margin: 0; padding: 0 5px; width: 70%; height: 35px; line-height: 35px; font-size: 16px; color: #444; border-radius: 0; border: 0; border-bottom: 1px solid #dcdcdc; box-shadow: none; background-color: transparent; box-sizing: content-box; vertical-align: top; }
#gallery-style01-editor select:hover,
#gallery-style01-editor input[type="text"]:hover,
#gallery-style01-editor input[type="email"]:hover,
#gallery-style01-editor input[type="number"]:hover,
#gallery-style01-editor input[type="date"]:hover,
#gallery-style01-editor input[type="password"]:hover { border-bottom: 1px solid #9e9e9e; }
#gallery-style01-editor select:focus,
#gallery-style01-editor input[type="text"]:focus,
#gallery-style01-editor input[type="email"]:focus,
#gallery-style01-editor input[type="number"]:focus,
#gallery-style01-editor input[type="date"]:focus,
#gallery-style01-editor input[type="password"]:focus { border-bottom: 2px solid #9e9e9e; }
#default-style03-editor input[type="text"]::placeholder,
#default-style03-editor input[type="email"]::placeholder,
#default-style03-editor input[type="number"]::placeholder,
#default-style03-editor input[type="date"]::placeholder,
#default-style03-editor input[type="password"]::placeholder
{color:#ababab;}
#gallery-style01-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; }
#gallery-style01-editor .kboard-attr-title input { width: 70%; }
#gallery-style01-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; background-color: white; }
#gallery-style01-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 20px; width: 120px; line-height: 30px; color: #222; font-size: 17px; font-weight: bold; }
#gallery-style01-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: middle; }
#gallery-style01-editor .kboard-attr-row .attr-name .attr-required-text { color: red; font-weight: normal; font-size: 12px; }
#gallery-style01-editor .kboard-attr-row.kboard-attr-content .attr-name { display: none; }
#gallery-style01-editor .kboard-attr-row .attr-value { margin-left: 150px; line-height: 30px; font-size: 13px; }
#gallery-style01-editor .kboard-attr-row .attr-value .attr-value-option { display: inline; padding-right: 20px; width: auto; cursor: pointer; }
#gallery-style01-editor .kboard-attr-row .attr-value .attr-value-option input[type="checkbox"] { cursor: pointer; }
#gallery-style01-editor .kboard-attr-row .attr-value .description { margin: 10px 0 0; color: #888;  }
#gallery-style01-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 5px; width: 70%; }
#gallery-style01-editor .kboard-confirm-row { padding: 100px 0; }
#gallery-style01-editor .kboard-content { float: left; padding: 9px 0; width: 100%; background-color: white; }
#gallery-style01-editor .kboard-content .editor-textarea { display: inline; margin: 0; padding: 0; width: 100%; min-width: 100%; max-width: 100%; height: 250px; font-size: 13px; box-sizing: border-box; }
#gallery-style01-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#gallery-style01-editor .kboard-control .left { position: static; float: left; }
#gallery-style01-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }

#gallery-style01-document { overflow: hidden; }
#gallery-style01-document.active-fadein { visibility: visible; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
#gallery-style01-document .kboard-document-wrap { background-color: white; }
#gallery-style01-document .kboard-document-top
{padding:50px 20px; background:#fafafa}
#gallery-style01-document .kboard-document-top .kboard-title {width:100%; text-align:center;;}

#gallery-style01-document .kboard-title .kboard-title-con
{ }
#gallery-style01-document .kboard-title .kboard-title-con .category
{background:var(--main-color); color:#fff; font-size:1.8rem; padding:0rem 3rem; display:inline-block; border-radius:50px; margin-bottom:1rem;}
#gallery-style01-document .kboard-title h1 {color: #000; font-weight: 700; font-size: 38px; word-break: keep-all; line-height: 1.3; }
#gallery-style01-document .kboard-detail-con
{margin-top:2rem; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#gallery-style01-document .kboard-detail-con dl
{display:flex; flex-wrap:wrap; padding:0 2rem; position:relative;}
#gallery-style01-document .kboard-detail-con dl:after
{content:''; position:absolute; width:2px; height:50%; top:25%; right:0; background:#dddddd;}
#gallery-style01-document .kboard-detail-con dl:last-child:after
{display:none;}
#gallery-style01-document .kboard-detail-con dl dt
{font-size:1.6rem; color:#000; font-weight:600;}
#gallery-style01-document .kboard-detail-con dl dd
{font-size:1.6rem; color:#888; margin-left:1rem; }

#gallery-style01-document .kboard-detail { width: 100%; font-size: 16px; display: flex; padding-top:30px; }
#gallery-style01-document .kboard-detail .detail-attr { display: flex; align-items: center; *display: inline; zoom: 1; margin: 0; font-size: 17px; margin-right:30px;}
#gallery-style01-document .kboard-detail .detail-attr .detail-name { color: #a7a7a7; text-align: right; font-size: 15px; font-weight:600;}
#gallery-style01-document .kboard-detail .detail-attr .detail-value { padding-left: 10px; color: #232323; font-weight:600; font-size:15px; }
#gallery-style01-document .kboard-detail .detail-attr .detail-value a { color: #545861; text-decoration: none; border: 0; box-shadow: none; }
#gallery-style01-document .kboard-detail .detail-attr .detail-value img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }

/* 컨텐츠 내용 표시 */
#gallery-style01-document .kboard-content { clear: both; width: 100%; min-height: 200px; }
#gallery-style01-document .kboard-content .content-view { margin: 0; padding: 22px; word-break: break-all; font-size: 19px; color:#000; line-height:1.5;}
#gallery-style01-document .kboard-content .content-view img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
#gallery-style01-document .kboard-content .content-view p { margin: 0 0 0.75em; }
#gallery-style01-document .kboard-content .content-view p:last-child { margin: 0; }
#gallery-style01-document .kboard-content .content-view p,
#gallery-style01-document .kboard-content .content-view p span
{word-break:normal;}
#gallery-style01-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#gallery-style01-document .kboard-content .content-view .aligncenter { display: block; margin-right: auto; margin-left: auto; }
#gallery-style01-document .kboard-content .content-view .alignright { float: right; }
#gallery-style01-document .kboard-content .content-view .alignleft { float: left; }
#gallery-style01-document .kboard-document-action { padding: 0 22px 5px 22px; overflow: hidden; line-height: 1; }
#gallery-style01-document .kboard-document-action .left { display: none; position: static; float: left; }
#gallery-style01-document .kboard-document-action .right { position: static; float: right; text-align: right; }

/* 첨부파일 */
#gallery-style01-document .kboard-attach {font-size: 13px; overflow: hidden; line-height: 1;border-bottom: 1px solid #ddd; padding:20px;; }
#gallery-style01-document .kboard-button-action {padding: 0; font-size: 15px; border: none; cursor: pointer; vertical-align: middle; display:block; margin:10px 0; line-height:1.5;}
#gallery-style01-document .kboard-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 13px; line-height: 12px; }
#gallery-style01-document .kboard-button-download { color: #444; font-weight: 500; }
#gallery-style01-document .kboard-button-download i { margin-right: 5px; }
#gallery-style01-document .kboard-button-download:hover {background:#fff; color:#000;}

#gallery-style01-document .kboard-button-like { color: #ff5959; }
#gallery-style01-document .kboard-button-unlike { color: #3d62aa; }
#gallery-style01-document .kboard-button-print { color: gray; }

#gallery-style01-document .kboard-comments-area { float: left; width: 100%; }

/* 다음글 이전글 */
#gallery-style01-document .kboard-document-navi { float: left; padding-top: 15px; width: 100%; }
#gallery-style01-document .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 13px; line-height: 20px; box-shadow: none; color: #545861; transition-duration: 0.3s; }
#gallery-style01-document .kboard-document-navi .navi-document-title { display: block; }
#gallery-style01-document .kboard-document-navi .navi-arrow { position: absolute; display: block; }
#gallery-style01-document .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 45%; }
#gallery-style01-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 15px; }
#gallery-style01-document .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#gallery-style01-document .kboard-document-navi .kboard-prev-document:hover a { color: black; }
#gallery-style01-document .kboard-document-navi .kboard-next-document { position: relative; float: right; width: 45%; text-align: right; }
#gallery-style01-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-right: 15px; }
#gallery-style01-document .kboard-document-navi .kboard-next-document .navi-arrow { right: 0; top: 0; }
#gallery-style01-document .kboard-document-navi .kboard-next-document:hover a { color: black; }

/* 목록보기 */
#gallery-style01-document #custom {text-align:center; margin-top:30px;}
#gallery-style01-document #custom a
{padding: 15px 60px; background: var(--main-color); color: #fff; font-size: 18px; border-radius: 50px; font-weight: 500;}

/* 글수정 삭제 */
#gallery-style01-document .kboard-control { float: left; padding: 15px 0; width: 100%; margin-top:30px; }
#gallery-style01-document .kboard-control .left { position: static; float: left; }
#gallery-style01-document .kboard-control .right { position: static; float: right; text-align: right; }
#gallery-style01-document .kboard-control a { background: var(--main-color) !important; color: #fff !important; padding: 0.50px 30px; font-size: 15px; border-radius: 5px; }

#gallery-style01-editor .cm-gallery-button-small,
#gallery-style01-list a.cm-board-button-small
{ background:var(--main-color) !important; color:#fff !important; padding:10px 30px; font-size:15px; border-radius:5px; height:auto; line-height:1;}


@media screen and (max-width: 767px){
  #gallery-style01-document .kboard-detail
  {flex-wrap:wrap;}
  #gallery-style01-document .kboard-detail .detail-attr
  {flex-wrap:wrap; width:100%; margin:0;}
}

@media screen and (max-width: 600px){
  #gallery-style01-list .gallery-style01-search select { float: left; margin-right: 1%; width: 29%; min-width: 29%; height: 28px; line-height: 28px; box-sizing: border-box; }
  #gallery-style01-list .gallery-style01-search input { float: left; margin-right: 1%; width: 49%; min-width: 49%; height: 28px; line-height: 28px; box-sizing: border-box; }
  #gallery-style01-list .gallery-style01-search button { float: left; width: 20%; min-width: 20%; box-sizing: border-box; }
  #gallery-style01-list .kboard-tree-category-search .kboard-search-option-wrap.select { width: 100%; }
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li { display: none; }
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li.first-page,
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li.last-page,
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li.prev-page,
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li.next-page,
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; }
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
  #gallery-style01-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 0 18px; }

  #gallery-style01-editor select,
  #gallery-style01-editor input[type="text"],
  #gallery-style01-editor input[type="email"],
  #gallery-style01-editor input[type="number"],
  #gallery-style01-editor input[type="date"],
  #gallery-style01-editor input[type="password"],
  #gallery-style01-editor input[type="file"] { width: 100%; box-sizing: border-box; }
  #gallery-style01-editor .kboard-attr-row { padding: 10px 0; }
  #gallery-style01-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
  #gallery-style01-editor .kboard-attr-row .attr-value { margin: 0; }
  #gallery-style01-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 10px; width: 100%; }

  #gallery-style01-document .kboard-title h1 { padding: 0px; font-size: 19px; }
  #gallery-style01-document .kboard-detail {display:flex; justify-content: end; padding-5op:3rem;;}
  #gallery-style01-document .kboard-detail .detail-attr  { clear: both; padding: 10px 5px; line-height: normal; font-size:16px;}
  #gallery-style01-document .kboard-detail .detail-attr .detail-name {font-size:15px;}
  #gallery-style01-document .kboard-detail .detail-attr .detail-value {font-size:15px;}
  #gallery-style01-document .kboard-content .content-view { padding: 10px 5px; }
  #gallery-style01-document .kboard-document-action { padding: 10px 5px 5px 5px; }
  #gallery-style01-document .kboard-attach { margin: 0 5px; padding: 10px 0 5px 0; }
  #gallery-style01-document .kboard-document-navi .kboard-prev-document { width: 100%; }
  #gallery-style01-document .kboard-document-navi .kboard-next-document { margin-top: 10px; float: left; width: 100%; text-align: left; }


  #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con
  {padding:30px;}
}
#gallery-style01-list.cm-gallery-latest
{position:relative; overflow:visible;;}
#gallery-style01-list.cm-gallery-latest .gallery-style01-list
{display:block; overflow:visible; margin:0;}

#gallery-style01-list.cm-gallery-latest .kboard-list-item
{height:30rem; margin:0 1rem; border:none; border-radius:10px; overflow:hidden;}
#gallery-style01-list.cm-gallery-latest .kboard-list-item a
{display:block; padding:5rem 3rem;; background-position:center; background-color:#fff; background-size:cover; height:100%; box-sizing:border-box; border-radius:10px; position:relative; z-index:9; transition:all 0.3s ease;}
#gallery-style01-list.cm-gallery-latest .kboard-list-item a:before
{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); }
#gallery-style01-list.cm-gallery-latest .kboard-list-item .hover-img-con
{position:absolute; width:100%; height:100%; left:0; top:0;}
#gallery-style01-list.cm-gallery-latest .kboard-list-item .hover-img-con .bg-img
{position:relative; width:100%; height:100%; left:0; top:0; z-index:-1;}
#gallery-style01-list.cm-gallery-latest .kboard-item-box
{position:relative;}
#gallery-style01-list.cm-gallery-latest .kboard-item-bg-img
{position:absolute; width:100%; height:100%;}
#gallery-style01-list.cm-gallery-latest .kboard-item-info-box
{position:relative; display:flex; flex-direction:column; z-index:99;}
#gallery-style01-list.cm-gallery-latest .kboard-item-category span
{border:1px solid #fff; color:#fff; font-size:1.6rem; border-radius:50px; padding:0.5rem 2rem;}
#gallery-style01-list.cm-gallery-latest .kboard-item-title-con
{margin:3rem 0 5rem; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
#gallery-style01-list.cm-gallery-latest .kboard-item-title-con h2
{font-size:2.6rem; color:transparent; line-height:1.5;}
#gallery-style01-list.cm-gallery-latest .kboard-item-attr-con
{display:flex; justify-content:space-between; align-items:center;}
#gallery-style01-list.cm-gallery-latest .kboard-item-attr-con span
{font-size:1.8rem; color:#fff; font-weight:300;}
#gallery-style01-list.cm-gallery-latest .kboard-item-attr-con i
{width:5rem; height:5rem; border-radius:50%; background:#f4f4f4; display:flex; align-items:center; justify-content:center; font-size:2.0rem; color:#666;}
#gallery-style01-list.cm-gallery-latest .gallery-style01-list .kboard-list-thumbnail
{border-radius:0; height:240px;}
#gallery-style01-list.cm-gallery-latest .gallery-style01-list .kboard-list-title
{padding:30px 0; width:100%; }
#gallery-style01-list.cm-gallery-latest .gallery-style01-list .kboard-list-title .tit
{font-size:20px; font-weight:500;}
#gallery-style01-list.cm-gallery-latest .gallery-style01-list .kboard-attr-con
{margin-top:10px;}
#gallery-style01-list.cm-gallery-latest .gallery-style01-list .kboard-attr-con span
{font-size:14px; color:#575757; font-weight:400;}

#gallery-style01-list button:hover{background:transparent;}

#gallery-style01-list.cm-gallery-latest .kboard-list-item:hover a:before
{display:none;}
#gallery-style01-list.cm-gallery-latest .kboard-list-item:hover .kboard-item-title-con h2
{color:#fff;}
#gallery-style01-list.cm-gallery-latest .kboard-list-item:hover .kboard-item-attr-con span
{color:#fff;}
#gallery-style01-list.cm-gallery-latest .kboard-list-item:hover .kboard-item-category span
{background:#fff; color:var(--main-color); border-color:var(--main-color)}
#gallery-style01-list.cm-gallery-latest .kboard-list-item:hover a
{background-color:transparent !important; background-image:none !important;}

@keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
 }

/* Firefox < 16 */
@-moz-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
 }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
 }

/* Internet Explorer */
@-ms-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
 }

/* Opera < 12.1 */
@-o-keyframes fadein {
 from { opacity: 0; }
 to { opacity: 1; }
 }

/** **/

@media screen and (max-width:1280px) {
  #gallery-style01-list.cm-gallery-latest
  {margin:0;}
  #gallery-style01-list.cm-gallery-latest .gallery-style01-list .slick-list
  {width:100%; overflow:hidden;}
}
@media screen and (max-width:1150px){
  #gallery-style01-list.cm-gallery-latest .kboard-list-item .hover-img-con .bg-img
  {background-size: cover}
  #gallery-style01-list.cm-gallery-latest
  {padding-left:3rem}
}
@media screen and (max-width:1024px){
 /* #gallery-style01-list .gallery-style01-list .kboard-list-item { width:49%; } */
 #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title .tit
 {font-size: 3rem;}
 #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title .des-con p
 {font-size: 1.8rem;}
 #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-date .date
 {font-size: 1.6rem;}
 #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con
 {padding: 30px 40px}
}

@media screen and (max-width:860px){
  #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title .tit{font-size: 2.7rem}
  #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title .des-con p
  {font-size: 1.6rem;}
  #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-category .category
  {font-size: 1.8rem;}
  #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con
  {padding: 2rem 2.5rem;}
}

@media screen and (max-width:767px){
 #gallery-style01-list.cm-gallery-latest .gallery-style01-list .kboard-list-item
 { margin:0 0 1% }
 #gallery-style01-list.cm-gallery-latest .kboard-list-item a
 {padding: 4rem 3rem}
 #gallery-style01-list.cm-gallery-latest .kboard-item-title-con h2
 {font-size: 2.1rem;}
 #gallery-style01-list.cm-gallery-latest .kboard-item-title-con
 {margin: 3rem 0 6rem}
 #gallery-style01-list .gallery-style01-list .kboard-list-item a
 {flex-wrap: wrap;}
 #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-thumbnail
 {width: 100%;height: 22rem}
 #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title-con
 {width: 100%;padding: 2rem;}
 #gallery-style01-list .kboard-category .kboard-category-list li
 {margin-bottom: 1rem;  width: calc(100% / 2 - 1rem);}
 #gallery-style01-list .kboard-pagination .kboard-pagination-pages li
 {display: flex!important;}
 #gallery-style01-list .gallery-style01-list .kboard-list-item .kboard-list-title .tit
 {font-size: 2.1rem;}


 }

@media screen and (max-width:600px){
  #gallery-style01-list .gallery-style01-list
  {margin:0;}
  #gallery-style01-list .gallery-style01-list .kboard-list-item
  {width:100%; margin:0 0 2rem;background: #f7f7f7;border-radius: 1rem;}
}