@charset "utf-8";

/* Source: board/board-common-source.css */
/* *******************************************************
 * filename : board.css
 * description : paging, 버튼, 게시판 뷰, 쓰기 등 게시판에 관련된 통합 CSS
 * date : 2022-06-15
******************************************************** */
/* ******************   공통 :: Default Setting ********************** */
/* ****************** 공통 :: PAGING ********************** */
.paging {
	display: flex;
	justify-content: center;
	width: 100%;
	text-align: center;
	/* margin:var(--space-32) 0;  */
	flex-wrap: wrap;
}

.paging a {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	line-height: var(--leading-px-30);
	margin: 0 var(--space-8);
	border: 1px solid var(--color-border);
	text-align: center;
	font-size: var(--font-size-13);
	color: var(--color-text-muted);
	letter-spacing: var(--tracking-neg-px-025);
	background-color: var(--color-white);
}

.paging a:hover {
	color: var(--color-primary);
}

.paging a.cur {
	border-color: var(--color-text-muted);
	background-color: var(--color-text-muted);
	color: var(--color-white);
}

.paging a.paging-arrow i {
	position: relative;
	top: -1px;
	vertical-align: middle;
	color: inherit;
	font-size: var(--font-size-24);
}

/* .paging:not(.no-margin) a.paging-prev{margin-right:var(--space-16)}
.paging:not(.no-margin) a.paging-next{margin-left:var(--space-16)} */
.paging .paging-first i,
.paging .paging-last i {
	transform: translateX(-8px)
}

.paging .paging-first i:before,
.paging .paging-last i:before {
	display: block;
	width: 7px
}

/* 네모 라인형 페이징 */
.paging.no-margin a {
	margin: 0;
	margin-left: calc(var(--space-8) * -1)
}

.paging.no-margin a.cur {
	position: relative;
	z-index: 1;
	background-color: transparent;
	color: var(--color-text-muted);
}

.paging.no-margin a:first-child {
	margin-left: 0;
}

@media all and (max-width:480px) {

	/* 공통 :: PAGING */
	.paging:not(.no-margin) a.paging-prev {
		margin-right: var(--space-8)
	}

	.paging:not(.no-margin) a.paging-next {
		margin-left: var(--space-8)
	}
}

@media all and (max-width:359px) {

	/* 공통 :: PAGING */
	.paging a {
		margin: 0 0 0 calc(var(--space-8) * -1)
	}

	.paging:not(.no-margin) a.paging-prev {
		margin-right: 0
	}

	.paging:not(.no-margin) a.paging-next {
		margin-left: calc(var(--space-8) * -1)
	}
}

/* ****************** 공통 :: 게시판 상단 TOTAL 및 카테고리 검색 ********************** */
.bbs-top-list-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	margin-bottom: var(--space-32)
}

/* -------- 리스트 Total 갯수 -------- */
.total-list-con {
	color: var(--color-primary);
	font-size: var(--font-size-22);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--tracking-neg-px-05);
}

.total-list-con b {
	color: var(--color-primary);
	font-weight: var(--font-weight-semibold);
}

.total-list-con i {
	font-size: var(--font-size-16);
	margin-right: var(--space-8);
	position: relative;
	top: 1px;
}

/* -------- 카테고리 -------- */
.board-category-box {
	width: 200px;
	margin-left: auto;
}

.bbs-top-list-box:not(.top-search-center) .board-search-box+.board-category-box {
	margin-right: var(--space-8);
}

.board-category-box .category-select {
	width: 100%;
	height: 50px;
	border: 1px solid var(--color-border);
	font-size: var(--font-size-15);
	padding: 0 var(--space-8);
	box-sizing: border-box;
}

.bbs-top-category {
	position: relative;
	width: 100%;
	text-align: left;
	letter-spacing: var(--tracking-neg-px-025);
}

.bbs-top-category .category-trigger-btn {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	padding: 0 var(--space-16);
	text-align: left;
	font-size: var(--font-size-15);
	border: 1px solid var(--color-border);
	background-color: var(--color-white);
	color: var(--color-text-muted);
	box-sizing: border-box;
}

.bbs-top-category .category-trigger-btn:after {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: var(--font-size-18);
	font-family: "remixicon";
	content: "\ea4e";
}

.bbs-top-category.open .category-trigger-btn:after {
	content: "\ea78";
}

.bbs-top-category-list {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	border-top: 0;
	z-index: 1;
	display: none;
	box-sizing: border-box;
}

.bbs-top-category-list a {
	display: block;
	padding: var(--space-16);
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
	transition: all 0.3s
}

.bbs-top-category-list.selected a {
	background-color: var(--color-border-soft);
}

.bbs-top-category-list a:hover {
	background-color: var(--color-border-soft);
}

/* 하단 라인형 카테고리 */
.category-line-bottom .category-select,
.category-line-bottom .category-trigger-btn {
	border: 0;
	border-bottom: 3px solid var(--color-text-muted);
}

.category-line-bottom .bbs-top-category-list {
	border-width: 3px;
	border-color: var(--color-text-muted);
}

/* 라운드 배경형 카테고리 */
.category-radius .category-select,
.category-radius .category-trigger-btn {
	background-color: var(--color-border-soft);
	border-radius: var(--radius-48);
	border: 0;
	padding-left: var(--space-24);
}

.category-radius .bbs-top-category-list {
	left: 1.5em;
	right: 1.5em;
	width: auto;
	margin-top: calc(var(--space-8) * -1);
	border: 1px solid var(--color-text-muted);
	box-shadow: 3px 4px 7px 0px rgb(var(--color-primary-rgb) / 0.1);
}

/* -------- 리스트 갯수 Sort -------- */
/* 갯수 Sort */
.top-view-select-box {
	margin-left: var(--space-16);
	display: inline-flex;
	margin-bottom: var(--space-24);
}

.top-view-select-box select {
	width: 120px;
	height: 34px;
	border: 1px solid var(--color-text-muted);
	vertical-align: top;
}

@media all and (max-width:800px) {
	.bbs-top-list-box {
		margin-bottom: 5%;
	}

	.bbs-top-list-box:not(.bbs-top-category-box) {
		flex-direction: initial;
	}

	/* 리스트 Total 갯수 */
	.total-list-con {
		font-size: var(--font-size-16);
	}

	/* 공통 :: TOTAL NUMBER 및 카테고리 검색 */
	.board-category-box select {
		width: 150px
	}

	/* ~개씩 보기 */
	.top-view-select-box {
		margin-left: var(--space-16);
	}

	.top-view-select-box select {
		width: 100px;
	}

	/* 우측 카테고리 */
	.board-category-box {
		width: 50%;
		max-width: 200px;
	}

	.bbs-top-list-box:not(.top-search-center) .board-search-box+.board-category-box {
		margin-right: 0;
	}
}

@media all and (max-width:480px) {

	/* ~개씩 보기 */
	.top-view-select-box {
		margin-left: var(--space-8);
	}

	.top-view-select-box select {
		width: 80px;
	}

	/* 우측 카테고리 */
	.board-category-box .category-select {
		height: 40px;
	}

	.bbs-top-category .category-trigger-btn {
		height: 40px;
		font-size: var(--font-size-13);
	}
}

@media all and (max-width:359px) {

	/* ~개씩 보기 */
	.top-view-select-box select {
		width: 55px;
	}
}

/* ****************** 공통 :: SEARCH BOX ********************** */
.board-search-box {
	text-align: center;
	padding: var(--space-32) 0;
}

.board-search-box .board-search-inner {
	display: flex;
	align-items: center;
	max-width: 500px;
	height: 50px;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid var(--color-border);
	background-color: var(--color-white);
}

.board-search-box .board-search-inner:after {
	display: none;
}

.board-search-box .search-subject-select,
.board-search-box .search-word {
	height: 100%;
	background-color: transparent;
	border: 0;
	padding: 0 var(--space-16);
	font-size: var(--font-size-15);
	color: var(--color-text-muted);
	letter-spacing: var(--tracking-neg-px-03);
	box-sizing: border-box;
}

.board-search-box .search-subject-select {
	width: 120px;
}

.board-search-box .search-subject-select:not(.custom-select) {
	padding-left: var(--space-16);
}

.board-search-box .search-word {
	width: 100%;
	border-right: 0;
}

.board-search-box .search-subject-select+.search-word,
.board-search-box .board-custom-select-box+.search-word {
	width: calc(100% - 170px);
	border-left: 1px solid var(--color-border);
}

.board-search-box .search-subject-select:focus,
.board-search-box .search-word:focus {
	color: var(--color-text-muted);
	outline: none;
	background-color: transparent;
}

.board-search-box .search-word::placeholder {
	color: var(--color-text-muted);
}

.board-search-box .search-word::-webkit-search-cancel-button {
	display: none;
}

.board-search-box .bbs-search-btn {
	margin: 0;
	border: 0;
	width: 50px;
	height: 100%;
	font-size: var(--font-size-15);
	letter-spacing: var(--tracking-neg-px-05);
	color: var(--color-text-muted);
	cursor: pointer;
	vertical-align: top;
}

.board-search-box .bbs-search-btn i {
	line-height: var(--leading-px-40);
	font-size: var(--font-size-20);
}

/* Search Select Custom */
.board-search-box .board-custom-select-box {
	width: 120px;
	height: 100%;
}

.board-custom-select-box .custom-select-wrapper {
	height: 100%;
}

.board-custom-select-box .search-subject-select {
	padding: 0;
}

.board-custom-select-box .custom-select-trigger {
	border: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.board-custom-select-box .custom-option-drop-list {
	border-color: var(--color-border);
	left: -1px;
	right: -1px;
}

.board-custom-select-box .custom-option-item {
	text-align: left;
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-regular);
	padding: var(--space-8) var(--space-16);
}

.board-custom-select-box .custom-option-item.selection {
	background-color: var(--color-border-soft);
}

/* 하단 라인형 카테고리 */
.search-line-bottom .board-search-inner {
	border: 0;
	border-bottom: 3px solid var(--color-text-muted);
}

.search-line-bottom .search-subject-select+.search-word,
.search-line-bottom .board-custom-select-box+.search-word {
	border-left: 0;
}

.search-line-bottom .board-custom-select-box .custom-option-drop-list {
	margin-top: var(--space-8);
	left: 0;
	border-width: 3px;
	border-color: var(--color-text-muted);
}

/* 라운드 배경형 카테고리 */
.search-radius .board-search-inner {
	background-color: var(--color-border-soft);
	border-radius: var(--radius-48);
	border: 0;
}

.search-radius .search-subject-select+.search-word,
.search-radius .board-custom-select-box+.search-word {
	border-left: 0;
}

.search-radius .board-custom-select-box .custom-select-trigger {
	padding-left: var(--space-24)
}

.search-radius .board-custom-select-box .custom-option-drop-list {
	left: 1.5em;
	margin-top: calc(var(--space-8) * -1);
	border: 1px solid var(--color-text-muted);
	box-shadow: 3px 4px 7px 0px rgb(var(--color-primary-rgb) / 0.1);
}

/* -------- SEARCH BOX 상단 일때  -------- */
.bbs-top-list-box .board-search-box {
	width: 420px;
	padding: 0;
}

.bbs-top-list-box .board-search-inner {
	/* margin:0; max-width:none; */
}

/* 센터정렬 */
.bbs-top-list-box.top-search-center {
	justify-content: flex-end;
}

.bbs-top-list-box.top-search-center .board-search-box {
	width: 100%;
	margin: 0 auto var(--space-32);
}

@media all and (max-width:800px) {
	.board-search-box {
		padding: 0;
		border: 0
	}

	.board-search-box .board-search-inner {
		max-width: none;
	}

	/* -------- SEARCH BOX 상단 일때  -------- */
	.bbs-top-list-box .board-search-box {
		width: 100%;
		margin-bottom: 5%;
	}

	/* 센터정렬 */
	.bbs-top-list-box.top-search-center {
		justify-content: flex-start;
	}

	.bbs-top-list-box.top-search-center .board-search-box {
		margin-bottom: 5%;
	}
}

@media all and (max-width:480px) {
	.board-search-box .board-search-inner {
		height: 40px;
	}

	.board-search-box .search-subject-select,
	.board-search-box .search-word {
		font-size: var(--font-size-13);
	}

	.board-search-box .search-subject-select {
		width: 100px
	}

	.board-search-box .search-subject-select+.search-word,
	.board-search-box .board-custom-select-box+.search-word {
		width: calc(100% - 150px);
	}

	.board-search-box .board-custom-select-box {
		width: 100px;
	}

	.board-custom-select-box .custom-select-trigger {
		font-size: var(--font-size-13);
	}
}

/* ****************** 공통 :: NO LIST ********************** */
.bbs-no-list {
	padding: var(--space-104) 0;
	text-align: center;
	color: var(--color-text-muted);
	font-size: var(--font-size-15);
	border-top: 1px solid var(--color-text-muted);
	border-bottom: 1px solid var(--color-border);
}

.bbs-list-tbl+.bbs-no-list {
	margin-top: calc(var(--space-8) * -1);
}

@media all and (max-width:800px) {

	/* 공통 :: NO LIST */
	.bbs-no-list {
		padding: var(--space-64) 0;
		font-size: var(--font-size-14);
		font-weight: var(--font-weight-medium);
	}
}

/* ****************** 공통 :: FORM CUSTOM ********************** */
/* -------- 공통 :: 체크박스 -------- */
.custom-checkbox-item-box {
	margin: 0 calc(var(--space-16) * -1);
	font-size: var(--font-size-15);
}

.custom-checkbox-item-box .custom-checkbox-item {
	margin: var(--space-8) var(--space-16)
}

.custom-checkbox-item {
	display: inline-block;
	vertical-align: middle;
}

.custom-checkbox-item input[type="checkbox"] {
	display: none;
}

.custom-checkbox-item label {
	display: inline-block;
	position: relative;
	padding-left: var(--space-24);
	color: var(--color-text-muted);
	font-size: var(--font-size-16);
	letter-spacing: var(--tracking-neg-px-03);
	line-height: var(--leading-px-15);
}

.custom-checkbox-item label::before {
	font-family: "remixicon";
	content: "\eb7f";
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: var(--font-size-19);
	color: var(--color-text-muted);
}

.custom-checkbox-item input[type="checkbox"]:checked+label::before {
	color: var(--color-primary);
	content: "\eb85";
}

/* -------- 공통 :: 라디오 -------- */
.custom-radio-item-box {
	margin: 0 calc(var(--space-16) * -1);
	font-size: var(--font-size-15);
}

.custom-radio-item-box .custom-radio-item {
	margin: var(--space-8) var(--space-16)
}

.custom-radio-item {
	display: inline-block;
	vertical-align: middle;
}

.custom-radio-item input[type="radio"] {
	display: none;
}

.custom-radio-item label {
	display: inline-block;
	position: relative;
	padding-left: var(--space-24);
	color: var(--color-text-muted);
	font-size: var(--font-size-16);
	letter-spacing: var(--tracking-neg-px-03);
	line-height: var(--leading-px-15);
}

.custom-radio-item label::before {
	font-family: "remixicon";
	content: "\f050";
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: var(--font-size-19);
	color: var(--color-text-muted);
}

.custom-radio-item input[type="radio"]:checked+label::before {
	color: var(--color-primary);
	content: "\f04f";
}

/* -------- 공통 :: Custom Select -------- */
.custom-select-box {
	display: block;
	width: 100%;
}

.custom-select-box select {
	display: none;
}

.custom-select-wrapper {
	position: relative;
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	width: 100%;
}

.custom-select-wrapper .custom-select {
	position: relative;
	display: block;
}

.custom-select-trigger {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 var(--space-16);
	color: var(--color-text-muted);
	line-height: var(--leading-px-40);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	font-size: var(--font-size-15);
	border: 1px solid var(--color-text-muted);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.custom-select-trigger:after {
	font-family: "remixicon";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	content: "\ea4e";
	font-size: var(--font-size-18);
}

.custom-select.opened .custom-select-trigger:after {
	content: "\ea78";
}

/* Custom Select :: Option Drop List */
.custom-option-drop-list {
	position: absolute;
	display: none;
	top: 100%;
	left: 0%;
	right: 0;
	z-index: 11;
	overflow-y: auto;
	width: 100%;
	max-height: 200px;
	background: var(--color-white);
	border: 1px solid var(--color-text-muted);
	border-top: 0;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.custom-option-drop-list::-webkit-scrollbar {
	width: 5px;
}

.custom-option-drop-list::-webkit-scrollbar-thumb {
	background-color: var(--color-text-muted);
	border-radius: var(--radius-8);
	transition: all 0.5s;
}

.custom-option-drop-list::-webkit-scrollbar-track {
	background-color: var(--color-border-soft);
	border-radius: 0;
}

.custom-select.opened .custom-option-drop-list {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.custom-option-item {
	position: relative;
	display: block;
	padding: var(--space-16);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-medium);
	color: var(--color-text-muted);
	line-height: var(--leading-150);
	cursor: pointer;
	transition: all 0.05s ease-in-out;
}

.custom-option-item:hover {
	background: var(--color-border-soft);
}

.custom-option-item.selection {
	color: var(--color-primary);
}

@media all and (max-width:800px) {

	/* 공통 :: 체크박스, 라디오*/
	.custom-checkbox-item-box,
	.custom-radio-item {
		font-size: var(--font-size-13);
	}
}

/* ******************   게시판 :: 뷰페이지  ********************** */
.bbs-view-con {
	border-top: 1px solid var(--color-text-muted);
}

/* 게시판 :: 뷰 :: 상단 타이틀 정보 */
.bbs-view-top {
	padding: var(--space-24);
	border-bottom: 1px solid var(--color-border-soft);
	font-size: var(--board-view-font-size);
}

.bbs-view-top .event-date {
	color: var(--color-text-muted);
	padding-bottom: var(--space-8);
}

.bbs-view-top .event-date dt,
.bbs-view-top .event-date dd {
	display: inline-block;
	letter-spacing: var(--tracking-neg-px-05);
}

.bbs-view-top .event-date dt {
	margin-right: var(--space-8);
	color: var(--color-text-muted);
}

.bbs-view-top .event-date dt:before {
	position: relative;
	top: -1px;
	font-family: "remixicon";
	content: "\eb27";
	font-size: var(--font-size-16);
	margin-right: var(--space-8);
	vertical-align: middle;
}

.bbs-view-top .bbs-state-box {
	margin-bottom: var(--space-8)
}

.bbs-view-top .bbs-state {
	display: inline-block;
	min-width: 50px;
	padding: 0 var(--space-8);
	height: 30px;
	line-height: var(--leading-px-30);
	background-color: var(--color-text-muted);
	font-size: var(--font-size-13);
	border: 1px solid var(--color-text-muted);
	color: var(--color-white);
	text-align: center;
}

.bbs-view-top .bbs-state.ing {
	border-color: var(--color-secondary);
	background-color: var(--color-secondary);
}

.bbs-view-top .bbs-state.end {
	background-color: var(--color-white);
	color: var(--color-text-muted)
}

.bbs-view-top .bbs-category {
	display: block;
	margin-bottom: var(--space-8);
}

.bbs-view-top .bbs-tit {
	color: var(--color-primary);
	font-size: var(--font-size-32);
	letter-spacing: var(--tracking-neg-00333);
	font-weight: var(--font-weight-medium);
	line-height: var(--leading-125);
	word-break: keep-all;
}

.bbs-view-top .bbs-write-info {
	margin-top: var(--space-24);
}

.bbs-view-top .bbs-write-info dt,
.bbs-view-top .bbs-write-info dd {
	display: inline-block;
	color: var(--color-text-muted);
	vertical-align: middle;
	font-weight: var(--font-weight-medium);
}

.bbs-view-top .bbs-write-info dd {
	margin: 0 var(--space-24) 0 var(--space-8);
	color: var(--color-text-muted);
	font-weight: var(--font-weight-regular)
}

.bbs-view-content {
	padding: var(--space-32) var(--space-24);
	border-bottom: 1px solid var(--color-border-soft);
}

/* 게시판 :: 뷰 :: 공유아이콘 */
.bbs-view-share-con {
	display: flex;
	justify-content: flex-end;
	padding: var(--space-8) var(--space-24);
	border-bottom: 1px solid var(--color-border-soft);
}

.bbs-view-share-con ul {
	display: flex;
	align-items: center;
	gap: var(--space-8);
}

.bbs-view-share-con ul li {
	-webkit-border-radius: var(--radius-round);
	-moz-border-radius: var(--radius-round);
	-o-border-radius: var(--radius-round);
	border-radius: var(--radius-round);
}

.bbs-view-share-con ul li:first-child {
	margin-left: 0;
}

.bbs-view-share-con ul li a,
.bbs-view-share-con ul li button {
	display: block;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: var(--leading-px-34);
}

.bbs-view-share-con ul li img {
	width: 30px;
}

.bbs-view-share-con ul li i {
	font-size: var(--font-size-20);
	line-height: var(--leading-px-34);
	color: var(--color-white);
}

.bbs-view-share-controls .bbs-button-controls {
	display: flex;
	align-items: center;
}

.bbs-view-share-controls .bbs-hit-good-num-con {
	margin-left: auto;
}

/* 게시판 :: 뷰 :: 첨부파일 */
.bbs-view-file-info-box {
	line-height: var(--leading-px-20);
	border-bottom: 1px solid var(--color-border-soft);
	background-color: var(--color-border-soft);
	padding: var(--space-8) var(--space-24);
	margin-bottom: var(--space-8);
}

.bbs-view-share-con+.bbs-view-file-info-box {
	border-top: 0;
}

.bbs-view-file-info-box .bbs-file-list {
	display: flex;
	align-items: flex-start;
	gap: var(--space-16);
	padding-top: var(--space-8);
	font-size: var(--font-size-13);
}

.bbs-view-file-info-box .bbs-file-list:first-child {
	padding-top: 0;
}

.bbs-view-file-info-box .bbs-file-list dt {
	flex: 0 0 100px;
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-muted);
}

.bbs-view-file-info-box .bbs-file-list dd {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}

.bbs-view-file-info-box .bbs-file-list dd a:hover {
	text-decoration: underline;
}

.bbs-view-file-info-box .bbs-file-list dd i {
	vertical-align: middle;
	font-size: var(--font-size-15);
}

/* 게시판 :: 뷰 :: 이전글,다음글 */
.bbs-view-prev-next-list {
	margin-top: var(--space-48);
}

.bbs-view-prev-next-list li {
	border-bottom: 1px solid var(--color-border-soft);
}

.bbs-view-prev-next-list li:first-child {
	border-top: 1px solid var(--color-border-soft);
}

.bbs-prev-next-tbl {
	width: 100%;
	table-layout: fixed;
}

.bbs-prev-next-tbl th,
.bbs-prev-next-tbl td {
	height: 58px;
	color: var(--color-text-muted);
	font-size: var(--font-size-16);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-120);
}

