@charset "UTF-8";

:root {
	--color-1: #f26d85;
	--color-2: #0477bf;
	--color-3: #f29a2e;
	--color-4: #85def2;
}

#wrap {
	min-height: auto;
}

#header {
	padding-bottom: 6.2rem;
}

.modal-conts,
.modal-conts:active,
.modal-conts:focus {
	outline: none !important;
	box-shadow: none !important;
}

/*
a:active,
a:focus,
button:active,
button:focus {
	outline: none !important;
}
*/

.main-vban-wrap .vb-swiper .swiper-slide {
	padding: var(--krds-padding-1) var(--krds-padding-15);
	height: 39rem;
}

.main-vban-wrap .vb-swiper .swiper-slide .text {
	padding-top: 0;
}

.main-sect {
	margin-top: var(--krds-gap-7);
}

.learning-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--krds-gap-6);
}

.learning-list > li > a {
	display: block;
}

.learning-list .d-card {
	padding: 0;
	background-color: #fff;
}

.learning-list .d-card .im {
	flex-shrink: 0;
	padding: 1rem;
	height: 13.6rem;
	text-align: right;
	background-repeat: no-repeat;
	background-position: center;
}

.learning-list .d-card .im.i1 {
	background-color: var(--color-1);
	background-image: url(/resources/img/pattern/content/stack-of-books.png);
	background-size: 30%;
}

.learning-list .d-card .im.i2 {
	background-color: var(--color-2);
	background-image: url(/resources/img/pattern/content/book2.png);
	background-size: 30%;
}

.learning-list .d-card .im.i3 {
	background-color: var(--color-3);
	background-image: url(/resources/img/pattern/content/happy.png);
	background-size: 30%;
}

.learning-list .d-card .in {
	gap: var(--krds-gap-3);
	padding: var(--krds-padding-6);
	background-color: var(--krds-white);
}

.learning-list .d-card .krds-badge.hot {
	color: var(--krds-point);
	background-color: transparent;
	border: 1px solid var(--krds-point);
}

.learning-list .d-card .krds-badge.new {
	color: var(--krds-warning);
	background-color: transparent;
	border: 1px solid var(--krds-warning);
}

.learning-list .d-card .krds-badge.active {
	color: var(--krds-primary-40);
	background-color: transparent;
	border: 1px solid var(--krds-primary-40);
}

.learning-list .d-card .krds-badge.success {
	color: var(--krds-white);
	background-color: var(--krds-success);
}

.learning-list .d-card .krds-badge .num {
	padding-left: 0.3rem;
}

.learning-list .d-card .c-tit {
	-webkit-line-clamp: 2;
}

.learning-list .d-card .btn-wrap {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
}

@media (max-width: 1023px) {
	#container > .inner:not(.in-between) {
		padding: 2rem;
	}

	.learning-list {
		grid-template-columns: 1fr;
		margin: 0 2rem;
	}

	.learning-list .d-card .im {
		background-size: contain !important;
	}
}

.main-box-responsive {
}

.main-box-responsive .krds-table-wrap {
	margin-top: 1.5rem;
}

.main-box-responsive.type-wrap > div {
	gap: var(--krds-pc-gap-layout-title-body-small);
}

.search-list.type1 .card-body {
	flex-direction: column;
	align-items: stretch;
}

.board-view {
	flex: 1 1 100%;
}

.board-view h3 {
	font-size: 3rem;
}

.board-view dl {
	padding: var(--krds-padding-5) 0;
}

.board-view dl > div {
	display: flex;
	justify-content: space-between;
}

.board-view dl > div > div + div {
	margin-left: 2rem;
}

.board-view dl dt {
	font-weight: 700;
}

.board-view dl div + dt,
.board-view dl dd + dt {
	margin-top: 3.6rem;
}

.pagination + .btn-wrap {
	display: flex;
	justify-content: end;
	margin-top: var(--krds-padding-5);
}

.form-group + .btn-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: var(--krds-padding-5);
}

.board-view + .btn-wrap {
	display: flex;
	justify-content: start;
	margin-top: var(--krds-padding-10);
}

