@charset "utf-8";

/************************************* 
BBS Style Sheet
Version : 1.0
Author : uracle(sejong) - sk.k
Create date : 2025. 05.
*************************************/

.whitebox+.warning-txt {
	margin-top: var(--number-8);
}

/* 글자수 */
.number-character {
	display: block;
	margin-top: var(--number-7);
	text-align: right;
	line-height: 1;
	font-size: 1.5rem;
}

.input-blank {
	/* 여백 bbs info*/
	margin-bottom: 1rem;
}

.page-btn {
	display: flex;
	justify-content: flex-end;
	gap: var(--gap-5);
	justify-content: space-between;
	margin-top: var(--gap-9);
}

.page-btn .display-flex {
	gap: var(--gap-5);
}

input[type="date"]+.checks,
input[type="datetime-local"]+.checks {
	margin-left: 1rem;
}

[class*="float-wrap"] .bbs-info {
	margin-left: 1.2rem;
	color: #667183;
	font-size: 1.4rem;
}

[class^="tstyle-list"] th input[type="checkbox"],
[class^="tstyle-list"] td input[type="checkbox"] {
	border-color: #ddd;
	appearance: auto;
}

/* 일반게시판 상단 검색 영역 */
.structured-list+.search-box {
	margin-top: var(--number-18);
}
.search-box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--number-4);
	margin-bottom: var(--number-14);
	padding: var(--number-12) var(--number-10);
	background-color: #ededed;
	text-align: center;
	font-size: 1.5rem;
}
.search-box .col>[class*="btn-"] {
	min-width: 10rem;
	height: 3.6rem;
	border-radius: .8rem;
}
.search-box .label {
	display: inline-flex;
	align-items: center;
	color: var(--color-light-gray-90);
	font-weight: 700;
}
.search-box .label2 {
	margin-right: var(--number-5);
	color: var(--color-light-gray-90);
	font-size: 1.3rem;
}
.search-box .ba {
	margin: 0 var(--number-5);
}
.search-box select,
.search-box input {
	display: inline-flex;
	width: auto;
	min-width: 11.6rem;
}
.search-box input[type="radio"],
.search-box input[type="checkbox"] {
	min-width: inherit;
	padding: 0;
}
.search-box>.btn-area {
	display: flex;
	justify-content: center;
	gap: 0.8rem;
	margin-top: 0;
}
.search-box>.btn-area.txt-right {
	justify-content: right;
}

.search-box [class*="btn-"] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-width: 10rem;
	min-height: var(--number-14);
	padding: var(--number-5) var(--number-8);
	border-radius: var(--number-3);
}
.search-box .btn-search {
	background-color: #3d5891;
	border-color: transparent;
	color: #fff;
}

.search-box .btn-reset {
	background-color: #fff;
	border: 0.1rem solid #1D1D1D;
	color: #000B17;
}

.search-box .btn-reset::after {
	display: none;
}

.search-box.reserve-search .row:nth-child(-n+2) .col {
	width: calc(40% - 1.6rem);
	justify-content: flex-start;
}

.search-box.reserve-search .count3 .col {
	width: calc(26.1% - 1.6rem);
}

.search-box.reserve-search .label {
	width: 8rem;
	text-align: left;
}

.search-box.reserve-search .col>input,
.search-box.reserve-search .col>select {
	width: calc(100% - 8rem);
}

.search-box.reserve-search .row.single {
	justify-content: flex-start;
	gap: var(--number-5);
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.search-box.reserve-search .row.single .input-group {
	display: block;
	width: calc(100% - 8.8rem);
	text-align: left;
}

.sch-input,
.calendar-input {
	position: relative;
	display: inline-flex;
}

.sch-input input,
.calendar-input input {
	position: relative;
	width: 100%;
	padding-right: var(--size-height-7);
	background-color: var(--input--color-surface);
	border: var(--light-border-width-variable-regular) solid var(--input--color-border);
	color: var(--input--color-text);
}

.sch-input .btn-icon,
.calendar-input .btn-icon {
	position: absolute;
	top: 50%;
	right: var(--gap-5);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: var(--button--icon-size-medium);
	height: var(--button--icon-size-medium);
	border-width: var(--light-border-width-variable-regular);
	transition: var(--transition-base);
	transform: translateY(-50%);
}

[class*="form-group"] {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--form-group--gap);
	width: 100%;
}

.form-group-row {
	flex-direction: row;
}

.input-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap-3);
}
.input-group input{
	max-width: 100%;
	width: 25rem;
}

