.section{
  margin: 30px 0 !important;
  padding: 0 !important;
}

.section-header{
  border-bottom: 2px solid #083388;
  font-size: 18px;
  font-weight: 500;
  padding: 5px;
  margin-bottom: 20px;
}

.badge-outline-primary {
  color: #0d6efd;
  border: 1px solid #0d6efd;
  background-color: transparent;
  padding: 5px;
  border-radius: 3px;
  font-size: 14px;
}
.badge-outline-success {
  color: #198754;
  border: 1px solid #198754;
  background-color: transparent;
  padding: 5px;
  border-radius: 3px;
  font-size: 14px;
}

.fixed-img {
  width: 136px;
  height: 193px;
  object-fit: cover; /* 이미지가 잘리지 않고 꽉 채워짐 */
  display: block;
}

.content-wrap{padding: 5px !important;}
.content-wrap.border-bottom{border-bottom: 1px solid #ddd;}
.content-wrap .title{
  font-size:16px;
  font-weight:500;

  min-height: 42px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content-wrap .summary{
  font-size:14px;
  font-weight:300;
  margin: 10px 0;
  min-height: 42px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.pub-list-wrap {position:relative;border-top:2px solid #2d3436;border-bottom:2px solid #ddd;width:100%;}
.pub-list{background:#fff;border-top:1px solid #ddd;width:100%;padding:22px 12px;}
.pub-list:first-child {border-top:0}
.pub-list-wrap.w50 .pub-list{width:50%;padding:20px;}

.pub-list:after{content: "";  display: table;  clear: both;}
.pub-list .pto {float:left;width:140px;padding:0 0 0px 0;margin:0;line-height:0}
.pub-list .info {margin-left:180px;}
.pub-list .info h3 {margin-bottom:16px;font-weight:700;font-size:24px;line-height:24px;}
.pub-list .info h3 span.pos {font-size:16px;font-weight:400;letter-spacing:0px}
.pub-list .info h3 a.external {font-size:16px;font-weight:400;letter-spacing:0px}

.pub-list .info ul{list-style:none;margin:0;padding:0;font-size:14px;color:#222}
.pub-list .info ul b {font-weight:500}
.pub-list .info li span:after{content: "l";padding:0 10px 0 14px;color:#999;font-size:12px;line-height:12px;font-family:Arial}
.pub-list .info li span:last-child:after{content: "";padding:0 0px 0 14px;}

.pub-list.staff .info {margin-left:0px;}
.pub-list .working {background:#f8f8f8;padding:12px;margin:8px 0 0 0px;}


.pub-list .btn-wrap {margin:6px 0}
.pub-list a.homepy {border:1px solid #777;padding:6px 16px;color:#2d3436;font-size:13px;line-height:13px;font-weight:400;border-radius:0.1em;transition: all 0.2s ease-in-out;margin:2px;display:inline-block}
.pub-list a:hover.homepy {border:1px solid #2d3436;color:#fff;background:#2d3436}
.pub-list a.homepy:first-child{margin-left:0 !important}
.pub-list .re-kw > a {padding:0 2px}


.thumb-wrap {display: inline-block;width:100%;border:2px solid #fff;margin:0;padding:0;transition: all 0.2s ease-in-out;border-radius:0.1em;}
.thumb-wrap:hover {border:2px solid #1c3f95;}
.thumb-wrap img {display: block;max-width: 100%;height: auto;}
.thumb-wrap .thumb {position: relative;padding-top: 130%;overflow: hidden;}
.thumb-wrap .thumb:hover {border:0px solid #fff;}
.thumb-wrap .thumb img {position: absolute;top:0;left: 0;}
.thumb-wrap .thumb .centered  {
  position: absolute; top: 0;left: 0;right: 0;bottom: 0;
  -webkit-transform: translate(50%,50%);
  -ms-transform: translate(50%,50%);
  transform: translate(50%,50%);
}
.thumb-wrap .thumb .centered img {
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.thumb-wrap .thumb img.portrait {width: 100%;max-width: none;height: auto;}
.thumb-wrap .thumb img.landscape {width: auto;max-width: none;height: 100%;}

@media (max-width: 575.98px) {
  .pub-list .pto {float:none;width:100%;margin-bottom:16px;background:#f0f0f0;padding:4px 100px;}
  .pub-list .info {margin-left:0px;}
  .pub-list .info h3 {margin-bottom:12px;font-size:20px;line-height:20px;letter-spacing:0px}
  .pub-list .info ul{font-size:14px}
  .pub-list .info li span{display:block}
  .pub-list .info li span:after{content: "";padding:0px;}
  .pub-list a.homepy {margin:4px 1px;padding:4px 10px;}
  .pub-list .btn-wrap {margin-top:4px}
  .thumb-wrap {border:0px}

}
@media (max-width: 400.98px) {
  .pub-list .pto {padding:10px;}

}


.pub-box {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-weight: 400
}

.pub-wrap .pub-list {
    padding: 20px 10px;
    border-bottom: 1px dotted #ddd;
    position: relative;
}

.pub-wrap .pub-list:last-child {
    border-bottom: 0px dotted #ddd;
}

.pub-list a {
    color: #666
}

.pub-list a:hover {
    color: #666
}

.pub-list .pub-tit {
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
    color: #2d3436;
    margin-bottom: 12px
}

.pub-list .pub-tit a {
    color: #2d3436
}

.pub-list .pub-tit a:hover {
    color: var(--cnvs-themecolor);
    text-decoration: underline !important
}

.pub-list .pub-name {
    font-size: 15px;
    line-height: 20px;
    color: #666;
    margin-bottom: 5px
}

.pub-list .pub-jour {
    font-size: 15px;
    line-height: 20px;
    color: #666;
    margin-bottom: 0px
}

.pub-list .jour span.link {
    margin-left: 4px;
    font-size: 12px;
    line-height: 12px;
}

.pub-list .jour span.link a {
    background: #ecf0f1;
    color: #9b59b6;
    padding: 2px 4px;
    border-radius: 2px
}

.pub-list .jour span.link a:hover {
    background: #9b59b6;
    color: #fff
}

.pub-list .jour span.sci {
    background: #6ab04c;
    color: #ecf0f1;
    padding: 1px 8px;
    border-radius: 8px
}

.pub-list .jour span.major {
    background: #008080;
    color: #ecf0f1;
    padding: 1px 8px;
    border-radius: 8px
}

.pub-list .jour span.responsible {
    background: #6ab04c;
    color: #ecf0f1;
    padding: 1px 8px;
    border-radius: 8px
}

.corr-a,.pub-list .jour a.corr-a {
    font-weight: 500;
    color: #3498db;
}

.lead-a,.pub-list .jour a.lead-a {
    font-weight: 500;
    color: #6ab04c;
}

.pub-list .jour a.lead-a:hover,.pub-list .jour a.corr-a:hover {
    color: #000;
    text-decoration: underline !important
}