.sub__header {
	padding: 50px 0 10px;
	border-bottom: 1px solid #d1d7e1;
}
.sub__header .title {
	font-size: 45px;
	font-weight: 900;
	text-align:center;
}
.sub__header .title span {
	display: block;
	font-size: 19px;
	font-weight: 400;
	color: #333;
	margin-top: 0.5em;
}
.breadcrumb-wrap {
	position: relative;
	top: -30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 15px;
}
.breadcrumb {
	display: flex;
	align-items: center;
}
.breadcrumb li {
	font-weight: 500;
	color: #7d8086;
	letter-spacing: -1px;
}
.breadcrumb li:not(:last-child):after {
	content: '>';
	margin: 0 10px;
}
.util__btns {
	display: flex;
	align-items: center;
	gap: 7px;
}
.util__btns button {
	width: 35px;
	height: 35px;
	border-radius: 2px;
	border: 1px solid #b5b9c5;
	text-align: center;
}

.sub-content {
	padding-top: 40px;
	padding-bottom: 90px;
}

/* title */
.sub-title_01 {
	position: relative;
	font-size: 28px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}
.sub-title_02 {
	position: relative;
	font-size: 20px;
	font-weight: 800;
	color: #111;
	padding-left: 35px;
	margin-bottom: 20px;
}
.sub-title_02::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url('/theme/khu/img/icon/bull_01.svg') no-repeat center;
	border-radius: 100%;
}
.sub-title_03 {
	position: relative;
	font-size: 28px;
	font-weight: 700;
	color: #000;
	line-height: 150%;
	margin-bottom: 40px;
}

.text_01 {
	/* font-size: 14px; */
	line-height: 150%;
	color: #555;
}

.section {
	position: relative;
}
.section + .section {
	margin-top: 40px;
}

.list-dot >li {
	position: relative;
	padding-left: 0.8em;
}
.list-dot >li::before {
	content: '\00b7';
	position: absolute;
	top: 0;
	left: 0;
}
.bul-dot {
	position: relative;
	padding-left: 0.8em;
}
.bul-dot::before {
	content: '\00b7';
	position: absolute;
	top: 0;
	left: 0;
}
.list-decimal {
	position: relative;
	list-style: decimal;
	padding-left: 15px;
}
.list-decimal * {
	color: inherit;
}
.bul-danger {
	position: relative;
	padding-left: 0.8em;
}
.bul-danger::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

.required-text {
	color: #d43f35;
	font-size: 16px;
	font-weight: 500;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 0;
}
.required::before {
	content: '*';
	display: inline-block;
	color: #d43f35;
	font-size: 16px;
	font-weight: 700;
	margin-right: 3px;
}


.common__table {
	table-layout: auto;
	/* border-top: 2px solid #000; */
}
.common__table th,
.common__table td {
	font-size: 18px;
	padding: 16px 20px;
	border: 1px solid #d9dde8;
}
.common__table th {
	font-weight: 500;
	background: #f3f4f6;
	/* white-space: nowrap; */
}
.common__table td {
	color: var(--color-gray-70);
}
.common__table th:first-child,
.common__table td:first-child {border-left: 0;}
.common__table th:last-child,
.common__table td:last-child {border-right: 0;}
.common__table .--smbox {
	padding: 5px 20px;
}


@media (max-width: 1024px) {
	.table-scroll-wrap {
		overflow-x: auto;
		white-space: nowrap;
	}
/*
	.table-scroll-wrap::before {
		content: '* 좌우로 스크롤 해주세요';
		display: block;
		font-size: 14px;
		color: var(--color-gray-70);
		margin-bottom: 10px;
	}
	 */
}

/* tab */

.tab__type01-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px auto 20px;
}

