@charset "utf-8";

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/* Sellingkok Basic Style 
-------------------------------------------------- */

body { font-family: 'Noto Sans Kr', sans-serif; font-size: 14px; color: rgb(51, 51, 51); background-color:#fff; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; }

:root {
	--bs-primary:#6d26a4;
	--bg-primary-hover:#63109d;
	--bs-primary-text:#58118f;
	--bs-primary-alert:#660fa3;
	--border-primary:#dfc0f5;
	--border-primary-hover:#5b0e91;
	--border-accordion:138 101 229;
	--border-input-hover:178 146 255;
	--bs-primary-rgb: 109, 38, 164;
	--bs-light-rgb: 255, 255, 255;
	--bs-table-bg: #f4eafb;
    --bs-table-hover-bg: #e6dced;
	--bs-primary-accordion-button: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(109 38 164)'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--bs-primary-form-switch: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(109 38 164)'/%3e%3c/svg%3e");
}

a {
	text-decoration: none;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

::selection {
	color: #fff;
	background-color: var(--bs-primary-text);
}

.btn-primary {
	color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary)
}

.btn-primary:hover {
	color:#fff;background-color:var(--bg-primary-hover);border-color:var(--border-primary-hover)
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
	color:#fff;
	background-color:var(--bg-primary-hover);
	border-color:var(--border-primary-hover);
	box-shadow: 0 0 0 .05rem rgb(var(--border-input-hover) / 50%);
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
	color:#fff;background-color:var(--bg-primary-hover); border-color:var(--border-primary-hover)
}

.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .05rem rgb(var(--border-input-hover) / 50%);
}

.btn-primary.disabled,.btn-primary:disabled{
	color:#fff;
	background-color:var(--bs-primary);
	border-color:var(--bs-primary)
}

.btn-outline-primary {
	color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
	color:#fff;
	background-color:var(--bs-primary);
	border-color:var(--bs-primary)
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
	box-shadow: 0 0 0 .05rem rgb(var(--border-input-hover) / 50%);
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
	color:#fff;background-color:var(--bs-primary);border-color:var(--bs-primary)
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{
	box-shadow: 0 0 0 .05rem rgb(var(--border-input-hover) / 50%);
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled{
	color:var(--bs-primary);
	background-color:transparent
}

.btn-close:focus, .btn-link:focus{
	box-shadow: 0 0 0 .05rem rgb(var(--border-input-hover) / 50%);
}

.border-primary {
	border-color: var(--bs-primary)!important;
}

.page-item.active .page-link {
	background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

a:hover, .nav-link:hover, .page-link:hover, .btn-link:hover, .nav-link:focus, .page-link:focus, .btn-link:focus {
	color: var(--bs-primary-text);
}

.table-primary {
    --bs-table-bg: #f4eafb;
    --bs-table-striped-bg: #ecdff5;
    --bs-table-active-bg: #e6dced;
    --bs-table-hover-bg: #e6dced;
    border-color: #e2c5f5;
}

.alert-primary {
	color: var(--bg-primary-hover);
    background-color: var(--bs-table-bg);
    border-color: var(--border-primary);
}

.alert-primary .alert-link {
	color: var(--bs-primary-alert);
}

.list-group-item-primary {
    color: var(--bs-primary-text);
    background-color: var(--bs-table-bg);
}

.list-group-item+.list-group-item-primary:hover, .list-group-item+.list-group-item-primary:focus {
    color: var(--bs-primary);
	background-color: var(--bs-table-hover-bg);
}

.accordion-button {
	padding:0.4rem 0.8rem;
	text-align:center;
}

.accordion-button:focus {
	border-color: #86b7fe;
	box-shadow: 0 0 0 .05rem rgb(var(--border-accordion) / 50%);
}

.accordion-button:not(.collapsed) {
	color: var(--bs-primary-text);
    background-color: var(--bs-table-bg);
}

.accordion-button:not(.collapsed)::after {
	background-image: var(--bs-primary-accordion-button);
}

.form-check-input:checked {
	background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-control:focus, .form-check-input:focus, .form-select:focus {
	box-shadow: 0 0 0 .05rem rgb(var(--border-input-hover) / 50%);
}

.form-check-input:hover:active {
	box-shadow: 0 0 0 .05rem rgb(var(--border-input-hover) / 50%);
}

.form-control:focus, .form-select:focus, .form-check-input:focus {
	border-color: var(--bs-primary);
}

.form-switch .form-check-input:checked:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus {
	background-image: var(--bs-primary-form-switch);
}

.form-check-input.is-invalid:checked, .form-check-input.is-invalid:focus {
	border-color: #dc3545;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link, .dropdown-item.active, .dropdown-item:active, .progress-bar {
	background-color: var(--bs-primary);
}

.form-range::-webkit-slider-thumb {
	background-color:var(--bs-primary); 
}

.form-range::-webkit-slider-thumb:active {
	background-color:var(--bs-primary-text); 
}

.form-range:focus::-webkit-slider-thumb {
	box-shadow:0 0 0 1px #fff, 0 0 0.25rem rgb(109 49 253 / 50%);
}

.form-range::-moz-range-thumb {
	background-color:var(--bs-primary);
}

.form-range::-moz-range-thumb:active {
	background-color:var(--bs-primary-text);
}

a, .nav-link, .page-link, .btn-link {
	color: #212529;
}

.form-control[readonly] {
	background-color: #fff;
}

.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
	top:0px;
}

.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {
	padding-top:0px;
}

.btn-close {
	width:18px;
	height:18px;
	font-size:16px;
}

.main-menu .card {
	cursor:pointer;
	box-shadow: 0px 0.5px 0.5px 0.5px #eee;
}

.main-menu .card:hover {
	border-color:#6d26a4;
}

.main-menu.disabled .card {
	cursor:default;
}

.main-menu.disabled .card:hover {
	border-color:var(--bs-card-border-color);
}

.main-menu .card-body img {
	width:55px;
	height:55px;
}

.nav-tab .nav-link {
	margin-bottom: none;
    background: none;
    border: 0px;
    border-top-left-radius: none;
    border-top-right-radius: none;
}

.faq-nav .nav-link {
	margin-right:0.6rem;
	border:1px solid #eee;
	background-color: #fff;
	border-radius: 1.2rem;
}

.faq-nav .nav-link:hover {
	background-color: #6d26a4;
	color:#fff;
}

.faq-nav .nav-link:last-child {
	margin-right:0rem;
}

.faq-nav .nav-link.active {
	background-color: #6d26a4;
	color:#fff;
}

.tab-content .tab-pane ul {
	padding-left:1rem;
	padding-right:1rem;
}

.tab-content .tab-pane li {
	list-style: none;
	margin-bottom:0.8rem;
}

.tab-content .tab-pane li span {
	color: #6d26a4;
}

.tab-content .tab-pane {
	margin:0 auto;
	width:100%;
	max-width:800px;
}

.modal-dialog img {
	width:100%;
}

@media (min-width: 768px) {
	.modal-dialog {
		max-width:fit-content;
	}
}