/* 색상 정의 */
.btn-e-main{background-color:#061421 !important;background-color:transparent;border-color:#061421}
.btn-e-main:hover{background-color:#ffd700 !important;background-color:transparent;border-color:#ffd700}
.btn-e-brd.btn-e-main{color:#061421 !important;background-color:transparent;border-color:#061421}
.btn-e-brd.btn-e-main:hover{color:#ffd700 !important;background-color:transparent;border-color:#ffd700}
/* 색상 정의 끝 */

/* 메뉴 시작 */
.nav-wrap {
    background: #061421;
}
.navbar-nav-home > h1 {
	line-height:55px;
}
ul.navbar-nav { justify-content:space-between; }
.navbar-nav a { color:#ffffff; }
.navbar-nav>li>.nav-link:hover {
    color: #ffd700;
}
@media (max-width:991px) {
	.menu_logo { display:none !important; }
}

/* 메뉴 끝 */

/* 출석부 */
.panel-dark>.panel-heading {
    background-color: #061421;
    border-color: #061421;
    color: #FFF;
}
/* 출석부 끝 */

/* 상단 헤더 */
.header-title .container {height:51px;}

@media (max-width:991px) {
	.header-title { height: unset; }
	.header-title .container {height:90px;}
	.nav-wrap { height:unset; }
}
ul.navbar-nav { justify-content:space-between; }
.menu-logo { height:90px; line-height:90px; vertical-align:middle; margin-right:70px; }
.pc-menu-logo { width:200px; }

@media (min-width:992px) {
	.navbar-nav>li>.nav-link { margin-top:15px !important; }
}
@media (max-width:1400px) {
	.pc-menu-logo { width:150px; }
}
@media (max-width:1200px) {
	.pc-menu-logo { width:100px; }
}
@media (max-width:991px) {
	.menu_logo { display:none; }
}

.tab-content .row, .tab-content .row>*{ margin-left:0px !important; margin-right:0px !important; }

.top-header-nav.thn-end.nav_mobile li {margin-left:0px}

.mobile_flex_menu { display:flex; justify-content:center; background:#061421; }
#mobile_menu {
  overflow-x: auto;
  white-space: nowrap;
  display:none;
}

#mobile_menu ul {
  display: flex;
  
}

#mobile_menu ul li {
  padding-left:10px;
  padding-right:10px;
}

#mobile_menu ul li.active {
	background:rgba(255,255,255,0.1)
}

@media (max-width:991px) {
	#mobile_menu { width:590px; display:block;}
	.page-title-wrap { height:44px; }
}
@media (max-width:767px) {
	#mobile_menu { width:440px; }
	.ebs-comm003-expand-wrap-1646717650 {
		margin-bottom:0px !important;
	}
}
@media (max-width:576px) {
	#mobile_menu { width:430px; }
	.ebs-comm003-expand-in { height:150px !important; }
}

@media (max-width:506px) {
	#mobile_menu { width:410px; }
}

@media (max-width:450px) {
	#mobile_menu { width:360px; }
}


@media (max-width:410px) {
	#mobile_menu { width:310px; }
}

@media (max-width:360px) {
	#mobile_menu { width:280px; }
}

@media (max-width:330px) {
	#mobile_menu { width:260px; }
}

#mobile_menu::-webkit-scrollbar {
	height: 0px; /* 원하는 두께로 변경 */
}

#mobile_menu::-webkit-scrollbar {
	display: none;
}
#mobile_menu ul li a {color:#fff;}


#mobile_submenu {
  overflow-x: auto;
  white-space: nowrap;
  display:none;
  width:100%;
  background:white;
}

#mobile_submenu ul {
  display: flex;
  justify-content:center;
  width:100%;
  align-items: center;
  height:40px;
  margin-bottom:-5px;
}

#mobile_submenu ul li {
  padding-left:15px;
  padding-right:15px;
}

#mobile_submenu ul li a {
	padding-bottom:4px;
}

#mobile_submenu ul li.active a {
	border-bottom:solid 3px #061421;
	color:#061421;
}

#mobile_submenu::-webkit-scrollbar {
	height: 0px; /* 원하는 두께로 변경 */
}