.tab__type01-menu li {
	width: 20%;
	max-width: 20%;
	flex-grow: 1;
	margin-left: -1px;
	margin-top: -1px;
}
.tab__type01-menu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #111;
	padding: 10px;
	background: #f3f4f6;
	border: 1px solid #d7d7d7;
	height: 57px;
}
.tab__type01-menu .active {
	background: #fff;
	color: #9c1c1f;
	font-weight: 500;
	box-shadow: 3px 3px 3px rgba(16, 24, 40, 0.08);
}
/* li가 4개 이하일 때 (즉, 5개 미만) li 전체에 flex: 1 적용 */
.tab__type01-menu:has(> li:nth-last-child(-n+4):first-child) > li {
	max-width: none;
}
@media (max-width: 768px) {
	.tab__type01-menu li {
		width: 25%;
		max-width: 25%;
		margin-top: 0;
	}
}
@media (max-width: 480px) {
	.tab__type01-menu {
	    flex-wrap: nowrap;     /* 줄바꿈 방지 */
	    overflow-x: auto;      /* 가로 스크롤 허용 */
	    padding-bottom: 10px;
	    -webkit-overflow-scrolling: touch; /* 부드러운 스크롤 */
			margin-top: 0;
			padding-left: 5px;
	}
	/* 1. 스크롤바 전체 영역 (높이 설정) */
	.tab__type01-menu::-webkit-scrollbar {
	    height: 6px;  /* 얇고 심플한 두께 */
	}

	/* 2. 스크롤바 트랙 (배경) */
	.tab__type01-menu::-webkit-scrollbar-track {
	    background: transparent; /* 배경을 투명하게 해서 깔끔함 유지 */
	    /* 필요하다면 background: #f5f5f5; 처럼 연한 회색 지정 가능 */
	}

	/* 3. 스크롤바 핸들 (움직이는 막대) */
	.tab__type01-menu::-webkit-scrollbar-thumb {
	    background-color: #d1d1d1; /* 연한 회색 */
	    border-radius: 10px;       /* 둥근 모서리 */
	    border: 2px solid transparent; /* 여백을 주는 느낌 (선택사항) */
	    background-clip: content-box;
	}

	/* 4. 마우스 올렸을 때 핸들 색상 진하게 */
	.tab__type01-menu::-webkit-scrollbar-thumb:hover {
	    background-color: #a8a8a8;
	}
	.tab__type01-menu li {
			width: auto;
			max-width: none;
	    flex: 0 0 auto;       /* 아이템 크기 고정 (찌그러짐 방지) */
	    white-space: nowrap;  /* 텍스트 줄바꿈 방지 */
	}
	.tab__type01-menu li a {
		font-size: 14px;
		padding: 10px 20px;
	}
}

.tab__type02-menu {}
.tab__type02-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #d1d7e1;
	border-bottom : 1px solid #d1d7e1;
}
.tab__type02-menu li {
	flex: 1;
}
.tab__type02-menu li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 90px;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	color: #7d8086;
	padding: 0 10px;
	word-break: keep-all;
}
.tab__type02-menu a.active {
	color: #080717;
/* 	border-bottom: 5px solid #002654; */
}
.tab__type02-menu a.active:before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%) rotate(0deg); /* rotate(0) = 위쪽 삼각형 */
	bottom: 0;
	width: 28px;
	height: 14px;
	background: #002654;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%); /* 삼각형 모양 */
}
.tab__type02-menu li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 5px;
	transition: all .3s ease-in-out;
	background: #002654;
}
.tab__type02-menu a.active:after {
	left: 0;
	width: 100%;
}



.board-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 20px;
}
.board-info .total-count {
	font-size: 17px;
	font-weight: 500;
	color: #404146;
}
.board-info .total-count strong {
	font-weight: 900;
	color: #111;
}
.board-info .sort {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}
.board-info .sort p {
	font-size: 16px;
	font-weight: 500;
	color: #111;
}
.board-info .sort select{
	--width: 120px;
	border-radius: 4px;
}


