@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{
	margin:0;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/*
select,
input[type="checkbox"],
input[type="radio"] {
	-webkit-appearance: none;  
	-moz-appearance: none;
	appearance: none;
}
*/
[contenteditable="true"] {
  overflow-wrap: break-word;
  -webkit-nbsp-mode: space;
  line-break: after-white-space;
  -webkit-user-modify: read-write-plaintext-only;
}

body{
	background-color: #1f1f1f;
}
body.active{
	
}
body.active #preview{
	
}
strong{
	font-weight:600;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
strong{
	font-weight:700;
}
div:after,
form:after{
	content:'';
	display:block;
	clear:both;
}
html{
	font-size:13px;
}
body{
	line-height:1.6;
	font-family:'Noto Sans KR',sans-serif;
	color:#fff;
}
@media only screen and (max-width: 767px) {
	html{
		font-size:12px;
	}
	body{
		line-height:1.5;
	}
}
a{
	color:#fff;
}
li{
	list-style:none;
}
.fluid{
	width:100%;
}

.hidden{
	display:none;
}
.highlight{
	background-color:#FEF7E4!important;
	opacity:.3s;
}
.this{
	color:#EA3023;
}
/*
	text
*/
.text-small{
	font-size:.85rem;
}
.text-mini{
	font-size:.75rem;
}
p{
	line-height:1.8;
	color:#333;
}

.container{
	min-width:1280px;
	max-width:1280px;
	width:100%;
	margin:0 auto;
	padding-left:1rem;
	padding-right:1rem;
}
@media only screen and (max-width: 767px) {
	.container{
		min-width:100%;
		max-width:100%;
	}
}

.color-primary{
	color:##AA0202!important;
}

/* flex */
.flex{
	display:flex;
	align-items:center;
}
.flex.space-between{
	justify-content:space-between;
}
/* Grid */
.grid {
	display: flex;
	/*margin-left: -.5rem;
	margin-right: -.5rem;*/
	margin-bottom: 0rem;
	flex-wrap: wrap;
}
.grid.grid-vcenter{
	align-items:center;
}

.grid > [class * ="grid__"] {
	flex: 1 1 auto;
	padding-left: .5rem;
	padding-right: .5rem;
}

.grid > .grid__1 {
	min-width: 8.33333%;
	max-width: 8.33333%;
}

.grid > .grid__2 {
	min-width: 16.66666%;
	max-width: 16.66666%;
}

.grid > .grid__3 {
	min-width: 24.99999%;
	max-width: 24.99999%;
}

.grid > .grid__4 {
	min-width: 33.33332%;
	max-width: 33.33332%;
}

.grid > .grid__5 {
	min-width: 41.66665%;
	max-width: 41.66665%;
}

.grid > .grid__6 {
	min-width: 49.99998%;
	max-width: 49.99998%;
}

.grid > .grid__7 {
	min-width: 58.33331%;
	max-width: 58.33331%;
}

.grid > .grid__8 {
	min-width: 66.66664%;
	max-width: 66.66664%;
}

.grid > .grid__9 {
	min-width: 74.99997%;
	max-width: 74.99997%;
}

.grid > .grid__10 {
	min-width: 83.3333%;
	max-width: 83.3333%;
}

.grid > .grid__12 {
	min-width: 100%;
	max-width: 100%;
}

.grid > [class * ="grid__"] > .grid > [class * ="grid__"] {
	margin-bottom: 0;
}

.grid > .grid__0 {
	display: none;
}

.grid.grid-gap {
	margin-left:-1rem
}

.grid.grid-gap > [class *="grid__"] {
	padding-left:1rem;
}
.grid.grid-small{
	margin-left:-.5rem;
}
.grid.grid-small > [class*="grid__"]{
	padding-left:.5rem;
}

/*
	Nav tab
*/
.nav-tab{
	margin-bottom:1rem;
	position:relative;
}
.nav-tab:after{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background-color:rgba(255,255,255,.1);
}
.nav-tab > ul{
	display:flex;
}
.nav-tab > ul > li{
	flex:0 1 auto;
}
.nav-tab > ul > li > a{
	display:block;
	padding:.5rem 1.5rem;
	text-align:center;
	border:1px solid rgba(255,255,255,.1);
	border-bottom:0;
	border-radius:.25rem;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	transition:.3s;
}
.nav-tab > ul > li > a:hover{
	background-color:rgba(255,255,255,.1);
}
.nav-tab > ul > li.active > a{
	background-color:#EA3022;
	color:#fff;
}

/*
	video
*/
.videos{
	margin-left:-.5rem;
}
.videos > li{
	float:left;
	width:16.6666667%;
	padding-left:.5rem;
	padding-bottom:.5rem;
}

@media only screen and (max-width: 767px) {
	.videos > li{
		width:50%;
	}
	.videos.row-1 > li{
		float:none;
		clear:both;
		width:100%;
	}
}
.video{
	border:1px solid rgba(255,255,255,.1);
	padding:.5rem;
	background-color:#181818;
}
.video:hover{
	background-color:rgba(0,0,0,.9);
	border-color:#AA0102;
}
.video .video__head{
	position:relative;
}
.video .video__head .icon{
	position:absolute;
	left:.5rem;
	top:.5rem;
	border-radius:.25rem;
	background-color:rgba(0,0,0,.6);
	text-align:center;
	color:rgba(255,255,255,.6);
	padding:.25rem .5rem;
	font-size:.8rem;
}
.video .video__head .icon.new{
	background-color:rgba(170,1,2,.8);
}
.video:hover .video__head .icon{
	background-color:rgba(0,0,0,.9);
	color:#fff;
}
.video:hover .video__head .icon.new{
	background-color:rgba(170,1,2,1);
	color:#fff;
}
.video .video__head img{
	width:100%;
	height:120px;
	object-fit: cover;
}
.video .video__body{
	padding:.5rem;
}
.video .video-title{
	font-weight:600;
	height:50px;
	display:block;
}
.video .video-info span{
	margin-right:.5rem;
	display:inline-block;
	color:rgba(255,255,255,.67);
	font-size:.8rem;
}
.video .video-info span i{
	display:inline-block;
	margin-right:.5rem;
	color:rgba(255,255,255,1);
}
.video:hover .video-title{
	color:#EA3023;
}

.article-info{
	padding:1rem 0;
	font-size:1rem;
	color:rgba(255,255,255,.9);
}

#paging{
	text-align:center;
	margin-top:2rem;
}
.pg_wrap{
	float:none;
	padding-top:2rem;
}
.pg_wrap a:hover{
	background-color:#EA3023;
}
.pg_current{
	border-color:transparent;
	background-color:transparent;
	border-radius:0;
	line-height:30px;
	background-color:#EA3023;
	color:#fff;
}
.pg_page{
	background-color:transparent;
	border:2px solid transparent;
	border-radius:0;
	line-height:30px;
	color:#fff;
}

