.select_category{width: 400px !important;}


/*********** List *************/
.professor_list{display: flex; flex-wrap:wrap; gap:14px; justify-content: space-around;}
.professor_list .list{position: relative; width: calc((100% - 30px)/2); border:1px solid var(--border); box-sizing:border-box; display: flex; flex-wrap:wrap; padding: 20px 20px;}
.professor_list .list .checkbox{position: absolute; left:5px; top:5px; z-index: 2;}
.professor_list .list .thumb{width: 140px;}
.professor_list .list .thumb .img{display: block; aspect-ratio:1/1.3; overflow: hidden;}
.professor_list .list .thumb img{display: block; width: 100%; height: 100%; object-fit:cover;}
/*.professor_list .list .desc{width: calc(100% - 140px); box-sizing:border-box; padding: 0 0 0 35px; display: flex; flex-direction: column; justify-content: center;}*/
.professor_list .list .desc{width: calc(100% - 140px); box-sizing:border-box; padding: 0 0 0 35px; }
.professor_list .list .desc h4{font-size:18.672px; font-weight: 700; color:var(--main); letter-spacing: -0.42px; line-height: 140%;}
.professor_list .list .desc .homepage_btn{display: inline-block; vertical-align: middle; margin:-2px 0 0 0; font-size:0; width: 26px; height: 26px; border-radius:3px; background:var(--main); position: relative; transition:all .3s linear; text-align:center;}
.professor_list .list .desc .homepage_btn:hover{background:var(--sub);}
.professor_list .list .desc .homepage_btn:after{content:'\e88a'; display:block; width:100%; height:100%; font-size:16px; line-height: 26px; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--white); font-weight:400;}
.professor_list .list .desc .person_btn{display: inline-block; vertical-align: middle; margin:-2px 0 0 0; font-size:0; width: 26px; height: 26px; border-radius:3px; background:var(--main); position: relative; transition:all .3s linear; text-align:center;}
.professor_list .list .desc .person_btn:hover{background:var(--sub);}
.professor_list .list .desc .person_btn:after{content:'\e88a'; display:block; width:100%; height:100%; font-size:16px; line-height: 26px; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--white); font-weight:400;}
.professor_list .list .desc ul{padding: 12px 0 0;}
.professor_list .list .desc ul li{font-size:13px; line-height: 150%; letter-spacing: -0.32px; padding:0 0 6px 63px; box-sizing:border-box; position: relative; word-break:break-all;}
.professor_list .list .desc ul li:last-child{padding-bottom: 0;}
.professor_list .list .desc ul li b{position: absolute; left:0; top:0; color:var(--black); font-weight: 500; font-size:13px;}
/*.professor_list .list .desc ul li a{display: inline-block; letter-spacing: inherit; line-height: inherit;}*/
.professor_list .list .desc ul li a{display: block; letter-spacing: inherit; line-height: inherit; word-wrap: break-word;}

