@charset "utf-8";

/* 포트폴리오 리스트 스타일 - 3x3 그리드 */
#bo_list.portfolio {
	padding-top: 60px;
}

#bo_list.portfolio .review-area {
	width: 1100px;
	margin: 0 auto;
	padding: 40px 0;
}

#bo_list.portfolio .review-area ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

#bo_list.portfolio .review-area ul li {
	width: calc((100% - 50px) / 3); /* 3개씩 배치 (25px 간격 2개) */
	overflow: hidden;
	margin: 0; /* gap으로 간격 처리 */
	transition: transform 0.3s ease;
}

#bo_list.portfolio .review-area ul li:hover {
	transform: translateY(-5px);
}

#bo_list.portfolio .review-area ul li a {
	display: block;
	text-decoration: none;
	color: inherit;
}

/* 이미지 영역 */
#bo_list.portfolio .review-area ul li .photo {
	width: 100%;
	height: 250px;
	border-radius: 0;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	transition: transform 0.3s ease;
}

#bo_list.portfolio .review-area ul li a:hover .photo {
	transform: scale(1.02);
}

/* 정보 영역 스타일 */
#bo_list.portfolio .review-area ul li .study-info-wrap {
	padding: 20px 0 0;
	background: #fff;
}

#bo_list.portfolio .review-area ul li .study-info {
	margin: 0;
}

#bo_list.portfolio .review-area ul li .study-info span {
	display: block;
	margin-bottom: 8px;
}

/* 카테고리 태그 */
#bo_list.portfolio .review-area ul li .study-info .cname {
	display: inline-block;
	padding: 5px 12px;
	background: #333;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 10px;
}

#bo_list.portfolio .review-area ul li .study-info .cname.c01 {
	background: #4CAF50;
}

#bo_list.portfolio .review-area ul li .study-info .cname_02 {
	display: inline-block;
	padding: 5px 12px;
	background: #2196F3;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	margin-bottom: 10px;
}

/* 이름 */
#bo_list.portfolio .review-area ul li .study-info .name {
	font-size: 13px;
	color: #999;
	margin-bottom: 5px;
}

/* 제목 */
#bo_list.portfolio .review-area ul li .study-info .subject {
	font-size: 16px;
	font-weight: 500;
	color: #333;
	line-height: 1.4;
	margin-bottom: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}

/* 날짜 */
#bo_list.portfolio .review-area ul li .study-info .event_day {
	font-size: 13px;
	color: #999;
	margin-bottom: 0;
}

/* 데이터 없을 때 */
#bo_list.portfolio .review-area .noList {
	text-align: center;
	padding: 100px 0;
	font-size: 16px;
	color: #999;
	width: 100%;
}

/* 호버 효과 - 흑백 효과 제거 */
#bo_list.portfolio .review-area ul li a:hover .photo {
	transform: scale(1.05);
}


/* 검색 영역 스타일 개선 */
.bo_fx_fsearch {
	text-align: center;
	margin-bottom: 50px;
}

#bo_sch {display:inline;}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{background: url(/img/common/board_down.png) right 12px center no-repeat;-webkit-appearance: none; -moz-appearance: none; appearance: none; width:120px; border: 0; border-bottom: 1px solid #000; padding: 10px 0 10px 16px; height: 50px; font-size: 16px; color: #222;}
#bo_sch select::-ms-expand {display: none;}
#bo_sch .in_txt{width:510px; border: 0; background-color:#fff; margin:0 10px; padding: 10px 0; border-bottom: 1px solid #000; height: 50px; box-sizing: border-box}
#bo_sch .btn_black{width:100px; height:45px; border:0; background-color: #000000; font-size: 16px; text-indent: 17px; background-image: url(/img/common/btn_search.png); background-repeat: no-repeat; background-position: left 20px top 15px;}


#bo_sch .btn_black:hover {
	background-color: #000;
}

/* 버튼 영역 */
.bo_fx {
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
	zoom: 1;
}

.bo_fx:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.bo_fx ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 관리자 버튼 (선택삭제) - 왼쪽 */
.btn_bo_adm {
	float: left;
}

.btn_bo_adm li {
	display: inline-block;
	margin-right: 5px;
}

.btn_bo_adm input {
	background: #c8cad2;
	color: #fff;
	font-size: 13px;
	width: 80px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	border: 0;
	cursor: pointer;
	border-radius: 4px;
	transition: background-color 0.3s;
}

.btn_bo_adm input:hover {
	background: #b0b2ba;
}

/* 사용자 버튼 (목록, 글쓰기) - 오른쪽 */
.btn_bo_user {
	float: right;
}

