body,
html {
	background: #171d25;
	color: #fff;
	font-family: Noto Sans KR, sans-serif;
	font-size: 15px;
	font-weight: 100;
	min-width: 280px
}

body {
	overflow-y: scroll
}

a:hover {
	text-decoration: none
}

label,
p,
ul {
	margin-bottom: 0
}

button,
input,
textarea {
	font-family: Noto Sans KR, sans-serif
}

input.form-control::-moz-placeholder,
textarea::-moz-placeholder {
	font-size: 1rem
}

input.form-control:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size: 1rem
}

input.form-control::placeholder,
textarea::placeholder {
	font-size: 1rem
}

.pc {
	display: none
}

.border_top {
	border-top: 1px solid #2c3542
}

.border_left {
	border-left: 1px solid #2c3542
}

.border_right {
	border-right: 1px solid #2c3542
}

.border_bottom {
	border-bottom: 1px solid #2c3542
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	caret-color: #fff;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill:first-line {
	font-family: Noto Sans KR, sans-serif;
	font-size: 1rem
}

input {
	filter: none
}

.hover_main:hover {
	color: #ef9011 !important
}

.text_sub {
	color: #8b939f
}

.btn_main {
	background: #ef9011;
	border: 1px solid #ffb24b;
	color: #fff
}

.btn_main:focus,
.btn_main:hover {
	background: #e47c06;
	border: 1px solid #ffb24b !important;
	color: #fff
}

.btn_sub {
	background: #8b939f;
	border: 1px solid #8b939f;
	color: #fff
}

.btn_sub:hover {
	background: #ef9011;
	border: 1px solid #ffb24b;
	color: #fff
}

.btn_text_highlight {
	background: none;
	border: none;
	color: #fff
}

.btn_text_highlight:hover {
	color: #ffb24b
}

.header_m {
	background: #1e242d;
	height: 50px;
	position: fixed;
	z-index: 1050
}

.header_m .open_gnb {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 1.2rem;
	height: 100%;
	justify-content: center;
	width: 50px
}

.gnb_m {
	background: #0f1319;
	margin-top: 50px;
	position: absolute;
	width: 100%;
	z-index: 1050
}

.gnb_m.right_to_left {
	margin-left: auto;
	max-width: 300px;
	right: -70vw;
	transition: right .2s linear;
	width: 70vw
}

.gnb_m.right_to_left.show {
	right: 0
}

.gnb_m.left_to_right {
	left: -70vw;
	max-width: 300px;
	transition: left .2s linear;
	width: 70vw
}

.gnb_m.left_to_right.show {
	left: 0
}

.gnb_m.top_to_bottom {
	top: -100vh;
	transition: top .2s linear;
	width: 100%
}

.gnb_m.top_to_bottom.show {
	top: 0
}

.gnb_m .gnb_inner {
	-ms-overflow-style: none;
	height: calc(100vh - 50px);
	overflow: auto;
	position: relative;
	scrollbar-width: none;
	z-index: 1050
}

.gnb_m .gnb_inner::-webkit-scrollbar {
	display: none !important
}

.gnb_m .depth_1>li:hover {
	background: #ef9011
}

.gnb_m .depth_1 .gnb_title {
	background: #ef9011;
	border-bottom: 1px solid rgba(73, 84, 100, .4);
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 10px 15px;
	position: relative
}

.gnb_m .depth_1 .gnb_title.collapsed {
	background: transparent
}

.gnb_m .depth_1 .fas {
	height: 10px;
	position: absolute;
	right: 17px;
	top: 17px;
	transition: transform .3s linear;
	width: 10px
}

.gnb_m .depth_1 .gnb_title.collapsed .fas {
	float: right;
	transform: rotate(180deg);
	transform-origin: center
}

.gnb_m .depth_2 {
	background: #161b21
}

.gnb_m .depth_2>li {
	border-bottom: 1px solid rgba(73, 84, 100, .4);
	padding: 10px 10px 10px 30px
}

.gnb_m .depth_2>li a {
	color: #fff;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.gnb_m .depth_2>li:hover {
	background: #ef9011
}

.emergency {
	background: #cc2944;
	color: #fff
}

.emergency a,
.emergency a:hover {
	color: #ffd36b;
	text-decoration: underline
}

