@charset "utf-8";
/* CSS Document */

.mt5{ margin-top:5px;}	
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb5{ margin-bottom:5px;}	
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

section{ padding:0 30px; width:100%;margin:0;}
article{ padding:0 0 20px; width:100%;margin:10px 0;}

.fr{ float:right;}
.fl{ float:left;}	

.btn_box {clear:both;height:30px;}


caption{ display:none;}

.tbl_list {clear:both; border-top: 2px solid #aaaaaa;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; width:100%; font-size:13px;margin:3px 0;}
.tbl_list caption{ display:none;}
.tbl_list tbody td, th{text-align:center;border-bottom:1px solid #ccc; height:25px;}
.tbl_list th{ background-color:#eee; padding:4px 20px 4px 20px; border:1px solid #ccc;}
.tbl_list td{ background-color:#ffffff; padding:4px 10px 4px 10px;  border:1px solid #ccc;}
.tbl_list input{  border:1px solid #dbdbdb; padding:2px 3px 4px 2px; font-size:12px; border-radius:4px;}
.tbl_list select{  border:1px solid #dbdbdb; font-size:12px; height:23px;border-radius:4px;}
.tbl_list .read_only { background-color: #EEEEEE; color: #555555; border:none;} 
.tbl_list textarea{  border:1px solid #dbdbdb; padding:4px; font-size:13px; border-radius:4px; margin-top:5px;margin-bottom:5px; font-family:'맑은고딕',Malgun Gothic;}
.tbl_list .tl{ text-align:left;}
.tbl_list .tr{ text-align:right;}

.tbl_list2 {clear:both; border-top: 1px solid #aaaaaa;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; width:100%; font-size:13px;margin:10px 0;}
.tbl_list2 caption{ display:none;}
.tbl_list2 tbody td, th{text-align:center;border-bottom:1px solid #ccc; height:25px;}
.tbl_list2 th{ background-color:#eee; padding:4px 20px 4px 20px; border:1px solid #ccc;}
.tbl_list2 td{ background-color:#ffffff; padding:4px 10px 4px 10px;  border:1px solid #ccc;}
.tbl_list2 input{  border:1px solid #dbdbdb; padding:2px 3px 4px 2px; font-size:12px; border-radius:4px;}
.tbl_list2 select{  border:1px solid #dbdbdb; font-size:12px; height:23px;border-radius:4px;}
.tbl_list2 .read_only { background-color: #EEEEEE; color: #555555; border:none;} 
.tbl_list2 textarea{  border:1px solid #dbdbdb; padding:4px; font-size:13px; border-radius:4px; margin-top:3px;margin-bottom:5px; font-family:'맑은고딕',Malgun Gothic;}
.tbl_list2 .tl{ text-align:left;}
.tbl_list2 .tr{ text-align:right;}

.contents {width: 1550px; height: 250px; margin: 0 auto;}
/* .contents .title > span{background:url('/image/main/title.png'); height: 34px;} */
.contents .table_top_line{background-color: #eb1c36; height: 2px;}
.contents .subject{background-color: #eee; font-weight: 600; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; color: #000; padding-left: 15px; padding-right: 15px; height: 26px; padding-top: 4px;  white-space: nowrap; font-size: 9pt;}
.contents .table_td_contents {padding-left: 6px; padding-right: 6px;}
.contents .grid > div {padding-left: 10px;}
.contents .grid > div:first-child {padding-left: 0;}
.contents .grid .real_grid{position: relative; float: left;}


.btn.small {
  -webkit-transition: all 150ms ease-out;
  transition: all 150ms ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  display: inline-block;
  line-height: 20px !important;
  overflow: hidden;
  padding: .625rem 1.875rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: .35em;
  text-transform: uppercase;
  text-indent: .35em;
  transition: all 250ms ease-out;
  padding: .25rem 1.25rem;
}
.btn.small [class*="icon-"] {
  font-size: 100%;
}
.btn.lowercase {
  letter-spacing: 0;
  text-indent: 0;
  text-transform: none;
}
.btn.primary {
  background-color: #808080;
  color: #ffffff;
}
.btn.primary:hover {
  background-color: #c0c0c0;
}
.btn.primary:active {
  box-shadow: rgba(38, 7, 6, 0.3) 0 0px 0px 3em inset;
}
.btn.primary[disabled],
.btn.primary[disabled]:hover,
.btn.primary[disabled]:active {
  background-color: #808080;
  box-shadow: none;
}