/* main */
.main-vs {
	margin-bottom: 0;
	width: 100%;
	max-width: none;
}
/* 메인 상단 배너: 1200px 무시, 페이지 전체 폭 / 높이 480 제한 */
#main .main-vs.section_full,
#main .section_full.main-vs {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 0;
	font-size: 0;
}
#main .main-vs .banner_top,
#main .main-vs .banner_bottom {
	display: none;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#main .main-vs .banner-swiper,
#main .main-vs .bannerWrap,
#main .main-vs .swiper-wrapper,
#main .main-vs .swiper-slide,
#main .main-vs .banner {
	width: 100% !important;
	max-width: none !important;
	margin: 0;
	padding: 0;
}
#main .main-vs .banner-swiper,
#main .main-vs .swiper-slide,
#main .main-vs .banner {
	max-height: 480px;
	overflow: hidden;
}
#main .main-vs .banner > img {
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	margin: 0;
	vertical-align: top;
}

/* 메인 바로가기 (오프라인 강의 섹션 상단) — qstudy sample-detached-banner 호버 */
.main-2 > .section > .main-shortcut {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
	margin: 0 0 56px;
	padding: 0;
	box-sizing: border-box;
}
.main-shortcut__item {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 88px;
	padding: 14px 8px;
	border: 1px solid #d3d3d3;
	border-radius: 12px;
	background: #fff;
	box-shadow: rgb(100 100 111 / 10%) 0px 5px 25px 0px;
	color: #2b2f36;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	transition:
		box-shadow 0.25s ease,
		border-color 0.25s ease,
		background 0.25s ease;
}
.main-shortcut__item::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	height: 100%;
	background:
		radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.5) 0 9px, transparent 10px),
		radial-gradient(circle at 72% 8%, rgba(255, 255, 255, 0.35) 0 13px, transparent 14px),
		linear-gradient(180deg, #72d7ff 0%, #2f8fff 54%, #2563eb 100%);
	border-radius: 50% 50% 0 0 / 18% 18% 0 0;
	opacity: 0;
	transform: translateY(105%);
	transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease;
	pointer-events: none;
}
.main-shortcut__item:hover,
.main-shortcut__item:focus-visible,
.main-shortcut__item.is-active {
	transform: none;
	border-color: #69b7ff;
	background: #f8faff;
	box-shadow: 0 10px 24px rgba(37, 99, 235, 0.16);
	color: #fff;
}
.main-shortcut__item:hover::before,
.main-shortcut__item:focus-visible::before,
.main-shortcut__item.is-active::before {
	opacity: 1;
	transform: translateY(0);
}
.main-shortcut__item:focus-visible {
	outline: 2px solid #2f5fd0;
	outline-offset: 2px;
}
.main-shortcut__ico {
	position: relative;
	z-index: 1;
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	color: #4d5fca;
	transform-origin: center bottom;
	transition:
		color 0.35s ease,
		filter 0.35s ease;
}
.main-shortcut__ico svg {
	width: 28px;
	height: 28px;
	display: block;
	stroke: currentColor;
	fill: none;
}
@keyframes shortcut-ico-bounce {
	0% {
		transform: scale(1) translateY(0);
	}
	28% {
		transform: scale(1.08) translateY(-4px);
	}
	48% {
		transform: scale(1.05) translateY(-1px);
	}
	68% {
		transform: scale(1.07) translateY(-3px);
	}
	100% {
		transform: scale(1.06) translateY(-2px);
	}
}
.main-shortcut__txt {
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.03em;
	text-align: center;
	word-break: keep-all;
	color: #2b2f36;
	transition: color 0.35s ease;
}
.main-shortcut__item:hover .main-shortcut__ico,
.main-shortcut__item:focus-visible .main-shortcut__ico,
.main-shortcut__item.is-active .main-shortcut__ico {
	color: #fff;
	filter: drop-shadow(0 8px 16px rgba(37, 99, 235, 0.45));
	animation: shortcut-ico-bounce 0.58s cubic-bezier(0.34, 1.4, 0.64, 1) both;
}
.main-shortcut__item:hover .main-shortcut__txt,
.main-shortcut__item:focus-visible .main-shortcut__txt,
.main-shortcut__item.is-active .main-shortcut__txt {
	color: #fff;
}
@media (prefers-reduced-motion: reduce) {
	.main-shortcut__item::before,
	.main-shortcut__ico,
	.main-shortcut__txt {
		transition: none !important;
		animation: none !important;
	}
	.main-shortcut__item:hover .main-shortcut__ico,
	.main-shortcut__item:focus-visible .main-shortcut__ico,
	.main-shortcut__item.is-active .main-shortcut__ico {
		transform: none;
		filter: none;
		animation: none !important;
	}
}
@media (max-width: 900px) {
	.main-2 > .section > .main-shortcut {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
		margin-bottom: 44px;
	}
	.main-shortcut__item {
		min-height: 78px;
		padding: 12px 6px;
	}
	.main-shortcut__txt { font-size: 13px; }
}
@media (max-width: 480px) {
	.main-2 > .section > .main-shortcut {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin-bottom: 36px;
	}
	.main-shortcut__item { min-height: 72px; border-radius: 12px; }
	.main-shortcut__ico,
	.main-shortcut__ico svg { width: 22px; height: 22px; }
	.main-shortcut__txt { font-size: 12px; }
}