.form-flex {
	display: flex;
	align-items: center;
	gap: var(--gap, 10px);
}
.form-inline {
	display: inline-flex;
	align-items: center;
	margin-right: var(--gap, 10px);
}
.form__text {
	color: #6d6e78;
}
.form__select {
	width: var(--width, auto);
	height: 40px;
	padding: 0 34px 0 10px;
	background: url('/theme/khu/img/icon/arrow-down.svg') no-repeat right 10px center;
	border-radius: 4px;
	font-size: 14px;
	border: 1px solid #D9DDE8;
}
.form__input {
	width: var(--width, 600px);
	height: var(--height, 40px);
	padding: 0 10px;
	background: #fff;
	border-radius: 6px;
	font-size: 14px;
	border: 1px solid #D9DDE8;
}
textarea.form__input {
	padding: 10px;
}
.form__date {
	width: 130px;
	height: 40px;
	padding: 0 10px 0 10px;
	background: #fff;
	border-radius: 6px;
	font-size: 14px;
	border: 1px solid #D9DDE8;
}

/* input - file */
input[type='file'] {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.form__input--file_wrap {
  	display: flex;
	align-items: center;
	gap: 10px;
}
.form__span--file {
	display: block;
	width: min(100%, 380px);
	height: var(--height, 40px);
	padding: 8px 20px;
	background: #fff;
	border-radius: 6px;
	font-size: 14px;
	color: var(--color-gray-70);
	border: 1px solid #D9DDE8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.form__label--file {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 35px;
	text-align: center;
	background: #f3f4f6;
	font-size: 15px;
	color: #010101;
	border-radius: 3px;
	border: 1px solid #d0d5dd ;
}



/* input - radio */
input[type='radio'] ,
input[type='checkbox'] {
	appearance: none;
}
input[type='radio'] + label,
input[type='checkbox'] + label {
	font-size: 16px;
	margin-left: 6px;
	margin-top: 2px;
}
input[type="radio"]:disabled {
	background: #d0d5dd !important;
	border: 1px solid #d0d5dd !important;
}
input[type="checkbox"]:disabled {
	background: #d0d5dd;
}
.form__radio input[type='radio'] {
	opacity: 1;
	width: 24px;
	height: 24px;
	background: #fff;
	border: 1px solid #d0d5dd;
	border-radius: 50px;
}
.form__radio input[type='radio']:checked{
	position: relative;
	width: 24px;
	height: 24px;
	background: #fff;
}
.form__radio input[type='radio']:checked::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	background: #111;
	border-radius: 100%;;
}


.form__chk {}
.form__chk input[type='check'] {
	width: 24px;
	height: 24px;
	background: #fff;
	border: 1px solid var(--color-gray-30);
	border-radius: 4px;
}
.form__chk input[type='check']:checked {
	background: var(--primary-red) url('/theme/khu/img/icon/ico-chkBox.svg') no-repeat center;
	border-color: var(--primary-red);

}


.form-delete {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}
.form-delete *:first-child {
	padding-top: 5px;
}

.bbs__list {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 40px;
	--num: 3;
}
.bbs__list-item {
	width: calc(100% / var(--num) - 5%);
	max-width: calc(100% / var(--num));
	flex-grow: 1;
	border: 1px solid #d0d6db;
}
.bbs__list-link {
	display: block;
	padding: 30px;
	background: #fff;
}
.bbs__list-img {
	aspect-ratio: 190/127;
}
.bbs__list-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bbs__list-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 150%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.bbs__list-desc {
	position: relative;
	font-weight: 500;
	color: #686a70;
	margin-top: 4px;
	padding-left: 12px;
}
.bbs__list-desc::before {
	content: '·';
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
}
.bbs__list-link:hover .bbs__list-title {
	text-decoration: underline;
	text-underline-position: under;
}

@media (max-width: 1024px) {
	.bbs__list {
		gap: 20px;
		--num: 2;
	}
	.bbs__list-link {
		padding: 30px 20px;
	}
}
@media (max-width: 480px) {
	.bbs__list {
		gap: 20px;
		--num: 1;
	}
}


