@charset "utf-8";

/* 역대총장02 */
.histPresident_02 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; column-gap:2%; row-gap:20px;  }
.histPresident_02 > .item { flex: 1 0 48%; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; border:1px solid #d4d4d4; } 
.histPresident_02 > .item.bdrNone { border:none; }
.histPresident_02 > .item > .photo { flex: 0 0 255px; width:100%; background:#eee url("/sites/kor/images/sub/histPresident_bg_05.png") no-repeat right bottom; display:flex; justify-content:center; align-items:center; position:relative; }
.histPresident_02 > .item > .photo::before { content:""; position:absolute; width:8px; height:65px; top:35px; left:55px; background:url("/sites/kor/images/sub/histPresident_bg_07.png") no-repeat center center; }

.histPresident_02 > .item > .cont { flex: 0 0 calc(100% - 255px); padding:20px 25px; position:relative; }
.histPresident_02 > .item > .cont > .tit { font-size:19px; font-weight:bold; color:#222; font-family:'Dream Medium'; }
.histPresident_02 > .item > .cont > .nm { font-size:30px; font-weight:bold; color:#0c3274; font-family:'Dream Bold'; position:relative; padding-bottom:10px; }
.histPresident_02 > .item > .cont > .nm::after { content:""; width:115%; height:2px; background:url("/sites/kor/images/sub/histPresident_bg_08.png") no-repeat center center; background-size:cover; position:absolute; left:-15%; bottom:0; }
.histPresident_02 > .item > .cont > .histPresidentBtn { content:""; position:absolute; text-indent:-9999px; font-size:0; width:56px; height:56px; background:url("/sites/kor/images/sub/histPresident_detail_btn.png") no-repeat center center; top:20px; right:20px; }

.histPresident_02 > .item > .cont > .histList { list-style:none; margin-top:20px; }
.histPresident_02 > .item > .cont > .histList > li { padding-left:12px; color:#0c3274; font-family:'Dream Regular'; font-size:17px; color:#000; position:relative; }
.histPresident_02 > .item > .cont > .histList > li::before { position:absolute; content:""; width:5px; height:5px; border-radius:10px; background:#0c3274; left:0; top:50%; transform:translateY(-50%); }
.histPresident_02 > .item > .cont > .histList > li > span { font-size:17px; font-family:'Dream Bold'; display:inline-block; min-width:70px; color:#0c3274; }
@media only screen and (max-width:1024px) {
	.histPresident_02 { column-gap:0; }
	.histPresident_02 > .item { flex:1 0 100%; }
}  
@media only screen and (max-width:768px) {
	.histPresident_02 > .item { flex-wrap:wrap; }
	.histPresident_02 > .item > .photo { flex-basis:110px; background:none; }
	.histPresident_02 > .item > .photo::before { display:none; }
	.histPresident_02 > .item > .cont { flex-basis:calc(100% - 110px); padding:10px; }
	.histPresident_02 > .item > .cont > .tit { font-size:18px; }
	.histPresident_02 > .item > .cont > .nm { font-size:20px; }
	.histPresident_02 > .item > .cont > .nm::after { width:100%; left:0; }
	.histPresident_02 > .item > .cont > .histPresidentBtn { top:10px; }
}

body.sub .popPresident { display:none; }
body._editMode .popPresident { display:block !important; }
.popPresident { width:1000px; background-color:#f4f4f4; }
.popPresident .titWrap { display:flex; justify-content:space-between; align-items:center; background:url("/sites/kor/images/sub/histPresident_bg_06.png") no-repeat center center; background-size:cover; height:65px; padding:0 20px; }
.popPresident .titWrap .tit { color:#fff; font-family:'Dream Bold'; font-size:24px; }
.popPresident .contWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; column-gap:2%; padding:50px 40px; }
.popPresident .contWrap .cont1 { flex:0 0 44%; background:url("/sites/kor/images/sub/histPresident_bg_04.png") no-repeat right top; }
.popPresident .contWrap .cont2 { flex:0 0 54%; }
.popPresident .contWrap .cont2 > .item:nth-child(2) { margin-top:20px; }

.popPresident .contWrap .cont1 > .item:nth-child(1) { border-bottom:2px solid #092659; padding-bottom:20px; margin-bottom:20px; }
.popPresident .contWrap .cont1 > .item > dl { display:flex; justify-content:flex-start; align-items:flex-end; }
.popPresident .contWrap .cont1 > .item > dl dd { padding-left:30px; }
.popPresident .contWrap .cont1 > .item > dl .posi { font-family:'Dream Medium'; font-size:19px; color:#222; }
.popPresident .contWrap .cont1 > .item > dl .nm { font-family:'Dream Bold'; font-size:30px; color:#0c3274; }

.popPresident .contWrap .item { text-align:left; }
.popPresident .contWrap .item .subTit { color:#070707; font-size:22px; font-family:'Dream Bold'; padding-bottom:10px;  }
.popPresident .contWrap .item .histList { background-color:#fff; padding:15px; overflow-y:auto; min-height:120px; max-height:150px; }
.popPresident .contWrap .item .histList > li { font-size:14px; font-family:'Noto Regular'; color:#070707; }
.popPresident .contWrap .item .histList > li > span { font-family:'Noto Regular'; color:#0a285d; display:inline-block; padding-right:20px; }
@media only screen and (max-width:1200px) {
	.popPresident { width:100%; }
	.popPresident .contWrap .cont1 { flex:0 0 100%; }
	.popPresident .contWrap .cont2 { flex:0 0 100%; margin-top:20px; }
	.popPresident .contWrap .item .subTit { font-size:18px; }
}