/* Google Fonts (if you use them) */
body {
	font-family: 'Poppins', 'Noto Sans KR', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

/* Custom Colors and Variables */
:root {
	--bs-warning: #f7941d; /* Matching the orange button color */
	--bs-warning-rgb: 247, 148, 29;
}

/* Custom Button Styles */
.btn-warning {
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
	color: #fff;
}
.btn-warning:hover {
	background-color: #e68a1a;
	border-color: #e68a1a;
	color: #fff;
}
.btn-outline-warning {
	color: var(--bs-warning);
	border-color: var(--bs-warning);
}
.btn-outline-warning:hover {
	color: #fff;
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}


/* Top Banner */
.top-banner {
	background-color: #4a4a9b; /* Blue color from the image */
	font-size: 0.9rem;
	font-weight: 600;
}

/* Navbar */
.navbar-nav .nav-link {
	font-weight: 600;
	color: #555;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
	color: var(--bs-warning);
}

#navbarNav > ul > li > a{ padding-left: 20px; padding-right: 20px; }

/* Hero Section */
.hero-section {
	position: relative;
	height: 80vh;
	background: url('../img/hero-bg.png') no-repeat center center;
	background-size: cover;
}
/* Overlay for readability */
.hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
}
.hero-section .container {
	position: relative; /* To bring content above the overlay */
	z-index: 2;
}

/* About Section */
.about-placeholder {
	min-height: 350px;
	border-radius: 15px;
	overflow: hidden;
}

.about-placeholder iframe {
	width: 100%;
	border-radius: 15px;
}

/* Subjects Section */
.subject-card {
	background-color: #fff;
	padding: 2rem 1.5rem;
	border-radius: 8px;
	border: 1px solid #eee;
	font-weight: 600;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
}
.subject-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}
.subject-card img {
	width: 50px; /* 원하는 크기로 조절하세요 */
	height: auto;
	object-fit: contain;
}

/* Teachers Section */
.teacher-card {
	background-color: #FFFBF7;
	border: 1px solid #F88120;
	border-radius: 10px;
	padding: 1rem;
	height: 100%;
	transition: all 0.3s ease;
}
.teacher-card img {
	height: 25x;
	width: 25x;
}


/* CTA Banner */
.cta-banner {
	position: relative;
	background: url('../img/banner-bg.jpg') no-repeat center center;
	background-size: cover;
	/*background-attachment: fixed; /* Parallax effect */
}
.cta-banner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
}
.cta-banner .container {
	position: relative;
	z-index: 2;
}

/* Contact Section */
.contact-icon {
	width: 24px;
	height: 24px;
	margin-top: 5px;
}
.contact-form {
	background-color: #FFFBF7;
	border: 1px solid #DE6808;
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.form-control:focus {
	border-color: var(--bs-warning);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.25);
}