@charset "utf-8";
/* Publication 목록:시작 */
.ui-list__bodo.publication .inner{margin-top:-1px;margin-bottom:0}
.ui-list__bodo.publication .inner .ui-bodo__summary{padding-left:60px}
.ui-list__bodo.type3.publication .inner .ui-bodo__summary strong{padding-right:125px}
.ui-list__bodo.type3.publication .inner .ui-bodo__summary .ypurple{background-color:transparent!important}
.ui-list__bodo.type3.publication .inner .circle{font-size: 16px;color: #353a41;top: 15px;left: 20px;position: absolute;}
.ui-list__bodo.type3.publication ul{overflow:hidden}
.ui-list__bodo.type3.publication ul li{float:left;margin-left:10px}
.ui-list__bodo.type3.publication ul li:first-child{margin-left:0}
.ui-list__bodo.type3.publication ul li:last-child{margin-left:0;width:100%}
.ui-list__bodo.type3.publication .inner .button{position: absolute;top: 21px;right: 38px;}
.btn-only-icon {padding: 10px!important;}

@media only screen and (max-width: 768px){
.ui-list__bodo.publication .inner .ui-bodo__summary{padding-top:30px;padding-left:0}
.ui-list__bodo.type3.publication .inner .ui-bodo__summary strong{text-align:left;font-size:15px}
.ui-list__bodo.type3.publication .inner .circle{left:0}
.ui-list__bodo.type3.publication .inner .button{margin-top: 0;text-align: right;}
.ui-list__bodo.type3.publication ul li{float:none;margin-left:0;font-size:15px}
}

img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}
.ui-thumb-wrap{position:relative;overflow:hidden;margin-top: 35px;margin-bottom:15px}
.ui-thumb-box{display:inline-block;position: relative;background-color:#ddd}
.ui-thumb-wrap span{display: block; background: #fff;font-weight:bold;width: 40px;height:40px;position:absolute;z-index: 10;text-align: center;line-height:40px;font-family: "nmn", sans-serif;bottom:0}
.ui-thumb-box figure{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%}
.ui-thumb-box figure img{position:absolute;top:50%;left:50%;max-width:none;max-height:100%;transform:translate(-50%,-50%);transition:-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;transition:transform cubic-bezier(.22,.61,.36,1) .4s;transition:transform cubic-bezier(.22,.61,.36,1) .4s,-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;-webkit-transform:translate(-50%,-50%);-webkit-transition:-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;-o-transition:transform cubic-bezier(.22,.61,.36,1) .4s;-ms-transform:translate(-50%,-50%)}
.ui-thumb-box.small_box{float:left;width:31.3%;height:211px;margin-left:10px;overflow:hidden;}
.ui-thumb-box.bottom.small_box{margin-top:10px;}
.ui-thumb-box.top.small_box{margin-top:0}
.ui-thumb-box figure .scope{ top: 155px; left: 50%; margin-left: 50px;}

.ui-list__bodo .ui-thumb-box.bottom.small_box{width: 20%;margin-left: 10px;height: 100px}

@media all and (max-width:1023px) {
.ui-thumb-box.small_box{width:48%;}
}

@media all and (max-width:767px) {
.ui-thumb-box.small_box{float:none;width:100%;}
.ui-list__bodo .ui-thumb-box.bottom.small_box{width:47%}
}

@media all and (max-width:460px) {
.ui-list__bodo .ui-thumb-box.bottom.small_box{width:100%;margin-left:0}	
}



/* Publication 목록:끝 */


/* Publication 상세페이지:시작 */

.ui-view-thesis{border-top:2px solid #000;}
.ui-view-thesis .ui-header{padding:30px 20px;border-bottom:1px solid #ccc;}
.ui-view-thesis .ui-header .cat{display:inline-block;margin-bottom:15px;padding:5px 10px;background-color:#df3127;color:#fff;line-height:25px;}
.ui-view-thesis .ui-header h2{margin:0;padding:0;font-size:20px;line-height:1.3;}
.ui-view-thesis .ui-header h2:before{display:none;}
.ui-view-thesis .ui-header .eng{display:block;margin-top:10px;font-size:13px;line-height:1.3;}
.ui-view-thesis .ui-cont{position:relative;padding:40px 0;border-bottom:1px solid #ccc;}
.ui-view-thesis .ui-cont .item:after{content:"";display:block;clear:both;visibility:hidden;}
.ui-view-thesis .ui-cont .item h3{margin:50px 0 10px;font-size:20px;line-height:24px;}
.ui-view-thesis .ui-cont .item h3:first-child{margin-top:0;}
.ui-view-thesis .ui-cont .item.rcon{margin-top:40px;}


.ui-view-thesis .cont .item .property h3{margin:0 0 25px;padding-top:40px;font-size:16px;background:url(/images/lab/sub02/property_ico.png) no-repeat;color:#004a93;}
.ui-view-thesis .property{margin-top:45px;padding:25px;border:1px solid #ddd;}
.ui-view-thesis .property ul{}
.ui-view-thesis .property ul li{position:relative;margin:5px 0 0;padding-left:80px;line-height:20px;}
.ui-view-thesis .property ul li b{position:absolute;top:0;left:0;}

.ui-view-thesis .list_info{padding:15px;}
.ui-view-thesis .list_info li{margin-top:15px;;}
.ui-view-thesis .list_info li:first-child{margin-top:0;}
.ui-view-thesis .list_info li em{display:block;line-height:20px;white-space:normal;word-break:break-all;}
.ui-view-thesis .list_info li{display:block;}

@media all and (min-width:480px) {
    .ui-view-thesis .list_details li b{width:30%;}
    .ui-view-thesis .list_details li span{width:70%;}
    .ui-view-thesis .member{float:left;width:47%;}
    .ui-view-thesis .property{float:right;margin-top:0;width:47%;}
}
@media all and (min-width:768px) {
    .ui-view-thesis .ui-cont{padding:40px 0;}
    .ui-view-thesis .ui-cont:after{content:"";display:block;clear:both;visibility:hidden;}
    .ui-view-thesis .ui-cont .item.lcon{width:100%;}
    .ui-view-thesis .ui-cont .item.rcon{margin-top:0;width:100%}
    .ui-view-thesis .member,
    .ui-view-thesis .property{float:none;width:100%;}
    .ui-view-thesis .property{margin-top:45px;}
}



.scope{position:relative;width:55px;height:55px;margin:0 auto;border-radius:100%;border-bottom-left-radius:0;background-color:transparent;font-size:180% !important;z-index:10}
.scope:before{position:absolute;top:0;left:0;width:55px;height:55px;background-color:#000;content:"";opacity:0.6}
.scope .glass{position:relative;top:9px;left:10px;width:28px;height:28px;border:3.5px solid white;border-radius:100%;animation-name:zoom;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;transform-origin:.5em .5em;-webkit-animation-name:zoom;-webkit-animation-duration:.75s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-transform-origin:.5em .5em;}
.scope .glass:before{display:block;position:relative;top:15px;left:18px;width:15px;height:3.5px;background:white;content:"";transform:rotate(45deg);transform-origin:left bottom;-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;}
.scope .glass:after{display:block;position:relative;top:-8px;left:-5px;width:1em;height:1em;opacity:1;content:"+";color:white;font-size:1em;text-align:center;line-height:1em;transition:all .2s ease;animation-name:zoomPlus;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation-name:zoomPlus;-webkit-animation-duration:.75s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;}
@-webkit-keyframes zoom{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.85);-webkit-transform:scale(0.85);}
  100%{transform:scale(1);-webkit-transform:scale(1);}
}
@keyframes zoom{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.85);-webkit-transform:scale(0.85);}
  100%{transform:scale(1);-webkit-transform:scale(1);}
}
@-webkit-keyframes zoomPlus{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.8);-webkit-transform:scale(0.8);}
  100%{transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@keyframes zoomPlus{
  0%{transform:scale(0.9);-webkit-transform:scale(0.9);}
  50%{transform:scale(0.8);-webkit-transform:scale(0.8);}
  100%{transform:scale(1.1);-webkit-transform:scale(1.1);}
}

img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}
.ui-thumb-wrap{position:relative;overflow:hidden;margin-top: 35px;margin-bottom:15px}
.ui-thumb-box{display:inline-block;position: relative;background-color:#f7f7f7}
.ui-thumb-wrap span{display: block; background: #fff;font-weight:bold;width: 40px;height:40px;position:absolute;z-index: 10;text-align: center;line-height:40px;font-family: "nmn", sans-serif;bottom:0}


.ui-thumb-box figure{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%}
.ui-thumb-box figure img{position:absolute;top:50%;left:50%;max-width:none;max-height:100%;transform:translate(-50%,-50%);transition:-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;transition:transform cubic-bezier(.22,.61,.36,1) .4s;transition:transform cubic-bezier(.22,.61,.36,1) .4s,-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;-webkit-transform:translate(-50%,-50%);-webkit-transition:-webkit-transform cubic-bezier(.22,.61,.36,1) .4s;-o-transition:transform cubic-bezier(.22,.61,.36,1) .4s;-ms-transform:translate(-50%,-50%)}
.ui-thumb-box.small_box{float:left;width:31.3%;height:211px;overflow:hidden}
.ui-thumb-box.bottom.small_box{margin-top:10px;}
.ui-thumb-box.top.small_box{margin-top:0}

.ui-thumb-box figure .scope{ top: 155px; left: 50%; margin-left: 50px;}

@media all and (max-width:1023px) {
.ui-thumb-box.small_box{width:48%;}
}

@media all and (max-width:767px) {
.ui-thumb-box.small_box{float:none;width:100%;}
}

#imgLayer img{height:94%}
.box-footer{border-top:0}
/* Publication 상세페이지:끝 */

/* 구성원 Youtube 모달팝업 */
#youtubePop {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); z-index: 999;}
#youtubePop .modal-content {background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 600px; position: relative;}
#youtubePop .modal-close {position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; transition: all 0.8s; background: #6e6762; border-radius: 100%;}
#youtubePop .modal-close:before,
#youtubePop .modal-close:after {content: ''; position: absolute; width: 3px; height: 20px; background-color: #aaa; top: 50%; left: 50%;}
#youtubePop .modal-close::before {transform: translate(-50%,-50%) rotate(45deg);}
#youtubePop .modal-close::after {transform: translate(-50%,-50%) rotate(-45deg);}
#youtubePop .modal-close:hover::before,
#youtubePop .modal-close:hover::after {background-color: #000;}