.h350 {height:350px}

/*
.view-head {font-size:1.25em; padding: 24px 14px; border-bottom:1px solid #171c25; border-bottom:1px solid #171c25;}
.view-head .subject {font-size:20px; font-weight:bold; float: left;}
.view-head .author {float: right;}
.view-head .author span {font-size: 0.875rem; color: #797979; display: block; margin-top: 4px;}
.view-head .info { display:flex; }
.view-head .info .btn { margin-left:auto; }
.view-head .info .btn a {font-weight:bold;}
.view-head .info .btn .blank { color:#d3d3d3; padding:0 3px; }
.view-head:after {content: ""; display: block; clear: both;}
*/

.view-content {width: 100%; padding: 62px 0; font-size: 1rem; line-height: 1.2; border-bottom: 1px solid #ddd; word-break: break-all;}
.view-left {float: left; width: calc(30% - 50px); padding: 60px 50px 0 0; border-top: 1px solid #171c25;}
.view-left > div {font-size: 14px; margin-bottom: 20px; opacity: 0.7;}
.view-left .contents li {margin-bottom: 15px; font-size: 14px; opacity: 0.7;}
.view-left .contents li span {display: block; margin-bottom: 5px; font-size: 14px;}
.view-left .contents li.text {margin-top: 50px; font-size: 14px; line-height: 1.3; opacity: 0.65; word-break: keep-all;}

.view-right {float: right; width: 70%;}
.view-right p {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; justify-content: center;}
.view-content .view-right img {max-width:100%;}
.view-content:after {content: ""; display: block; clear: both;}

.view-content .cardHeader {font-size: 0.875rem; margin: 10px 30px 0 0;}

.view-file-list{display: flex; padding:35px 0 0; font-size: 0.875rem;}
.view-file-list li:not(:last-child) {margin-bottom: 8px;}
.view-file-list li {display: flex; padding: 10px 25px; background: #f9f9f9; border:1px solid #ddd; border-radius: 50px;}
.view-file-list li p { display: flex; align-items: center; font-size: 20px; padding-right:10px; }

#boardViewBtnWrap {margin: 20px 0 80px; float: right;}
#boardViewBtnWrap > span {float: left;}
.view-top-wrap:after {content: ""; display: block; clear: both;}
#boardViewBtnWrap span {margin-left: 6px;}

.list-tap {margin:20px 0 60px;}
.list-tap > div { padding:18px 14px; border-top:1px solid #ddd; font-size: 1em;}
.list-tap > div:last-child { border-bottom:1px solid #ddd;}
.list-tap > div span, .list-tap > div a {font-size: .95em;}
.list-tap > div span {display:inline-block; margin-right: 20px; font-weight: 600;}
.list-tap > div span, .list-tap > div a {color: #333;}
.list-tap > div span > img {display: inline-block; margin: 0px 5px 4px 0; vertical-align: middle;}

.btn-wrap a.buttons {display: block; width: 200px; padding: 14px 20px; margin:0 auto 120px; border-radius: 4px; background: #a3a3a3; border-color: #a3a3a3; color: #fff; font-size: 18px;}
.btn-wrap .btn-write-btn {margin-left: auto;}

.btn-edit-btn a {display:block; background: #797979; border: 1px solid #797979; color: #fff;}
.btn-edit-btn a:hover {background: #fff; border: 1px solid #797979; color: #797979;}
.btn-del-btn a {display:block; background: #f96a6a; border: 1px solid #f96a6a; color: #fff;}
.btn-del-btn a:hover {background: #fff; border: 1px solid #f96a6a; color: #f96a6a;}

.ad-viewList {width: 100%; border-collapse: collapse; border-top: 1px solid #ddd; margin-top: 25px;}
.ad-viewList tr {border-bottom: 1px solid #ddd;}
.ad-viewList th {padding:15px 18px; width: 20%; font-size: 0.875rem; text-align: left; background: #f9f9f9;}
.ad-viewList td {padding:15px 18px; width: 80%; font-size: 0.875rem; text-align: left;}

.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-zoom, .ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right {background-image: none !important;}

.ug-item-wrapper img {top: 50% !important; transform: translateY(-50%) !important;}

.ug-lightbox .ug-lightbox-top-panel-overlay {background: transparent !important;}

.ug-lightbox-arrow-left:before {
	font-family: "Font Awesome 5 Pro";
    content: "\f053";
    text-shadow: #7a7a7a 1px 1px 6px;
    font-size: 30px;
    color: #ccc;
    font-weight: 300;
}
.ug-lightbox-arrow-right:before {
	font-family: "Font Awesome 5 Pro";
    content: "\f054";
    text-shadow: #7a7a7a 1px 1px 6px;
    font-size: 30px;
    color: #ccc;
    font-weight: 300;
}
.ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right {text-align: center;}
.ug-lightbox .ug-lightbox-button-close {width: 30px !important; height: 30px !important; background: url("/skin/board/list/KR/gallery04/images/close_btn.png") no-repeat center / 26px !important; top: 30px !important; left: auto !important; right: 30px !important}
@media all and (max-width:1280px){
	.view-right p {gap: 10px;}
	.view-content {padding-top: 30px;}
}

@media all and (max-width:1024px){
	.view-right p {grid-template-columns: 1fr 1fr;}
	.view-left {width: calc(30% - 30px); padding: 40px 30px 0 0;}
	.view-left .contents li.text {margin-top: 30px;}
}

@media all and (max-width:876px){
	.view-right p {grid-template-columns: 1fr;}
	.view-left {width: calc(30% - 30px); padding: 40px 30px 0 0;}
	.view-left .contents li.text {font-size: 14px; margin-top: 30px;}
	.view-content {padding-top: 20px;}
}

@media all and (max-width:767px){
	.view-head .subject, .view-head .author{float: none;}
	.view-content .cardHeader {margin-right: 12px;}
	.list-tap > div {display: flex; flex-direction: column;}
	.btn-wrap a.buttons {width: 150px;}
	.file-add-wrap .add-icon label {width: 130px;}
	.ad-viewList th {width: 35%;}
	.ad-viewList td {width: 65%;}
}

@media all and (max-width:640px){
	.view-left, .view-right {width: 100%; float: none;}
	.view-left {padding: 30px 0 0;}
	.view-left .contents li {margin-bottom: 10px;}
	.view-left .contents li.text {margin: 20px 0px 30px;}
	.ug-lightbox .ug-lightbox-button-close {width: 30px !important; height: 30px !important; background: url("/skin/board/list/KR/gallery04/images/close_btn.png") no-repeat center / 20px !important; top: 20px !important; right: 20px !important}
	.view-content {padding-top: 15px;}
}