@font-face {
    font-family: "Nanum Gothic";
    src: url('/fonts/NanumGothic.eot');
    src: url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/fonts/NanumGothic.woff') format('woff'), url('/fonts/NanumGothic.ttf') format('truetype');
    url('/fonts/NanumGothic.svg#NanumGothic') format('svg') src:local(※), url('/fonts/NanumGothic.woff') format('woff');
}


body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Nanum Gothic", "맑은 고딕", Arial;
}


#page-wrapper {
    /*background-image:url(images/content-background.png);*/
}


/*상단바*/
.navbar-top-links a {
    color: white;
    font-size: 12px;
}

.navbar.navbar-default {
    /*background-image:url(images/content-background.png);*/
    background-color: #0186D5;
}

.navbar .navbar-brand {
    color: white;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: lightgray;
    background-color: transparent;
}



/*모바일용 메뉴 버튼*/
.navbar-default .navbar-toggle {
    background-color: transparent;
    border-color: transparent;
}

    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    .navbar-default .navbar-toggle:hover {
        background-color: #0067A5;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: white;
        color: white;
    }


/*상단 메뉴바*/
.nav.navbar-top-links > li > a:focus, .nav.navbar-top-links > li > a:hover {
    background-color: #0067A5;
}


/*카테고리 트리 아이콘*/
.navbar .navbar-default.sidebar i {
    color: #337ab7;
}

/*카테고리 트리 텍스트*/
.navbar .navbar-default.sidebar a {
    color: #23527c;
}



/*카테고리 제목 아이콘*/
.page-header >i {
    color:#2F5F89;
}



/*섬네일 이미지 영역*/
.thumbnail {
    background-color: #F8F8F8;
}

    .thumbnail:hover {
        background-color: #EEEEEE;
    }

    .thumbnail img {
        border-color: lightgray;
    }

    .thumbnail .viewcount {
        color: #2F5F89;
    }


/*ViewCount 아이콘*/
.thumbnail .dz-thumbnail-bottom .viewcount i {
    color: rgb(47, 95, 137);
    }


/*Footer*/
#footer {
  background-color: #4270A3;
  color: #f8f8f8;
  padding-top:12px;
  padding-bottom:3px;
  text-align: center;
}

#footer a {
  color: #f8f8f8;
}

#footer a:hover {
  color: lightgreen;
}