@font-face {
    font-family: "NotoSansCj-B";
    src: url(/resources/user/www/css/font/NotoSansCJKkr-Bold.otf) format('opentype');
}
@font-face {
    font-family: "NotoSansCj-M";
    src: url(/resources/user/www/css/font/NotoSansCJKkr-Medium.otf) format('opentype');
}
@font-face {
    font-family: "NotoSansCj-R";
    src: url(/resources/user/www/css/font/NotoSansCJKkr-Regular.otf) format('opentype');
}
/* 20241023 start */
/* body{ font-family: "NotoSansCj-R", sans-serif !important;  letter-spacing: -0.25px; } */
.application-list { letter-spacing: -0.25px; }
/* 20241023 end */

/* 寃뚯떆�� �⑤씪�몄떊泥� 紐⑸줉*/
.application-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px;
}
.application-list li {
  border: 1px solid #e3e3e3;
  border-radius: 15px;
  background-color: #f9f9f9;
}
.application-list li > a {
  position: relative;
  display: block;
  height: 100%;
}
.application-list .card-body {
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 15px;
}
.application-list .label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 5px 3px;
  min-width: 66px;
  margin-bottom: 7px;
  font-size: 14px;
  background-color: #666666;
  color: #fff;
  border-radius: 14px;
}
.application-list .label.receiving{
    background: #0166b7 !important;
}
.application-list .label.standing{
    background: #689f38 !important;
}
.application-list .subject {
    font-family: "NotoSansCj-B" ,sans-serif;
    color:#014377;
  display: block;
  font-size: 21px;
}
.application-list .info-area dt{
    font-size: 17px;color:#111111; font-family: "NotoSansCj-M", sans-serif;
}
.application-list .info-area dd{
    font-size: 14px; color: #888; font-family: "NotoSansCj-R", sans-serif;
}
.info-area + .info-area {margin-top:28px;}
.application-list .card-footer {
  background-color: #f9f9f9;
  font-size: 14px;
  color: #666;
  border-top: 1px dashed #e3e3e3;
  border-radius: 0 0 15px 15px;
}
.list-info .view-type{
    /* background-color: #007bdc; */
    display: flex; width: 57px; justify-content: space-between;
}
.list-info .view-type div{cursor: pointer;}
.list-info .view-type .list-type{
    width:26px; height: 26px; background: url(/resources/user/www/images/list-type.png);
}
.list-info .view-type .list-type.on{
    background: url(/resources/user/www/images/list-type-on.png);
}
.list-info .view-type .square-type{
    width:26px; height: 26px; background: url(/resources/user/www/images/square-type.png);
}
.list-info .view-type .square-type.on{background: url(/resources/user/www/images/square-type-on.png);}
.list-info .left{float: left;}
.list-info .right{float: right;}
.list-info::after{display: block; content: ""; clear: both;}
/*�곸꽭*/
.tableH64 table{
    table-layout: fixed;
    border-top: 1px solid #666666;
    border-collapse: collapse;
    border-bottom: 1px solid #aaaaaa;
    border-left: hidden;
    border-right: hidden;
}
.tableH64 caption + tbody > tr:first-child > th, .tableH64 colgroup + tbody > tr:first-child > th{ border-top: 1px solid #666666 !important;}
.tableH64 th, .tableH64 td{height: 64px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.tableH64 th{background:#f3f3f3;}
/* .btn-default{background: #999;} */
.table-list table .cell-subject a{padding-right: 0px;}
@media (min-width: 1025px) {
  .application-list li {
    width: calc(25% - 30px);
    margin: 15px;
  }
  .application-list li > a:hover, .application-list li > a:focus, .application-list li > a:focus-visible {
    outline: 0;
  }
  .application-list li > a:hover:after, .application-list li > a:focus:after, .application-list li > a:focus-visible:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid #007bdc;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
  }
  .application-list .subject {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 50.4px;
    line-height: 25.2px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 20px;
    height: 48px;
  }
  .application-list .card-footer {
    padding: 10px 19px 10px;
  }
}
@media (max-width: 1024.98px) {
  .application-list {
    margin: -7.5px;
  }
  .application-list li {
    margin: 7.5px;
    width: calc(50% - 15px);
  }
  .application-list li > a:hover, .application-list li > a:focus, .application-list li > a:focus-visible {
    outline: 0;
  }
  .application-list li > a:hover:after, .application-list li > a:focus:after, .application-list li > a:focus-visible:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid #007bdc;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
  }
  .application-list .subject {
    max-width: 100%;
    white-space: nowrap;
    max-height: 25.2px;
    line-height: 25.2px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 17px;
  }
  .application-list .card-footer {
    padding: 10px 19px 10px;
  }
  .application-list dl dt,
.application-list dl dd {
    display: inline-block;
  }
    .table-list table tbody tr td br{display: contents;}
    .table-list table tbody tr td.cell-subject.text-center {text-align: left !important;}
}
@media (max-width: 767.98px) {
  .application-list li {
    width: calc(100% - 15px);
  }


}



/* 20240418 */
/* 20240412 */
.sb_appList .application-list .info-area dd br { display: none; }
.sb_appList .application-list li { width: auto; flex:1 30%; max-width: calc((100% / 3) - 30px ); }

@media (min-width:1025px) {
  .modal-popup .application-list .info-area dd br { display: none; }
}

@media (max-width:1400px) {
  .modal-popup .application-list li { width: auto; flex:1 30%; max-width: calc((100% / 3) - 30px ); }
}



@media (max-width:1024px) {
  .modal-popup .application-list li { width: auto; flex:1 40%; max-width: calc((100% / 2) - 15px ); }
  .modal-popup .application-list .info-area dd br { display: none; }
  .modal-popup .application-list .info-area dt { vertical-align: top; }
  .modal-popup .application-list .info-area dd { display: block; }

  .sb_appList .application-list li { max-width: calc((100% / 2) - 15px ); }
  .sb_appList .application-list .info-area dd br { display: none; }
  .sb_appList .application-list .info-area dt { vertical-align: top; }
  .sb_appList .application-list .info-area dd { display: block; }
  
}


@media (max-width:768px) {
  .sb_appList .application-list li { width: auto; flex:1 100%; max-width: none ; }
  .sb_appList .application-list .subject { height: auto; max-height: none; white-space: initial; }

  .modal-popup .application-list li { width: auto; flex:1 100%; max-width: none ; }
  .modal-popup .application-list .subject { height: auto; max-height: none; white-space: initial; }
}
/* 20240412 /> */
/* 20240418 /> */