.footer {
	background-color:#eaeaea!important;
}

.navbar-brand {margin-top:-33px!important;}
@media screen and (max-width: 768px) {
	.btns-icon-old i {color:#000!important;}	
    .btns-icon-old span {color:#000!important;}
	.navbar-brand {margin-top:-48px!important;}
}

#subjectsNav ul li a:hover:after{ /* 마우스오버 언더라인 */
	content:'';
	display:block;
	border-bottom:2px solid #000; 
	padding-bottom:4px;
}

.lang-btn {
	 color: #333;
}

.btns-icon i {color:#000!important;}

 .btns-icon-old i {color:#fff!important;}
 .btns-icon-old span {color:#fff!important;}

/* 0 General layout */
/* 0.1 Body */
@media (min-width: 768px) {

	
  .page-main .section {
    transition: 0.6s; }
  .page-main.menu-visible .section {
    opacity: 1.00;
	-webkit-filter: blur(25px);
              filter: blur(25px);
	} /* 뒤에 배경 */
  .navbar-sidebar {
    transition: 0.6s; }
    .navbar-sidebar.menu-visible {
      opacity: 0.1;
      -webkit-filter: blur(5px);
              filter: blur(5px); }
  .page-cover {
    transition: 1.6s; }
    .page-cover.menu-visible {
      -webkit-filter: blur(25px);
              filter: blur(25px); }
  .page-header-alpha .navbar-mainmenu {
    background: none; } }

.page-header-drawer {
	position:fixed;
	height:22%;
	background: linear-gradient(180deg, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 100%)!important;
}
.page-header-drawer .navbar-mainmenu .mainmenu-bg { /* 메뉴 배경 컬러 */
      position: absolute;
      background: rgba(0, 0, 0, 0.09);
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%; }


body,
.body-page {
  background-color: #ffffff;
  color: #3d3d3d; }

a {
  color: #f0f0f0; }
  a:hover {
    color: rgba(240, 240, 240, 0.8); }

.bg-level-1 {
  background-color: #f0f0f0 !important; }

.bg-level-2 {
  background-color: #eaeaea !important; }

.bg-level-3 {
  background-color: #d0d0d0 !important; }

/* 1. Typography */
/*-------------------
Sample CSS overwriting main.css rules

[Table of contents]
    1. Typography
[Typography]
    font-family :
    - Geometric : "Glacial Indifference", "Montserrat"
    - Serif : "Serif, Playfair Display"
*/
/* 1. Typography */
/* page header */





/* 2. page-header / .page-header */
.page-header-drawer .navbar-sidebar .nav-item .icons {
  background: none;
  color: #1d1d1d; }

.menu-icon .texts {
  color: #1d1d1d; }

.menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3 {
  background: #1d1d1d; }

/* nav */
.page-header-alpha .navbar-mainmenu .nav-item a:hover {
  color: #f0f0f0; }

.page-header-drawer .navbar-mainmenu .mainmenu-content {
  background: #f0f0f0;
  /* 
  background: url("../img/bg-white.jpg"); 
  */
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }
  @media (min-width: 1024px) {
    .page-header-drawer .navbar-mainmenu .mainmenu-content::after {
      display: none; } }

.page-header.content-white .menu-icon .texts {
  color: #ffffff; }

.page-header.content-white .menu-icon .bars .bar1, .page-header.content-white .menu-icon .bars .bar2, .page-header.content-white .menu-icon .bars .bar3 {
  background: #ffffff; }

.page-header.content-black .menu-icon.menu-visible .texts {
  color: #1d1d1d; }

.page-header.content-black .menu-icon.menu-visible .bars .bar1, .page-header.content-black .menu-icon.menu-visible .bars .bar2, .page-header.content-black .menu-icon.menu-visible .bars .bar3 {
  background: #1d1d1d; }

/* 3. sections */
.section-home .home-cover {
  background: url("../img/bg-white-mobile.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .section-home .home-cover {
      background: url("../img/bg-white.jpg");
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      opacity: 1; } }

/* 4. components */
/* media / .media- */
.media-tile {
  background: #f8f9fa;
  color: #ffffff; }
  .media-tile .media-body {
    color: #1d1d1d; }
  .media-tile.diseabled {
    background: #e1e1e1; }

/* Forms and buttons / .form-control- */
.form-control-outline,
.form-control-line {
  border-color: #1d1d1d; }
  .form-control-outline:focus,
  .form-control-line:focus {
    border-color: #5d5d5d; }

.form-control-line.form-control-white {
  border-color: #1d1d1d; }

.content-white .form-control-line.form-control-white {
  border-color: #ffffff; }

.form-group label.error,
.form-container-transparent.form-container-white .form-input label,
.form-container-transparent .form-input input.form-control-line {
  color: #1d1d1d; }

/* Buttons / .btn-*/
.btn-outline-white {
  color: currentColor;
  border-color: currentColor; }

.btn-divided {
  border-color: #f0f0f0; }
  .btn-divided .b-subtitle {
    color: #f0f0f0; }


.foot-family ul {list-style-type: none;}
.foot-family li {margin-left:-16px;}
.foot-family li a {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 2px;
    background: #6a6a6a;
    font-size: 12px;
    font-weight: bold;
	color:#fff;
	
}

.foot-family li a:hover {
    background: #222;
	text-decoration:none;
}
.foot-family li a, .foot-social {margin-bottom: 3px}





.boardReadFooter a {
	color:#333!important;
}




/* Mobile Menu */
	
	/* Sub-menu */
	#subjectsNav-mobile {
	  font-family:"Noto Sans KR", Helvetica, cursive, Arial,sans-serif;

	  line-height: 1.5;
	  margin: -25px auto 0 auto;
	  width: 100%;
	}
	

	#subjectsNav-mobile ul li {
		font-size:16px;
		letter-spacing:0px;
		font-weight:100;
	
	}

	#subjectsNav-mobile ul li a{
		display: block; 
		padding:6px 0 0 5px;
		text-decoration: none;
		
	}
	
	.sub-menu-mobile > a{
		pointer-events: none;
	}


	.menu-item {
	  width: 100%; 
	  color: #333;
	  font-size: 15px;
	  font-weight: 500;
	  padding: 0;
	  background-color:none;

	}
	

	.menu-item a {
	  color: white;
	  display: block;
	  text-decoration: none;
	  width: 100%;
	  
		margin-left:20px;
	}

	/*ul Styles*/
	.menu-item:hover ul {
		padding:5px 0 10px 0;
		
	  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
		 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
			  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	}

	.menu-item ul li {
	  line-height: 30px;
	  height: 0px;
	  
	  background-color:#fff;
	  
	  list-style-type: none;
	  overflow:hidden;
	  padding: 0 0 0 15px;
	  
	  /*Animation*/
	  -webkit-transition: height .5s ease;
		 -moz-transition: height .5s ease;
		   -o-transition: height .5s ease;
		  -ms-transition: height .5s ease;
			  transition: height .5s ease;
	}



	.menu-item:hover li {
	  height: 34px;
	}
	
	.menu-item:hover li:last-child {
		height: 39px;
	}


	.navbar-nav-mobile {
		position:absolute;
		left:0;
		top:7rem;
		padding:0;
	}
	
	.nav-link {
		line-height:3.4rem;
		font-size:2rem;
		max-width:330px;
	}