.bbs-prev-next-tbl th {
	text-align: left;
}

.bbs-prev-next-tbl .bbs-prev-next-tit {
	position: relative;
	display: block;
	padding-left: var(--space-24);
	font-weight: var(--font-weight-regular);
}

.bbs-prev-next-tbl .bbs-prev-next-tit:after {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 1px;
	right: 0px;
	background-color: var(--color-border-soft);
	content: "";
}

.bbs-prev-next-tbl .bbs-prev-next-tit i {
	position: absolute;
	right: 15px;
	font-size: var(--font-size-20);
}

.bbs-prev-next-tbl td {
	padding-left: var(--space-24)
}

.bbs-prev-next-tbl td a {
	display: block;
	color: inherit;
}

.bbs-prev-next-tbl td a .bbs-tit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bbs-prev-next-tbl td a:hover .bbs-tit {
	text-decoration: underline
}

/* 게시판 :: 뷰 :: 관리자코멘트 */
.manage-comment-con {
	border: 1px solid var(--color-border);
	margin: var(--space-8) 0;
}

.manage-comment-con h2 {
	padding: var(--space-16) var(--space-24);
	border-bottom: 1px solid var(--color-border);
	background-color: var(--color-border-soft);
	color: var(--color-text-muted);
	font-weight: var(--font-weight-semibold);
	font-size: var(--font-size-15);
}

.manage-comment-con h2 span {
	color: var(--color-text-muted);
	font-size: var(--font-size-11);
	margin-left: var(--space-8);
	font-weight: var(--font-weight-regular);
}

.manage-comment-con h2:before {
	font-family: "remixicon";
	content: "";
	content: "\ecef";
	margin-right: var(--space-8);
}

.manage-comment-txt {
	padding: var(--space-16) var(--space-24);
	font-weight: var(--font-weight-regular);
	line-height: var(--leading-em-150);
	font-size: var(--font-size-15);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-150)
}

/* 게시판 :: 뷰 :: 댓글 */
.bbs-comment-con {
	margin-top: 10%;
}

.bbs-comment-con .bbs-cm-head {
	font-size: var(--font-size-18);
	color: var(--color-primary);
	letter-spacing: var(--tracking-neg-px-025);
	padding-bottom: var(--space-16);
	font-weight: var(--font-weight-semibold);
}

.cm-write-con {
	border: 1px solid var(--color-border);
	border-top: 1px solid var(--color-primary);
	margin-bottom: var(--space-24);
}

.cm-write-top {
	position: relative;
	overflow: hidden;
	padding: var(--space-8) var(--space-24);
	background-color: var(--color-border-soft);
	border-bottom: 1px solid var(--color-border);
}

.cm-writer-info {
	line-height: var(--leading-px-26);
	/*padding-left:var(--space-32); background:url(images/board/cm_writer_icon.png) no-repeat*/
}

.cm-write-top .cm-writer {
	font-weight: var(--font-weight-semibold);
	font-size: var(--font-size-15);
	color: var(--color-text-muted);
	margin-right: var(--space-8);
	vertical-align: middle;
}

.cm-write-top .cm-write-sub-txt {
	color: var(--color-text-muted);
	font-size: var(--font-size-12);
	font-weight: var(--font-weight-regular);
	vertical-align: middle;
}

.cm-write-bottom {
	padding: var(--space-8);
	display: flex;
	align-items: stretch;
}

.cm-write-bottom .cm-textarea {
	height: 85px;
	flex: 1 1 auto;
	width: auto;
	padding: var(--space-8) 0;
	border: 1px solid var(--color-border);
	resize: none;
	box-sizing: border-box;
}

.cm-write-bottom .cm-regi-btn {
	flex: 0 0 15%;
	height: 85px;
	width: auto;
	border: 0;
	padding: 0;
	color: var(--color-white);
	font-size: var(--font-size-15);
	background-color: var(--color-text-muted);
	vertical-align: middle;
}

.cm-list-con {
	border: 1px solid var(--color-border)
}

.cm-list-con li {
	border-top: 1px solid var(--color-border);
}

.cm-list-con li:first-child {
	border-top: 0;
}

.cm-item .cm-write-top {
	background-color: var(--color-border-soft)
}

.cm-control-btns {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: calc(var(--space-8) * -1);
}

.cm-control-btns a {
	display: inline-block;
	width: 50px;
	height: 22px;
	line-height: var(--leading-px-22);
	color: var(--color-white);
	background-color: var(--color-text-muted);
	text-align: center;
	font-weight: var(--font-weight-regular);
	font-size: var(--font-size-12);
	-webkit-border-radius: var(--radius-8);
	-moz-border-radius: var(--radius-8);
	-o-border-radius: var(--radius-8);
	border-radius: var(--radius-8);
}

.cm-item .cm-content {
	padding: var(--space-8);
	font-weight: var(--font-weight-regular);
	line-height: var(--leading-em-130);
	color: var(--color-text-muted);
}

.reply-cm-write-con {
	padding-left: var(--space-16);
}

.reply-cm-write-con .cm-write-top {
	padding: var(--space-8);
	border-top: 1px solid var(--color-border);
}

@media all and (max-width:800px) {

	/* 게시판 :: 뷰 */
	.bbs-view-top {
		padding: var(--space-16) 0;
	}

	.bbs-view-top .bbs-tit {}

	.bbs-view-top .bbs-view-info {
		overflow: hidden;
	}

	.bbs-view-top .bbs-write-info {
		margin-top: var(--space-8);
	}

	.bbs-view-top .bbs-write-info dt,
	.bbs-view-top .bbs-write-info dd {
		font-size: var(--font-size-12);
	}

	.bbs-view-top .bbs-write-info dd {
		margin: 0 var(--space-8) 0 0
	}

	.bbs-view-content {
		padding: var(--space-16) 0
	}

	/* 게시판 :: 뷰 :: 공유아이콘 */
	.bbs-view-share-con {
		padding: var(--space-8) var(--space-16)
	}

	/* 게시판 :: 뷰 :: 첨부파일 */
	.bbs-view-file-info-box {
		padding: var(--space-8) var(--space-16);
	}

	.bbs-view-file-info-box .bbs-file-list {
		font-size: var(--font-size-12);
	}

	/* 게시판 :: 뷰 :: 이전글,다음글 */
	.bbs-prev-next-tbl colgroup {
		display: none;
	}

	.bbs-prev-next-tbl th {
		width: 80px;
	}

	.bbs-prev-next-tbl th,
	.bbs-prev-next-tbl td {
		height: 34px;
		font-size: var(--font-size-13);
		padding-left: var(--space-8)
	}

	.bbs-prev-next-tbl .bbs-prev-next-tit {
		padding-left: var(--space-8);
	}

	/* 게시판 :: 뷰 :: 관리자코멘트 */
	.manage-comment-con h2 {
		padding: var(--space-8) var(--space-16);
		font-size: var(--font-size-13);
	}

	.manage-comment-txt {
		font-size: var(--font-size-12);
	}

	/* 게시판 :: 뷰 :: 댓글 */
	.cm-write-top {
		padding: var(--space-8) var(--space-16);
	}

	.cm-writer-info {
		min-height: 20px;
		line-height: var(--leading-px-20);
	}

	.cm-write-top .cm-writer {
		font-size: var(--font-size-14);
	}

	.cm-write-top .cm-write-sub-txt {
		font-size: var(--font-size-11);
		display: block;
		line-height: var(--leading-px-16);
	}

	.cm-write-bottom .cm-textarea {
		width: 75%;
		height: 80px;
		font-size: var(--font-size-12);
	}

	.cm-write-bottom .cm-regi-btn {
		width: 25%;
		height: 80px;
		font-size: var(--font-size-12);
	}

	.cm-control-btns a {
		font-size: var(--font-size-11);
	}

	.cm-item .cm-content {
		font-size: var(--font-size-12);
	}

	.reply-cm-write-con .cm-write-top {
		padding: var(--space-8) var(--space-16);
	}
}

/* ******************   게시판 :: 쓰기, 문의폼(기본1)  ********************** */
/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
.bbs-inquiry-agree-con {
	margin-bottom: var(--space-48);
}

.bbs-write-tbl-box+.bbs-inquiry-agree-con,
.bbs-write-form-box+.bbs-inquiry-agree-con {
	margin-top: var(--space-48);
}

.bbs-inquiry-agree-con .agree-tit {
	color: var(--color-primary);
	font-size: var(--font-size-20);
	letter-spacing: var(--tracking-neg-px-05);
	font-weight: var(--font-weight-medium);
	padding-bottom: var(--space-16);
}

.inquiry-agreement-con {
	height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: var(--space-24);
	background-color: var(--color-border-soft);
	box-sizing: border-box;
}

.bbs-inquiry-agree-con .agree-txt {
	margin-top: var(--space-8);
	font-size: var(--font-size-15);
	letter-spacing: var(--tracking-neg-px-03);
	color: var(--color-text-muted);
}

.bbs-inquiry-agree-con .agree-txt:first-child {
	margin-top: 0
}

.bbs-inquiry-agree-con .agree-txt input {
	display: none;
}

.bbs-inquiry-agree-con .agree-txt label {
	position: relative;
	padding-left: var(--space-24);
}

.bbs-inquiry-agree-con .agree-txt label i {
	position: absolute;
	left: 0px;
	font-size: var(--font-size-21);
	color: var(--color-border);
}

.bbs-inquiry-agree-con .agree-txt input:checked+label i {
	color: var(--color-secondary);
}

.inquiry-essential-txt {
	text-align: right;
	color: var(--color-text-muted);
	font-size: var(--font-size-14);
	letter-spacing: var(--tracking-neg-px-03);
	padding-bottom: var(--space-16);
}

.essential-icon {
	position: relative;
	top: -0.5rem;
	margin-left: var(--space-8);
	font-size: var(--font-size-18);
	color: var(--color-secondary);
}

/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
.bbs-write-tbl {
	width: 100%;
	border-top: 1px solid var(--color-text-muted);
	font-size: var(--font-size-16);
}

.bbs-write-tbl th,
.bbs-write-tbl td {
	height: 40px;
	padding: var(--space-16) 0;
	letter-spacing: var(--tracking-neg-px-05);
	border-bottom: 1px solid var(--color-border);
}

.bbs-write-tbl th {
	color: var(--color-primary);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-regular);
	text-align: left;
}

.bbs-write-tbl td {
	color: var(--color-text-muted);
	font-size: var(--font-size-14);
	padding: var(--space-16);
}

.bbs-write-tbl .write-input,
.bbs-write-tbl .write-select,
.bbs-write-tbl .write-textarea {
	height: 42px;
	width: 100%;
	background-color: var(--color-border-soft);
	border: 1px solid var(--color-border-soft);
	font-size: var(--font-size-16);
	text-indent: 1em;
	vertical-align: middle;
	box-sizing: border-box;
}

.bbs-write-tbl .write-input:focus,
.bbs-write-tbl .write-select:focus,
.bbs-write-tbl .write-textarea:focus {
	border: 1px solid var(--color-text-muted);
	background-color: var(--color-white);
	outline: none;
}

.bbs-write-tbl .write-textarea {
	height: 200px;
	resize: none;
	text-indent: 0;
	padding: var(--space-8);
}

.bbs-write-tbl td input[type="file"] {
	height: auto;
	padding: var(--space-8) 0;
	border: 0;
	text-indent: 0;
}

/* 게시판 :: 쓰기,문의폼 :: 기타 */
.bbs-write-tbl .cm-form-fieldset-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: none;
	flex-wrap: wrap;
}

.bbs-write-tbl td .write-sub-txt {
	color: var(--color-text-muted);
	margin-left: var(--space-8);
	color: var(--color-text-muted);
	letter-spacing: var(--tracking-neg-px-05);
}

.bbs-write-tbl td .write-sub-txt2 {
	display: block;
	color: var(--color-text-muted);
	margin-top: var(--space-8);
	color: var(--color-text-muted);
	letter-spacing: var(--tracking-neg-px-05);
}

.bbs-write-tbl .hypen {
	display: inline-block;
	vertical-align: middle;
	width: 1.7rem;
	text-align: center;
}

.bbs-write-tbl .with-sub-btn-input {
	width: calc(100% - 116px) !important;
}

.bbs-write-tbl .bbs-write-sub-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	padding: 0 var(--space-8);
	height: 40px;
	margin-left: var(--space-8);
	border: 1px solid var(--color-secondary);
	vertical-align: middle;
	text-align: center;
	color: var(--color-secondary);
	font-size: var(--font-size-13);
	letter-spacing: var(--tracking-neg-px-05);
	font-weight: var(--font-weight-regular);
}

.bbs-write-tbl .bbs-write-sub-btn:hover {
	background-color: var(--color-secondary);
	color: var(--color-white);
}

.bbs-write-tbl .bbs-write-sub-btn+.write-input {
	clear: both;
}

.phone-fieldset .write-input,
.phone-fieldset .write-select {
	width: calc(33.33% - 1.7rem) !important;
}

.email-fieldset .write-input,
.email-fieldset .write-select {
	width: calc(33.33% - 2rem) !important;
}

.address-fieldset .write-input {
	display: block;
	margin-top: var(--space-8);
}

.address-fieldset .write-input:first-child {
	margin-top: 0;
}

@media all and (max-width:800px) {

	/* 게시판 :: 쓰기, 문의폼 :: 개인정보취급방침 */
	.bbs-inquiry-agree-con .agree-tit {
		font-size: var(--font-size-18);
	}

	.inquiry-agreement-con {
		height: 150px;
		padding: var(--space-16)
	}

	/* 게시판 :: 쓰기, 문의폼 :: 작성영역(기본) */
	.bbs-write-tbl {
		font-size: var(--font-size-14);
	}

	.bbs-write-tbl tr {
		display: block;
		padding: var(--space-16) 0;
		border-bottom: 1px solid var(--color-border);
	}

	.bbs-write-tbl th,
	.bbs-write-tbl td {
		display: block;
		padding: 0;
		height: auto;
		width: 100% !important;
		border-bottom: 0;
		text-indent: 0;
	}

	.bbs-write-tbl th {
		font-weight: var(--font-weight-semibold);
	}

	.bbs-write-tbl td {
		padding-top: var(--space-8);
		font-size: var(--font-size-16);
	}

	.bbs-write-tbl td .write-textarea {
		height: 120px;
	}

	/* 게시판 :: 쓰기, 문의폼 :: 기타 */
	.bbs-write-tbl td .write-sub-txt,
	.bbs-write-tbl td .write-sub-txt2 {
		display: block;
		margin-left: 0;
		margin-top: var(--space-8);
		font-size: var(--font-size-12);
	}

	.bbs-write-tbl .hypen {
		width: 12px;
	}

	.phone-fieldset .write-input,
	.phone-fieldset .write-select {
		width: calc(33.33% - 12px) !important;
	}

	.email-fieldset .write-input {
		width: calc(50% - 12px) !important;
	}

	.email-fieldset .write-select {
		/* margin-top:var(--space-8);  */
		width: 100% !important;
	}
}

/* ****************** 게시판 :: 비밀번호입력 ********************** */
.bbs-password-input-con {
	width: 100%;
	padding: var(--space-48) 0;
	text-align: center;
	border-top: 1px solid var(--color-text-muted);
	border-bottom: 1px solid var(--color-border);
	margin-bottom: var(--space-48);
}

.password-input-tit {
	color: var(--color-text-muted);
	font-size: var(--font-size-15);
	font-weight: var(--font-weight-regular);
	margin-bottom: var(--space-32);
}

.password-input-tit b {
	font-weight: var(--font-weight-semibold);
}

.password-input-tit br {
	display: none;
}

.bbs-password-input-box {
	padding: var(--space-48) 0;
	border: 1px solid var(--color-border-soft);
	background-color: var(--color-border-soft);
}

.bbs-password-input-box i {
	vertical-align: middle;
	color: var(--color-text-muted)
}

.bbs-password-input-box label {
	margin: 0 var(--space-8) 0 var(--space-8);
	font-size: var(--font-size-15);
	font-weight: var(--font-weight-semibold);
	color: var(--color-text-muted);
	vertical-align: middle;
}

.bbs-password-input-box #pwdInput {
	height: 30px;
	width: 30%;
	max-width: 200px;
	border: 1px solid var(--color-border);
	text-indent: 10px;
}

