/*
Template Name: Pillarix - Multipurpose Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/*
-- Body
-- Custom Classes 
-- Navbar
-- Sidebar Nav 
-- Homepage
-- About Us
-- Mobile Media
*/

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

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

 
/* Body */
body {
	font-family: 'Noto Sans KR','Figtree',  NanumGothic, 'Nanum Gothic', sans-serif;	
	font-size:14px;
	color:#000;
	font-weight:400;
	letter-spacing:-0.7px;
	-webkit-text-size-adjust:none;
	word-break:keep-all;	
}
a {
	text-decoration: none;
	color: #1b1b1b;
}
.display-1 {
	font-size: 45px !important;
}

@media (max-width: 1200px) {
  .display-1 {
    font-size: 33px !important;
  }
}

/* Custom Classes */
.bg-dark-subtle {
	background-color: #f0f2f3 !important;
}
.btn-lg {
	padding: 14px 26px;
	font-size: 18px;
}
.mt-n5 {
	margin-top: -5rem;
}
.mt-n8 {
	margin-top: -8rem;
}

/* Navbar */
.osahan-nav  a.nav-link {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}

/* Sidebar Nav */
.sidebar-nav .navbar-nav .nav-link.active,
.sidebar-nav .navbar-nav .nav-link:hover {
	color: #dc3545;
}

/* Homepage */
.zoom-img img {
	transition: transform .4s;
}
.zoom-img:hover img {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* About Us */
.profile-img {
	width: 50px;
	height: 50px;
	object-fit: cover;
}


.list-unstyled {
	text-align: center;
	padding: 8px;
	margin: 0 auto;
}

.list-unstyled a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	margin-bottom: 4px;
}

.list-unstyled a:not(:last-child):after {
	content: '|';
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

.list-unstyled a:hover {
	text-decoration: underline;
}
	
/* Mobile Media  */
@media (max-width:992px) {
	.m-none {
		display: none;
	}
	.w-35 {
		width: 35% !important;
	}
	.news-letter-image {
    height: 440px;
    object-fit: cover;
	}
	footer.bg-light.py-5 {
    display: none;
	}
}
@media (min-width: 1200px) {
	.position-lg-absolute {
		position: absolute !important;
	}
	.position-lg-relative {
		position: relative !important;
	}
	.w-lg-50 {
		width: 50%;
	}
}