@charset "UTF-8";

#wrap {
	position: relative;
}

.board {
	position: relative;
}

/* board_List_view */
.board_List_view {
	position: absolute;
	bottom: 0; right: 0;
}
.board_List_view:has(.show) {
	z-index: 2;
}

/* page nate */
.page_nate { 
    text-align:center; 
	margin: 0 auto;
    position: relative;
}
.page_nate .btn + .btn {
    margin-left: 0;
}
.page_nate > a { 
    width: 40px; height: 40px; 
    line-height: 40px; 
    color:#515151; 
    font-size: 16px; 
    font-weight: 400; 
    display:inline-block; 
    vertical-align:middle; 
    margin: 0 auto;
	border-radius: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.page_nate > a:hover,
.page_nate > a:focus-visible { 
	color: #111111;
	font-weight: 700;
    text-decoration: underline; 
}
.page_nate > a.btn.num + a.btn.num {
    margin-left: 4px;
}
.page_nate > a.btn.curr { 
    font-weight: 700;
    color: #fff;
    background-color: #111111;
	pointer-events: none;
}
.page_nate > a.btn.move {
    width: 40px; height: 40px;
    background-repeat: no-repeat;
    background-position: center;
	border: 1px solid #111111;
	background-size: 6px 12px;
}
.page_nate > a.btn.move:hover,
.page_nate > a.btn.move:focus-visible {
	background-color: #E5E5E5;
}
.page_nate > a.btn.move + a.btn.move {
    margin-left: 4px;
}
.page_nate > a.btn.prev { 
    background-image: url(../images/icon/icon_arrow_left.svg);
}
.page_nate > a.btn.next { 
    background-image: url(../images/icon/icon_arrow_right.svg);
}

.page_nate > a.noBtn {
	cursor: default;
	background-image: url(../images/icon/icon_page_no_move.svg);
}

@media screen and (max-width:767px) {
	.page_nate {
		padding-top: 64px;
	}
	.page_nate > a.btn.move {
		position: absolute;
		top: 0;
	}
	.page_nate > a.btn.prev {
		right: calc(50% + 4px);
	}
	.page_nate > a.btn.next { 
		left: calc(50% + 4px);
	}

}


/* board_support (search) */
.board_support {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 24px;
	gap: 20px;
}


.board_count {
	display: inline-flex;
}
.board_count > li {
	position: relative;
	font-size: 17px;
	font-weight: 400;
}
.board_count > li + li {
	margin-left: 8px;
	padding-left: 8px;
}
.board_count > li + li::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 1px; height: 15px;
	background-color: #D2D2D2;
}
.board_count .all_count {}
.board_count .all_count > span {
	color: #D22A00;
	font-weight: 700;
}
.board_count .now_count {}
.board_count .now_count .num {
	color: #D22A00;
	font-weight: 700;
}
.board_count .now_count .total {}