/* 총 게시글 정보 + 목록 + 정렬기준 영역 */
.bbs-basics02{
	position: relative;
}
.bbs-basics02 .search-box{
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.articles-search {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	padding: 1rem 0 1rem;
	font-size: 1.5rem;
}

.articles {
	line-height: 1.25;
}

.articles .total {
	display: inline-block;
	position: relative;
	margin-right: .5rem;
	padding-right: .8rem;
}

.form-entry .articles .txt-bold {
	display: inline-block;
}

.articles .total::after {
	position: absolute;
	top: 0.4rem;
	right: 0;
	width: 1px;
	height: 1.2rem;
	background-color: #667183;
	content: '';
}

.articles .last-date {
	display: inline-block;
	margin-left: 2.8rem;
}


.search-sort {
	display: flex;
	flex-wrap: wrap;
}

.search-sort>li {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.search-sort>li:not(:first-child) {
	margin-left: var(--number-5);
}

.search-sort>li:not(:first-child):before {
	display: inline-flex;
	width: 0.1rem;
	height: 1.2rem;
	margin-right: var(--number-7);
	background-color: var(--color-light-gray-30);
	content: "";
}

.search-sort .ico-check-circle::after {
	background-image: url(../../images/common/icon/ico_check_circle02_20.svg);
}

.search-sort .active .ico-check-circle::after {
	background-image: url(../../images/common/icon/ico_check_circle_20.svg);
}

.search-sort .sort-label {
	margin-right: var(--number-5);
	white-space: nowrap;
}

.custom-select {
	position: relative;
}

.custom-select .select-default {
	color: var(--color-light-gray-90);
	background-size: auto 2rem;
}

.custom-select .select-default::after {
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	margin-left: var(--number-3);
	background: url(../../images/common/icon/ico_select_20.svg) no-repeat center right / contain;
	vertical-align: middle;
	content: '';
}

.custom-select .sort-select {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 100%;
	background-color: var(--white);
	border: 1px solid var(--color-light-gray-30);
	border-radius: .5rem;
	transform: translateX(-50%);
	white-space: nowrap;
}

.custom-select .sort-select.active {
	display: block;
	z-index: 5;
}

.custom-select .sort-select button {
	display: block;
	width: 100%;
	padding: .5rem;
	color: var(--color-light-gray-90);
	font-size: 1.5rem;
	transition: all .2s;
	text-align: left;
	z-index: 1;
}

.custom-select .sort-select button:hover {
	background-color: var(--primary60);
	color: #fff;
}

.search-sort .align-list {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: var(--number-8);
}

.search-sort .align .select-default {
	display: none;
}

.search-sort .align-list button.active {
	text-decoration: underline;
}

.search-sort .filter {
	display: none;
}

.search-sort .filter .btn-txt {
	font-weight: 700;
}

.search-sort .filter .num {
	display: inline-flex;
	position: absolute;
	right: 0.1rem;
	height: 2rem;
	margin-top: -3rem;
	padding: 0 var(--number-5);
	background-color: var(--color-light-primary-50);
	border-radius: 2rem;
	color: var(--white);
	font-size: 1.5rem;
	font-weight: 400;
	z-index: 1;
}

[class*="btn-"] [class*="icon-"] {
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: var(--number-3);
	background: no-repeat center center;
	vertical-align: middle;
}

.higher-state p {
	float: left;
	line-height: 3.2rem;
}

.btn-higher {
	float: right;
	overflow: hidden;
}

.btn-higher .btn {
	padding: 0.5rem 1rem;
	font-size: 1.3rem;
	font-weight: bold;
}

.btn-higher .btn i {
	vertical-align: middle;
	font-size: 2rem;
}

[class*="input-info"] {
	display: inline-block;
	position: relative;
	margin-left: 1rem;
	padding-left: var(--number-9);
	color: #667183;
	vertical-align: middle;
	font-weight: 500;
}

.checks+.input-margin {
	display: inline-block;
	margin-left: 0.5rem;
}

p[class*="input-info"] {
	display: block;
	margin-left: 0;
}

*~p[class*="input-info"] {
	margin-top: var(--number-3);
}

.table-wrap+p[class*="input-info"] {
	margin-top: var(--number-10);
}

[class*="input-info"][class*="point01"] {
	color: #E60020;
}

p[class*="input-info"]+.table-wrap {
	margin-top: var(--number-5);
}

.input-info02 {
	font-weight: 400;
}

[class*="input-info"]>i {
	display: block;
	position: absolute;
	top: .12rem;
	left: 0;
	line-height: 1;
	font-size: 1.6rem;
}

.input-area {
	margin-top: var(--number-5);
}

/* 검색결과 없음 */
.nodata {
	padding: var(--number-16) 0;
	border: 1px solid #E4E7EB;
	border-radius: 1.2rem;
	text-align: center;
	font-weight: 500;
}

/* 테이블 기본 */
.table-wrap {
	margin-bottom: var(--number-5);
}

.table-wrap table {
	border-top: 0.2rem solid var(--color-light-gray-90);
	table-layout: fixed;
}

.table-wrap th {
	padding: var(--number-8) var(--number-6);
	border-bottom: 1px solid var(--table--data-thead-border);
	color: var(--table--data-thead-color-text);
}

.table-wrap td {
	padding: var(--number-8) var(--number-6);
	border-bottom: 1px solid var(--table--data-tbody-color-divider);
}

[class^="tstyle-list"] th,
[class^="tstyle-list"] td {
	text-align: center;
}

[class^="tstyle-list"] th>[class*="btn-"],
[class^="tstyle-list"] td>[class*="btn-"] {
	min-width: auto;
	padding: var(--number-3) var(--number-5);
}

[class^="tstyle-list"] th>[class*="btn-state"],
[class^="tstyle-list"] td>[class*="btn-state"] {
	min-width: auto;
}

[class^="tstyle-list"] td .svg-icon {
	width: 1.6rem;
	height: 1.6rem;
}
[class^="tstyle-list"] td .icon-notice{
	display: inline-flex;
	width: 2.4rem;
	height: 2.4rem;
	vertical-align: text-top;
}

[class^="tstyle-list"] td.txt-left,
[class^="tstyle-list"] td.subject {
	text-align: left;
}

[class^="tstyle-list"] td.txt-left>a,
[class^="tstyle-list"] td.subject>a,
.txt-ellipsis {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

[class^="tstyle-list"].txt-left th,
[class^="tstyle-list"].txt-left td,
[class^="tstyle-list"] .txt-left th,
[class^="tstyle-list"] .txt-left td {
	text-align: left;
}

[class^="tstyle-list"].txt-left tr th:first-child,
[class^="tstyle-list"].txt-left tr td:first-child {
	padding-left: 1.5rem;
}

[class^="tstyle-list"] .nodata {
	padding: var(--number-14) 0;
	border-left: none;
	border-right: none;
}
[class^="tstyle-list"] .nomargin {
	padding: 0;
}

[class^="tstyle-list"] .tr-notify {
	background-color: #F8F9FB;
}

[class^="tstyle-list"] .tr-notify .btn-state02,
[class^="tstyle-list"] .tr-notify .txt-notify {
	min-width: auto;
}

[class^="tstyle-list"] .tr-notify .category,
[class^="tstyle-list"] .tr-notify .subject {
	color: #2E8BDF;
	font-weight: 700;
}

[class^="tstyle-list"] .underline,
[class^="tstyle-list"] .underline-bold {
	text-decoration: underline;
}

[class^="tstyle-list"] .file i{
	display: block;
	width: 2rem;
	height: 2rem;
	margin: 0 auto;
}
[class^="tstyle-list"] .attach {
	display: block;
	width: 2rem;
	height: 2rem;
	margin: auto;
	color: #27303F;
}


[class^="tstyle-list"] .attach i {
	font-size: 1.6rem;
}

[class^="tstyle-list"] tfoot tr,
[class^="tstyle-list"] .tr-bg {
	background-color: #F8F9FB;
	color: #27303F;
	font-weight: 700;
}

[class^="tstyle-list"].line th,
[class^="tstyle-list"].line td {
	padding: 1.2rem;
	border: 1px solid #E4E7EB;
	border-top: none;
}

[class^="tstyle-list"].line th:first-child,
[class^="tstyle-list"].line td:first-child {
	border-left: none;
}

[class^="tstyle-list"].line th:last-child,
[class^="tstyle-list"].line td:last-child {
	border-right: none;
}

.tstyle-list02 th,
.tstyle-list02 td {
	padding: 1.2rem 1.6rem;
	border-left: 1px solid #E4E7EB;
	border-right: 1px solid #E4E7EB;
}

.tstyle-list02 th:first-child,
.tstyle-list02 td:first-child {
	border-left: none;
}

.tstyle-list02 th:last-child,
.tstyle-list02 td:last-child {
	border-right: none;
}

.title-justify+.table-wrap,
.not-registered+.table-wrap {
	margin-top: var(--number-12);
}

.table-wrap.scroll,
.table-scroll {
	position: relative;
	overflow: auto;
}

.table-scroll .table-wrap table {
	border-top: none;
}

.table-scroll::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.2rem;
	background-color: var(--color-light-gray-90);
	content: '';
	z-index: 2;
}

.table-scroll .table-wrap.fix-cont {
	overflow-x: scroll !important;
}

.table-wrap.scroll>table>tbody>tr>td,
.table-scroll>table>tbody>tr>td {
	white-space: nowrap;
}

.table-wrap.scroll .tstyle-list,
.table-scroll .tstyle-list {
	table-layout: inherit;
}

.table-wrap+.table-wrap {
	margin-top: 2.4rem;
}

.table-wrap .checks>li {
	margin: .6rem .5rem;
}

.table-wrap td>.btn-delete {
	display: block;
	min-width: 3rem;
	margin: auto;
}

.table-wrap.fix-cont {
	height: 29rem;
	border-top: 0.2rem solid var(--color-light-gray-90);
	background-color: #fff;
	overflow-y: scroll;
}

.table-wrap.fix-cont table {
	border-top: none;
	table-layout: inherit;
}

.table-wrap.fix-cont thead th::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #667183;
	content: '';
}

.table-wrap.fix-cont thead th {
	z-index: 1;
}

.table-wrap.fix-cont td {
	white-space: nowrap;
}

#fixTable th {
	background-color: #F8F9FB !important;
}