.btn_bo_user li {
	display: inline-block;
	margin-left: 5px;
}

.btn_bo_user a.btn_b01,
.btn_bo_user a.btn_b02 {
	display: inline-block;
	padding: 0;
	text-decoration: none;
	transition: all 0.3s;
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	border-radius: 4px;
}

.btn_bo_user a.btn_b01 {
	background: #f8f9fb;
	color: #999;
	border: 1px solid #d0d4dd;
	width: 55px;
	height: 50px;
	font-size: 13px;
}

.btn_bo_user a.btn_b01:hover {
	background: #fff;
	border-color: #333;
	color: #333;
}

.btn_bo_user a.btn_b02 {
	background: #333;
	color: #fff;
	width: 125px;
	height: 50px;
	font-size: 16px;
}

.btn_bo_user a.btn_b02:hover {
	background: #000;
}



/* 게시판 읽기 */
#bo_v {}
#bo_v header{border-top:3px solid #01e399; border-bottom:1px solid #e6e6e6; background-color:#f7f7f7; height: 55px}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {text-align:left; height:55px; line-height:54px; font-size:16px; color:#222; padding-left:30px; position: relative; font-weight: 400;}

#bo_v_info {text-align:right; color:#999; font-size:13px; padding-right:30px; margin-top:-38px;}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {font-weight:normal; margin-left:20px;}
#bo_v_info strong:after{content:''; display:inline-block; width: 1px; height: 11px; background-color:#e6e6e6; margin: -1px 20px; display: none; }
#bo_v_info strong:last-child:after{display: none;}

#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {width:100%; border-bottom:1px solid #e6e6e6; height:50px; line-height:50px;}
#bo_v_file:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_file h2 {float:left; width:160px; background:#f7f7f7; border-right:1px solid #e6e6e6; font-size:13px; font-weight:normal;}
#bo_v_file ul {float:left; padding-left:20px;}
#bo_v_file li {margin-right:20px; display:inline-block; }
#bo_v_file a {font-size:12px; color:#333; word-wrap:break-word}
#bo_v_file img {vertical-align:middle; margin-left:5px;}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {border-bottom:1px solid #eee; padding: 15px 0;}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link > div {float: right;}
#bo_v_link:after, #bo_v_link > div:after {content: ''; display: block; clear: both;}
#bo_v_link ul {margin:0;padding:0;list-style:none; float: left; position: relative;}
#bo_v_link ul:not(:last-child):after {content: ''; position: absolute; width: 1px; height: 11px; background: url(img/icon_brdsubLine.png) repeat-y; top: 6px; right: -2px; }
#bo_v_link li {padding: 0 18px;}
#bo_v_link a {padding:8px 0 7px;width:100%;word-wrap:break-word;text-decoration:underline; font-size:14px; color: #222; font-weight: 300;}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:underline;}
#bo_v_link img{vertical-align:middle; margin-right: 9px;}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin-top:50px; margin-bottom:80px; zoom:1; display:none;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {margin-top:50px; padding-bottom:100px; zoom:1; position: relative;}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}
#bo_v_bot .bo_v_nb li.btn {position: absolute; width: 515px; height: 70px; top: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 30px 0;}
#bo_v_bot .bo_v_nb li.btn.noList a {cursor: default; color: #666;}
#bo_v_bot .bo_v_nb li.btn a {font-weight: bold; -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; font-size: 18px; color: #000; text-align:center; display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box;box-sizing: border-box;}
#bo_v_bot .bo_v_nb li.btn a:after {-webkit-transition: all 0.1s; transition: all 0.1s; opacity: 0; content: ''; position: absolute; top: 0; display: block; width: 26px; height: 50px;}
#bo_v_bot .bo_v_nb li.btn a span {font-weight: normal; -webkit-transition: all 0.1s; transition: all 0.1s;font-size: 16px; color: #666; display: inline-block; padding-top: 10px;}
/*#bo_v_bot .bo_v_nb li.prevBtn a:after {background: url(img/btn_list_prev.png) no-repeat; left: 0; }
#bo_v_bot .bo_v_nb li.nextBtn a:after {background: url(img/btn_list_next.png) no-repeat; right: 0;}*/
#bo_v_bot .bo_v_nb li.prevBtn a:after {background: url(img/btn_list_prev.png) no-repeat; left: 0;}
#bo_v_bot .bo_v_nb li.nextBtn a:after {background: url(img/btn_list_next.png) no-repeat; right: 0;}
#bo_v_bot .bo_v_nb li.prevBtn {left: 0;}
#bo_v_bot .bo_v_nb li.nextBtn {right: 0;}
#bo_v_bot .bo_v_nb li.btn:not(.noList):hover a,#bo_v_bot .bo_v_nb li.btn:not(.noList):hover a span {color: #01e399; }
#bo_v_bot .bo_v_nb li.btn:not(.noList):hover a:after {opacity: 1;}
#bo_v_bot .bo_v_nb li.prevBtn:not(.noList):hover a:after {animation: btnLeft 0.5s infinite alternate ease-out; }
#bo_v_bot .bo_v_nb li.nextBtn:not(.noList):hover a:after {animation: btnRight 0.5s infinite alternate ease-out; }
#bo_v_bot .bo_v_nb li.prevBtn:not(.noList):hover a {padding-right: 20px;}
#bo_v_bot .bo_v_nb li.nextBtn:not(.noList):hover a {padding-left: 20px;}
#bo_v_bot .bo_v_nb li.adminBtn {position: relative; top: -45px;}

