.lawyer_list_box { width: 100%; margin: 0px auto; } 
.lawyer_list { height: 100%; display: list-item; list-style: none; } 
.lawyer_info { padding: 10px 10px 30px 10px; float: left; min-height: 200px; width: 25%; } 
.lawyer_list:nth-child(4n+1) { clear: both; } 
.dt_img a img { width: 100%; } 
.dt_img a img:hover { filter: brightness(60%); } 
.dt_info_1 { padding: 20px 0; font-weight: 600; font-size: 20px; } 
.dt_info_1 .p_tit { padding: 20px 20px 20px 10px; font-weight: 600; font-size: 16px; } 
.dt_department { padding: 0; font-size: 17px; text-align: left; font-weight: 400; } 
.dt_button { padding: 10px; } 
.dt_button button { padding: 10px 20px; margin-right: 5px; border: 1px; font-size: 14px; } 
.dt_button .dt_btn1 { background-color: #f8f8f8; border: 1px solid #ddd; color: #333; } 
.dt_button .dt_btn2 { color: #fff; border-color: #384451; background-color: #384451; } 
.detail_box { background-color: white; position: fixed; top: 0; left: 100%; z-index: 100; width: 100%; height: 100%; } 
.detail_box_2 { top: 0; position: fixed; left: 100%; display: flex; width: 100%; height: 100%; } 
.detail_info { display: flex; align-items: center; z-index: 5; position: fixed; padding: 0 100px; width: 50%; height: 100%; background-color: white; } 
.detail_img { background-color: white; display: flex; align-items: center; position: fixed; height: 100%; top: 0px; width: 50%; z-index: 10; } 
.detail_img img { width: 100%; } 
.dt_name_2 { font-size: 52px; font-weight: bold; letter-spacing: -2px; margin-bottom: 50px} 
.dt_department_2 { margin: 10px 0; font-size: 20px; font-weight: 500; color: #555 } 
.dt_major { font-size: 20px; margin-bottom: 50px; font-weight: 500; color: #555} 
.dt_position_2 { font-size: 20px; margin-bottom: 20px; } 
.dt_history { font-size: 18px; max-width: 350px; text-align: left; color: #555; line-height: 1.75; } 
.dt_academic_activity { font-size: 18px; max-width: 350px; text-align: left; color: #555; line-height: 1.75; } 
.dt_schedule { margin-bottom: 20px; } 
.surgery { color: red; } 
.dt_button2 { border-bottom: 1px solid #ccc; padding-top: 20px; } 
.dt_button2 button { padding: 10px 25px; font-size: 18px; border: none; background-color: white; } 
.dt_button2 .on { color: #0ba2b3; border-bottom: 1px solid #0ba2b3; } 
.dt_btn_info { padding: 20px; font-size: 20px } 
.dt_btn_info p { font-size: 17px; padding: 5px; background-image: url(../img/icon_dot.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px; font-weight: 400; } 
.close { cursor: pointer; padding: 5px; font-size: 25px; position: absolute; top: 30px; left: 30px; z-index: 100; }
/* 팝업 */

@media all and (min-width:920px) and (max-width:1350px) {  
    .lawyer_info{
        padding: 25px;
        float: left;
        min-height: 185px;
        width: 33.333%;
    }
    .lawyer_list:nth-child(3n+1) {
        clear:both;
    }
}

@media all and (min-width:540px) and (max-width:919px) {  
    .lawyer_info{
        padding: 20px;
        float: left;
        min-height: 170px;
        width: 50%;
    }
    .lawyer_list:nth-child(2n+1) {
        clear:both;
    }
}

@media all and (max-width:539px){
    .lawyer_info{
        padding: 20px;
        float: left;
        min-height: 150px;
        width: 100%;
    }
    .lawyer_list:nth-child(n+1) {
        clear:both;
    }
    .dt_button2 button{
        padding: 10px 15px;
    }    

}


@media all and (max-width:1400px){
    .detail_info{
        padding: 0 90px;
    }
}
@media all and (max-width:1200px){
    .detail_info{
        padding: 0 80px;
    }
}
@media all and (max-width:1100px){
    .detail_box.on .detail_box_2{
        overflow: scroll;
    }
    .detail_box_2{
        display: block;
    }
    .detail_info{
        align-items: center;
        position: relative;
        width: 100%;
        padding: 80px;
    }
    .detail_img{
        width: 100%;
		height:auto;
        position: relative;

    }
    .tbl-stat{
        font-size: 14px;
    }
    .close{
        top: 10px;
        left: 10px;
    }
    .dt_name_2{
        font-size: 25px;
    }
    .dt_department_2{
        margin-top: 15px;
        font-size: 15px;
    }
    .dt_major {
        font-size: 15px;
        margin-bottom: 15px;
    }
}
@media all and (max-width:650px){
    .tbl-stat{
        font-size: 12px;
    }
    .close{
        top: 5px;
        left: 5px;
    }
    .dt_name_2{
        font-size: 20px;
    }
    .dt_department_2{
        margin-top: 12px;
        font-size: 12px;
    }
    .dt_major {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .dt_btn_info p{
        padding: 4px 4px 4px 10px;
        font-size: 17px;
    }
    .detail_info{
        padding: 50px;
    }
}
@media all and (max-width:500px){
    .detail_info{
        padding: 50px 20px;
        align-items: baseline ;        
    }
    .dt_major {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .close {
        top: 30px;
        left: 20px;
        width: 30px;
        height: 30px;
        position: absolute;
        transform: translateY(-50%);
        z-index: 100;
    }    
}