#fixTable td {
	background-color: #fff !important;
}

/* colgroup col*/
.tstyle-list colgroup col.num{width: 10rem;}
.tstyle-list colgroup col.file{width: 14rem;}
.tstyle-list colgroup col.writer{width: 16rem;}
.tstyle-list colgroup col.hit{width: 10rem;}
/* colgroup col */

/* 등록, 보기 */
.tstyle-view>tbody>tr>th {
	background-color: transparent;
	text-align: left;
}

.tstyle-write>tbody>tr>td,
.tstyle-view>tbody>tr>td {
	color: #27303F;
}

.tstyle-view [class*="btn-state"] {
	font-weight: 500;
}

.table-wrap .state {
	display: inline-block;
	margin-right: 2rem;
}

.tstyle-write .btn-black {
	width: 8rem;
	padding: 0.65rem 1.2rem;
	border-color: transparent;
}

.tstyle-write .date-write input {
	width: 12.3rem;
}

.tstyle-write>tbody>tr>th.vertical-top,
.tstyle-view>tbody>tr>th.vertical-top {
	padding-top: 1.5rem;
}

.tstyle-view th [class*="btn-type"] {
	margin-top: var(--number-3);
	font-weight: 400;
}

.tstyle-view td [class*="btn-type"] {
	margin-left: var(--number-5);
}

.table-wrap .input-box,
.table-wrap .search-box {
	display: block;
	position: relative;
	border: 1px solid #D0D5DD;
	border-radius: var(--radius-small);
}

.table-wrap .input-box {
	color: #667183;
}

.table-wrap .input-box.display-inline,
.table-wrap .search-box.display-inline {
	display: inline-block;
}

.table-wrap .input-box input,
.table-wrap .search-box input {
	position: relative;
	width: 100%;
	min-height: 3.4rem;
	padding-right: 3.2rem;
	border-color: transparent;
}

.table-wrap .search-box .btn,
.table-wrap .input-box .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 3.6rem;
	height: 3.6rem;
	vertical-align: middle;
	color: #667183;
	line-height: 1.5;
	font-size: 1.7rem;
}

.table-wrap td select {
	min-width: 14rem;
}

.table-wrap .search-box i {
	color: #27303F;
	font-size: 1.8rem;
}

.table-wrap .box-check input[type="radio"]:checked+label,
.table-wrap .box-check input[type="checkbox"]:checked+label {
	background-color: #F1F7FD;
}

.table-wrap .search-box input[disabled="disabled"]+.btn i,
.table-wrap .input-box input[disabled="disabled"]+.btn i,
.table-wrap .search-box input[readonly="readonly"]+.btn i,
.table-wrap .input-box input[readonly="readonly"]+.btn i {
	color: #667183;
}

.display-inline.input-group+.display-inline.input-group {
	margin-left: 1.2rem;
}

/* Hash Tag */
.hashtag{
	display: block;
	padding: 1rem;
	border-top: 1px #bbb solid;
}
.hashtag .tag{
	display: inline-block;
	margin: 0.5rem 0.15rem;
	padding: 0.5rem 1.5rem;
	border: 1px transparent solid;
	background-color: #e2e2e2;
	border-radius: 3px;
	font-size: 12px;
	transition: all 0.3s;
}
.hashtag .tag:hover,
.hashtag .tag:focus{
	background: #cacaca;
	transition: all 0.3s;
}

/* 멀티 업로드 */
.multi-file {
	width: 35%;
}

.multi-file .subject {
	margin-bottom: 1rem;
}

