@charset "UTF-8";

/* Professors */
#multipleDiv_hufs_849 {overflow: hidden; padding: 0 40px; background: #f8f8f7;}
.check #multipleDiv_hufs_849,
.edit #multipleDiv_hufs_849 {padding: 97px 0 83px 0;}
#multipleContentsDiv_hufs_849 {max-width: 1600px;}

.wrap-pro {position: relative;left: -50px;/* padding-right: 80px; */opacity: 0;/* padding-left: 80px; *//* max-width: 1600px; */margin: 0 auto;}
.wrap-pro .title {position: relative;}
.wrap-pro .title::after {content: '';position: absolute;left: 0;top: calc(50% - 1px);width: 100%;height: 4px;background: #003461;opacity: 0;}
.wrap-pro .title strong {position: relative;z-index: 1;display: inline-block;padding-right: 40px;background: #f8f8f7;font-family: 'H Bold';font-size: 40px;line-height: 1.1;color: #002d56;opacity: 0;}
.wrap-pro .title .more {position: absolute;right: 0;/* padding-left: 40px; *//* background: #f8f8f7; */bottom: 0;}
.wrap-pro .title .more a {display: block;width: 50px;height: 50px;background: #ffffff80 url(../images/btn-latest-more.png) no-repeat center center;border: 1px solid #003461;text-indent: -9999999px;}
.wrap-pro .title .more a:hover {background: #003461 url('../images/btn-latest-more-on.png') no-repeat center center;}
.wrap-pro .title .more {position: absolute;right: 0;/* padding-left: 40px; *//* background: #f8f8f7; */bottom: 0;}
.wrap-pro .list .control .more a {display: block;width: 33px;height: 33px;background: #141313bf url(../images/btn-latest-more-on.png) no-repeat center center;border-radius: 50px;text-indent: -9999999px;background-size: 18px;filter: opacity(0.6);}
.wrap-pro .list .control .more a:hover {background: #161819d4 url(../images/btn-latest-more-on.png) no-repeat center center;background-size: 18px;filter: opacity(1);}

.wrap-pro .list .control .more {position: absolute;right: 0;margin-left: 0;/* background: #f8f8f7; */top: 0;}

.wrap-pro .list {position: relative; margin-top: 43px;}
.wrap-pro .list .slider {overflow: hidden;}
.wrap-pro .list .slider li {float: left;/* width: 50%; */position: relative;top: 50px;/* opacity: 0; */background: #fff;padding: 20px;border-radius: 10px;border-bottom-right-radius: 0;border-top-left-radius: 0;}
.wrap-pro .list .slider li::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0px;
    width: 75px;
    height: 68px;
    background: url('https://dep.hufs.ac.kr/sites/iucf/fnct/recentBbs/iucf_recentpeople/images/best.png') no-repeat center center;
    background-size: 75px;
    z-index: 10;
}
.wrap-pro .list .slider li a {outline: none;}
.wrap-pro .list .slider li a:focus-visible::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000;}
.wrap-pro .list .slider .slick-slide {margin: 10px 15px 0;}
.wrap-pro .list .slider .slick-list {margin: 0 -10%;}
/* .wrap-pro .list .slider li.one {padding-right: 20px;} */
/* .wrap-pro .list .slider li.two {padding-left: 20px;} */
.wrap-pro .list .thumb {/* position: relative; */overflow: hidden;display: flex !important;/* justify-content: center; *//* align-items: center; */height: 200px;text-align: center;width: auto;float: left;margin-right: 15px;}
.wrap-pro .list .thumb img {width: 100%;max-width: none;height: auto;overflow: hidden;/* border-radius: 10px; *//* border-bottom-right-radius: 0; */}
.wrap-pro .list .con strong {overflow: hidden;display: -webkit-box;margin-top: 15px;padding-bottom: 1px;font-family: 'Dream medium';font-size: 19px;color: #000000c9;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4;}
.wrap-pro .list a:hover .con strong {color: #2196F3;}
.wrap-pro .list .con p {overflow: hidden;display: -webkit-box;margin-top: 15px;font-family: 'Dream Regular';font-size: 13px;color: #666;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 19px;}
.wrap-pro .list .con .link {
    width: 80px;
    height: 40px;
    border: 1px solid #cccccc57;
    background: url(https://dep.hufs.ac.kr/sites/iucf/fnct/recentBbs/iucf_recentpeople/images/btn-latest-more-on.png) no-repeat 15px 13px;
    background-size: 11px;
    filter: contrast(0.2);
    font-size: 011px;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 36px;
    color: #423d3da8;
    font-family: emoji;
    padding: 0 5px 0 20px;
}
.wrap-pro .list .con .link:hover {color:#000}
.wrap-pro .list .con .date {display:none}

/* 20251204 웹접근성으로 인한 수정 */
/* .wrap-pro .list .control {position: absolute; right: 0; top: 32%; width: 100%; height: 0; font-size: 0; transform: translate(0, -50%); opacity: 0;} */
.wrap-pro .list .control {position: absolute;left: 45%;top: 300px;width: 170px;height: 35px;font-size: 0;transform: translate(0, -50%);opacity: 0;/* background: #1413137d; *//* padding: 0 10px; */border-radius: 50px;}
.wrap-pro .list .control .button{background: #1413137d;padding: 0 10px 0 10px;border-radius: 50px;width: 75%;}
.wrap-pro .list .control button {display: inline-block;width: 35px;height: 35px;background-color: rgb(0 0 0 / 0%) !important;text-indent: -999999px;border-radius: 50%;background-size: 11px!important;}
.wrap-pro .list .control .button:hover{background: #141313b8;}
.wrap-pro .list .control .prev {float: left; background: url('../images/btn-stu-prev.png') no-repeat center;}
.wrap-pro .list .control .prev:hover {background: url('../images/btn-stu-prev-on.png') no-repeat center;}
.wrap-pro .list .control .next {float: right; background: url('../images/btn-stu-next.png') no-repeat center;}
.wrap-pro .list .control .next:hover {background: url('../images/btn-stu-next-on.png') no-repeat center;}
.wrap-pro .list .control .stop,
.wrap-pro .list .control .play {display: none;}
.wrap-pro .list .control .stop.on,
.wrap-pro .list .control .play.on {display: inline-block}
.wrap-pro .list .control .stop {background: url('../images/btn-stu-stop.png') no-repeat center;}
.wrap-pro .list .control .play {background: url('../images/btn-stu-play.png') no-repeat center;}
.wrap-pro .list .control .play:hover {background:url('../images/btn-stu-play-on.png') no-repeat center;}
.wrap-pro .list .control .stop:hover {background: url('../images/btn-stu-stop-on.png') no-repeat center;filter: sepia(1);}

.wrap-pro {
    position: relative;
    z-index: 1;
}

.wrap-pro .list::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
    linear-gradient(
        90deg,
        rgba(3,15,35,.78) 0%,
        rgba(3,15,35,.45) 10%,
        rgba(255,255,255,.02) 22%,
        rgba(255,255,255,.02) 78%,
        rgba(3,15,35,.45) 90%,
        rgba(3,15,35,.78) 100%
    );
    top: 10px;
}

.wrap-pro > * {
    position: relative;
    z-index: 2;
}




@media all and (max-width: 1620px) {
  .check #multipleDiv_hufs_849,
  .edit #multipleDiv_hufs_849 {padding: 97px 40px 83px 40px;}
  .wrap-pro {/* padding-right: 70px; */}
}

@media all and (max-width: 1450px) {
  .check #multipleDiv_hufs_849,
  .edit #multipleDiv_hufs_849 {padding: 50px 40px 50px 40px;}

  .wrap-pro {/* padding-right: 20px; *//* padding-left: 40px; */}

  .wrap-pro .title::after {height: 2px;}
  .wrap-pro .title strong {padding-right: 20px; font-size: 30px;}
  .wrap-pro .title .more {top: -8px;/* padding-left: 20px; */}
  .wrap-pro .title .more a {width: 43px; height: 43px; background-size: auto 20px !important;}

  .wrap-pro .list {/* margin-top: 26px; */}
  .wrap-pro .list .thumb {/* height: 350px; */}
  .wrap-pro .list .thumb img {/* height: 125%; */}
  .wrap-pro .list .slider {gap: 0 24px;}
  .wrap-pro .list .con strong {margin-top: 12px; font-size: 17px; line-height: 1.2;}
  .wrap-pro .list .con p {/* display: none; */}

  .wrap-pro .list .control {/* top: 316px; */width: 180px;}
  .wrap-pro .list .control button {width: 33.3333%; height: 34px; background-size: auto 11px !important;}
}

@media all and (max-width: 5000px) {
  .wrap-pro {left: 0; opacity: 1;}
  .wrap-pro .photo {top: 0 !important;opacity: 1 !important;}
  .wrap-pro .control {opacity: 1 !important;}
}

@media all and (max-width: 1000px) {
  .check #multipleDiv_hufs_849,
  .edit #multipleDiv_hufs_849 {padding: 50px 40px 40px 40px;}

  .wrap-pro .list .control {left: 40%;}
  .wrap-pro .title strong {font-size: 26px;}
  /*.wrap-pro .list .thumb {height: 255px;}*/
.wrap-pro .list .slider .slick-list {margin:0 30px;}
.wrap-pro .list::before {display:none;}
}
@media all and (max-width: 786px) {
.wrap-pro .list::before {display:none;}
 .wrap-pro .list .control {left: 37%;}

  .wrap-pro {padding: 30px;}
}
@media all and (max-width: 660px) {
.wrap-pro .list .slider .slick-list {margin: 0 -0%;}
  .check #multipleDiv_hufs_849,
  .edit #multipleDiv_hufs_849 {padding: 40px 30px 30px 30px;}
  
 .wrap-pro .list .control {left: 30%;}
  .wrap-pro .list .slider .slick-slide {margin: 8px 10px 0;max-width: none!important;width: 95%;}
  .wrap-pro .list .slider .slick-list {margin: 0 -10px;}
}