.learning-chart {
	display: grid;
	margin-bottom: 4rem;
	grid-template-columns: 5fr 1fr;
	gap: var(--krds-gap-6);
}

.learning-chart > div > div {
	height: 25rem;
}

h3 + .krds-structured-list {
	margin-top: 1.5rem;
}

.krds-structured-list.type3 {
	grid-template-columns: repeat(2, 1fr);
}

.krds-structured-list .card-top .krds-badge {
	margin-right: 0.5rem;
}

.krds-structured-list.type-full.column .structured-item .card-body {
	flex-direction: column;
}

.search-top-box .sch-form-wrap .input-group {
	width: 100%;
}

.top-wrap {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: var(--krds-gap-7);
}

.top-wrap > div:first-child {
	position: relative;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

.top-wrap .def-list-wrap {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--krds-gap-7);
}

.top-wrap .def-list-wrap .def-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--krds-gap-2);
}

.top-wrap .def-list-wrap .def-list dt {
	font-size: var(--krds-pc-font-size-heading-small);
	font-weight: 700;
}

.top-wrap .def-list-wrap .def-list dd {
	width: 100%;
}

.top-wrap .def-list-wrap .def-list dd + dt {
	margin-top: 2.4rem;
}

.top-wrap .def-list-wrap .krds-badge-wrap {
	position: absolute;
	top: 2.4rem;
	right: 0;
}

.top-wrap .def-list-wrap .krds-btn-wrap {
	display: flex;
	justify-content: center;
	gap: var(--krds-gap-3);
}

.top-wrap .def-list-wrap .krds-btn-wrap .krds-btn {
	flex: 1;
}

.top-wrap + .krds-tab-area {
	margin-top: 2rem;
}

.tab.full > ul {
	overflow: visible;
}

.inputbox .form-conts {
	display: grid;
	grid-template-columns: 2fr 9fr 1fr;
	gap: var(--krds-padding-2);
	margin-top: 2rem;
}

.inputbox select {
	width: 100%;
}

.right-menu {
	width: 14.8rem;
	padding: var(--krds-padding-10) 0 0 var(--krds-padding-10);
	border-left: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
}

.right-menu h5 {
	font-size: 1rem;
}

.right-menu ul + h5 {
	margin-top: 2rem;
}

.right-menu ul {
	display: grid;
	gap: 0.4rem;
	margin-top: 0.8rem;
	font-size: 1.2rem;
}

.search-top-box .sch-filter-box.solo .filter-chip {
	margin-top: 0;
	padding-top: 0;
	border: 0;
}

p + dl {
	margin: 2rem 0;
}

.filter-chip {
	margin-top: var(--krds-gap-5);
}

/* .main-vban-wrap:not(.bg) {
	margin-top: 0;
} */

/* .main-vban-wrap .vb-swiper .swiper-slide .in {
	position: relative;
} */

.main-vban-wrap .vb-swiper .swiper-slide .im {
	/* position: absolute; */
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	/* z-index: -1; */
}

.main-vban-wrap + .main-sect.type2 {
	position: relative;
	margin-top: -39rem;
	z-index: 1;
}

.main-vban-wrap + .main-sect.type2 .learning-list {
	margin: 0 20rem;
}

.main-vban-wrap + .main-sect.type3 .learning-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--krds-gap-6);
}

.d-card.line .text:not(.krds-btn) {
	gap: var(--krds-gap-3);
}

.main-vban-wrap + .main-sect.type3 .learning-list .info .in {
	border-radius: var(--krds-radius-xlarge2);
	background-color: var(--krds-light-color-surface-secondary-subtler);
}

.d-card.info {
	position: relative;
}

.d-card.info .in {
	position: relative;
	z-index: 0;
}

.d-card.info .im {
	position: absolute;
	z-index: -1;
	bottom: 2.4rem;
	right: 2.4rem;
}

.d-card.info .text {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--krds-gap-1);
	margin-bottom: var(--krds-gap-1);
	font-weight: var(--krds-font-weight-bold);
}