.multi-file .drag-area {
	padding: 5rem 3rem;
	border: 1px dashed #000B17;
	text-align: center;
}

.multi-file .upload-info {
	margin-bottom: 1rem;
}

/* 페이지 넘버링 */
[class*="pagination"] {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	margin-top: 4rem;
	text-align: center;
}

[class*="pagination"] .page-navi {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	min-width: 4rem;
	height: 4rem;
	color: var(--color-light-gray-70);
}

[class*="pagination"] .page-navi.prev {
	padding: 0 .8rem 0 .4rem;
}

[class*="pagination"] .page-navi.next {
	padding: 0 .4rem 0 .8rem;
}

[class*="pagination"] .page-navi.first {
	flex-direction: row-reverse;
}

[class*="pagination"] .page-navi.prev::before,
[class*="pagination"] .page-navi.next::after,
[class*="pagination"] .page-navi.first::after,
[class*="pagination"] .page-navi.last::after {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	background: url(../../images/common/icon/ico_page_arr_left.svg) no-repeat 50% 50%;
	background-size: cover;
	content: "";
}

[class*="pagination"] .page-navi.next::after {
	background-image: url(../../images/common/icon/ico_page_arr_right.svg);
}

[class*="pagination"] .page-navi.first::after {
	background-image: url(../../images/common/icon/ico_page_arr_left02.svg);
}

[class*="pagination"] .page-navi.last::after {
	background-image: url(../../images/common/icon/ico_page_arr_right02.svg);
}

[class*="pagination"] .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 0.8rem;
}

[class*="pagination"] .page-link,
[class*="pagination"] a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	min-width: 4rem;
	height: 4rem;
	border-radius: 0.6rem;
	font-size: 1.4rem;
}

[class*="pagination"] .page-link.active,
[class*="pagination"] li.active a{
	background-color: #3d5891;
	color: #fff;
}

[class*="pagination"] a:focus {
	outline-offset: -0.4rem;
	border-radius: 0.6rem;
}

[class*="pagination"] > li.disabled a{
	pointer-events : none;
	color: #767676;
}
[class*="pagination"] > li:first-child a,
[class*="pagination"] > li:last-child a{
	border: 1px #ccc solid;
	margin: 0 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 2rem;
}
[class*="pagination"] > li:first-child a:hover,
[class*="pagination"] > li:first-child a:focus,
[class*="pagination"] > li:last-child a:hover,
[class*="pagination"] > li:last-child a:focus{
	text-decoration: none;	
}

/* Structured 목록 */
.structured-list+form {
	margin-top: var(--number-9);
}

/* 보기페이지 STYLE
--------------------------------------------------------*/
.btn-area.btn-bbs-list{
	position: relative;
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.prevnext-btn{
	float: right;
}
.btn-area + .board-view{
	margin-top: 2rem;
}
.board-view {
	display: flex;
	flex-direction: column;
	gap: var(--number-16);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow: hidden;
}
.board-view .view-top {
	padding: var(--number-10) 1rem;
	border-bottom: 1px solid #D8D8D8;
}
.board-view .view-top+.conts-wrap.bbs-info {
	margin: var(--number-16) var(--number-16) 0;
}

.board-view .view-title {
	margin-bottom: var(--number-8);
	background-color: transparent;
	color: #000;
	font-size: 2.6rem;
	font-weight: 700;
}
.board-view .view-content{
	padding: 1rem;
	padding-bottom: var(--number-10);
	word-break: normal;
	overflow-wrap: break-word;
}
.board-view .display-justify .state-info {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	gap: var(--number-3);
}

.board-view .display-justify .state-info:not(first-child) {
	gap: var(--number-5);
}

.board-view .item-share {
	right: -4rem;
}

.board-view .item-share::before {
	left: auto;
	right: 10rem;
}

.board-view .item-share::after {
	left: 0;
	width: 95%;
	transform: none;
}

.board-view .state-info [class*="btn-state"] {
	min-width: auto;
	height: 2.4rem;
	margin-bottom: var(--number-5);
	padding: var(--number-3) var(--number-5);
	border-radius: var(--radius-small);
	line-height: 1;
}

.board-view .state-info>[class*="btn-state"] i {
	width: 1.2rem;
	height: 1.2rem;
}

.board-view .info {
	display: flex;
	flex-flow: row wrap;
	line-height: 1;
}

.board-view .info.txt-left {
	justify-content: flex-start;
}

.board-view .info li {
	position: relative;
	margin: 0 var(--number-3);
	padding-right: 1rem;
}

.board-view .info li:last-child {
	padding-right: 0;
}

.board-view .info li:not(:last-child)::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 1.2rem;
	background-color: #D0D5DD;
	transform: translateY(-50%);
	content: '';
}

.board-view .info li>strong {
	display: inline-block;
	margin-right: var(--number-3);
	color: #1D1D1D;
	font-weight: 700;
}

.board-view .info li>span {
	display: inline-block;
	color: #27303F;
	font-weight: 400;
}

.board-view .btn-share {
	line-height: 1;
	font-size: 1.5rem;
}

.board-view .btn-share i {
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
}

.board-view .conts-area {
	margin: 0 var(--number-16);
	word-break: break-word;
	overflow-x: auto;
}

.board-view .conts-area table {
	margin: 0;
}

.board-view .conts-area.line {
	margin: 0;
	padding: var(--number-16) var(--number-16) 0;
	border-top: 1px solid var(--color-light-gray-30);
}

.board-view .conts-area.line .btn-ico {
	margin-top: var(--number-3);
}

.board-view .conts-area.bbs-info {
	background-color: #fff;
}

.board-view .conts-area img {
	max-width: 100%;
	height: auto !important;
}

.board-view .nodata {
	border: none;
}

.board-view .conts-area .section-tit {
	margin-bottom: var(--number-8);
	line-height: 1.2;
	font-size: 1.9rem;
}

.board-view .conts-area table {
	width: 99.99%;
}

.board-view .conts-area td a {
	color: #246BEB;
	text-decoration: underline;
}

.board-view .conts-area td a[class*="btn-type"] {
	text-decoration: none;
}

.board-view .conts-area>.graybox {
	padding: var(--number-9);
	line-height: 1.177;
}