@media all and (max-width:800px) {

	/* 게시판 :: 비밀번호입력 */
	.password-input-tit {
		line-height: var(--leading-px-24);
		font-size: var(--font-size-13);
	}

	.password-input-tit br {
		display: block;
	}

	.bbs-password-input-box label {
		font-size: var(--font-size-13);
	}

	.bbs-password-input-box i {
		font-size: var(--font-size-18)
	}

	.bbs-password-input-box #pwdInput {
		width: 90%;
		margin-top: var(--space-8);
	}
}

/* ******************   게시판 :: 통합검색 ********************** */
/* 검색 :: 검색결과 상단 */
.search-result-top-container {
	margin-bottom: var(--space-48);
}

.search-result-top-container .result-bold-txt {
	color: var(--color-primary);
}

.search-result-top-con {
	border: 1px solid var(--color-border);
	background-color: var(--color-white);
	padding: var(--space-48) var(--space-24);
	text-align: center;
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-regular);
	line-height: var(--leading-px-20);
	word-break: keep-all;
}

.search-result-top-con .result-top-tit {
	font-size: var(--font-size-30);
	letter-spacing: var(--tracking-neg-px-075);
	color: var(--color-primary);
	font-weight: var(--font-weight-light);
	margin-bottom: var(--space-24);
}

.search-result-top-con .result-txt b {
	color: var(--color-primary);
}

.search-result-top-con .no-result-txt p {
	padding-bottom: var(--space-24);
	line-height: var(--leading-px-22);
}

.search-result-top-con .no-result-txt ul {
	max-width: 400px;
	margin: 0 auto;
	text-align: left;
}

.search-result-top-con .no-result-txt ul.en-no-result-txt {
	max-width: 500px;
}

.search-result-top-con .no-result-txt ul li {
	font-size: var(--font-size-13);
	letter-spacing: var(--tracking-neg-px-05);
	font-weight: var(--font-weight-light);
}

/* 검색 :: 검색결과 분류 */
.search-result-classify-con {
	display: flex;
	border: 1px solid var(--color-border);
	margin-top: calc(var(--space-8) * -1)
}

.search-result-classify-item {
	flex: 1 1 50%;
	width: 50%;
	text-align: center;
}

.search-result-classify-item .search-result-classify-inner {
	padding: var(--space-32) 0;
	background-color: var(--color-border-soft);
}

.search-result-classify-item:first-child .search-result-classify-inner {
	border-right: 1px solid var(--color-border);
}

.search-result-classify-item .search-result-classify-inner .result-list-tit {
	font-size: var(--font-size-18);
	letter-spacing: var(--tracking-neg-px-075);
	color: var(--color-primary);
}

.search-result-classify-item .search-result-classify-inner .result-list-tit i {
	margin: calc(var(--space-8) * -1) var(--space-8) 0 0;
	vertical-align: middle;
}

.search-result-classify-item .search-result-classify-inner .result-info {
	font-size: var(--font-size-22);
	line-height: var(--leading-px-28);
	letter-spacing: var(--tracking-neg-px-075);
	color: var(--color-primary);
	margin-top: var(--space-24);
}

/* 검색 :: 검색결과 하단 */
.total-search-result-con {
	margin-bottom: var(--space-48);
}

.totabl-search-list-tit-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-24);
	border-bottom: 1px solid var(--color-primary);
	padding-bottom: var(--space-24);
	margin-bottom: var(--space-32);
}

.total-search-board-result-con .totabl-search-list-tit-box {
	margin-bottom: 0
}

.totabl-search-list-tit-box .total-search-list-tit {
	color: var(--color-text-muted);
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-25);
	letter-spacing: var(--tracking-neg-px-1);
}

.totabl-search-list-tit-box .total-search-more-btn {
	color: var(--color-primary);
	line-height: var(--leading-px-25)
}

.total-search-result-bbs-list li {
	position: relative;
	border-bottom: 1px solid var(--color-border);
}

.total-search-result-bbs-list li a {
	display: block;
	padding: var(--space-16);
}

.total-search-result-bbs-list li a .result-cate {
	display: inline-block;
	margin-bottom: var(--space-16);
	color: var(--color-white);
	background-color: var(--color-text-muted);
	padding: var(--space-8) var(--space-8) var(--space-8);
	font-size: var(--font-size-13);
}

.total-search-result-bbs-list li a .result-tit {
	display: block;
	font-size: var(--font-size-18);
	color: var(--color-primary);
	padding-bottom: var(--space-8);
	font-weight: var(--font-weight-medium);
}

.total-search-result-bbs-list li a .result-txt {
	overflow: hidden;
	height: 44px;
	font-size: var(--font-size-14);
	line-height: var(--leading-em-160);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.total-search-result-bbs-list li. a:hover .result-tit,
.total-search-result-bbs-list li a:hover .result-txt {
	text-decoration: underline;
}

.total-search-result-bbs-list li.thumb-item a {
	display: flex;
	align-items: flex-start;
	gap: var(--space-16);
}

.total-search-result-bbs-list li.thumb-item a .result-thumb {
	display: block;
	flex: 0 0 150px;
	width: 150px;
	margin-right: 0;
	border: 1px solid var(--color-border);
}

.total-search-result-bbs-list li.thumb-item a .result-thumb img {
	width: 100%;
}

/* 검색 :: 검색결과 상세페이지  */
.search-result-detail-container .search-result-classify-item {
	flex: 1 1 auto;
	width: auto;
}

.search-result-detail-container .search-result-classify-item:first-child .search-result-classify-inner {
	border-right: 0
}

.search-result-detail-container .total-search-result-bbs-list {
	border-top: 1px solid var(--color-primary);
}

/* 검색 :: 검색결과 faq */
.totabl-search-list-tit-box+.search-bbs-faq-list {
	margin-top: calc(var(--space-32) * -1)
}

.totabl-search-list-tit-box+.search-bbs-faq-list .search-faq-list-con {
	border-top: 0
}

.search-faq-list-con {
	border-top: 1px solid var(--color-primary);
}

.search-faq-list-con .faq-item {
	border-bottom: 1px solid var(--color-border);
}

.search-faq-list-con .faq-item dt {
	position: relative;
	padding: var(--space-16) var(--space-32) var(--space-16) var(--space-56);
	cursor: pointer;
}

.search-faq-list-con .faq-item dt .faq-title {
	display: block;
	color: var(--color-text-muted);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-px-24);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}

.search-faq-list-con .faq-item dt .arrow {
	position: absolute;
	top: 16px;
	right: 15px;
	width: 13px;
	height: 9px;
}

.search-faq-list-con .faq-item dt i {
	color: var(--color-text-muted);
	font-size: var(--font-size-26);
}

.search-faq-list-con .faq-item.open dt .arrow i {
	margin-top: calc(var(--space-8) * -1);
	transform: rotate(-180deg);
}

.search-faq-list-con .faq-item.open dt .faq-title {
	white-space: normal;
	text-overflow: unset;
}

.search-faq-list-con .faq-item dd {
	display: none;
	position: relative;
	border-top: 1px solid var(--color-border);
	padding: var(--space-16) var(--space-32) var(--space-16) var(--space-56);
	background: var(--color-border-soft);
	/*min-height:20px*/
}

.search-faq-list-con .faq-item dd .answer-txt-con {
	line-height: var(--leading-px-24);
	font-size: var(--font-size-14);
	color: var(--color-text-muted);
}

.search-faq-list-con .faq-item dt .question-icon,
.search-faq-list-con .faq-item dd .answer-icon {
	position: absolute;
	top: 11px;
	left: 10px;
	width: 30px;
	height: 30px;
	line-height: var(--leading-px-30);
	text-align: center;
	color: var(--color-white);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-regular);
	border: 1px solid var(--color-text-muted);
	-webkit-border-radius: var(--radius-round);
	-moz-border-radius: var(--radius-round);
	-o-border-radius: var(--radius-round);
	border-radius: var(--radius-round);
}

.search-faq-list-con .faq-item dt .question-icon {
	background-color: var(--color-text-muted)
}

.search-faq-list-con .faq-item dd .answer-icon {
	background-color: transparent;
	color: var(--color-primary);
}

.search-faq-list-con .faq-item dd .answer-con {
	min-height: 20px
}

.search-faq-list-con.faq-category-list-con dl dt .faq-category {
	display: inline-block;
	width: 110px;
	color: var(--color-text-muted);
	margin-right: var(--space-8);
	font-size: var(--font-size-13);
	line-height: var(--leading-px-24);
	vertical-align: top;
}

.search-faq-list-con.faq-category-list-con dl dt .faq-title {
	display: inline-block;
	width: calc(95% - 120px);
}

/* -------- 통합검색 -------- */
@media all and (max-width:800px) {

	/* 검색 :: 검색결과 상단 */
	.search-result-top-con .result-top-tit {
		font-size: var(--font-size-25);
	}

	.search-result-top-con {
		font-size: var(--font-size-15);
	}

	.search-result-top-con .no-result-txt p {
		padding-bottom: 0
	}

	.search-result-top-con .no-result-txt ul {
		display: none;
	}

	/* 검색 :: 검색결과 분류 */
	.search-result-classify-con {}

	.search-result-classify-item:first-child .search-result-classify-inner {}

	.search-result-classify-item .search-result-classify-inner .result-list-tit {
		font-size: var(--font-size-15);
	}

	.search-result-classify-item .search-result-classify-inner .result-info {
		font-size: var(--font-size-18);
	}

	/* 검색 :: 검색결과 하단 */
	.total-search-result-bbs-list li a {
		padding: var(--space-16) 0;
	}

	.total-search-result-bbs-list li a .result-tit {
		font-size: var(--font-size-15);
	}

	/* 검색 :: 검색결과 상세페이지  */
	.search-result-detail-container .search-result-classify-item:first-child .search-result-classify-inner {
		border-bottom: 0;
	}

	/* 검색 :: 검색결과 FAQ 게시판 */
	.search-faq-list-con .faq-item dt {
		padding-left: var(--space-48);
	}

	.search-faq-list-con .faq-item dt .faq-title {
		font-size: var(--font-size-14);
		line-height: var(--leading-px-18);
	}

	.search-faq-list-con .faq-item dt .arrow {
		top: 12px;
	}

	.search-faq-list-con .faq-item dd {
		padding: var(--space-16);
	}

	.search-faq-list-con .faq-item dt .question-icon,
	.search-faq-list-con .faq-item dd .answer-icon {
		top: 14px;
		left: 15px;
		width: 20px;
		height: 20px;
		line-height: var(--leading-px-20);
		font-size: var(--font-size-11);
	}

	.search-faq-list-con .faq-item dd .answer-icon {
		display: block;
		position: static;
		margin-bottom: var(--space-8);
	}

	.search-faq-list-con .faq-item dd .answer-con {
		min-height: auto
	}

	.search-faq-list-con.faq-category-list-con dl dt {
		padding-top: var(--space-40);
	}

	.search-faq-list-con.faq-category-list-con dl dt .faq-category {
		position: absolute;
		top: 13px;
		left: 45px;
		right: 30px;
		width: auto;
		margin-right: 0;
		line-height: var(--leading-px-22);
	}

	.search-faq-list-con.faq-category-list-con dl dt .faq-title {
		display: block;
		width: 100%;
	}

	.search-faq-list-con.faq-category-list-con dl dt .arrow {
		top: 23px;
	}
}

@media all and (max-width:480px) {

	/* 검색 :: 검색결과 상단 */
	.search-result-top-con {
		padding: var(--space-24) var(--space-16);
	}

	/* 검색 :: 검색결과 하단 */
	.totabl-search-list-tit-box {
		padding-bottom: var(--space-8);
		margin-bottom: var(--space-16);
	}

	.totabl-search-list-tit-box .total-search-list-tit {
		font-size: var(--font-size-20)
	}

	.total-search-result-bbs-list li.thumb-item a .result-thumb {
		flex-basis: auto;
		width: 100%;
		max-width: 200px;
		margin-right: 0;
		margin-bottom: var(--space-16);
	}

	/* 검색 :: 검색결과 FAQ 게시판 */
	.totabl-search-list-tit-box+.search-bbs-faq-list {
		margin-top: calc(var(--space-16) * -1)
	}
}

/********** 상단 검색바 **********/
.board-list-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	gap: var(--space-24);
	margin-bottom: var(--space-32);
}

/* -------- 우측 카테고리 -------- */
.category-select-box {
	width: 16rem;
}

.category-select-box .board-search-inner {
	border-radius: var(--radius-32);
}

.category-select-box .board-custom-select-box {
	width: 100%;
}

.category-select-box .board-custom-select-box .custom-select-trigger {
	border-radius: var(--radius-32);
}

.category-select-box .search-subject-select {
	width: 100%;
}


/* ***********************
    *   페이크폼 스타일 추가css 
*********************** */
.fakeform-selectbox {
	position: relative;
	display: inline-block;
	width: 100%;
}

.fakeform-selectbox select {
	opacity: 0;
	visibility: hidden;
}

.select-option.select-in-popup {
	z-index: 10000 !important;
}

/* fake form - 기본 select 스타일 */
.fakeform-selectbox span {
	text-indent: 3rem;
	width: 100% !important;
	text-align: left;
	vertical-align: middle;
	border: 0;
	line-height: var(--leading-rem-48);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-primary);
	border: 2px solid var(--color-primary);
	background-color: var(--color-white);
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: var(--radius-24);
}

.fakeform-selectbox span:after {
	font-family: "remixicon";
	position: absolute;
	top: 50%;
	right: 3rem;
	transform: translateY(-50%);
	content: "\ea4e";
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-regular);
	color: var(--color-primary);
}

.fakeform-selectbox span strong {
	width: 100%;
	font-weight: var(--font-weight-regular);
	word-break: break-all;
	display: block;
	overflow: hidden;
}

.fakeform-selectbox span.active {
	border-bottom-color: var(--color-white);
	border-radius: var(--radius-24) var(--radius-24) 0 0;
}

.fakeform-selectbox span.active:after {
	content: "\ea78";
}

.fakeform-selectbox span.focus {}

.fakeform-selectbox span.disabled {}

/* 옵션창 */
.select-option {
	border: 2px solid var(--color-primary);
	border-top: 0;
	/* background: var(--color-white); */
	max-height: 160px;
	overflow: hidden;
	z-index: 999 !important;
	transform: translateY(-1px);
	/* padding-top: var(--space-24); */
	border-radius: 0 0 var(--radius-24) var(--radius-24);
	box-sizing: border-box;
}

.select-option ul {
	max-height: 160px;
	overflow: auto;
}

.select-option ul::-webkit-scrollbar {
	width: 5px;
}

.select-option ul::-webkit-scrollbar-thumb {
	background-color: var(--color-text-muted);
	border-radius: var(--radius-8);
	transition: all 0.5s;
}

.select-option ul::-webkit-scrollbar-track {
	background-color: var(--color-border-soft);
	border-radius: 0;
}

.select-option ul {
	margin: 0;
	padding: 0;
	background: var(--color-white);
}

.select-option li {
	list-style: none;
}

.select-option span,
.select-option strong {
	height: auto;
	font-size: var(--font-size-13);
	line-height: var(--leading-150);
	color: var(--color-text-muted);
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
	padding: var(--space-8) var(--space-24);
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.select-option span:hover {
	background: var(--color-border-soft);
}

.select-option span.selected {
	color: var(--color-primary);
	font-weight: var(--font-weight-semibold);
	background: var(--color-border-soft);
}

.select-option .disabled span,
.select-option .disabled strong {
	color: var(--color-text-muted);
	text-decoration: line-through;
	background: none;
	cursor: default;
}

/* Style07 :: 임시 css */
.fakeform-selectbox .select-title {
	line-height: var(--leading-rem-48);
}

.custom-select-wrapper .custom-select {
	position: relative;
	display: block;
}

.custom-select-trigger {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 var(--space-16);
	color: var(--color-primary);
	line-height: var(--leading-px-40);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--tracking-neg-005);
	border: 1px solid var(--color-text-muted);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.custom-select-trigger:after {
	font-family: "remixicon";
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	content: "\ea4e";
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-regular);
	color: var(--color-primary);
}

.custom-select.opened .custom-select-trigger:after {
	content: "\ea78";
}

.custom-option-drop-list {
	position: absolute;
	display: none;
	top: 100%;
	left: 0%;
	right: 0;
	z-index: 11;
	overflow-y: auto;
	max-height: 200px;
	background: var(--color-white);
	border: 1px solid var(--color-text-muted);
	border-top: 0;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.custom-option-item {
	position: relative;
	display: block;
	text-align: left;
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-regular);
	padding: var(--space-8) var(--space-16);
	color: var(--color-text-muted);
	line-height: var(--leading-150);
	cursor: pointer;
	transition: all 0.05s ease-in-out;
}

.custom-option-item:hover {
	background: var(--color-border-soft);
}

.custom-option-item.selection {
	color: var(--color-primary);
}

@media all and (max-width:800px) {
	.fakeform-selectbox .select-title {
		text-indent: 1em;
		font-size: var(--font-size-14);
		line-height: var(--leading-rem-40);
	}

	.fakeform-selectbox .select-title:after {
		right: 0.7em;
		font-size: var(--font-size-20);
	}

	/* 옵션창 */
	.select-option span,
	.select-option strong {
		height: auto;
		font-size: var(--font-size-13);
		font-weight: var(--font-weight-medium);
		line-height: var(--leading-150);
		padding: var(--space-16) var(--space-16);
	}
}

@media all and (max-width:480px) {
	.board-custom-select-box .custom-select-trigger {
		line-height: var(--leading-px-42);
		font-size: var(--font-size-13);
	}

	.custom-select-trigger::after {
		right: 21px;
	}
}

/* ******************   게시판 :: 기본리스트 01 ********************** */
/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: var(--board-list-font-size);
	border-top: 1px solid var(--color-text-muted);
}

.bbs-list-col-group {
	display: table-column-group;
}

.bbs-list-col-group .bbs-col-group-item {
	display: table-column;
}

.bbs-list-head {
	display: table-header-group;
}

.bbs-list-head .bbs-head-item {
	display: table-cell;
	vertical-align: middle;
	height: var(--board-list-height);
	text-align: center;
	background: var(--color-white);
	color: var(--color-primary);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-16);
	letter-spacing: var(--tracking-neg-003125);
	border-bottom: 1px solid var(--color-border);
}

.bbs-list-tbody {
	display: table-row-group;
}

.bbs-list-row {
	display: table-row;
	width: 100%;
	transition: background-color 0.3s;
}

.bbs-list-row .column {
	display: table-cell;
	vertical-align: middle;
	height: var(--board-list-height);
	color: var(--board-list-font-color);
	font-size: var(--font-size-16);
	letter-spacing: var(--tracking-neg-003125);
	text-align: center;
	border-bottom: 1px solid var(--color-border);
}

/* 게시판 :: 기본리스트 ::  공지 */
.bbs-list-row.notice-row .notice-tit {
	display: inline-block;
	height: 24px;
	line-height: var(--leading-px-24);
	padding: 0 var(--space-8);
	background-color: var(--color-text-muted);
	color: var(--color-white);
	font-size: var(--font-size-13);
}

.bbs-list-row.notice-row .bbs-subject-con .notice-tit {
	display: none;
}

.bbs-list-row.notice-row .column,
.bbs-list-row.notice-row .bbs-subject-con .bbs-subject-txt {
	font-weight: var(--font-weight-medium) !important;
}

/* 게시판 :: 기본리스트 ::  제목 */
.bbs-list-row .bbs-title {
	text-align: left;
}

.bbs-list-row .bbs-title a {
	display: flex;
	align-items: center;
	position: relative;
	height: var(--board-list-height);
	padding: 0 var(--board-list-icon-width) 0 0;
	color: var(--board-list-font-color);
}

