body {
    font-family: 'Noto Sans KR';
    background:#070707 url('../images/body_bg.jpg') no-repeat center center fixed;
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6, button, input, div, span, label,form {
    font-family: 'Noto Sans KR';
    margin:0;
    padding: 0;
}

li {
	list-style: none;
}
input {
	border-radius: 0 !important;
}

a, button {
text-decoration: none;
}

a.btn-flat, button.btn-flat {
	border-radius: 0 !important;
	padding: 2px 6px !important;
}

.link, .link:hover {
	color: white;
}



.left-banner-wrapper li {
	margin-top: 4px;
	display: block;
	width: 300px;
}
.left-banner-wrapper ul, .left-banner-wrapper li {
	padding:0;
}
.left-banner-wrapper ul li a {
	padding:0;
	margin:0;
	display: inline-block;
	background: black;
	width: 100%;
}
.p-1{
    padding: .25rem!important;
}
.p-2{
    padding: .5rem!important;
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem!important;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
}
.p-0 {
    padding: 0!important;
}
.m-0 {
    margin: 0!important;
}
.col-5{
    flex:0 0 41.666667%;
}
.col-6{
    flex:0 0 50%;
    max-width:50%;
    }
.col-2{
    flex:0 0 15%;
    max-width:15%;
    }
.col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
.col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
i.fas, i.fab {
        margin-right: 4px !important;
    }
    @media (min-width: 576px){
        .col-sm-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
        .col-sm-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;

    }
    }