/* 상세페이지 다운로드 */
.download-list{
	display: flex;
	padding: var(--number-8) 1rem;
	border-bottom: 1px solid #D8D8D8;
}
.download-list .section-tit {
	position: relative;
	margin-right: 1rem;
	padding-right: 1rem;
}
.download-list .section-tit:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0.8rem;
	display: block;
	width: 1px;
	height: 1rem;
	background-color: #777;
}
.file-list {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--gap-3);
	width: calc(100% - 20rem);
	font-size: 1.5rem;
}

.file-list li {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.file-list li:first-child {
	margin-top: 0;
}

.file-list .file-name {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	gap: var(--gap-4);
	width: calc(100% - 18.8rem);
	padding-left: var(--number-12);
	padding-right: var(--number-8);
}

.file-list .file-icon {
	position: absolute;
	top: var(--number-3);
	left: 0;
}
.file-list .btn-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	gap: .4rem;
}

.file-list .btn-wrap .date {
	display: block;
	padding: var(--number-3) 0;
	line-height: 1.6;
}

.file-list .btn {
	position: relative;
	display: block;
	width: 9.2rem;
	height: 3.2rem;
	padding: var(--number-3) var(--number-5);
	background-color: #fff;
	border: 1px solid var(--color-light-gray-90);
	border-radius: 0.6rem;
	text-align: center;
	line-height: 1.5;
	font-size: 1.5rem;
}

.file-list .btn i {
	display: inline-block;
	position: relative;
	top: inherit;
	right: inherit;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -.4rem;
}

.board-view .conts-wrap.graybox02 {
	margin-left: 0;
	margin-right: 0;
}

.conts-wrap.graybox02 td {
	background-color: transparent;
}

/* 상세페이지 태그 */
.board-view .tag-area {
	margin-top: var(--number-9);
	padding-top: var(--number-10);
	border-top: 1px dashed #D9D9D9;
	text-align: left;
}

.board-view .tag-area dd {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: 0.4rem;
}

.board-view .tag-area span {
	position: relative;
	display: block;
	height: 3.2rem;
	padding: var(--number-3) var(--number-7);
	background-color: var(--white);
	border: 0.1rem solid var(--color-light-gray-40);
	border-radius: 10rem;
	color: var(--color-light-gray-90);
	font-size: 1.5rem;
}

/* 첨부파일 영역 */
*+.dropBox {
	margin-top: var(--number-14);
}

.dropBox+.articles {
	margin: var(--number-14) 0 var(--number-8);
}

.dropBox {
	padding: var(--number-17) var(--number-8);
	background-color: #fff;
	border: 1px dashed var(--color-light-gray-30);
	border-radius: var(--radius-medium2);
	text-align: center;
	line-height: 1.1;
}

.dropBox::after {
	content: '';
}

.dropBox.drag-over {
	outline: .2rem dashed var(--color-light-primary-50);
}

.dropBox [class*="btn-type"] {
	margin-top: var(--number-14);
}

.dropBox [class*="btn-type"] .svg-icon {
	width: 2rem;
	height: 2rem;
	filter: invert(91%) sepia(58%) saturate(0%) hue-rotate(116deg) brightness(99%) contrast(106%);
}

.filebox+.dropBox {
	margin-bottom: .8rem;
}

.filebox {
	position: relative;
	overflow: hidden;
}

.filebox input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.filebox+.table-wrap {
	margin-top: .8rem;
}

[class*="attachment-list"] {
	overflow: hidden;
}

