@charset "UTF-8";
.noRsp { width: 100%; height: auto;}

.MdclStaf dl { width: calc((100% - 2rem) / 2); border: 1px solid #e0e0e0; background: url('/images/web/kvmri/sub/symbol_mini.png') no-repeat  calc(100% - 2rem) 1.5rem; }
.MdclStaf dl dt {align-items: flex-start}
.MdclStaf dl dt .name { margin-top: 2.5rem;}
.MdclStaf dl dt .img { border-radius: 0.5rem; font-size: 0;}

/* 연구팀소개 */
.rsrhTeam .purp { display: flex; gap: 0.5rem; width: 100%;}
.rsrhTeam .purp li { width: calc(100% / 3); height: 5rem; background: #215c00; border-radius: 5rem; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1rem; font-weight: 600; text-align: center;}
.rsrhTeam .det1 > li { border: 2px solid #e0e0e0; border-radius: 1rem; padding: 1rem; display: flex; align-items: center; justify-content: space-between;}
.rsrhTeam .det1 > li + li { margin-top: 1rem;}
.rsrhTeam .det1 > li > span { width: 10.5rem; height: 10.5rem;  background:  #215c00; border-radius: 1rem; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1rem; flex-direction: column; text-align: center; line-height: 1.4; font-weight: 600;}
.rsrhTeam .det1 > li > span em{  font-weight: 700; font-size: 2rem; width: 100%; margin-bottom: 0.3rem;}
.rsrhTeam .det1 > li > .ico { width: 10.5rem; height: 10.5rem;  border-radius: 1rem; display: flex; justify-content: center; align-items: center; background: #f4f4f4; flex-direction: column; text-align: center;}
.rsrhTeam .det1 > li > .ico span {font-size: 0.9rem; color: #000; font-weight: 600; margin-top: 0.3rem;}
.rsrhTeam .det1 > li > ul { width: calc(100% - 23rem);}
.rsrhTeam .det1 > li > ul li { display: flex; align-items: center; justify-content: space-between; font-size: 0.9rem; color: #000; }
.rsrhTeam .det1 > li > ul li + li { margin-top: 0.5rem;}
.rsrhTeam .det1 > li > ul li > span { width: 6.5rem; line-height: 2.25rem; text-align: center; background: #e8eee5; border-radius: 1rem; font-size: 0.9rem; color: #000; font-weight: 600; }
.rsrhTeam .det1 > li > ul li > p { width: calc(100% - 7.5rem);}
.rsrhTeam .img_list {margin-top: 3rem;}
.rsrhTeam .img_list ul {overflow:hidden; display: flex; flex-wrap: wrap; gap: 1rem; width: calc(100% + 1rem);}
.rsrhTeam .img_list ul li { width:calc(50% - 1rem); height:21rem; background:#fff; border-radius: 1rem; border: 2px solid #e0e0e0; text-align:center; padding: 1rem;}
.rsrhTeam .img_list ul li a {display:block; height:100%; background:url('/images/web/kvmri/sub/icon_plus.png') no-repeat center ; overflow: hidden; position: relative;}
.rsrhTeam .img_list ul li a::before {content: url('/images/web/kvmri/sub/icon_plus.png'); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.2s;}
.rsrhTeam .img_list ul li a:hover::before,
.rsrhTeam .img_list ul li a:focus::before { opacity: 1;}
.rsrhTeam .img_list ul li a p {display:table; width:100%; height:100%;}
.rsrhTeam .img_list ul li a p span {display:table-cell; vertical-align:middle; overflow: hidden;}  
.rsrhTeam .layerPop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:30px 0 0; background:rgba(0,0,0,0.5); z-index:991;}
.rsrhTeam .layerPop .popup_w{display:table; width:100%; height:100%;}
.rsrhTeam .layerPop .popup_w .pop{display:table-cell; vertical-align:middle; width:100%;}
.rsrhTeam .layerPop .popup_w .pop .pop_area {display:inline-block; position:relative;}
.rsrhTeam .layerPop .popup_w .pop .pop_area a.btn_close {position:absolute;top:-50px;right:0;display:block;width:40px;height:40px;background:url('/images/web/kvmri/sub/btn_close02.png') no-repeat 50% 50%;text-indent:-99999px;min-width: auto;border: none;padding: 0;}

/* 연구성과 */
.rsrh_relt { padding: 1rem 0; border: 1px solid #e0e0e0; border-radius: 1rem;}
.rsrh_relt ul{ display: flex;}
.rsrh_relt li{ width:calc(100% / 3); display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; position: relative;}
.rsrh_relt li + li::before { content: url(/images/web/kvmri/sub/line0301.png); position: absolute; left: 0; top: calc(50% - 0.675rem);}
.rsrh_relt .s_tit { font-size: 0.9rem; color: #000; font-weight: 500;}
.rsrh_relt .s_tit img{ vertical-align: middle; padding-right: 0.5rem;}
.rsrh_relt .count {font-size: 0.9rem; color: #000; font-weight: 600;}
.rsrh_relt .count em{font-size: 1.5rem; color: #215c00;}

/* 조직도 */
.org_wrap{ text-align: center;}
.org_wrap .std{ position:relative; max-width:14rem; height:3rem; line-height:1.3; display: flex; align-items: center; justify-content: center; padding:0 0.5rem; margin:0 auto; border-radius:0.25rem; color:#111; font-weight: 600;}
.org_wrap h2 .std{ max-width:11rem; height:7rem; font-size:1.1rem; font-weight: 700; color:#fff; border-radius:3.5rem; border:0.5rem solid #d2d9cf; background:#20400e;}
.org_wrap h3 .std{ padding:0 0.5rem; font-size:0.9rem; color:#fff; background:#215c00;}
.org_wrap .org_dep1 p{ padding:1.5rem 0;}
.org_wrap .org_dep1 p .std,
.org_wrap .org_dep2 .std{ font-size:0.85rem; color:#111; background:#f6f6f6; border:1px solid #111;}

.org_wrap .inr{ display: flex; align-items: center; justify-content: flex-end; max-width:38rem; margin:0 auto;}
.org_wrap .inr br{ display: none;}
.org_wrap .inr + .inr{ margin-top:0.5rem;}
.org_wrap .inr > *{ position:relative; width:50%;}
.org_wrap .inr > *:before{ content:""; position:absolute; top:50%; width:100%; border-top:1px solid #ccc; }
.org_wrap .inr > .left { padding-right:1.5rem;}
.org_wrap .inr > .right { padding-left:1.5rem;}
.org_wrap .inr > .left:before { left:0;}
.org_wrap .inr > .right:before { right:0;}
.org_wrap .inr > .left span{ margin-left:0;}
.org_wrap .inr > .right span{ margin-right:0;}

.org_wrap .org_dep1,
.org_wrap .org_dep2{ position:relative;}
.org_wrap .org_dep1:before,
.org_wrap .org_dep2:before{ content:""; position:absolute; top:0; left:50%; height:100%; border-left:1px solid #ccc; }
.org_wrap .org_dep2{ padding:1.5rem 0;}

.org_wrap .org_dep3{ position:relative; }
.org_wrap .org_dep3:before{ content:""; position:absolute; top:0; left:calc(12.5% - 0.75rem); width:calc(75% + 1.5rem); border-top:1px solid #ccc; }
.org_wrap .org_dep3 > ul{ display: flex; gap: 0 2rem;}
.org_wrap .org_dep3 > ul > li{ position:relative; flex: 1; min-width:0px; padding-top:1.5rem;}
.org_wrap .org_dep3 > ul > li:before{ content:""; position:absolute; left:50%; top:0; height:1.5rem; border-right:1px solid #ccc; }
.org_wrap .org_dep3 > ul > li .std{ min-width:0px; font-size:0.85rem; background:#fff; border:1px solid #ccc;}

@media screen and (max-width:1440px) { 
    /* 연구성과 */  
    .rsrh_relt li{ padding: 0 0.75rem; } 
}

@media screen and (max-width:1024px) { 
    .MdclStaf {  gap: 1rem;}
    .MdclStaf dl { width: calc((100% - 1rem) / 2); background-size: 3rem; background-position: calc(100% - 1rem) 0.8rem; }

    /* 연구팀소개 */ 
    .rsrhTeam .det1 > li { flex-wrap: wrap;}
    .rsrhTeam .det1 > li + li { margin-top: 0.7rem;}
    .rsrhTeam .det1 > li > span { width: 100%; height: auto; color:  #215c00; background: none; border-radius: 1rem; justify-content: flex-start; font-size: 0.9rem; flex-direction: row; }
    .rsrhTeam .det1 > li > span em{ display: inline-block; font-size: 1.5rem; width: auto; padding-right: 0.5rem;}
    .rsrhTeam .det1 > li > span br { display: none;}
    .rsrhTeam .det1 > li > .ico { width: 8.5rem; }
    .rsrhTeam .det1 > li > ul { width: calc(100% - 9.5rem);}
    .rsrhTeam .det1 > li > ul li { font-size: 0.8rem; }  
    .rsrhTeam .layerPop .popup_w .pop .pop_area { padding: 0 1rem;}
    .rsrhTeam .layerPop .popup_w .pop .pop_area img { width: 100%; height: auto;}
    .rsrhTeam .layerPop .popup_w .pop .pop_area a.btn_close { right: 1rem;}
}

@media screen and (max-width:920px) { 
    /* 연구팀소개 */ 
    .rsrh_relt .s_tit { padding-right: 0.5rem;}
    .rsrh_relt .s_tit img{ display: none;}
}

@media screen and (max-width:768px) { 

    /* 조직도 */
    .org_wrap .org_dep3:before{ left:calc(12.5% - 0.25rem); width:calc(75% + 0.5rem)}
    .org_wrap .org_dep3 > ul{ gap: 0 1rem;}

    .MdclStaf dl {width: 100%; background:none;}
    .MdclStaf dl dt .name{ margin-top: 0;}

    /* 연구팀소개 */ 
    .rsrhTeam .purp li { padding: 0 1rem; font-size: 0.8rem; }
    .rsrhTeam .det1 > li > ul{ width: 100%;}
    .rsrhTeam .det1 > li > .ico { width: 100%;height: auto; padding: 0.2rem 1rem;  border-radius: 1rem; flex-direction: row; margin-top: 1rem; }
    .rsrhTeam .det1 > li > .ico span {font-size: 0.85rem; margin-top: 0;}
    .rsrhTeam .det1 > li > .ico span br { display: none;}
    .rsrhTeam .det1 > li > .ico img { width: 3rem; padding-right: 0.5rem;}
    .rsrhTeam .det1 > li > ul li > span {width: 6rem; font-size: 0.85rem; }
    .rsrhTeam .det1 > li > ul li > p {width: calc(100% - 7rem);}
    .rsrhTeam .img_list ul {overflow:hidden; display: flex; flex-wrap: wrap; gap: 1rem; width: calc(100% + 1rem);}
    .rsrhTeam .img_list ul li { width:calc(100% - 1rem); }
}

@media screen and (max-width:600px) { 
    .org_wrap h2 .std{ height:5rem;}
    .org_wrap .org_dep3{ border-radius:0.5rem; border:3px solid #eee; padding:1rem; background:#f8f8f8;}
    .org_wrap .org_dep3:before{ display: none;}
    .org_wrap .org_dep3 > ul{ flex-wrap: wrap; gap: 0.5rem;}
    .org_wrap .org_dep3 > ul > li{ width:calc(50% - 0.25rem); flex: auto; padding-top:0px;}
    .org_wrap .org_dep3 > ul > li:before{ display: none;}
}


@media screen and (max-width:540px) { 
    /* 연구팀소개 */ 
    .rsrhTeam .purp {flex-wrap: wrap; }
    .rsrhTeam .purp li {width: 100%; height: auto; padding: 0.5rem 1rem; }

    /* 연구성과 */  
    .rsrh_relt { padding: 0.5rem 1rem; }
    .rsrh_relt ul{ flex-wrap: wrap;}
    .rsrh_relt li { width: 100%; padding: 0 0.3rem;}
    .rsrh_relt li + li::before { display: none; }
    .rsrh_relt li + li { border-top: 2px dotted #e0e0e0;}

    /* 조직도 */
    .org_wrap .inr br{ display:  block;}
    .org_wrap .org_dep1 p .std{ height:3.5rem;}
}

@media screen and (max-width:420px) { 
    .rsrhTeam .det1 > li > ul li { flex-direction: column; align-items: flex-start}
    .rsrhTeam .det1 > li > ul li > span {width: 6rem; font-size: 0.85rem; line-height: 1.6rem; border-radius: 0.5rem;} 
    .rsrhTeam .det1 > li > ul li > p { width: 100%; margin-top: 0.2rem;}
}

@media screen and (max-width:380px) { 

    .org_wrap h2 .std{ font-size: 1rem; height:4rem; border-width: 0.3rem;}
    .org_wrap h3 .std {font-size:0.85rem;}
    .org_wrap .inr > .left{ padding-right:0.5rem;}
    .org_wrap .inr > .right{ padding-left:0.5rem;}
    .org_wrap .org_dep3 > ul > li{ width:100%; }
    .org_wrap .org_dep3 > ul > li .std{ height:2.5rem; font-size:0.8rem;}
}