@charset "UTF-8";

body.scroll-lock {overflow: hidden;}

.wrap-professor {position: relative;}
.wrap-professor .professor-list {display: flex; flex-wrap: wrap; gap:5rem; margin-bottom: 7rem;}
.wrap-professor .professor-list > li {overflow:hidden; width:calc(50% - 2.5rem); border:1px solid #ccc; border-radius:1rem;}
.wrap-professor .thumb {flex-shrink:0; width:18rem; height:22.5rem; border:1px solid #E8E8E8;}
.wrap-professor .thumb img {width:100%; height:100%; object-fit: cover;}
.wrap-professor .box {display: flex; gap:3rem; padding:3rem; }
.wrap-professor .name {margin-bottom: 2.5rem; margin-top: 0.8rem;}
.wrap-professor .name strong {display: block; font-weight: 600; font-size: 2.6rem; color:#111;}
.wrap-professor .name span {font-weight: 400; font-size: 1.6rem; color:#9A9A9A;}
.wrap-professor .info li {position: relative; display: flex; padding-left:1.5rem; margin-bottom: 0.5rem; font-weight: 400; font-size: 1.5rem; color:#555; word-break: break-all;}
.wrap-professor .info li:last-child {margin-bottom: 0;}
.wrap-professor .info li::before {content: ''; position: absolute; left:0; top:0.9rem; width:0.4rem; height:0.4rem; background:#696A6D; border-radius:50%;}
.wrap-professor .info li strong {display: inline-block; flex-shrink:0; width: 8rem; font-weight: 400; color:#0A4DA1;}
.wrap-professor .detail {display: flex; align-items: center; justify-content: center; gap:1rem; padding:2rem 0; background:#F5F6F8;}
.wrap-professor .detail .btn-more {display: inline-flex; align-items: center; justify-content: center; min-width:10rem; height:3.5rem; background:#fff; border:1px solid #ccc; border-radius:0.5rem; font-weight: 400; font-size: 1.4rem; color:#404040;}
.wrap-professor .detail .btn-mail {width:3.5rem; height:3.5rem; background:#1174FF url('../images/ic-mail.png') no-repeat center / 1.4rem auto; border-radius:0.5rem; text-indent: -9999rem;}
.wrap-professor .detail .btn-homepage {width:3.5rem; height:3.5rem; background:#062143 url('../images/ic-home.png') no-repeat center / 1.4rem auto; border-radius:0.5rem; text-indent: -9999rem;}

.wrap-professor .detail .btn-more:hover {background: #1174FF; border:1px solid #1174FF; color:#fff;}
.wrap-professor .detail .btn-mail:hover {background-color:#1174FF}
.wrap-professor .detail .btn-homepage:hover {background-color:#1174FF}

@media screen and (max-width:1200px) {
    .wrap-professor .professor-list > li {width:100%;}
}
@media screen and (max-width:600px) {
    .wrap-professor .box {flex-direction: column; }
    .wrap-professor .thumb {margin:0 auto;}
}



/***** Paging *****/
._fnctWrap ._paging{text-align:center;}
._fnctWrap ._paging ._inner{overflow:hidden;position:relative;height:3.8rem;display:inline-block;zoom:1;_display:block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul{float:left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev{font-size:0;text-indent:-500rem;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong{width:3.5rem;height:3.5rem;line-height:3.2rem;border-width:0.1rem;border-style:solid;border-color:#cdcdcd;text-align:center;margin:0 0.1rem;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 1rem;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 0.2rem;}
._fnctWrap ._paging ._inner ul li a{background-color:#F5F5F5 !important;border:none !important;color:#fff;border-radius:0.5rem;color:#555;font-family:'paper'; font-weight: 300;position:relative;}
._fnctWrap ._paging ._inner ul li a:hover{background:#e2e2e2 !important;}
._fnctWrap ._paging ._inner .pg-arrow{border:0.1rem solid #ccc;width:3.5rem;height:3.5rem;}
._fnctWrap ._paging ._inner ._first{background:url(./../images/first-page.png) center no-repeat;width:3rem;border:none;}
._fnctWrap ._paging ._inner ._prev{background:url(./../images/prev-page10.png) center no-repeat;width:3rem;border:none;}
._fnctWrap ._paging ._inner ._listPrev{background:url(./../images/prev-page.png) center no-repeat;width:3rem;border:none;}
._fnctWrap ._paging ._inner ._listNext{background:url(./../images/next-page.png) center no-repeat;width:3rem;border:none;}
._fnctWrap ._paging ._inner ._next{background:url(./../images/next-page10.png) center no-repeat;width:3rem;border:none;}
._fnctWrap ._paging ._inner ._last{background:url(./../images/last-page.png) center no-repeat;width:3rem;border:none;}
._fnctWrap ._paging ._inner li strong{border:none !important;border-radius:0.5rem;background:#083CA6;color:#fff;font-family:'paper';font-weight: 400;line-height: 3.5rem;}
._fnctWrap ._paging ._inner ._pageState{display:none;padding:0 1em}

@media screen and (min-width:1201px){
._fnctWrap ._paging{padding-bottom:5rem;}
}

@media screen and (max-width:767px){
._fnctWrap ._paging ._inner ._pageState{display:block;font-size:1.8rem;font-family:'paper';font-weight: 400;color:#121212;line-height:3.5rem;}
._fnctWrap ._paging ._inner ._curPage{position:relative;color:#1265d3;}
._fnctWrap ._paging ._inner ._curPage::after{content:'/';display:inline-block;margin:0 0.5rem;color:#121212;font-family:'paper';font-weight: 400;}
._fnctWrap ._paging ._inner ul{display:none;}
._fnctWrap .paging a{width:2.8rem !important;height:2.8rem !important;font-size:1.3rem;line-height:2.5rem;}
}



/* 작업영역 */
/* [S] 상세보기 */
._fnctWrap {line-height:1.5;}
._fnctWrap h2,
._fnctWrap h3 {line-height:1.2;}
.detail-professor {position: fixed; top:0; left:0; z-index: 100; display: flex; align-items: center; justify-content: center; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; visibility: hidden;}
.detail-professor.on {opacity:1; visibility: visible; transition: all .3s;}
.detail-professor .detail-inner {position: relative; max-width:144rem; width:100%; max-height:70rem; margin:0 auto; padding:5rem; background:#fff; border-radius:1.6rem;}
.detail-professor .title {padding-bottom:3rem; border-bottom:0.2rem solid #0A4DA1; }

.detail-scroll {overflow-y:auto; max-height:50rem;padding-right: 3rem;}
.detail-scroll::-webkit-scrollbar {width: 1rem; height: 1rem;}
.detail-scroll::-webkit-scrollbar-thumb {background: linear-gradient(#012a64, #1174FF); border:2px solid #f1f1f1; border-radius: 1rem;}
.detail-scroll::-webkit-scrollbar-track {background-color: #f1f1f1;}
.detail-professor .detail-profl {display: flex; padding:3rem; border-bottom:0.1rem solid #666;}
.detail-professor .thumb {flex-shrink:0; width:18rem; height:22.5rem; margin-right:4rem; border:1px solid #E8E8E8;}
.detail-professor .thumb img {width: 100%; height: 100%; object-fit: cover;}

/* 이름, 리스트 */
.detail-professor .text {width:100%;}
.detail-professor .text .top {display: flex; align-items: center; justify-content: space-between; width:100%; padding:1.2rem 0; padding-left:3rem; border-bottom:0.1rem solid #E2E9EC;}
.detail-professor .name {display: flex; line-height: 1.2;}
.detail-professor .name b {display: inline-block; margin-right:2rem; font-weight: 600; font-size: 2.6rem; color:#111;}
.detail-professor .name span {display: inline-block; align-self:end; font-weight: 400; font-size: 1.6rem; color:#9A9A9A;}
.detail-professor .text .bottom {position: relative;}
.detail-professor .detail-info {padding:2rem 0; padding-left:3rem;}
.detail-professor .detail-info li {position: relative; display: flex; padding-left:1.5rem; margin-bottom: 0.5rem; font-weight: 400; font-size: 1.5rem; color:#555; word-break: break-all;}
.detail-professor .detail-info li:last-child {margin-bottom: 0;}
.detail-professor .detail-info li::before {content: ''; position: absolute; left:0; top:0.9rem; width:0.4rem; height:0.4rem; background:#696A6D; border-radius:50%;}
.detail-professor .detail-info li strong {display: inline-block; flex-shrink:0; width: 8rem; font-weight: 400; color:#0A4DA1;}

/* 상세내용  */
.detail-professor .con-list1 > ul > li {display: flex;}
.detail-professor .con-list1 > ul > li strong {flex-shrink: 0; width:19rem;}

/* 버튼 */
.detail-professor .link-box {display: flex; align-items: center; gap:1rem;}
.detail-professor .btn-mail {display: inline-block; width:3.5rem; height:3.5rem; background:#1174FF url('../images/ic-mail.png') no-repeat center / 1.4rem auto; border-radius:0.5rem; text-indent: -9999rem;}
.detail-professor .btn-homepage {display: inline-block; width:3.5rem; height:3.5rem; background:#062143 url('../images/ic-home.png') no-repeat center / 1.4rem auto; border-radius:0.5rem; text-indent: -9999rem;}
.detail-professor .btn-mail:hover {background-color:#1174FF}
.detail-professor .btn-homepage:hover {background-color:#1174FF}

.btn-detail-close {position: absolute; right:0; top:-10rem; width:8rem; height:8rem; background:#191D2B url('../images/btn-close.png') no-repeat center / 1.8rem auto; border-radius:50%; text-indent: -9999rem; transition: transform .3s;}
.btn-detail-close:hover {transform: rotate(180deg);}
@media screen and (max-width:1600px) {
    .detail-professor {padding: 0 2rem;}
}
@media screen and (max-width:850px) {
    .detail-professor .detail-inner {padding:3rem;}
    .detail-professor .title {padding-bottom: 1.5rem;}
    .detail-professor .detail-profl {flex-direction:column; padding:1.5rem;}
    .detail-professor .thumb {margin:0 auto; margin-bottom: 1.5rem;}
    .detail-professor .text .top {padding-left:0;}
    .detail-professor .detail-info {padding-left:0;}
}
@media screen and (max-width:650px) {
    .detail-professor .text .top {flex-direction: column;}
    .detail-professor .name {margin-bottom:2rem;}

    .detail-professor .con-list1 > ul > li {font-size: 1.6rem; flex-direction: column;}
    .detail-professor .con-list1 > ul > li strong {width:15rem;}

    .btn-detail-close {width:4.5rem; height:4.5rem; top:-6rem;}
}
/* [E] 상세보기 */