@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap");

body {
	padding: 0;
	margin: 0;
	overflow-x: hidden
}

.form-control,.form-control:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0
}

a,div,h1,h2,h3,h4,h5,p,span {
	text-shadow: none
}[type=button]:focus,a:active,a:focus,a:visited,button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,select::-moz-focus-inner {
	outline: 0
}

input,.form-control:focus,input:focus,select:focus,textarea:focus,button:focus {
	outline: none;
	outline-width: 0;
	outline-color: transparent;
	box-shadow: none;
	outline-style: none
}

textarea {
	resize: none;
	overflow-x: hidden
}

.btn,.btn-group.open .dropdown-toggle,.btn:active,.btn:focus,.btn:hover,.btn:visited,a,a:active,a:checked,a:focus,a:hover,a:visited,body,button,button:active,button:hover,button:visited,div,input,input:active,input:focus,input:hover,input:visited,select,select:active,select:focus,select:visited,textarea,textarea:active,textarea:focus,textarea:hover,textarea:visited {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,button,button:active,button:checked,button:focus,button:hover,button:visited {
	outline: 0;
	outline-offset: 0
}

.bootstrap-select .dropdown-toggle:focus {
	outline: 0;
	outline-offset: 0
}

.dropdown-menu>li>a:active,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:visited {
	outline: 0
}

a:focus,input:focus {
	border-color: transparent;
	outline: none
}

body {
	font-size: 15px;
	font-family: "Nanum Gothic",sans-serif;
	font-weight: initial;
	line-height: normal;
	-webkit-font-smoothing: antialiased
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
	font-weight: normal;
	line-height: normal
}

p {
	font-size: .937rem;
	margin-bottom: .5rem;
	line-height: 1.5rem
}

h1,.h1 {
	font-size: 3.125rem
}

h2,.h2 {
	font-size: 2.312rem
}

h3,.h3 {
	font-size: 2.187rem
}

@media (max-width: 1024px) {
	h3,.h3 {
		font-size: 2rem
	}
}

@media (max-width: 991px) {
	h3,.h3 {
		font-size: 1.5rem
	}
}

h4,.h4 {
	font-size: 1.875rem
}

h5,.h5 {
	font-size: 1.25rem
}

@media (max-width: 1024px) {
	h5,.h5 {
		font-size: 1rem
	}
}

h6,.h6 {
	font-size: 1.125rem
}

.display-1 {
	font-size: 3.75rem
}

@media (max-width: 991px) {
	.display-1 {
		font-size: 3rem
	}
}

.display-2 {
	font-size: 3.125rem
}

@media (max-width: 991px) {
	.display-2 {
		font-size: 2.5rem
	}
}

.display-3 {
	font-size: 2.5rem
}

@media (max-width: 991px) {
	.display-3 {
		font-size: 2rem
	}
}

.display-4 {
	font-size: 1.875rem
}

@media (max-width: 991px) {
	.display-4 {
		font-size: 1.5rem
	}
}

.display-5 {
	font-size: 1.25rem
}

@media (max-width: 991px) {
	.display-5 {
		font-size: 1rem
	}
}

.font-weight-medium {
	font-weight: 500
}

.text-small {
	font-size: 13px
}

.footer {
	color: #e5e5e5;
	background: #343a40
}

.footer address {
	position: relative;
	z-index: 2;
	color: #adadad
}

.footer p {
	margin-bottom: 0.25rem
}

.footer .footer-link {
	color: #e5e5e5
}

.footer .footer-top {
	padding: 74px 0
}

.footer .footer-top .footer-title {
	font-size: 1.2rem;
	margin-bottom: .875rem
}

.footer .footer-top .social-icons {
	margin-top: 1.25rem
}

.footer .footer-top .social-icons a i {
	font-size: 1.5rem;
	color: #adadad;
	margin-right: 1rem;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

.footer .footer-top .social-icons a:hover i {
	color: #fff
}

.footer .footer-bottom {
	background: rgba(255,255,255,0.07);
	padding: 10px 0;
	border-top: 1px solid rgba(151,151,151,0.07)
}

.footer .footer-bottom img {
	width: 100px
}

.footer .list-footer {
	list-style: none;
	padding-left: 0;
	position: relative;
	z-index: 2
}

.footer .list-footer li a {
	color: #adadad;
	display: block;
	padding: .625rem 0;
	font-size: 14px
}

.navbar {
	width: 100%;
	padding: 1rem;
	background: #ffff
}

@media (max-width: 991px) {
	.navbar {
		height: 71px
	}
}

.navbar .navbar-brand {
	color: #343a40;
	font-size: 1.75rem
}

.navbar .navbar-brand img {
	width: 120px
}

@media (max-width: 991px) {
	.navbar .navbar-brand img {
		width: 80px
	}
}

@media (max-width: 991px) {
	.navbar .navbar-nav {
		padding: 1rem 1.5rem;
		height: 100%
	}
}

.navbar .navbar-nav .nav-item {
	margin-right: .25rem
}

@media (max-width: 991px) {
	.navbar .navbar-nav .nav-item {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: .25rem
	}
}

.navbar .navbar-nav .nav-item:last-child {
	margin-right: 0;
	margin-left: 1rem
}

@media (max-width: 991px) {
	.navbar .navbar-nav .nav-item:last-child {
		margin-left: 0
	}
}

.navbar .navbar-nav .nav-item:last-child .nav-link.active {
	background: #17C2D7;
	border-color: #17C2D7
}

.navbar .navbar-nav .nav-item .nav-link {
	color: #343a40;
	font-size: .937rem;
	padding: 0.625rem 1.25rem;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

@media (max-width: 991px) {
	.navbar .navbar-nav .nav-item .nav-link {
		display: block;
		padding: .625rem
	}
}

.navbar .navbar-nav .nav-item .nav-link.btn {
	padding: 0.5rem 1.25rem;
	font-size: 14px;
	color: #fff
}

.navbar .navbar-nav .nav-item .nav-link.active {
	background: #17C2D7;
	color: #fff
}

.navbar .navbar-toggler {
	color: #363636
}

.navbar .navbar-toggler-icon {
	height: auto
}

@media (max-width: 991px) {
	.navbar .navbar-collapse {
		right: -280px;
		width: 280px;
		background: #fff;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999999;
		overflow-y: scroll;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out
	}

	.navbar .navbar-collapse.show {
		right: 0
	}

	.navbar .navbar-collapse .logo-mobile-menu {
		width: 120px
	}

	.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
		color: theme-color(dark)
	}
}

@media (max-width: 991px) and (max-width: 991px) {
	.navbar .navbar-collapse .close-menu {
		color: theme-color(dark);
		background: transparent;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		padding: 2px 4px;
		font-size: 20px;
		width: 30px;
		height: 30px
	}
}

.sidebar-overlay .home {
	padding-top: 0px;
	background-position: 0px -121px
}

.sidebar-overlay #mobile-menu-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 99;
	-webkit-transition: all .9s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	transition-delay: .35s;
	left: 0
}

.sidebar-overlay .navbar {
	padding: .875rem .1rem;
	position: static;
	z-index: auto;
	background: #17C2D7
}

@media (max-width: 991px) {
	.sidebar-overlay .navbar {
		padding: .875rem 1rem
	}
}

.sidebar-overlay .navbar .navbar-collapse {
	z-index: 100
}

.sidebar-overlay.fixed-on-scroll {
	z-index: auto;
	position: absolute;
	top: 0
}

body,html {
	overflow-x: hidden
}

.home {
	background: #ffffff;
	background-position: 0 -50px;
	padding-top: 0
}

@media (max-width: 991px) {
	.home {
		padding-top: 71px
	}
}

.main-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 700px;
	padding-bottom: 50px
}

