@charset "utf-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-dynamic-subset.min.css");


body {
    font: normal 15px/1.5 Pretendard,sans-serif;
    -webkit-font-smoothing: antialiased;
}


.nav {
    --bs-nav-link-padding-x: 1.0rem !important;
    --bs-nav-link-padding-y: 0.4rem !important;
}

.nav-item-bggr {
    background: linear-gradient(to right, #eee, rgba(255, 255, 255, 0));
}

.nav-item-border {
	--bs-nav-tabs-border-width: 0 !important;
	border-bottom-left-radius: var(--bs-nav-tabs-border-radius) !important;
}

.nav-link.active {
	font-weight: 700;
	font-size: 115%;
}

.nav-tabs-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    
	scrollbar-width: none; 
	-ms-overflow-style: none;

	-webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 */
}

.ibb-bgcolor-lv2{
	background-color: #CCC !important;
}

.ibb-bgcolor-lv3{
	background-color: #70AD47 !important;
}

.ibb-bgcolor-lv4{
	background-color: #4472C4 !important;
}

.ibb-bgcolor-lv5{
	background-color: #ED7D31 !important;
}

.ibb-bgcolor-lv6{
	background-color: #954F72 !important;
}

.ibb-bgcolor-lv10{
	background-color: #F00 !important;
}



.ibb-bordercolor-lv2{
	border-color: #CCC !important;
}

.ibb-bordercolor-lv3{
	border-color: #8CE !important;
}

.ibb-bordercolor-lv4{
	border-color: #9E9 !important;
}

.ibb-bordercolor-lv5{
	border-color: #FC8 !important;
}

.ibb-bordercolor-lv6{
	border-color: #DAD !important;
}

.ibb-bordercolor-lv10{
	border-color: #F00 !important;
}

.list-icon { width: 20px; height: 20px; vertical-align: text-bottom; }

	.offcanvas-collapse {
		position: fixed;
		top: 56px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: var(--bs-gray-100);
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	}

	.offcanvas-collapse.open {
		visibility: visible;
		transform: translateX(-100%);
	}
  
	.nav-scroller {
		position: relative;
		z-index: 2;
		height: 2.75rem;
		overflow-y: hidden;
	}

	.nav-scroller .nav {
		color: rgba(255, 255, 255, .75);
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;		
	}
  
	.nav-scroller .nav-link {
		padding-top: .75rem;
		padding-bottom: .75rem;
		font-size: .875rem;
		color: #6c757d;
	}
	
	.nav-scroller .nav-link:hover {
		color: #007bff;
	}
	
	.nav-scroller .active {
		font-weight: 500;
		color: #343a40;
	}
	
	.bg-purple {
		background-color: #6f42c1;
	}

	.link-style{
		color: var(--bs-nav-link-hover-color);
	}


	.ibb-lastpost-title{
		color: var(--bs-link-color-rgb);
		font-weight: bolder !important;
		font-size: 1.15rem;
	}

	.ibb-lastpost-subj{
		color: var(--bs-gray-800);
		font-weight: normal !important;
		font-size: 0.90rem;
	}


/* 학생 (연한 파란색) */
.bg-student {
  background-color: #d0ebff !important;
}
.border-student {
  border: 1px solid #74c0fc !important;
}
.text-student {
  color: #1c7ed6 !important;
}

/* 부모 (연한 초록색) */
.bg-parent {
  background-color: #d3f9d8 !important;
}
.border-parent {
  border: 1px solid #69db7c !important;
}
.text-parent {
  color: #2b8a3e !important;
}

/* 멘토 (연한 주황색) */
.bg-mentor {
  background-color: #ffe5b4 !important;
}
.border-mentor {
  border: 1px solid #ffba62 !important;
}
.text-mentor {
  color: #f08c00 !important;
}

/* 프로 (연한 보라색) */
.bg-pro {
  background-color: #e5dbff !important;
}
.border-pro {
  border: 1px solid #b197fc !important;
}
.text-pro {
  color: #5f3dc4 !important;
}



/* 그누보드 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}
@media (max-width: 575px) {	#captcha_audio {display:none !important;} }

/* 커스텀 */
p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

a { text-decoration: none; }
select { font-size: 14px; }

#footer .logo img {	filter: grayscale(1); top: 0px; }

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }

.pagination { margin-top: 0rem; margin-bottom: 0rem; }

.ck.ck-editor__editable { min-height: 200px !important; }

/*
.dropdown-item { font-size: 1rem; }
.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
*/


@media (max-width: 575px)
{
	.container {
		padding-left: 0;
		padding-right: 0;
	}

    .row {
		--bs-gutter-x:-0.5rem;
	}
}