.cmbody {display: table; width: 100%; border: 1px solid #ddd; border-bottom: 0;}
.cmbody a {width: 16.666666666666%; height: 100px; padding-top: 60px; display: inline-block; text-align: center; font-size: 16px; font-weight: 400; float: left;}
.cmbody a:nth-child(1) {background: #444 url(/files/images/tap-ico1.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(2) {background: #fff url(/files/images/tap-ico2.png) no-repeat center 25px;}
.cmbody a:nth-child(3) {background: #fff url(/files/images/tap-ico3.png) no-repeat center 25px;}
.cmbody a:nth-child(4) {background: #fff url(/files/images/tap-ico4.png) no-repeat center 25px;}
.cmbody a:nth-child(5) {background: #fff url(/files/images/tap-ico5.png) no-repeat center 25px;}
.cmbody a:nth-child(6) {background: #fff url(/files/images/tap-ico6.png) no-repeat center 25px;}

.cmbody a:nth-child(1):hover, .cmbody a:nth-child(1).active {background: #ff0009 url(/files/images/tap-ico1.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(2):hover, .cmbody a:nth-child(2).active {background: #ff0009 url(/files/images/tap-ico2_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(3):hover, .cmbody a:nth-child(3).active {background: #ff0009 url(/files/images/tap-ico3_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(4):hover, .cmbody a:nth-child(4).active {background: #ff0009 url(/files/images/tap-ico4_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(5):hover, .cmbody a:nth-child(5).active {background: #ff0009 url(/files/images/tap-ico5_h.png) no-repeat center 25px; color: #fff;}
.cmbody a:nth-child(6):hover, .cmbody a:nth-child(6).active {background: #ff0009 url(/files/images/tap-ico6_h.png) no-repeat center 25px; color: #fff;}

.main-vs .tapMore {width: 16.8%; position: absolute; top: 0; left: 0; display: block; text-align: center; height: 100px; padding-top: 60px; font-size: 16px; font-weight: 400; background: #444 url(/files/images/tap-ico1.png) no-repeat center 25px; color: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
.courseBox ul {display: inline-block; width: 100%; display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.courseBox ul li {width: 24%; float: left; margin: 10px 0; min-height:350px;}
.courseBox ul li + li {margin-left: 1.2%;}
.courseBox ul li:nth-child(5) {margin-left: 0;}
.courseBox ul li:nth-child(9) {margin-left: 0;}
.courseBox ul li:nth-child(13) {margin-left: 0;}
.courseBox ul li:nth-child(17) {margin-left: 0;}
.courseBox ul li:nth-child(21) {margin-left: 0;}
.NoneCourse img{display:none;}

/* 메인 강좌 Swiper */
.course-swiper-wrap {position: relative; width: 100%; overflow: visible;}
.course-swiper-wrap .swiper-course-card {
	overflow: hidden;
	width: 100%;
	/* 가장자리 카드 좌우·하단 그림자가 컨테이너에서 안 잘리도록 */
	padding: 14px 12px 34px;
	box-sizing: border-box;
}
.courseBox {overflow: visible;}
.courseWrap {overflow: visible;}
.main-2 > .section {overflow: visible;}
.courseBox .course-swiper-wrap ul.swiper-wrapper {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}
.courseBox .course-swiper-wrap ul.swiper-wrapper > li,
.courseBox .course-swiper-wrap .swiper-slide {
	float: none !important;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	min-width: 0;
	min-height: 0 !important;
	height: auto;
	box-sizing: border-box;
	overflow: visible;
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
	/* 좌우 그림자가 슬라이드 경계에서 안 잘리도록 안쪽 여백 */
	padding: 6px 6px 10px;
}
@property --course-border-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}
.courseBox .course-swiper-wrap .swiper-slide > a {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	/* overflow:hidden 이면 box-shadow가 잘림 — visible 유지 */
	overflow: visible;
	position: relative;
	isolation: isolate;
	background: #fff;
	border: 1px solid #e8edf5;
	border-radius: 16px;
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.1);
	transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
	text-decoration: none;
	color: inherit;
}
.courseBox .course-swiper-wrap .swiper-slide > a::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 16px;
	padding: 2px;
	background: conic-gradient(
		from var(--course-border-angle),
		#f4fbff 0deg,
		#7ec8ff 70deg,
		#f4fbff 140deg,
		#4aa3ef 210deg,
		#f4fbff 280deg,
		#7ec8ff 320deg,
		#f4fbff 360deg
	);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity .22s ease;
	pointer-events: none;
	z-index: 3;
	animation: course-border-spin 3.4s linear infinite;
	animation-play-state: paused;
}
.courseBox .course-swiper-wrap .swiper-slide > a:hover {
	border-color: transparent;
	transform: translateY(-3px);
	color: inherit;
}
.courseBox .course-swiper-wrap .swiper-slide > a:hover::before {
	opacity: 1;
	animation-play-state: running;
}
@keyframes course-border-spin {
	to { --course-border-angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
	.courseBox .course-swiper-wrap .swiper-slide > a::before {
		animation: none;
		background: linear-gradient(135deg, #f4fbff 0%, #7ec8ff 50%, #4aa3ef 100%);
	}
}

/* 썸네일 영역 */
.courseBox .course-swiper-wrap .m-img {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 15px 15px 0 0;
	background: #eef2f7;
}
.courseBox .course-swiper-wrap .m-img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
	transition: transform .35s ease;
}
.courseBox .course-swiper-wrap .swiper-slide > a:hover .m-img img {
	transform: scale(1.03);
}
.courseBox .course-swiper-wrap .m-img .stateBtn {
	top: 12px;
	left: 12px;
	margin: 0;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.3px;
	box-shadow: 0 2px 8px rgba(0,0,0,.15);
	z-index: 2;
}

/* 텍스트 정보 영역 */
.courseBox .course-swiper-wrap .m-txt {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"cat cat"
		"title title"
		"teacher price";
	align-items: end;
	gap: 6px 10px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 16px 16px 18px;
	background: #fff;
	flex: 1;
	min-height: 128px;
	border-radius: 0 0 15px 15px;
}
.courseBox .course-swiper-wrap .m-txt > p {
	grid-area: cat;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 2px;
	font-size: 13px;
	font-weight: 500;
	color: #64748b;
	letter-spacing: -0.3px;
	line-height: 1.3;
	min-width: 0;
}
.courseBox .course-swiper-wrap .m-txt > p .m-cate-path {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.courseBox .course-swiper-wrap .m-txt > p .maxcount {
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-weight: 600;
	color: #e11d48;
	letter-spacing: -0.3px;
	line-height: 1.3;
	white-space: nowrap;
	text-align: right;
}
.courseBox .course-swiper-wrap .m-txt > h2 {
	grid-area: title;
	margin: 0 0 8px;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: #0f172a;
	letter-spacing: -0.4px;
	line-height: 1.45;
	height: auto;
	min-height: calc(1.45em * 2);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
}
.courseBox .course-swiper-wrap .m-txt > .appDate {
	grid-area: teacher;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #eef2f7;
	font-size: 13px;
	font-weight: 400;
	color: #64748b;
	letter-spacing: -0.3px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	align-self: center;
	display: flex;
	align-items: center;
}
.courseBox .course-swiper-wrap .m-txt > .course-price {
	grid-area: price;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px solid #eef2f7;
	font-size: 18px;
	font-weight: 800;
	color: #e11d48 !important;
	letter-spacing: -0.4px;
	line-height: 1.4;
	text-align: right;
	white-space: nowrap;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.courseBox .course-swiper-wrap .m-txt > .course-price > div {
	display: inline;
	font-size: inherit;
	font-weight: inherit;
	color: inherit !important;
}
.courseBox .course-swiper-wrap .m-txt > .course-price > div > span {
	font-size: 13px;
	font-weight: 700;
	margin-left: 1px;
	color: inherit !important;
}
.courseBox .course-swiper-wrap .m-txt > .course-price .salePrice {
	font-size: 12px;
	font-weight: 500;
	color: #94a3b8;
	text-decoration: line-through;
	margin-right: 4px;
}
.courseBox .course-swiper-wrap .m-txt > .course-price .salePersent {
	font-size: 12px;
	font-weight: 700;
	color: #e11d48;
	margin-right: 4px;
}
/* 가격 없을 때 강사명만 full width */
.courseBox .course-swiper-wrap .m-txt > .appDate:last-child {
	grid-column: 1 / -1;
}

.course-swiper-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
}
.course-swiper-nav__btn {
	width: 36px;
	height: 30px;
	border: 1px solid #d5dbe6;
	border-radius: 8px;
	background: #fff;
	color: #475569;
	font-size: 18px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
}
.course-swiper-nav__btn:hover {border-color: #94a3b8; color: #1e293b;}
.course-swiper-nav__btn.swiper-button-disabled {opacity: .35; cursor: default;}

@media (max-width: 834px) {
	.main-2 > .section {
		overflow: visible !important;
	}
	.course-swiper-wrap {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		box-sizing: border-box;
		overflow: visible;
	}
	.course-swiper-wrap .swiper-course-card {
		overflow: hidden;
		padding: 14px 18px 38px;
	}
	.courseBox .course-swiper-wrap .m-txt {
		padding: 14px 14px 16px;
		min-height: 120px;
	}
	.courseBox .course-swiper-wrap .m-txt > h2 {
		font-size: 15px;
	}
	.course-swiper-nav {margin-top: 12px; margin-bottom: 4px;}
}
@media (max-width: 480px) {
	.courseBox .course-swiper-wrap ul.swiper-wrapper > li,
	.courseBox .course-swiper-wrap .swiper-slide {
		float: none !important;
		margin-left: 0;
		min-height: 0 !important;
	}
}
.course_1 {padding-bottom: 0px;}
.main-2 {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: linear-gradient(180deg, #f2f3f5 0%, #f8f8f9 42%, #fdfdfd 78%, #ffffff 100%);
	padding: 56px 0 72px;
}
.main-2 + .main-2 {
	padding-top: 40px;
}
.main-book {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background:
		radial-gradient(120% 80% at 50% -10%, rgba(7, 88, 168, 0.08) 0%, transparent 55%),
		linear-gradient(180deg, #eef1f5 0%, #f5f6f8 38%, #fafbfc 72%, #ffffff 100%);
	padding: 64px 0 88px;
}

/* 메인 파트 — 중간 물결로 상·하 색 분리(그라데이션 유지) + 스파클 별 */
.main-2,
.main-book,
.main-info-board-band,
.section_full.customer {
	--geo-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%239aa6b5' d='M12 0c.7 7.2 4.8 11.3 12 12-7.2.7-11.3 4.8-12 12-.7-7.2-4.8-11.3-12-12 7.2-.7 11.3-4.8 12-12z'/%3E%3C/svg%3E");
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,72 C180,120 360,24 540,72 S900,120 1200,64 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}

/* 별 (::before) */
.main-2::before,
.main-book::before,
.main-info-board-band::before,
.section_full.customer::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0.14;
	background-repeat: no-repeat;
	background-image:
		var(--geo-star), var(--geo-star), var(--geo-star), var(--geo-star),
		var(--geo-star), var(--geo-star), var(--geo-star), var(--geo-star);
}

/* 물결 하단층 (::after) — 섹션 중간(약 50%)에서 시작, 아래쪽 밝은 그라데이션 */
.main-2::after,
.main-book::after,
.main-info-board-band::after,
.section_full.customer::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 42%;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.35) 0%, #ffffff 42%, #ffffff 100%);
	-webkit-mask-image: var(--geo-wave);
	mask-image: var(--geo-wave);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center top;
	mask-position: center top;
}

/* —— 파트별 물결 모양 + 별 배치 —— */
.main-2.geo-1 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,72 C180,120 360,24 540,72 S900,120 1200,64 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-1::before {
	background-size: 34px, 18px, 26px, 14px, 22px, 30px, 16px, 20px;
	background-position:
		6% 12%, 18% 38%, 28% 78%, 42% 18%,
		58% 68%, 72% 22%, 84% 52%, 94% 80%;
}

.main-2.geo-2 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,88 C120,30 280,110 420,55 C560,0 700,100 860,48 C1000,8 1120,90 1200,40 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-2::before {
	background-size: 22px, 32px, 14px, 28px, 18px, 24px, 36px, 16px;
	background-position:
		8% 22%, 16% 70%, 30% 12%, 44% 48%,
		62% 18%, 76% 76%, 88% 34%, 96% 62%;
}

.main-2.geo-3 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,56 C250,100 450,16 700,60 C900,96 1050,28 1200,70 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-3::before {
	background-size: 28px, 16px, 34px, 12px, 24px, 20px, 30px, 15px;
	background-position:
		10% 55%, 20% 16%, 34% 82%, 48% 28%,
		60% 70%, 74% 14%, 86% 58%, 94% 36%;
}

.main-2.geo-4 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,40 C100,90 220,20 360,70 C520,130 640,10 800,65 C960,120 1100,25 1200,55 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-4::before {
	background-size: 18px, 30px, 14px, 26px, 36px, 16px, 22px, 28px;
	background-position:
		5% 30%, 14% 80%, 26% 14%, 40% 58%,
		55% 20%, 68% 74%, 82% 42%, 93% 16%;
}

.main-2.geo-5 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,70 C200,20 320,110 500,50 C680,-5 820,95 1000,45 C1100,20 1160,80 1200,60 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-5::before {
	background-size: 24px, 14px, 32px, 18px, 26px, 12px, 34px, 20px;
	background-position:
		7% 18%, 19% 48%, 32% 76%, 46% 22%,
		64% 62%, 78% 12%, 88% 70%, 96% 40%;
}

.main-2.geo-6 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,60 C160,110 300,15 480,75 C660,135 780,25 960,70 C1080,100 1160,35 1200,50 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-6::before {
	background-size: 30px, 16px, 22px, 34px, 14px, 26px, 18px, 28px;
	background-position:
		9% 72%, 17% 24%, 29% 46%, 43% 14%,
		57% 80%, 71% 32%, 85% 58%, 95% 20%;
}

.main-2.geo-7 {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,95 C140,40 260,100 400,55 C560,5 700,115 860,60 C1000,15 1120,85 1200,50 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-2.geo-7::before {
	background-size: 16px, 28px, 20px, 12px, 32px, 18px, 24px, 36px;
	background-position:
		6% 20%, 15% 60%, 27% 10%, 38% 78%,
		52% 34%, 66% 16%, 80% 68%, 92% 44%;
}

.main-info-board-band {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 24px 0;
	box-sizing: border-box;
	background: linear-gradient(180deg, #f5f7fa 0%, #f8f9fb 48%, #fafbfc 100%);
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,65 C220,110 420,20 650,68 C880,115 1050,30 1200,58 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-info-board-band::before {
	background-size: 18px, 26px, 14px, 22px, 30px, 16px, 24px, 12px;
	background-position:
		5% 28%, 14% 70%, 28% 18%, 42% 55%,
		58% 22%, 72% 68%, 86% 35%, 95% 78%;
}
#main > .main-2:has(+ .main-info-board-band) {
	padding-bottom: 28px;
}
#main > .main-info-board-band + .main-book {
	padding-top: 36px;
}

.main-book {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,50 C180,95 340,15 520,60 C720,110 900,20 1080,65 C1140,80 1180,40 1200,55 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.main-book::before {
	background-size: 28px, 14px, 22px, 34px, 16px, 24px, 18px, 30px;
	background-position:
		6% 18%, 12% 55%, 24% 82%, 40% 28%,
		55% 70%, 70% 14%, 84% 48%, 94% 76%;
}

.section_full.customer {
	--geo-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,78 C160,25 300,100 480,45 C660,-5 820,105 980,55 C1100,20 1160,75 1200,48 L1200,400 L0,400 Z'/%3E%3C/svg%3E");
}
.section_full.customer::before {
	background-size: 20px, 32px, 14px, 26px, 18px, 28px, 16px, 34px;
	background-position:
		8% 25%, 18% 72%, 30% 40%, 48% 16%,
		62% 78%, 76% 30%, 88% 60%, 96% 18%;
}

.main-2 > *,
.main-book > *,
.main-info-board-band > *,
.section_full.customer > * {
	position: relative;
	z-index: 2;
}
/* ========== 메인 공지/핫이슈 info-board (mukoom 스타일) ========== */
.main-info-board-band {
	width: 100%;
	margin: 10px 0 36px;
	padding: 28px 0 8px;
	box-sizing: border-box;
	background: linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);
}
.info-board {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	min-height: 100px;
	height: auto;
	overflow: visible;
}
.info-col {
	position: relative;
	min-width: 0;
	padding: 18px 20px 16px;
	border: 1px solid #e8eef5;
	border-radius: 14px;
	background: #fff;
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.1);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.info-col:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}
.info-col-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 40px;
	padding: 4px 0 12px;
	border-bottom: 1px solid rgba(55, 85, 120, 0.12);
	margin: 0 0 4px;
	box-sizing: border-box;
}
.info-col-tit {
	display: flex;
	align-items: center;
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #1f344b;
	letter-spacing: -0.3px;
}
.info-col-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent url(/files/images/info-more-plus.svg) no-repeat center;
	background-size: 26px 26px;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	color: transparent;
	transition: opacity .2s ease, transform .2s ease;
}
.info-col-more::before {
	content: none;
}
.info-col-more:hover {
	background-color: transparent;
	opacity: .75;
	transform: scale(1.08);
}
.info-board .bbody {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.info-board .bboard {
	margin: 0;
	padding: 0;
}
.info-board .btext {
	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(55, 85, 120, 0.08);
	transition: background-color .2s ease;
}
.info-board .btext:last-child {
	border-bottom: 0;
}
.info-board .btext:hover {
	background: rgba(7, 88, 168, 0.04);
}
.info-board .btext > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.info-board .btext > ul > li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	padding: 10px 4px 10px 0;
	margin: 0;
	list-style: none;
	line-height: 1.35;
	box-sizing: border-box;
}
.info-board .btext > ul > li::before {
	content: "";
	width: 4px;
	height: 4px;
	margin: 0 10px 0 4px;
	border-radius: 50%;
	background: #94a3b8;
	flex: 0 0 auto;
	align-self: center;
	position: static;
	transform: none;
}
.info-board .btext > ul > li a,
.info-board .boxnotice li a,
.info-board .slider_boxnews li a,
.info-board .slider_boxnotice li a {
	display: block !important;
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	height: auto !important;
	max-height: none !important;
	padding: 0 !important;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	color: #334155;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: -0.2px;
	text-decoration: none;
}
.info-board .btext > ul > li a:hover {
	color: #0758a8;
}
.info-board .btext > ul > li .date {
	flex: 0 0 auto;
	position: static !important;
	float: none !important;
	align-self: center;
	color: #64748b !important;
	font-size: 13px !important;
	line-height: 1.35;
	white-space: nowrap;
}
.info-col.notice-card .info-col-tit {
	color: #0f172a;
}
.info-board .newIcon {
	margin-left: 4px;
	vertical-align: middle;
}
.bulletin-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 7px;
	border-radius: 999px;
	border: 1px solid transparent;
	margin-right: 8px;
	vertical-align: middle;
	line-height: 1;
	font-size: 11px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: -0.1px;
}
.bulletin-badge-notice {
	color: #2b6ecb;
	background: #edf4ff;
	border-color: #cfe0fb;
}
@media (max-width: 834px) {
	.main-info-board-band {
		margin: 6px 0 24px;
		padding: 18px 12px 4px;
	}
	.info-board {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.info-col {
		padding: 14px 14px 10px;
		border-radius: 12px;
	}
	.info-col-head {
		min-height: 36px;
		padding: 2px 0 10px;
	}
	.info-col-tit {
		font-size: 18px;
	}
	.info-col-more {
		width: 26px;
		height: 26px;
		background-size: 24px 24px;
	}
	.info-board .btext > ul > li {
		min-height: 40px;
		padding: 8px 2px 8px 0;
	}
	.info-board .btext > ul > li a,
	.info-board .boxnotice li a,
	.info-board .slider_boxnews li a,
	.info-board .slider_boxnotice li a {
		font-size: 14px;
	}
	.info-board .btext > ul > li .date {
		font-size: 12px !important;
	}
}
.main-book__panel {
	overflow: hidden;
	border-radius: 22px;
	background: #fff;
	box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.main-book__banner {
	position: relative;
	background: #0b1c33;
}
.main-book__banner .banner_top,
.main-book__banner .banner_bottom {
	display: none;
}
.main-book__banner .banner-swiper,
.main-book__banner .bannerWrap {
	margin: 0 !important;
	border-radius: 0;
}
/* Swiper 초기화 전에도 배너가 안 사라지도록 */
.main-book__banner .banner-swiper {
	visibility: visible !important;
	opacity: 1 !important;
}
.main-book__banner .banner-swiper .swiper-slide > .banner > img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}
.main-book__banner .banner-swiper-fraction {
	bottom: 16px !important;
}
.main-book__shelf {
	padding: 28px 0 8px;
	background:
		linear-gradient(180deg, #f8fafc 0%, #ffffff 42%);
	box-sizing: border-box;
	overflow: hidden;
}

/* 추천도서 배너·교재 슬라이더 — 강의 카테고리와 동일 버튼 */
.main-book .bx-wrapper {
	box-shadow: none !important;
	border: 0 !important;
	background: transparent;
	margin-bottom: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow: hidden !important;
}
.main-book .bx-wrapper .bx-viewport {
	/* 클리핑 = 흰 패널 끝(0px) */
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
}
/* 교재 영역 전체 24px 오른쪽 이동 (bxSlider가 padding을 덮어도 유지) */
.main-book .bx-viewport > ul.book_1,
.main-book .bx-viewport > ul.book_1Slider {
	margin-left: 24px !important;
}
.main-book .bx-wrapper .bx-pager,
.main-book .bx-wrapper .bx-controls-auto {
	position: static !important;
	bottom: auto !important;
	padding-top: 0;
}
.main-book .bx-wrapper .bx-controls-direction {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	height: auto;
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0 24px;
	box-sizing: border-box;
	top: auto;
	z-index: 2;
}
.main-book .bx-wrapper .bx-controls-direction a {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	width: 40px;
	height: 40px;
	margin: 0;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	background: #fff !important;
	background-image: none !important;
	box-shadow: none;
	opacity: 1;
	text-indent: 0;
	font-size: 0;
	line-height: 1;
	overflow: hidden;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color .2s, color .2s, transform .2s;
}
.main-book .bx-wrapper .bx-controls-direction a:before {
	font-size: 22px;
	line-height: 1;
	color: #334155;
	speak: none;
}
.main-book .bx-wrapper .bx-prev:before {content: '‹';}
.main-book .bx-wrapper .bx-next:before {content: '›';}
.main-book .bx-wrapper .bx-controls-direction a:hover,
.main-book .bx-wrapper .bx-controls-direction a:focus {
	border-color: #0758a8;
	background: #fff !important;
	background-image: none !important;
	opacity: 1;
	box-shadow: none;
	transform: translateY(-1px);
}
.main-book .bx-wrapper .bx-controls-direction a:hover:before,
.main-book .bx-wrapper .bx-controls-direction a:focus:before {
	color: #0758a8;
}
.main-book .bx-wrapper .bx-controls-direction a.disabled {
	opacity: .35;
	cursor: default;
	pointer-events: none;
	transform: none;
	box-shadow: none;
}
.main-book .book_1Box {
	padding: 0 0 4px;
	border: 0;
	border-radius: 0;
	background: transparent;
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}
.main-book .book_1Wrap {
	width: 100%;
	overflow: hidden;
}
.main-book .book_1 > li {
	padding: 4px 0 16px;
	box-sizing: border-box;
}
.main-book .book_1 > li > a {
	display: block;
	text-decoration: none;
	color: inherit;
	transition: transform .28s cubic-bezier(0.22, 1, 0.36, 1);
}
.main-book .book_1 > li > a:hover {
	transform: translateY(-6px);
}
.main-book .m-book {
	border-radius: 10px;
	overflow: hidden;
	background: #e8eef5;
	box-shadow:
		0 2px 4px rgba(15, 23, 42, 0.06),
		0 14px 28px rgba(15, 23, 42, 0.12);
	transition: box-shadow .28s ease;
}
.main-book .book_1 > li > a:hover .m-book {
	box-shadow:
		0 4px 8px rgba(15, 23, 42, 0.08),
		0 22px 40px rgba(15, 23, 42, 0.16);
}
.main-book .m-book img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}
.main-book .book_1 > li > a:hover .m-book img {
	transform: scale(1.03);
}
.main-book .book_1 p {
	margin-top: 14px;
	padding: 0 2px;
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
	letter-spacing: -0.35px;
	line-height: 1.45;
	height: auto;
	min-height: calc(1.45em * 2);
}

/* 메인 배너 Swiper: 이미지/링크 분리 + 이미지 안 도트 */
.banner-swiper {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.banner-swiper .swiper-slide > .banner {
	position: relative;
	display: block;
	width: 100%;
	line-height: 0;
}
.banner-swiper .swiper-slide > .banner > img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
	-webkit-user-drag: none !important;
	user-select: none;
	-webkit-user-select: none;
}
.banner-swiper .banner-slide-link {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: block;
	background: transparent;
	text-indent: -9999px;
	overflow: hidden;
}
.banner-swiper .swiper-pagination {
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 14px !important;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 5;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.banner-swiper .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0 7px !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	opacity: 1;
}
.banner-swiper .swiper-pagination-bullet-active {
	background: #fff;
}

/* 무꿈식 banner-swiper-fraction ring indicator */
.bannerWrap.swiper .banner-swiper-fraction,
.banner-swiper.bannerWrap .banner-swiper-fraction {
	position: absolute;
	left: 20px;
	bottom: 18px;
	right: auto;
	width: max-content;
	max-width: calc(100% - 32px);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	z-index: 20;
	pointer-events: none;
	white-space: nowrap;
	font-size: clamp(12px, 2.4vw, 15px);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	box-sizing: border-box;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--down,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--down {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}
.bannerWrap.swiper .banner-swiper-fraction__num,
.banner-swiper.bannerWrap .banner-swiper-fraction__num {
	appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	min-width: 2ch;
	flex: 0 0 auto;
	cursor: pointer;
	pointer-events: auto;
	color: rgba(255, 255, 255, 0.42);
	text-align: center;
}
.bannerWrap.swiper .banner-swiper-fraction__num--active,
.banner-swiper.bannerWrap .banner-swiper-fraction__num--active {
	color: #fff;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	gap: 30px;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-fraction__num,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-fraction__num {
	width: 6px;
	height: 6px;
	min-width: 6px;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.72);
	color: transparent;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: visible;
	position: relative;
	opacity: 1;
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress {
	position: absolute;
	inset: -8px;
	width: calc(100% + 16px);
	height: calc(100% + 16px);
	overflow: visible;
	pointer-events: none;
	transform: rotate(-90deg);
}
.bannerWrap.swiper .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress__arc,
.banner-swiper.bannerWrap .banner-swiper-fraction.banner-swiper-fraction--indicator-use-true.banner-swiper-fraction--indicator-ring .banner-swiper-ring-progress__arc {
	stroke: #fff;
	stroke-width: 2;
	stroke-linecap: round;
	transition: stroke-dashoffset 80ms linear;
}
.bannerWrap.swiper:has(.banner-swiper-fraction) .swiper-pagination,
.banner-swiper.bannerWrap:has(.banner-swiper-fraction) .swiper-pagination {
	display: none !important;
}

/* 메인 상단 배너(PC/모바일) */
#main .main-vs .banner-swiper {
	margin-bottom: 0;
	background: transparent;
}
#main .main-vs .banner-swiper .swiper-wrapper {
	cursor: grab;
}
#main .main-vs .banner-swiper .swiper-wrapper:active {
	cursor: grabbing;
}
#main .main-vs .banner-swiper .banner-swiper-fraction {
	bottom: 18px;
}

/* 배너(추천도서 상단) */
.main-book .main-book__banner .banner-swiper {
	position: relative;
	margin-bottom: 0;
}
.main-book .main-book__banner .bx-wrapper {
	position: relative;
	margin-bottom: 0;
}
.main-book .section > .bx-wrapper .bx-controls {
	position: static;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
.main-book .section > .bx-wrapper .bx-controls-direction {
	display: none !important;
}
.main-book .section > .bx-wrapper .bx-pager,
.main-book .section > .bx-wrapper .bx-controls-auto {
	position: absolute !important;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 14px !important;
	padding: 0;
	margin: 0;
	z-index: 5;
	font-size: 0;
	line-height: 0;
}
.main-book .section > .bx-wrapper .bx-pager.bx-default-pager a {
	width: 6px;
	height: 6px;
	margin: 0 7px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
	opacity: 1;
}
.main-book .section > .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main-book .section > .bx-wrapper .bx-pager.bx-default-pager a.active,
.main-book .section > .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #fff;
}
.main-book .section > .bx-wrapper .bx-viewport {
	cursor: grab;
}
.main-book .section > .bx-wrapper .bx-viewport:active {
	cursor: grabbing;
}
.main-book .section > .bx-wrapper .bx-viewport img,
.main-book .section > .bx-wrapper .bx-viewport a {
	-webkit-user-drag: none;
	user-select: none;
}
.m-title {
	padding-left: 0;
	margin: 0 auto 32px;
	font-size: 28px;
	font-weight: 700;
	position: relative;
	color: #0f172a;
	text-align: center;
	letter-spacing: -0.6px;
	line-height: 1.35;
}
.m-title:before {
	content: '';
	display: block;
	width: 36px;
	height: 3px;
	margin: 0 auto 14px;
	border-radius: 3px;
	background: linear-gradient(90deg, #0758a8 0%, #0a7cd0 100%);
}
.m-title:after {
	content: none;
}
.m-txt {padding-top: 15px;}
.m-txt p {font-size: 14px; font-weight: 400; color: #095fb2; margin-bottom: 5px;}
.m-txt h2 {
	font-size: 17px; line-height: 20px;
	display: -webkit-box;
    -webkit-line-clamp: 2;   /* 2줄까지만 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: calc(1.4em * 2);
}
/* 메인 카드 그리드와 충돌 방지 — 스와이퍼 카드는 전용 스타일 우선 */
.courseBox .course-swiper-wrap .m-txt {padding-top: 16px;}
.courseBox .course-swiper-wrap .m-txt > p {color: #64748b; margin-bottom: 0;}
.courseBox .course-swiper-wrap .m-txt > h2 {height: auto;}
.courseBox .course-swiper-wrap .m-txt > .appDate {border-top-color: #eef2f7;}
.banner13 {margin-top: 0px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:10px;}
.main-event {background: #f6f6f6;}
.slider_boxphoto {display: inline-block; width: 100%;}
.slider_boxphoto .btext {float: left; width: 23%; max-width: 280px;}
.slider_boxphoto .btext + .btext {margin-left: 2.2%;}
.slider_boxphoto .btext img {width: 100%;}
.book_1Box {padding: 25px 50px; border: 1px solid #ddd; position: relative;}
.m-book {height: 0; overflow: hidden; padding-top: 140%; position: relative;}
.m-book img {position: absolute; top: 0;}
.book_1 p {font-size: 16px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; width: 100%; height: 40px; letter-spacing: -1px; line-height: 1.3;}
.bx-wrapper .bx-prev {background: url(/files/images/prev.png) no-repeat center; left: -107px; opacity: 0.1;}
.bx-wrapper .bx-next {background: url(/files/images/next.png) no-repeat center; right: -107px; opacity: 0.1;}
.bx-wrapper .bx-controls-direction a {width: 30px; height: 90px; margin-top: -45px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {background: url(/files/images/prev.png) no-repeat center; opacity: 1;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background: url(/files/images/next.png) no-repeat center; opacity: 1;}
.mBnner-bottom {margin-top: 60px; display: inline-block; width: 100%;}
.mBnner-bottom > div {width: 49%; float: left;}
.mBnner-bottom > div + div {margin-left: 2%;}
.banner img {width: auto; max-width: 100%;}
.customer {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: linear-gradient(180deg, #f2f3f5 0%, #f7f7f8 40%, #fafafa 100%);
}
.customer > .section {display: table;}
.customer > .section > div {float: left; width: 49%;}
.customer > .section > div + div {margin-left: 2%;}
.customer .custArea {background: #fff; border: 1px solid #ddd;}
.customer .custArea .inlineblock {padding: 30px 25px;;}
.customer .custArea .inlineblock li {float: left;}
.customer .custArea .inlineblock li:first-child {font-size: 32px; font-weight: 900; color: #000; letter-spacing: -1px;}
.customer .custArea .inlineblock li:last-child {font-size: 16px; font-weight: 400; padding-left: 20px;}
.customer .custArea .dtable li {width: 50%; float: left; height: 60px; line-height: 60px; padding: 0 25px; border-top: 1px solid #ddd; font-size: 16px; color: #444; font-weight: 500; position: relative; cursor: pointer; transition: background .2s;}
.customer .custArea .dtable li:nth-child(even) {border-left: 1px solid #ddd;}
.customer .custArea .dtable li:last-child:nth-child(odd) {width: 100%;}
.customer .custArea .dtable li:hover {background: #f7f8fb;}
.customer .custArea .dtable li a {display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0 40px 0 25px; line-height: 60px; color: #444; z-index: 1;}
.customer .custArea .dtable li:hover a {color: #061f5c;}
.customer .custArea .dtable li:after {content:''; display:block; width: 10px; height: 16px; position: absolute; right: 15px; top: 20px; background: url(/files/images/arrow-r.png) no-repeat center; z-index: 2; pointer-events: none;}
.main-vs .bx-wrapper .bx-prev {left: 0;}
.main-vs .bx-wrapper .bx-next {right: 0;}
.m-img img, .NoneCourse img {width: 100%; height:200px;  border-radius:7px;}
.banner13 .banner:last-child {width: 100%;}



/* sub */
.topvisual {text-align: center; position: relative; height: 250px; display: none;}
.sub_bg {height: 250px; text-align: center; margin-top: -27px; /* position: relative; */}
.topvisual p {text-align: center; font-size: 18px; color: #fff; position: relative; top: 80px;}
.sub_img {display: block; font-size: 38px; color: #fff; font-weight: bold; text-align: center; top: 110px; position: relative;}
#sub-container {padding: 40px 0;}
.sub-title {margin: 0 0 50px; text-align: center; border-bottom: 1px solid #ddd;}
.sub-title h3 {letter-spacing: -1px; display: inline-block; border-bottom: 4px solid #52618a; padding-bottom: 10px;}



.tchDet {}
.tchDet .section {display: table;}
.tchDet .section .right {width: 60%; max-width: 672px; float: left;}
.tchDet .section .left {width: 40%; float: left; height: 450px; position: relative; text-align: center;}
.tchDet .section .left img {width: auto; max-width: 100%; position: absolute; bottom: 0; height: auto; max-height: 450px; right: 10%;}
.tchDet .tcstit {font-size: 60px; font-weight: 900; color: #000; margin-bottom: 40px;}
.tchDet .tcstit span {color: #ff0009;}
.tchDet .tcstit p {font-size: 30px; font-weight: 500; color: #666;}
.tchDet .coursetit {font-size: 26px; font-weight: 500; padding-left: 20px; position: relative; margin-bottom: 10px; display: inline-block; margin-left: 42%;}
.tchDet .coursetit:before {content: ""; display: block; width: 0; height: 0; border-top: 7px solid transparent; border-right: 10px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #ff0009; position: absolute; top: 11px; left: 0;}
.tchDet .tabArea {position: relative; background: #fff; border: 1px solid #ddd;}
.tchDet .tab {display: table; width: 100%;}
.tchDet .tab button {width: 25%; float: left; background: #fff; font-size: 15px; color: #666; font-weight: 400; border-bottom: 1px solid #ddd; padding: 0; height: 50px; line-height: 50px;}
.tchDet .tab button + button {border-left: 1px solid #ddd;}
.tchDet .tablinks.active {background: #000; color: #fff; font-weight: 500;}
.tchDet .tabcontent {padding: 15px;}
.tchDet .tabcontent .youtubeWrap {margin: 0;}
.tchDet .tabcontent .txtArea {font-size: 16px; padding: 25px;}
.tchDet .tabcontent .txtArea p, .tchDet .tabcontent .txtArea li {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; padding: 6px 0;}
.tcbottom {}
.bottomtab {background: #000; width: 100%;}
.bottomtab ul {display: table; width: 100%; text-align: center; height: 76px; line-height: 76px;}
.bottomtab ul li {width: 25%; float: left; background: #222; border-left: 1px solid #666; color: #fff; font-size: 18px; font-weight: 400;}
.bottomtab ul li:last-child {border-right: 1px solid #666;}
.bottomtab ul li.active, .bottomtab ul li:hover {background: #0859a8;}
.bottomtab ul li a {display: block;}
.bottomtabCon {padding-top: 50px;}



.teacherview-tap ul li {border: 0; border-left: 1px solid #666; height: 76px; line-height: 76px;}
.teacher_kate_con {padding-top: 80px; background: #f8f8f8 url(/files/images/tchDet_bg.jpg) no-repeat bottom center; margin-bottom: 0;}
.teacherTop .right {width: 40%; float: right; padding-left: 20px;}
.teacherTop .right img {width: auto; max-width: 100%;}
.dtable .table-th.tcTab {width: 20%; background: #fff; text-align: center; padding: 0; height: 50px; line-height: 50px; font-size: 15px; font-weight: 400; border-top: 0; cursor: pointer; border-bottom: 1px solid #ddd;}
.dtable .table-th.tcTab + .table-th.tcTab {border-left: 1px solid #ddd;}
.dtable.tcContent {position: relative; padding: 35px; background: #fff;}
.tabArea .dtable.tcContent:nth-child(2) {padding: 15px;}
.dtable.tcContent:last-child {border-bottom: 0;}
.dtable.tcContent .youtubeWrap {margin: 0;}
.bottomtab .teacherview-tap {margin: 0 auto;}
.teacherview-tap ul li + li {margin-left: 0;}
.teacherview-tap ul li a {font-weight: 400; color: #fff; font-size: 18px; font-weight: 400;}
.teacherview-tap ul {border-bottom: 0;}
.section.bottomcon {margin: 50px auto;}


.bg_21 {background: url(/files/images/sub-bg6.jpg) no-repeat center;}
.bg_3, .bg_56 {background: url(/files/images/sub-bg1.jpg) no-repeat center;}
.bg_1 {background: url(/files/images/sub-bg2.jpg) no-repeat center;}
.bg_2 {background: url(/files/images/sub-bg3.jpg) no-repeat center;}
.bg_5 {background: url(/files/images/sub-bg4.jpg) no-repeat center;}
.bg_6, .bg_34, .bg_0 {background: url(/files/images/sub-bg5.jpg) no-repeat center;}

.depth3_list a {width: 20%; text-align: center; padding: 0; height: 50px; line-height: 50px; white-space: nowrap; font-size: 16px; font-weight: 400;}
.btn-depth3.focus, .depth3_list a:hover {line-height: 50px;}
.photo-txt .title {height: 40px;}
.padding-wrap {padding-bottom: 65%;}
.padding-wrap.utbThumbWrap {padding-bottom: 55%;}
.utbThumbWrap .img-wrap img {margin-top: -10%;}
.book-cate {display: none;}
.dtable.tcContent {display: block; max-height: 379px; overflow: auto;}
.teacher_box > a > .techer-img img {width: 100%;}

/* .bg_21:before {content:'진정한 디지털 혁신을 위한 가장 강력한 디자인 동력'; display: block; position: absolute; text-align: center; width: 100%; font-size: 18px; color: #fff; top: 80px;} */


/* 메인배너 — Swiper 구조에서는 슬라이드마다 .banner가 last-child라 숨기면 안 됨 */
.bannerWrap.banner13 .banner:last-child {display: block;}


.myorder-tab li:nth-child(2), .myorder-tab li:nth-child(3) {display: none;}



/* progrma download */
a.pop_con_download {display:block; margin:20px; background:#000; color:#fff; padding:20px;}
a.pop_con_download:nth-child(1) {background:#ea5867;}
a.pop_con_download:nth-child(2) {background:#7e00ff;}
a.pop_con_download:nth-child(3) {background:#008891;}
a.pop_con_download:nth-child(4) {background:#0092ff;}
.pop_con_arrow {float:right; position:relative; top:8px;}
.pop_con_down {width:30px; height:30px; margin-right:10px;}
.pop_top {background:#222; color:#fff; padding:30px 20px;}
.pop_top h1 {font-size:24px; color:#fff;}
.pop_con {padding:10px 20px;}
.pop_con p {padding:10px 0;}
.pop_con h2 {padding-top:20px;}
.btn_closed a {display:block; max-width:200px; text-align:center; margin:0 auto; background:#222; color:#fff; padding:15px 0; border-radius:50px;}


.c-List-Type ul li:nth-child(1) {width: 250px; position: relative;}
.stateBtn {position: absolute; top: 0; left: 0; color: #fff; letter-spacing: -1px; font-size: 12px; white-space: nowrap; padding: 3px 6px; border-radius: 5px; margin: 5px;}
.state1 {background: #2196f3;}
.state2 {background: #ff0000;}
.state3 {background: #000;}
.state4 {background: #795548;}
.icon-Box {display: none;}
.c-List-Type ul li {font-size: 14px;}
.appDate {color: #3c3c3c; font-weight: 500;}
.m-img {position: relative;}
.maxcount {color: #FF5722;padding: 0 5px;white-space: nowrap;font-size: 13px;font-weight: 500;}
.m-txt .appDate {font-size: 14px;margin-top: 10px;padding-top: 5px;border-top: 1px solid #ddd;}
.m-txt .maxcount {text-align: right;}
.detail-top .left {position: relative;}
.detail-top .right table {font-size: 14px;}
.select_dsg::after {top: 8px; font-size: 10px;}

.bannerWrap.banner16 .banner:last-child {display: none;}
.card-req {padding: 50px; font-size: 18px; width: 100%;}
.card-req td {padding: 10px 0; border-bottom: 1px solid #ddd; width: auto;}
.card-req td:first-child {width: 150px;}

.mbsList ul, .mbsDetail {display: inline-block; width: 100%;}
.mbsList ul li {float: left; width: 23.5%;}
.mbsList ul li + li {margin-left: 2%;}
.mbsList ul li:nth-child(5), .mbsList ul li:nth-child(9), .mbsList ul li:nth-child(13), .mbsList ul li:nth-child(17) {margin-left: 0;}
.mbsList ul .mbs-img {position: relative; overflow: hidden; padding-top: 56%;}
.mbsList ul li img {width: 100%; position: absolute; top: 0;}
.mbsList ul li h2 {font-weight: 400; color: #000; margin-top: 10px; height: 54px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; margin-bottom: 40px;}
.mbsDetail .img {width: 50%; float: left;}
.mbsDetail .img img {width: 100%;}
.mbsDetail .detBox {width: 50%; float: left; padding-left: 20px;} 
.mbsCourse ul {display: table;}
.mbsCourse ul li {display: table-cell;}
.mbsDetail {margin-bottom: 30px;}
.mbsCourse h2 {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #333;}
.mbsCourse ul {padding: 10px; border-bottom: 1px solid #ddd; display: table; width: 100%;}
.mbsCourse ul li {display: middle; vertical-align: middle; font-size: 16px;}
.mbsCourse ul li:nth-child(1) {width: 60px;}
.mbsCourse ul li:nth-child(2) {width: auto;}
.mbsCourse ul li:nth-child(3) {width: 100px;}
.mbsCourse ul li:nth-child(4) {width: 100px;}
.mbsCourse ul li button {background: #fff;    border: 1px solid #000;    color: #000;    height: 27px;    margin: 2px;    min-height: auto;}
.mbsTabs {display: inline-block; width: 100%; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
.mbsTabs a {display: block; width: 16%; float: left; padding: 10px; text-align: center; background: #f9f9f9; color: #333; font-size: 16px; font-weight: 500; border: 1px solid #ddd; border-bottom: 0;}
.mbsTabs a:hover {background: #f3f3f3;}
.mbsTabs a + a {margin-left: 0.5%;}
.mbsTabs a.active {background: #ff0009; color: #fff;}


.utbThumbWrap .utbThumb {top: 0;}
.utbThumb {margin-top: 0;}


@media (min-width: 835px){

}

@media (min-width: 481px){
	
}

@media (max-width:1024px) {
	.companyInfo li:last-child {padding:5% 0 0 10%;}
	.companyBox {height:412px;}
	.companyPicture {bottom:-106px;}
}

@media all and (min-width:481px) and (max-width:767px){
	.memberJoin-li li {width:100%; max-width:380px; margin:0 auto; float:none;}
	.memberJoin-li li:first-child {margin:0 auto;}
	.memberJoin-box-bottom {border:1px solid #ddd; height:auto; padding:55px 0 75px;}
	a.memberJoin-box-button {margin-bottom:20px;}
	.membershipPay-box-title {letter-spacing:-2px;}
}

@media (max-width: 834px) {
	.topNoti {width: 100%; padding-left: 10px;}
	.customer .custArea .inlineblock li:last-child {padding-left: 0;}
	.customer .custArea .dtable li {width: 100%;}
	.bx-wrapper .bx-prev {left: -10px;}
	.bx-wrapper .bx-next {right: -10px;}
	.book_1Box {padding: 25px 10px;}
	.customer .custArea .dtable li:nth-child(even) {border-left: 0;}
	.top-logo {margin-left: 10px;}
	.tchDet .section .left {height: auto; position: relative;}
	.tchDet .section .left img {height: auto; right: 0; position: relative;}
	.companyBox {height:300px;}
	.companyText {font-size:22px;}
	.locationInfo li {height:200px;}
	.myMembership-box {padding:60px 40px 50px;}
	.memberJoin-box-price {font-size:24px;}
	.memberJoin-box-sale {font-size:18px;}
	.memberJoin-box-text {font-size:14px;}
	.memberJoin-box-bold {font-size:16px; letter-spacing:-1px;}
	.mbsTabs a {width: 32.8%; margin-bottom: 3px; border: 1px solid #ddd;}
	.mbsTabs a:nth-child(4) {margin-left: 0;}
	.mbsTabs {border-bottom: 0;}
}

@media (max-width: 768px){
	.companyTitle {font-size:45px;}
	.companyBox {height:270px;}
	.companyText {font-size:20px;}
	.mobileInfotext {padding:10px;}
	.membershipPay-box {padding:50px 60px;}
	.membershipPay-box-title {font-size:30px;}
	.membershipPay-table li {font-size:15px;}
}

@media (max-width: 480px) {
	.calenBody .weekLine li {display: block; width: 100%; border-top: 1px solid #ddd;}
	.calenBody .weekLine li + li {border-left: 0;}
	.courseBox ul li, .slider_boxphoto .btext {width: 49%; min-height:auto;}
	.courseBox ul li + li, .slider_boxphoto .btext + .btext {margin-left: 0;}
	.courseBox ul li:nth-child(even) {margin-left: 2%;}
	.slider_boxphoto .btext:nth-child(even) {margin-left: 2%; margin-bottom: 10px;}
	.banner13 .banner:nth-child(1) {display: block;}
	.bannerWrap.banner13 .banner:last-child {display: block;}
	.mBnner-bottom > div, .customer > .section > div {width: 100%;}
	.mBnner-bottom > div + div, .customer > .section > div + div {margin-left: 0; margin-top: 10px;}
	.customer > .section > div + div {margin-top: 30px;}
	.pd80 {padding: 40px 0;}
	.main-2 {padding: 40px 0 52px;}
	.main-2 + .main-2 {padding-top: 28px;}
	.main-book {padding: 40px 0 56px;}
	.main-book__panel {border-radius: 16px;}
	.main-book__shelf {padding: 18px 0 8px;}
	.main-book .book_1Box {padding: 0;}
	.main-book .book_1 > li {padding: 4px 0 14px;}
	.main-book .book_1 p {font-size: 13px; margin-top: 10px;}
	.main-book .bx-wrapper .bx-controls-direction {padding: 0 16px;}
	.course_1 {padding-bottom: 0px;}
	.m-title {font-size: 20px; margin-bottom: 22px; letter-spacing: -0.4px;}
	.m-title:before {width: 28px; height: 2px; margin-bottom: 10px;}
	.m-txt .appDate{margin-top:5px; padding-top:5px; }
	.m-txt h2 {font-size: 14px;}
	.m-txt p {font-size: 12px;}
	.m-img img, .NoneCourse img {width: 100%; height:140px;  border-radius:7px;}
	.top-logo {width: 260px;}
	.top-logo img {width: 100%;}
	.cmbody a {width: 33.33333333%; font-size: 14px;}
	.topNoti {width: 100%; padding: 0 10px;}
	.notiBar {height: auto;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 15px;}
	.m-txt {padding-top: 7px;}
	.foot-privit {height: auto; line-height: 40px;}
	.company {letter-spacing: -1px;}
	.depth3_list a {width: 50%; margin-top: -1px;}
	.tchDet .section .left {width: 100%; float: none;}
	.tchDet .section .right {width: 100%; float: none; padding: 0; margin: 0;}
	.tchDet .tcstit p {font-size: 18px;}
	.tchDet .tcstit {font-size: 32px;}
	.teacher_kate_con {padding: 40px 2%;}
	.bottomtab .teacherview-tap {width: 100%;}
	.teacherview-tap ul li a {font-size: 15px;}
	.companyInfo li {width:100%;}
	.companyInfo li:last-child {width:100%; padding:0;}
	.companyPicture {position:relative; right:0; bottom:0;}
	.companyBox {height:auto; border:none; border-top:10px solid #0056b8; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:40px;}
	.locationInfo li {width:100%; height:auto;} 
	.bannerWrap.banner16 .banner:first-child {display: none;}
	.bannerWrap.banner16 .banner:last-child {display: block;}
	.mobileInfoimg {border:none;}
	.c-List-Type ul li:nth-child(1) {width: 100%;}
	.membershipPay-box {padding:50px 30px;}
	.membershipPay-box-title {font-size:28px;}
	.membershipPay-table li {font-size:14px;}
	.membershipPay-table li.membershipPay-th {width:40%;}
	.membershipPay-table li.membershipPay-td {padding-left:15px; width:60%;}
	.membershipPay-button {padding-top:20px;}
	.membershipPay-button a {max-width:480px; margin:10px 0; width:90%;}
	.memberJoin-li li {width:100%; margin:0;}
	.memberJoin-box-bottom {padding:50px 0 45px; height:auto;}
	a.memberJoin-box-button {bottom:0; margin-bottom:40px; max-width:480px;}
	.mbsTabs a {font-size: 14px;}
	.mbsList ul li {width: 48%; margin-bottom: 20px;}
	.mbsList ul li + li {margin-left: 0;}
	.mbsList ul li:nth-child(even) {margin-left: 4%;}
	.mbsList ul li h2 {font-size: 15px; height: 48px;}
}

/* FAQ 아코디언 */
.faqAcc {border-top: 2px solid #000; border-bottom: 1px solid #e5e7ee;}
.faqAcc-list {list-style: none; margin: 0; padding: 0;}
.faqAcc-item + .faqAcc-item {border-top: 1px solid #edeff5;}
.faqAcc-question {display: flex; align-items: center; padding: 18px 20px; color: #333; transition: background .2s, color .2s;}
.faqAcc-question:hover, .faqAcc-question:focus {background: #f7f8fb; color: #061f5c; text-decoration: none;}
.faqAcc-badge {flex: 0 0 32px; width: 32px; height: 32px; margin-right: 14px; border-radius: 50%; background: #061f5c; color: #fff; font-size: 15px; font-weight: 700; line-height: 32px; text-align: center;}
.faqAcc-badge-a {background: #eaeef7; color: #52618a;}
.faqAcc-subject {flex: 1 1 auto; min-width: 0; font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; word-break: keep-all;}
.faqAcc-arrow {flex: 0 0 10px; width: 10px; height: 10px; margin: -4px 4px 0 16px; border-right: 2px solid #a0a5b3; border-bottom: 2px solid #a0a5b3; transform: rotate(45deg); transition: transform .25s, border-color .25s;}
.faqAcc-item.on .faqAcc-question {background: #f7f8fb; color: #061f5c; font-weight: 600;}
.faqAcc-item.on .faqAcc-arrow {margin-top: 4px; transform: rotate(-135deg); border-color: #061f5c;}
.faqAcc-answer {display: none; background: #fbfcfe; border-top: 1px dashed #dfe3ee;}
.faqAcc-answer-inner {display: flex; padding: 25px 20px;}
.faqAcc-content {flex: 1 1 auto; min-width: 0; font-size: 15px; line-height: 1.75; color: #555;}
.faqAcc-content img {max-width: 100%; height: auto;}
.faqAcc-content iframe {width: 100%; max-width: 800px; height: auto; aspect-ratio: 16 / 9;}
.faqAcc-content a {color: #2a5bd7; text-decoration: underline; word-break: break-all;}
.faqAcc-empty {padding: 70px 20px; font-size: 15px; color: #a0a5b3; text-align: center;}
.faq_search {margin-top: 10px;}

@media (max-width: 768px){
	.faqAcc-question {padding: 15px 12px;}
	.faqAcc-badge {flex: 0 0 26px; width: 26px; height: 26px; margin-right: 10px; font-size: 13px; line-height: 26px;}
	.faqAcc-subject {font-size: 15px;}
	.faqAcc-arrow {margin-left: 10px;}
	.faqAcc-answer-inner {padding: 20px 12px;}
	.faqAcc-content {font-size: 14px;}
	.faqAcc-empty {padding: 50px 12px; font-size: 14px;}
}