@charset "utf-8";
.program--search{background:#fff;box-shadow: 1px 1px 3px rgba(0,0,0,.2);border-radius: 10px;}


.mentor { position: relative; display: block; width: 100%; }

.mentor-person-list .obj { margin: -8px -22px 49px; display: flex; flex-wrap: wrap; }

.mentor-person-list .obj .col { margin: 20px 22px; }
.mentor-person-list .obj.col2 .col { width: calc(50% - 44px); }
.mentor-person-list .obj.col3 .col { width: calc(33.3333% - 44px); }
.mentor-person-list .obj.col4 .col { width: calc(25% - 44px); }
.mentor-person-list .obj.col5 .col { width: calc(20% - 44px); }

.mentor-person-list .obj .col .inner-box { display: block; width: 100%; height: 100%; border-radius: 15px; border: 1px solid #E3E4E9; position: relative; background-color: #fff; }
.mentor-person-list .obj .col .inner-box .link { border: none; width: 100%; height: 100%; }
.mentor-person-list .obj .col .inner-box .item { display:block; border: none; position: relative; height: 100%; }
.mentor-person-list .obj .col .inner-box .item .link {padding: 45px 36px 54px;}
.mentor-person-list .obj .col .inner-box .item .thm--box,
.mentor-person-list .obj .col .inner-box .item .thm--box .inner { width: 130px; height: 130px; border-radius: 100%; }
.mentor-person-list .obj .col .inner-box .item .thm--box { position: relative; padding: 0; margin: 0 auto; overflow: visible; }
.mentor-person-list .obj .col .inner-box .item .thm--box .inner { position: relative; overflow: hidden; }
.mentor-person-list .obj .col .inner-box .item .thm--box .inner img,
.mentor-person-list .obj .col .inner-box .item .thm--box .inner .no-img { position: absolute; left: 50%; top: 0; transform: translateX(-50%);  max-width: none; max-height: none;width:100%;height: 100%; }
.mentor-person-list .obj .col .inner-box .item .thm--box .inner .no-img { background-image: url(/images/prog/no.jpg); height: 130px; background-size: contain; display: block; width: 100%;}
.mentor-person-list .obj .col .inner-box .item .thm--box .inner .no-img:before{display:none;}
.mentor-person-list .obj .col .inner-box .item .thm--box .inner img{height:auto}
.mentor-person-list .obj .col .inner-box .item .card--body { border: none; padding: 0; }
.mentor-person-list .obj .col .inner-box .item .card--body .name { display: block; margin-top: 8.5px; color: #000; text-align: center; font-size: 24px; font-weight: 700; line-height: 133%; letter-spacing: -0.03rem; }
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap { display: inline-block; text-align: center; }
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com1,
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com2 { letter-spacing: -0.01875rem; font-weight: 600; line-height: 150%; font-size: 15px; display: inline-block; min-height:23px; vertical-align: middle; }
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com1 { color: #18114E; margin-right: 5px; padding-right: 8px; position: relative; }
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com1::before { position: absolute; content: ''; width: 1px; height: 11px; background-color: #CCC; right: 0; top: 5px; }
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com2 { color: #7B7E82; }
.mentor-person-list .obj .col .inner-box .item .card--body .introduce { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; height: 42px; overflow: hidden; word-break: break-all; color: #666; text-align: center; font-size: 15px; line-height: 140%; letter-spacing: -0.01875rem; margin: 2px 0 8px 0; }
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul { display: block; padding: 11.5px 30px; border-radius: 10px; background-color: #F8F9FB; margin-bottom: 8px; }
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li { display: block; padding-left: 76px; position: relative; line-height: 120%; letter-spacing: -0.01875rem; font-size: 15px; text-align: left; }
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li + .notice-li { margin-top: 6px; }
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li .li-tit { position: absolute; display: inline-block; left: 0; top:0; color: #008656; min-width: 51px; }
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li .li-con { color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; height: 18px; overflow: hidden; word-break: break-all; }
.mentor-person-list .obj .col .inner-box .item .card--body .tag-wrap { display: flex; justify-content: center; flex-wrap: wrap; width: calc(100% + 12px); margin: 0 -6px; min-height:42px; }
.mentor-person-list .obj .col .inner-box .item .card--body .tag-wrap .tag { color: #18114E; font-size: 14px; line-height: 150%; margin: 0 6px; }
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap { display: flex; justify-content: center; padding: 10px 0 16px 0; border-top: 1px dotted rgba(0,0,0,0.15); margin-top: 9px; }
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap > span { color: #666; font-size: 13px; font-weight: 400; line-height: normal; position: relative; display: inline-block; padding-left: 17px; margin: 0 10px; }
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap > span::before { position: absolute; left: 0; top: 0; width: 12px; height: 13px; content: ''; background-position: center center; background-repeat: no-repeat; }
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap .view-count::before { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.94653 11C10.8256 11 13 7 13 7C13 7 10.8256 3 6.94653 3C3.06746 3 1 7 1 7C1 7 3.06746 11 6.94653 11Z' stroke='%23CCCCCC' stroke-opacity='0.8' stroke-linejoin='round'/%3E%3Cpath d='M7 9C8.10456 9 9 8.10456 9 7C9 5.89544 8.10456 5 7 5C5.89544 5 5 5.89544 5 7C5 8.10456 5.89544 9 7 9Z' stroke='%23CCCCCC' stroke-opacity='0.8' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); top: 1px; }
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap .like-count::before { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77271 1.84434C5.94351 1.43369 6.52524 1.43369 6.69604 1.84434L7.64212 4.119C7.71412 4.29212 7.87693 4.4104 8.06382 4.42539L10.5195 4.62226C10.9628 4.6578 11.1426 5.21105 10.8048 5.50039L8.93386 7.10308C8.79146 7.22505 8.72928 7.41644 8.77278 7.59882L9.34439 9.99515C9.44759 10.4278 8.97696 10.7697 8.59741 10.5379L6.495 9.25372C6.33499 9.15599 6.13376 9.15599 5.97375 9.25372L3.87134 10.5379C3.49179 10.7697 3.02116 10.4278 3.12436 9.99515L3.69597 7.59882C3.73947 7.41644 3.67729 7.22505 3.53489 7.10308L1.66392 5.50039C1.32615 5.21105 1.50591 4.6578 1.94924 4.62226L4.40493 4.42539C4.59182 4.4104 4.75463 4.29212 4.82663 4.119L5.77271 1.84434Z' stroke='%23CCCCCC' stroke-opacity='0.8'/%3E%3C/svg%3E%0A"); top: 1px; }
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap .review-count::before { background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.750061 10.2497L2.74554 10.2497L9.88058 3.11467L7.88504 1.11914L0.75 8.25418L0.750061 10.2497Z' stroke='%23CCCCCC' stroke-linejoin='round'/%3E%3Cpath d='M6.37695 2.86816L7.92904 4.42025' stroke='%23CCCCCC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); top: 1px; }
.mentor-person-list .obj .col .inner-box .item .button-pbancLike { position: absolute; right:21px; top:19px; display: inline-block; width:24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0767 1.21993C10.4183 0.398635 11.5817 0.398636 11.9233 1.21993L13.9395 6.06735C14.0835 6.41358 14.4091 6.65015 14.7829 6.68012L20.0161 7.09966C20.9027 7.17074 21.2623 8.27725 20.5867 8.85592L16.5996 12.2713C16.3148 12.5153 16.1904 12.8981 16.2774 13.2628L17.4956 18.3695C17.702 19.2348 16.7607 19.9186 16.0016 19.455L11.5213 16.7184C11.2012 16.5229 10.7988 16.5229 10.4787 16.7184L5.9984 19.455C5.2393 19.9186 4.29805 19.2348 4.50444 18.3695L5.72257 13.2628C5.80958 12.8981 5.68521 12.5153 5.40042 12.2713L1.41328 8.85592C0.73774 8.27725 1.09727 7.17074 1.98392 7.09966L7.21712 6.68012C7.59091 6.65015 7.91652 6.41358 8.06052 6.06735L10.0767 1.21993Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A"); background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; }
.mentor-person-list .obj .col .inner-box .item .button-pbancLike.on { background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0767 1.21993C10.4183 0.398635 11.5817 0.398636 11.9233 1.21993L13.9395 6.06735C14.0835 6.41358 14.4091 6.65015 14.7829 6.68012L20.0161 7.09966C20.9027 7.17074 21.2623 8.27725 20.5867 8.85592L16.5996 12.2713C16.3148 12.5153 16.1904 12.8981 16.2774 13.2628L17.4956 18.3695C17.702 19.2348 16.7607 19.9186 16.0016 19.455L11.5213 16.7184C11.2012 16.5229 10.7988 16.5229 10.4787 16.7184L5.9984 19.455C5.2393 19.9186 4.29805 19.2348 4.50444 18.3695L5.72257 13.2628C5.80958 12.8981 5.68521 12.5153 5.40042 12.2713L1.41328 8.85592C0.73774 8.27725 1.09727 7.17074 1.98392 7.09966L7.21712 6.68012C7.59091 6.65015 7.91652 6.41358 8.06052 6.06735L10.0767 1.21993Z' fill='%23FFC700'/%3E%3C/svg%3E%0A"); }
.mentor-person-list .obj .col .inner-box .item .like-box { position: absolute; left: 20.5px; top: 22px; text-align: left; z-index: 1; }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; flex-direction: column; border-radius: 10px; }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge + .like-badge { margin-left: 5px; }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like1 { background-color: #EFF9F3; border: 1px solid rgba(0, 134, 86, 0.5); }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like2 { background-color: #F2F4FB; border: 1px solid rgba(24, 17, 78, 0.5); }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge .icon { display: inline-block; margin: 0 auto 2px; width: 9px; height: 9px; background-position: center center; background-repeat: no-repeat; }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like1 .icon { background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.39746 9.20111V4.58631L5.07555 0.810547C5.77065 0.810547 6.33412 1.37403 6.33412 2.06914V3.74725H8.85125C9.09742 3.74445 9.33238 3.84992 9.49391 4.03567C9.65543 4.22143 9.72724 4.46877 9.6903 4.71216L9.11136 8.48791C9.04864 8.90159 8.69069 9.20584 8.27231 9.20111H3.39746ZM3.39746 9.20111L2.27729 9.20102C1.78583 9.20971 1.36569 8.84908 1.2998 8.36196V5.42527C1.36569 4.93817 1.78583 4.53107 2.27729 4.53976H3.39742L3.39746 9.20111Z' stroke='%23008656' stroke-width='0.800005' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like2 .icon { background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.96776 8.3085V4.18463L4.46733 0.810547C5.08849 0.810547 5.59201 1.31409 5.59201 1.93524V3.43483H7.84136C8.06134 3.43233 8.2713 3.52658 8.41566 3.69258C8.55999 3.85857 8.62416 4.07959 8.59115 4.2971L8.0738 7.67117C8.01775 8.04084 7.69788 8.31273 7.32401 8.3085H2.96776ZM2.96776 8.3085L1.96676 8.30841C1.52758 8.31618 1.15214 7.99392 1.09326 7.55862V4.93434C1.15214 4.49906 1.52758 4.13527 1.96676 4.14303H2.96772L2.96776 8.3085Z' stroke='%2318114E' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge .like-tit { text-align: center; font-size: 12px; font-weight: 400; line-height: 117%; letter-spacing: -0.015rem; }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like1 .like-tit { color: #008656; }
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like2 .like-tit { color: #18114E; }
.mentor-person-list .obj .col .inner-box .fe-btn { display: inline-flex; justify-content: center; align-items: center; width: calc(100% + 2px); height: 55px; background-color: #18114E; color: #fff; text-align: center; font-size: 15px; font-weight: 700; line-height: 150%; letter-spacing: -0.01875rem; border-radius: 0 0 10px 10px; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); z-index: 2; }




.mentor-person-list .obj .col.add-mentor .inner-box { background: radial-gradient(133.74% 184.14% at 17.97% -5.59%, #6296F3 0%, #3270D3 65.5%, #0048B2 100%);border: none; }
.mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 37px 54px 258px 41px; position: relative; border: none; }
.mentor-person-list .obj .col.add-mentor .inner-box .link .item::after { position: absolute; content: ''; right: 50px; bottom: 53px; width: 200px; height: 249px; background-position: center center; background-repeat: no-repeat; background-image: url(/images/prog/mentor-img.png); background-size: contain; }
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body { text-align: left; padding: 0; }
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .sub-tit { display: block; color: #0064C9; font-size: 20px; line-height: 140%; }
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .tit { display: block; color: #fff; font-size: 25px; font-weight: 400; line-height: 128%; letter-spacing: -0.75px; margin: 9px 0 31px 0; }
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .add-btn { display: inline-flex; justify-content: center; align-items: center; width: 122px; height: 41px; background-color: #fff; border-radius: 100px; color: #000; font-size: 15px; font-weight: 700; line-height: 140% }
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .add-btn:after{margin-left: 5px; content: ""; width: 15px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icon'%3E%3Cpath id='east' d='M10.125 10.4583L9.11558 9.46663L12.3739 6.20829H0.916626V4.79163H12.3739L9.13329 1.53329L10.125 0.541626L15.0833 5.49996L10.125 10.4583Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E%0A");}



.mentor-person-list .obj .col.mentor:hover .inner-box,
.mentor-person-list .obj .col.mentor:focus .inner-box { border: 2px solid transparent; border-radius: 15px 15px 10px 10px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, rgba(0, 134, 86, 1) 0%, rgba(0, 132, 173, 1) 100%); background-origin: border-box; background-clip: content-box, border-box; }
.mentor-person-list .obj .col.mentor:hover .inner-box .item .link,
.mentor-person-list .obj .col.mentor:focus .inner-box .item .link { padding: 44px 35px 53px; }
/* .mentor-person-list .obj .col.mentor:hover .inner-box .item .like-box,
.mentor-person-list .obj .col.mentor:focus .inner-box .item .like-box { top: 23px; left: 20px; }
.mentor-person-list .obj .col.mentor:hover .inner-box .item .button-pbancLike,
.mentor-person-list .obj .col.mentor:focus .inner-box .item .button-pbancLike { right: 20px; top: 18px; }
.mentor-person-list .obj .col.mentor:hover .inner-box .fe-btn,
.mentor-person-list .obj .col.mentor:focus .inner-box .fe-btn { bottom: -2px; } */


@media (max-width: 1140px){
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 75px 30px 281px 30px; }
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .sub-tit { font-size: 18px; }
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .tit { font-size: 28px; }
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item::after { height: 223px; }
}

@media (max-width: 1024px){

    .mentor-person-list { margin-top: 14px; }
    .mentor-person-list .obj { margin: 0 -10px 49px; }
    .mentor-person-list .obj .col { margin: 10px; }
    .mentor-person-list .obj .col .inner-box .item .link { padding: 70px 20px 54px; }

    .mentor-person-list .obj .col.mentor:hover .inner-box .item .link,
    .mentor-person-list .obj .col.mentor:focus .inner-box .item .link { padding: 69px 19px 53px; }


    .mentor-person-list .obj.col2 .col { width: calc(50% - 20px); }
    .mentor-person-list .obj.col3 .col { width: calc(33.3333% - 20px); }
    .mentor-person-list .obj.col4 .col { width: calc(25% - 20px); }
    .mentor-person-list .obj.col5 .col { width: calc(20% - 20px); }
}

@media (max-width: 920px){
    .mentor-person-list .obj.col3 .col { width: calc(50% - 20px); }
}

@media (max-width: 802px){
    .mentor .program--search .program--page{display: block;}
}
@media (max-width: 768px){
    .mentor-person-list .obj .col .inner-box .item .card--body .com-wrap { display: block;}
}

@media (max-width: 650px){
    .mentor .program--search .program--page{display: block;}
}

@media (max-width: 630px){
    .mentor-person-list .obj { margin: 0 0 49px; }
    .mentor-person-list .obj .col { margin: 10px 0; }
    .mentor-person-list .obj.col3 .col { width: 100%; }

    .mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 30px 30px 150px 30px; }
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item::after { right: 20px; bottom: 20px; width: 180px; height: 190px; }
}

@media (max-width: 400px){
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 30px; }
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item::after { display: none; }
    .mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .tit { font-size: 22px; }
}

@media (max-width: 360px){
    .mentor-person-list .obj .col .inner-box .item .card--body .notice-ul { padding: 11.5px 20px; }
    /* .mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li { padding-left: 0; }
    .mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li .li-tit { position: relative; display: block; } */
    .mentor-person-list .obj .col .inner-box .item .card--body .view-wrap > span { margin: 0 5px; }
}