#mobile_submenu::-webkit-scrollbar {
	display: none;
}
#mobile_submenu { box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important; border-bottom:1px solid #edeef0; background:#f7f8fa; }
@media (max-width:991px) {
	#mobile_submenu {
	  display:flex;
	}
}
.mobile_flex_menu .navbar-toggler {color:#ffffff}
/* 상단 헤더 끝 */


/* 헤더 */
.nav-wrap {
	height:90px;
}

.menu-logo > .site-logo { width:300px; }
.header-wrap { display:none; }
@media (max-width:991px) {
	.nt-container { display:none; }
	#nt_lnb { display:none !important; }
	.basic-body { padding:15px 0px; }
	.header-wrap { display:block; }
	.page-title-wrap { margin-top:5px; }
}

@media (max-width:1200px) {
	.menu-logo > .site-logo { max-height:40px; }
	.menu-logo { margin-right:20px !important; }
}

@media (max-width:1050px) {
	.menu-logo { margin-right:10px !important; }
}

.header-title { height: 51px; }

/* 헤더 끝 */

/********************************************************
■ LNB
********************************************************/
#nt_lnb {padding:10px 0; border-bottom:1px solid #edeef0; background:#fff; width:100%;}
#nt_lnb ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 0 13px; height:30px; line-height:30px; }
#nt_lnb ul > li.b_dot {*padding: 0 3px;}
#nt_lnb ul > li.b_dot::after { float: right; color:#333; content:"·"; margin-right:-16px; }
#nt_lnb ul > li:first-child { padding-left:0; }
#nt_lnb ul > li:last-child { padding-right:0; }
#nt_lnb ul > li:last-child::after { content: ""; margin-right:0; }
#nt_lnb ul > li > a { float:left; white-space:nowrap; display:inline-block; height:30px; /*height:30px; line-height:30px;*/ border-radius:5px; *padding:0 10px;}
#nt_lnb .dropdown-toggle::after { color:#ccc; }

#nt_lnb ul > li img.icon_yellow_star {vertical-align:top; margin-top:6px; margin-right:3px;}
#nt_lnb ul > li img.icon_event {vertical-align:top; margin-top:2px; margin-right:2px;}
#nt_lnb ul > li > a.btn_event {font-weight:bold;}
#nt_lnb ul > li > a.btn_nt_lnb_01 {border:2px solid #db3232;color:#db3232; padding:0 10px; line-height:28px; font-weight:bold; font-size:1em;}
/* #nt_lnb ul > li > a.btn_nt_lnb_02 {background:#db3232; color:#fff; padding:0 10px; line-height:30px; font-weight:bold;} */
#nt_lnb ul > li > a.btn_register {margin-left:5px; font-weight:bold;font-size:1em;}

#nt_lnb ul > li.header-search-wrap {padding:0;}
#nt_lnb ul > li.header-search-wrap .header-search {}
#nt_lnb ul > li.header-search-wrap .header-search input.form-control {width:210px; height:30px; border:0; border-radius:5px; background:#f6f7fb; font-size:13px; padding:7px 33px 7px 10px;}
#nt_lnb ul > li.header-search-wrap .header-search button[type=submit] {position:absolute; top:0; right:3px; width:30px; height:30px; font-size:12px; z-index:3;}
#nt_lnb ul > li.header-search-wrap .header-search button[type=submit] i {color:#626266 !important;}
.float-left {
	float: left!important;
}
.float-right {
	float: right!important;
}
.nt-container {
	max-width: 100%;
}
.header-title .container {height:51px;}

@media (max-width:991px) {
	.header-title { height: unset; }
	.header-title .container {height:90px;}
	.nav-wrap { height:unset; }
}
ul.navbar-nav { justify-content:space-between; }
.menu-logo { height:90px; line-height:90px; vertical-align:middle; margin-right:70px; }
.pc-menu-logo { width:200px; }

@media (min-width:992px) {
	.navbar-nav>li>.nav-link { margin-top:15px !important; }
}
@media (max-width:1400px) {
	.pc-menu-logo { width:150px; }
}
@media (max-width:1200px) {
	.pc-menu-logo { width:100px; }
}
@media (max-width:991px) {
	.menu_logo { display:none; }
}

.tab-content .row, .tab-content .row>*{ margin-left:0px !important; margin-right:0px !important; }

/*---------- Sidebar User ----------*/
.mobile-search-btn2{margin-top:3px;bottom:10px;left:10px;width:40px;height:40px;line-height:42px;font-size:1rem;border:0;border-radius:50%;display:none}
.sidebar-user .offcanvas-header {display:none}
@media (max-width:991px) {
	.mobile-search-btn2.mo-btn{display:block;}
	
}

/* 웹킷 기반 브라우저에서 스크롤바 숨기기 */
::-webkit-scrollbar {
  display: none;
}

/* 파이어폭스에서 스크롤바 숨기기 */
html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* SLY 분류탭 */
.sly-tab { border:0; overflow:hidden; }
.sly-tab .d-flex { border-left:1px solid #e5e5e5; }
.sly-tab li a {	display:block; text-align:center; border:1px solid #e5e5e5;	border-left:0; color:#333; background:#fafafa; }
.sly-tab li.active a { font-weight:bold; background:#fff; border-bottom:1px solid #fff; }
.sly-tab .sly-btn {	display:none; text-align:center; border:1px solid #e5e5e5; color:#333; background:#fff; }
.sly-tab .sly-btn:hover { background:#fafafa; }
.sly-tab .sly-btn.sly-next { border-left:0; }
.sly-tab hr { display:block; border-top:1px solid #e5e5e5; height:1px; margin:0; margin-top:-1px; padding:0; }