.bbs__view-wrap {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
.bbs__view-img {
	width: 59%;
}
.bbs__view-img .swiper-slide {
	aspect-ratio: 180/130;
}
.bbs__view-img .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bbs__view-slider {
	position: relative;
}
.bbs__view-slider .control__box {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 2px;
}
.bbs__view-slider .arrow {
	width: 50px;
	height: 50px;
    background: rgba(22, 27, 29, 0.6) url('') no-repeat center;
    cursor: pointer;
	z-index: 1;
}
.bbs__view-slider .arrow.prev {
    left: 40px;
	background-image: url('/theme/khu/img/icon/arrow-left_wt.svg');
}
.bbs__view-slider .arrow.next {
    right: 40px;
	background-image: url('/theme/khu/img/icon/arrow-right_wt.svg');
}


@media (max-width: 1024px) {
	.bbs__view-img {
		width: 100%;
	}
}

.bbs__view-subimg {
	position: relative;
	padding: 0 45px;
}
.bbs__view-subSlider .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bbs__view-subSlider .swiper-slide p {
	text-align: center;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bbs__view-subimg .arrow {
	position: absolute;
	top: calc(50% - 20px);
	transform: translateY(-50%);
	width: 23px;
	height: 70px;
	background: rgba(22, 27, 29, 0.6) url('') no-repeat center / 40%;
	border-radius: 0 10px 0 10px;
}
.bbs__view-subimg .arrow.prev {
	left: 0;
	background-image: url('/theme/khu/img/icon/arrow-left_wt.svg');
}
.bbs__view-subimg .arrow.next {
	right: 0;
	background-image: url('/theme/khu/img/icon/arrow-right_wt.svg');
}
.bbs__view-subimg .pagination {
	font-size: 0;
	text-align: center;
	margin-top: 30px;
}
.bbs__view-subimg .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #7C7E87;
	margin: 0 7px !important;
	opacity: 1;
	transition: .3s;
}
.bbs__view-subimg .swiper-pagination-bullet-active {
	width: 20px;
	background: #A28951;
	border-radius: 10px;
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	.bbs__view-subimg {
		position: relative;
		padding: 0 30px;
	}
	.bbs__view-subimg .arrow {
		height: 50px;
		width: 18px;
	}
	.bbs__view-subimg .swiper-pagination-bullet {
		margin: 0 4px !important;
	}
}

.bbs__calender-wrap {
	flex-grow: 1;
	/* margin-top: 20px; */
	border-top: 2px solid #555;
}
.bbs__calender-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 10px;
}
.bbs__calender-header p {
	font-size: 24px;
	font-weight: 900;
}
.bbs__calender-header button {
	display: inline-block;
	width: 42px;
	height: 42px;
	font-size: 0;
	background: url('') no-repeat center;
}
.bbs__calender-header button.prev {
	background-image: url('/theme/khu/img/icon/arrow-left.svg');
}
.bbs__calender-header button.next {
	background-image: url('/theme/khu/img/icon/arrow-right.svg');
}
.bbs__calender-tag {
	padding: 15px 0;
	border-bottom: 1px solid #d0d6db;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
}
.bbs__calender-tag span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	font-size: 15px;
}
.bbs__calender-tag span::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid var(--color-gray-30);
}
.bbs__calender-tag .is-today::before {
	background: #7c7e87;
}
.bbs__calender-tag .is-able::before {
	background: #fff;
}
.bbs__calender-tag .is-disable::before {
	background: #d0d6db;
}
.bbs__calender {
	border-spacing: 0;
	border-collapse: collapse;
}
.bbs__calender th {
	height: 40px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.bbs__calender td {
	font-size: 14px;
	text-align: center;
	height: 61px;
	border: 1px solid #d7d7d7;
}
.bbs__calender .date {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.bbs__calender .is-today {
	font-weight: 700;
	background: #7c7e87;
	color: #fff;
}
.bbs__calender .is-disable {
	color: #a8a8a8;
	background: #e8e9eb;
}

.bbs__calender .other-month {
	color: var(--color-gray-40);
}
.bbs__calender .other-month .date,
.bbs__calender .is-disable .date {
	pointer-events: none;
}

.bbs__view-info {
	border-top: 1px solid #d0d6db;
	display: flex;
	flex-wrap: wrap;
}
.bbs__view-info li {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	border-bottom: 1px solid #d0d6db;
	padding: 20px 0;
	box-sizing: border-box;
	width: 50%;              /* 한 줄에 li 2개 */
	padding-right: 20px;     /* 오른쪽 간격 */
}
.bbs__view-info .tit {
	font-size: 17px;
	font-weight: 600;
	color: #686a70;
	padding: 0 20px;
	width: 150px;
}
.bbs__view-info .cont {
	font-size: 17px;
	font-weight: 600;
	color: #040404;
	flex: 1;
}
@media (max-width: 768px) {
	.bbs__view-info li {
      width: 100%;
    }
}

.btn__wrap {
	margin-top: var(--mt, 30px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
[class*=btn-st].--primary {
	color: #fff;
	background: var(--primary-red);
	border: 1px solid var(--primary-red);
}
[class*=btn-st].--secondary {
	color: #fff;
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}
[class*=btn-st].--white {
	background: #fff;
	border: 1px solid #d0d5dd;
}
[class*=btn-st].--light {
	background: #f3f4f6;
	border: 1px solid #d0d5dd;
	color: #252525;
}
[class*=btn-st].--chk::after {
	content: '';
	display: inline-block;
	width: 19px;
	height: 14px;
	background: url('/theme/khu/img/icon/ico-chk2.svg') no-repeat center / 100%;
	margin-left: 8px;
}
.btn-st1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	min-width: var(--width, 168px);
	padding: 0 20px;
	border-radius: 3px;
	font-size: 20px;
}
.btn-st2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	min-width: var(--width, 140px);
	padding: 0 50px;
	border-radius: 3px;
	font-size: 17px;
	font-weight: 700;
}
.btn-st3 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 90px;
	height: 35px;
	padding: 0 15px;
	border-radius: 3px;
}

.map__box {
	width: 100%;
	aspect-ratio: 2/1;
}
.map__box iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.regist_page {
	/* background: #f6f6f6; */
}
.regist_page .common__table th {
	font-size: 17px;
}
.regist_page .common__table td {
	font-size: 14px;
}
.regist__container {
	/* border-radius: 4px;
	background: #fff;
	box-shadow: 0 6px 11px 0 rgba(27, 29, 31, 0.05), 0 10px 15px 0 rgba(27, 29, 31, 0.05), 0 0 1px 0 rgba(0, 0, 0, 0.25);
	padding: 60px 40px; */
}

.radio__selector {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.radio__selector button {
	font-size: 15px;
	display: inline-flex;
	height: 30px;
	padding: 0 10px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 1px solid #d0d5dd;
	background: #fff;
	color: #111;
	font-weight: 400;
}
.radio__slider {
    position: relative;
    width: 100%;
    /* padding: 0 50px; */
    overflow: hidden;
}
.radio__slider--wrap {
    /* overflow-x: hidden; */
    margin: 0 50px;
}
.radio__slider--track {
    display: flex;
    align-items: stretch;
    gap: 20px;
    transition: transform 0.3s ease;
}

.radio__slider--slide {
	position: relative;
	flex: 0 0 calc((100% - 45px) / 3);
	border-radius: 20px;
	/* overflow: hidden; */
	border: none;
}

.radio__slider--slide .form__radio {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.radio__slider--content {
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
}


.radio__slider--content .img {
    max-width: 100%;
    aspect-ratio: 190/127;
    overflow: hidden;
}
.radio__slider--content img {
    width: 100%;
    height: 100%;
	object-fit: cover;
    display: block;
}
.radio__slider--content span {
	display: block;
    text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #222;
	background: var(--color-gray-10);
	border-top: 0;
	border-radius: 0 0 20px 20px;
	padding: 8px;
}
.radio__slider--slide input[type="radio"]:checked + .radio__slider--content span {
    background: var(--primary-red);
	color: #fff;
}

.radio__slider--slide .tooltip {
  position: absolute;
  bottom: 0;
  left: 82%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.80);
  color: #fff;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  z-index: 2;
}
.radio__slider--slide .tooltip::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.80) transparent;
}