/*
	Layout
*/
#header{
	background-color:#000;	
}
#logo{
	text-align:center;
	float:none;
	clear:both;
	margin:0;
	padding:0;
	margin-top:-1rem;
	margin-bottom:-2rem;
}
#logo img{
	height:190px;
}
#logo a{
	display:inline-block;
	padding:2rem;
	font-size:2.5rem;
	letter-spacing:-2px;
	color:yellow;
}
#header .container{
	position:relative;
}
#header .row:nth-child(2){
	
}
#gnb > ul > li{
	position:relative;
}
#gnb > ul > li:nth-child(6):hover > a{

}
.gnb_2dul{
	width:100%;
}
.gnb_2da{
	text-align:center!important;
}
#gnb .gnb_2da{
	background-color:rgba(0,0,0,.78)!important;
}
.gnb_2dul .gnb_2dul_box{
	border:0!important;
}
.gnb_2dul .gnb_2dul_box a{
	color:rgba(255,255,255,.9)!important;
}

/*
	search
*/
form[name="fsearchbox"]{
	display:inline-block;
}
#search{
	position:relative;
	text-align:center;
	padding:1rem 5rem;
}
#hd_sch{
	overflow:hidden;
	border-radius:0;
}
#hd_sch form{
	background-color:#fff;
	border-radius:4px;
	display:inline-block;
	overflow:hidden;
}
#search #sch_btn{
	border:2px solid #fff;
	height:45px;
	line-height:39px;
	display:inline-block;
	float:left;
	margin-right:.5rem;
	font-size:1.2rem;
	padding-left:1.5rem;
	padding-right:1.5rem;
}
#hd_sch input::placeholder{
	color:#999!important;
	font-weight:normal;
}
#hd_sch #sch_stx,
#hd_sch #sch_submit{
	background-color:transparent;
	color:#333;
	border:2px solid rgba(255,255,255,1);
	border:0;
	border-radius:0;
	overflow:hidden;
	height:45px;
}
#hd_sch:hover #sch_stx,
#hd_sch:hover #sch_submit{
}
#hd_sch #sch_stx{
	width:400px;
	font-size:1.2rem;
	font-weight:bold;
}
#hd_sch #sch_stx{
	border-right:0;
}
#hd_sch #sch_stx::placeholder{
	color:#fff;
}
#hd_sch #sch_stx:hover,
#hd_sch #sch_stx:focus{
	border:2px solid #fff!important;
}
#hd_sch #sch_submit{
	border-left:0;
	background-color:transparent;
}