[class*="attachment-list"].single {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

[class*="attachment-list"]>li,
div[class*="attachment-list"] {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: var(--number-8);
	padding: var(--number-8);
	background-color: #fff;
	border: 1px solid var(--color-light-gray-30);
	border-radius: var(--radius-medium2);
	line-height: 1.3;
}

[class*="attachment-list"]>li:first-child {
	margin-top: 0;
}

[class*="attachment-list"] .file-name {
	position: relative;
	display: block;
	width: calc(100% - 10rem);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

[class*="attachment-list"] .btn {
	font-weight: 400;
}

[class*="attachment-list"] .svg-icon {
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
}

[class*="attachment-list"] .ico-check-circle::after {
	background-size: cover;
}

[class*="attachment-list"] .file-danger {
	position: relative;
	width: 100%;
	margin-top: var(--number-8);
	padding: var(--number-7) 0 0 var(--number-10);
	border-top: 1px solid var(--color-light-gray-30);
	color: var(--danger60);
}

[class*="attachment-list"] .file-danger .svg-icon {
	position: absolute;
	top: var(--number-7);
	left: 0;
}

[class*="attachment-list"] li.file-error {
	background-color: var(--accent5);
	border-color: var(--danger);
}

/* 답변 */
.answer-wrap {
	margin-top: var(--number-16);
}

.answer-wrap .view-title {
	margin-bottom: 0;
}

.answer-wrap .view-top {
	display: flex;
	justify-content: space-between;
	margin: 0 var(--number-16);
	padding-left: 0;
	padding-right: 0;
}

/* 이전 다음 페이지 이동 */
.nextprev-list {
	clear: both;
	border-bottom: 1px solid var(--color-light-gray-30);
	overflow: hidden;
}

.nextprev-list li {
	display: flex;
	flex-flow: row wrap;
	border-top: 1px solid var(--color-light-gray-30);
	line-height: 1.4;
}

.nextprev-list li:first-child {
	border-top: none
}

.nextprev-list .tit {
	display: block;
	position: relative;
	width: 10.2rem;
	padding: var(--number-9);
	color: #000;
}

.nextprev-list .tit::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 1.7rem;
	background-color: var(--color-light-gray-30);
	transform: translateY(-50%);
	content: '';
}

.nextprev-list .tit .svg-icon {
	margin-right: var(--number-3);
	vertical-align: top;
}

.nextprev-list .next .svg-icon {
	transform: rotate(180deg);
}

.nextprev-list li a,
.nextprev-list li>span {
	display: block;
	width: calc(100% - 10.2rem);
	padding: var(--number-9);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-area {
	min-height: 18.4rem;
	border: 1px solid #D0D5DD;
	border-radius: 0.5rem;
}

*~.input-number {
	margin-left: 2rem;
}

.input-number {
	display: inline-block;
}

.input-number input {
	width: 8rem;
}

.reply-list {
	border-top: 1px solid #E4E7EB;
}

.reply-list>li {
	padding: 2rem 1.6rem;
	border-bottom: 1px solid #E4E7EB;
}

.reply-list .name {
	display: inline-block;
	margin-right: .8rem;
	color: #27303F;
	font-weight: 700;
}

.reply-list .date {
	display: inline-block;
	color: #4C5667;
	font-size: 1.2rem;
}

.reply-list .desc {
	margin-top: .8rem;
}

.reply-title {
	margin: 1.2rem 0;
}

.editor-area textarea {
	border: none;
	resize: none;
}

/* FAQ */
.faq-list {
	position: relative;
	border-top: 1px solid #27303F;
}
.faq-list .no-data{
	width: 100%;
	padding: 2rem 1rem;
	text-align: center;
}

.faq-list>li {
	border-bottom: 1px solid #E4E7EB;
}

.faq-list>li .question {
	display: block;
	position: relative;
	padding: 2rem 5.8rem;
	color: #333;
	font-weight: 500;
}

.faq-list>li .question::after {
	position: absolute;
	top: 50%;
	right: 3rem;
	color: #999;
	transition: all 0.2s;
	transform: translateY(-50%);
	font: 400 2.2rem 'xeicon';
	content: "\e946";
}

.faq-list .txt-qa {
	position: absolute;
	top: 2.1rem;
	left: 1.6rem;
	width: 4.2rem;
	height: 2.2rem;
	color: #3d5891;
	text-align: center;
	transition: all 0.2s;
	font-weight: 500;
}

.faq-list .answer {
	position: relative;
	width: 0;
	height: 0;
	padding: 0 5.6rem;
	background-color: #ededed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

.faq-list .answer .txt-qa {
	top: 4rem;
}
.faq-list .date{
	display: block;
	margin-top: 2rem;
	color: #777;
	font-size: 1.5rem;
}
.faq-list .date em{
	position: relative;
	display: inline-block;	
	margin-right: 1rem;
	padding-right: 1rem;
}
.faq-list .date em:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0.8rem;
	display: block;
	width: 1px;
	height: 1rem;
	background-color: #777;
}

.faq-list>li.active {
	border-color: transparent;
}

.faq-list>li.active .answer {
	width: auto;
	height: auto;
	padding-top: 4rem;
	padding-bottom: 4rem;
	transition: all 0.2s;
	visibility: visible;
	overflow: visible;
	opacity: 1;
}

.faq-list>li.active .question::after {
	content: "\e943";
}

.faq-list .download-list {
	margin-top: 2rem;
	border-top: none;
}

.faq-list .download-list>li {
	padding: 0.8rem 1.2rem;
	background-color: #fff;
	border-radius: var(--radius-small);
}

/* 캘린더 */
.calendar-conts {
	position: relative;
}

.calendar-wrap {
	display: none;
	position: absolute;
	top: 0.8rem;
	left: 0;
	width: 38.4rem;
	background-color: var(--calendar--color-surface);
	border: 1px solid var(--calendar--color-border);
	border-radius: var(--calendar--radius);
	overflow: hidden;
	z-index: 100;
}

.calendar-wrap.active {
	display: block;
}

.calendar-wrap.bottom {
	top: auto;
	bottom: 5rem;
}

.calendar-wrap .calendar-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-5);
	padding: var(--padding-8);
	font-size: var(--calendar--head-pc-font-size);
	font-weight: var(--font-weight-bold);
}

.calendar-wrap .btn-cal-move {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: var(--calendar--head-btn-cal-move-size);
	height: var(--calendar--head-btn-cal-move-size);
	background-color: var(--calendar--head-btn-cal-move-color-action);
	border: 1px solid var(--calendar--head-btn-cal-move-color-border);
	border-radius: var(--radius-max);
	flex-shrink: 0;
}

.calendar-wrap .btn-cal-move::before {
	display: inline-flex;
	width: var(--size-height-3);
	height: var(--size-height-3);
	background-color: var(--light-color-text-basic);
	forced-color-adjust: none;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	mask-image: url(../../images/common/icon/ico_angle.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	-webkit-mask-image: url(../../images/common/icon/ico_angle.svg);
	transform: rotate(90deg);
	content: "";
}

.calendar-wrap .btn-cal-move.next::before {
	transform: rotate(-90deg);
}

.calendar-wrap .calendar-switch-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--gap-2);
}

.calendar-wrap .btn-cal-switch {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--gap-2);
	height: var(--size-height-6);
	padding: 0 var(--padding-3);
	border-radius: var(--calendar--head-btn-cal-switch-radius);
	transition: var(--transition-base);
}