.bbs-list-row .bbs-title.center {
	text-align: center;
}

.bbs-list-row .bbs-title.center a {
	justify-content: center;
}

.bbs-subject-con {
	display: inline-block;
	position: relative;
	max-width: 100%;
}

.bbs-subject-con .bbs-subject-txt {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: var(--font-weight-regular);
	line-height: var(--leading-112);
}

.bbs-subject-con .bbs-subject-txt .category {
	font-weight: var(--font-weight-semibold);
	color: var(--color-primary);
	margin-right: var(--space-8);
}

.bbs-subject-con .bbs-subject-icons {
	position: absolute;
	left: 100%;
	top: 50%;
	display: flex;
	align-items: center;
	width: var(--board-list-icon-width);
	transform: translateY(-50%);
}

.bbs-subject-con .bbs-subject-icons img {
	vertical-align: middle;
	margin: calc(var(--space-8) * -1) var(--space-8) 0 var(--space-8);
}

.bbs-subject-con .bbs-icons {
	display: inline-block;
	color: var(--color-text-muted);
	vertical-align: middle;
	margin-left: var(--space-8);
}

.bbs-subject-con .bbs-icons i {
	font-size: var(--font-size-17);
	margin-left: var(--space-8)
}

.bbs-subject-con .bbs-icons.new-icon-v2 {
	color: var(--board-main-color);
}

.bbs-subject-con .comment-num {
	display: inline-block;
	height: 14px;
	margin: var(--space-8) 0 0 var(--space-8);
	color: var(--color-text-muted);
	line-height: var(--leading-px-16);
	font-size: var(--font-size-12);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--tracking-neg-px-05);
	vertical-align: middle;
}

.bbs-subject-con .comment-num i {
	height: 16px;
	font-size: var(--font-size-14);
	color: var(--color-text-muted);
}

.bbs-subject-con .reply-icon {
	display: inline-block;
	padding: var(--space-8) var(--space-8) var(--space-8) var(--space-8);
	margin: 0 var(--space-8) 0 0;
	vertical-align: middle;
	line-height: var(--leading-px-12);
	color: var(--color-white);
	background-color: var(--color-text-muted);
	font-size: var(--font-size-10);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--tracking-neg-px-05);
	font-family: var(--font-sans);
}

/* 게시판 :: 기본리스트 ::  etc */
.bbs-list-row .bbs-downlod-btn {
	font-size: var(--font-size-19);
	color: var(--board-main-color);
}

.bbs-list-row .bbs-state {
	display: inline-block;
	min-width: 50px;
	padding: 0 var(--space-8);
	height: 30px;
	line-height: var(--leading-px-30);
	font-size: var(--font-size-13);
	border: 1px solid var(--color-text-muted);
	background-color: var(--color-text-muted);
	color: var(--color-white);
	text-align: center;
}

.bbs-list-row .bbs-state.ing {
	border-color: var(--color-secondary);
	background-color: var(--color-secondary);
}

.bbs-list-row .bbs-state.end {
	background-color: var(--color-white);
	color: var(--color-text-muted)
}

@media all and (min-width:801px),
(hover:hover) {
	.bbs-list-row:hover {
		background-color: var(--color-border-soft)
	}

	.bbs-list-row .bbs-title a:hover {
		color: var(--color-primary);
	}
}

@media all and (max-width:800px) {

	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl {
		border-top: 1px solid var(--color-border);
	}

	.bbs-list-tbl,
	.bbs-list-row,
	.bbs-list-row .column,
	.bbs-list-tbody {
		display: block;
	}

	.bbs-list-col-group,
	.bbs-list-head {
		display: none;
		position: absolute;
		top: -1000em;
		left: -1000em;
	}

	.bbs-list-row {
		position: relative;
		width: auto;
		padding: var(--board-list-item-padding) 0;
		border-bottom: 1px solid var(--color-border-soft);
	}

	.bbs-list-row .column {
		border-bottom: 0;
		text-align: left;
	}

	/* 게시판 :: 기본리스트 ::  공지 */
	.bbs-list-row.notice-row .bbs-notice-category {
		display: none;
	}

	.bbs-list-row.notice-row .bbs-subject-con .notice-tit {
		display: inline-block;
		margin-right: var(--space-8);
	}

	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-list-row .column.bbs-m-display-none {
		display: none;
	}

	.bbs-list-row .column.bbs-block {
		width: 100%;
		margin-top: var(--space-8);
	}

	.bbs-list-row .column.bbs-inline {
		display: inline-flex;
		align-items: center;
		width: auto;
		height: 1.1em;
		margin: var(--space-8) 4% 0 0;
	}

	.bbs-list-row .column.bbs-absolute {
		position: absolute;
		top: 10px;
		left: 2%;
	}

	.bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before {
		padding-right: var(--space-8);
		color: var(--color-text-muted);
		content: attr(data-label);
	}

	.bbs-list-row .column[data-label=""]:before {
		padding-right: 0;
		display: none;
	}

	.bbs-list-row .bbs-title a {
		padding-top: var(--board-list-item-padding);
		padding-bottom: var(--space-8);
		margin-top: calc(-1 * var(--board-list-item-padding));
	}

	.bbs-subject-con .bbs-subject-txt {
		font-size: var(--font-size-18);
		font-weight: var(--font-weight-medium);
		color: var(--color-primary);
	}

	.bbs-list-row .bbs-title.center {
		text-align: left;
	}

	.bbs-list-row .bbs-title.center a {
		justify-content: flex-start;
	}

	/* 게시판 :: 기본리스트 ::  etc */
	.bbs-list-row .bbs-downlod-btn {
		font-size: var(--font-size-24);
	}

	.bbs-list-row .bbs-state {
		height: 24px;
		line-height: var(--leading-px-24);
	}
}

.bbs-list-row-item {
	position: relative;
	display: table-row;
}

.bbs-list-row-item .column {
	display: table-cell;
	vertical-align: middle;
	padding: var(--space-16) 0;
	color: var(--color-text-muted);
	font-size: var(--font-size-14);
	letter-spacing: var(--tracking-neg-px-05);
	text-align: center;
}

.bbs-list-row-item .column1 {
	width: 80px;
}

.bbs-list-row-item .column2 {
	text-align: left;
	color: var(--color-primary);
	font-size: var(--font-size-14);
}

.bbs-list-row-item .column3 {
	width: 110px;
}

.bbs-list-row-item .column4 {
	width: 100px;
}

.bbs-list-row-item .column5 {
	width: 100px;
}

.bbs-list-row-item .column i {
	position: relative;
	top: 2px;
	margin-right: var(--space-8);
	font-size: var(--font-size-17);
}

/* 제목부분 */
.bbs-list-row-item .bbs-title {
	text-align: left;
}

.bbs-list-row-item .notice-tit {
	display: inline-block;
	height: 20px;
	line-height: var(--leading-px-20);
	padding: 0 var(--space-8);
	background-color: var(--color-text-muted);
	color: var(--color-white);
	font-size: var(--font-size-11);
	-webkit-border-radius: var(--radius-8);
	-moz-border-radius: var(--radius-8);
	-o-border-radius: var(--radius-8);
	border-radius: var(--radius-8);
}

.bbs-list-row-item .bbs-subject-box {
	display: block;
	position: relative;
	padding: 0 var(--space-32) 0 0;
}

.bbs-list-row-item .bbs-subject-txt-box {
	display: inline-block;
	position: relative;
	max-width: 100%;
}

.bbs-list-row-item .bbs-subject-txt {
	display: inline-block;
	padding-right: var(--space-8);
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--font-size-15);
	font-weight: var(--font-weight-regular);
	line-height: var(--leading-px-18);
	vertical-align: middle;
}

.bbs-list-row-item .bbs-subject-txt .category {
	font-weight: var(--font-weight-medium);
	color: var(--color-primary);
	margin-right: var(--space-8);
}

.bbs-list-row-item .bbs-subject-icons {
	position: absolute;
	left: 100%;
	top: 50%;
	width: 60px;
	height: 18px;
	margin-top: calc(var(--space-8) * -1);
	text-align: left;
	display: inline-block;
}

.bbs-list-row-item .bbs-subject-icons img {
	vertical-align: middle;
	margin: calc(var(--space-8) * -1) var(--space-8) 0 var(--space-8);
}

/* 공지글 */
.bbs-list-row-item.notice-row .notice-tit {
	display: inline-block;
	padding: var(--space-8) var(--space-8);
	background-color: var(--color-text-muted);
	color: var(--color-white);
	font-size: var(--font-size-11);
	-webkit-border-radius: var(--radius-8);
	-moz-border-radius: var(--radius-8);
	-o-border-radius: var(--radius-8);
	border-radius: var(--radius-8);
}

.bbs-list-row-item.notice-row .column2 {
	font-weight: var(--font-weight-semibold) !important;
}

@media all and (max-width:800px) {

	/* 리스트형 게시판 :: 리스트 03 */
	.bbs-list-tbl {
		border-top: 1px solid var(--color-border);
	}

	.bbs-list-row-item .column {
		clear: both;
		border-bottom: 0;
		text-align: left;
		padding: var(--space-8) 0;
		font-size: var(--font-size-12);
	}

	.bbs-list-row-item .column.bbs-no-data {
		display: none;
	}

	.bbs-list-row-item .column.bbs-block {
		clear: both;
		width: 100%;
	}

	.bbs-list-row-item .column.bbs-inline {
		display: inline-block;
		width: auto;
		margin-right: 4%;
	}
}

/* ****************** 리스트형 게시판 ********************** */
.board-entry-list {
	border-top: 2px solid var(--color-primary);
}

.board-entry-list .bbs-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 0 var(--space-32);
	height: 10rem;
	line-height: var(--leading-rem-100);
	box-sizing: border-box;
	border-bottom: 1px solid var(--color-border-soft);
	background-color: var(--color-white);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.board-entry-list .bbs-item .bbs-list-date {
	width: 12.5rem;
	text-align: center;
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-medium);
	color: rgb(var(--color-primary-rgb) / 0.25);
	letter-spacing: var(--tracking-neg-002);
}

.board-entry-list .bbs-item .bbs-list-date strong {
	display: block;
	font-size: var(--font-size-50);
	margin-bottom: var(--space-8);
}

.board-entry-list .bbs-item .bbs-list-date span {
	font-size: var(--font-size-15);
}

.board-entry-list .bbs-item .bbs-list-info-con {
	display: flex;
	align-items: flex-start;
	width: 83%;
	justify-content: flex-start;
	flex-direction: column;
}

.board-entry-list .bbs-item .bbs-subject-box {
	display: block;
	position: relative;
	padding: 0 var(--space-32) 0 0;
	margin: var(--space-8) 0 var(--space-16);
}

.board-entry-list .bbs-item .bbs-subject-txt-box {
	display: inline-block;
	position: relative;
	max-width: 100%;
}

.board-entry-list .bbs-item .bbs-subject-txt {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-bold);
	vertical-align: middle;
	color: var(--color-text-muted);
	letter-spacing: var(--tracking-neg-px-025);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.notice-category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5.6rem;
	height: 2.4rem;
	margin-right: var(--space-24);
	background-color: var(--main-color);
	border-radius: var(--radius-64);
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-white);
}

.board-entry-list .bbs-item .notice-category+.bbs-subject-txt {
	width: calc(100% - 7.6rem);
}

.board-entry-list .bbs-item .bbs-list-info-con .notice-tit {
	display: inline-block;
	vertical-align: middle;
	height: 25px;
	line-height: var(--leading-px-25);
	border: 1px solid var(--color-primary);
	padding: 0 var(--space-16);
	font-size: var(--font-size-14);
	letter-spacing: var(--tracking-neg-px-05);
	color: var(--color-primary);
	margin-right: var(--space-8);
}

.board-entry-list .bbs-item .bbs-subject-txt .category {
	font-weight: var(--font-weight-medium);
	color: var(--color-primary);
	margin-right: var(--space-8);
}

.board-entry-list .bbs-item .bbs-subject-icons {
	position: absolute;
	left: 100%;
	top: 50%;
	width: 60px;
	height: 18px;
	margin-top: calc(var(--space-8) * -1);
	text-align: left;
	display: inline-block;
}

.board-entry-list .bbs-item .bbs-subject-icons img {
	vertical-align: middle;
	margin: calc(var(--space-8) * -1) var(--space-8) 0 var(--space-8);
}

.board-entry-list .bbs-item .bbs-subject-icons i {
	font-size: var(--font-size-18);
}

.board-entry-list .bbs-item .bbs-list-info-con .bbs-list-sub-txt {
	color: var(--color-text-muted);
	font-size: var(--font-size-15);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-150);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.board-entry-list .bbs-item .bbs-list-info-con .bbs-list-date-m {
	display: none;
}

.board-entry-list .bbs-item .bbs-right-info-con {
	display: flex;
	text-align: right;
}

.board-entry-list .bbs-item .bbs-right-info-con dl {
	margin-bottom: var(--space-16);
}

.board-entry-list .bbs-item .bbs-right-info-con dl dt,
.board-entry-list .bbs-item .bbs-right-info-con dl dd {
	display: inline-block;
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
	letter-spacing: var(--tracking-neg-px-04);
}

.board-entry-list .bbs-item .bbs-right-info-con dl dt i {
	position: relative;
	top: -1px;
	font-size: var(--font-size-16);
	vertical-align: middle;
}

.board-entry-list .bbs-item .bbs-right-info-con .bbs-more-btn {
	display: block;
	color: rgb(var(--color-primary-rgb) / 0.15);
	font-size: var(--font-size-26);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--tracking-neg-0065);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.board-entry-list .bbs-item .item-image_wrapper {
	position: absolute;
	left: 0;
	width: 325px;
	height: 350px;
	pointer-events: none;
	opacity: 0;
	z-index: 10;
}