.board_Search {
	display: flex;
	align-items: center;
	gap: 8px;
}
.board_Search .select {
	height: 43px;
}
.board_Search .select .selectbox > button {
	border-radius: 8px;
	border: 1px solid #C6C6C6;
	background: #FFF;
}
.board_Search .select .selectbox > button > span {
	color: #1D1D1D;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

.board_Search .search {
	position: relative;
}
.board_Search .search .inputText > input {
	height: 43px;
	border-top: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
	background: #FFF;
	border-radius: 8px 0 0 8px;
	outline: none;
}
.board_Search .search .inputText > input:focus {
	border-top: 1px solid #08627D;
	border-bottom: 1px solid #08627D;
	border-left: 1px solid #08627D;
}
.board_Search .search .searchBtn {
	display: block;
	width: 43px; height: 43px;
	border-radius: 0 8px 8px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #08627D;
	background-image: url(../images/sub/ico_search.svg);
	top: 0;
	flex-shrink: 0;
	z-index: 1;
}

.board_area {
	width: calc(100%);
	padding: 24px;
	border-radius: 20px;
	border: 1px solid #D8D8D8;
	background: #F8F8F8;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.board_area .inputText {
	width: 330px;
}

.board_area.radio {
	gap: 40px;
}
.board_area.radio .search_radio {
	display: flex;
	align-items: center;
	gap: 24px;
}
.board_area.radio .search_radio > span {
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	flex-shrink: 0;
}
.board_area.radio .search_radio > .radio_box {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.board_area.radio .search_radio > .radio_box label {
	font-size: 17px;
	font-weight: 400;
    padding-left: 28px;
}
.board_area.radio .search_radio > .radio_box label::before {
	width: 20px;
	height: 20px;
}

@media screen and (max-width: 767px) {
	.board_area.radio {
		flex-direction: column;
		gap: 20px;
	}
	.board_area.radio .lg_btn_area,
	.board_area.radio .lg_btn_area div {
		width: 100%;
	}
	.board_area.radio .search_radio > .radio_box label {
		font-size: 16px;
	}
	.board_support {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.board_Search {
		width: 100%;
		flex-direction: column;
	}
	.board_Search .search {
		width: 100%;
	}
	.board_count > li {
		/* font-size: 13px; */
	}
	.board_support #searchFrm,
	.board_support .select,
	.board_support .inputText {
		width: 100% !important;
	}

	.board_area form {
		width: 100%;
	}
	.board_area .select {
		width: 100%;
	}
	.board_area .inputText {
		width: 100%;
	}
}


/* common_write board_list */
.common_write .board_list.type_a th {
	text-align: center;
	border-right: unset;
}
.common_write .board_list.type_a td span {
	padding: 0;
}

@media (max-width: 1279px) {
	.common_write .board_list.type_a td {
		height: unset;
	}
}


/* board_list */
.board_list {
	table-layout: fixed;
	width: 100%;
	border-top: 2px solid #08627D;
}
/* .board_list caption{
	display: none;
} */
.board_list tr:hover,
.board_list tr:focus-visible {
	background-color: #F8F8F8;
}
.board_list th {
	vertical-align: middle;
	padding: 16px;
	background: #F8F8F8;
	border-bottom: 1px solid #D8D8D8;
	text-align: center;
	font-size: 17px;
	line-height: 150%;
	font-weight: 700;
	letter-spacing: -0.025em;
	color: #333;
}
.board_list th:last-child {
	border-right: unset;
}

.board_list td {
	vertical-align: middle;
	padding: 16px;
	border-bottom: 1px solid #D8D8D8;
	text-align: center;
}
.board_list td.null {
	border-bottom: 1px solid #212121;
}
.board_list td span {
	font-size: 15px;
	color: #555;
	letter-spacing: -0.02em;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
}
.board_list td > span {
	position: relative;
	top: 2px;
}
.board_list td.num span {
	color: #1D1D1D;
}
.board_list td.subject span {
	text-align: left;
	color: #1D1D1D;
}
.board_list td.subject {
	
}
.board_list td.subject > a {
	display: flex;
	width: 100%;
	max-width: 100%;
}
.board_list td.subject.new a span {
	position: relative;
    padding-right: 24px;
}
.board_list td.subject.new a span::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../images/sub/ico_new.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 2px;
    right: 0;
}
.board_list td a span.new_ico {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../images/sub/ico_new.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    top: 3px;
    right: -2px;
}
.board_list td.subject > a:hover,
.board_list td.subject > a:hover span,
.board_list td.subject > a:focus-visible span,
.board_list td.program > a:hover,
.board_list td.program > a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: 700;
	color: #245454;
}
.board_list td.at_file {
	text-align: center;
}
.board_list td.at_file .attach_file_ico {
	display: inline-block;
	width: 24px; height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/sub/ico_attach_file.svg);
}
.board_list tr.notice td.num .notice_box {
	display: flex;
	padding: 0 6px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	flex-shrink: 0;
	align-self: stretch;

	border-radius: 4px;
	border: 1px solid #08627D;
	background: #FFF;
}
.board_list tr.notice td.num span {
	color: #08627D;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}

.board .page_nate {
	margin-top: 40px;
	padding: 0 110px;
}
.board .page_nate .noBtn {
	display: none;
}

@media screen and (min-width: 1025px) and (max-width: 1220px)  {
	.board .page_nate {
		margin-top: 80px;
		padding: 0;
	}
	.board_List_view {
		bottom: 56px;
	}
}

@media screen and (min-width: 769px) {
	
	.board .page_nate .noBtn:has(+ .num + .num + .num + .curr) {
		display: inline-block;
	}
	.board .page_nate:has(.curr + .num + .num + .num) .noBtn:has(+ .last) {
		display: inline-block;
	}
}


@media screen and (max-width:1279px) {
	.board_list {
		display: block;
	}
	.board_list colgroup {
		display: none;
	}

	.board_list thead {
		display: none;
	}
	.board_list tbody {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.board_list tbody tr {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 4px 0;
		width: 100%;
		padding: 12px 8px;
		border-bottom: 1px solid #D5D5D5;
	}
	.board_list tbody tr.nodata {
		padding: 0;
		border-bottom: 0;
	}
	.board_list tbody td {
		position: relative;
		display: inline-flex;
		padding: 0;
		border: 0;
	}
	.board_list tbody td + td {
		margin-left: 46px;
		padding-left: 8px;
	}
	.board_list tbody td + td::before {
		content: '';
		position: absolute;
		top: 13px; left: 0;
		transform: translateY(-50%);
		display: block;
		width: 1px; height: 10px;
		background-color: #D5D5D5;
	}
	.board_list tbody td.writer::after {
		content: '작성자';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.at_file::after {
		content: '첨부';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.date::after {
		content: '등록일';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.progress-situation::after {
		content: '진행현황';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -57px;
        top: 2px;
	}
	.board_list tbody td.view::after {
		content: '조회수';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	/* .board_list tbody td.program::after {
		content: '체험프로그램';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -81px;
        top: 2px;
	} */
	.board_list tbody td.school_type::after {
		content: '학교유형';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -57px;
        top: 2px;
	}
	.board_list tbody td.user_count::after {
		content: '인원';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.date2::after {
		content: '날짜';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.booker::after {
		content: '예약자';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.school_name::after {
		content: '학교명';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.status::after {
		content: '상태';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.applicant-name::after {
		content: '신청자명';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -57px;
        top: 2px;
	}
	.board_list tbody td.application-date::after {
		content: '신청일';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.progress-status::after {
		content: '진행상태';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -57px;
        top: 2px;
	}
	.board_list tbody td.instructor-name::after {
		content: '강사명';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.app_month::after {
		content: '신청일';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.status-assign::after {
		content: '배정상태';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.region::after {
		content: '지역';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td.tel-num::after {
		content: '연락처';
		color: #555;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.75px;
		position: absolute;
        left: -45px;
        top: 2px;
	}
	.board_list tbody td:last-child {
		margin-left: 46px;
		padding-left: 8px;
	}
	/* .board_list tbody td:last-child::before {
		content: '';
		position: absolute;
		top: 50%; left: 0;
		transform: translateY(-50%);
		display: block;
		width: 1px; height: 10px;
		background-color: #D5D5D5;
	} */
	 .board_list tbody td {
		color: #555;
		font-size: 15px;
	}
	.board_list tbody td span {
		color: #555;
		font-size: 15px;
	}
	.board_list td.num {
		display: none;
	}
	.board_list td.subject {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	.board_list td.program {
		width: 100%;
		margin-left: 0;
		padding: 0;
	}
	.board_list tbody td.program::before {
		content: unset;
	}
	.board_list tbody td.text2::after {
		left: -45px;
	}
	
	.board_list td.text3 {
		width: 100%;
		margin-left: 45px !important;
	}
	.board_list td.text4 {
		width: 100%;
		margin-left: 58px !important;
	}
	.board_list tbody td.text4::after {
		left: -57px;
	}
	.board_list td.first_txt {
		order: -1;
	}
	.board_list td.user_count,
	.board_list td.date2,
	.board_list td.booker,
	.board_list td.school_name,
	.board_list td.status,
	.board_list td.date,
	.board_list td.instructor-name,
	.board_list td.progress-status,
	.board_list td.application-date,
	.board_list td.applicant-name {
		width: 100%;
	}
	.board_list td.subject::before {
		display: none;
	}
	.board_list td.subject > a > span {
		font-size: 15px;
	}
	.board_list td.file:not(:has(.fileCon)) {
		display: none;
	}
	.board_list td.file .fileCon {
		width: 15px; height: 15px;
		background-size: cover;
	}
	.board_list td.writer {
		width: calc(100% - 46px);
	}
	.board_list td.at_file {
		width: calc(100% - 46px);
	}
	.board_list td.date {
		width: calc(100% - 46px);
	}
	.board_list tr:has(td.file .fileCon) > td.writer {
		max-width: calc(100% - 102px);
	}
	/* .board_list td.date {
		margin-left: 0;
		padding-left: 0;
	}
	.board_list td.date::before {
		display: none;
	} */


	.board_list tr.notice td.num {
		display: inline-flex;
		align-items: center;
		margin-right: 6px;
	}
	.board_list tr.notice td.num span {
		/* width: 40px; height: 18px; */
		font-size: 12px;
	}
	.board_list tr.notice td.num + td.subject {
		width: calc(100% - 41px);
	}
	.board_list tr.notice td.num,
	.board_list tr.notice td.subject {
		margin-bottom: 4px;
	}

	.board .page_nate {
		padding: 0;
	}
	.board .board_List_view {
		display: none;
	}

}


@media screen and (max-width:767px) {
	.board .page_nate {
		padding-top: 64px;
	}
	.board .page_nate .num {
		display: none;
	}


	.board .page_nate .curr,
	.board .page_nate .num:has(+ .num + .curr),
	.board .page_nate .num:has(+ .curr),
	.board .page_nate .curr + .num,
	.board .page_nate .curr + .num + .num,
	.board .page_nate .first,
	.board .page_nate .last,
	.board .page_nate .next {
		display: inline-block;
	}

	.board .page_nate:has(.num + .num + .curr) .noBtn {
		display: inline-block;
	}
	.board .page_nate:has(.curr  + .num + .num) .noBtn:has(+ .last) {
		display: inline-block;
	}


}

/* board null */
.nodata {
	pointer-events: none;
	height: auto;
}

.nodata .null {
	width: 100%;
	padding: 0;
}

.nodata .null > .board_null {
	width: 100%; height: 151px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
.nodata .null > .board_null > span {
    padding-top: 59px;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../images/sub/image_no-data.svg);
    color: #111111;
}

/* board read */

.board_read .title {
	padding: 24px;
	border-top: 2px solid #111111;
	border-bottom: 1px solid #D5D5D5;
}

.board_read .title .tit {
	max-width: 100%;
	font-size: 22px;
	font-weight: 600;
	color: #111111;
	text-overflow: ellipsis;
	word-break: break-word;
	overflow: hidden;
	display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical
}

.board_read .info {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 12px;
}
.board_read .info > span {
	display: inline-flex;
	gap: 6px;
	position: relative;
	font-size: 15px;
}
.board_read .info > span + span::before {
	content: '';
	display: block;
	position: absolute;
	left: -12px; top: 3px;
	width: 1px; height: 14px;
	background-color: #D5D5D5;
}

.board_read .info > span > span {
	font-weight: 500;
}

.board_read .info > span > span + span {
	font-weight: 300;
}



.board_read .attach {
	background: #F7F7F9;
	border-bottom: 1px solid #B7B7B7;
}

.board_read .attach .attach-list {
	padding: 24px;
}

.board_read .attach .attach-list li {
}
.board_read .attach .attach-list li > a {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url(../images/icon/icon_attach_file.svg);
}
.board_read .attach .attach-list li + li {
	margin-top: 16px;
}
.board_read .attach .attach-list li span {
	font-size: 15px;
	font-weight: 300;
	color: #111111;
}
.board_read .attach .attach-list li .name {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.board_read .attach .attach-list li .size {
	color: #919191;
	margin-left: 8px;
}


.board_read .detail {
	word-break: break-all;
	min-height: 90px;
	padding: 40px 24px 90px;
	color: #212121;
	border-bottom: 1px solid #B7B7B7;
}
.board_read .detail > * {
	max-width: 100%;
}
.board_read .detail img {
	max-width: 100%;
}
.board_read > .btn-group {
	margin-top: 40px;
}

@media screen and (max-width:1279px) {

}

@media screen and (max-width:767px) {
	.board_read .title {
		padding: 16px 8px;
	}
	.board_read .title .tit {
		font-size: 16px;
	}
	.board_read .info {
		margin-top: 8px;
		gap: 13px;
	}
	.board_read .info > span {
		font-size: 13px;
	}
	.board_read .info > span + span::before {
		left: -6px;
		height: 10px;
	}
	.board_read .attach .attach-list {
		padding: 16px;
	}
	.board_read .attach .attach-list li + li {
		margin-top: 12px;
	}
	.board_read .attach .attach-list li span {
		font-size: 13px;
	}
	.board_read .detail {
		padding: 24px 24px 100px;
	}
}

.tbl-pager {
	table-layout: fixed;
	border-collapse: separate;
	width: 100%;
	border-bottom: 1px solid #B7B7B7;
}

.tbl-pager th {
	padding: 16px 18px;
	vertical-align: middle;
}

.tbl-pager th span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
	font-size: 15px;
	color: #111111;
	padding-left: 34px;
	background-repeat: no-repeat;
	background-position: center left;
}
.tbl-pager .next th span {
	background-image: url(../images/icon/icon_pager_up.svg);
} 
.tbl-pager .prev th span {
	background-image: url(../images/icon/icon_pager_down.svg);
} 
.tbl-pager .next.nodata th span {
	background-image: url(../images/icon/icon_pager_up_nodata.svg);
} 
.tbl-pager .prev.nodata th span {
	background-image: url(../images/icon/icon_pager_down_nodata.svg);
} 

.tbl-pager td {
	position: relative;
	overflow: hidden;
	padding: 16px 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.tbl-pager td span {
	font-weight: 400;
	font-size: 15px;
	color: #111111;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
.tbl-pager .nodata th span {
	color: #919191;
}
.tbl-pager .nodata td span  {
	color: #919191;
}

.tbl-pager tr td a {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
}
.tbl-pager td span a:hover {
	text-decoration: underline;
}

.tbl-pager tr+tr th,
.tbl-pager tr+tr td {
	border-top: 1px solid #B7B7B7;
}

/* board card */
.img_list {
	margin-top: 15px;
	padding-top: 40px;
	padding-bottom: 50px;
	border-top: 2px solid #111111;
}
.img_list:has(>ul.nodata){
	padding-top: 0;
}
.img_list>ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
	gap: 40px 0;
}
.img_list>ul>li {
	width: 33.33%;
	padding: 0 20px;
}
.img_list>ul.nodata {
	margin: 0;
}
.img_list>ul.nodata>li {
	padding: 0;
}
.img_list>ul.nodata .null > .board_null {
	height: auto;
	padding: 32px 0 40px;
	border-bottom: 1px solid #212121;
}
.img_list>ul>li>.inbox {
	display: block;
	position: relative;
	height: 100%;
}
.img_list>ul>li>.inbox:after {
	content: '자세히보기';
	position: absolute;
	bottom: 40px; right: 0;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(../images/icon/icon_board_img_arrow.svg);
	padding-right: 20px;
	color: #515151;
	font-size: 14px;
}
.img_list.eng>ul>li>.inbox:after {
	content: 'View more';
}
.img_list>ul>li>.inbox .txtbox {
	position: relative;
	background: #fff;
	color: #848484;
	border-bottom: 1px solid #B5B5B5;
	padding: 20px 0 40px;
}

.img_list>ul>li>.inbox .txtbox .title {
	display: inline-block;
	max-width: 100%;
	color: #1C1C1C;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: 500;
}

.img_list>ul>li>.inbox .txtbox .sub_info {
	display: flex;
	justify-content: space-between;
	margin-top: 12px;

}

.img_list>ul>li>.inbox .txtbox .sub_info .date {
	font-weight: 400;
	font-size: 14px;
	color: #515151;
}
.img_list>ul>li>.inbox .txtbox .sub_info .date > span {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/icon/icon_time_black.svg);
	background-position: center left;
}
.img_list>ul>li>.inbox:hover .txtbox .title,
.img_list>ul>li>.inbox:focus .txtbox .title {
	text-decoration: underline;
}

.img_list>ul>li>.inbox .imgbox {
	position: relative;
	width: 100%;
	height: 0;
	border: 1px solid #D5D5D5;
	padding-bottom: 100%;
	overflow: hidden;
}

.img_list>ul>li>.inbox .imgbox .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/sub/cardList_noimg.png);
	transition: .3s;
}

.img_list>ul>li>.inbox:hover .imgbox .img,
.img_list>ul>li>.inbox:focus-visible  .imgbox .img {
	transform: scale(1.05);
}
.img_list>ul>li>.inbox:hover:after,
.img_list>ul>li>.inbox:focus-visible:after {
	background-image: url(../images/icon/icon_board_img_arrow_on.svg);
	color: #111111;
	font-weight: 600;
}

@media screen and (max-width:1279px) {
	.img_list {
		padding-top: 16px;
	}
	.img_list>ul {
		margin: 0 -20px;
		gap: 50px 0;
	}
	.img_list>ul>li {
		width: 50%;
		padding: 0 20px;
	}
	.img_list>ul>li>.inbox .txtbox {
		padding-bottom: 0;
		border-bottom: 0;
	}
	.img_list>ul>li>.inbox:after {
		bottom: 0;
	}

}


@media screen and (max-width:767px) {
	.img_list>ul {
		gap: 60px 0;
	}
	.img_list>ul>li {
		width: 100%;
	}

}

/* photo List */
.photo>ul>li>.inbox .imgbox {
	padding-bottom: 58%;
}
.photo>ul>li>.inbox .imgbox .img {
	background-image: url(../images/sub/photoList_noimg.png);
}
.photo>ul>li>.inbox .txtbox .title {
	height: 38px;
	white-space: initial;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* faq List */
.faq_list {
    margin-top: 8px;
    border-top: 3px solid #1C1C1C;
}

.faq_list>ul>li {
    border-bottom: 1px solid #D0D0D0;
}

.faq_list .toggle_title {
	position: relative;
	width: 100%; height: auto;
	min-height: 70px;
	background-color: initial;
	display: flex;
	align-items: center;
	padding: 16px;
	padding-right: 52px;
	background-repeat: no-repeat;
	background-position: center right 16px;
	background-image: url(../images/icon/icon_pager_down.svg);
}
.faq_list .on .toggle_title {
	background-image: url(../images/icon/icon_pager_up.svg);
}
.faq_list .toggle_title .que {
	position: relative;
	line-height: 26px;
	padding-left: 86px;
	font-size: 17px;
	text-align: left;
	font-weight: 400;
}
.faq_list .on .toggle_title .que {
	font-weight: 600;
}
.faq_list .toggle_title .num {
	position: absolute;
	top: 50%; left: 16px;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #111111;
	border: 1px solid #111111;
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	width: 70px; height: 36px;
}
.faq_list .on .toggle_title .num {
	background-color: #fff;
	color: #111;
}
.faq_list .toggle_title>span {
    margin-right: 8px;
}

.faq_list .toggle_title:hover,
.faq_list .toggle_title:focus-visible {
	text-decoration: underline;
}
.faq_list .toggle_title:hover .que,
.faq_list .toggle_title:focus-visible .que {
	font-weight: 600;
}
.faq_list .toggle_title:hover .num,
.faq_list .toggle_title:focus-visible .num {
	background-color: #fff;
	color: #111;
}

.faq_list .toggle_info {
    display: none;
}

.faq_list .toggle_info.on {
    display: block;
}

.faq_list .toggle_info>p {
	position: relative;
	background-color: #F5F5F5;
	padding: 16px;
	padding-left: 102px;
	line-height: 24px;
	font-size: 16px;
	color: #111111;
	word-break: break-all;
}
.faq_list .toggle_info>p::before {
	content: 'A';
	position: absolute;
	top: 16px; left: 16px;
	width: 70px; height: 20px;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
}
.faq_list .toggle_info>p>span {
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
	.faq_list .toggle_title {
		min-height: 50px;
		padding: 0;
		padding-right: 38px;
		line-height: 20px;
		background-position: center right 10px;
	}
	.faq_list .toggle_title .num {
		width: 50px; height: 28px;
		font-size: 14px;
		left: 0;
	}
	.faq_list .toggle_title .que {
		padding-left: 60px;
		font-size: 14px;
		line-height: 20px;
	}
	.faq_list .toggle_info>p {
		font-size: 14px;
		line-height: 20px;
		padding: 10px;
		padding-left: 30px;
	}
	.faq_list .toggle_info>p::before {
		top: 10px; left: 10px;
		width: 10px;
		font-size: 14px;
	}
}


/* totalSearch */
.totalSearch {
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #111111;
	background-color: #F5F5F5;
	padding: 0 16px;
}
.totalSearch .search {
	display: inline-flex;
	gap: 8px;
	width: 100%;
	max-width: 582px;
}
.totalSearch .search .inputText {
	width: calc(100% - 102px); height: 50px;
}
.totalSearch .search .inputText > input {
	height: 50px;
	border: 1px solid #111111;
	padding: 16px;
}
.totalSearch .search .searchBtn {
	width: 94px; height: 50px;
	position: relative;
	top: 0;
	background-color: #111111;
	color: #fff;
	background-image: initial;
}
.totalSearch .search .searchBtn > span {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.totalSearch .search .searchBtn > span::after {
	content: '';
	display: inline-flex;
	width: 20px; height: 20px;
	background-image: url(../images/icon/icon_search_white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.totalSearch .search:has(.inputText > input:hover) .searchBtn,
.totalSearch .search:has(.inputText > input:focus-visible) .searchBtn {
    background-image: initial;
}

.result_Num {    
	padding: 40px 0 50px;
	text-align: center;
}
.result_Num > p {
	font-size: 20px;
	font-weight: 500;
	word-break: keep-all;
}
.result_Num > p > span {
	font-size: 20px;
}
.result_Num .keyword {
	color: #014CE1;
	font-weight: 700;
}
.result_Num .total {
	color: #014CE1;
	font-weight: 700;
}
.keyword {
	color: #A50010;
}

.total_search {}
.total_search + .total_search {
	margin-top: 40px;
}
.total_search .total_search_top {
	border-bottom: 2px solid #111111;
	padding-bottom: 8px;
	margin-bottom: 20px;
}
.total_search .total_search_top > span {
	display: inline-flex;
	align-items: center;
	position: relative;
}
.total_search .total_search_top > span + span {
	margin-left: 10px;
	padding-left: 10px;
}
.total_search .total_search_top > span + span::before {
	content: '';
	display: block;
	position: absolute;
	top: 3px; left: 0;
	width: 1px; height: 16px;
	background-color: #919191;
}
.total_search .total_search_top .total_search_tit {
	font-size: 20px;
	font-weight: 700;
	color: #111111;
}
.total_search .total_search_top .total_search_num {
	font-size: 20px;
	font-weight: 500;
	color: #014CE1;
}
.total_search .total_search_top .total_search_num .num {}
.total_search .search_result {
	padding-bottom: 20px;
}
.total_search .resultBox .resultList > li .null {
	height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #B5B5B5;
}
.total_search .resultBox .resultList > li .null > span {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding-top: 88px;
	background-repeat: no-repeat;
	background-position: top center;
	background-image: url(../images/icon/icon_totalsearch_null.svg);
}
.menu .resultBox {}
.menu .resultBox .resultList {}
.menu .resultBox .resultList > li {}
.menu .resultBox .resultList > li > a {
	display: flex;
	align-items: center;
	padding: 16px;
	border: 1px solid #B5B5B5;
}
.menu .resultBox .resultList > li > a:hover,
.menu .resultBox .resultList > li > a:focus-visible {
	background-color: #F7F7F9;
	border: 1px solid #111111;
}
.menu .resultBox .resultList > li > a .depth {
	width: 100%;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.content .resultBox {}
.content .resultBox .resultList {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.content .resultBox .resultList > li {
	width: 100%;
}
.content .resultBox .resultList > li > a {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 16px;
	border: 1px solid #B5B5B5;
}
.content .resultBox .resultList > li > a p {
	width: 100%;
	color: #111111;
}
.content .resultBox .resultList > li > a p.tit {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.content .resultBox .resultList > li > a p.cont {
	height: 48px;
	line-height: 24px;
	font-size: 14px;
	word-break: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.content .resultBox .resultList > li > a p.depth {
	margin-top: 4px;
	font-weight: 500;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.content .resultBox .resultList > li > a p.depth > span {
	display: inline-block;
}
.content .resultBox .resultList > li > a p.depth > span + span {
	margin-left: 3px;
}
.content .resultBox .resultList > li > a p.depth > span + span:before {
	content: '';
	display: inline-block;
	width: 12px; height: 12px;
	background-image: url(../images/icon/icon_search_depth.svg);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 2px;
	position: relative;
	top: 1px;
}
.board .resultBox {}
.board .resultBox .resultList {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.board .resultBox .resultList > li {
	width: 100%;
}

.board .toggle {}
.board .toggle .toggle_title {
	display: flex;
	align-items: center;
	width: 100%; height: 50px;
	position: relative;
	border: 1px solid #B5B5B5;
	background-color: #fff;
	padding: 0 16px;
	padding-right: 56px;
}
.board .toggle .toggle_title:after {
	content: '';
	width: 50px; height: 50px;
	position: absolute;
	top: -1px; right: 0;
	background-color: #111111;
	background-image: url(../images/icon/icon_toggle_arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.board .toggle .toggle_title > p {
	max-width: 100%;
	text-align: left;
	line-height: 20px;
	max-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.board .toggle .toggle_title > p > span {
	font-size: 16px;
	font-weight: 500;
}
.board .toggle .toggle_title > p .depth {
	color: #111111;
}
.board .toggle .toggle_title > p .total {
	color: #014CE1;
	margin-left: 8px;
}
.board .resultBox .resultList .active .toggle .toggle_title {
	background-color: #111111;
	border: 1px solid #111111;
}
.board .resultBox .resultList .active .toggle .toggle_title:after {
	background-image: url(../images/icon/icon_toggle_arrow_on.svg);
}
.board .resultBox .resultList .active .toggle .toggle_title > p > span {
	color: #fff;
}
.board .resultBox .resultList .active .toggle .toggle_title > p .total {
	color: #fff;
}
.board .toggle .toggle_info {
	display: none;
	padding: 20px;
	border: 1px solid #111111;
}
.board .resultBox .resultList .active .toggle .toggle_info {
	display: block;
}
.board .toggle .toggle_info .toggle_infoList {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.board .toggle .toggle_info .toggle_infoList > li {
	width: 100%;
}
.board .toggle .toggle_info .toggle_infoList > li > a {
	display: flex;
	justify-content: space-between;
}
.board .toggle .toggle_info .toggle_infoList > li > a > p {}
.board .toggle .toggle_info .toggle_infoList > li > a .title {
	display: inline-block;
	width: calc(100% - 107px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.board .toggle .toggle_info .toggle_infoList > li > a .date {
	width: 87px;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.totalSearch {
		height: 98px;
	}
	.content .resultBox .resultList > li > a p.tit {
		display: -webkit-box;
		height: 48px;
		word-break: normal;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		white-space: initial;
		line-height: 24px;
	}
	.content .resultBox .resultList > li > a p.cont {
		height: 66px;
		-webkit-line-clamp: 3;
	}
	.content .resultBox .resultList > li > a p.depth {
		font-size: 14px;
	}
	
	.sub_tabbox .sub_tabList {
		flex-wrap: wrap;
	}
	.sub_tabbox .sub_tabList > li {
		display: none;
		width: 100%;
		order: 2;
	}
	.sub_tabbox .sub_tabList > li + li {
		border: 0;
	}
	.sub_tabbox .sub_tabList > li.active {
		order: 1;
		display: block;
	}
	.sub_tabbox .sub_tabList.active > li {
		display: block;
	}
	.sub_tabbox .sub_tabList > li > a {
		display: flex;
		justify-content: space-between;
		padding: 14px;
	}
	.sub_tabbox .sub_tabList > li.active > a:after {
		content: '';
		display: block;
		width: 24px; height: 24px;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(../images/icon//icon_arrow_down_white.svg);
	}
	.sub_tabbox .sub_tabList.active > li.active > a:after {
		background-image: url(../images/icon//icon_arrow_up_white.svg);
	}
}



























/* ** lg pagination ** */
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	gap: 8px;
	margin-top: 40px;
}
.pagination .page-navi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	min-width: 62px;
	height: 40px;
	padding: 6px 8px 6px 4px;
}
.pagination .page-navi:active {
	transition: 0.4s ease-in-out;
}
.pagination .page-navi.prev {
	/* order: 1; */
}
.pagination .page-navi.prev::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(../images/sub/ico_prev_black.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center center;
	transform: translateY(-1px);
}
.pagination .page-navi.next {
	order: 3;
}
.pagination .page-navi.next::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(../images/sub/ico_next_black.svg);
	background-size: 16px 16px;
	background-position: center center;
	transform: translateY(-1px);
	background-repeat: no-repeat;
}
.pagination .page-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	order: 2;
	gap: 6px;
}
.pagination .page-links .page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: #1d1d1d;
	min-width: 40px;
	height: 40px;
	font-size: 17px;
	border: 1px solid #D8D8D8;
	border-radius: 50%;
}
.pagination .page-links .page-link:active {
	transition: 0.4s ease-in-out;
}
.pagination .page-links .page-link.link-dot {
	background-image: url(../images/sub/ico_page_dot.svg);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center;
}
.pagination .page-links .page-link.active {
	width: 40px; height: 40px;
	font-weight: 700;
	color: #FFF;
	background: #08627D;
}
.pagination .page-navi:hover,
.pagination .page-links .page-link:hover,
.pagination .page-navi:focus-visible,
.pagination .page-links .page-link:focus-visible{
	background-color: #F8F8F8;
	color: #307070;
	text-decoration: underline;
	text-underline-offset: 3px;
	/* transition: 0.4s ease-in-out; */
}
.pagination .page-links .page-link.active:hover {
	background-color: #08627D;
	color: #FFF;
	text-decoration: unset !important;
}
.pagination .page-navi.prev:hover,
.pagination .page-navi.next:hover{
	background-color: unset;
	color: unset;
	text-decoration: unset;
}
.pagination.m-page {
	display: none;
}
.paging > .pagination {
	margin-top: 0;
}
.pagination > .pagination {
	margin-top: 0;
}
.pagination .page-navi span{
	color: #1d1d1d;
}
@media (min-width: 1023px) {
}
@media screen and (max-width: 767px){
	.pagination.m-page{
		margin-top: 24px;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	.pagination.m-page .page-navi.prev {
		height: 40px;
		padding: 6px 8px 6px 4px;
		order: 1;
	}
	.pagination.m-page .page-navi.next {
		height: 40px;
		padding: 6px 8px 6px 4px;
		order: 2;
	}
	.pagination.m-page .page-links {
		order: 3;
		width: 100%;
	}
	.pagination .page-navi.prev::before {
		transform: translateY(0px);
	}
	.pagination .page-navi.next::after {
		transform: translateY(0px);
	}
	/* pagination */
    .pagination.w-page {
		display: none;
    }
    .pagination.m-page {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
    }
    .pagination.m-page .page-navis {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: row;
    }
}

/* ** lg pagination ** */




/* ** lg board detail ** */
.common_view{}
.common_view table {width:100%;border-spacing: 0;}
.common_view th,
.common_view td {height:35px; color:#333; font-size:14px; font-weight:normal; vertical-align:middle; border-bottom:1px solid #dedede;}
.common_view th {border-right:1px solid #dedede; }
.common_view .center {border-left:1px solid #dedede;}
.common_view .subject {height:52px; color:#333; font-size:16px; font-weight:bold; border-right:0; border-top:2px solid #009aa3;}
.common_view td {padding:0 20px;}
.common_view .file {color:#333; font-size:14px;}
.common_view .file:hover {text-decoration:underline;}
.common_view .file img {position:relative; vertical-align:middle; margin-right:5px;}
.common_view .c_cont {padding:20px 0 0 0; line-height:26px; color:#505050; font-size:14px; background:#f8f8f8;}
.common_view .c_cont > div {min-height:500px;}
.common_view .c_cont p {line-height:26px; color:#505050; font-size:14px;}
.common_view .c_cont img {display:block; margin:15px auto; max-width:90%;}
.common_view .c_cont .comment {position:relative; margin-top:50px; background:#fff; border:1px solid #dedede;}
.common_view .c_cont .comment .title {padding:0 28px; height:56px; line-height:56px; color:#505050; font-size:16px; font-weight:bold; border-bottom:1px solid #dedede;}
.common_view .c_cont .comment .answer {padding:20px 28px; line-height:26px; color:#505050; font-size:14px;}
.common_view .c_cont .comment .arrow {position:absolute; top:-13px; left:46px; margin:0; width:23px; height:13px;}

.common_view .board_btn_area{  position:relative; margin:16px 0; }
.common_view .board_btn_area .btn_area { }
.common_view .board_btn_area .btn_area.right {float:right;}
.common_view .board_btn_area .btn_area.left {display:inline;}
.btn_area .btn {display: flex;width: 100px;padding: 8px 32px;justify-content: center;align-items: center;border-radius: 8px;background: #08627D;gap: 4px;color: #fff;font-size: 17px;font-style: normal;font-weight: 400;line-height: 150%;}
.btn_area .btn:active {position:relative; top:1px; left:1px;}
.common_view .section_line {display: inline-block;width: 1px;height: 16px;background: #D8D8D8;}

/* read page */
.common_view table {
    table-layout: fixed;
}
.common_view th,
.common_view td {
    border-bottom: 1px solid #C6C6C6;
	height: auto;
}
.common_view td.c_cont {
    border-bottom: 0px solid #C6C6C6;
}
.common_view td {
    padding: 0px;
}
.common_view table tr.info {
    background: #F8F8F8;
}
.common_view table tr.info .info_box {
    display: flex;
    padding: 10px 20px;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.common_view table tr.info .info_box div {
    color: #555;
    
    font-family: "Pretendard";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
}
.common_view .subject {
    border-top: 2px solid #08627D;
    padding: 32px 0px;

    word-wrap: break-word;
    color: #1D1D1D;
    text-align: left;

    font-family: "Pretendard";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.54px;
}
.common_view .title_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
}
.common_view .title_box .title {
	color: #1D1D1D;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: 1px;
}
.common_view .info_box {
	display: flex;
	align-items: center;
	align-content: center;
	gap: 8px 16px;
	align-self: stretch;
	flex-wrap: wrap;
}
.common_view .info_box > div {
	color: #717171;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_view .info_box > div > span {
	color: #1D1D1D;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_view .c_cont {
	background-color: unset;
}
.common_view .c_cont img {
	display: block;
    margin: unset;
    max-width: 100%;
	width: 100%;
}
.common_view .c_cont > div {
	min-height:500px;
	padding-top: 20px;
}
.common_view .c_cont > div > p {
	overflow: hidden;
	color: #1D1D1D;
	text-overflow: ellipsis;
	font-family: "Pretendard";
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.8px;
	min-height: 300px;

	display: flex;
    flex-direction: column;
    gap: 40px;
}
.common_view .c_cont > div .cont {
	overflow: hidden;
	color: #1D1D1D;
	text-overflow: ellipsis;
	font-family: "Pretendard";
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	letter-spacing: -0.8px;
	min-height: 300px;

	/* display: flex;
    flex-direction: column;
    gap: 40px; */
}
.common_view .c_cont > div .cont img {
	width: initial;
}
.common_view .c_cont > div > p .path {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	letter-spacing: -0.85px;
}
.common_view .c_cont > div > .cont .path {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	letter-spacing: -0.85px;
}
.common_view .c_cont > div .blog_top {
	position: relative;
	padding: 24px;
	border-radius: 16px;
	border: 1px solid #D8D8D8;
	background: #F8F8F8;
	margin-bottom: 40px;
}
.common_view .c_cont > div .blog_top::before {
	content: "";
    position: absolute;
    inset: 0;
    background: right 35px center / 102px 115px no-repeat url(../images/sub/bg_cont_box_ico.png);
    opacity: 0.05;
}
.common_view .c_cont > div .blog_top > ul {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}
.common_view .c_cont > div .blog_top > ul li {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}
.common_view .c_cont > div .blog_top > ul li > p {
	font-size: 17px;
	font-weight: 400;
}
.board_btn_area .btn_area {
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 40px;
	gap: 16px;
}

/** next, prev area */
.common_view th {
    border-right: 0px solid #dedede;
}
.common_view .tbl-pager .alt_text {
	display: none;
}
.common_view .tbl-pager th, 
.common_view .tbl-pager td {
    border-bottom: 0px solid #D8D8D8;
}
.common_view .tbl-pager {
	table-layout: fixed;
	border-collapse: separate;
	width: 100%;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
.common_view .tbl-pager tr:not(.nodata):hover td > a > span,
.common_view .tbl-pager tr:not(.nodata):hover th > span,
.common_view .tbl-pager tr:not(.nodata):focus-visible td > a > span,
.common_view .tbl-pager tr:not(.nodata):focus-visible th > span {
	text-decoration: underline;
}
.common_view .tbl-pager th {
	padding: 16px 10px;
	vertical-align: middle;
}
.common_view .tbl-pager th span {
	font-size: 14px;
	font-weight: 500;
	line-height: 150%;
	display: inline-block;
	vertical-align: middle;
	color: #1D1D1D;
	padding-left: 43px;
	background-repeat: no-repeat;
	background-position: center left;
}
.common_view .tbl-pager .next .next_ico {
	width: 24px;
	height: 24px;
	background: center/cover no-repeat url(../images/sub/icon_down_black.svg);
	background-size: 17px;
}
.common_view .tbl-pager .prev .prev_ico {
	width: 24px;
	height: 24px;
	background: center/cover no-repeat url(../images/sub/icon_up_black.svg);
	background-size: 17px;
}
.common_view .tbl-pager .next.none .next_ico {
	width: 24px;
	height: 24px;
	background: center/cover no-repeat url(../images/sub/icon_down_gray.svg);
	background-size: 17px;
}
.common_view .tbl-pager .prev.none .prev_ico {
	width: 24px;
	height: 24px;
	background: center/cover no-repeat url(../images/sub/icon_up_gray.svg);
	background-size: 17px;
}
.common_view .tbl-pager .prev.nodata th span {
	background-image: url(../images/sub/icon_down_black.svg);
	background-size: 17px;
}
.common_view .tbl-pager .prev_area,
.common_view .tbl-pager .next_area  {
	display: flex;
	align-items: center;
	gap: 32px;
	align-self: stretch;
}
.common_view .tbl-pager .prev_area span,
.common_view .tbl-pager .next_area span  {
	color: #1D1D1D;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
}
.common_view .tbl-pager .prev.none td span,
.common_view .tbl-pager .next.none td span {
	color: #717171;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_view .tbl-pager .prev.none .prev_area span,
.common_view .tbl-pager .next.none .next_area span{
	font-weight: 700;
}
.common_view .tbl-pager td {
	position: relative;
	overflow: hidden;
	/* padding: 16px 0px 16px 10px; */
	width: 100%;
	padding: 2px;
}
.common_view .tbl-pager td span {
	overflow: hidden;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.common_view .tbl-pager tr td a {
	display: flex;
	padding: 15px 24px;
	align-items: center;
	gap: 32px;
	align-self: stretch;
}
.common_view .tbl-pager tr td a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
	background-color: #F8F8F8;
}

.common_view .tbl-pager tr+tr th,
.common_view .tbl-pager tr+tr td {
	border-top: 1px solid #D8D8D8;
}


.common_view .c_cont .attach {
	background: #F8F8F8;
	margin-top: 40px;
    margin-bottom: 40px;
    padding: 24px 20px;
    border-radius: 8px;
    display: flex;
	flex-direction: column;
    align-items: stretch;
    gap: 40px;
}
.common_view .c_cont .attach.type_a {
	margin: 0;
}
.common_view .c_cont .attach .attact-tit {
	min-width: 56px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    position: relative;

	color: #1D1D1D;
	font-family: "Pretendard";
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.common_view .c_cont .attach .attact-tit .attact_ico {
    width: 24px;
    height: 24px;
    background: url(../images/sub/ico_attach_file_black.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.common_view .c_cont .attach .attact-tit::before {
	content: unset;
}
.common_view .c_cont .attach .attact-tit::after {
	content: '';
    position: absolute;
	width: 100%;
    height: 1px;
    background: #C6C6C6;
    bottom: -16px;
    right: 0px;
    z-index: 1;
}
.common_view .c_cont .attach .attach-list li {
    display: flex;
	gap: 16px;
}
.common_view .c_cont .attach .attach-list li + li {
    margin-top: 16px;
}
.common_view .c_cont .attach .attach-list li a.down_button {
	color: #162B64;
	overflow: unset;
}
.common_view .c_cont .attach .attach-list li .name {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 24px;
	position: relative;
	line-height: 31px;
	width: 100%;

	color: #1D1D1D;
	font-family: "Pretendard";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: -0.48px;
}
.common_view .c_cont .attach .attach-list li .name::before{
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-image: url(../images/sub/file_any.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.common_view .c_cont .attach .attach-list li .name.pdf::before{
	background-image: url(../images/sub/file_pdf_ico.svg);
}
.common_view .c_cont .attach .attach-list li .name.hwp::before{
	background-image: url(../images/sub/file_hwp_ico.svg);
}
.common_view .c_cont .attach .attach-list li .name.word::before{
	background-image: url(../images/sub/file_word_ico.svg);
}
.common_view .c_cont .attach .attach-list li .name.ppt::before{
	background-image: url(../images/sub/file_pptx_ico.svg);
}
.common_view .c_cont .attach .attach-list li .name.xlsx::before{
	background-image: url(../images/sub/file_xls_ico.svg);
}
.common_view .c_cont .attach .attach-list li .name.zip::before{
	background-image: url(../images/sub/file_zip_ico.svg);
}
.common_view .c_cont .attach .attach-list li .name.otherfile::before{
	background-image: url(../images/sub/file_any.svg);
}
.common_view .c_cont .attach .attach-list li .down_file {
	display: flex;
	padding: 4px 8px 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 6px;
	border: 1px solid #08627D;
	background: #FFFFFF;
}
.common_view .c_cont .attach .attach-list li .down_file:hover {
	/* text-decoration: underline;
	text-underline-offset: 3px; */
}
.common_view .c_cont .attach .attach-list li .down_file .down_txt {
	color: #08627D;
	font-family: "Pretendard";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
	width: 52px;
}
.common_view .c_cont .attach .attach-list li .down_file .down_icon {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(../images/sub/ico_btn_down_green.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



.common_view .answer{
	border-radius: 10px;
	border: 1px solid #307070;
	background: #FFFFFF;
	margin-bottom: 40px;
	overflow: hidden;
}
.common_view .answer article{
	display: block;
}
.common_view .answer .title{
	background: #307070;
	color: #FFFFFF;
	text-align: center;
	padding: 8px 20px;
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.common_view .answer .detail {
	padding: 24px 20px 24px 20px;
}
.common_view .answer .detail,
.common_view .answer .detail p,
.common_view .answer .detail div{
	overflow: hidden;
	color: #1D1D1D;
	text-overflow: ellipsis;
	font-family: "Pretendard";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.8px;
}
.common_view .answer .title .title_icon{
	width: 32px;
	height: 32px;
	background-image: url(../images/sub/answer_ico.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.common_view .answer .title > .tit{
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.9px;
}
.common_view .c_cont .answer .attach .attact-tit {
	overflow: unset;
}

@media screen and (max-width: 1279px){
    .common_view .subject {
		border-top: unset;
		padding: 0 0 32px 0;
	}
}
@media screen and (max-width:767px) {
    .common_view .subject {
		padding: 0 0 24px 0;
	}
	.common_view .title_box .title {
		font-size: 19px;
	}
	.common_view .tbl-pager th{
		padding: 16px 8px;
	}
	.common_view .tbl-pager th span{
		padding-left: 32px;
	}
	.common_view table tr.info .info_box {
		flex-direction: column;
		gap: 4px;
	}
	.common_view .btn_area .btn.deep_blue {
		width: 100%;
	}
	.common_view .c_cont {
		padding: 24px 0 0 0;
	}
	.common_view .c_cont .attach {
		/* margin-top: 24px; */
		margin-bottom: 24px;
		padding: 16px;
	}
	.common_view .c_cont > div {
		padding-top: 0;
	}
	.common_view .c_cont > div > p {
		padding: 0 20px;
		gap: 24px;
	}
	.common_view .c_cont > div > .cont {
		padding: 0 20px;
		gap: 24px;
	}
	.common_view .c_cont > div .blog_top {
		margin-bottom: 24px;
	}
	.common_view .c_cont .attach .attach-list li {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.common_view .board_btn_area {
		margin: 16px 0 0 0;
	}
	.common_view .tbl-pager tr td a {
		gap: 16px;
	}
	.common_view .tbl-pager .prev_area, 
	.common_view .tbl-pager .next_area {
		gap: 8px;
	}
	.board_btn_area .btn_area {
		margin-top: 40px;
	}

	.common_view .answer .detail{
		padding: 24px 20px;
	}
	.common_view .answer{
		margin-bottom: 24px;
	}
	.common_view .answer .detail p{
		font-size: 14px;
	}
}
/* read page */
/* ** lg board detail ** */




/* ** lg board gallery ** */

/* gallery */
.list_area>ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -24px;
    gap: 20px;
    width: 100%;
}
.list_area>ul>li {
    width: calc((100% - 40px) / 3);
    margin-bottom: 20px;
}
.list_area>ul>li>.inbox {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
}
.list_area>ul>li>.inbox .imgbox {
    width: 100%;
    overflow: hidden;
    background: #F8F8F8;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.14% !important;
    background-image: url(../images/sub/250528_no_img.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
	border: 2px solid #ffffff00;
}
.list_area>ul>li>.inbox:hover .imgbox {
	border: 2px solid #F17400;
}
.list_area>ul>li>.inbox:hover .imgbox .img {
	transform: scale(110%);
	transition: transform 0.6s ease;
}
.list_area > ul > li > .inbox .imgbox::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.6s ease;
    border-radius: 10px;
}
.list_area > ul > li > .inbox .imgbox:hover::after {
    background: rgba(0, 0, 0, 0.4);
}
.list_area.link_area>ul>li>.inbox .imgbox {
    padding-bottom: 31.14% !important;
}
.list_area>ul>li>.inbox .imgbox .img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.list_area>ul>li>.inbox .imgbox .img.txt {
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    font-family: "Pretendard";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.36px;
}
.list_area>ul>li>.inbox:hover .txtbox .tit {
    text-decoration: underline;
	text-underline-offset: 3px;
}
.list_area.link_area>ul>li>.inbox:hover .txtbox .tit {
    text-decoration: unset;
}
.list_area .inbox .txtbox_tit {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	width: 94px;
	height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.list_area .inbox .txtbox_tit span {
	color: #FFF;
	text-align: center;
	text-overflow: ellipsis;
	font-family: "Pretendard";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.7px;
}
.list_area .inbox .txtbox_tit.orange_bg {
	border-radius: 10px 0px;
	background: #F06E00;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
}
.list_area .inbox .txtbox_tit.green_bg {
	border-radius: 10px 0px;
	background: #006743;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.20);
}
.list_area .inbox .txtbox {
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px 0px 0px 0px;
	background-color: #fff;
	/* border-top: 1px solid #D8D8D8; */
	border-radius: 0 0 10px 10px;
}
.list_area.link_area .inbox .txtbox {
	height: 20px;
    text-align: center;
    background: #F8F8F8;
    bottom: -1px;
}
.list_area .inbox .txtbox .tit {
	display: block;
    word-wrap: break-word;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #1D1D1D;
	font-family: "Pretendard";
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.9px;
	margin-bottom: 5px;
}
.list_area.link_area .inbox .txtbox .tit {
    display: block;
    white-space: nowrap;
    height: auto;
    margin-bottom: unset;

    text-align: center;

    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
}
.list_area .inbox .txtbox .bot_area {
	display: flex;
	align-items: center;
	justify-content: flex-start;
    height: 24px;
    gap: 10px;
}
.list_area .inbox .txtbox .bot_area .tit {
	overflow: hidden;
	color: #1D1D1D;
	text-overflow: ellipsis;
	font-family: "Pretendard";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 144.444% */
	letter-spacing: -0.9px;
}
.list_area .inbox .txtbox .bot_area span {
	display: inline-flex;
	align-items: center;

	overflow: hidden;
    color: #8E8E8E;
    text-overflow: ellipsis;

    font-family: "Pretendard";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.42px;
}
.list_area .inbox .txtbox .bot_area .date_ico {
	display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url(../images/sub/250528_date_ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 4px;
}
.list_area .inbox .txtbox .bot_area .visited_ico {
	display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url(../images/sub/250528_visited_ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 4px;
}

@media screen and (max-width: 1279px) {
    .list_area>ul>li {
        width: calc((100% - 20px) / 2);
    }
}
@media screen and (max-width: 767px) {
    .list_area>ul>li {
        width: 100%;
		margin-bottom: 0;
    }
}

/* gallery */

/* ** lg board gallery ** */




/* ** lg board qna ** */
.board_list tr.answer_line {
	background-color: #F8FFFF;
}
.subject .ico_qna {
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	background: center/cover no-repeat url(../images/sub/ico_qna.svg);
	margin-top: 3px;
    margin-right: 4px;
}
.subject .ico_answer {
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	aspect-ratio: 1/1;
	background: center/cover no-repeat url(../images/sub/ico_answer.svg);
	margin-top: 3px;
    margin-right: 4px;
}
/* ** lg board qna ** */


/* ** lg board blog ** */
.blog {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.blog .top {
	display: flex;
	width: 100%;
	padding: 40px 40px 50px 40px;
	align-items: center;
	flex-direction: column;
	gap: 40px;
	text-align: center;

	border-radius: 16px;
	border: 1px solid #D8D8D8;
	background: url(../images/sub/blog_top_bg.png) -23.946px -40.603px / 111.953% 116.402% no-repeat, linear-gradient(180deg, #F3FEFF 0%, #FFF 91.25%), #E7F4F0;
}
.blog .top .top_box {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	flex: 1 0 0;
}
.blog .top .top_box .tit {
	display: flex;
	gap: 8px;
	align-self: stretch;
    justify-content: center;
}
.blog .top .top_box .tit span {
	font-family: "Hakgyoansim Allimjang OTF";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 48px */
}
.blog .top .top_box .tit .ico {
	width: 38px;
	height: 45px;
	flex-shrink: 0;
	aspect-ratio: 38/45;
	background: center/cover no-repeat url(../images/sub/blog_top_ico.svg);
}
.blog .top .top_box .txt {
	text-align: center;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 136.842% */
}
.blog .top .tit_no {
	display: flex;
	padding: 5px 16px;
	align-items: center;
	gap: 24px;
	border-radius: 500px;
	background: #08627D;
}
.blog .top .tit_no .txt {
	display: flex;
	align-items: center;
	gap: 8px;
}
.blog .top .tit_no .txt span {
	color: #FFF;
	text-align: center;
	font-size: 21px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px; /* 152.941% */
}
.blog .top .tit_no .txt .year {
	font-size: 17px;
	font-weight: 400;
}
.blog .top .tit_no .dot {
	width: 6px;
	height: 6px;
	background: #87AEB9;
	border-radius: 50%;
}


.blog > ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	width: 100%;
}
.blog > ul > li {
	width: 100%;
}
.blog > ul > li > a {
	display: flex;
	padding: 24px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	border-radius: 16px;
	border: 1px solid #D8D8D8;
	position: relative;
}
.blog > ul > li > a.none_txt {
	background: #F8F8F8;
}
.blog > ul > li > a.none_txt .tit {
	padding-bottom: 0px;
	border-bottom: unset;
}
.blog > ul > li > a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: right 40px top 24px / 130px 125px no-repeat url(../images/sub/bg_cont_box_ico.png);
    opacity: 0.05;
}
.blog > ul > li > a .tit {
	display: flex;
	padding-bottom: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	align-self: stretch;

	border-bottom: 1px solid #D8D8D8;
}
.blog > ul > li > a .tit .title_box {
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}
.blog > ul > li > a .tit .title_box .state_tit {
	display: flex;
	height: 26px;
	padding: 0 12px;
	justify-content: center;
	align-items: center;
	gap: 2px;

	border-radius: 100px;
	border: 1px solid #08627D;
	background: #FFF;

	color: #08627D;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 22.5px */

	flex-shrink: 0;
}
.blog > ul > li > a .tit .title_box .title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 28.5px */
}
.blog > ul > li > a .tit > ul  {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.blog > ul > li > a .tit > ul > li {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.blog > ul > li > a .txt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	width: 100%;
}
.blog > ul > li > a .txt .img_box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
	max-height: 200px;
}
.blog > ul > li > a .txt .img_box img {
	width: 100%;
}
.blog > ul > li > a:hover .tit .title_box .title {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.blog > ul > li > a:hover {
	background: #F8F8F8;
}
@media screen and (max-width: 767px) {
	.blog {
		gap: 24px;
	}
	.blog .top {
		padding: 24px;
	}
	.blog .top .top_box {
		gap: 8px;
	}
	.blog .top .top_box .tit span {
		font-size: 25px;
	}
	.blog .top .top_box .txt {
		font-size: 17px;
	}
	.blog .top .tit_no .txt .year {
		font-size: 15px;
	}
	.blog .top .tit_no .txt span {
		font-size: 19px;
	}
	.blog > ul > li > a .tit .title_box {
		align-items: flex-start;
	}
	.blog > ul > li > a .tit .title_box .title {
		white-space: unset;
		text-overflow: unset;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}
/* ** lg board blog ** */



/* ** lg btn (버튼) ** */
.lg_btn_area {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    gap: 16px;
}
.lg_btn_area.mgt40 {
	margin-top: 40px;
}
.lg_btn_area .btn {
	display: flex;
    min-width: 100px;
    padding: 8px 27px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #08627D;
    gap: 4px;
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
	margin-left: 0;
}
.lg_btn_area .btn.disabled {
    color: #717171 !important;
    background: #E4E4E4 !important;
	font-weight: 700 !important;
	cursor: auto;
}
.lg_btn_area .btn.none {
    visibility: hidden;
}
.lg_btn_area .btn.type1 {
    background: #FFF;
    color: #3C8C8C;
	border: 1px solid #3C8C8C;
}
.lg_btn_area .btn.type2 {
    background: #3C8C8C;
    color: #fff;
}
.lg_btn_area .btn.type3 {
    background: #307070;
    color: #fff;
}
.lg_btn_area .btn.type4 {
    background: #245454;
    color: #fff;
}
.lg_btn_area .btn.type5 {
    background: #FFF;
    color: #08627D;
	border: 1px solid #08627D;
}
.lg_btn_area .btn.type6 {
    background: #FFF;
    color: #1D1D1D;
	border: 1px solid #8E8E8E;
}
.lg_btn_area .btn.type7 {
    background: #08627D;
    color: #FFF;
	border: 1px solid #08627D;
}
.lg_btn_area .btn.type8 {
    background: #FFC75E;
    color: #1D1D1D;
	border: 1px solid #FFC75E;
	padding: 8px;
}
.lg_btn_area .btn.type8:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #FFC75E;
}
.lg_btn_area.right {
	justify-content: flex-end;
}
.lg_btn_area.left {
	justify-content: flex-start;
}
.lg_btn_area.btw {
	justify-content: space-between;
}
.lg_btn_area.btw .btw_center {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
}
@media screen and (max-width: 767px) {
	.lg_btn_area {
		gap: 10px;
	}
    .lg_btn_area .btn {
        width: 100%;
    }
	.lg_btn_area .btn.none {
		visibility: unset;
		display: none;
	}
	.lg_btn_area.btw,
	.lg_btn_area.btw .btw_center {
		width: 100%;
		flex-direction: column;
	}
}

/* ** lg btn ** */




/* ** lg input ** */
/* input */
.common_write td input[type="text"][readonly="readonly"] {
	background-color: #F0F0F0;
}
.common_write td textarea {
    border-radius: 8px;
    border: solid 1px #D8D8D8;
    padding: 10px 12px;
    width: 100%;
}
@media screen and (min-width: 768px){
	.common_write td input[type="text"].wt250 {
		width: 250px;
	}
	.common_write td input[type="text"].wt72 {
		width: 72px;
	}
	.common_write td input[type="text"].wt50 {
		width: 50px;
	}
}
@media screen and (max-width: 767px){
	.common_write td input[type="text"].phone {
		width: calc(100% / 3 - 12px);
	}
	.pc_none {
		display: none;
	}
}
/* input */
/* selectbox */
.lg_selectbox {
	display: flex;
	gap: 8px;
}
.lg_selectbox .select {
    position: relative;
    display: inline-flex;
    width: 110px;
    height: 44px;
}
.lg_selectbox .select select {
	visibility: hidden;
}
.lg_selectbox .select .selectbox {
	z-index: unset;
}
.lg_selectbox .select .selectbox > button {
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	background: #FFF;
	font-size: 15px;
}
.lg_selectbox .select .selectbox > button:after {
    width: 35px;
    height: 35px;
    min-width: 35px;
}
.lg_selectbox .select .selectbox > button > span {
	color: #8E8E8E;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	padding: 0;
}
.lg_selectbox.type_a .select .selectbox > button > span {
	color: #1D1D1D;
}

.lg_selectbox .search {
	position: relative;
}
.lg_selectbox .search .inputText > input {
	height: 43px;
	border-top: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
	background: #FFF;
	border-radius: 8px 0 0 8px;
	outline: none;
}
.lg_selectbox .search .searchBtn {
	display: block;
	width: 43px; height: 43px;
	border-radius: 0 8px 8px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #08627D;
	background-image: url(../images/sub/ico_search.svg);
	top: 0;
	flex-shrink: 0;
}
@media screen and (min-width: 767px) {
	.lg_selectbox .select.w420 {
		width: 420px;
	}
	.lg_selectbox .select.w250 {
		width: 250px;
	}
	.lg_selectbox .select.w114 {
		width: 114px;
	}
	.lg_selectbox .select.w76 {
		width: 76px;
	}
	.lg_selectbox .select.w71 {
		width: 71px;
	}
}
@media screen and (max-width: 767px) {
	.lg_selectbox {
		width: 100%;
	}
	.lg_selectbox .select {
		width: 100%;
	}
}
/* selectbox */
/* radio */
.radio_box input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.radio_box label {
	display: flex;
    align-items: center;
	position: relative;
	padding-left: 23px;
	cursor: pointer;
	font-size: 14px;
	line-height: 16px;
	flex-shrink: 0;
}
.radio_box label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: url(../images/sub/ico_radio_off.svg) no-repeat center / contain;
}
.radio_box input[type="radio"]:checked + label::before {
	background-image: url(../images/sub/ico_radio_on.svg);
}

.radio_box input[type="radio"]:focus-visible + label {
	outline: 2px solid #D22A00;
	outline-offset: 3px;
	border-radius: 3px;
}
@media screen and (max-width: 767px) {
	.radio_box label::before {
		width: 24px;
		height: 24px;
	}
	.radio_box label {
    	height: 24px;
		padding-left: 29px;
	}
}
/* radio */
/* focus color */
:focus-visible {
	outline: 2px solid #D22A00;
	outline-offset: 0px;
}
/* focus color */
/* checkbox */
.checkboxname {
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.checkboxname_checkbox {
	width: 18px;
	height: 18px;
	background-image: url(../images/sub/ico_check.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.checkboxname_checkedbox {
	width: 18px;
	height: 18px;
	background-image: url(../images/sub/ico_checked.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.checkboxname_checkedbox.type2 {
	background-image: url(../images/sub/ico_checked2.svg);
}
@media screen and (max-width: 767px) {
	.checkboxname_checkbox {
		width: 24px;
		height: 24px;
	}
	.checkboxname_checkedbox {
		width: 24px;
		height: 24px;
	}
}
/* checkbox */
/* datepicker */
input[type="text"].calendar {
	display: block !important;
	margin: 0 0 0 -1px !important;
	padding: 0 10px !important;
	line-height: 33px !important;
	font-size: 14px !important;
	color: #000 !important;
	/* outline: none !important; */
	-webkit-appearance: none !important;
	background: url(../images/sub/ico_datepicker.svg) no-repeat center right 5px #FFF !important;
	text-align: left !important;
}
/* datepicker */
/* address */
.postal_box {
	width: 500px;
}
@media screen and (max-width: 858px) {
	.postal_box {
		width: 100%;
	}
}
/* address */
/* addfile */
.file_inr .file_select{
	display: flex;
	align-items: center;
	gap: 10px;
}
.file_inr .file_select .file-input {
	display: none;
}
.file_inr .file_select .file-select{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 89px;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	border-radius: 12px;
	background: #00937F;
	cursor: pointer;
	flex-shrink: 0;
}
.file_inr .file_select .txt span{
	color: #717171;
	font-size: 14px;
	font-weight: 400;
}
.file_inr .fileListBox{
	margin-top: 12px;
	padding-top: 12px;
	border-top: solid 1px #C6C6C6;
}
.file_inr .fileListBox ul li + li{
	margin-top: 10px;
}
.file_inr .fileListBox ul li .file-name{
	display: flex;
	align-items: center;
	gap: 6px;
}
.file_inr .fileListBox ul li .file-name > p{
	color:#1D1D1D;
	font-size: 14px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-width: 0;
}
.file_inr .fileListBox ul li .file-name > button{
	text-indent: -999px;
	overflow: hidden;
	width: 14px;
	height: 14px;
	background-image: url(../images/sub/ico_remove.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	flex-shrink: 0;
}

.file_inr .fileListBox2 ul {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.file_inr .fileListBox2 ul li:last-child {
	margin-bottom: 12px;
}
.file_inr .fileListBox2 ul li .file-name p {
	text-decoration: underline;
	text-underline-offset: 3px;
}
/* addfile */
/* hidden file*/
.hidden_file {
	display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    border: none;
    opacity: 0.01;
    background: none;
    overflow: hidden;
}
/* hidden file*/
/* ** lg input ** */




/* ** lg board write ** */
.notice_txt {
	/* margin-bottom: 12px; */
	text-align: right;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.notice_txt.notice_flex {
	display: flex;
    align-items: flex-end;
    gap: 8px
}
.flex_box {
	display: flex;
	align-items: center;
	gap: 4px;
}
.flex_box .box {
	display: flex;
	align-items: center;
	gap: 4px;
}
.check_area {
	margin-left: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}
@media screen and (max-width: 767px) {
	.flex_box.type2 {
		flex-direction: column;
        align-items: flex-start;
	}
	.flex_box .box {
		width: 100%;
	}
	.notice_txt.notice_flex {
		text-align: left;
	}
	.notice_txt.notice_flex {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.notice_txt.notice_flex .lg_btn_area,
	.notice_txt.notice_flex .lg_btn_area .btw_center {
		width: 100%;
	}
}
.imp_symbol {
	color: #D22A00;
}
.co_txt {
	color: #1D1D1D;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	padding: 0;
	margin-left: 6px;
}
.common_write td .co_txt span {
	padding: 0;
}
@media screen and (max-width: 767px) {
	.common_write td .co_txt {
		font-size: 15px;
		padding: 0;
		margin-left: 2px;
	}
}
.common_write {}
.common_write table {width:100%; border-top:2px solid #009aa3; table-layout: fixed;}
.common_write th,
.common_write td {height:50px; color:#333; font-size:14px; font-weight:normal; vertical-align:middle; border-bottom:1px solid #dedede;}
.common_write th {border-right:1px solid #dedede; background-color:#f5f5f5;}
.common_write td {padding:0 12px;}
/* .common_write td select {width:145px; height:24px; line-height:24px; border:1px solid #dfdfdf;} */
.common_write td input[type="text"] {padding:0 10px; width:634px; height:22px; line-height:22px; border:1px solid #dfdfdf; background:#fff;}
.common_write td input[type="file"] {width:350px; height:24px; line-height:24px; border:1px solid #fff; background:#fff;}
.common_write td .btn_file_add {position:relative; top:-4px; width:24px; height:24px; vertical-align:middle; background:url("../images/sub/btn_file_add.gif") no-repeat;}

.common_write .btn_area {margin:16px 0;}
.common_write .btn_area.right {text-align:right;}
.common_write .btn_area .btn {display:inline-block; width:86px; height:35px; line-height:35px; font-size:14px; text-align:center; border-radius:3px;}
.common_write .btn_area .btn.blue {color:#fff; border:1px solid #047278; background:#009aa3;}
.common_write .btn_area .btn.white {color:#086596; border:1px solid #086596; background:#fff;}
.common_write .btn_area .btn:active {position:relative; top:1px; left:1px;}
.common_write.type_b th {background:#fbfbfb;}

/* .common_write caption {
	display: none;
} */
.common_write th,
.common_write td {
    height: 70px;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #dedede;
	padding: 12px 16px;
}
.common_write td input[type="text"], 
.common_write td textarea.text, 
.common_write td .file_name_box .file_name {
    border-radius: 8px;
    border: solid 1px #D8D8D8;
    padding: 10px 12px;
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 500;
}
.common_write td input[type="text"] {
    border-radius: 8px;
    border: solid 1px #D8D8D8;
    padding: 10px 12px;
    width: 100%;
    height: 44px;
}
.common_write td .radio_box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px 24px;
}
.common_write td .radio_box .radio_input_txt {
	display: flex;
	align-items: center;
	gap: 8px;
}

.common_write th {
	overflow: hidden;
	color: #1D1D1D;
	text-overflow: ellipsis;
	white-space: nowrap;

	font-family: "Pretendard";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.48px;
	text-align: left;
}
.common_write td {
	color: #1D1D1D;

	font-family: "Pretendard";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.48px;
}

.common_write td .input_group {
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 0;
}
.common_write td .input_group + .input_group{
	margin-top: 8px;
}
.common_write td .input_group.postal input + input{
	margin-left: 8px;
}
.common_write td .input_group.postal input{
	width: 375px;
}

/** 오류메세지 */
.common_write td .td_input_box {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.common_write td .td_input_box .error_txt {
	display: none;
}
.common_write td .td_input_box.valid .error_txt {
	display: block;
}
.common_write td .td_input_box.valid .error_txt span {
	color: #EB003B;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
	padding-left: 24px;

	position: relative;
}
.common_write td .td_input_box.valid .error_txt span::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;

	position: absolute;
	top: -1px;
	left: 0;

	background: center/16px 16px no-repeat url(../images/sub/ico_addfile_notice.svg);
}
.common_write td .td_input_box.valid .selectbox > button {
	border: 1px solid #EB003B !important;
}
.common_write td .td_input_box.valid input {
	border: 1px solid #EB003B !important;
}
/** 오류메세지 */

/** 첨부파일(다중) */
.common_write .add_file_box {
	width: 100%;
}
.common_write .add_file_box .drag_drop_area {
	display: flex;
	padding: 24px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid #D8D8D8;
	background: #F8F8F8;
}
.common_write .add_file_box .lg_btn_area {
	margin: 0;
}
.common_write .add_file_box .lg_btn_area .btn {
	display: flex;
	padding: 8px 24px 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.ico_upload {
	width: 13px;
	height: 13px;
	background: center/cover no-repeat url(../images/sub/ico_btn_up_white.svg);
}

.common_write .file_box {
	display: flex;
	padding: 12px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex: 1 0 0;
}
.common_write .file_box span {
	padding: 0;
}
.common_write .file_box .add_area {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}
.common_write .file_box .add_area .area_head {
	display: flex;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	justify-content: space-between;
}
.common_write .file_box .add_area .area_head > div {
	color: #1D1D1D;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_write .file_box .add_area .area_head > div span {
	color: #D22A00;
	font-weight: 700;
}
.common_write .file_box .add_area .area_head > div a {
	color: #1D1D1D;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_write .file_box .add_area .area_head > div a:hover {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.common_write .file_box .add_area .area_add_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}
.common_write .file_box .add_area .area_add_box .add_item {
	display: flex;
	padding: 12px 16px;
	align-items: center;
    justify-content: space-between;
	flex-direction: column;
	gap: 10px;
	align-self: stretch;
	border-radius: 8px;
	border: 1.2px solid #3C8C8C;
}
.common_write .file_box .add_area .area_add_box .add_item .box {
	display: flex;
	align-items: center;
    justify-content: space-between;
	gap: 10px;
	align-self: stretch;
}
.common_write .file_box .add_area .area_add_box .add_item .box .item_tit {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	flex: 1 0 0;
	overflow: hidden;
	color: #1D1D1D;
	text-overflow: ellipsis;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_write .file_box .add_area .area_add_box .add_item .box .item_status {
	display: flex;
	align-items: center;
	gap: 6px;
}
.common_write .file_box .add_area .area_add_box .add_item .box .item_status span {
	color: #1D1D1D;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_write .file_box .add_area .area_add_box .add_item.type2 {
	border: 1.2px solid #EB003B;
	background: #FDF2F3;
}
.common_write .file_box .add_area .area_add_box .add_item.type2 .box {
	padding-bottom: 8px;
	border-bottom: 1px solid #D8D8D8;
}
.common_write .file_box .add_area .area_add_box .add_item.type2 .notice {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
}
.common_write .file_box .add_area .area_add_box .add_item.type2 .notice .ico_box {
	display: flex;
	width: 20px;
	height: 20px;
	padding-top: 2px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	aspect-ratio: 1/1;
}
.common_write .file_box .add_area .area_add_box .add_item.type2 .notice div {
	color: #1D1D1D;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_write .file_box .add_area .area_add_box .add_item .ico {
	display: block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}
.common_write .file_box .add_area .area_add_box .add_item .ico.type1 {
	background: center/cover no-repeat url(../images/sub/ico_addfile_comp.svg);
}
.common_write .file_box .add_area .area_add_box .add_item .ico.type2 {
	background: center/cover no-repeat url(../images/sub/ico_addfile_del.svg);
}
.common_write .file_box .add_area .area_add_box .add_item .ico.type3 {
	width: 14px;
	height: 14px;
	background: center/cover no-repeat url(../images/sub/ico_addfile_notice.svg);
	
}
@media screen and (max-width: 767px) {
	.common_write .file_box .add_area .area_add_box .add_item .ico {
		width: 24px;
		height: 24px;
	}
}
/** 첨부파일(다중) */


/** 첨부파일 */
.common_write .file_box_list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
}
.common_write .file_box_list .file_item {
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}
.common_write .file_box_list .file_item .first_box {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
}
.common_write .file_box_list .file_item .last_box {
	width: 100%;
}
.common_write .file_box_list .file_item .tit {
	width: 71px;
	padding-left: 8px;
	flex-shrink: 0;

	position: relative;
}
.common_write .file_box_list .file_item .tit::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	flex-shrink: 0;

	border-radius: 50%;
	background: #63A3A3;
	
	position: absolute;
    top: 10px;
    left: 0;
}
.common_write .file_box_list .file_item .tit span {
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 22.5px */
}
.common_write .file_box_list .file_item .file_name {
	display: flex;
    padding: 12px 16px;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #D8D8D8;

	height: 47px;
	width: 100%;
}
.common_write .file_box_list .file_item .file_name .box {
	display: flex;
	align-items: center;
    justify-content: space-between;
	gap: 10px;
	align-self: stretch;
}
.common_write .file_box_list .file_item .file_name .box .item_tit {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	flex: 1 0 0;
	overflow: hidden;
	color: #1D1D1D;
	text-overflow: ellipsis;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;

	word-break: break-all;
}
.common_write .file_box_list .file_item .file_name .box .item_status {
	display: flex;
	align-items: center;
	gap: 6px;
}
.common_write .file_box_list .file_item .file_name .box .item_status span {
	color: #1D1D1D;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.common_write .file_box_list .file_item .file_name .box .ico {
	display: block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}
.common_write .file_box_list .file_item .file_name .box .ico.type2 {
	background: center/cover no-repeat url(../images/sub/ico_addfile_del.svg);
}
.common_write .file_box_list .lg_btn_area {
	margin: 0;
}
.common_write .file_box_list .lg_btn_area .btn {
	display: flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	color: #FFF;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
/** 첨부파일 */


/* .common_write .file_name_box {
	position: relative;
}
.common_write td .btn_findfile {
	width: 80px;
	height: 41px;
	margin-left: 10px;
	border: none;
	background: #E8EAEF;
	color: #1D1D1D;
	font-size: 14px;
	border-radius: 6px;
	font-weight: 500;
	text-align: center;
}
.common_write td .file_add {
	width: 41px;
	height: 41px;
	margin-left: 6px;
	border-radius: 6px;
	background: #E8EAEF url(../images/sub/250521_icon_plus.svg) no-repeat center center;
	text-indent: -999px;
	overflow: hidden;
	border: none;
}
.common_write td .addfile_area .input_group .file_name_box{
	max-width: 500px;
	width: calc(100% - 137px);
	position: relative;
}
.common_write td .addfile_area .input_group .file_name_box .btn_remove{
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/sub/250521_close_button.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: none;
	z-index: 1;
}
.common_write td .addfile_area .input_group .file_name_box.photo.memberInfo{
	width: 622px;
	max-width: 622px;
}
.alt_text {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    border: none;
    opacity: 0.01;
    background: none;
    overflow: hidden;
}

.gh_common_list .board_btn_area {
	position: relative;
} */

@media screen and (min-width: 1279px) {
	.gh_sub.container.sub .area .cont.gh_cont .board_btn_area .btn_area.ab_button {
		position: absolute;
		top: -33px;
		right: 0;
	}
	.gh_common_list .board_btn_area.ab_board_btn_area {
		margin-top: 40px;
	}
}
@media screen and (max-width: 1279px) {
	.gh_sub.container.sub .area .cont.gh_cont .board_btn_area .btn_area {
		justify-content: center;
	}
}
@media screen and (max-width: 767px) {

    .common_write th,
	.common_write td {
        display: block;
		height: auto;
    }
	.common_write th {
		border-right: 0px solid;
	}
	.common_write td {
		padding: 12px;
    }
	.common_write td span {
		padding: 0px 10px;
	}
	.common_write .btn_area.right {
		text-align: center;
	}
	.common_write .btn_area {
		display: flex;
		gap: 16px;
	}
	.gh_sub.container.sub .area .cont.gh_cont .btn_area .btn {
		font-size: 14px;
	}
	.gh_sub.container.sub .area .cont.gh_cont .btn_area .btn.one_button {
		width: 100%;
	}
	.gh_sub.container.sub .area .cont.gh_cont .btn_area .btn.two_button {
		width: 50%;
	}


	.common_write .file_box_list span {
		padding: 0px;
	}
	.common_write .file_box_list .file_item {
		flex-direction: column;
		align-items: flex-start;
	}
	.common_write .file_box_list .lg_btn_area {
		width: 100%;
	}

}
@media screen and (max-width: 582px) {
	
}
/* ** lg board write ** */

/* ** lg board search option ** */
.search_type1 {
	display: flex;
	width: 100%;
	justify-content: center;
}
.search_type1 .button_box {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}
.flex_box_search {
	display: none;
}
.flex_box_search.on {
	display: flex;
	align-items: center;
	gap: 20px;
}
.flex_box.type3 {
	flex-direction: column;
	position: relative;
	width: 100%;
}
.option_button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	margin-left: 16px;
}
.option_button .ico {
	width: 20px;
	height: 20px;
	aspect-ratio: 1/1;
	background: center/cover no-repeat url(../images/sub/ico_option.svg);
}
.option_button .arrow_ico {
	width: 16px;
	height: 16px;
	background: center/cover no-repeat url(../images/sub/icon_down_gray.svg);
}
.option_box {
	display: flex;
	align-items: center;
	gap: 20px;
}
.section_line_search {
	width: 1px;
	height: 24px;
	background: #D9D9D9;
}
.option_box .option_radio {
	display: flex;
	align-items: center;
	gap: 10px;
}
.option_box .option_radio .radio_box {
	display: flex;
	align-items: center;
	gap: 10px;
}

.option_box .option_select {
	display: flex;
	align-items: center;
	gap: 10px;
}
.option_box .tit {
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	flex-shrink: 0;
}
.option_box .option_select .select .selectbox > button {
	display: flex;
	width: 100%;
	height: 43px;
	justify-content: space-between;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #C6C6C6;
	background: #FFF;
	font-size: 15px;
}
@media screen and (max-width:1400px) {
	.flex_box_search {
		flex-direction: column;
	}
	.section_line_search.type_pc {
		display: none;
	}
}
@media screen and (max-width:929px) {
	.board_area .search_type1 .inputText {
		width: 280px;
	}
}
@media screen and (max-width:767px) {
	.option_button {
		margin-left: 0;
		margin-top: 0px;
	}
	.option_box {
		flex-direction: column;
		align-items: flex-start;
	}
	.section_line_search.type_m {
		display: none;
	}
	.option_box .option_radio .radio_box {
		flex-wrap: wrap;
	}
	.flex_box_search,
	.option_box,
	.option_box .option_select,
	.option_box .option_select .select .selectbox > button {
		width: 100%;
	}

	.search_type1 .button_box {
		width: 100%;
		margin-top: 10px;
	}
	.search_type1 .button_box .lg_btn_area {
		position: unset;
		right: unset;
		top: unset;
	}
	.board_area .search_type1 .inputText {
		width: 100%;
	}
}

/* ** lg board search option ** */



/* ** lg board dimdpopup ** */
html.no-scroll {
    overflow: hidden;
}
.dim_popup {
	opacity: 0;
	position: absolute;
	top: -9999px;
}
.dim_popup.on {
	opacity: 1;
    position: fixed;
    inset: 0;
    z-index: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
}
.dim_popup .popup {
	display: flex;
	width: 800px;
	flex-direction: column;
	align-items: flex-start;
    border-radius: 16px;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.20);

	margin: 0 16px;
}
.dim_popup .header {
	display: flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 16px 16px 0 0;
	background: #08627D;
}
.dim_popup .header .tit {
	flex: 1 0 0;
	color: #FFF;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -1.05px;
}
.dim_popup .header .close {
	width: 29px;
	height: 29px;
	background: center/cover no-repeat url(../images/sub/ico_close_white.svg);
}
.dim_popup .popup .main {
	display: flex;
	height: 493px;
	padding: 24px 8px 24px 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;
	border-radius: 0 0 16px 16px;
	background: #FFF;
}
.dim_popup .popup .main .scroll_area {
	display: flex;
	height: 100%;
	padding-right: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;
	border-radius: 0;
	background: #FFF;

	overflow-y: auto;
}
.dim_popup .popup .main .scroll_area::-webkit-scrollbar {
    width: 4px;
}
.dim_popup .popup .main .scroll_area::-webkit-scrollbar-track {
    background: #D8D8D8;
    border-radius: 20px;
}
.dim_popup .popup .main .scroll_area::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.40);
    border-radius: 20px;
}
.dim_popup .popup .main .lg_btn_area {
	width: 100%;
}
.dim_popup .common_write th,
.dim_popup .common_write td {
	height: auto;
	padding: 18px 16px;
	border-right: 1px solid #dedede;
}
.dim_popup .common_write th:last-child,
.dim_popup .common_write td:last-child {
	border-right: unset;
}
.dim_popup .search_tit {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
	position: relative;
}
.dim_popup .search_tit::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #8E8E8E;
	position: absolute;
    left: 0;
}
@media screen and (max-width: 1279px) {
	.dim_popup .popup .main {
		height: 100%;
	}
}
@media screen and (max-width: 767px) {
	.dim_popup .popup .common_write th, 
	.dim_popup .popup .common_write td {
		display: table-cell;
		padding: 16px;
	}
	.dim_popup .search_tit {
		justify-content: flex-start;
	}

	.dim_popup .popup .main .board_area {
		padding: 16px;
	}
	.dim_popup .popup .main .board_Search {
		align-items: flex-start;
	}
	.dim_popup .popup .main .board_area .inputText {
		padding: 0;
	}
}
/* ** lg board dimdpopup ** */



/* ** lg board dimdpopup calendar ** */
.dim_popup .popup.calendar {
	display: flex;
	width: 1100px;
	flex-direction: column;
	align-items: flex-start;
    border-radius: 16px 16px 0 0;
	box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.20);

	margin: 0 16px;
}
.dim_popup .popup.calendar .main {
	display: flex;
	height: 100%;
	padding: 24px 8px 24px 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	align-self: stretch;
	border-radius: 0 0 16px 16px;
	background: #FFF;
}
.dim_popup .popup.calendar .fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 20px;
	gap: 0;
}
.dim_popup .popup.calendar .calView .fc th:last-child {
	border-right: unset;
}
.dim_popup .popup.calendar .fc .fc-daygrid-event-harness {
	height: unset;
}
.dim_popup .popup.calendar .app_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
	gap: 4px;
}
.dim_popup .popup.calendar .app_box span,
.dim_popup .popup.calendar .app_box a {
	flex: 1;
}
.dim_popup .popup.calendar .calView .fc .fc-event {
	overflow: unset;
}
.dim_popup .popup.calendar .lg_btn_area .btn,
.dim_popup .popup.calendar .lg_btn_area .btn span {
	padding: 8px;
	font-size: 15px;
	display: flex;
	padding: 4px 8px;
	justify-content: center;
	align-items: center;
	/* gap: 10px; */
	align-self: stretch;
	font-weight: 700;
	border-radius: 4px;
}
.dim_popup .popup.calendar .calView .fc .fc-event .lg_btn_area .btn span {
	all: unset;
}
.dim_popup .popup.calendar .calView .fc .fc-event .lg_btn_area .btn.disabled span {
	color: #717171;
}

.dim_popup .popup.calendar .calView .fc .fc-daygrid-day-frame {
	cursor: auto;
}
.dim_popup .popup.calendar .calView .fc .fc-event span {
	background: #D8E8E8;
	color: #1D1D1D;
}
.dim_popup .popup.calendar .calView .fc .fc-event:hover,
.dim_popup .popup.calendar .calView .fc .fc-event:focus-visible{
	color: #1D1D1D !important;
	text-decoration: unset !important;
	text-underline-offset: unset !important;
}
.dim_popup .popup.calendar .calView .fc .fc-daygrid-day .fc-daygrid-day-frame {
	display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
	padding: 10px;

	height: 122px; /* 캘린더 높이 */
	/* overflow: hidden; */
}
.dim_popup .popup.calendar .calView .fc-h-event {
	background: #D8D8D8;
	border: 1px solid #D8D8D8;
}
.dim_popup .popup.calendar .calView .fc-h-event:hover {
	background: #D8D8D8;
}
.dim_popup .popup.calendar .calView .fc .fc-daygrid-day-events {
	flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
	padding: 0;
}
.dim_popup .popup.calendar .fc .fc-daygrid-event-harness {
	flex: 1;
}
.dim_popup .popup.calendar .calView .fc .fc-event span.un_title {
    background: #FFF;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: wrap;
	word-break: keep-all;

	color: #8E8E8E;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 22.5px */
}
.dim_popup .popup.calendar .calView .fc .fc-daygrid-day.fc-day-today {
	background: unset;
}
.dim_popup .popup.calendar .calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
	background: #FFF;
}
.dim_popup .popup.calendar .calView .fc-daygrid-day-frame:has(.un_title) .fc-daygrid-day-top .fc-daygrid-day-number {
	color: #EA0000;
}
.dim_popup .popup.calendar .calView .fc-daygrid-day-frame:not(:has(.un_title)) .fc-daygrid-day-top .fc-daygrid-day-number {
	color: #1D1D1D;
}
.dim_popup .popup.calendar .calView .fc-daygrid-day-frame:not(:has(.un_title)):not(:has(.btn)) .fc-daygrid-day-top .fc-daygrid-day-number {
	/* color: #EA0000; */
}
@media screen and (max-width: 1279px) {
	.dim_popup .popup.calendar .lg_btn_area .btn {
		min-width: unset;
	}
	/* .dim_popup .popup.calendar .main {
		overflow-y: auto;
	}
	.dim_popup .popup.calendar .main::-webkit-scrollbar {
		width: 4px;
	}
	.dim_popup .popup.calendar .main::-webkit-scrollbar-track {
		background: #D8D8D8;
		border-radius: 20px;
	}
	.dim_popup .popup.calendar .main::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.40);
		border-radius: 20px;
	} */
}
@media screen and (max-width: 767px) {
	.dim_popup .popup.calendar .calView .fc .fc-daygrid-day .fc-daygrid-day-frame {
		padding: 4px;
	}
	.dim_popup .popup.calendar .calView .fc .fc-event span.un_title {
		padding: 0;
		font-size: 13px;
		-webkit-line-clamp: 3;
        word-break: unset;
	}
	.dim_popup .popup.calendar .calView .fc .fc-event span {
		white-space: break-spaces;
	}
	.dim_popup .popup.calendar .calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
		margin-bottom: 0;
	}
	.dim_popup .popup.calendar .calView .fc .fc-event span,
	.dim_popup .popup.calendar .lg_btn_area .btn,
	.dim_popup .popup.calendar .lg_btn_area .btn span {
		font-size: 13px;
	}
}
/* ** lg board dimdpopup calendar ** */