@charset "utf-8";

/* 가로 1200px 이하: #container_wr 패딩 */
@media (max-width: 1260px) {
	#container_wr {
		padding: 0 1rem;
	}
}

/* 모바일: #container_wr 마진·패딩 */
@media (max-width: 768px) {
	#container_wr {
		margin: 20px auto 20px;
		padding: 0 1rem;
	}
}
#container_wr {
  margin: 40px auto 40px;
}

#bo_cate {margin-bottom:28px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3f3f3f;color:#fff}
#bo_cate #bo_cate_on {z-index:2;background:#3f3f3f;color:#fff;font-weight:bold;border:1px solid #3f3f3f;
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

#faq_wrap {margin:10px 0 30px}
#faq_con > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
#faq_wrap li h3.faq_li_open a {color:#3f3f3f}

#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
#faq_con .con_inner.first_open {display:block}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3f3f3f;font-size:1.2em}

#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

/* 이미지·텍스트 애니메이션 */
@keyframes faq-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes faq-fade-up {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes faq-scale-in {
	from { opacity: 0; transform: scale(0.98); }
	to { opacity: 1; transform: scale(1); }
}
#faq_himg { animation: faq-fade-up 0.5s ease-out forwards; }
#faq_himg .faq_img img { animation: faq-scale-in 0.55s ease-out forwards; }
#faq_sch { opacity: 0; animation: faq-fade-up 0.5s ease-out 0.1s forwards; }
#bo_cate { opacity: 0; animation: faq-fade-in 0.45s ease-out 0.2s forwards; }
#bo_cate_ul li { opacity: 0; animation: faq-fade-up 0.4s ease-out forwards; }
#bo_cate_ul li:nth-child(1) { animation-delay: 0.25s; }
#bo_cate_ul li:nth-child(2) { animation-delay: 0.3s; }
#bo_cate_ul li:nth-child(3) { animation-delay: 0.35s; }
#bo_cate_ul li:nth-child(4) { animation-delay: 0.4s; }
#bo_cate_ul li:nth-child(5) { animation-delay: 0.45s; }
#bo_cate_ul li:nth-child(6) { animation-delay: 0.5s; }
#bo_cate_ul li:nth-child(7) { animation-delay: 0.55s; }
#bo_cate_ul li:nth-child(8) { animation-delay: 0.6s; }
#faq_con ol li { opacity: 0; animation: faq-fade-up 0.45s ease-out forwards; }
#faq_con ol li:nth-child(1) { animation-delay: 0.3s; }
#faq_con ol li:nth-child(2) { animation-delay: 0.35s; }
#faq_con ol li:nth-child(3) { animation-delay: 0.4s; }
#faq_con ol li:nth-child(4) { animation-delay: 0.45s; }
#faq_con ol li:nth-child(5) { animation-delay: 0.5s; }
#faq_con ol li:nth-child(6) { animation-delay: 0.55s; }
#faq_con ol li:nth-child(7) { animation-delay: 0.6s; }
#faq_con ol li:nth-child(8) { animation-delay: 0.65s; }
#faq_con ol li:nth-child(9) { animation-delay: 0.7s; }
#faq_con ol li:nth-child(10) { animation-delay: 0.75s; }
#faq_con ol li:nth-child(n+11) { animation-delay: 0.8s; }
#faq_timg { opacity: 0; animation: faq-fade-in 0.5s ease-out 0.4s forwards; }
#faq_timg .faq_img img { animation: faq-scale-in 0.5s ease-out 0.45s forwards; }
#faq_wrap .empty_list { opacity: 0; animation: faq-fade-up 0.5s ease-out 0.25s forwards; }

/* /bbs/faq.php?fm_id=1: empty state */
.faq_1 .empty_list,
.faq_1 .empty_table{
	text-align:center;
	font-size:15px;
	padding-top:5rem;
}

/* 임시: 숨기기 */
#container_title, #faq_sch, #bo_cate{display:none;}

/* media.php 언론보도 카드 그리드 (fm_id=1) */
.faq_1 .media-page {
	font-family: "Noto Sans KR", "Apple SD Gothic Neo", Helvetica, Arial, sans-serif;
	color: #111;
	background: #fff;
	line-height: 1.6;
}
.faq_1 .media-page .media-container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 24px;
}
.faq_1 .media-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 32px;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: clamp(4rem, 12vw, 7.5rem);
}
.faq_1 .media-page .media-card {
	background: #fff;
	border: 1px solid #e3e3e3;
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	min-height: 248px;
	position: relative;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.faq_1 .media-page .media-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	border-color: #e3e3e3;
}
.faq_1 .media-page .card-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px 26px 24px;
	box-sizing: border-box;
}
.faq_1 .media-page .card-press {
	margin: 0 0 14px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	color: #b5a38e;
}
.faq_1 .media-page .card-title {
	margin: 0 0 16px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.5;
	color: #111;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}
.faq_1 .media-page .card-summary {
	margin: 0 0 24px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
	color: #b5b5b5;
	flex: 1;
	min-height: calc(1.7em * 3);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: keep-all;
}
.faq_1 .media-page .card-date {
	margin-top: auto;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	color: #8d540f;
}
@media (max-width: 1024px) {
	.faq_1 .media-grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 768px) {
	.faq_1 .media-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}
.faq_1 .media-load-more-wrap {
	display: flex;
	justify-content: center;
	margin-top: -2rem;
	padding-bottom: clamp(4rem, 12vw, 7.5rem);
}
.faq_1 .media-load-more-btn {
	min-width: 180px;
	padding: 14px 32px;
	border: 1px solid #363332;
	background: #fff;
	color: #363332;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: background 0.3s ease, color 0.3s ease;
}
.faq_1 .media-load-more-btn:hover:not(:disabled),
.faq_1 .media-load-more-btn:focus-visible {
	background: #363332;
	color: #fff;
}
.faq_1 .media-load-more-btn:disabled {
	opacity: 0.6;
	cursor: wait;
}