@keyframes btnLeft {
	0%{
		left: 14px;
	}
	100% {
		left: 0;
	}
}

@keyframes btnRight {
	0%{
		right: 14px;
	}
	100% {
		right: 0;
	}
}

/* 게시판 버튼 */
.btn_b03 {background:#c8cad2; color:#fff; font-size:13px; width:55px; height:50px; line-height:50px; display:inline-block; font-weight:bold; text-align:center;}
.btn_b04 {background:#c8cad2; color:#fff; font-size:13px; width:55px; height:50px; line-height:50px; display:inline-block; font-weight:bold; text-align:center;}

#bo_list, #bo_v{padding-top: 60px;}


/* 목록 버튼 */
#bo_list a.btn_b01 {background:#f7f7f7; color:#999; font-size:13px; border:1px solid #e6e6e6; width:53px; height:53px; line-height:51px; display:inline-block; text-align:center;}
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
#bo_list a.btn_b02 {background:#333; color:#fff; width:125px; height:50px; line-height:50px; display:inline-block; font-size:16px; font-weight:bold; text-align:center;}
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
#bo_list a.btn_admin {background:#f7f7f7; color:#999; font-size:13px; border:1px solid #e6e6e6; width:53px; height:53px; line-height:51px; display:inline-block;} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v li:not(.btn) a.btn_b01 {background:#c8cad2; color:#fff; width:55px; height:50px; line-height:50px; display:inline-block; font-size:13px; font-weight:bold; text-align:center;}
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
#bo_v a.btn_b02 {width:69px; height:69px; display:inline-block; background: url(img/btn_list1.png) no-repeat center center #fff; border: 1px solid #d9d9d9; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {background: url(img/btn_list2.png) no-repeat center center #01e399; border: 1px solid #01e399;}
#bo_v a.btn_admin {background:#c8cad2; color:#999; font-size:13px; border:1px solid #e6e6e6; width:53px; height:53px; line-height:51px; display:inline-block;} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {margin-top:30px; margin-bottom:80px;} /* 서식단계 진행 */
#bo_w .btn_submit {background:#333; color:#fff; width:125px; height:50px; line-height:50px; display:inline-block; font-size:16px; font-weight:bold; text-align:center; border:0; float:right;}
#bo_w .btn_cancel {background:#c8cad2; color:#fff; width:55px; height:50px; line-height:50px; display:inline-block; font-size:13px; font-weight:bold; text-align:center; border:0;}
#bo_w a.btn_frmline, #bo_w button.btn_frmline {background:#333; color:#fff; padding:5px;} /* 우편번호검색버튼 등 */

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent; font-size:12px; vertical-align:text-bottom;}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

.bo_v_nb {float:left;}
.bo_v_nb li {float:left; margin-right:1px;}
.bo_v_com {float:right; position:absolute; left:50%; transform:translateX(-50%);}
.bo_v_com li {float:left; margin-left:1px;}

#bo_v_atc {min-height:200px; height:auto !important; height:200px; padding:10px 25px; text-align:left; border-bottom:1px solid #01e399;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;color:#333;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:0 10px;border-top:1px solid #666666;background:#f5f5f5}
#bo_vc h2 {margin-bottom:10px}
#bo_vc article {padding:0 0 10px;border-bottom:1px dotted #ccc}
#bo_vc header {position:relative;padding:10px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

.sound_only{display:none;}

/* 페이지 */
.pg_wrap{width:1100px; margin:0 auto; text-align:center; font-family: 'Sunflower', sans-serif; border-top: 1px solid #01e399;}
.pg_wrap .pg{display: block; padding: 20px 0}
.pg_wrap .pg_current{color:#000; width:34px; height:34px; display:inline-block; font-size:16px; line-height:34px;}
.pg_wrap .pg_page{width:34px; height:34px; display:inline-block; font-size:16px; line-height:34px; color: #999999}
.pg_wrap .pg_start{background:url('/img/common/boardpage_prev_all.gif'); border:0; font-size:0; width:36px; height:36px; vertical-align:top;}
.pg_wrap .pg_prev{background:url('/img/common/boardpage_prev.gif'); border:0; font-size:0; width:36px; height:36px; vertical-align:top;}
.pg_wrap .pg_next{background:url('/img/common/boardpage_next.gif'); border:0; font-size:0; width:36px; height:36px; vertical-align:top;}
.pg_wrap .pg_end{background:url('/img/common/boardpage_next_all.gif'); border:0; font-size:0; width:36px; height:36px; vertical-align:top;}

/* 반응형 - 태블릿 */
@media (max-width: 1200px) {
	#bo_list.portfolio .review-area {
		width: 95%;
		padding: 30px 0 60px;
	}

	#bo_list.portfolio .review-area ul {
		gap: 20px;
	}

	#bo_list.portfolio .review-area ul li {
		width: calc((100% - 40px) / 3);
	}
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
	#bo_list.portfolio .review-area ul {
		gap: 15px;
	}

	#bo_list.portfolio .review-area ul li {
		width: calc((100% - 15px) / 2); /* 모바일에서는 2열 */
	}

	#bo_list.portfolio .review-area ul li .photo {
		height: 200px;
	}
}