@media (max-width: 991px) {
	.main-banner {
		min-height: 400px;
		margin-bottom: 50px
	}
}

.main-banner .bnr-text>p {
	font-size: 18px;
	line-height: 36px;
	color: rgba(52,58,64,0.6)
}

.main-banner .banner-title {
	width: 56%
}

@media (max-width: 991px) {
	.main-banner .banner-title {
		width: 100%
	}
}

.main-banner .bnr-img {
	width: 420px
}

.our-services {
	background: #343a40;
	padding: 80px 0
}

.our-services h3 {
	color: #e0e0e0
}

.our-services h5,.our-services h6 {
	color: #adadad
}

.our-services p {
	color: #7c7c7c
}

.stat-icon {
	margin-top: 50px
}

.stat-icon img {
	width: 50px
}

.clients {
	background: rgba(52,58,64,0.03);
	padding: 60px 0;
	margin: 100px 0 50px 0
}

.contactus form {
	position: relative;
	z-index: 9
}

section {
	padding: 120px 0 0 0
}

@media (max-width: 1024px) {
	section {
		padding: 130px 0 0 0
	}
}

@media (max-width: 991px) {
	section {
		padding: 70px 0 0 0
	}
}

.services-box {
	padding: 10px 100px 40px 0;
	position: relative;
	z-index: 2
}

