/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
a:hover{
	color: #ab0000;
}

.header-title .title-logo img{
	height: 65px;
}

.container{
	position: relative;
}

.btn-e-navy,
.btn-e-dark,
.btn-navy{
	background-color: #ab0000 !important;
	border-color: #ab0000 !important;
}

.btn-e-brd.btn-e-dark,
.btn-e-brd.btn-e-dark:hover,
.btn-navy,
.btn-navy:hover{
	color: #fff !important;
}

.text-indigo{
	color: #ff3c3c !important;
}

div:where(.swal2-icon).swal2-warning{
	border-color: #ab0000 !important;
	color: #ab0000 !important;
}
div:where(.swal2-container) button:where(.swal2-styled),
.cont-text-bg .bg-primary,
.counsel-btn,
.tab-scroll-category .scrollbar .handle	{
	background-color: #ab0000 !important;
}

.ol-before,
.banner-area .banner,
.notice-roll-side-wrap,
.poll-wrap .poll-box,
.popular-box,
.tag-menu,
.ol-after .profile .cover,
.sidebar-nav-e1{
	border-radius: 10px;
	padding: 20px !important;
	overflow: hidden;
}

.notice-roll-side-wrap {
	padding: 0 10px !important;
}

.sidebar-nav-e1{
	padding: 0 !important;
}

.ol-before,
.banner-area,
.notice-roll-side-wrap,
.poll-wrap,
.ranking-box,
.popular-box,
.tag-menu{
	margin-bottom: 10px !important;
}

.nav-wrap{
	background-color: #ab0000;
}

.basic-best .nav-tabs li a.active{
	background-color: #ab0000 !important;
	color: #fff !important;
}

.ol-after .member-info-btn .info-btn.others-btn,
.ol-after .profile .toggle{
	background: #ab0401 !important;
	color: #fff !important;
}

.navbar-nav a, .navbar-toggler{
	color: #fff;
	transition: 0.4s;
}

.navbar-nav>li>.nav-link:hover{
	color: #fff;
	opacity: 0.6;
}

.banner-area{
	margin-bottom: 30px;
}

.banner-area .banner{
	padding: 0 !important
}

.banner-area .banner a{
	display: block;
}

.banner-area img{
	max-width: 100%;
}

.search-result-list .result-list > li h6 a{
	color: #000 !important;
}

.search-result-list .sch_word{
	background-color: rgba(177,0,0,0.2);
	color: #ab0000 !important;
	padding: 2px 5px;
}

.eb-backtotop svg.backtotop-progress path{
	stroke: #ab0000;
}

.eb-backtotop:after{
	color: #ab0000;
}

.top-header-nav li.dropdown .dropdown-menu a:hover{
	color: #ab0000;
}

.last-section{
	padding: 100px 0;
}

.last-section .process-list{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	gap: 15px;
}

.last-section .process-list .process{
	width: calc( (100% - 45px) / 4 );
	text-align: center;
}

.last-section .process-list .process figure{
	width: 100%;
	height: 200px;
}

.last-section .process-list .process h5{}

.last-section .process-list .process p{
	margin-top: 10px;
}

.absolute-banner-area{
	position: absolute;
	left: -180px;
	width: 160px;
}

.absolute-banner-area a{
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.absolute-banner-area img{
	width: 100%;
}

.main-contents .notice-roll-side-wrap{
	margin-bottom: 30px !important;
}

.my-info .info-box,
.my-info .info-box-bottom{
	border-color: #e5e5e5 !important;
}

.my-info .info-box{
	border-radius: 10px 10px 0 0;
}

.my-info .info-box-bottom{
	border-radius: 0 0 10px 10px;
}

.basic-body .ol-after .scroll-tabs .scroll_tabs_container,
.ranking-box .nav-tabs{
	border-radius: 10px 10px 0 0 !important;
}

.basic-body .ol-after .member-info-wrap .member-info{
	border-radius: 0 0 10px 10px !important;
}

.basic-body .ranking-box .nav-tabs li:first-child a{
	border-radius: 10px 0 0 0 !important;
}

.my-activity .timeline > li > .timeline-panel{
	border-radius: 10px;
}

.my-config .eyoom-form header:first-of-type{
	border-radius: 10px 10px 0 0;
}

.my-config .config-box{
	border-radius: 10px;
}

.ebb-basic-wrap-1752717667 .swiper-wrapper{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.ebb-basic-wrap-1752717667 .swiper-wrapper > div{
	width: calc( (100% - 15px) / 2 );
}


#board_view_con{
}

.board-view .board-view-file-conts #bo_v_img img{
	margin: 0 auto;
	margin-bottom: 10px;
}

.answer-box{}

.answer-box .answer-tit-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 10px 20px;
	border: 1px solid #eaeaea;
	background-color: #fafafa;
}

.answer-box .answer-tit-box h4{}

.answer-box .answer-tit-box .icon{
	text-align: center;
}

.answer-box .answer-tit-box .icon i{
	color: #ab0000;
	font-size: 30px;
}

.answer-box .answer-tit-box .icon p{
	font-size: 12px;
	color: #ab0000;
}
.answer-box .answer-content{
	/* text-align: center; */
	margin-top: 20px;
}

.answer-box .answer-content table{
	width: 100% !important;
}



@media (min-width: 1400px){
	.container{
		max-width: 1200px !important;
	}
}

@media (min-width: 992px){
	.sidebar-left{
		width: 100%;
	}
	
	.navbar-nav{
		justify-content: space-between;
	}
	
	.navbar-nav>li>.nav-link{
		padding: 15px 7px !important;
	}
}

@media (min-width: 768px) {
	.container, .container-md, .container-sm {
		max-width: 90%;
	}
}


@media (max-width: 991px) {
	.navbar {
		height: 42px;
	}
	
	.sidebar-left{
		width: 100% !important;
	}
	
	.sidebar-left .navbar-nav{
		flex-direction: row;
		border-bottom: 0 !important;
	}
	
	.navbar-nav-home{
		display: none !important;
	}
	
	.sidebar-left .sidebar-left-content{
		padding-bottom: 0 !important;
	}
	
	.sidebar-left .navbar-nav > li{
		width: calc(100% / 5);
	}
	
	.sidebar-left .navbar-nav > li > a{
		color: #fff !important;
		border-top: 0 !important;
		text-align: center;
	}
	
	.navbar-mobile-toggler{
		display: none !important;
	}
	
	.counsel-btn{
		right: 10px !important;
	}
	
	.header-title .container{
		flex-direction: column;
		align-items: center;
		height: auto;
		padding: 20px 0;
		gap: 10px;
	}
	
	.header-title .header-title-search{
		display: block !important;
		position: unset;
		transform: unset;
	}
}


@media screen and (max-width: 767px){
	
	.last-section .process-list .process{
		width: calc( (100% - 15px) / 2 );
	}
	
	.last-section .process-list .process figure{
		height: 150px;
	}
	
	.last-section .process-list .process h5{
		font-size: 1.125rem;
	}
	
	.last-section .process-list .process p{
		font-size: 0.9375rem;
		margin-top: 7px;
	}
	
	.ebb-basic-in .swiper-slide{
		height: 170px;
	}
	
	.ebb-basic-in .swiper-slide a{
		height: 100%;
	}
}


@media screen and (max-width: 460px){
	.header-title .title-logo img{
		height: 55px;
	}
	.header-title .header-title-search{
		width: 90%;
	}
	
	.banner-area .banner a{
		width: 100%;
		height: 120px;
		position: relative;
	}
	
	.banner-area .banner img{
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
	}
}