/* 목록 테이블 */
#bo_list .tbl_head01 {border-top: 3px solid #01e399}
#bo_list .tbl_head01 caption {}
#bo_list .tbl_head01 thead th {background-color:#aaaeba; font-size:13px; color:#fff; height:50px; line-height:50px; font-weight:bold;position: relative;}
#bo_list .tbl_head01 thead th:last-child:after{display: none;}
#bo_list .tbl_head01 thead th:after {content:''; width: 1px; height: 20px; background-color:#fff; position: absolute; top: 0px; right: 0px;}
#bo_list .tbl_head01 thead th a {font-weight:bold;}
#bo_list .tbl_head01 thead a {}
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}
#bo_list .tbl_head01 tfoot td {}
#bo_list .tbl_head01 tbody th {}
#bo_list .tbl_head01 td {font-size:13px; border-bottom:1px solid #e6e6e6;}
#bo_list .tbl_head01 a {font-size:16px; letter-spacing: initial; color:#222; vertical-align: -1px; letter-spacing: 0.01em;}
#bo_list td.empty_table {text-align:center; padding-top: 40px; padding-bottom: 40px;}
.courseDetail .section3 .tbl th, td {padding: 14px 26px 16px;}
.noResult_table {padding: 93px 0 153px; border-bottom: 1px solid #01e399 !important;}
.noResult_table > div {text-align: center;}
.noResult_table > div p {text-align: center; font-size: 18px; color: #222; margin-top: 25px;}
.noResult_table > div span {text-align: center; font-size: 18px; color: #303cc3;}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {text-align:center; }

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_info {}
#bo_w .frm_address {}
#bo_w .frm_file {}

#bo_w .tbl_frm01 {border-top:1px solid #333;}
#bo_w .tbl_frm01 table{width:100%;}
#bo_w .tbl_frm01 th {background:#f7f7f7; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; color:#333; font-size:13px; text-align:center; width:150px; padding:15px 0; vertical-align:middle;}
#bo_w .tbl_frm01 td {border-bottom:1px solid #e6e6e6; padding:15px; font-size:13px;}
#bo_w .tbl_frm01 textarea {}
#bo_w .tbl_frm01 a {}



/* 이미지 없을 때 스타일 */
#bo_list.portfolio .review-area ul li .photo.no-image {
	/* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
	/* 또는 단색 배경 */
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

#bo_list.portfolio .review-area ul li .photo.no-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.05);
}

#bo_list.portfolio .review-area ul li .photo.no-image .no-image-content {
	position: relative;
	z-index: 1;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
}

#bo_list.portfolio .review-area ul li .photo.no-image .no-image-content svg {
	display: block;
	margin: 0 auto;
	opacity: 0.9;
}

/* 호버 효과 */
#bo_list.portfolio .review-area ul li a:hover .photo.no-image {
	transform: scale(1.02);
}

#bo_list.portfolio .review-area ul li a:hover .photo.no-image .no-image-content svg {
	opacity: 1;
}