/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* CSS Document */
html, body {
	font-family: "나눔고딕", "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", "AppleGothic", "돋움", Dotum, Helvetica, Arial, sans-serif;
	line-height: 1.428571429;
	color: #110B21;
}
#htmlimage {	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}
.backgroundimage {
	margin:10px 0;
}
a, img, input, object {
	outline: none;
}
a:hover, a:focus {
  text-decoration: none;
  outline:none;
}
body {
  	padding-top: 10px; /* Account for fixed navbar */
}
/* Top nav and header */
.bootstrap-nav {
    border-color: #C95A0D;
    background-color: #F16A0C;
    box-shadow: 0 1px 0 rgba(255,255,255,.1);
}

.bootstrap-nav .navbar-brand {
    color: #fff;
}

.bootstrap-nav .navbar-nav > li > a,
.masthead a {
    color: #F6D3BA;
}

.bootstrap-nav .navbar-nav > li > a:hover,
.bootstrap-nav .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #C95A0D;
}

.bootstrap-nav .navbar-nav > .active > a,
.bootstrap-nav .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #C95A0D;
}

.bootstrap-nav .nav .open > a,
.nav .open > a:hover,
.bootstrap-nav .nav .open > a:focus {
    color: #fff;
    background-color: #C95A0D;
}

.bootstrap-nav .navbar-toggle {
    border-color: #F16A0C;
}

.bootstrap-nav .navbar-toggle:hover {
    border-color: #F16A0C;
    background-color: #F16A0C;
}

.bootstrap-nav .navbar-collapse {
    border: none;
}

.bootstrap-nav .navbar-toggle .icon-bar {
    background-color: #fff;
}

.bootstrap-nav .nav .caret {
    border-top-color: #F6D3BA;
    border-bottom-color: #F6D3BA;
}

.bootstrap-nav .nav .open > a,
.nav .open > a:hover .caret,
.bootstrap-nav .nav .open > a:focus .caret,
.bootstrap-nav .nav .active .caret,
.bootstrap-nav .nav a:hover .caret,
.bootstrap-nav .nav a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.bootstrap-nav .dropdown-menu > li > a:hover,
.bootstrap-nav .dropdown-menu > li > a:focus,
.bootstrap-nav .dropdown-menu > .active > a,
.bootstrap-nav .dropdown-menu > .active > a:hover,
.bootstrap-nav .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #C95A0D;
}
.page-header {
	margin-bottom:10px;
	padding-bottom:0;
}
.wrap {
	margin:auto;
}
.login {
	max-width:500px;
	width:90%;
	margin:auto;
}
.content-main {
	margin-top:50px;
}
.content {
	margin-bottom:10px;
	padding:20px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
}
.search {
	max-width:700px;
	width:90%;
	margin:auto;
}
.maintop {
	margin:auto;
	margin-top:50px;
	margin-bottom:20px;
}
.view {
	margin:auto;
	margin-top:50px;
	margin-bottom:20px;
}
.txtlabel {
	font-size:24px;
	margin-bottom:20px;
}
.form-box {
  display: inline-block;
  height: 34px;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-box:focus {
  border-color: #FF7F27;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 127, 39, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 127, 39, .6);
}
.form-box::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-box:-ms-input-placeholder {
  color: #999;
}
.form-box::-webkit-input-placeholder {
  color: #999;
}
.form-box[disabled],
.form-box[readonly],
fieldset[disabled] .form-box {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
.textarealimit {
	max-width:100%;
}
.btn_reply {
	padding:3px;
	width:50px;
	height:50px;
}
.mbottom {
	margin-bottom:50px;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.dp {
	padding-left:10px;
}
.keyword {
	font-weight:bold;
	color:#7A7A7A;	
}
.searchresult {
	color:#7A7A7A;	
}
.resultnum {
	font-weight:bold;
	color:#F9801C;
}
.result {
	margin-bottom:30px;
	padding:0;
	text-decoration:none;
	list-style: none;
	line-height:30px;	
}
.result .title {
	font-weight:bold;
	font-size:18px;
}
.view .titlev {
	font-weight:bold;
	font-size:18px;
}
.viewul {
	display:inline-block;
	padding:0;
	margin:0;
	width:100%;
	text-decoration:none;
	list-style: none;
	line-height:25px;	
}
.viewul li {
	display:inline-block;
	width:100%;
}
.referli {
	font-weight:bold;
	float:left;
	display:inline-block;
	margin-right:4px;
}
.referlide {

}
.like {
	width:100%;
	text-align: right;
}
.viewde {
	line-height:25px;	
}
.viewde.t{
	font-weight:bold;
	font-size:14px;
	text-align: justify;
}
.width100 {
	width:100px;
	margin:auto;
}
.width150 {
	width:150px;	
}
.edit {
	width:100px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}
.noedit {
	width:300px;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.pagealign {
	text-align: center;
}
.inlineblock {
	display:inline-block;
}
.left100 {
	margin-left:50px;
}
.evaltable {
	margin-top:20px;
	margin-bottom:30px;
}
.evaltable th, td {
	text-align: center;
}
.resulttable {
	margin-bottom:30px;
}
.resulttable th {
	text-align: center;
}
.resulttable td {
	text-align: left;
	padding:2px;
}
@media (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}