.d-card.info .text .cate {
	font-size: var(--krds-pc-font-size-heading-xxsmall);
}

.d-card.info .text .tit {
	font-size: var(--krds-pc-font-size-heading-medium);
}

.main-box-responsive.type2 {
	grid-template-columns: 3fr 1fr;
}

.bg-img-wrap {
	z-index: -1;
	width: 100%;
	pointer-events: none;
}

.bg-img-wrap .im {
	width: 100%;
	height: 60rem;
	background-position: center;
	background-size: cover;
}

@media (min-width: 1024px) {
	.is-gnb-web {
		overflow: auto;
	}
}

.krds-main-menu {
	position: absolute;
	width: 100%;
	overflow-y: visible;
}

.krds-main-menu .gnb-menu {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 0;
}

.krds-main-menu .gnb-menu > li {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.krds-main-menu .gnb-menu .gnb-main-trigger {
	width: 100%;
}

.krds-main-menu .gnb-toggle-wrap {
	position: absolute;
	left: auto;
	top: var(--krds-main-menu--main-trigger-size-height);
	flex-grow: 1;
	transition: var(--krds-transition-base);
	box-shadow: 0 10px 10px -5px var(--krds-main-menu--color-border);
}

/*
.krds-main-menu .gnb-menu:before {
	content: '';
	display: none;
	position: absolute;
	left: 0;
	top: 5.6rem;
	width: 100%;
	border-top: 0.1rem solid var(--krds-main-menu--color-border);
	z-index: 1;
}
*/

.krds-main-menu:hover .gnb-menu:before {
	display: block;
}

.krds-main-menu .gnb-menu > li:hover .gnb-toggle-wrap {
	display: block;
}

.krds-main-menu .gnb-menu .gnb-main-trigger {
	justify-content: space-between;
	min-width: 15rem;
}

.krds-main-menu .gnb-menu > li:hover .gnb-main-trigger {
	background-color: var(--krds-main-menu--main-trigger-color-action-hover);
}

.krds-main-menu .gnb-menu .gnb-main-trigger:active {
	color: var(--krds-main-menu--main-trigger-color-text-active);
	background-color: var(--krds-main-menu--main-trigger-color-action-pressed);
}

.krds-main-menu .gnb-menu .gnb-main-trigger:focus {
	box-shadow: var(--krds-box-shadow-outline-inset);
	outline-offset: -0.4rem;
}

.krds-main-menu .gnb-menu .gnb-main-trigger.active:after {
	transform: rotate(0);
}

.krds-main-menu .gnb-menu .gnb-main-trigger.active:before {
	left: 50%;
	width: 0;
}

.krds-main-menu .gnb-menu > li:hover .gnb-main-trigger.selected:before,
.krds-main-menu .gnb-menu > li:hover .gnb-main-trigger:before {
	left: 0;
	width: 100%;
}

.krds-main-menu .gnb-menu > li:hover .gnb-main-trigger + .gnb-toggle-wrap {
	background-color: var(--krds-main-menu--main-trigger-color-action-hover);
	transition: var(--krds-transition-base);
}

.krds-main-menu .gnb-menu > li .gnb-main-trigger + .gnb-toggle-wrap a:hover {
	color: var(--krds-main-menu--main-trigger-color-border-selected);
	transition: var(--krds-transition-base);
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list .gnb-sub-content > ul {
	grid-template-columns: repeat(1, 1fr) !important;
	padding: 1rem;
}

.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a::before,
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul button::before {
	display: none;
}

.learning-info h4 {
	font-size: var(--krds-pc-font-size-heading-medium);
}

.learning-info p {
	margin-bottom: 3rem;
}

.modal-conts h2 {
	margin-top: 3rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid var(--krds-light-color-divider-gray-light);
}

.modal-conts h3 {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	font-size: var(--krds-pc-font-size-heading-large);
}

.modal-conts h4 {
	margin-top: 1rem;
	margin-bottom: 0.8rem;
	font-size: 2rem;
}

.krds-tab-area.side {
	display: grid;
	grid-template-columns: 1fr 5fr;
}

.krds-tab-area.side .tab > ul {
	flex-direction: column;
}

.krds-tab-area.side video,
.krds-tab-area.side img {
	border-radius: var(--krds-radius-xlarge1);
}

.krds-tab-area.side video + img {
	margin: 2rem 0 5.6rem 0;
}

.krds-tab-area.side .txt-box.bg-white .form-group {
	width: 100%;
}

.infer-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--krds-gap-6);
}