.board-entry-list .bbs-item .item-image_inner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.board-entry-list .bbs-item .item-image_inner .item-image {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* .board-entry-list .bbs-item a:hover {
    background-color: var(--color-border-soft);
} */

.board-entry-list .bbs-item:hover .bbs-right-info-con .bbs-more-btn {
	color: var(--main-color);
}

.board-entry-list .bbs-item:hover .bbs-subject-txt {
	color: var(--main-color);
}

@media all and (max-width: 1560px) {

	/* 리스트형 게시판 */
	.board-entry-list .bbs-item .item-image_wrapper {
		width: 280px;
		height: 305px;
	}
}

@media all and (max-width: 1280px) {

	/* 리스트형 게시판 */
	.board-entry-list .bbs-item .item-image_wrapper {
		right: 10%;
		width: 225px;
		height: 250px;
	}
}

@media all and (max-width: 800px) {

	/* 리스트형 게시판 */
	.board-entry-list {
		margin-bottom: 0;
	}

	.board-entry-list .bbs-item {
		height: auto;
		min-height: 54px;
		padding: var(--space-16) var(--space-8) var(--space-16) var(--space-16);
		/*   flex-wrap: wrap; */
		line-height: var(--leading-rem-40);
	}

	.board-entry-list .bbs-item .bbs-right-info-con .bbs-more-btn {
		font-size: var(--font-size-20);
	}

	.board-entry-list .bbs-item .bbs-list-date {
		width: 100%;
		text-align: left;
		margin-right: var(--space-16);
		font-size: var(--font-size-14);
	}

	.board-entry-list .bbs-item .bbs-right-info-con .bbs-more-btn {
		display: inline-flex;
	}

	.board-entry-list .bbs-item .bbs-list-date strong {
		font-size: var(--font-size-30);
	}

	.board-entry-list .bbs-item .bbs-list-info-con {
		margin: 0;
		padding-left: 0;
		width: 75%;
	}

	.board-entry-list .bbs-item .bbs-subject-box {
		margin-bottom: var(--space-8)
	}

	.board-entry-list .bbs-item .bbs-subject-txt {
		font-size: var(--font-size-15);
	}

	.board-entry-list .bbs-item .bbs-list-info-con .notice-tit {
		height: 20px;
		font-size: var(--font-size-13);
		line-height: var(--leading-px-20);
		padding: 0 var(--space-8);
	}

	.board-entry-list .bbs-item .bbs-list-info-con .bbs-list-sub-txt {
		font-size: var(--font-size-13);
	}

	.board-entry-list .bbs-item .bbs-right-info-con {
		align-items: center;
		top: 50%;
		right: 15px;
	}

	.board-entry-list .bbs-item .bbs-right-info-con dl {
		display: none;
	}

	.board-entry-list .bbs-item .item-image_wrapper {
		display: none;
	}
}

@media all and (max-width: 480px) {

	/* 리스트형 게시판 */
	.board-entry-list .bbs-item .bbs-list-date {
		overflow: hidden;
		display: none;
	}

	.board-entry-list .bbs-item .bbs-list-info-con {
		width: 85%;
		margin: 0;
		margin-right: var(--space-16);
	}

	.board-entry-list .bbs-item .bbs-list-info-con .bbs-list-tit .category {
		display: block;
		font-size: var(--font-size-13);
		margin-bottom: var(--space-8);
	}

	.board-entry-list .bbs-item .bbs-list-info-con .bbs-list-date-m {
		display: block;
		color: var(--color-text-muted);
		font-size: var(--font-size-12);
		margin-top: var(--space-8);
	}

	.board-entry-list .bbs-item .bbs-right-info-con .bbs-more-btn {
		/*         width: 30px;
        height: 30px;
        line-height: var(--leading-px-30);
        font-size: var(--font-size-20); */
		-webkit-border-radius: var(--radius-round);
		-moz-border-radius: var(--radius-round);
		-o-border-radius: var(--radius-round);
		border-radius: var(--radius-round);
	}

	.board-entry-list .bbs-item .bbs-right-info-con .bbs-more-btn em {
		display: none;
	}

	.board-entry-list .bbs-item .bbs-right-info-con .bbs-more-btn i {
		display: block;
		line-height: var(--leading-px-30);
	}
}

/* Source: board/gallery-source.css */
/* *******************************************************
 * filename : gallery.css
 * description : 갤러리형 게시판 관련 CSS
 * date : 2022-08-03
******************************************************** */

/* ******************   갤러리 게시판 :: 갤러리 기본형 G01 ********************** */
.bbs-basic-gallery-con {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.5%;
}

.bbs-basic-gallery-con li {
	width: 24%;
	margin: 0 0.5% 1% 0.5%;
}

.bbs-basic-gallery-con li a {
	display: block;
	position: relative;
	border: 1px solid var(--color-border);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con li a .gallery-thum-box {
	position: relative;
	padding-top: 70%;
	overflow: hidden;
	border-bottom: 1px solid var(--color-border);
}

/* padding-top 으로 이미지의 비율 조정 */
.bbs-basic-gallery-con li a .gallery-thum {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
}

.bbs-basic-gallery-con li a .gallery-thum img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con li a .category {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 30px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	background-color: var(--color-text-muted);
	color: var(--color-white);
	z-index: 1;
}

.bbs-basic-gallery-con li a .gallery-txt-con {
	padding: var(--space-16);
}

.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit {
	display: block;
	width: 100%;
	color: var(--color-primary);
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-140);
	margin-bottom: var(--space-8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bbs-basic-gallery-con li a .gallery-txt-con .gal-txt {
	height: 3em;
	overflow: hidden;
	margin-bottom: var(--space-24);
	color: var(--color-text-muted);
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-14);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-em-150);
	word-break: keep-all;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.bbs-basic-gallery-con li a .gallery-txt-con .gal-day {
	position: relative;
	display: inline-block;
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-light);
}

.bbs-basic-gallery-con li a .gallery-txt-con .gal-day:before {
	position: relative;
	top: 0.125em;
	display: inline-block;
	font-family: "remixicon";
	content: "\eb27";
	font-size: var(--font-size-19);
	margin-right: var(--space-8)
}

.bbs-basic-gallery-con li a .gallery-txt-con .gal-day i {
	font-size: var(--font-size-22);
	vertical-align: middle;
	margin-top: calc(var(--space-8) * -1);
}

.bbs-basic-gallery-con li a:hover {
	border-color: var(--color-primary)
}

.bbs-basic-gallery-con li a:hover .gallery-thum img {
	-webkit-transform: scale(1.1) rotate(0.002deg);
	-moz-transform: scale(1.1) rotate(0.002deg);
	-ms-transform: scale(1.1) rotate(0.002deg);
	-o-transform: scale(1.1) rotate(0.002deg);
	transform: scale(1.1) rotate(0.002deg);
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con li {
		width: 32.33%;
	}

	.bbs-basic-gallery-con li a .gallery-txt-con {
		padding: var(--space-16) var(--space-8);
	}

	.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit {
		font-size: var(--font-size-15);
	}

	.bbs-basic-gallery-con li a .gallery-txt-con .gal-txt {
		font-size: var(--font-size-12);
	}

	.bbs-basic-gallery-con li a .gallery-txt-con .gal-day {
		font-size: var(--font-size-11);
	}

	.bbs-basic-gallery-con li a .gallery-txt-con .gal-day i {
		font-size: var(--font-size-18);
	}
}

@media all and (max-width:480px) {
	.bbs-basic-gallery-con li {
		width: 49%;
	}

	.bbs-basic-gallery-con li a .gallery-txt-con .gal-tit {
		font-size: var(--font-size-14);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 기본형 G02 ********************** */
.bbs-basic-gallery-con02 .gallery-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.5%;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item {
	width: 24%;
	margin: 0 0.5% 5% 0.5%;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item a {
	display: block;
	position: relative;
	padding-top: 120%;
	height: 0;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item a .category {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 30px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	background-color: var(--color-secondary);
	color: var(--color-white);
	z-index: 1;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-thum {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-thum img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-tit {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--color-primary);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-medium);
	margin: var(--space-16) 0;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-8);
	height: 24px;
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info i {
	font-size: var(--font-size-18);
	vertical-align: middle;
	margin-top: calc(var(--space-8) * -1);
	color: inherit
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-writer {
	font-weight: var(--font-weight-regular)
}

.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-date {
	font-weight: var(--font-weight-regular);
	color: var(--color-text-muted);
}

@media all and (min-width:801px) {

	/* over style */
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: rgb(var(--color-primary-rgb) / 0.7);
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::before,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::after {
		position: absolute;
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
		transition: opacity 0.5s, transform 0.5s;
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::before {
		border-top: 1px solid var(--color-white);
		border-bottom: 1px solid var(--color-white);
		-webkit-transform: scale(0, 1);
		transform: scale(0, 1);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum::after {
		border-right: 1px solid var(--color-white);
		border-left: 1px solid var(--color-white);
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum span {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 55px;
		height: 32px;
		line-height: var(--leading-px-32);
		margin: calc(var(--space-16) * -1) 0 0 calc(var(--space-24) * -1);
		text-align: center;
		color: var(--color-white);
		font-size: var(--font-size-14);
		font-weight: var(--font-weight-semibold);
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
		-webkit-transition: all 0.35s;
		transition: all 0.35s;
		border-top: 1px solid rgb(var(--color-white-rgb) / 0.7);
		border-bottom: 1px solid rgb(var(--color-white-rgb) / 0.7);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum {
		opacity: 1.0;
		filter: Alpha(opacity=100);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum::before,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum::after {
		opacity: 0.5;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .over-thum span {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item a:hover .gal-thum img {
		-webkit-transform: scale(1.1) rotate(0.002deg);
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg);
		transform: scale(1.1) rotate(0.002deg);
	}
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item {
		width: 32.33%
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-tit {
		margin: var(--space-8) 0;
		font-size: var(--font-size-15);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info {
		height: auto;
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-writer,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-date {
		display: block;
		line-height: var(--leading-px-20);
		font-size: var(--font-size-11);
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .gal-info .gal-writer,
	.bbs-basic-gallery-con02 .gallery-list .gal-list-item .over-thum {
		display: none;
	}
}

@media all and (max-width:480px) {
	.bbs-basic-gallery-con02 .gallery-list {
		margin: 0 -1%;
	}

	.bbs-basic-gallery-con02 .gallery-list .gal-list-item {
		width: 48%;
		margin: 0 1% 10% 1%;
	}
}

/* ******************  갤러리 게시판 :: 갤러리 기본형 G03  ********************** */
.bbs-basic-gallery-con03 {
	position: relative;
	padding-bottom: var(--space-64);
}

.bbs-basic-gallery-con03 ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.bbs-basic-gallery-con03 ul li {
	width: 23%;
	margin: 0 1%;
	margin-bottom: 2%;
}

.bbs-basic-gallery-con03 ul li a {
	position: relative;
	display: block;
	border: 1px solid var(--color-text-muted);
	background-color: var(--color-white);
	letter-spacing: var(--tracking-neg-px-075);
	line-height: var(--leading-px-22);
}

.bbs-basic-gallery-con03 ul li a .category {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 30px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	background-color: var(--color-secondary);
	color: var(--color-white);
	z-index: 1;
}

.bbs-basic-gallery-con03 ul li a .press-thum {
	position: relative;
	padding-top: 66%;
	overflow: hidden;
	border-bottom: 1px solid var(--color-text-muted);
}

.bbs-basic-gallery-con03 ul li a .press-thum span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.bbs-basic-gallery-con03 ul li a .press-thum .press-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.bbs-basic-gallery-con03 ul li a .press-thum .no-image {
	background-color: var(--color-border-soft);
	text-align: center;
}

.bbs-basic-gallery-con03 ul li a .press-thum .no-image strong {
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-regular);
	margin-top: calc(var(--space-24) * -1);
}

.bbs-basic-gallery-con03 ul li a strong,
.bbs-basic-gallery-con03 ul li a span {
	display: block;
}

.bbs-basic-gallery-con03 ul li .press-info-con {
	padding: 5% 5% var(--space-48) 5%;
}

.bbs-basic-gallery-con03 ul li a .press-tit {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 0 var(--space-16) 0;
	color: var(--color-text-muted);
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-regular);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s
}

.bbs-basic-gallery-con03 ul li a .press-detail-info {
	height: 66px;
}

.bbs-basic-gallery-con03 ul li a .press-detail-info dl {
	display: flex;
	align-items: flex-start;
}

.bbs-basic-gallery-con03 ul li a .press-detail-info dt,
.bbs-basic-gallery-con03 ul li a .press-detail-info dd {
	width: 30%;
}

.bbs-basic-gallery-con03 ul li a .press-detail-info dd {
	width: 70%;
}

.bbs-basic-gallery-con03 ul li a .more-btn {
	position: absolute;
	bottom: 10px;
	left: 4%;
}

.bbs-basic-gallery-con03 ul li a .more-btn i {
	color: var(--color-text-muted);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con03 ul li a:hover {
	border-color: var(--color-text-muted);
	background-color: var(--color-text-muted)
}

.bbs-basic-gallery-con03 ul li a:hover .press-thum {
	border-bottom-color: var(--color-text-muted)
}

.bbs-basic-gallery-con03 ul li a:hover .press-tit {
	color: var(--color-white);
}

.bbs-basic-gallery-con03 ul li a:hover .press-detail-info {
	color: var(--color-white);
	opacity: 0.45;
	filter: Alpha(opacity=45);
}

.bbs-basic-gallery-con03 ul li a:hover .more-btn i {
	color: var(--color-white);
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

@media all and (max-width:1220px) {
	.bbs-basic-gallery-con03 ul li {
		width: 31.33%;
	}
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con03 ul li {
		width: 48%;
	}

	.bbs-basic-gallery-con03 ul li .press-info-con {
		padding-bottom: var(--space-32);
	}

	.bbs-basic-gallery-con03 ul li a .more-btn {
		bottom: 0;
	}

	.bbs-basic-gallery-con03 ul li a .press-tit {
		font-size: var(--font-size-16);
		padding-bottom: var(--space-8);
	}
}

@media all and (max-width:640px) {
	.bbs-basic-gallery-con03 ul li .press-info-con {
		padding-bottom: 4%;
	}

	.bbs-basic-gallery-con03 ul li a .press-detail-info {
		height: auto;
		line-height: var(--leading-px-18);
	}

	.bbs-basic-gallery-con03 ul li a .press-detail-info dl {
		flex-direction: column;
		margin-bottom: var(--space-8);
	}

	.bbs-basic-gallery-con03 ul li a .press-detail-info dt,
	.bbs-basic-gallery-con03 ul li a .press-detail-info dd {
		font-size: var(--font-size-11);
		width: 100%;
	}

	.bbs-basic-gallery-con03 ul li a .press-detail-info dt {
		color: var(--color-text-muted);
		word-break: keep-all;
	}

	.bbs-basic-gallery-con03 ul li a .press-detail-info dt:after {
		display: none;
	}

	.bbs-basic-gallery-con03 ul li a .press-detail-info dd {
		width: auto;
		padding-left: var(--space-8);
	}

	.bbs-basic-gallery-con03 ul li a .more-btn {
		left: auto;
		bottom: 8px;
		right: 5px;
	}

	.bbs-basic-gallery-con03 ul li a .more-btn i {
		font-size: var(--font-size-20);
	}

	.bbs-basic-gallery-con03 ul li a:hover .press-detail-info dt {
		color: var(--color-white);
		opacity: 0.4;
		filter: Alpha(opacity=40);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 이벤트형 G04 (썸네일형) ********************** */
.bbs-basic-gallery-con04 .bbs-thum-list {
	border-top: 1px solid var(--color-primary);
}

.bbs-basic-gallery-con04 .bbs-thum-list li {
	border-bottom: 1px solid var(--color-border);
}

.bbs-basic-gallery-con04 .bbs-thum-list li a {
	position: relative;
	display: block;
	padding: var(--space-24);
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

/* 리스트 :: 썸네일 */
.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img {
	width: 31%;
	display: inline-block;
	vertical-align: top;
}

.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img span {
	display: block;
	position: relative;
	border: 1px solid var(--color-border);
	height: 0;
	padding-top: 63%;
}

.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/* 리스트 :: 오른쪽정보 */
.bbs-thumb-info-con {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	padding-left: 3%;
	width: 65%;
	height: 100%;
}

.bbs-thumb-info-con .category {
	display: inline-block;
	min-width: 60px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	color: var(--color-white);
	background-color: var(--color-primary);
	text-align: center;
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-medium);
	margin-bottom: var(--space-16);
}

.bbs-thumb-info-con h3 {
	line-height: var(--leading-px-30);
	color: var(--color-text-muted);
	font-size: var(--font-size-20);
	letter-spacing: var(--tracking-neg-px-05);
	font-weight: var(--font-weight-medium);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-thumb-info-con .bbs-detail-txt {
	overflow: hidden;
	height: 48px;
	margin: var(--space-24) 0 var(--space-32);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-px-26);
	font-size: var(--font-size-15);
	color: var(--color-text-muted);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.bbs-thumb-info-con .bbs-thumb-writer-info {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 25px;
	right: 25px;
}

.bbs-thumb-info-con .bbs-thumb-writer-info dl {
	margin-left: var(--space-8);
}

.bbs-thumb-info-con .bbs-thumb-writer-info dl:first-child {
	margin-left: 0;
}

.bbs-thumb-info-con .bbs-thumb-writer-info dt,
.bbs-thumb-info-con .bbs-thumb-writer-info dd {
	display: inline-block;
	vertical-align: middle;
}

.bbs-thumb-info-con .bbs-thumb-writer-info dt {
	margin-right: var(--space-8);
}

.bbs-thumb-info-con .bbs-thumb-writer-info i {
	color: var(--color-text-muted);
	font-size: var(--font-size-20);
	vertical-align: middle;
}

.bbs-thumb-info-con .bbs-thumb-writer-info dd {
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-regular);
}

.bbs-basic-gallery-con04 .bbs-thum-list li a:hover {
	background-color: var(--color-border-soft)
}

.bbs-basic-gallery-con04 .bbs-thum-list li a:hover h3 {
	color: var(--color-secondary)
}

@media all and (max-width:1220px) {
	.bbs-basic-gallery-con04 .bbs-thum-list li a {
		padding: var(--space-24) var(--space-8);
	}

	.bbs-thumb-info-con h3 {
		font-size: var(--font-size-18);
	}

	.bbs-thumb-info-con .bbs-detail-txt {
		margin: var(--space-8) 0 var(--space-24);
	}

	.bbs-thumb-info-con .bbs-thumb-writer-info {
		position: static;
	}
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con04 .bbs-thum-list li a {
		padding: var(--space-16) var(--space-8);
	}

	.bbs-thumb-info-con .bbs-category {
		width: 60px;
		height: 18px;
		line-height: var(--leading-px-16);
		font-size: var(--font-size-12);
	}

	.bbs-thumb-info-con h3 {
		font-size: var(--font-size-16);
		line-height: var(--leading-px-20);
	}

	.bbs-thumb-info-con .bbs-detail-txt {
		height: 42px;
		font-size: var(--font-size-13);
		line-height: var(--leading-px-20);
		margin-bottom: var(--space-8);
	}

	.bbs-thumb-info-con .bbs-thumb-writer-info dd {
		font-size: var(--font-size-11);
	}
}

@media all and (max-width:480px) {
	.bbs-basic-gallery-con04 .bbs-thum-list li a {
		position: relative;
	}

	.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img,
	.bbs-thumb-info-con {
		display: block;
		width: 100%;
		padding: 0;
	}

	.bbs-basic-gallery-con04 .bbs-thum-list li a .bbs-thumb-img {
		margin-bottom: var(--space-8);
	}
}

/* ******************   갤러리 게시판 :: 갤러리  G05   ********************** */
.bbs-basic-gallery-con05 .gallery-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
	*zoom: 1;
}

.bbs-basic-gallery-con05 .gallery-list:after {
	clear: both;
	display: block;
	content: "";
}

.bbs-basic-gallery-con05 .gallery-list li {
	width: 23%;
	margin: 0 1% 3% 1%;
}

.bbs-basic-gallery-con05 .gallery-list li a {
	display: block;
	position: relative;
	width: 100%;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.bbs-basic-gallery-con05 .gallery-list li a .category {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 30px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	background-color: var(--color-secondary);
	color: var(--color-white);
	z-index: 1;
}

.bbs-basic-gallery-con05 .gallery-list li .list-photo-con {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66%;
}

.bbs-basic-gallery-con05 .gallery-list li .list-photo-con img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

.bbs-basic-gallery-con05 .gallery-list li .list-info-con {
	width: 94%;
	padding: var(--space-24) 3%;
	letter-spacing: var(--tracking-neg-px-05);
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-ms-transition: all 300ms;
	transition: all 300ms;
}

.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-tit {
	display: block;
	color: var(--color-text-muted);
	font-size: var(--font-size-17);
	font-weight: var(--font-weight-semibold);
	padding-bottom: var(--space-16);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.bbs-basic-gallery-con05 .gallery-list li .list-info-con p {
	overflow: hidden;
	height: 60px;
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-regular);
	line-height: var(--leading-px-20);
	margin-bottom: var(--space-24);
}

.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-day {
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
}

.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-day i {
	vertical-align: middle;
	font-size: var(--font-size-18);
}

.bbs-basic-gallery-con05 .gallery-list li a:hover .list-info-con {
	margin-left: 1%;
}

.bbs-basic-gallery-con05 .gallery-list li a:hover {
	box-shadow: 10px 10px 10px rgb(var(--color-primary-rgb) / .15);
}

.bbs-basic-gallery-con05 .gallery-list li a:hover .list-photo-con img {
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.bbs-basic-gallery-con05 .gallery-list li a:hover .list-tit {
	color: var(--color-secondary)
}

@media all and (max-width:1220px) {

	/* 게시판 :: 갤러리 응용형 GC01 */
	.bbs-basic-gallery-con05 .gallery-list li {
		width: 31.33%;
	}

	.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-tit {
		font-size: var(--font-size-15);
		line-height: var(--leading-px-20);
	}

	.bbs-basic-gallery-con05 .gallery-list li .list-info-con p {
		height: 42px;
		font-size: var(--font-size-13);
		margin-bottom: var(--space-16);
	}

	.bbs-basic-gallery-con05 .gallery-list li .list-info-con .list-day {
		font-size: var(--font-size-11);
	}
}

@media all and (max-width:800px) {

	/* 게시판 :: 갤러리 응용형 GC01 */
	.bbs-basic-gallery-con05 .gallery-list li {
		width: 48%;
	}

	.bbs-basic-gallery-con05 .gallery-list li a .gallery-txt-con .gal-tit {
		font-size: var(--font-size-14);
	}

	.bbs-basic-gallery-con05 .gallery-list li .list-info-con p {
		font-size: var(--font-size-12);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G06  ********************** */
.bbs-basic-gallery-con06 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.5%;
	*zoom: 1;
}

.bbs-basic-gallery-con06:after {
	clear: both;
	display: block;
	content: "";
}

.bbs-basic-gallery-con06 .gallery-item {
	position: relative;
	width: 24%;
	margin: 0 0.5%;
	margin-bottom: 1%;
}

.bbs-basic-gallery-con06 .gallery-item .gallery-thumb {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 67%;
}

.bbs-basic-gallery-con06 .gallery-item .gallery-thumb img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con06 .gallery-item .category {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 30px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	background-color: var(--color-secondary);
	color: var(--color-white);
	z-index: 1;
}

.bbs-basic-gallery-con06 .gallery-item .cover-info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--color-secondary);
	background: rgb(var(--color-primary-rgb) / 0.7);
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

.bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt {
	color: var(--color-white);
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: calc(var(--space-24) * -1);
	text-align: center;
	font-size: var(--font-size-16);
	letter-spacing: var(--tracking-neg-px-045);
}

.bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt .title-info {
	display: block;
	width: 80%;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: var(--space-16);
	font-weight: var(--font-weight-regular);
}

.bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt .date-info {
	font-size: var(--font-size-13);
}

.bbs-basic-gallery-con06 .gallery-item a:hover img {
	transform: scale(1.1)
}

.bbs-basic-gallery-con06 .gallery-item a:hover .cover-info {
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con06 .gallery-item {
		width: 32.33%;
	}

	.bbs-basic-gallery-con06 .gallery-item .cover-info .cover-info-txt {
		font-size: var(--font-size-14);
		margin-top: calc(var(--space-16) * -1)
	}
}

@media all and (max-width:640px) {
	.bbs-basic-gallery-con06 .gallery-item {
		width: 49%;
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G07  ********************** */
.bbs-basic-gallery-con07>ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.bbs-basic-gallery-con07>ul li {
	width: 18%;
	margin: 0 1% 2% 1%;
}

.bbs-basic-gallery-con07>ul li a {
	display: block;
	position: relative;
}

.bbs-basic-gallery-con07 .gallery-img-thumb {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 130%;
	border: 1px solid var(--color-border)
}

.bbs-basic-gallery-con07 .category {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 30px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	background-color: var(--color-secondary);
	color: var(--color-white);
	z-index: 1;
}

.bbs-basic-gallery-con07>ul li img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.bbs-basic-gallery-con07>ul li .gallery-tit {
	display: block;
	height: 48px;
	font-size: var(--font-size-18);
	line-height: var(--leading-px-48);
	letter-spacing: var(--tracking-neg-px-1);
	color: var(--color-primary);
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bbs-basic-gallery-con07>ul li .img-over-thum {
	position: absolute;
	opacity: 0;
	filter: Alpha(opacity=0);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(var(--color-primary-rgb) / 0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con07>ul li .img-over-thum span {
	position: absolute;
	left: 15%;
	bottom: -45px;
	width: 70%;
	height: 45px;
	font-size: var(--font-size-16);
	line-height: var(--leading-px-45);
	letter-spacing: var(--tracking-neg-px-1);
	color: var(--color-white);
	background-color: rgb(var(--color-primary-rgb) / 0.3);
	border: 1px solid rgb(var(--color-white-rgb) / 0.3);
	border-bottom: 0;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con07>ul li .img-over-thum span i {
	vertical-align: middle;
	color: var(--color-white);
	display: inline-block;
	margin-left: var(--space-8);
}

@media all and (min-width:801px) {
	.bbs-basic-gallery-con07>ul li:hover .img-over-thum {
		opacity: 1;
		filter: Alpha(opacity=100);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.bbs-basic-gallery-con07>ul li:hover .img-over-thum span {
		bottom: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
}

@media all and (max-width:1024px) {
	.bbs-basic-gallery-con07>ul li .gallery-tit {
		font-size: var(--font-size-15);
	}

	.bbs-basic-gallery-con07>ul li .img-over-thum span {
		font-size: var(--font-size-13);
	}

	.bbs-basic-gallery-con07>ul li .img-over-thum span i {
		font-size: var(--font-size-20);
		margin-left: var(--space-8);
		position: relative;
		top: -2px;
	}
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con07 {
		max-width: 480px;
		margin: 0 auto;
	}

	.bbs-basic-gallery-con07>ul li {
		width: 48%;
	}

	.bbs-basic-gallery-con07>ul li .gallery-tit {
		height: 30px;
		line-height: var(--leading-px-30);
		font-size: var(--font-size-15);
		padding-top: var(--space-8);
	}

	.bbs-basic-gallery-con07>ul li .img-over-thum span {
		bottom: -30px;
		height: 30px;
		line-height: var(--leading-px-30);
		font-size: var(--font-size-13);
	}

	.bbs-basic-gallery-con07>ul li .img-over-thum span i {
		font-size: var(--font-size-18);
		margin-left: var(--space-8);
	}
}

/* ******************   갤러리형 게시판 :: 갤러리  G08   ********************** */
.bbs-basic-gallery-con08 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	margin: 0 -1%;
}

.bbs-basic-gallery-con08 li {
	width: 23%;
	margin: 1%;
	overflow: hidden;
}

.circle-thumb,
.circle-item {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-round);
	position: relative;
	background-color: var(--color-text-muted);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.circle-thumb {
	position: relative;
	display: block;
	height: 0;
	padding-top: 100%;
}

.circle-thumb img {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

.circle-thumb img,
.circle-info,
.circle-info .circle-cate,
.circle-info p,
.circle-info .on-txt,
.circle-info .more-btn {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.circle-info {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgb(var(--color-primary-rgb) / 0.1)
}

.circle-info .circle-cate {
	display: block;
	position: relative;
	z-index: 10;
	padding: var(--space-64) 0 var(--space-56);
	color: var(--color-white);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-semibold);
	text-shadow: 1px 1px 1px rgb(var(--color-primary-rgb) / .3);
}

.circle-info .off-txt {
	width: 90%;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
	color: var(--color-white);
	letter-spacing: var(--tracking-neg-px-03);
	font-size: var(--font-size-22);
	letter-spacing: var(--tracking-neg-px-03);
	line-height: var(--leading-px-30);
	word-break: keep-all;
	text-shadow: 1px 1px 1px rgb(var(--color-primary-rgb) / .3);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.circle-info .on-txt {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: var(--color-white);
	color: var(--color-text-muted);
	font-size: var(--font-size-17);
	line-height: var(--leading-px-26);
	letter-spacing: var(--tracking-neg-px-03);
	word-break: keep-all;
	box-sizing: border-box;
	padding-top: 41%;
	opacity: 0;
	filter: Alpha(opacity=0);
	transform: scale(0);
	border-radius: var(--radius-round);
}

.circle-info .on-txt p {
	width: 80%;
	margin: 0 auto;
	height: 80px;
	overflow: hidden;
}

.circle-info .more-btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 32px;
	height: 32px;
	z-index: 10;
	color: var(--color-white);
	text-align: center;
	line-height: var(--leading-px-30);
	margin-left: calc(var(--space-16) * -1);
	background-color: var(--color-text-muted);
	opacity: 0;
	filter: Alpha(opacity=0);
	-webkit-border-radius: var(--radius-32);
	-moz-border-radius: var(--radius-32);
	-o-border-radius: var(--radius-32);
	border-radius: var(--radius-32);
}

.circle-info .more-btn i {
	vertical-align: middle;
	font-size: var(--font-size-22);
}

/* over 스타일 */
.bbs-basic-gallery-con08 li .circle-item:hover {
	box-shadow: 6px 6px 8px rgb(var(--color-primary-rgb) / 0.49)
}

.bbs-basic-gallery-con08 li .circle-item:hover .circle-thumb img {
	left: -50px;
}

.bbs-basic-gallery-con08 li .circle-item:hover .circle-info {
	background-color: var(--color-white);
}

.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .circle-cate {
	color: var(--color-secondary);
	text-shadow: none;
}

.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .off-txt {
	opacity: 0;
	filter: Alpha(opacity=0);
	transform: scale(0);
}

.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .on-txt {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	transform: scale(1.0);
}

.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .more-btn {
	bottom: 40px;
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

@media (max-width:1220px) {
	.circle-info .circle-cate {
		padding: 20% 0
	}

	.circle-info .off-txt {
		height: 72px;
		font-size: var(--font-size-18);
		line-height: var(--leading-px-24);
	}
}

@media (max-width:800px) {
	.bbs-basic-gallery-con08 li {
		width: 48%;
		margin-top: var(--space-8);
	}

	.circle-info .off-txt {
		height: 76px;
		font-size: var(--font-size-18);
		line-height: var(--leading-px-26);
	}
}

@media (max-width:640px) {
	.circle-info .circle-cate {
		font-size: var(--font-size-12);
	}

	.circle-info .off-txt {
		height: 48px;
		font-size: var(--font-size-15);
		line-height: var(--leading-px-16);
	}

	.circle-info .on-txt {
		display: none;
	}

	.circle-info .more-btn {
		bottom: 10px;
	}

	.bbs-basic-gallery-con08 li .circle-item:hover .circle-info .more-btn {
		bottom: 20px;
	}
}

/* ******************   갤러리형 게시판 :: 갤러리  G09  ********************** */
.bbs-basic-gallery-con09 ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.bbs-basic-gallery-con09 ul li {
	width: 48%;
	margin: 0 1% 2% 1%;
}

.bbs-basic-gallery-con09 ul li a {
	position: relative;
	overflow: hidden;
	display: block;
	padding: var(--space-24);
	border: 1px solid var(--color-text-muted);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.bbs-basic-gallery-con09 ul li a:has(.bbs-left-photo-con) {
	display: flex;
	align-items: flex-start;
	gap: var(--space-24);
}

.bbs-basic-gallery-con09 ul li strong,
.bbs-basic-gallery-con09 ul li span {
	display: block;
}

.bbs-basic-gallery-con09 ul li .bbs-title {
	color: var(--color-primary);
	font-size: var(--font-size-20);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-120);
	font-weight: var(--font-weight-medium);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bbs-basic-gallery-con09 ul li .bbs-sub-txt {
	overflow: hidden;
	height: 72px;
	line-height: var(--leading-px-24);
	color: var(--color-primary);
	font-size: var(--font-size-14);
	margin: var(--space-24) 0;
}

.bbs-basic-gallery-con09 ul li .bbs-date {
	padding-bottom: var(--space-24);
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
}

.bbs-basic-gallery-con09 ul li .more-btn {
	width: 86px;
	height: 30px;
	line-height: var(--leading-px-30);
	color: var(--color-white);
	text-align: center;
	background-color: var(--color-text-muted);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.bbs-basic-gallery-con09 ul li a:hover {
	border: 1px solid var(--color-secondary)
}

.bbs-basic-gallery-con09 ul li a:hover .more-btn {
	background-color: var(--color-secondary);
}

/* 이미지 있을때 */
.bbs-basic-gallery-con09 .bbs-left-photo-con {
	position: relative;
	flex: 0 0 180px;
	width: 180px;
	height: 0;
	padding-top: var(--space-184);
}

.bbs-basic-gallery-con09 .bbs-left-photo-con img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}

.bbs-basic-gallery-con09 .category {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 30px;
	padding: 0 var(--space-8);
	height: 28px;
	line-height: var(--leading-px-28);
	background-color: var(--color-secondary);
	color: var(--color-white);
	z-index: 1;
}

.bbs-basic-gallery-con09 .bbs-right-info-con {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}

.bbs-basic-gallery-con09 ul li .bbs-right-info-con .bbs-sub-txt {
	height: 44px;
	word-break: keep-all
}

.bbs-basic-gallery-con09 ul li .bbs-right-info-con .bbs-date {
	padding-bottom: var(--space-16);
}

@media all and (max-width:1220px) {
	.bbs-basic-gallery-con09 ul li a {
		padding: var(--space-16);
	}

	.bbs-basic-gallery-con09 ul li a:has(.bbs-left-photo-con) {
		gap: var(--space-16);
	}

	/* 이미지 있을때 */
	.bbs-basic-gallery-con09 .bbs-left-photo-con {
		width: 130px;
		padding-top: var(--space-128);
	}

	.bbs-basic-gallery-con09 .bbs-right-info-con {
		width: calc(100% - 145px);
	}
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con09 ul li {
		width: 100%;
		margin: 0;
		margin-bottom: 3%;
	}

	.bbs-basic-gallery-con09 ul li .bbs-title {
		font-size: var(--font-size-15);
	}

	.bbs-basic-gallery-con09 ul li .bbs-sub-txt {
		font-size: var(--font-size-13);
		line-height: var(--leading-px-22);
		height: 60px;
	}
}

@media all and (max-width:480px) {

	/* 이미지 있을때 */
	.bbs-basic-gallery-con09 .bbs-left-photo-con {
		flex-basis: 100px;
		width: 100px;
		padding-top: var(--space-104);
	}

	.bbs-basic-gallery-con09 .bbs-right-info-con {
		width: calc(100% - 115px);
	}
}

/* ******************   갤러리형 게시판 :: 갤러리  G10  ********************** */
.bbs-basic-gallery-con10>ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
	word-break: keep-all;
}

.bbs-basic-gallery-con10 .gallery-over-list-item {
	width: 23%;
	margin: 0 1% 5%;
}

.bbs-basic-gallery-con10 .gallery-over-list-item a {
	display: block;
}

.bbs-basic-gallery-con10 .gallery-img-box {
	position: relative;
	text-align: center;
	border: 1px solid var(--color-border);
}

.bbs-basic-gallery-con10 .gallery-img-box .img-wrap {
	display: block;
	height: 0;
	padding-top: 64%;
}

.bbs-basic-gallery-con10 .gallery-img-box .img-wrap img {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.bbs-basic-gallery-con10 .gallery-img-box .category {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	min-width: 50px;
	padding: 0 var(--space-8);
	height: 30px;
	line-height: var(--leading-px-30);
	font-size: var(--font-size-13);
	letter-spacing: var(--tracking-neg-px-05);
	color: var(--color-white);
	background-color: rgb(var(--color-primary-rgb) / 0.5)
}

.bbs-basic-gallery-con10 .gallery-img-box .broad-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.bbs-basic-gallery-con10 .gallery-img-box .broad-bg span {
	position: relative;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	transition: all 0.3s;
	border-radius: var(--radius-round);
	background-color: rgb(var(--color-primary-rgb) / 0.5)
}

.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn {
	position: absolute;
	width: 45px;
	height: 45px;
	line-height: var(--leading-px-45);
	right: 15px;
	bottom: 0;
	transform: translateY(50%);
	border-radius: var(--radius-round);
	color: var(--color-white);
	overflow: hidden;
	background-color: rgb(var(--color-primary-rgb) / 0.5);
	box-shadow: 5px 5px 15px rgb(var(--color-primary-rgb) / 0.2);
	transition: all 0.3s;
}

.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn i {
	display: none;
}

.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn:before {
	display: block;
	font-family: "remixicon";
	content: "\ea13";
	font-size: var(--font-size-20);
	transition: all 0.3s 0.1s;
}

.bbs-basic-gallery-con10 .gallery-info {
	padding: var(--space-32) 0;
}

.bbs-basic-gallery-con10 .gallery-info .gallery-info-tit {
	font-size: var(--font-size-18);
	letter-spacing: var(--tracking-neg-px-05);
	color: var(--color-primary);
	font-weight: var(--font-weight-semibold);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: var(--space-24);
}

.bbs-basic-gallery-con10 .gallery-info p {
	overflow: hidden;
	height: 2.8em;
	font-size: var(--font-size-15);
	line-height: var(--leading-140);
	letter-spacing: var(--tracking-neg-px-025);
	font-weight: var(--font-weight-regular);
	color: var(--color-text-muted);
	margin-bottom: var(--space-24);
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.bbs-basic-gallery-con10 .gallery-info .gallery-date {
	font-size: var(--font-size-13);
	letter-spacing: var(--tracking-neg-px-05);
	color: var(--color-text-muted);
}

@media all and (min-width: 801px) {
	.bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-btn {
		background-color: transparent;
		right: 50%;
		bottom: 50%;
		transform: translate(50%, 50%);
		box-shadow: none;
	}

	.bbs-basic-gallery-con10 .gallery-over-list-item a:hover .broad-bg span {
		width: 150%;
		height: 230%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		opacity: 0.4;
		transition-delay: 0.2s;
	}

	.bbs-basic-gallery-con10 .gallery-over-list-item a:hover .gallery-img-box .gallery-btn:before {
		transform: rotate(360deg);
		font-size: var(--font-size-34)
	}
}

@media all and (max-width: 800px) {
	.bbs-basic-gallery-con10 .gallery-over-list-item {
		width: 48%;
		margin-bottom: 3%
	}

	.bbs-basic-gallery-con10 .gallery-info p {
		display: none;
		font-size: var(--font-size-13);
	}

	.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn {
		right: 5px;
		box-shadow: 4px 4px 6px rgb(var(--color-primary-rgb) / 0.2)
	}
}

@media all and (max-width: 480px) {
	.bbs-basic-gallery-con10 .gallery-img-box .category {
		font-size: var(--font-size-11);
	}

	.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn {
		right: 5px;
		width: 30px;
		height: 30px;
		line-height: var(--leading-px-30);
	}

	.bbs-basic-gallery-con10 .gallery-img-box .gallery-btn:before {
		font-size: var(--font-size-14);
		line-height: var(--leading-px-30);
	}

	.bbs-basic-gallery-con10 .gallery-info {
		padding: var(--space-24) 0;
	}

	.bbs-basic-gallery-con10 .gallery-info .gallery-info-tit {
		font-size: var(--font-size-15);
		margin-bottom: var(--space-8);
	}

	.bbs-basic-gallery-con10 .gallery-info p {
		font-size: var(--font-size-12);
		margin-bottom: var(--space-8)
	}

	.bbs-basic-gallery-con10 .gallery-info .gallery-date {
		font-size: var(--font-size-11);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G11 ********************** */
/* 갤러리 기본형 G11 :: 상단 헤드라인 */
.gallery-con11-headline .headline-wrapper {
	position: relative;
	display: block;
	padding-left: var(--space-400);
}

.gallery-con11-headline .headline-img-con {
	position: relative;
	width: 100%;
	padding-top: 53%;
	display: block;
}

.gallery-con11-headline .headline-img-con span {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-primary);
}

.gallery-con11-headline .headline-img-con span img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin: auto;
}

.gallery-con11-headline a:hover .headline-img-con img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}

.gallery-con11-headline .headline-info-con {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 100%;
	border: 1px solid var(--color-border-soft);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: keep-all;
}

.gallery-con11-headline .headline-info-con .headline-info-inner {
	display: table;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-con11-headline .headline-info-con .headeline-txt-box {
	display: table-cell;
	vertical-align: middle;
	padding: 0 var(--space-40);
}

.gallery-con11-headline .headline-info-con .gal-category,
.gallery-con11-headline .headline-info-con .gal-title,
.gallery-con11-headline .headline-info-con .gal-sub-txt {
	overflow: hidden;
}

.gallery-con11-headline .headline-info-con .gal-category {
	display: inline-block;
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-bold);
	color: var(--color-secondary);
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: var(--space-16);
}

.gallery-con11-headline .headline-info-con .gal-title {
	height: 3em;
	font-weight: var(--font-weight-medium);
	color: var(--color-primary);
	font-size: var(--font-size-26);
	letter-spacing: var(--tracking-neg-px-075);
	line-height: var(--leading-150);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.gallery-con11-headline .headline-info-con .gal-sub-txt {
	height: 6.4em;
	margin-top: var(--space-16);
	font-size: var(--font-size-13);
	line-height: var(--leading-160);
	color: var(--color-text-muted);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.gallery-con11-headline .headline-info-con .gal-more-txt {
	display: block;
	margin-top: var(--space-64);
	font-size: var(--font-size-12);
	font-weight: var(--font-weight-light);
	color: var(--color-text-muted);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-con11-headline .headline-info-con .gal-more-txt i {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	font-size: var(--font-size-24);
	margin-right: var(--space-8);
}

.gallery-con11-headline .headline-info-con .gal-more-txt em {
	line-height: var(--leading-px-24);
}

.gallery-con11-headline .headline-info-con a:hover .gal-sub-txt {
	text-decoration: underline
}

.gallery-con11-headline .headline-info-con a:hover .gal-more-txt {
	color: var(--color-primary)
}

/* 갤러리 기본형 G11 :: 하단 리스트 */
.gallery-con11-list-con {
	overflow: hidden;
	margin-top: var(--space-32);
}

.gallery-con11-list-con ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.gallery-con11-list-con li {
	width: 31.33%;
	margin: 0 1% 2%;
}

.gallery-con11-list-con li a {
	display: block;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-con11-list-con li a .gallery-thum-box {
	position: relative;
	padding-top: 65%;
	overflow: hidden;
}

/* padding-top 으로 이미지의 비율 조정 */
.gallery-con11-list-con li a .gallery-thum {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
}

.gallery-con11-list-con li a .gallery-thum img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-con11-list-con li a .gallery-info-box {
	border: 1px solid var(--color-border-soft);
	padding: var(--space-24) var(--space-24);
	word-break: keep-all;
}

.gallery-con11-list-con li a .gallery-info-box .gal-category {
	display: block;
	color: var(--color-secondary);
	font-size: var(--font-size-12);
	font-weight: var(--font-weight-bold);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gallery-con11-list-con li a .gallery-info-box .gal-title {
	height: 3em;
	font-size: var(--font-size-20);
	line-height: var(--leading-150);
	margin: var(--space-8) 0 var(--space-24);
	color: var(--color-primary);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-neg-px-075);
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.gallery-con11-list-con li a .gallery-info-box .gal-day {
	display: block;
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-regular);
}

.gallery-con11-list-con li a:hover .gallery-thum img {
	-webkit-transform: scale(1.1) rotate(0.02deg);
	-moz-transform: scale(1.1) rotate(0.02deg);
	-ms-transform: scale(1.1) rotate(0.02deg);
	-o-transform: scale(1.1) rotate(0.02deg);
	transform: scale(1.1) rotate(0.02deg);
}

@media all and (max-width:1366px) {

	/* 갤러리 기본형 G11 :: 상단 헤드라인 */
	.gallery-con11-headline .headline-info-con .gal-title {
		font-size: var(--font-size-20)
	}

	.gallery-con11-headline .headline-info-con .gal-sub-txt {
		display: none
	}

	.gallery-con11-headline .headline-info-con .gal-more-txt {
		margin-top: var(--space-24);
	}
}

@media all and (max-width:800px) {

	/* 갤러리 기본형 G11 :: 상단 헤드라인 */
	.gallery-con11-headline .headline-wrapper {
		padding-left: 0
	}

	.gallery-con11-headline .headline-info-con {
		position: static;
		padding: var(--space-16);
		width: auto;
	}

	.gallery-con11-headline .headline-info-con .headline-info-inner {
		display: block;
	}

	.gallery-con11-headline .headline-info-con .headeline-txt-box {
		display: block;
		padding: 0;
	}

	.gallery-con11-headline .headline-info-con .gal-title {
		font-size: var(--font-size-18);
		line-height: var(--leading-px-30);
		height: 60px
	}

	.gallery-con11-headline .headline-info-con .gal-more-txt {
		margin-top: var(--space-24)
	}

	/* 갤러리 기본형 G11 :: 하단 리스트 */
	.gallery-con11-list-con li {
		width: 48%
	}

	.gallery-con11-list-con li a .gallery-info-box {
		padding: var(--space-16) var(--space-8);
	}

	.gallery-con11-list-con li a .gallery-info-box .gal-category {
		font-size: var(--font-size-10);
	}

	.gallery-con11-list-con li a .gallery-info-box .gal-title {
		font-size: var(--font-size-15);
		line-height: var(--leading-px-22);
		margin: var(--space-8) 0;
		height: 44px;
	}

	.gallery-con11-list-con li a .gallery-info-box .gal-day {
		font-size: var(--font-size-10);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G12 ********************** */
.bbs-basic-gallery-con12-list-con {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.bbs-basic-gallery-con12-list-con li {
	position: relative;
	width: 31.33%;
	margin: 0 1% 2%;
}

.bbs-basic-gallery-con12-list-con li a {
	position: relative;
	display: block;
	border: 1px solid var(--color-border)
}

.bbs-basic-gallery-con12-list-con li a:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: var(--color-primary);
	opacity: 0;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con12-list-con li .gallery-thumb-box {
	overflow: hidden;
	position: relative;
	display: block;
	padding-top: 71.5%
}

.bbs-basic-gallery-con12-list-con li .gallery-thumb-box img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: all 0.5s
}

.bbs-basic-gallery-con12-list-con li .gallery-more-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	color: var(--color-primary);
	opacity: 0;
	text-align: center;
	border-radius: var(--radius-round);
	;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translate(-50%, -50%);
	background: var(--color-white);
	background: rgb(var(--color-white-rgb) / 0.7);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 10
}

.bbs-basic-gallery-con12-list-con li .gallery-more-btn i {
	font-size: var(--font-size-24);
	line-height: var(--leading-px-50);
	transition: all 0.3s
}

.bbs-basic-gallery-con12-list-con li .gallery-info-box {
	position: relative;
	padding: var(--space-24) var(--space-16);
	text-align: center;
	z-index: 2;
}

.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit,
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-txt,
.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day {
	transition: all 0.5s
}

.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit {
	display: block;
	width: 100%;
	color: var(--color-primary);
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-140);
	margin-bottom: var(--space-8);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-txt {
	height: 3em;
	overflow: hidden;
	margin-bottom: var(--space-16);
	color: var(--color-text-muted);
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-14);
	letter-spacing: var(--tracking-neg-px-05);
	line-height: var(--leading-em-150);
	word-break: keep-all;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day {
	color: var(--color-text-muted);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-light);
}

.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day i {
	font-size: var(--font-size-16);
	vertical-align: middle;
	margin-top: calc(var(--space-8) * -1);
}

@media all and (min-width:801px) {
	.bbs-basic-gallery-con12-list-con li a:hover:before {
		opacity: 0.75
	}

	.bbs-basic-gallery-con12-list-con li a:hover .gallery-thumb-box img {
		-webkit-transform: scale(1.1) rotate(0.002deg);
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg);
		transform: scale(1.1) rotate(0.002deg);
	}

	.bbs-basic-gallery-con12-list-con li a:hover .gallery-more-btn {
		opacity: 1.0;
	}

	.bbs-basic-gallery-con12-list-con li a:hover .gallery-more-btn i {
		transform: rotate(180deg)
	}

	.bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-tit,
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-txt,
	.bbs-basic-gallery-con12-list-con li a:hover .gallery-info-box .gal-day {
		color: var(--color-white)
	}
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con12-list-con li {
		width: 48%
	}
}

@media all and (max-width:480px) {
	.bbs-basic-gallery-con12-list-con li .gallery-info-box {
		padding: var(--space-16) var(--space-8);
	}

	.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-tit {
		font-size: var(--font-size-15);
	}

	.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-txt {
		font-size: var(--font-size-12);
	}

	.bbs-basic-gallery-con12-list-con li .gallery-info-box .gal-day {
		font-size: var(--font-size-11)
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G13 ********************** */
.gallery-con13-list-con {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.gallery-con13-list-con .press-item {
	width: 31.33%;
	margin: 0 1% 2%;
}

.gallery-con13-list-con .press-item .press-inner {
	position: relative;
	overflow: hidden;
	display: block;
}

.gallery-con13-list-con .press-item .press-inner .thumb {
	position: relative;
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 100%;
}

.gallery-con13-list-con .press-item .press-inner .press-cover {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.gallery-con13-list-con .press-item .press-inner .press-cover:before {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 0%;
	background-color: var(--color-text-muted);
	content: "";
	transition: height 0.7s cubic-bezier(0.22, 0.16, 0, 0.91);
}

.gallery-con13-list-con .press-item .press-inner .press-cover-inner {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	z-index: 1;
	padding: var(--space-40);
	color: var(--color-white);
	font-size: var(--font-size-16);
	line-height: var(--leading-150);
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(0.22, 0.16, 0, 0.91) 0s;
}

.gallery-con13-list-con .press-item .press-inner .press-cover-inner dl {
	margin-bottom: var(--space-32);
}

.gallery-con13-list-con .press-item .press-inner .press-cover-inner dl dt {
	font-size: var(--font-size-20);
	line-height: var(--leading-160);
	font-weight: var(--font-weight-medium);
	margin-bottom: var(--space-16);
}

.gallery-con13-list-con .press-item .press-inner .press-cover-inner dl dd {
	font-size: var(--font-size-16);
	opacity: 0.5
}

.gallery-con13-list-con .press-item .press-inner .press-cover-inner .press-date-info {
	font-size: var(--font-size-15);
	opacity: 0.5;
}

.gallery-con13-list-con .press-item .press-inner .press-cover-inner .press-more-btn {
	position: absolute;
	bottom: 40px;
	left: 40px;
	color: var(--color-white);
	font-size: var(--font-size-22)
}

@media all and (min-width:801px) {
	.gallery-con13-list-con .press-item .press-inner:hover .press-cover:before {
		height: 100%;
	}

	.gallery-con13-list-con .press-item .press-inner:hover .press-cover-inner {
		opacity: 1;
		transition-delay: 0.3s;
		transition-duration: 1s
	}
}

@media all and (max-width:1220px) {
	.gallery-con13-list-con .press-item .press-inner .press-cover-inner {
		padding: var(--space-24)
	}

	.gallery-con13-list-con .press-item .press-inner .press-cover-inner .press-more-btn {
		bottom: 20px;
		left: 20px;
	}

	.gallery-con13-list-con .press-item .press-inner .press-cover-inner dl dd {
		display: none;
	}
}

@media all and (max-width:800px) {
	.press-list-con {
		margin: 0;
	}

	.gallery-con13-list-con .press-item {
		flex: 1 1 100%;
		width: auto;
		margin: 0 0 var(--space-8) 0;
	}

	.gallery-con13-list-con .press-item .press-inner {
		border: 1px solid var(--color-border-soft);
		padding: var(--space-8);
		min-height: 100px;
	}

	.gallery-con13-list-con .press-item .press-inner .thumb {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 100px;
		padding-top: var(--space-104);
	}

	.gallery-con13-list-con .press-item .press-inner .press-cover {
		position: static;
		padding-top: var(--space-8);
	}

	.gallery-con13-list-con .press-item .press-inner .press-cover-inner {
		height: auto;
		opacity: 1.0;
		padding: 0 var(--space-32) 0 var(--space-112);
		font-size: var(--font-size-12);
		color: var(--color-text-muted);
	}

	.gallery-con13-list-con .press-item .press-inner .press-cover-inner .press-more-btn {
		bottom: -5px;
		left: auto;
		right: 5px;
		color: var(--color-text-muted);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G14 ********************** */
.gallery-con14-list-con {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.gallery-con14-list-con li {
	width: 31.33%;
	margin: 0 1% 2%;
}

.gallery-con14-list-con li a {
	display: block;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-con14-list-con li a .gallery-thum-box {
	position: relative;
	padding-top: 60.25%;
	overflow: hidden;
}

/* padding-top 으로 이미지의 비율 조정 */
.gallery-con14-list-con li a .gallery-thum {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
}

.gallery-con14-list-con li a .gallery-thum img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.gallery-con14-list-con li a .gallery-txt-con {
	position: relative;
	padding: var(--space-16) 0;
	font-size: var(--font-size-15);
}

.gallery-con14-list-con li a .gal-category {
	display: inline-block;
	min-width: 30px;
	padding: var(--space-8) var(--space-8);
	text-align: center;
	font-size: var(--font-size-15);
	margin-bottom: var(--space-16);
	background-color: var(--color-text-muted);
	color: var(--color-white);
	z-index: 1;
}

.gallery-con14-list-con li a .gal-category.ing {
	background-color: var(--color-secondary);
}

.gallery-con14-list-con li a .gal-tit {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: var(--font-size-21);
	color: var(--color-primary);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-neg-px-075);
	margin-bottom: var(--space-16);
}

.gallery-con14-list-con li a .gallery-txt-con .gal-day {
	display: block;
	line-height: var(--leading-200);
	color: var(--color-text-muted);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-light);
}

.gallery-con14-list-con li a .gallery-txt-con .gal-day dt,
.gallery-con14-list-con li a .gallery-txt-con .gal-day dd {
	display: inline-block;
	vertical-align: middle;
}

.gallery-con14-list-con li a .gallery-txt-con .gal-day i {
	font-size: var(--font-size-17);
	vertical-align: middle;
	margin-top: calc(var(--space-8) * -1);
	margin-right: var(--space-8);
}

.gallery-con14-list-con li a:hover {
	border-color: var(--color-secondary)
}

.gallery-con14-list-con li a:hover .gallery-thum img {
	-webkit-transform: scale(1.1) rotate(0.002deg);
	-moz-transform: scale(1.1) rotate(0.002deg);
	-ms-transform: scale(1.1) rotate(0.002deg);
	-o-transform: scale(1.1) rotate(0.002deg);
	transform: scale(1.1) rotate(0.002deg);
}

@media all and (max-width:800px) {
	.gallery-con14-list-con li {
		width: 48%;
	}

	.gallery-con14-list-con li a .gallery-txt-con {
		font-size: var(--font-size-13);
	}
}

@media all and (max-width:480px) {
	.gallery-con14-list-con li {
		width: auto;
		flex: 1 1 100%;
		margin: 0 0 var(--space-16) 0
	}

	.gallery-con14-list-con li a {
		border: 1px solid var(--color-border);
		padding: var(--space-8);
	}

	.gallery-con14-list-con li a .gal-category {
		padding: var(--space-8) var(--space-8);
	}

	.gallery-con14-list-con li a .gallery-txt-con {
		font-size: var(--font-size-12);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G15 ********************** */
.bbs-basic-gallery-con15>ul {
	display: flex;
	flex-wrap: wrap;
	margin: -1.21%;
}

.bbs-basic-gallery-con15>ul li {
	width: 30.89%;
	margin: 1.21%;
}

.bbs-basic-gallery-con15>ul li a {
	display: block;
	position: relative;
}

.bbs-basic-gallery-con15 .gallery-img-thumb {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 68.42%;
}

.bbs-basic-gallery-con15 .category {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100px;
	height: 30px;
	line-height: var(--leading-px-30);
	background-color: var(--color-white);
	color: var(--color-primary);
	font-size: var(--font-size-13);
	font-weight: var(--font-weight-semibold);
	z-index: 1;
	text-align: center;
}

.bbs-basic-gallery-con15>ul li img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.bbs-basic-gallery-con15>ul li .gallery-tit {
	display: block;
	padding: var(--space-24) 0 var(--space-16);
	font-size: var(--font-size-24);
	letter-spacing: var(--tracking-neg-px-1);
	color: var(--color-primary);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bbs-basic-gallery-con15>ul li .date {
	font-size: var(--font-size-13);
	letter-spacing: var(--tracking-neg-px-025);
	color: var(--color-text-muted);
}

.bbs-basic-gallery-con15>ul li .img-over-thum {
	position: absolute;
	opacity: 0;
	filter: Alpha(opacity=0);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgb(var(--color-secondary-rgb) / 0.6);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.bbs-basic-gallery-con15>ul li .img-over-thum span {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.bbs-basic-gallery-con15>ul li .img-over-thum span i {
	font-size: var(--font-size-48);
	color: var(--color-white);
	transition: transform 0.4s;
}

@media all and (min-width:801px) {
	.bbs-basic-gallery-con15>ul li:hover .img-over-thum {
		opacity: 1;
		filter: Alpha(opacity=100);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}

	.bbs-basic-gallery-con15>ul li:hover .img-over-thum span i {
		transform: rotate(180deg);
	}
}

@media all and (max-width:1024px) {
	.bbs-basic-gallery-con15>ul {
		margin: calc(var(--space-16) * -1) -1%;
	}

	.bbs-basic-gallery-con15>ul li {
		width: 48%;
		margin: var(--space-16) 1%;
	}

	.bbs-basic-gallery-con15>ul li .gallery-tit {
		font-size: var(--font-size-15);
		margin-bottom: 0;
	}

	.bbs-basic-gallery-con15>ul li .img-over-thum span i {
		font-size: var(--font-size-30);
		margin-left: var(--space-8);
		position: relative;
		top: -2px;
	}
}

@media all and (max-width:800px) {
	.bbs-basic-gallery-con15>ul li .gallery-tit {
		height: 24px;
		line-height: var(--leading-px-24);
		font-size: var(--font-size-15);
		padding-top: var(--space-8);
	}

	.bbs-basic-gallery-con15 .category {
		width: auto;
		padding: 0 var(--space-24);
		height: 25px;
		line-height: var(--leading-px-25);
	}

	.bbs-basic-gallery-con15>ul li .img-over-thum span {
		bottom: -30px;
		height: 30px;
		line-height: var(--leading-px-30);
		font-size: var(--font-size-13);
	}

	.bbs-basic-gallery-con15>ul li .img-over-thum span i {
		font-size: var(--font-size-18);
		margin-left: var(--space-8);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G16(동영상) ********************** */
.gallery-con16-list-con {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.24% 0;
}

.gallery-con16-list-con li {
	width: 22.5%;
	margin: 0 1.24% var(--space-56);
	text-align: center;
}

.gallery-con16-list-con li a {
	display: block;
}

.gallery-con16-list-con li .img {
	position: relative;
	padding-top: 66.66%;
	border: 1px solid var(--color-border);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-con16-list-con li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gallery-con16-list-con li .tit-wrap {
	display: table;
	width: 100%;
	height: 66px;
}

.gallery-con16-list-con li .promotion-tit {
	display: table-cell;
	vertical-align: middle;
}

.gallery-con16-list-con li .promotion-tit p {
	font-size: var(--font-size-16);
	line-height: var(--leading-em-150);
	max-height: 3em;
	color: var(--color-text-muted);
	font-weight: var(--font-weight-regular);
}

.gallery-con16-list-con li .view-btn {
	width: 145px;
	height: 38px;
	line-height: var(--leading-px-36);
	font-size: var(--font-size-12);
	color: var(--color-primary);
	text-align: center;
	display: block;
	background-color: var(--color-white);
	border: 1px solid var(--color-primary);
	border-radius: var(--radius-48);
	margin: auto;
}

.gallery-con16-list-con li .view-btn .view-btn-icon {
	margin-right: var(--space-8);
}

.gallery-con16-list-con li .view-btn.video-btn {
	background-color: var(--color-text-muted);
	border-color: transparent;
	color: var(--color-white);
}

/* 팝업 */
.gallery-con16-pop {
	position: relative;
	max-width: 1000px;
	margin: var(--space-48) auto;
	background-color: var(--color-white);
	width: 96%;
}

.gallery-con16-pop h1 {
	text-align: left;
	font-size: var(--font-size-24);
	color: var(--color-primary);
	background-color: var(--color-white);
	padding: var(--space-32) var(--space-40);
}

.gallery-con16-pop .modal-close-btn {
	right: 40px;
	top: 14px;
}

.gallery-con16-pop .modal-close-btn i {
	color: var(--color-primary) !important;
}

.gallery-con16-pop .inner-box {
	padding: var(--space-48);
	border-top: 1px solid var(--color-primary);
}

.gallery-con16-pop .inner {
	padding: 0;
	height: auto;
	border: 0;
	margin: auto;
}

.gallery-con16-pop .inner .iframe-wrap {
	padding-top: 56.25%;
	position: relative;
}

.gallery-con16-pop .inner iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media all and (max-width:800px) {
	.gallery-con16-list-con {
		margin: 0 -1%;
	}

	.gallery-con16-list-con li {
		width: 31.25%;
		margin: 0 1% var(--space-24);
	}

	.gallery-con16-list-con li .tit-wrap {
		height: 46px;
	}

	.gallery-con16-list-con li .promotion-tit p {
		font-size: var(--font-size-13);
	}

	.gallery-con16-list-con li .view-btn {
		width: 110px;
		height: 26px;
		line-height: var(--leading-px-24);
	}

	.gallery-con16-list-con li .view-btn .view-btn-icon {
		margin-right: var(--space-8);
	}

	.gallery-con16-list-con li .view-btn .view-btn-icon img {
		height: 11px;
	}

	.gallery-con16-list-con li .view-btn.video-btn {
		font-size: var(--font-size-11);
	}

	/* 팝업 */
	.gallery-con16-pop h1 {
		font-size: var(--font-size-18);
		padding: var(--space-24) var(--space-24);
	}

	.gallery-con16-pop .modal-close-btn {
		top: 20px;
		right: 20px;
	}

	.gallery-con16-pop .modal-close-btn img {
		height: 21px;
	}

	.gallery-con16-pop .inner-box {
		padding: var(--space-24);
	}
}

@media all and (max-width: 480px) {
	.gallery-con16-list-con {
		margin: 0 -1% calc(var(--space-24) * -1);
	}

	.gallery-con16-list-con li {
		width: 48%;
		margin: 0 1% var(--space-24);
	}
}

/* ******************   갤러리 게시판 :: 갤러리 G17(동영상) ********************** */
.gallery-con17-list-con li {
	border-bottom: 1px solid var(--color-border);
	padding: var(--space-56) 0;
	display: table;
	width: 100%;
	table-layout: fixed
}

.gallery-con17-list-con li:first-child {
	padding-top: 0
}

.gallery-con17-list-con li>div {
	display: table-cell;
	vertical-align: middle
}

.gallery-con17-list-con li .video-con-film {
	width: 64%;
}

.gallery-con17-list-con li .video-con-film .video-wrap {
	position: relative;
	padding-top: 56.5%;
	display: block
}

.gallery-con17-list-con li .video-con-film .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-8);
}

.gallery-con17-list-con li .video-con-txt {
	padding-left: 5%
}

.gallery-con17-list-con li .video-con-txt .video-con-tit {
	position: relative;
	font-weight: var(--font-weight-regular);
	font-size: var(--font-size-32);
	letter-spacing: var(--tracking-neg-px-1);
	color: var(--color-primary);
	line-height: var(--leading-em-125);
	padding: var(--space-32) 0 var(--space-32);
	word-break: keep-all
}

.gallery-con17-list-con li .video-con-txt .video-con-tit:before {
	position: absolute;
	display: inline-block;
	content: "\f009";
	font-family: "remixicon";
	left: 0;
	top: 0;
	line-height: var(--leading-100)
}

.gallery-con17-list-con li .video-con-txt .video-con-tit:after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 48px;
	height: 2px;
	background: var(--color-primary);
	left: 0;
	bottom: 0
}

.gallery-con17-list-con li .video-con-txt .video-con-explain {
	font-weight: var(--font-weight-regular);
	font-size: var(--font-size-16);
	letter-spacing: var(--tracking-neg-px-075);
	line-height: var(--leading-em-1625);
	color: var(--color-primary);
	opacity: 0.5;
	padding-top: 12%;
	word-break: keep-all
}

@media all and (max-width:800px) {
	.gallery-con17-list-con li {
		padding: var(--space-32) 0;
		display: block;
		box-sizing: border-box
	}

	.gallery-con17-list-con li>div {
		display: block
	}

	.gallery-con17-list-con li .video-con-film {
		width: 100%;
	}

	.gallery-con17-list-con li .video-con-txt {
		padding: var(--space-24) 0 0
	}

	.gallery-con17-list-con li .video-con-txt .video-con-tit {
		font-size: var(--font-size-21);
		padding-bottom: var(--space-16);
		padding-top: var(--space-32);
	}

	.gallery-con17-list-con li .video-con-txt .video-con-tit:after {
		width: 24px;
	}

	.gallery-con17-list-con li .video-con-txt .video-con-explain {
		font-size: var(--font-size-13);
		padding-top: var(--space-24);
	}
}

/* Source: board/online-form-source.css */
/* *******************************************************
 * filename : online.css
 * description : Online 문의형 게시판 관련 CSS
 * date : 2019-10-07
******************************************************** */

/* ******************  온라인 문의 :: 공통 ********************** */
/* -------- 온라인 문의 :: 공통 :: DatePicker -------- */
/* 달력 :: 날짜선택영역*/
.day-form-con {
	display: inline-block;
	margin-left: var(--space-8);
	padding: var(--space-8) 0;
	vertical-align: middle;
}

.day-form-con:first-child {
	margin-left: 0;
}

.date-select-con {
	position: relative;
}

.date-select-con i {
	position: absolute;
	top: -1px;
	left: 3px;
}

.date-select-con .date-select-input {
	width: 130px;
	height: 30px;
	border: 1px solid var(--color-border);
	text-indent: 34px;
	cursor: pointer;
}

.day-form-con .hypen {
	margin: 0 var(--space-8);
}

/* 달력 ::  DATEPICKER CUSTOM */
/* datepicker box  */
#ui-datepicker-div {
	width: 300px
}

.ui-datepicker {
	background-color: var(--color-white)
}

/* datepicker header  */
.ui-datepicker-header {
	position: relative;
	height: 47px;
	line-height: var(--leading-px-47);
	color: var(--color-white);
	background-color: var(--color-text-muted);
	text-align: center;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top: 0px;
	cursor: pointer;
	color: var(--color-white) !important;
}

.ui-datepicker-prev {
	left: 3%;
}

.ui-datepicker-next {
	right: 3%;
}

.ui-datepicker-title {
	color: var(--color-white);
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--tracking-neg-px-03);
}

/* datepicker calendar */
.ui-datepicker-calendar {
	border: 1px solid var(--color-border);
	width: 100%;
	box-sizing: border-box;
}

/* datepicker calnedar :: 요일 */
.ui-datepicker-calendar thead th {
	width: 14.25%;
	height: 35px;
	border-bottom: 1px solid var(--color-border);
	border-left: 1px solid var(--color-border);
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-semibold);
}

.ui-datepicker-calendar thead th:first-child {
	width: 14.5%
}

.ui-datepicker-calendar thead .ui-datepicker-week-end {
	color: var(--color-secondary)
}

.ui-datepicker-calendar thead .ui-datepicker-week-end:first-child {
	color: var(--color-secondary)
}

/* datepicker calnedar :: 날짜 */
.ui-datepicker-calendar td {
	height: 36px;
	border-bottom: 1px solid var(--color-border);
	border-left: 1px solid var(--color-border);
	text-align: right;
	vertical-align: top;
	font-size: var(--font-size-14);
}

.ui-datepicker-calendar tr td:first-child {
	border-left: 0;
}

.ui-datepicker-calendar td.ui-datepicker-unselectable {
	color: var(--color-text-muted)
}

/* 비활성화 */
.ui-datepicker-calendar td .ui-state-default {
	display: block;
	width: 100%;
	height: 100%;
	padding: var(--space-8);
	box-sizing: border-box;
	color: inherit;
}

.ui-datepicker-calendar td.ui-datepicker-today,
.ui-datepicker-calendar td .ui-state-hover {
	background: var(--color-border-soft);
}

/* 마우스오버 */
.ui-datepicker-calendar td .ui-state-active {
	background-color: var(--color-secondary);
	color: var(--color-white);
}

/*active */

/* -------- 온라인 문의 :: 공통 :: 첨부파일 custom  -------- */
.file-custom-box input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: calc(var(--space-8) * -1);
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.file-custom-box label {
	position: absolute;
	top: 50%;
	right: 0.7rem;
	width: 8.9rem;
	height: 3.6rem;
	color: var(--color-text-muted);
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-neg-005);
	line-height: var(--leading-rem-36);
	text-align: center;
	cursor: pointer;
	border: 1px solid var(--color-text-muted);
	vertical-align: middle;
	box-sizing: border-box;
	background-color: var(--color-white);
	border-radius: var(--radius-8);
	transform: translateY(-50%);
}

/* named upload */
.file-custom-box .upload-name {
	width: calc(100% - 120px);
	height: 44px;
	font-size: var(--font-size-13);
	vertical-align: middle;
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	-webkit-appearance: none;
	text-indent: 10px;
	/* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.file-catuion-txt {
	color: var(--color-text-muted);
	font-size: var(--font-size-12);
	font-weight: var(--font-weight-light);
	letter-spacing: var(--tracking-neg-px-03);
	line-height: var(--leading-px-20);
	margin-top: var(--space-8);
	word-break: keep-all;
}

@media all and (max-width:800px) {

	/* 문의하기 06 :: 첨부파일 */
	.file-custom-box {
		position: relative;
		padding-right: var(--space-80)
	}

	.file-custom-box label {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		height: 34px;
		line-height: var(--leading-px-34);
	}

	.file-custom-box .upload-name {
		width: 100%;
		height: 32px;
	}
}

/* 문의하기 06 :: 상세 항목 */
.tel-box,
.address-box,
.area-cal-box {
	display: flex;
	align-items: center;
	width: 100%;
}

.tel-box .estimate-select {
	flex: 0 0 30%;
	width: 30%;
}

.tel-box .estimate-input {
	flex: 1 1 calc(35% - 15px);
	width: calc(35% - 15px);
}

.tel-box .hypen {
	flex: 0 0 15px;
	width: 15px;
	text-align: center;
	font-size: var(--font-size-15);
	line-height: var(--leading-px-40);
}

.address-box .address-search-btn {
	display: inline-flex;
	flex: 0 0 116px;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	text-align: center;
	width: 116px;
	height: 42px;
	line-height: var(--leading-px-42);
	color: var(--color-white);
	font-size: var(--font-size-14);
	background-color: var(--color-primary);
	border-radius: var(--radius-8);
}

.address-box .address-search-result {
	flex: 1 1 auto;
	width: auto;
	vertical-align: middle;
}

.date-box {
	position: relative;
}

.date-box .estimate-input {
	padding-left: var(--space-32);
}

.date-box i {
	position: absolute;
	top: 6px;
	left: 10px;
	color: var(--color-primary);
	font-size: var(--font-size-28);
}

.area-cal-box .area-cal-item {
	flex: 1 1 calc(50% - 25px);
	position: relative;
	width: calc(50% - 25px);
}

.area-cal-box .estimate-input {
	padding-right: var(--space-40)
}

.area-cal-box .area-cal-item .area-cal-txt {
	position: absolute;
	top: 0px;
	right: 10px;
	color: var(--color-text-muted);
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-light);
	line-height: var(--leading-px-40);
}

.area-cal-box .hypen {
	flex: 0 0 50px;
	width: 50px;
	text-align: center;
}

.area-cal-box .hypen i {
	transform: rotate(90deg);
	color: var(--color-primary);
	position: relative;
	top: 5px;
	font-size: var(--font-size-30);
}

/* 문의하기 06 :: 동의하기 및 신청버튼*/
.estimate-agree-box {
	margin: var(--space-24) 0;
}

.estimate-submit-btn {
	display: block;
	height: 55px;
	width: 100%;
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-size: var(--font-size-16);
	font-weight: var(--font-weight-light);
	border-radius: var(--radius-8);
}

@media all and (max-width:800px) {

	/* 문의하기 06 :: 첨부파일 */
	.file-custom-box {
		position: relative;
		padding-right: 0
	}

	.file-custom-box label {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 70px;
		height: 34px;
		line-height: var(--leading-px-34);
	}

	.file-custom-box .upload-name {
		width: 100%;
		height: 32px;
	}

	/* 문의하기 06 :: 동의하기 및 신청버튼*/
	.estimate-agree-box {
		margin: var(--space-16) 0;
	}
}

/* ****************** 온라인 문의 폼 ********************** */
.inquiry-form-panel {
	display: flex;
	padding-top: var(--space-16);
}

.inquiry-form-panel .inquiry-txt-con {
	width: calc(53.623% - 5rem);
	margin-right: var(--space-48);
}

.inquiry-form-panel .bbs-write-con {
	width: 46.377%;
}

.inquiry-form-panel .inquiry-st {
	margin-bottom: var(--space-16);
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-bold);
	line-height: var(--leading-em-140);
	letter-spacing: var(--tracking-neg-002);
	color: var(--main-color);
}

.inquiry-form-panel .inquiry-tit {
	font-size: var(--font-size-55);
	font-weight: var(--font-weight-bold);
	line-height: var(--leading-em-140);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-primary);
}

.inquiry-form-panel .inquiry-tit span {
	color: var(--main-color);
}

.inquiry-form-panel .inquiry-txt {
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-medium);
	line-height: var(--leading-em-180);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-text-muted);
	padding-top: var(--space-16);
}

.inquiry-form-panel .button-action-row {
	justify-content: flex-start;
	margin-top: 0;
}

.inquiry-form-panel button.button-primary {
	width: 26rem;
	height: 6rem;
	border: 0;
	font-size: var(--font-size-20);
	letter-spacing: var(--tracking-neg-005);
	font-weight: var(--font-weight-semibold);
	margin: 0;
	border-radius: var(--radius-8);
	background-color: var(--main-color);
	color: var(--color-white);
	transition: var(--transition-custom);
}

@media all and (min-width: 801px) {
	.inquiry-form-panel button.button-primary:hover {
		background-color: var(--color-primary);
	}
}

.inquiry-form-panel .inquiry-essential-txt {
	position: relative;
	padding-bottom: var(--space-8);
	color: var(--color-primary);
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--tracking-neg-005);
}

.inquiry-form-panel .inquiry-essential-txt .essential-icon {
	margin-left: 0;
	margin-right: var(--space-8);
}

/* .inquiry-form-panel .essential-icon {background-color: var(--main-color); margin-left: var(--space-8); margin-bottom: var(--space-8); display: inline-block; width: 5px; height: 5px; border-radius: var(--radius-round);} */
.inquiry-form-panel .bbs-write-tbl,
.inquiry-form-panel .bbs-write-tbl th {
	border: 0;
	padding: var(--space-8) 0;
}

.inquiry-form-panel .bbs-write-form {
	display: grid;
	gap: var(--space-16);
	width: 100%;
}

.inquiry-form-panel .bbs-write-row {
	display: grid;
	grid-template-columns: minmax(var(--space-112), 0.28fr) minmax(0, 1fr);
	align-items: center;
	gap: var(--space-16);
	padding: var(--space-8) 0;
}

.inquiry-form-panel .bbs-write-tbl th,
.inquiry-form-panel .bbs-write-label {
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-primary);
}

.inquiry-form-panel .bbs-write-tbl td,
.inquiry-form-panel .bbs-write-field {
	min-width: 0;
	border: 0; 
}

.inquiry-form-panel .bbs-write-tbl th.alignTop,
.inquiry-form-panel .bbs-write-label.alignTop {
	align-self: start;
	vertical-align: top;
	padding-top: var(--space-24);
}

.inquiry-form-panel .bbs-write-tbl .write-input,
.inquiry-form-panel .bbs-write-tbl .write-select,
.inquiry-form-panel .bbs-write-tbl .write-textarea,
.inquiry-form-panel .bbs-write-form .write-input,
.inquiry-form-panel .bbs-write-form .write-select,
.inquiry-form-panel .bbs-write-form .write-textarea {
	height: 5rem;
	width: 100%;
	background-color: var(--color-border-soft);
	border: 2px solid var(--color-border-soft);
	text-indent: 0;
	font-size: var(--font-size-14);
	color: var(--color-text-muted);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-neg-005);
	vertical-align: middle;
	box-sizing: border-box;
	border-radius: var(--radius-8);
	padding: 0 var(--space-16);
	transition: var(--transition-custom);
}

.inquiry-form-panel .bbs-write-tbl .write-select {
	background-size: 1.1rem;
	background-position: calc(100% - 2rem) 50%;
}

.inquiry-form-panel .bbs-write-tbl .write-input::placeholder,
.inquiry-form-panel .bbs-write-tbl .write-textarea::placeholder,
.inquiry-form-panel .bbs-write-form .write-input::placeholder,
.inquiry-form-panel .bbs-write-form .write-textarea::placeholder {
	color: var(--color-text-muted);
}

.inquiry-form-panel .bbs-write-tbl .write-input:focus,
.inquiry-form-panel .bbs-write-tbl .write-select:focus,
.inquiry-form-panel .bbs-write-tbl .write-textarea:focus,
.inquiry-form-panel .bbs-write-form .write-input:focus,
.inquiry-form-panel .bbs-write-form .write-select:focus,
.inquiry-form-panel .bbs-write-form .write-textarea:focus {
	border-color: var(--main-color); 
	outline: none;
}

.inquiry-form-panel .bbs-write-tbl .write-textarea,
.inquiry-form-panel .bbs-write-form .write-textarea {
	height: 20rem;
	resize: none;
	text-indent: 0;
	padding: var(--space-24);
}

.inquiry-form-panel .email-fieldset .write-input {
	width: calc(33.333% - 2.1rem) !important;
}

.inquiry-form-panel .email-fieldset .email-select {
	width: 33.333% !important;
}

.inquiry-form-panel .security-code-box {
	border-radius: var(--radius-8);
}

.inquiry-form-panel .bbs-inquiry-agree-con {
	margin-bottom: var(--space-40);
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	padding: var(--space-32) 0;
}

.inquiry-form-panel .bbs-write-tbl-box+.bbs-inquiry-agree-con,
.inquiry-form-panel .bbs-write-form-box+.bbs-inquiry-agree-con {
	margin-top: var(--space-40);
}

.inquiry-form-panel .inquiry-agreement-con {
	height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: var(--space-24);
	background-color: var(--color-border-soft);
	box-sizing: border-box;
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding-top: 0;
	margin-top: 0;
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt .more {
	display: flex;
	align-items: center;
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-text-muted);
	cursor: pointer;
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt .more i {
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-regular);
	padding-left: var(--space-8);
	width: 1.8rem;
	height: 1.8rem;
	display: inline-block;
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt .more i::before {
	width: 1.8rem;
	height: 1.8rem;
	display: inline-block;
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-inner {
	margin-top: var(--space-32);
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt:first-child {
	margin-top: 0
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt input {
	display: none;
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt label {
	position: relative;
	padding-left: var(--space-40);
	font-size: var(--font-size-18);
	font-weight: var(--font-weight-semibold);
	line-height: var(--leading-150);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-primary);
	display: block;
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt label span {
	color: var(--main-color);
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt>i {
	position: absolute;
	top: 0.5rem;
	right: 0;
	font-size: var(--font-size-18);
	color: var(--color-primary);
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt label i {
	position: absolute;
	top: 0.1rem;
	left: 0px;
	font-size: var(--font-size-24);
	color: var(--color-border);
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt .more i.rotate::before {
	content: "\ea78";
}

.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt input:checked+label i {
	color: var(--color-secondary);
}

.file-custom-box {
	display: block;
	position: relative;
	width: 100%;
}

/* 보안코드 */
.security-code-box {
	position: relative;
	padding: 0 var(--space-8) 0 var(--space-24);
	height: 5rem;
	background-color: var(--color-border-soft);
	border: 0;
	border-radius: var(--radius-8);
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.security-code-box .security-code {
	width: 9rem;
	font-size: var(--font-size-14);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--tracking-neg-005);
	color: var(--color-text-muted);
}

.security-code-box .write-input {
	width: calc(100% - 9rem) !important;
	height: 3.6rem !important;
	background-color: var(--color-white) !important;
}

@media all and (max-width: 800px) {
	.inquiry-form-panel {
		flex-direction: column;
	}

	.inquiry-form-panel .inquiry-tit {
		font-size: var(--font-size-40);
	}

	.inquiry-form-panel .inquiry-txt-con,
	.inquiry-form-panel .bbs-write-con {
		width: 100%;
	}

	.inquiry-form-panel .bbs-write-tbl td,
	.inquiry-form-panel .bbs-write-field {
		padding-left: 0;
	}

	.inquiry-form-panel .inquiry-txt-con {
		margin-bottom: var(--space-64);
	}

	.inquiry-form-panel .bbs-write-tbl .write-input,
	.inquiry-form-panel .bbs-write-tbl .write-select,
	.inquiry-form-panel .bbs-write-form .write-input,
	.inquiry-form-panel .bbs-write-form .write-select {
		height: 4rem;
		padding: 0 var(--space-16);
	}

	.inquiry-form-panel .bbs-write-row {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-8);
	}

	.inquiry-form-panel .bbs-write-label.alignTop {
		padding-top: 0;
	}

	.inquiry-form-panel .bbs-write-tbl .write-textarea,
	.inquiry-form-panel .bbs-write-form .write-textarea {
		height: 15rem;
		padding: var(--space-16);
	}

	.inquiry-form-panel .file-custom-box label {
		position: absolute;
		top: 50%;
		right: 0.7rem;
		width: 7rem;
		height: 2.6rem;
		line-height: var(--leading-rem-26);
		font-size: var(--font-size-13);
	}

	.inquiry-form-panel .button-action-row {
		justify-content: center;
	}

	.inquiry-form-panel button.button-primary {
		width: 18rem;
		height: 4.5rem;
		font-size: var(--font-size-16);
	}
}

@media all and (max-width: 480px) {
	.inquiry-form-panel .bbs-inquiry-agree-con .agree-txt {
		flex-direction: column;
		gap: var(--space-8) 0;
	}
}