@media(min-width:992px) {
	#header {
		background: #171d25;
	}

	.gnb_pc {
		background: #0f1319
	}

	.gnb_pc .depth_1>li {
		float: left;
		min-width: 250px;
		position: relative;
		z-index: 1
	}

	.gnb_pc .depth_1 .gnb_title {
		color: #fff;
		cursor: pointer;
		display: block;
		padding: 10px 27px;
		text-align: left
	}

	.gnb_pc .depth_1>li:not(:first-child) .gnb_title:before {
		background: #495464;
		content: "";
		display: block;
		height: 20px;
		left: 0;
		position: absolute;
		top: 12px;
		width: 1px
	}

	.gnb_pc .depth_1 .fas {
		margin-left: 30px;
		padding-bottom: 10px;
		vertical-align: middle
	}

	.gnb_pc .depth_2 {
		background: #161b21;
		box-shadow: 3px 3px 10px rgba(0, 0, 0, .7);
		display: none;
		left: 0;
		position: absolute;
		top: 100%;
		width: 120%;
	}

	.gnb_pc .depth_2 li:hover {
		background: #ef9011;
		color: #fff
	}

	.gnb_pc .depth_2>li a {
		border-bottom: 1px solid rgba(255, 255, 255, .1);
		color: #fff;
		display: block;
		padding: 12px 15px
	}

	.gnb_pc .depth_2>li a.active {
		background: #ef9011;
        color: #fff;
	}

	.gnb_pc .depth_1>li:hover {
		background: #ef9011
	}

	.gnb_pc .depth_1>li:hover .gnb_title {
		background: #ef9011;
		color: #fff
	}

	.gnb_pc .depth_1>li:hover .gnb_title:before {
		display: none
	}

	.gnb_pc .depth_1>li:hover .depth_2 {
		display: block
	}

	.gnb_pc #gnb_category.grid_align .depth_1 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(0, auto))
	}

    .gnb_title.active {
        background: #ef9011;
        color: #fff
    }
}

#navigation {
	background: #1e242d
}

#navigation ul li .current,
#navigation ul li a {
	font-size: 14px
}

#navigation ul li .current {
	color: #ef9011
}

#navigation ul li .fas,
#navigation ul li a {
	color: #bec7d4
}

#navigation ul li .fas {
	font-size: 17px
}

.video_list .thumbnail {
	background-color: #000;
	position: relative
}

.video_list .thumbnail .img_centered {
	overflow: hidden;
	padding-top: 58%;
	position: relative
}

.video_list .thumbnail .centered {
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 100%
}

.video_list .thumbnail img {
	height: auto;
	max-height: 100%;
	transform: translate(-50%, -50%);
	width: 100%
}

.video_list .thumbnail .thumb_over {
	border: 1px solid #ef9011;
	opacity: 0;
	transition: all .2s linear
}