.infer-wrap img {
	width: 100%;
}

.infer-wrap + .btn-wrap {
	display: grid;
	justify-content: 1fr;
}

#container {
	margin-top: 5.7rem;
}

.form-group + .form-group {
	margin-top: 1rem;
}

.login-form-area .form-group + .form-group {
	margin-top: 0;
}

.form-tit label {
	font-size: 2rem;
	font-weight: 700;
}

.krds-form-select + .sch-input {
	flex-grow: 1;
}

.krds-input.full {
	width: 100% !important;
}

.c-date {
	display: flex;
	flex-direction: column;
}
/*
.login-form-area {
	gap: 16rem;
	padding: 8rem;
}
*/
.sign-up .form-group {
	display: grid;
	grid-template-columns: 1fr 4fr;
}

.sign-up .form-group .form-tit {
	display: flex;
	align-items: center;
}

.sign-up .form-group .form-conts {
	flex-wrap: wrap;
}

.sign-up .form-group .form-conts p {
	width: 100%;
}

.sign-up .form-group .krds-input,
.sign-up .form-group .krds-form-select {
	width: auto;
}

@media (max-width: 1023px) {
	/*
	.login-form-area {
		gap: var(--krds-gap-7);
		padding: var(--krds-padding-8) 0;
	}
	*/
	.sign-up .form-group {
		grid-template-columns: 1fr;
	}

	.sign-up .form-group .krds-input,
	.sign-up .form-group .krds-form-select {
		width: 100%;
	}

	#USER_MBR_ID {
		flex-grow: 1;
		width: auto;
	}
}

#krds-header .header-container .btn-navi.logout:before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(/resources/img/component/icon/ico_logout.svg);
	mask-image: url(/resources/img/component/icon/ico_logout.svg);
}

#krds-header .header-container .btn-navi.logout:before {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(/resources/img/component/icon/ico_logout.svg);
	mask-image: url(/resources/img/component/icon/ico_logout.svg);
}

.box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--krds-color-light-gray-5);
	padding: var(--krds-padding-8);
	border-radius: var(--krds-radius-xlarge1);
}

.txt-box + .btn-wrap {
	margin-top: 2rem;
}

.krds-modal .modal-dialog .modal-header .modal-title {
	margin: 2.4rem;
}

.learning-conts .pages {
	position: relative;
	height: 80rem;
	background-color: #fff;
}

.learning-conts .pages section {
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5rem;
	opacity: 0;
	pointer-events: none;
	transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.learning-conts .pages section.active {
	opacity: 1;
	pointer-events: auto;
}

.learning-conts .pages section p {
	margin-bottom: 4rem;
}

.learning-conts img {
	height: 40rem;
}

.learning-conts .form-group {
	width: 25rem;
}

.learning-action {
	display: grid;
	grid-template-columns: 1fr 8fr 1fr;
	gap: var(--krds-gap-6);
	margin-top: 2rem;
}

.learning-action .progress {
	position: relative;
}

.learning-action .progress .form-tit {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5.6rem;
}

.learning-action .progress .form-conts progress {
	width: 100%;
	height: 5.6rem;
}

.d-flex {
	display: flex;
}

.flex-h {
	flex-direction: row !important;
}

.flex-v {
	flex-direction: column !important;
}

.justify-s {
	justify-content: start !important;
}

.justify-c {
	justify-content: center !important;
}

.justify-e {
	justify-content: end !important;
}

.justify-sp {
	justify-content: space-between !important;
}

.align-s {
	align-items: start !important;
}

.align-c {
	align-items: center !important;
}

.align-e {
	align-items: end !important;
}

.np {
	padding: 0 !important;
}

.w-auto {
	width: auto !important;
}

/* Dalert */

.ui-widget.ui-widget-content {
	width: 400px !important;
}

.bbs-detail {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--krds-gap-9);
}

