.round-box{padding: 5px; border: 1px solid #ddd; background-color: #f2f2f2; border-radius: 4px; margin-bottom: 20px; overflow: hidden}
.ad_config .control-label{color: #666600; font-family: dotum; letter-spacing: -1px}
.ad_title{position:relative; font-size:1.2em; padding:5px 10px; border-bottom:1px dashed #999; color: #3333ff; margin: 5px}
.ad_search{overflow: hidden; padding: 3px}
.page{padding: 5px; text-align: center; margin: 10px auto}
.page a{display: inline-block; border: 1px solid #efefef; padding: 2px; margin: 1px; min-width: 28px;}
.page b{display: inline-block; border: 1px solid #efefef; background-color:#efefef;padding: 4px; margin: 3px; min-width: 28px;}
.form-action {margin: 20px 0 10px 0;}

/*
 * Callouts
 *
 * Not quite alerts, but custom and helpful notes for folks reading the docs.
 * Requires a base and modifier class.
 */

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}

/* Variations */
.bs-callout-danger {
  background-color: #fdf7f7;
  border-color: #eed3d7;
}
.bs-callout-danger h4 {
  color: #b94a48;
}
.bs-callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}
.bs-callout-warning h4 {
  color: #c09853;
}
.bs-callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}
.bs-callout-info h4 {
  color: #3a87ad;
}




@media (max-width: 768px) {
    /* 768px 이하 */
    .round-box{margin: 5px 0;}
    .ad_config .col-sm-9 {border-bottom: 1px dotted #ccc; padding-bottom: 5px  }
    .board_form .col-sm-2,.board_form .col-sm-3{color: #996600}
    .board_form .form-group{border-bottom: 1px dashed #ccc; padding-bottom: 10px}
    .btn{width: 100%; margin: 2px 0 3px 0}
    
    .hide-sm{display: none;}
    .show-sm{display: inherit}
    
}
@media (min-width: 768px) {
    .round-box{margin: 5px}
    .hide-sm{display: ''}
    .show-sm{display: none}
}