.video_list .thumbnail .icon,
.video_list .thumbnail .thumb_over {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.video_list .thumbnail .icon .count {
	background: rgba(0, 0, 0, .5);
	border-radius: 3px;
	color: #fff;
	font-size: 1rem;
	left: 3%;
	overflow: hidden;
	padding: 0 6px;
	position: absolute;
	top: 7%;
	transform: scale(.8) translate(-4px, -2px);
	transition: all .3s linear;
	white-space: nowrap;
	width: 50px
}

.video_list .thumbnail .icon .count .fas {
	font-size: .6rem;
	margin-right: 5px
}

.video_list .thumbnail .icon .count .fas:before {
	display: inline-block;
	height: 18px;
	vertical-align: middle
}

.video_list .thumbnail .icon .hd {
	background: rgba(0, 0, 0, .5);
	border-radius: 3px;
	color: #fff;
	font-size: .9rem;
	font-style: italic;
	font-weight: 900;
	line-height: 1;
	padding: 5px 2px 5px 0;
	position: absolute;
	right: 3%;
	text-align: center;
	top: 7%;
	transition: all .3s linear;
	width: 30px
}

.video_list .video_title {
	color: #fff;
	margin-top: 10px
}

.video_list li:hover .thumbnail .thumb_over {
	border-width: 4px;
	opacity: 1
}

.video_list li:hover .thumbnail .icon .count,
.video_list li:hover .thumbnail .icon .hd {
	background: #ef9011
}

.video_list li:hover .video_title {
	color: #ef9011;
	transition: all .2s linear
}

.video {
	background-color: #000;
	padding-top: 56.25%;
	position: relative
}

.video>.col {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.video>.col video {
	height: 100% !important
}

.video_info {
	background: #0f1319;
	color: #fff
}

.video_info .title {
	font-size: 21px;
	font-weight: 400;
	padding: 1.3rem 0
}

.video_info .rating {
	padding: 0 1.3rem 1.3rem;
	text-align: center
}

.video_info .rating button {
	color: #fff
}

.video_info .rating button .fas {
	color: #8b939f
}

.video_info .rating button.active .fas,
.video_info .rating button:hover .fas {
	color: #ef9011
}

.video_info .rating .btn-group>.btn:not(:first-child) {
	border-left: 1px solid #2c3542
}

.video_info .rating .rating_count {
	color: #8b939f;
	font-size: 14px;
	font-weight: 700
}

.video_info .rating .progress {
	background-color: #8b939f
}

.video_info .rating .progress-bar {
	background-color: #ef9011
}

.notice_list li {
	background-color: #1e242d
}

.notice_list li .card-title {
	color: #fff
}

.notice_list li .ellipsis_multiLine {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	font-size: 1rem;
	height: 4.5rem;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis
}

.notice_list li .card-footer small,
.notice_list li .card-text {
	color: #8b939f
}

.notice_list li:hover .card-title {
	color: #ef9011
}

@media(min-width:992px) {
	.notice_list .col_img {
		max-width: 400px
	}
}

.notice_view .notice_footer .prev_next,
.notice_view .notice_header {
	background-color: #1e242d
}

.notice_view .notice_body .notice_text {
	min-height: 250px
}

@media(min-width:992px) {
	.notice_view .notice_body .notice_text {
		min-height: 500px
	}
}

.contents_pagination .page-link {
	background-color: #2c3542;
	border: 1px solid #2c3542;
	border-radius: 5px;
	color: #fff;
	font-size: .9rem;
	margin: 0 3px;
	padding: .25rem .7rem
}

.contents_pagination .page-link:hover {
	background-color: #ef9011;
	border: 1px solid #ffb24b
}

.contents_pagination .page-item.disabled .page-link {
	background-color: #2c3542;
	border: 1px solid #2c3542;
	color: #6a7079
}

.contents_pagination .fas {
	font-size: .9rem;
	line-height: .9rem
}

.contents_pagination .page-link.end,
.contents_pagination .page-link.start {
	letter-spacing: -3px
}

.contents_pagination .page-item.active .page-link {
	background-color: #ef9011;
	border: 1px solid #ffb24b;
	color: #fff
}

@media(min-width:992px) {
	.contents_pagination .page-link {
		border-radius: 5px;
		font-size: 1.1rem;
		margin: 0 5px;
		padding: .55rem .95rem
	}

	.contents_pagination .fas {
		font-size: 1.1rem;
		line-height: 1.1rem
	}
}

@media(max-width:320px) {
    .contents_pagination .page-link {
        padding: .2rem .5rem
    }
}

#footer {
	padding-top: 3rem
}

#footer .footer_inner {
	max-width: 1000px;
	padding: 27px 0
}

#footer .footer_link li {
	display: inline-block;
	font-size: 0
}

#footer .footer_link li:not(:first-child):before {
	background: #8b939f;
	content: "";
	display: inline-block;
	height: 10px;
	width: 1px
}

#footer .footer_link li a {
	color: #ef9011;
	font-size: 14px
}

#footer .copyright {
	color: gray
}

.container-fluid.content {
	padding-left: 30px;
	padding-right: 30px
}

#app.non_scroll {
	height: 100vh;
	overflow: hidden
}

.header_height {
	padding-top: 50px
}

.content, .max_content {
    max-width: 1600px
}

.content_col,
.right_content_col {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 100%
}

.searchbar {
	background: #2c3542;
	border: 1px solid #ef9011
}

.searchbar>input {
	border: none;
	border-radius: 0
}

.searchbar .form-control:focus,
.searchbar>input {
	background-color: transparent;
	color: #fff
}

.main_title {
	background: #0f1319;
	color: #fff;
	font-size: 21px;
	word-break: break-all
}

.main_title .fab {
	color: #ef9011
}

.filter_menu {
	background: #0f1319;
	border: none;
	border-radius: 0;
	min-width: 0;
	padding: 0;
	text-align: right;
	width: 100px
}

.filter_menu .dropdown-item {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #fff;
	font-weight: 100
}

.filter_menu .dropdown-item:focus,
.filter_menu .dropdown-item:hover {
	background: #ef9011;
	outline: none
}

.banner_item {
	display: inline-block;
	vertical-align: top
}

.banner_item>a,
.banner_item>iframe {
	display: block
}

@media(min-width:992px) {
	.pc {
		display: block
	}

	.mobile {
		display: none
	}

	.content_col {
		flex-basis: 0;
		flex-grow: 1
	}

	.right_content_col {
		width: 315px
	}

	.filter_menu {
		width: 200px
	}

	.right_content_col .fas {
		margin-right: 0 !important
	}

	.right_content_col .fas+span {
		font-size: 0
	}
}

.board_content p {
    /*padding: .5rem 0*/
}

.text_main {
	color: #ef9011
}

.text_gray {
	color: gray
}