h3.sec-tit {
	margin-top: var(--krds-gap-5);
}

.bbs_view_details {
	padding-bottom: var(--krds-gap-9);
	border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light);
}

.answer-wrap {
	background-color: var(--krds-light-color-surface-gray-subtler);
	padding: var(--krds-pc-padding-card-large);
	border-radius: var(--krds-radius-xlarge2);
}

.total-search-list.type-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--krds-gap-7);
	margin-top: 1.5rem;
}

.total-search-list .loader {
	grid-column: span 3;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 33rem;
}

.main-vban-wrap .vb-card {
	margin-top: var(--krds-gap-7);
	background-image: url('/resources/img/araict/3529082.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.main-vban-wrap .vb-card .main-d-text .tit {
	color: #fff;
}

.main-vban-wrap .vb-card .main-d-text .txt {
	color: #fff;
}

.main-tit-wrap .tit.small {
	font-size: var(--krds-pc-font-size-heading-small);
}

.card-list {
	display: grid;
	gap: var(--krds-gap-7);
}

.card-list .d-card {
	padding: 0;
}

.card-list .d-card .in {
	padding: var(--krds-pc-padding-card-small);
}

.grid-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.main-box-responsive .card-list {
	flex: 1;
}

.main-sect .menu-list {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--krds-gap-7);
}

.main-sect .menu-list.type1 .menu-swiper-in {
	padding: 0 var(--krds-number-18);
}

.menu-swiper-in .swiper-slide {
	padding: 0.4rem;
}

.main-sect .menu-list.type1 .menu-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.main-sect .menu-list:not(.outline) .menu-item .ico {
	border-radius: var(--krds-radius-xlarge1);
	background-color: var(--krds-light-color-surface-secondary-subtler);
}

.main-sect .menu-list .menu-item .ico.i1::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico1.svg) no-repeat center / contain;
}

.main-sect .menu-list .menu-item .ico.i2::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico2.svg) no-repeat center / contain;
}

.main-sect .menu-list .menu-item .ico.i3::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico3.svg) no-repeat center / contain;
}

.main-sect .menu-list .menu-item .ico.i4::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico4.svg) no-repeat center / contain;
}

.main-sect .menu-list .menu-item .ico.i5::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico5.svg) no-repeat center / contain;
}

.main-sect .menu-list .menu-item .ico.i6::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico6.svg) no-repeat center / contain;
}

.main-sect .menu-list .menu-item .ico.i7::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico7.svg) no-repeat center / contain;
}

.main-sect .menu-list .menu-item .ico.i8::after {
	content: '';
	display: inline-flex;
	width: var(--krds-size-height-5);
	height: var(--krds-size-height-5);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	mask: url(/resources/img/pattern/content/main_menu_ico8.svg) no-repeat center / contain;
}

#krds-footer .foot-quick .inner {
	padding: 0 var(--krds-contents-padding-8);
}

#krds-footer > .inner {
	padding: var(--krds-padding-8);
}

#krds-footer > .inner > .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4rem;
}

#krds-footer > .inner > .container .f-cnt {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
}

#krds-footer > .inner > .container .f-cnt p:first-child {
	grid-column: span 2;
}

#container .in-between {
	gap: var(--krds-gap-9);
}

#container .in-between .krds-side-navigation {
	width: 25rem;
	padding: 0;
}
.krds-side-navigation .lnb-tit {
	padding: 45px 0px;
	background-color: #0062a6;
	color: white;
	text-align: center;
}
.krds-breadcrumb-wrap {
	margin-bottom: 1.5em;
}

.contents .search-top-box .sch-filter-box {
	padding: var(--krds-padding-7);
	border-radius: var(--krds-radius-medium1);
	background: var(--search-box-filter-color-background);
	margin-top: inherit;
}

