/*
공통 ===================================*/
/* cms */
.hidden { display:none !important; }
.fl-left {float:left}
.fl-right {float:right}
.right-img {float:right;margin:8px 0px 20px 30px}
.left-img {float:left;margin:5px 30px 20px 0px}

.TAL {text-align:left !important}
.TAC {text-align:center !important}
.TAR {text-align:right !important}
.TAJ {text-align:justify !important}
.fbold {font-weight:bold !important}

.bgbox {padding:30px;background:#fcfcfc;color:#000;border:1px solid #ccc}
.bgbox-g {background-color:#3fae02;color:#fff;padding:1px 5px 3px;font-weight:500}
.bgbox-b {background-color:#0257ae;color:#fff;padding:1px 5px 3px;font-weight:500}
.bgbox-r {background-color:#B5181E;color:#fff;padding:1px 5px 3px;font-weight:500}
.pto-c {border-radius: 50%;border:6px solid #ccc}
.part-line {color:#ddd;font-size:11px;padding:2px 10px 0 10px;font-family:tahoma}


.LH15 {line-height:15px !important}
.LH16 {line-height:16px !important}
.LH17 {line-height:17px !important}
.LH18 {line-height:18px !important}
.LH19 {line-height:19px !important}
.LH20 {line-height:20px !important}
.LH21 {line-height:21px !important}
.LH22 {line-height:22px !important}
.LH23 {line-height:23px !important}
.LH24 {line-height:24px !important}

.FS10 {font-size:10px  !important}
.FS11 {font-size:11px  !important}
.FS12 {font-size:12px  !important}
.FS13 {font-size:13px  !important}
.FS14 {font-size:14px  !important}
.fs15,
.FS15 {font-size:15px  !important}
.FS16 {font-size:16px  !important}
.FS17 {font-size:17px  !important}
.FS18 {font-size:18px  !important}
.FS19 {font-size:19px  !important}
.FS20 {font-size:20px  !important}
.FS21 {font-size:21px  !important}
.FS22 {font-size:22px  !important}

.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml13 {margin-left:13px !important;}
.ml15 {margin-left:15px !important;}
.ml18 {margin-left:18px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml27 {margin-left:27px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}

.mt_20 {margin-top:-20px !important;}
.mt_10 {margin-top:-10px !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt13 {margin-top:13px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px !important;}
.mt25 {margin-top:25px !important;}
.mt27 {margin-top:27px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt47 {margin-top:47px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}
.mt150 {margin-top:150px !important;}
.mt200 {margin-top:200px !important;}
.mt240 {margin-top:240px !important;}
.mt300 {margin-top:300px !important;}
.mt350 {margin-top:350px !important;}
.mt400 {margin-top:400px !important;}
.mr0 {margin-right:0 !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr17 {margin-right:17px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr32 {margin-right:32px !important;}
.mr40 {margin-right:40px !important;}

.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb3 {margin-bottom:3px !important;}
.mb5 {margin-bottom:5px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb150 {margin-bottom:150px !important;}

/* table */
.table {}
table.tbl01 {width:100%;border:0;border-color:transparent;font-size:14px;border-collapse: collapse;border-spacing: 0;background:#fff}
table.tbl01 th{text-align:center;}
table.tbl01 td, table.tbl01 th{padding:8px 10px;border:1px solid #ddd;vertical-align:middle;}
table.tbl01 th, table.tbl01 thead td{background:#FBFBFB;font-weight:500;}
table caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;padding:0 !important}
table.tbl01 tr.tline {border-top:2px solid #f15a23}

table.tbl01.bt-red {border-top:2px solid #b8422f}
table.tbl01.bt-gray {border-top:2px solid #777}
table.tbl01.bt-black {border-top:2px solid #555}
table.tbl01.bt-blue {border-top:2px solid #6A8EC6}
table.tbl01.bt-green {border-top:2px solid #297379}
table.tbl01.bt-orange {border-top:2px solid #F98437}


table.tbl01 td.bg-red, table.tbl01 th.bg-red, table.tbl01 tr.bg-red {background-color:#f3e5eb}
table.tbl01 td.bg-green, table.tbl01 th.bg-green, table.tbl01 tr.bg-green {background-color:#e3f2e0}

table.tbl01.td-hover td:hover{background:#e8eef8}
table.tbl01.tr-hover tr:hover{background:#e8eef8}

table.tbl01.pdd20 td, table.tbl01.pdd20 th{padding:20px 15px;}
table.tbl01.pdd10 td, table.tbl01.pdd10 th{padding:10px 15px;}
table.tbl01.pdd5 td, table.tbl01.pdd5 th{padding:5px 5px;}
table.tbl01.val-top td, table.tbl01.val-top th{vertical-align:text-top !important;}

table.tbl01 td.tl { text-align:left; }
table.tbl01 td.tc { text-align:center; }

table.tbl01 th:first-child, table.tbl01 td:first-child { border-left:none; }
table.tbl01 th:last-child, table.tbl01 td:last-child { border-right:none; }

/* thead의 th 아래 라인 삭제, 타 사이트와 왜 다르게 나오지? */
table.tbl01 thead th  { border-bottom:none !important; }

table.tbl02 {width:100%;border:0;border-color:transparent;font-size:14px;border-collapse: collapse;border-spacing: 0;background:#fff}
table.tbl02 th{text-align:center;}
table.tbl02 td, table.tbl02 th{padding:8px 10px;border:1px solid #ddd;vertical-align:middle;}
table.tbl02 th, table.tbl02 thead td{background:#FBFBFB;font-weight:500;}
table.tbl02 tr.tline {border-top:2px solid #f15a23}
table.tbl02 td.tl { text-align:left; }
table.tbl02 td.tc { text-align:center; }

.table > thead > tr > th,
.table.thbg  th {background:#f2f2f2;border-bottom:0}
.table.thbg  th {padding:16px 0}

.tb-cell {display: table-cell;vertical-align: middle;}

.table.bgff {background:#fff}
.table.th-bg th{background:#f2f2f2 !important}
.table.th-center th{text-align:center !important}
.table.td-center td{text-align:center !important}
.table.tcenter th,
.table.tcenter td{text-align:center !important}
.table > tbody > tr {border-bottom:1px solid #ddd}

.table.va-m > thead > tr > th, .table.va-m > tbody > tr > th, .table.va-m > tfoot > tr > th, .table.va-m > thead > tr > td, .table.va-m > tbody > tr > td, .table.va-m > tfoot > tr > td {
    vertical-align: middle !important;
}
.table.pd30 > thead > tr > th, .table.pd30 > tbody > tr > th, .table.pd30 > tfoot > tr > th, .table.pd30 > thead > tr > td, .table.pd30 > tbody > tr > td, .table.pd30 > tfoot > tr > td {
    padding:30px 20px;
}

.table.pd20 > thead > tr > th, .table.pd20 > tbody > tr > th, .table.pd20 > tfoot > tr > th, .table.pd20 > thead > tr > td, .table.pd20 > tbody > tr > td, .table.pd20 > tfoot > tr > td {
    padding:20px;
}

.table.pd10 > thead > tr > th, .table.pd10 > tbody > tr > th, .table.pd10 > tfoot > tr > th, .table.pd10 > thead > tr > td, .table.pd10 > tbody > tr > td, .table.pd10 > tfoot > tr > td {
    padding:10px 20px ;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}
.table.table-bordered {max-width:99.9%}
.table-bordered {border: 1px solid #ccc;border-left:0;border-right:0}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ccc;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}

.table-bordered.tblr th:first-child, .table-bordered.tblr td:first-child { border-left:none; }
.table-bordered.tblr th:last-child, .table-bordered.tblr td:last-child { border-right:none; }

.table-bordered.table-hover > tbody > tr:hover {
  background-color:rgba(0, 0, 0, 0.02 );
  /*cursor:pointer;*/
}

.table.bt-orange {border-top:2px solid #e66c00}
.table.bt-red {border-top:2px solid #b8422f}
.table.bt-gray {border-top:2px solid #777}
.table.bt-black {border-top:2px solid #555}
.table.bt-blue {border-top:2px solid #0088CC}
.table.bt-blue-1 {border-top:1px solid #0088CC}
.table.center th, .table.center td{text-align:center}
.table.thcenter th {text-align:center}
.table.tdcenter td {text-align:center}
.table.table-bordered th{font-weight:500 !important}

/* tab design*/
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
hr {border-top: 1px solid #ccc;}

.btn-blue {
  border-radius:0;
  color: #ffffff;
  background-color: #1481c1;
  border-color: #1481c1;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #ffffff;
  background-color: #116da3;
  border-color: #116da3;
}
.btn-blue:hover {
  color: #ffffff;
  background-color: #116da3;
  border-color: #116da3;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  color: #ffffff;
  background-color: #116da3;
  border-color: #116da3;
}


/*list
<ul class="list-zd">
  <li class="dash"><span>-</span></li>
</ul>
*/
.list-zd { margin:0; padding:0;}
.list-zd li {position:relative; list-style:none;padding-left:10px; background:none !important;}
.list-zd li span{ position:absolute; left:0; top:0}
.list-zd li.dash { position:relative; padding-left:10px;}
.list-zd li.dot { position:relative; padding-left:8px;} /* 쨌  */
.list-zd li.star { position:relative; padding-left:15px;}
.list-zd li.abc { position:relative; padding-left:26px;}
.list-zd li.num { position:relative; padding-left:10px;}
.list-zd li.num15 { position:relative; padding-left:15px;}
.list-zd li.num20 { position:relative; padding-left:20px;} /* 2)   */
.list-zd li.num25 { position:relative; padding-left:25px;}
.list-zd li.num30 { position:relative; padding-left:30px;}
.list-zd li.word-2 { position:relative; padding-left:40px;}
.list-zd li.word-2 span {font-weight:700}

.list-zd li.yyyymm { position:relative; padding-left:80px;}
.list-zd li.yyyymm span {font-weight:500}
.line-box {border:2px solid #dee2e6;padding:30px}
.list-zd.mbli-5 li {margin-bottom:5px;}
.list-zd.mbli-5 li:last-child {margin-bottom:0px;}

.list-zd.mbli-10 li {margin-bottom:10px;}
.list-zd.mbli-10 li:last-child {margin-bottom:0px;}

@media (max-width: 575.98px) {
  .list-zd li.abc {padding-left:22px;}
  .list-zd li.num20 {padding-left:18px;}
}