@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Sans:wght@300;400;500;600;700&display=swap');

html, body{
	height:100%;
	scroll-behavior: smooth;
}
.none{
	display: none !important;

}
.uppage-content-wrap {
	background-color: #ffffff;
}

.content-wrapper {
	background-color: #F2F4FA;
}

.intro-section {
	overflow-y: auto;
}

.intro-section.bg-theme-1 {
	/*background: linear-gradient(147.26deg, #002fd9 66.59%, #1cb3c8 103.3%);*/
	background: #002fd9;
}

.intro-footer * {
	background-color:#f5f5f5;
}

.btn-bluish {
	background-color: #00b3ca;
}

.btn-bluish:hover {
	background-color: rgba(0,179,202,0.8);
}
.btn-yellow {
	background-color : #FEE500;
}

.btn-yellow:hover {
	background-color: rgba(254,229,0,0.8);
}

.badge-primary
,.btn-primary {
	background-color:#002fd9;
	border-color: #002fd9;
}

.badge-primary:hover
,.btn-primary:hover {
	background-color: rgba(0,47,217,0.8);
}

.section-bottom footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #f8f9fa;
}

.sign-wrap .input-form.active::before{
	position: absolute;
	left:10px;
	top:2px;
	font-size: 10px;
	color: #fff;
	content: attr(data-content);
}

.sign-wrap .input-form input{
	height:48px;
}

.cursor-pointer,
.fc-daygrid-day-events {
	cursor:pointer;
}

.fa-uppage {
	background:url("/etc/images/common/icon/uppage-logo.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center center;
	width:14px;
	height:16px;
}

.nav-link > .fa-uppage-dashboard {
	background:url("/etc/images/common/icon/uppage-dashboard.svg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center center;
	min-width:14px;
	height:16px;
}

.nav-link:hover > .fa-uppage-dashboard,
.nav-link.active > .fa-uppage-dashboard {
	background:url("/etc/images/common/icon/uppage-dashboard-white.svg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center center;
	min-width:14px;
	height:16px;
}


.custom-tooltip {
	left:50%;
	transform:translateX(-50%);
	top:-66px;
	border-radius: 4px;
	padding: 0.25rem 0.5rem;
	width:180px;
	height:auto;
	z-index: 1;
	background-color : rgba(0,0,0,0.8);
	font-size: 0.875rem;
	text-align: center;
}

.custom-tooltip:after{
	content: '';
	position: absolute;
	border-top: 10px solid rgba(0,0,0,0.8);
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}

.intro-payment-wrap .text-content{
	display:contents;
}

.intro-payment-wrap .btn-group {
	max-width:528px;
}

.intro-payment-wrap .btn-group button {
	border:2px solid #002fd9;
	background-color: #ffffff;
	color: #002fd9;
	border-radius:4rem;
}

.intro-payment-wrap .btn-group button.active {
	background-color: #002fd9;
	color: #ffffff;
	border-radius:4rem;
}

.copy-value {
	position: absolute !important;;
	left:10px !important;;
	top:0 !important;;
	z-index: -9999 !important;;
	opacity: 0 !important;
}

.uppage-wrap {
	max-width: 1000px;
	margin:0 auto;
}

.uppage-wrap-md {
	max-width:1200px;
}

.uppage-wrap-lg {
	max-width:1400px;
}

.width-max-1000 {
	max-width:1000px;
	margin:0 auto;
}

.input-button-max-430 {
	max-width:430px;
	margin:0 auto;
}

.input-button-max-520 {
	max-width:520px;
	margin:0 auto;
}


@media (max-width:650px){
	.uppage-wrap {
		padding:0;
	}

	.uppage-wrap > div {
		margin:0 auto;
	}
}


.btn-uppage-add {
	border-radius: 8px;
	background-color: #ffffff;
	max-width: 500px;
	border: none;
}

input[type='color'] {
	width: 28px !important;
	vertical-align: middle !important;
}

.form-toolbar > .btn-group {
	z-index : 1;
}

.rounded-uppage {
	border-radius : 0.825rem;
}

.rounded-uppage-sm {
	border-radius : 0.4rem;
}

.rounded-bottom-s-0 {
	border-bottom-left-radius: 0;
}

.rounded-bottom-e-0 {
	border-bottom-right-radius: 0;
}

.form-link-img {
	cursor:pointer;
	position:relative;
	background-color: #ecece9;
	border: 1px solid #ecece9;
	min-width:3.125rem;
	min-height:3.125rem;
	width: 65%;
	height: 65%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius:0.4rem;
}

#consumer_add_multiple_form .file-attach,
#modal_attach_section .form-preview,
#modal_file_sell_section .form-preview,
#modal_file_sell_section .file-attach,
#modal_uppage_link_section .form-preview,
#modal_link_section .form-preview,
#modal_image_section .form-preview {
	cursor:pointer;
	position:relative;
	background-color: #ecece9;
	border: 1px solid #ecece9;
	min-width:140px;
	min-height:140px;
	width:140px;
	height:140px;
	object-fit: cover;
	border-radius:0.825rem;
	z-index:2;
}

#consumer_add_multiple_form .file-attach,
#modal_file_sell_section .file-attach,
#modal_file_sell_section .form-preview.file-attach {
	min-width:76px;
	min-height:76px;
	width:76px;
	height:76px;
}

#modal_attach_section .form-preview.active,
#modal_file_sell_section .form-preview.active,
#modal_uppage_link_section .form-preview.active,
#modal_link_section .form-preview.active,
#modal_image_section .form-preview.active {
	background-position: center center;
	background-size: cover;
	z-index:0;
}