.contents .search-top-box {
	margin-bottom: 1.5em;
}

.contents .search-list-top.border {
	flex-wrap: wrap;
	padding-bottom: var(--krds-padding-5);
	margin: 0 0 0;
}

.main-vban-wrap.index-2 #main-vb-basic .d-auto .in {
	background-image: url('/resources/img/araict/3529082.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.main-vban-wrap.index-2 #main-vb-basic #sch-ranking-list,
.main-vban-wrap.index-2 #main-vb-basic .d-auto .sch-form-wrap .sch-ranking .dl dt,
.main-vban-wrap.index-2 #main-vb-basic .d-card .main-d-text .tit,
.main-vban-wrap.index-2 #main-vb-basic .d-card .main-d-text .txt {
	color: #fff;
}

.main-sect .inner {
	gap: var(--krds-pc-gap-layout-title-body-small);
}

.main-vban-wrap.index-3 {
	background-image: url('/resources/img/araict/3529082.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: repeat-x;
}

.main-vban-wrap.index-3 .vb-swiper .swiper-slide .text .tit,
.main-vban-wrap.index-3 .vb-swiper .swiper-slide .text .txt {
	color: #fff;
}

.main-vban-wrap.index-4 {
	margin-top: 0;
}

.main-vban-wrap.index-4 .vb-swiper {
	padding: 0;
}
.main-vban-wrap.index-4 .swiper-slide {
}

.main-vban-wrap.index-4 .swiper-slide .in {
	position: relative;
	padding: 0;
}

.main-vban-wrap.index-4 .swiper-slide .in .text {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10rem 12rem 0 12rem;
}

.main-vban-wrap.index-4 .swiper-slide .in .im {
	flex: 1 1 100%;
	background-size: cover;
}

.main-vban-wrap.index-4 .swiper-button-next,
.main-vban-wrap.index-4 .swiper-button-prev {
	margin-top: 0;
}

.main-vban-wrap.index-4 .swiper-button-next {
	margin-right: 2.4rem;
}

.main-vban-wrap.index-4 .swiper-button-prev {
	margin-left: 2.4rem;
}

.main-vban-wrap.index-4 .vb-swiper .swiper-indicator {
	margin-top: -6.4rem;
	padding-bottom: 2.4rem;
	z-index: 10;
}


.krds-pagination + .btn-wrap {
	display: flex;
	margin-top: 2rem;
}

.krds-pagination.type-2 ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--krds-gap-3);
}

.krds-pagination.type-2 ul .page-navi.prev {
	order: 0;
}

.krds-pagination.type-2 ul .page-item {
	order: 1;
}

.krds-pagination.type-2 ul .page-navi.next {
	order: 2;
}

.krds-pagination.type-2 ul .page-item .page-link {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: var(--krds-pagination--size-height);
	height: var(--krds-pagination--size-height);
	background-color: var(--krds-pagination--color-action);
	border-radius: var(--krds-pagination--radius);
	transition: var(--krds-transition-base);
}

.krds-pagination.type-2 ul .page-item.active .page-link {
	background-color: var(--krds-pagination--color-action-active);
	font-weight: var(--krds-font-weight-bold);
	color: var(--krds-pagination--color-text-active);
}

.search-top-box .sch-filter-box .filter-form.type-2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--krds-gap-7);
}

.search-top-box .sch-filter-box .filter-form.type-2 > div {
	max-width: 100%;
}

.search-top-box .sch-filter-box .filter-form.type-2 > div:last-child {
	grid-column: span 3;
}

.search-top-box .sch-filter-box .filter-form.type-2 .form-group .form-tit {
	max-width: 7rem;
}

.search-top-box .sch-filter-box .filter-form.type-2 .form-group + .form-group {
	margin-top: 0;
}

.search-top-box .sch-filter-box .filter-form.type-2 > div:last-child .form-conts {
	position: relative;
}

.search-top-box .sch-filter-box .filter-form.type-2 > div:last-child .form-conts button {
	position: absolute;
	top: 1rem;
	right: 1rem;
}

