/*
 * http://getbootstrap.com/customize - 하려 했으나, 원본 소스와 차이가 있어 강제 선언으로 처리
 * font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#383d41;
 */

/* body, input, button { font-size:12px; } */

/* 아래 css파일에서 body의 글자 크기 설정 값 변경으로 bootstrap 사용되는 부분의 폰트들이 너무 작게나오는 상황이라 html 부분의 폰트를 키움 */
html { font-size: 17.5px; }

img { max-width: 100%; }


/* custom widths .span !important? */
.span1 { display:inline-block; width:50px; }
.span2 { display:inline-block; width:100px; }
.span3 { display:inline-block; width:150px; }
.span4 { display:inline-block; width:200px !important; }
.span5 { display:inline-block; width:250px; }
.span6 { display:inline-block; width:300px; }
.span7 { display:inline-block; width:350px; }
.span8 { display:inline-block; width:400px; }
.span9 { display:inline-block; width:450px; }
.span10 { display:inline-block; width:500px; }


/* custom padding */
.pdt1 { padding-top	  :5px; } .pdt2 { padding-top   :10px; } .pdt3 { padding-top   :15px; } .pdt4 { padding-top   :20px; }
.pdl1 { padding-left  :5px; } .pdl2 { padding-left  :10px; } .pdl3 { padding-left  :15px; } .pdl4 { padding-left  :20px; }
.pdr1 { padding-right :5px; } .pdr2 { padding-right :10px; } .pdr3 { padding-right :15px; } .pdr4 { padding-right :20px; }
.pdb1 { padding-bottom:5px; } .pdb2 { padding-bottom:10px; } .pdb3 { padding-bottom:15px; } .pdb4 { padding-bottom:20px; }


/* custom margin */
.mgt1 { margin-top	 :5px; } .mgt2 { margin-top   :10px; } .mgt3 { margin-top   :15px; } .mgt4 { margin-top   :20px; }
.mgl1 { margin-left  :5px; } .mgl2 { margin-left  :10px; } .mgl3 { margin-left  :15px; } .mgl4 { margin-left  :20px; }
.mgr1 { margin-right :5px; } .mgr2 { margin-right :10px; } .mgr3 { margin-right :15px; } .mgr4 { margin-right :20px; }
.mgb1 { margin-bottom:5px; } .mgb2 { margin-bottom:10px; } .mgb3 { margin-bottom:15px; } .mgb4 { margin-bottom:20px; }


/* daum editor modify */
#write_content p { margin:0; }


.wrap_content { padding:10px; margin-bottom:10px; background-color:#fff; border:1px solid #d6d6d6; }
.body_gray { padding-top:60px; padding-bottom:20px; background-color:#f8f8f8; }

/* .content-box { margin: 0 15px; min-width: 500px; } */
.content-box { margin: 0 5% 20px; min-width: 440px; }
@media screen and (max-width: 768px) {
  .content-box {
    margin: 0 20px 10px;
  }
}

.mgb-box {
  margin-bottom: 10px;
}

.only-text-sm {
  padding-top: 7px;
}

.ma-menu { margin: 20px 0; }

.ma-user-info {
/*   padding: 10px 15px; */
}

.ma-menu .nav {
  float: left;
}

.ma-menu .ma-user-info {
  float: right;
}

.ma-menu:before,
.ma-menu:after {
  content: " ";
  display: table;
}

.ma-menu:after {
  clear:both;
} 

.content-box #flogin {
  margin: 100px auto;
}

.clearfix .pagination {
  margin-top: 0;
  margin-bottom: 0;
}

.clearfix > .pager {
  margin-top: 0;
  margin-bottom: 0;
}

th {
  text-align: center;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
}

.table-bordered2 > thead > tr > th,
.table-bordered2 > tbody > tr > th,
.table-bordered2 > tfoot > tr > th,
.table-bordered2 > thead > tr > td,
.table-bordered2 > tbody > tr > td,
.table-bordered2 > tfoot > tr > td {
  border-top: 0 none;
  border-bottom: 1px solid #cccccc;
}

.table-bordered2 > caption + thead > tr:first-child > th,
.table-bordered2 > colgroup + thead > tr:first-child > th,
.table-bordered2 > thead:first-child > tr:first-child > th,
.table-bordered2 > caption + thead > tr:first-child > td,
.table-bordered2 > colgroup + thead > tr:first-child > td,
.table-bordered2 > thead:first-child > tr:first-child > td {
  border-top: 2px solid #cccccc;
}
.table-bordered2 > thead > tr > th,
.table-bordered2 > thead > tr > td {
  background-color: #f0f0f0;
}

.w-t1 {
  width: 10%;
}

.w-t2 {
  width: 20%;
}

.text-bold {
  font-weight: 600;
}

.span {
  display: inline-block;
}

.dp-none {
  display: none;
}

.trigger-input-btn {
  cursor: pointer;
  width: calc(100% - 8em);
}

.file-list-ul {
  padding-left: 0;
}
.file-list-ul > li {
  margin-bottom: 10px;
}

.table-font {
  font-size: inherit;
}
.table-bg-blue .bg-use {
  background-color: #d9edf7;
}

.panel > .list-group + .panel-body {
  border-top: 1px solid #dddddd;
}

.board-header {
    border-bottom: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.board-content {
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  padding: 10px;
  padding-bottom: 10px;
}

.no-data {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ui-widget .dialog-inner-box {
  font-size: 14px;
}

.login-outer-box {
  width: 50%;
  min-width: 400px;
  margin: 0 auto;
}
.login-outer-box legend {
  margin-bottom: 20px;
}
.badge-icon {
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  padding: 3px 4px;
}

.badge-new {
/*   background-color: #DD0000; */
}
.badge-hit {
/*   background-color: #FF1BD8; */
}
.badge-comment {
  background-color: transparent;
  color: #ff4141;
  padding-left: 0;
  padding-right: 0;
}

input[type="file"] {
  padding: 0;
  border: 0 none;
  box-shadow: none;
  font-size: .8571em
}

input[type="checkbox"] {
  height: auto;
}