.panel-body { padding:0px; }
.panel-heading { background-color:#428bca; }
.panel-footer .pagination { margin: 0; }

input[type="radio"], input[type="checkbox"] {  margin: 9px 0 0;}
/*-- container --*/

.board_container {
/*
  padding-right: 15px;
  padding-left: 15px;
  */
  margin-right: auto;
  margin-left: auto;
}

.board_container:before,
.container:after {
  display: table;
  content: " ";
}

.board_container:after {
  clear: both;
}

.board_container:before,
.container:after {
  display: table;
  content: " ";
}

.board_container:after {
  clear: both;
}
@media (min-width: 768px) {
	  .board_container {
		max-width: 750px;
	  }
  }

@media (min-width: 992px) {
	  .board_container {
		max-width: 970px;
	  }
}

@media (min-width: 1200px) {
  .board_container {
    max-width: 1170px;
  }
}

/*-- board List --*/
.t_title_row { float:left; width:100%; height:30px; font-weight: bold; border-top:1px solid #d5d5d5;  border-bottom:1px solid #d5d5d5; font-size:12px; background-color:#eee; }
.t_board_row { float:left; width:100%; height:30px; border-bottom:1px solid  #d5d5d5;  font-size:12px;  line-height:30px;}
.t_board_row:hover, t_board_row:focus {text-decoration: none;background-color: rgb(245, 245, 245); cursor:pointer;}
.t_board_grey_row  { clear:both; width:100%; height:1px; background:#d5d5d5; display:none; }
.secret_row { float:left; width:100%; height:90px; border-bottom:1px solid  #d5d5d5;  font-size:12px;  line-height:30px; background-color:#333; display:none;}
.secret_in_block { margin:0 auto; width:30%; height:50px;}
.secret_input { font-size:12px;}

	.col_notice  {  float:left; width:16%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	/*-- board List  (B)--*/
	.col_board_no {  float:left; width:8%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_board_state {  float:left; width:15%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_board_title {  float:left; width:51%; height:30px; line-height:30px;border-right:1px solid #d5d5d5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.col_board_sname {  float:left; width:10%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_board_signdate {  float:left; width:10%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_board_ssee {  float:left; width:6%; height:30px; line-height:30px;}

	/*-- board List  (P)--*/
	.col_pds_no {  float:left; width:8%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_pds_state {  float:left; width:15%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_pds_title {  float:left; width:43%; height:30px; line-height:30px;border-right:1px solid #d5d5d5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.col_pds_file {  float:left; width:8%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_pds_sname {  float:left; width:10%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_pds_signdate {  float:left; width:10%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_pds_ssee {  float:left; width:6%; height:30px; line-height:30px;}

@media  (max-width: 767px) {
	.t_title_row { display:none; }
	.t_board_row { height:60px; line-height:60px;}
	.t_board_grey_row  { display:block; }

	.col_notice  {  float:left; width:28%; height:60px; line-height:60px;border-right:1px solid #d5d5d5;}

	/*-- board List  (B)--*/
	.col_board_no {  float:left; width:13%; height:60px; line-height:60px;border-right:1px solid #d5d5d5;}
	.col_board_state {  float:left; width:20%; height:60px; line-height:60px;border-right:1px solid #d5d5d5;}
	.col_board_title {  float:left; width:67%; height:30px; line-height:30px;border-bottom:1px dashed #d5d5d5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.col_board_sname {  float:left; width:29%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_board_signdate {  float:left; width:24%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_board_ssee {  float:left; width:14%; height:30px; line-height:30px;}

	/*-- board List  (P)--*/
	.col_pds_no {  float:left; width:13%; height:60px; line-height:60px;border-right:1px solid #d5d5d5;}
	.col_pds_state {  float:left; width:20%; height:60px; line-height:60px;border-right:1px solid #d5d5d5;}
	.col_pds_title {  float:left; width:53%; height:30px; line-height:30px;border-bottom:1px dashed #d5d5d5;border-right:1px solid #d5d5d5;	 overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.col_pds_file {  float:left; width:14%; height:30px; line-height:30px;border-bottom:1px dashed #d5d5d5;}

	.col_pds_sname {  float:left; width:29%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_pds_signdate {  float:left; width:24%; height:30px; line-height:30px;border-right:1px solid #d5d5d5;}
	.col_pds_ssee {  float:left; width:14%; height:30px; line-height:30px;}
}


/*-- board status --*/
.btn-state {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  font-family: NanumBarunGothic, nbg, gulim, dotum, tahoma;
}

/*-- Pagination --*/
.pagination-sm > li > a,
.pagination-sm > li > span {
	font-family: tahoma, Arial, sans-serif;
}

/* Radiio Buttom */
#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}

/* Search */
@media  (max-width: 483px) {
	.search_group {float:right width:70%; margin-right:15px;}
	.freier_search_radio {float:right; margin-top:5px;}
	.freier_search_input {float:right; width:90px; margin-left:5px;}
	.freier_search_btn {float:right; margin-left:5px;}
}

@media  (max-width: 767px) {
	.search_group {float:right width:70%; margin-right:15px;}
	.freier_search_radio {float:right; }
	.freier_search_input {float:right; width:190px; margin-left:5px;}
	.freier_search_btn {float:right; margin-left:5px;}
}

@media  (min-width: 768px) {
	.search_group {float:right width:80%; margin-right:15px;}
	.freier_search_radio {float:right; }
	.freier_search_input {float:right; width:250px; margin-left:10px;}
	.freier_search_btn {float:right; margin-left:10px;}
}

/*-- Gallery --*/
.gallery {
    display: inline-block;
    margin-top: 20px;
} 

/*-- Listed Gallery --*/
.blockquote-box{margin-bottom:25px}
.blockquote-box .square {width:100px;min-height:50px;margin-right:22px;text-align:center!important;background-color:#E6E6E6;}
.blockquote-box h4 { font-family: NanumBarunGothicBold, ngbold, gulim, dotum, tahoma; font-size: 16px; margin-top:5px;}
.blockquote-box p { text-align: justify;}

/*-- Board Write --*/
.board_write_wrap {margin:0 auto; width:96%; height:auto;}
.board_write_wrap .board_read_th {text-align:right; color:#999; font-weight:bold;}

/*-- Board Read --*/
.board_read_stitle {float:left; width:100%; height:40px; background-color:#ddd; min-height: 1px; border-bottom:1px solid #428bca; margin-bottom:20px; }
.board_read_stitle h1 { margin:0 auto; width:96%; font-family: NanumBarunGothicBold, nbgbold, gulim, dotum, tahoma;font-size:16px;   line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.file_download_row { float:left; width:100%; height:40px;line-height: 40px; padding-left:20px; color: #4077ac; background-color:#f2f2f2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.file_download_row a { color: #4077ac;}
.board_grey_line { clear:both; display:block; width:100%; height:1px; background-color: #ddd;} 
.board_dashed_line { clear:both; display:block; width:100%; height:1px; border-bottom: 1px dashed #ddd;} 

.board_sns_area    { margin: 10px 0; display:block; width:100%; height:36px;background:#fff; }
.sns_btn_facebook  { float:right; width:32px; height:32px; background:url(/one_board/img/sns_facebook.gif) no-repeat; margin: 3px 5px 0 0;}
.sns_btn_facebook a  { display:block; width:32px; height:32px; }
.sns_btn_twitter  { float:right; width:32px; height:32px; background:url(/one_board/img/sns_twitter.gif) no-repeat; margin: 3px 20px 0 0; }
.sns_btn_twitter a  { display:block; width:32px; height:32px; }

/*-- Board Read comment --*/
.board_comment_area { margin: 10px 0; display:block; width:100%; height:auto; }
.board_comment_area a {color: #999; font-weight:bold;}
.board_comment_area a:hover {color:#333366;font-weight:bold;text-decoration:none;}

.comment_title_row { float:left; width:100%; height:24px; line-height:24px; font-size:12px; margin-top:10px;}
.comment_row { float:left; width:100%; height:auto; min-height:30px; border-bottom:1px dashed  #d5d5d5;  font-size:12px;; padding-bottom:10px;}
.comment_form_row { float:left; width:100%; height:auto; font-size:12px; }
.comment_row_last { float:left; width:100%; height:auto; min-height:30px; font-size:12px; padding-bottom:10px;}
.comment_name {  color:#428bd5; font-weight:bold;   font-family: NanumBarunGothicBold, nbgbold, gulim, dotum, tahoma;}
#comment_hidden_row { display:none;}
.comment_reply_row { float:left; width:100%; height:auto; font-size:12px; display:none;}
.label-grey { background-color: #bbb; }
.label-grey[href]:hover,.label-grey[href]:focus { background-color: #ddd;}
/*--------------------------------------*/

.board_read_thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 20px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.board_read_thumbnail > img {
  display: block;
  height: auto;
  max-width: 100%;
}

a.board_read_thumbnail:hover,
a.board_read_thumbnail:focus {
  border-color: #428bca;
}

.board_read_thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.board_read_thumbnail .caption {
  padding: 9px;
  color: #333333;
}

/*-- Board Modify --*/
.file_download_row_modify { float:left; width:100%; height:40px;line-height: 36px; color: #4077ac; background-color:#f2f2f2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.file_download_row_modify a { color: #4077ac;}

/* Keyword */
.board_keyword { background-color:#333366; color:#fff; font-weight:bold; }

/* Fot Board List Step */
.board_list_blank { float:left; width:10px; height:5px; }

/* board btn gray */

/*-- btn gray --*/
.btn-gray {
  color: #ffffff;
  background-color: #bbb;
  border-color: #bbb;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
  color: #ffffff;
  background-color: #bbb;
  border-color: #bbb;
}

.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
  background-image: none;
}

.btn-gray.disabled,
.btn-gray,
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  background-color: #bbb;
  border-color: #bbb;
}

/* board login */
  
	@media (min-width: 768px) {
		.freier_row-sm-offset-3 div:first-child[class*="col-"] {
			margin-left: 25%;
		}
	}

	.freier_login .freier_authTitle {
		text-align: center;
		line-height: 300%;
	}
		
	.freier_login .freier_socialButtons a {
		color: white; // In yourUse @body-bg 
		opacity:0.9;
	}
	.freier_login .freier_socialButtons a:hover {
		color: white;
		opacity:1;    	
	}
	.freier_login .freier_socialButtons .freier_btn-facebook {background: #3b5998;}
	.freier_login .freier_socialButtons .freier_btn-twitter {background: #00aced;}
	.freier_login .freier_socialButtons .freier_btn-google {background: #c32f10;}

	.freier_login .freier_loginOr {
		position: relative;
		font-size: 1.5em;
		color: #aaa;
		margin-top: 1em;
		margin-bottom: 1em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.freier_login .freier_loginOr .freier_hrOr {
		background-color: #cdcdcd;
		height: 1px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.freier_login .freier_loginOr .freier_spanOr {
		display: block;
		position: absolute;
		left: 50%;
		top: -0.6em;
		margin-left: -1.5em;
		background-color: white;
		width: 3em;
		text-align: center;
	}			

	.freier_login .freier_loginForm .input-group.i {
		width: 2em;
	}
	.freier_login .freier_loginForm  .help-block {
		color: red;
	}

	@media (min-width: 768px) {
		.freier_login .freier_forgotPwd {
			text-align: right;
			margin-top:10px;
		}		
	}    

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2014 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}

.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}

.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#309aea;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}

/* Board list: photo album horizontal */
.galery_wrap {
	padding:25px 15px;
}
@media (min-width: 360px) {
	.gallery_photo { float: left; width: 100%;  padding-right: 10px; padding-left: 10px;}
}

@media (min-width: 480px) {
	.gallery_photo { float: left; width: 50%;  padding-right: 10px; padding-left: 10px;}
}

@media (min-width: 992px) {
	.gallery_photo { float: left; width: 33.333333%;  padding-right: 10px; padding-left: 10px;}
}

@media (min-width: 1200px) {
	.gallery_photo { float: left; width: 25%;  padding-right: 10px; padding-left: 10px;}
}

.thumbnail .caption {
	padding: 9px; 
	height:25px; line-height:25px; color:#999;
	font-size:12px; color: #333333;
}

.photo_list a {color:#555;}
.photo_list a:hover {color:#333366;}

.btn-sm,
.btn-xs {
  padding: 4px 10px 5px 10px;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 3px;
}