.krds-btn.tertiary:not(.icon).active .svg-icon {
	background-color: var(--krds-color-light-point-50);
}

.krds-structured-list.type-intro {
	grid-template-columns: repeat(1, 1fr);
	margin-top: 4rem;
}

.krds-structured-list.type-intro .structured-item {
	display: grid;
	grid-template-columns: 1fr 4fr;
	gap: 2rem;
}

.krds-structured-list.type-intro > li .in {
	justify-content: center;
}

.sys-info h3 + div {
	margin-top: 1rem;
}

.sys-info div + h3 {
	margin-top: 4rem;
}

.sys-info dl dt {
	font-weight: 700;
}

.sys-info dl dd + dt {
	margin-top: 2rem;
}

.sys-info ol {
	padding: 1rem 0;
	list-style: decimal;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 2rem;
}

.sys-info ol > li + li {
	margin-top: 1rem;
}

.sys-info ul {
	list-style: square;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 2rem;
}

.krds-modal[data-type='player'] .modal-dialog {
	/* min-width: 120rem; */
	/* max-width: 120rem; */
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

.krds-modal[data-type='player'] .modal-dialog .modal-content {
	/* min-height: 80rem; */
	/* max-height: 80rem; */
	height: 100%;
	max-height: 100%;
	/* background: none; */
	margin: 0 auto;
	border: none;
	border-radius: 0;
}

.krds-modal[data-type='player'] .modal-dialog .modal-header {
	padding: 2.4rem;
	border-bottom: 1px solid var(--krds-light-color-divider-gray);
}

.krds-modal[data-type='player'] .modal-dialog .modal-header .modal-title {
	margin: 0;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts {
	width: 100%;
	flex: 1;
	padding: 0;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: space-between;
	padding: 0;
	max-width: 100%;
	max-height: calc(100vh - 8.5rem);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner .conts {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: space-between;
	padding: 0;
	max-width: 100%;
	max-height: 100%;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter {
	/* position: absolute; */
	display: flex;
	flex-direction: column;
	top: 0;
	bottom: 0;
	width: 4rem;
	background-color: var(--krds-light-color-surface-secondary-subtler);
	border-right: 1px solid var(--krds-light-color-divider-gray);
	z-index: 1;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter .btn-navi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 4rem;
	gap: var(--krds-header--navi-gap);
	min-height: var(--krds-header--navi-min-height);
	padding: var(--krds-header--navi-padding);
	border-radius: var(--krds-header--navi-border-radius);
	font-size: var(--krds-header--navi-font-size-pc);
	font-weight: var(--krds-font-weight-bold);
	color: var(--krds-header--navi-color-text);
	transition: var(--krds-transition-base);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter .btn-navi:before {
	content: '';
	display: inline-flex;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(/resources/img/component/icon/ico_all.svg);
	mask-image: url(/resources/img/component/icon/ico_all.svg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter .chapter-list {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	gap: 0;
	padding: 0 2.4rem 4rem 2.4rem;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter .chapter-list .nav-btn {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 0 1.4rem;
	min-width: 6.4rem;
	width: 100%;
	height: 5.6rem;
	font-size: 1.9rem;
	border-bottom: 2px solid rgb(177, 184, 190);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter .chapter-list .nav-btn:hover {
	color: #fff;
	background-color: #90b0d5;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter.active {
	width: 24rem;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter.active .btn-navi {
	width: 4rem;
	align-self: end;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter.active .btn-navi:before {
	-webkit-mask-image: url(/resources/img/component/icon/ico_close.svg);
	mask-image: url(/resources/img/component/icon/ico_close.svg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter.active .chapter-list {
	overflow-y: auto;
	opacity: 1;
	pointer-events: all;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.chapter .chapter-list li.active .nav-btn {
	color: #fff;
	background-color: #365f93;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section {
	flex: 1;
	display: flex;
	padding: 0;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap {
	position: relative;
	flex: 1;
	display: flex;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap .video-controller.play {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap .video-controller.fullscreen {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap .video-controller button {
	content: '';
	display: inline-flex;
	width: 4vw;
	height: 4vw;
	background-color: rgba(255, 255, 255, 0.8);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap .video-controller.play button {
	-webkit-mask-image: url(/resources/img/component/icon/ico_circle_play.svg);
	mask-image: url(/resources/img/component/icon/ico_circle_play.svg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap .video-controller.play button.active {
	-webkit-mask-image: url(/resources/img/component/icon/ico_circle_pause.svg);
	mask-image: url(/resources/img/component/icon/ico_circle_pause.svg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap .video-controller.fullscreen button {
	width: 2vw;
	height: 2vw;
	-webkit-mask-image: url(/resources/img/component/icon/ico_expand_b.svg);
	mask-image: url(/resources/img/component/icon/ico_expand_b.svg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section .video-wrap .video-controller.fullscreen button.active {
	-webkit-mask-image: url(/resources/img/component/icon/ico_compress_b.svg);
	mask-image: url(/resources/img/component/icon/ico_compress_b.svg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner section video {
	pointer-events: none;
	max-height: 100%;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.controller {
	position: absolute;
	display: grid;
	grid-template-columns: 1fr 12fr 1fr;
	right: 0;
	bottom: 0;
	left: 0;
	display: grid;
	grid-template-columns: 3fr 3fr 3fr;
	background-color: rgba(177, 184, 190, 0.5);
	border-top: 1px solid rgb(177, 184, 190);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.controller .krds-btn {
	border: 0 !important;
	border-radius: 0 !important;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.controller i.ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.controller .krds-btn i.ico:before {
	content: '';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(/resources/img/component/icon/ico_angle.svg);
	mask-image: url(/resources/img/component/icon/ico_angle.svg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.controller .krds-btn:first-child i.ico:before {
	transform: rotate(90deg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.controller .krds-btn:last-child i.ico:before {
	transform: rotate(-90deg);
}

.krds-modal[data-type='player'] .modal-dialog .modal-conts .inner nav.controller .time-remained {
	display: flex;
	align-items: center;
	justify-content: center;
}

.controller .time-remained {
	display: flex;
	justify-content: center;
	align-items: center;
}

dialog[data-type='notice'] {
	top: 1rem;
	left: 1rem;
	margin: 0;
	padding: 0;
	border: 1px solid var(--krds-light-color-divider-gray);
}

dialog[data-type='notice'] .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0;
	padding: 0;
}

dialog[data-type='notice'] .inner > div {
	width: 100%;
}

dialog[data-type='notice'] .dialog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
}

dialog[data-type='notice'] .dialog-header .dialog-title {
	font-size: 1.8rem;
}

dialog[data-type='notice'] .dialog-header .btn-close {
	content: '';
	display: inline-flex;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(/resources/img/component/icon/ico_close.svg);
	mask-image: url(/resources/img/component/icon/ico_close.svg);
}

dialog[data-type='notice'] .dialog-content {
	padding: 2.4rem;
	min-width: 30rem;
	border-top: 1px solid var(--krds-light-color-divider-gray);
	border-bottom: 1px solid var(--krds-light-color-divider-gray);
}

dialog[data-type='notice'] .dialog-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem;
}

#container .in-between .contents {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 315px);
}

.chat-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}
 
.chat-container > div {
 	width: 100%;
}

.chat-container .chat-messages {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 2rem;
	overflow-y: auto;
}

.message {
	display: flex;
}

.message.user {
	justify-content: end;
}

.message.assistant {
	justify-content: start;
}

.bubble {
	max-width: 75%;
	padding: 12px 16px;
	border-radius: 20px;
	line-height: 1.4;
	word-wrap: break-word;
}

.message.user .bubble {
	background-color: #007bff;
	color: white;
	border-bottom-right-radius: 4px;
}

.message.assistant .bubble {
	background-color: #f0f0f0;
	color: #333;
	border-bottom-left-radius: 4px;
}
 
.chat-input {
	display: flex;
	gap: 1rem;
}