.radio__slider--slide:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

/* ===== 버튼을 트랙 바깥으로 배치 ===== */
.radio__slider .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(22, 27, 29, 0.6) url('') no-repeat center / 20%;
    cursor: pointer;
    z-index: 2;
}

.radio__slider .arrow.prev {
    left: 0;
    background-image: url('/theme/khu/img/icon/arrow-left_wt.svg');
}
.radio__slider .arrow.next {
    right: 0;
    background-image: url('/theme/khu/img/icon/arrow-right_wt.svg');
}


.campus-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px; /* 아래 여백(선택) */
}
.vr-btn{
  margin-top: 30px;
  display:inline-flex;
  align-items:center;
  gap:0.6rem;
  padding:0.6rem 1rem;
  background:#274a87;
  color:#fff;
  font-weight:600;
  border-radius:8px;
  text-decoration:none;
  font-size:1.5rem;
  box-shadow:0 6px 18px rgba(2,48,85,0.15);
  transition:transform .14s ease, box-shadow .14s ease;
}
.vr-btn:hover{ transform:translateY(-1px); box-shadow:0 2px 5px rgba(2,48,85,0.22); }
.vr-btn .arrow{ font-weight:700; font-size:1.95rem; }


.sect:not(:last-child){margin-bottom: 40px;}
/* bullet_tit */
.bullet_tit{padding-left: 20px; font-size: 1.438rem; font-weight: 700; position: relative; margin-bottom: 15px;}
/*.bullet_tit::before{background: url(/img/blue_bullet.png) no-repeat center; content: ""; display: block; width: 12px; height: 12px; position: absolute; left: 0; top: 6px;}*/