.calendar-wrap .btn-cal-switch::after {
	content: "";
	display: inline-flex;
	width: var(--icon--size-small);
	height: var(--icon--size-small);
	background-color: var(--light-color-text-basic);
	forced-color-adjust: none;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	mask-image: url(../../images/common/icon/ico_arrow_dropdown.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	-webkit-mask-image: url(../../images/common/icon/ico_arrow_dropdown.svg);
}

.calendar-wrap .btn-cal-switch:hover {
	background-color: var(--calendar--head-btn-cal-switch-color-action-hover);
}

.calendar-wrap .btn-cal-switch:focus,
.calendar-wrap .btn-cal-switch:active,
.calendar-wrap .btn-cal-switch.active {
	background-color: var(--calendar--head-btn-cal-switch-color-action-active);
}

.calendar-wrap .btn-cal-switch:disabled {
	background-color: var(--calendar--action-btn-wrap-color-surface);
	color: var(--calendar--head-btn-cal-switch-color-text-disabled);
}

.calendar-wrap .btn-cal-switch:disabled::after {
	background-color: var(--calendar--head-btn-cal-switch-color-text-disabled);
}

.calendar-wrap .calendar-drop-down {
	--calendar-drop-down-btn-height: var(--size-height-6);
	position: relative;
}

.calendar-wrap .calendar-select {
	position: absolute;
	top: calc(100% + 0.4rem);
	left: 50%;
	min-width: 14rem;
	max-height: calc(var(--calendar-drop-down-btn-height) * 6 + var(--padding-3) * 2);
	padding: var(--padding-3);
	background-color: var(--calendar--action-btn-wrap-color-surface);
	border: 1px solid var(--calendar--action-btn-wrap-color-border);
	border-radius: var(--radius-medium2);
	box-shadow: var(--calendar--head-drop-down-shadow);
	transition: var(--transition-base);
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: -1;
}

.calendar-wrap .calendar-select.active {
	visibility: visible;
	opacity: 1;
	z-index: 10;
}

.calendar-wrap .calendar-select .sel {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.calendar-wrap .calendar-select .sel li {
	width: 100%;
}

.calendar-wrap .calendar-select .sel button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	height: var(--calendar-drop-down-btn-height);
	border-radius: var(--radius-medium1);
	font-size: var(--calendar--head-btn-cal-switch-pc-font-size);
	font-weight: var(--font-weight-regular);
}

.calendar-wrap .calendar-select .sel button:hover {
	background-color: var(--calendar--head-btn-cal-switch-color-action-hover);
}

.calendar-wrap .calendar-select .sel button:focus,
.calendar-wrap .calendar-select .sel button:active {
	background-color: var(--calendar--head-btn-cal-switch-color-action-active);
}

.calendar-wrap .calendar-select .sel button.active {
	color: var(--calendar--head-btn-cal-move-color-text-active);
	border: 1px solid var(--calendar--head-btn-cal-move-color-border-active);
	background-color: var(--calendar--action-btn-wrap-color-surface);
}

.calendar-wrap .calendar-select .sel button:disabled {
	cursor: default;
	color: var(--calendar--head-btn-cal-switch-color-text-disabled);
	background-color: var(--calendar--action-btn-wrap-color-surface);
}

.calendar-wrap .calendar-body {
	position: relative;
}

.calendar-wrap .calendar-body .calendar-table-wrap {
	padding: 0 var(--calendar--table-wrap-padding);
}

.calendar-wrap .calendar-tbl caption {
	position: absolute;
	top: 4.6rem;
	left: var(--calendar--table-wrap-padding);
	width: auto;
	height: auto;
	margin: 0;
	color: var(--calendar--color-text-sub);
	clip: auto;
	text-align: left;
	font-size: var(--calendar--table-caption-pc-font-size);
	font-weight: var(--font-weight-bold);
}

.calendar-wrap .calendar-tbl th,
.calendar-wrap .calendar-tbl td {
	width: 14.2857142857%;
}

.calendar-wrap .calendar-tbl th {
	padding-bottom: 4.6rem;
	font-size: var(--calendar--table-head-pc-font-size);
	font-weight: var(--font-weight-regular);
}

.calendar-wrap .calendar-tbl td {
	padding: var(--padding-1) 0;
}

.calendar-wrap .calendar-tbl td>button {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 4.4rem;
	max-width: 100%;
	height: 4.4rem;
	margin-inline: auto;
}

.calendar-wrap .calendar-tbl td>button span {
	z-index: 1;
}

.calendar-wrap .calendar-tbl td>button::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--calendar--set-date-radius);
	transition: var(--transition-base);
	content: "";
}

.calendar-wrap .calendar-tbl td .btn-set-date:focus {
	z-index: 1;
}

.calendar-wrap .calendar-tbl td:not(.period, .old, .new, .disabled) .btn-set-date:hover::after {
	background-color: var(--calendar--date-set-color-action-period);
}

.calendar-wrap .calendar-tbl td:not(.period, .old, .new, .disabled) .btn-set-date:focus::after,
.calendar-wrap .calendar-tbl td:not(.period, .old, .new, .disabled) .btn-set-date:active::after {
	background-color: var(--calendar--date-set-color-action-pressed);
}

.calendar-wrap .calendar-tbl td.today .btn-set-date {
	background-color: var(--white);
	border-radius: var(--radius-max);
}

.calendar-wrap .calendar-tbl td.today .btn-set-date span {
	position: relative;
}

.calendar-wrap .calendar-tbl td.today .btn-set-date span::before {
	position: absolute;
	bottom: -15%;
	left: 50%;
	width: 0.4rem;
	height: 0.4rem;
	background-color: var(--calendar--date-set-color-element-today);
	border-radius: var(--radius-max);
	transform: translateX(-50%);
	content: "";
}

.calendar-wrap .calendar-tbl td.day-event .btn-set-date {
	color: var(--calendar--date-set-color-text-day-event);
}

.calendar-wrap .calendar-tbl td.day-event .btn-set-date .num {
	position: relative;
	text-decoration: underline;
	text-underline-offset: 0.2rem;
}

.calendar-wrap .calendar-tbl td.day-event .btn-set-date .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 1rem;
	font-weight: var(--font-weight-bold);
}

.calendar-wrap .calendar-tbl td.day-off {
	color: var(--calendar--date-set-color-text-day-off);
}

.calendar-wrap .calendar-tbl td.old,
.calendar-wrap .calendar-tbl td.new,
.calendar-wrap .calendar-tbl td.disabled {
	color: var(--calendar--date-set-color-text-disabled);
}

.calendar-wrap .calendar-tbl td.old button,
.calendar-wrap .calendar-tbl td.new button,
.calendar-wrap .calendar-tbl td.disabled button {
	cursor: default;
}

.calendar-wrap .calendar-tbl td.period .btn-set-date {
	background-color: var(--calendar--date-set-color-action-period);
}

.calendar-wrap .calendar-tbl td.period.start>.btn-set-date,
.calendar-wrap .calendar-tbl td.period.end>.btn-set-date {
	background-color: var(--calendar--date-set-color-action);
	color: var(--calendar--date-set-color-text);
}

.calendar-wrap .calendar-tbl td.period.start>.btn-set-date {
	border-top-left-radius: var(--calendar--set-date-radius);
	border-bottom-left-radius: var(--calendar--set-date-radius);
}