#consumer_add_multiple_form .file-attach:after,
#modal_attach_section .form-preview:after,
#modal_file_sell_section .form-preview:after,
#modal_file_sell_section .file-attach:after,
#modal_uppage_link_section .form-preview:after,
#modal_link_section .form-preview:after,
#modal_image_section .form-preview:after {
	content: "+";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	font-size: 2rem;
}

#modal_file_sell_section .form-preview.file-view.active:after,
#modal_uppage_link_section .form-preview.active:after,
#modal_link_section .form-preview.active:after,
#modal_image_section .form-preview.active:after {
	content: "";
}

#consumer_add_multiple_form .file-attach.active:after,
#modal_file_sell_section .form-preview.file-attach.active:after,
#modal_attach_section .form-preview.active:after {
	content: url("/etc/images/common/icon/icon-attachments.svg");
}

.form-check-input:checked,
.form-check-input.form-check-input-uppage-image-shadow:checked,
.form-check-input.form-check-input-uppage-color:checked {
	/*background-color: #1CB3C8;*/
	/*border-color: #1CB3C8;*/
}

.table-secondary {
	--bs-table-bg: #F7F8FA;
}

.table-secondary th:first-child {
	border-start-start-radius: 0.825rem;
	border-end-start-radius: 0.825rem;
}

.table-secondary th:last-child {
	border-start-end-radius: 0.825rem;
	border-end-end-radius: 0.825rem;
}

.text-uppage-date-color {
	color : #bbb !important;
}

.bg-uppage-color {
	background-color: #002fd9 !important;
}

.text-uppage-font-color {
	color: #002fd9 !important;
}

.settlement-color {
	color: #FF5500 !important;
}

.form-check.form-switch {
	padding:0;
}
.form-switch .form-check-input {
	margin-left: 0.5em;
}

.text-keep-all {
	word-break: keep-all !important;
}

.shadow-sm {
	box-shadow: 0 0 2.5rem rgb(0 0 0 / 5%) !important;
}

.shadow {
	box-shadow: 0 0 2.5rem rgb(0 0 0 / 8%) !important;
}

.pt-8 {
	padding-top: 8rem;
}

.pb-8 {
	padding-bottom: 8rem;
}

.fs-3d5 {
	font-size: 3.5rem;
}

.fs-3d0 {
	font-size: 3rem;
}

.fs-2d25 {
	font-size: 2.25rem;
}

.fs-1d5 {
	font-size: 1.5rem;
}

.fs-1d125 {
	font-size: 1.125rem;
}

.fs-0d938 {
	font-size: 0.938rem;
}

.fs-0d875 {
	font-size: 0.875rem;
}

.fs-0d625 {
	font-size: 0.625rem;
}