.sub_bullet_tit{padding-left: 30px; color: var(--main-color); font-size: 18px; position: relative; margin-top: 50px; margin-bottom: 20px; font-weight: 700;}
.sub_bullet_tit::before{content: ""; display: block; position: absolute; background: url(/img/sub_bullet.png) no-repeat center; width: 18px; height: 18px; top: 4px; left: 2px;}

.sub_bullet_txt{padding-left: 30px; font-size: 16px; font-size: 1em; position: relative; margin-bottom: 10px; color: #666;}
.sub_bullet_txt::before{content: ""; display: block; position: absolute; background: url(/img/sub_bullet.png) no-repeat center; width: 18px; height: 18px; top: 4px; left: 2px;}

.sub_gray_box{background-color: #f4f4f4; border: 1px solid #ddd; padding: 25px 1.875rem; display: flex; color: #444; font-weight: 400; row-gap: 20px; flex-wrap: wrap; align-items: center; line-height: 1.7; justify-content: space-between; font-size:16px;}
.sub_gray_box .short{max-width: 630px; width: 100%;}
.sub_gray_box .sub_btn{margin-top: 0; flex-shrink: 0; font-size: 14px;}
.sub_gray_box_border{border: 1px solid #ccc; padding: 1.875em;}

.box-bs.view { border: 0; font-size: 1rem; line-height: 20px;}
.b-pic { position: relative;}
.b-pic img { display: block; width: 100%;}

.w968 {width: 968px !important;}

.sub-title-line {
    position: relative;
    padding-bottom: 20px; /* 텍스트와 라인 간격 */
}

.sub-title-line::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

.sub_page {
	padding-top: 40px;
	padding-bottom: 90px;
}