.calendar-wrap .calendar-tbl td.period.end>.btn-set-date {
	border-top-right-radius: var(--calendar--set-date-radius);
	border-bottom-right-radius: var(--calendar--set-date-radius);
}

.calendar-wrap .calendar-footer {
	margin-top: var(--calendar--table-wrap-padding);
}

.calendar-wrap .calendar-btn-wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: var(--gap-3);
	padding: var(--padding-6) var(--padding-8);
	background-color: var(--calendar--action-btn-wrap-color-surface);
	border-top: 1px solid var(--calendar--action-btn-wrap-color-border);
}

.calendar-wrap .calendar-btn-wrap .btn:first-child {
	margin-right: auto;
}

.calendar-wrap:not(.single) .calendar-tbl {
	--calendar--after-size: calc(100% - var(--padding-1) * 2);
}

.calendar-wrap:not(.single) .calendar-tbl td {
	position: relative;
}

.calendar-wrap:not(.single) .calendar-tbl td::after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: var(--calendar--after-size);
	transform: translateY(-50%);
	content: "";
}

.calendar-wrap:not(.single) .calendar-tbl td.period::after {
	background-color: var(--calendar--date-set-color-action-period);
}

.calendar-wrap:not(.single) .calendar-tbl td.start::after {
	right: 0;
	left: unset;
	width: var(--calendar--after-size);
	height: var(--calendar--after-size);
	background-color: var(--calendar--date-set-color-action);
	border-top-left-radius: var(--calendar--set-date-radius);
	border-bottom-left-radius: var(--calendar--set-date-radius);
}

.calendar-wrap:not(.single) .calendar-tbl td.end::after {
	width: var(--calendar--after-size);
	height: var(--calendar--after-size);
	background-color: var(--calendar--date-set-color-action);
	border-top-right-radius: var(--calendar--set-date-radius);
	border-bottom-right-radius: var(--calendar--set-date-radius);
}

.calendar-wrap:not(.single) .calendar-tbl td.period.start.end::after {
	display: none;
}

/* photo-list 기본값 */
.photo-list{
	border-top: 1px #000 solid;
	border-bottom: 1px #ddd solid;
}
.photo-list > li{
	position: relative;
}
.photo-list .no-data,
.photo-list[class*="type"] .no-data{
	width: 100%;
	text-align: center;
}
.photo-list a{
	position: relative;
	display: block;
}
.photo-list a:hover,
.photo-list a:focus{
	text-decoration: none;
}
.photo-list .thumb{
	position: relative;
	display: block;
	overflow: hidden;
}
.photo-list .thumb img{
	width: 100%;
	height: calc(100% + 0.05rem);
	/* object-fit: cover; */
	transition: all 0.5s;
}
.photo-list a:hover .thumb img,
.photo-list a:focus .thumb img{
	transform: scale(1.05);
	transition: all 0.5s;
}
.photo-list .tit{
	display: block;
	width: 100%;
	margin-bottom: 1rem;
	white-space: nowrap;
	font-size: 2.6rem;
	font-weight: 700;
	text-overflow: ellipsis;
	overflow: hidden;
}
.photo-list .txt{
	display: -webkit-box;
	height: 5.4rem;
	margin-top: 1rem;
	margin-bottom: 3rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}
.photo-list .date{
	display: block;
	color: #777;
	font-size: 1.5rem;
}
.photo-list .event-date{
	display: block;
	margin-bottom: 1rem;
	color: #3d5891;
	font-weight: 700;
}
.photo-list .date em,
.photo-list .event-date em{
	position: relative;
	display: inline-block;	
	margin-right: 1rem;
	padding-right: 1rem;
}
.photo-list .date em:after,
.photo-list .event-date em:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0.8rem;
	display: block;
	width: 1px;
	height: 1rem;
	background-color: #777;
}

/* photo-list thumb-type (왼쪽 이미지 배치형)*/
.thumb-type li {
	position: relative;
	padding: 3rem 1rem ;
	border-top: none;
}
.thumb-type li + li{
	border-top: 1px #ddd solid;
}
.thumb-type .item{
	display: flex;
	gap: 5rem;
}
.thumb-type .thumb{
	width: 35.8rem;
	aspect-ratio: 4/3;
	/* height: 24rem; */
	/* background-color: #ddd; */
}
.thumb-type .desc{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 38rem - 5rem);
}
.thumb-type .txt{
	display: -webkit-box;
	height: 5.4rem;
	margin-bottom: 3rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* thumb-type (왼쪽 이미지 배치형) 공지, 고정 */
.thumb-type .hot-list{
	position: relative;
	background-color: #efefef;
}
.thumb-type .hot-list:before{
	content: "";
	position: absolute;
	right: 3rem;
	top: 0;
	width: 5rem;
	height: 5rem;
	background-color: #41acb2;
	z-index: 2;
}
.thumb-type .hot-list:after{
	content: "";
	position: absolute;
	right: 3rem;
	top: 0;
	border-top: 3.5rem transparent solid;
	border-left: 2.5rem transparent solid;
	border-bottom: 1.5rem #efefef solid;
	border-right: 2.5rem transparent solid;
	z-index: 3;
}
.thumb-type .hot-list .tit{
	position: relative;
	padding-left: 3.5rem;
	width: calc(100% - 3.5rem);
}
.thumb-type .hot-list .tit:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 2.4rem;
	height: 100%;
	background: url('/resources/images/mps/sub/icon-notice.svg') 50% 50% no-repeat;
	background-size: contain;
}

/* photo-list album-type (4개 배치)*/

.album-type{
	display: flex;
	flex-wrap: wrap;
}
.album-type > li{
	width: 25%;
	padding: 3rem 2rem;
}
.album-type > li > a{
	position: relative;
	display: flex;
	flex-direction: column;
}
.album-type .thumb{
	width: 100%;
	max-width: 35.8rem;
	aspect-ratio: 4/3;
	/* height: 13vw;
	max-height: 20rem; */
	margin-bottom: 2rem;
	/* background-color: #ddd; */
}
.album-type .desc{
	width: 100%;
	max-width: 34rem;
}

/* 검색 시 글자 컬러  */
mark,
.scColor {
	background-color: transparent;
	color: #e4022d;
	font-weight: 700;
}