@media (max-width: 991px) {
	.services-box {
		padding: 10px 10px 40px 0
	}
}

.services-box img {
	width: 50px;
	opacity: .7
}

.services-box:hover img {
	opacity: 1;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s
}

.tick-icon {
	width: 20px;
	height: 20px
}

.card {
	border-color: #f1efef
}

.animate_lines {
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	width: 90vw;
	z-index: 0
}

.animate_lines .line:after {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(52,58,64,0.03)), color-stop(75%, #14bae4), to(#9367b4));
	background: linear-gradient(to bottom, rgba(52,58,64,0.03) 0%, #14bae4 75%, #9367b4 100%)
}

.animate_lines .line {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(52,58,64,0.03)
}

.animate_lines .line:after {
	content: "";
	display: block;
	position: absolute;
	height: 15vh;
	width: 100%;
	top: -50%;
	left: 0;
	-webkit-animation: run 7s 0s infinite;
	animation: run 7s 0s infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
	animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97)
}

.animate_lines .line:nth-child(1) {
	margin-left: 22%
}

.animate_lines .line:nth-child(1):after {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animate_lines .line:nth-child(3) {
	margin-left: 12%
}

.animate_lines .line:nth-child(3):after {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s
}

.animate_lines .line:nth-child(4) {
	margin-left: 80%
}

.animate_lines .line:nth-child(4):after {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animate_lines .line:nth-child(5) {
	margin-left: 85%
}

.animate_lines .line:nth-child(5):after {
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s
}

.animate_lines .line:nth-child(6) {
	margin-left: 100%
}

.animate_lines .line:nth-child(6):after {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s
}

@-webkit-keyframes run {
	0% {
		top: -50%
	}

	100% {
		top: 110%
	}
}

@keyframes run {
	0% {
		top: -50%
	}

	100% {
		top: 110%
	}
}

.testimonial {
	background: #a70ff6 url("../images/testimonial-bg.svg");
	background-size: cover;
	padding: 100px 0 70px 0
}

@media (max-width: 991px) {
	.testimonial {
		padding: 20px 0
	}
}

.testimonial .flipster {
	padding: 10px 0
}

.testimonial .testimonial-item {
	background: #fff;
	color: #343a40;
	width: 450px;
	padding: 34px 34px 34px 94px;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 20px 70px -10px rgba(109,121,141,0.15)
}

@media (max-width: 1024px) {
	.testimonial .testimonial-item {
		width: 400px
	}
}

@media (max-width: 991px) {
	.testimonial .testimonial-item {
		width: 280px
	}
}

.testimonial .testimonial-item .testimonial-icons {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	top: 40px;
	left: 28px
}

.testimonial .testimonial-item .testimonial-author {
	position: relative;
	margin-top: 1rem;
	margin-bottom: .5rem
}

.testimonial .testimonial-item .testimonial-author:before {
	position: absolute;
	color: transparent;
	content: "\f756";
	left: -40px;
	font-size: 1.75rem;
	background: url(../images/quote.png) no-repeat
}

.testimonial .testimonial-item .testimonial-destination {
	color: #adadad;
	font-weight: normal;
	font-size: 14px
}

.testimonial .flipster__button--prev {
	left: auto;
	right: 0;
	top: 86%;
	transform: rotate(270deg)
}

.testimonial .flipster__button--next {
	transform: rotate(270deg);
	top: 78%
}

.testimonial .flipster__button svg {
	width: .75em
}

.pricing-box {
	border: solid 1px #f1efef;
	padding: 47px;
	text-align: center;
	margin-top: 40px;
	z-index: 2;
	position: relative;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

.pricing-box .title-text {
	color: theme-color(dark)
}

.pricing-box .text-amount {
	color: theme-color(primary)
}

.pricing-box .pricing-list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 40px
}

.pricing-box .pricing-list li {
	padding: 8px
}

.pricing-box.selected {
	box-shadow: 0 9px 15px 0 rgba(7,42,68,0.09)
}

.pricing-box:hover {
	background: #343a40
}

.pricing-box:hover .title-text {
	color: #fff
}

.pricing-box:hover .text-amount {
	color: #fff
}

.pricing-box:hover .pricing-list li {
	color: #fff
}

.pricing-box:hover .btn {
	color: #fff
}

.btn {
	border-radius: 0;
	z-index: 2;
	position: relative;
	padding: 8px 25px;
	font-size: 14px
}

.btn-primary {
	background: #17C2D7;
	border-color: #17C2D7;
	color: #fff
}

.btn-secondary {
	background: #343a40;
	padding: 10px 30px;
	border: 0
}

.btn-outline-primary {
	border-color: #17C2D7;
	color: #17C2D7
}

.form-group {
	margin-bottom: 1.5rem
}

.form-control {
	border: 1px solid #f1efef;
	font-size: 14px;
	height: auto
}

.toggle-switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 23px;
	z-index: 2
}

.toggle-switch .toggle-slider {
	background-color: #ccc;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
	border: 1px solid #f1efef
}

.toggle-switch .toggle-slider:before {
	background-color: #fff;
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 2px;
	bottom: 2px;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%
}

.toggle-switch input {
	visibility: hidden
}

.toggle-switch input:checked+.toggle-slider {
	background-color: #17C2D7
}

.toggle-switch input:checked+.toggle-slider:before {
	-webkit-transform: translateX(21px);
	-ms-transform: translateX(21px);
	transform: translateX(21px)
}

.text-active {
	color: theme-color(dark)
}

.owl-carousel .owl-item {
	border-radius: 19.5px
}

.owl-carousel .owl-item .item {
	border-radius: 19.5px;
	overflow: hidden
}

.owl-carousel .owl-item .item img {
	border: solid 10px #fff;
	display: block;
	width: 100%;
	box-shadow: 0 2px 10px 0 rgba(203,203,203,0.44);
	border-radius: 19.5px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

.owl-carousel .owl-item .item:hover img {
	transform: scale(1.1)
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 70px
}

@media (max-width: 991px) {
	.owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 10px
	}
}

.owl-theme .owl-dots {
	margin-top: 70px
}

.owl-theme .owl-dots .owl-dot span {
	width: 18px;
	height: 18px;
	margin: 5px 7px;
	background: #fff;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 3;
	border: solid 2px #17C2D7
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
	background: #17C2D7
}

.owl-theme.owl-carousel-testimonial .owl-dots {
	text-align: left
}

.owl-theme.owl-carousel-testimonial .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: transparent;
	border: 1px solid #d8d8d8
}

.owl-theme.owl-carousel-testimonial .owl-dots .owl-dot.active span,.owl-theme.owl-carousel-testimonial .owl-dots .owl-dot:hover span {
	background: #d8d8d8
}

.flipster--coverflow .flipster__container {
	padding-bottom: 0
}

.flipster--coverflow .flipster__item__content {
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255,255,255,0)), color-stop(0.2, transparent));
	-webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255,255,255,0)), color-stop(0.2, transparent))
}

.flipster-custom-nav {
	list-style: none;
	padding-left: 0;
	margin-top: 2rem;
	position: relative;
	z-index: 2
}

.flipster-custom-nav .flipster-custom-nav-item {
	display: inline-block
}

.flipster-custom-nav .flipster-custom-nav-item .flipster-custom-nav-link {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	border: 1px solid #f1efef;
	margin-right: 1rem
}

.flipster-custom-nav .flipster-custom-nav-item .flipster-custom-nav-link.active {
	background: #f1efef
}

.btn-primary:hover {
	background-color: #616465;
	color: white;
	border-color: #616465;
}