.professor_pop{display: flex; flex-wrap:wrap; gap:14px; justify-content: space-around;}
.professor_pop .list #pop-sajin{position: relative; border:1px solid var(--border); box-sizing:border-box; display: flex; flex-wrap:wrap; }
.professor_pop .list .checkbox{position: absolute; left:5px; top:5px; z-index: 2;}
.professor_pop .list .thumb{width: 140px;}
.professor_pop .list .thumb .img{display: block; aspect-ratio:1/1.3; overflow: hidden;}
.professor_pop .list .thumb img{display: block; width: 100%; height: 100%; object-fit:cover;}
.professor_pop .list .desc{width: calc(100% - 140px); box-sizing:border-box; padding: 0 0 0 35px; display: flex; flex-direction: column; justify-content: center;}
.professor_pop .list .desc h4{font-size:1.167rem; font-weight: 700; color:var(--main); letter-spacing: -0.42px; line-height: 140%;}
.professor_pop .list .desc .homepage_btn{display: inline-block; vertical-align: middle; margin:-2px 0 0 0; font-size:0; width: 26px; height: 26px; border-radius:3px; background:var(--main); position: relative; transition:all .3s linear; text-align:center;}
.professor_pop .list .desc .homepage_btn:hover{background:var(--sub);}
.professor_pop .list .desc .homepage_btn:after{content:'\e88a'; display:block; width:100%; height:100%; font-size:16px; line-height: 26px; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--white); font-weight:400;}
.professor_pop .list .desc .person_btn{display: inline-block; vertical-align: middle; margin:-2px 0 0 0; font-size:0; width: 26px; height: 26px; border-radius:3px; background:var(--main); position: relative; transition:all .3s linear; text-align:center;}
.professor_pop .list .desc .person_btn:hover{background:var(--sub);}
.professor_pop .list .desc .person_btn:after{content:'\e88a'; display:block; width:100%; height:100%; font-size:16px; line-height: 26px; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--white); font-weight:400;}
.professor_pop .list .desc ul{padding: 12px 0 0;}
.professor_pop .list .desc ul li{font-size:13px; line-height: 150%; letter-spacing: -0.32px; padding:0 0 6px 63px; box-sizing:border-box; position: relative; word-break:break-all;}
.professor_pop .list .desc ul li:last-child{padding-bottom: 0;}
.professor_pop .list .desc ul li b{position: absolute; left:0; top:0; color:var(--black); font-weight: 500; font-size:13px;}
.professor_pop .list .desc ul li a{display: inline-block; letter-spacing: inherit; line-height: inherit;}

/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:770px){

/*********** List *************/
.professor_list{gap:20px;}
.professor_list .list{width: 100%;}

.professor_pop{gap:20px;}
.professor_pop .list{width: 100%;}

}

/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){


/*********** List *************/
.professor_list{gap:10px;}
.professor_list .list{padding: 20px;}
.professor_list .list .desc{padding: 0 0 0 20px;}

.professor_pop{gap:10px;}
.professor_pop .list{padding: 20px;}
.professor_pop .list .desc{padding: 0 0 0 20px;}



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/*********** List *************/
.professor_list .list{padding: 15px;}
.professor_list .list .thumb{width: 120px;}
.professor_list .list .desc{width: calc(100% - 120px); padding: 0 0 0 15px;}
.professor_list .list .desc h4{font-size:1.056rem;}
.professor_list .list .desc .homepage_btn{margin:-2px 0 0 0; width: 22px; height: 22px;}
.professor_list .list .desc .homepage_btn:after{font-size:14px; line-height: 22px;}
.professor_list .list .desc .person_btn{margin:-2px 0 0 0; width: 22px; height: 22px;}
.professor_list .list .desc .person_btn:after{font-size:14px; line-height: 22px;}
.professor_list .list .desc ul{padding: 8px 0 0;}
.professor_list .list .desc ul li{padding:0 0 6px 50px;}

.professor_pop .list{padding: 15px;}
.professor_pop .list .thumb{width: 120px;}
.professor_pop .list .desc{width: calc(100% - 120px); padding: 0 0 0 15px;}
.professor_pop .list .desc h4{font-size:1.056rem;}
.professor_pop .list .desc .homepage_btn{margin:-2px 0 0 0; width: 22px; height: 22px;}
.professor_pop .list .desc .homepage_btn:after{font-size:14px; line-height: 22px;}
.professor_pop .list .desc .person_btn{margin:-2px 0 0 0; width: 22px; height: 22px;}
.professor_pop .list .desc .person_btn:after{font-size:14px; line-height: 22px;}
.professor_pop .list .desc ul{padding: 8px 0 0;}
.professor_pop .list .desc ul li{padding:0 0 6px 50px;}

}
/*******************************************************************************
    @media ~480px            
*******************************************************************************/
@media all and (max-width:480px){


/*********** List *************/
.professor_list .list .thumb{width: 100%;}
.professor_list .list .desc{width: 100%; padding: 15px 0 0;}

.professor_pop .list .thumb{width: 100%;}
.professor_pop .list .desc{width: 100%; padding: 15px 0 0;}


}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}