@charset "utf-8";

/* 학교안내도 */
.img_guide_map{position: relative;overflow-x:hidden}
.img_guide_map .btn_st{position: absolute;top:195px;width: 100%;text-align: center;}
.img_guide_map .btn_st a{padding: 8px 30px;}
.img_pc {display:block;}
.img_mo {display:none;}

/* 정보공개실 */
.sub_icon {background: url(/images/sch/schl/gonyang-p/sub/sub11_01_ico.png) no-repeat 32px center;border: 6px solid #e8edf3;padding: 25px 25px 25px 160px;margin-bottom: 20px;}
.sub_icon_txt{font-size: 18px;line-height: 1.2;font-family: "NotoM";color: #0c3477;margin-bottom: 10px;}

/* 곤양역사관 */
.font_NR14 {font-size:14px; line-height:1.5; font-family:"NotoR"; color:#222}
.font_NM14 {margin:5px 0 6px; font-size:14px; line-height:1.5; font-family:"NotoM"; color:#222}
.font_NM16 {margin:5px 0 6px; font-size:16px; line-height:1.6; font-family:"NotoM"; color:#222}
.font_NM24 {font-size:24px; line-height:1.5; font-family:"NotoM"; color:#125e96}
.syBox {overflow:hidden}
.syBox > .imgBox {float:left; width:200px; padding:10px 0; text-align:center; border:1px solid #ddd; background-color:#fff;}
.syBox > .imgBox.imgSize img {width:180px;}
.syBox > .txBox {float:right; width:520px; padding:10px 0}

/* 역대교장 */
.md_people {}
.md_people > ul {}
.md_people > ul > li {float:left; width:25%; min-height:235px; margin-bottom:20px; font-family:"NotoR";}
.md_people > ul > li > div {position:relative; padding:16px 15px 12px; margin:0 5px; border:1px solid #ccd0d7;}
.md_people > ul > li > div h3 {font-size:14px; font-family:"NotoM";}
.md_people > ul > li > div h4 {text-align:center; margin-bottom:5px;}
.md_people > ul > li > div p {text-align:center; font-size:13px}
.md_people > ul > li > div .photo {margin:5px 0; text-align:center; }
.itempsbx:before {content:""; width:28px; height:3px; background-color:#125fac; position:absolute; top:-1px; left:15px; }

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

/* 학교안내도 */
.img_guide_map .btn_st{top:175px;}

/* 곤양역사관 */
.syBox > .imgBox {float:none; width:100%;}
.syBox > .txBox {float:none; width:100%;} 

/* 역대교장 */
.md_people > ul > li {width:50%;}
}