/* ¿ª´ëÇб³Àå */
.president{ display:flex; flex-wrap:wrap; }
.president .wrap{ position:relative; width:48%; min-height: 8.5rem;margin:.75rem 0; z-index:1; border-radius:0 0 1.25rem 0; background:#fff; border:2px solid #e7e7e7;}
.president .wrap:before{ content:""; position:absolute; left:-2px; top:-2px; width:40%; height:40%; max-width:6rem; max-height:3rem; background:#fff; z-index:0;}
.president .wrap:after{ content:""; position:absolute; left:0; top:0; width:30%; height:30%; max-width:5rem; max-height:3rem; border-left:2px solid #2964bd; border-top:2px solid #2964bd; z-index:1;}
.president .wrap:nth-of-type(even){ margin-left:4%;}
.president .wrap img{ position:relative; width:4.5rem; height:5.8rem; margin:1.5rem 1.2rem; float:left;}
.president ul{ position:relative; padding: 1.5rem 1.5rem 1.5rem 0;float: left;}
.president li{ position:relative; display:flex; line-height:1.5rem; font-weight:600; font-size:.8rem;}
.president li span { display:block; min-width:4rem; height:1.5rem; color:#fff; text-align:center; padding:0 .5rem; margin-right:.75rem; border-radius:1rem; background:#2964bd;}
.president li + li{ margin-top:.5rem; }

@media screen and (max-width:900px){ 
	/* ¿ª´ëÇб³Àå */
	.president .wrap img { margin:1.5rem 0; left:50%; transform:translateX(-50%); }
	.president ul { padding:8.5rem 1.5rem 1.5rem; float:none; }
	

}

@media screen and (max-width:680px){ 
    /* ¿ª´ëÇб³Àå */
    .president{ display:block; }
    .president .wrap{ width:100%; }
    .president .wrap:nth-of-type(even){ margin-left:0%; }
    .president .wrap img{ margin:1.5rem 1.2rem; left: auto;transform: none; }
    .president ul{ position:relative; padding: 1.5rem 1.5rem 1.5rem 0;float: left;}

}


@media screen and (max-width:640px){
	/* ¿ª´ëÇб³Àå */
	.president{ display:block; }
    .president .wrap{ width:100%; }
    .president .wrap:nth-of-type(even){ margin-left:0%;}
}

@media screen and (max-width:480px){
	/* ¿ª´ëÇб³Àå */
	.president .wrap img { margin:1.5rem 0; left:50%; transform:translateX(-50%); }
	.president ul { padding:8.5rem 1.5rem 1.5rem; float:none; }
}

@media screen and (max-width:340px){ 
    /* ¿ª´ëÇб³Àå */
    .president li {  display: inline-block;}
}