#grid{
	background-color:transparent;
	color:#fff;
	border:2px solid rgba(255,255,255,1);
	display:none;
}
@media only screen and (max-width: 767px) {
	#hd_sch form{
		display:inline-flex;
	}
	#logo img{
		height:120px;
	}
	#grid{
		
	}
	#header .row:nth-child(1) .container{
		display:block;
		flex-wrap:wrap;
		justify-content:space-between;
		padding:1rem;
	}
	
	#grid{
		float:right;
		position:absolute;
		right:1rem;
		top:1rem;
		z-index:9090;
		display:inline-block;
		padding:1rem;
		font-size:1.3rem;
		display:none;
	}
	#logo a{
		padding:0;
		font-size:1.5rem;
	}
	#search{
		position:relative;
		bottom:auto;
		right:auto;
		float:right;
		text-align:right;
		flex:1 1 auto;
		display:flex;
		justify-content:center;
		float:none;
		clear:both;
		padding:1rem 0 2rem 0!important;
	}
	#hd_sch #sch_stx{
		width:240px;
	}
	#hd_sch #sch_stx,
	#hd_sch #sch_submit,
	#sch_btn{
		height:34px!important;
		font-size:1rem!important;
		line-height:34px!important;
	}
	#sch_btn{
		line-height:28px!important;
	}
}
/*
	banner
*/
.banners{
	margin-left:-.25rem;
	width:100%;
	text-align:center;
}
.banners .banner a{
	display:block;
	font-size:0;
	line-height:1;
}
.banners .banner img{
	max-width:100%;
	min-width:100%;
	font-size:0;
	line-height:1;
}
.banners .banner{
	float:left;
	padding-left:0rem;
	padding-bottom:0rem;
}
.banners.row-1 .banner{
	float:none;
	clear:both;
}
.banners.row-3 .banner{
	width:33.333%;
}
.banners.row-4 .banner{
	width:25%;
}
@media only screen and (max-width: 767px) {
	.banners.row-3 .banner{
		width:50%;
	}
	.banners.row-4 .banner{
		width:50%;
	}
}



#gnb{
	background-color:transparent;
	margin:0;
	padding:0;
	width:auto;
}
#gnb > ul{
	display:flex;
}
#gnb > ul > li{
	flex:1 1 auto;
}
#gnb > ul > li > a{
	display:block;
	padding:1rem;
	text-align:center;
	font-weight:bold;
	font-size:1.4rem;
	transition:.3s;
}
#gnb > ul  li:hover div{
	display:block!important;
}
#gnb .gnb_2da{
	font-size:1.3rem;
}
@media only screen and (max-width: 767px) {
	#header .row:nth-child(2) .container{
		padding-left:0;
		padding-right:0;
	}
	#gnb > ul{
		flex-wrap:wrap;
	}
	#gnb > ul > li{
		width:25%;
		border-bottom:1px solid rgba(255,255,255,.1);
	}
	#gnb > ul > li > a{
		font-size:1rem;
		padding:1rem .5rem;
	}
	#gnb > ul > li div{
		padding-top:0rem;
		margin-top:-1rem;
		min-width:100%;
	}
	
	#gnb > ul > li:nth-child(1),
	#gnb > ul > li:nth-child(2),
	#gnb > ul > li:nth-child(3),
	#gnb > ul > li:nth-child(4){
		border-bottom:2px solid #fff;
	}
	
	.nav-tab > ul{
		display:flex;
		justify-content:space-between;
	}
	.nav-tab > ul > li{
		flex:1 1 auto;
	}
	.nav-tab > ul > li > a{
		font-size:.8rem;
		white-space:nowrap;
	}
}
#gnb > ul > li > a:hover{
	background-color:#EA3023;
	color:#fff;
}

#body{
	padding:1rem 0;
	padding-top:0;
}

#footer{
	text-align:center;
	font-size:.9rem;
	color:rgba(255,255,255,.5);
	padding:1rem 0;
	padding-top:3rem;
}



#popular{
	display:none
}

/*
	View
*/
#video-view iframe{
	width:100%;
	height:500px;
	background-color:#000;
	border:1px solid rgba(255,255,255,.1);
	position:relative;
}
#video-view iframe:before{
	content:'video';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	z-index:9999;
}
#video-view iframe + .banners{
	margin-top:1rem;
	margin-bottom:1rem;
}
#video-view .video-info{
	margin-bottom:1rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#video-view .video-title{
	font-size:1.3rem;
	letter-spacing:-1px;
	font-weight:600;
	flex:1 1 auto;
}
#video-view .video-etc{
	text-align:right;
	flex:1 1 auto;
	color:rgba(255,255,255,.7);
}
#video-view .video-etc span{
	margin-left:.5rem;
	font-size:1.4rem;
}
#video-view .video-etc span i{
	display:inline-block;
	margin-right:.5rem;
}
#video-view .video-btn{
	text-align:center;
	margin-top:1rem;
	margin-bottom:2rem;
}
#video-view .video-btn a{
	display:inline-block;
	border:1px solid rgba(255,255,255,.1);
	padding:1rem 2rem;
	text-align:center;
	margin:0 .5rem;
}
#video-view .video-btn a i{
	display:inline-block;
	margin-right:.5rem;
}
#video-view .video-btn a em{
	color:yellow;
	font-style:italic;
}
#video-view .video-btn a:hover{
	
}
#btn_like.active,
#btn_scrap.active{
	background-color:#AA0102;
}
#btn_like.active:hover i,
#btn_scrap.active:hover i{
	color:yellow;
}


/*
	그누 초기화
*/
#sch_res_detail,
.sch_res_list li,
#bo_v,
#bo_cate{
	background-color:transparent!important;
	color:rgba(255,255,255,.7)!important;
	border-color:rgba(255,255,255,.1)!important;
}