.section-list-icon-width {
	width:25px !important;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed .nav-sidebar .nav-treeview i,
.sidebar-open .nav-sidebar .nav-treeview i,
.nav-sidebar .nav-item > a > p > i {
	display:none !important;
}
.nav-sidebar > .nav-item > .nav-link {
	margin-bottom:0.5rem;
}

.nav-sidebar > .nav-item > .nav-treeview .nav-item a {
	margin-bottom:0.5rem;
	padding-top:0;
	padding-bottom:0;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .nav-sidebar.nav-child-indent .nav-treeview,
.nav-sidebar.nav-child-indent .nav-treeview {
	padding-left:2rem;
}

[class*="sidebar-light-"] .nav-item {
	font-weight: 500;
	font-size:1.125rem;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
	color: #212529;
	font-size:0.875rem;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .sidebar {
	padding-left:0.5rem;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .main-sidebar:hover .sidebar,
.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed .sidebar {
	padding-left:1rem;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link,
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link {
	background-color : revert;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	/*background-color: #1cb3c8;*/
	color: #002fd9;
}


[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
	/*background-color: #1cb3c8;*/
	color: #002fd9;
}


[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover{
	/*background-color: rgba(28, 179, 200, 0.9);*/
	color: #002fd9;
}

[class*="sidebar-light"] .brand-link {
	border-bottom: 0;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .main-sidebar:hover .brand-link,
.brand-link {
	margin-top:2.1875rem;
	padding-left:1rem;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .brand-link {
	padding-left:0.5rem;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .main-sidebar:hover > .brand-link > .brand-image,
.brand-link > .brand-image {
	background : url("/etc/images/common/icon/uppage-logo-color-new.png") no-repeat;
	min-width: 132px;
	min-height: auto;
	background-position: center center;
	background-size: cover;
	aspect-ratio: 2 / 1;
}

.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .brand-link > .brand-image {
	background : url("/etc/images/common/icon/uppage-simple-brand-logo-new.png") no-repeat;
	min-width: 32px;
	min-height: auto;
	background-position: center center;
	background-size: cover;
	aspect-ratio: 1 / 1;
}


.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
	margin-top: calc(6.5rem + 1px);
}

.newsletter-sticky,
.uppage-sticky {
	padding-top:20px;
	padding-bottom:20px;
	top:56px;
	z-index:2;
	background-color:#F2F4FA;
}

.u-pt-1 {
	padding-top:3.969rem !important;
}

.u-pb-1 {
	padding-bottom:3.969rem !important;
}

.u-ps-1 {
	padding-left: 1.034rem !important;
}

.u-pe-1 {
	padding-right: 1.034rem !important;
}

.u-ps-1-2x {
	padding-left: 1.599rem !important;
}

.u-pe-1-2x {
	padding-right: 1.599rem !important;
}

.uppage-table-wrap {
	min-width:765px;
	max-width:1600px;
}

.cate-type-template-list-wrap {
	width : -webkit-fill-available;
}

.btn-uppage-section-add {
	height:35px;
	width:160px;
	line-height:1.3;
	background-color:#FF0088 !important;
}

.control-wrap {
	margin-top:0.813rem;
	padding-top: 0.813rem;
	padding-bottom: 0.813rem;
	background-color:#F2F4FA;
}

.custom-text-truncate {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.custom-text-truncate-1 {
	-webkit-line-clamp: 1;
}

.custom-text-truncate-2 {
	-webkit-line-clamp: 2;
}

.custom-text-truncate-3 {
	-webkit-line-clamp: 3;
}

.custom-text-truncate-4 {
	-webkit-line-clamp: 4;
}

.custom-text-truncate-5 {
	-webkit-line-clamp: 5;
}

.custom-text-truncate-6 {
	-webkit-line-clamp: 6;
}

.custom-text-truncate-7 {
	-webkit-line-clamp: 7;
}

.custom-text-truncate-8 {
	-webkit-line-clamp: 8;
}

.file-attach-remove {
	z-index:1;
	cursor:pointer;
}

[data-value="#modal_file_sell_section"] .card .form-image figure > img {
	height:272px;
	width:404px;
}

.mobile-wrap [data-value="#modal_file_sell_section"] .card .form-image figure > img {
	height:100%;
	width:100%;
}

.mobile-wrap [data-value="#modal_file_sell_section"] .card .d-flex,
.mobile-wrap .uppage-divide-section-wrap {
	flex-direction: column;
}

.mobile-wrap .uppage-divide-section-wrap [class*="col-"] {
	max-width:100%;
}

.mobile-wrap div[class*="display-"] {
	font-size: 177.344% !important;
}

.sn-form-content p {
	margin-bottom:0;
}

.uppage-default-sn-style {
	height:300px;
	overflow-y:auto;
}

[id^=review_modify_] {
	scroll-margin-top: 120px;
}

@media (max-width:1350px) {
	.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed .top-menu-wrap {
		margin-left:calc(3vw + 20px) !important;
	}
}

@media (max-width:1170px){
	.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed.sidebar-collapse .top-menu-wrap {
		margin-left:calc(3vw + 20px) !important;
	}

}

@media (max-width:992px){

	.mobile-navbar-nav.mobile-signout {
		display:block !important;
	}

	.mobile-navbar-nav {
		display:none;
	}

	.sidebar-mini.layout-fixed.layout-navbar-fixed.layout-footer-fixed .top-menu-wrap {
		margin-left:calc(3vw + 20px) !important;
	}
}

@media (max-width:767px){

	/*.uppage-table-wrap {
		min-width : revert;
		max-width : revert;
	}*/

	.service-set-list-wrap .row .col {
		padding:0 0.5rem !important;
	}

	.hidden-xs {
		display: none !important;
	}

	.course-chapter-explain-wrap {
		font-size: 80%;
	}

	.course-chapter-explain-wrap > .icon-sm {
		width: 1rem !important;
		height: 1rem !important;
		line-height: 1rem !important;
	}

	[data-value="#modal_file_sell_section"] .card .d-flex {
		flex-direction: column;
	}

	[data-value="#modal_file_sell_section"] .card .form-image figure > img {
		height:100%;
		width:100%;
	}
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb {
	background-color: #c2c2c2;
	opacity: 0.8;
}

.note-btn-group.note-color.note-color-fore > .note-btn.dropdown-toggle {
	color:#ffffff !important;
	background-color: #002fd9 !important;
}

.uppage-divide-section-wrap > .swap-section-wrap:first-child .btn-section-modify > .btn-divide-section-change {
	right:unset !important;
	left:0 !important;
}

.mobile-wrap .uppage-divide-section-wrap > .swap-section-wrap:first-child .btn-section-modify > .btn-divide-section-change {
	right: 0 !important;
	left: unset !important;
}