/* 학교 정보 한눈에 보기 */

.info_cont{
    display: flex;
    max-width: 1500px;
    margin: 0px auto;
    margin-top: 25px;
    height: 700px;
    background: url(../img/main_info_bg_2_new.jpg)center top repeat-y;
    border-radius: 6px;
}

.cont{position: relative;width: 1070px; margin: 0 auto;padding-bottom: 0px; border: 0px solid red;}
.row_wr{width:100%}
.row{display: flex;justify-content: center;width: 100%;}
.row_img{display: flex;justify-content: center;width: 100%;}
.row img{width: 750px;}
.row:nth-child(1){padding-top: 25px;}
.row:nth-child(2){padding-top: 25px;}
.row:nth-child(3){padding-top: 25px;}
.row_m{display:none;}

.top_left{display: inline-block; width: 73%;}
.top_left img{padding: 0px 15px;}
.top_right{display: inline-block; width: 24%;}

/* icon box */
.main_Ibox{width: 245px;height : 200px;border : 3px solid #fff;border-radius:16px;overflow:hidden;margin: 0px 15px;}
.main_Ibox div { float: left; width : 100%; height: 200px; position: relative;overflow: hidden; display: block;}
.main_Ibox div > div.mib_con  {width : 100%; height: 400px; position: absolute; top:0; left: 0; transition: all 0.5s ease}
.main_Ibox div > div.mib_con > .mib_top,
.main_Ibox div > div.mib_con > .mib_bottom {height: 200px;position: relative;width: 100%;display: table;}
.main_Ibox > div:hover > div.mib_con {top:-200px;}

.mib-01 .mib_bottom {background:#fff;}
.mib-02 .mib_bottom {background:#fff;}
.mib-03 .mib_bottom {background:#fff;}
.mib-04 .mib_bottom {background:#fff;}
.mib-05 .mib_bottom {background:#fff;}
.mib-06 .mib_bottom {background:#fff;}
.mib-07 .mib_bottom {background:#fff;}
.mib-08 .mib_bottom {background:#fff;}
.mib-09 .mib_bottom {background:#fff;}
.mib-10 .mib_bottom {background:#fff;}
.mib-11 .mib_bottom {background:#fff;}

i.icon {position: absolute; left:50%; margin-left : -50px; bottom:0px; background:url(../img/main_info_icons2.png) no-repeat; display: block; width: 100px; height: 100px;}
.mib-01 i.icon {bottom : 5px; background-position: 0 0;}
.mib-02 i.icon {background-position: -100px 0px;}
.mib-03 i.icon {background-position: -200px 0;}
.mib-04 i.icon {background-position: -300px 0;}
.mib-05 i.icon {background-position: 0px -100px;}
.mib-06 i.icon {background-position: -100px -100px;}
.mib-07 i.icon {background-position: -200px -100px;}
.mib-08 i.icon {background-position: -300px -100px;}
.mib-09 i.icon {background-position: 0px -200px;}
.mib-10 i.icon {background-position: -100px -200px;}
.mib-11 i.icon {background-position: -200px -200px;}

.mib_top {text-align : center;}
.mib_top div {display: inline-block; padding: 20px 0px; color:#fff; font-size:15px; letter-spacing: -0.025em; line-height: 1.4}
.mib_top div p {display: inline-block;vertical-align: 0;font-size: 32px; font-weight: bold;}



.mib_bottom {text-align: center; display: table;}
.mib_bottom p {/* padding: 55px 0px; */bottom : 0px;color:#333;font-size:15px;letter-spacing: -0.025em;line-height: 1.4;display: table-cell;/*vertical-align: middle;*/}

.mib-01 .mib_bottom p {padding: 50px 0;}
.mib-04 .mib_bottom p {padding: 50px 0}
.mib-07 .mib_bottom p {padding: 50px 0;}
.mib-08 .mib_bottom p {padding: 50px 0;}
.mib-09 .mib_bottom p {padding: 45px 0;}
.mib-10 .mib_bottom p {padding: 50px 0;}
.mib-11 .mib_bottom p {padding: 50px 0;}
.mib-06 .mib_bottom p {padding: 50px 0;}
.mib-05 .mib_bottom p {padding: 15px 0;}
.mib-02 .mib_bottom p {padding: 50px 0;}

.mib_bottom p strong {display: inline-block;font-size: 22px; font-weight: bold;}

/* row 시작 */
.row_item{display:inline-block;width: 24%;}

@media screen and (max-width:1070px){
    .info_cont {height:700px}
    .row:nth-child(1) img{width:700px;height:175px;margin: 0 auto;}
    .main_Ibox{width:230px;height: 194px;}
}

@media screen and (max-width:970px){
	.info_cont {height: 1115px;background: url(../img/main_inf_bg_2_m.jpg)center top repeat;}
	.info_text {width:600px; height:170px}
    .row{display:none;}
	.row_m{display: block;width: 100%;text-align: center;padding-right: 10%;}
	.row_m .row_item{margin: 20px}
	.mib-09 .mib_bottom p{padding: 8px 0px !important; font-size: 13px;}
	
}

@media screen and (max-width:880px){
	.info_cont {height: 935px;background: url(../img/main_inf_bg_2_m.jpg)center top repeat;}
	.main_Ibox{width: 170px;height: 155px;}
	i.icon {display:none;}
	.info_text {width:600px;height:150px;margin: 0 auto;}
	.row_m .row_item{margin: 20px}
	/* .row_last p{padding: 25px 0px !important;} */
	.mib_bottom p strong {font-size: 15px;}
	.mib-10 .mib_bottom p {padding: 10px 0 }
	.mib-11 .mib_bottom p {padding: 5px 0 }
}

@media screen and (max-width:800px){
	#sector3{background: url(../img/main_info_bg_2_new.jpg)center top repeat-y;}
	.info_cont {/* height:800px; */}
	.main_Ibox{width: 170px;height: 155px;}
	i.icon {display:none;}
	.info_text {width:600px;height:150px;margin: 0 auto;}
	.row_m .row_item{margin: 20px}
	.row_last p{padding: 25px 0px !important;bottom: 0px;color: #333;font-size: 15px;letter-spacing:-0.025em;line-height: 1.4;}
}

@media screen and (max-width: 670px){
	.info_cont {height: 960px;background: url(../img/main_inf_bg_2_m.jpg)center top repeat;}
	.info_text {width:450px;height:130px;margin: 30px auto;}
	.row_m .row_item{margin: 20px 40px;}
	.row_m .row_item:nth-child(2){margin: 20px 60px;}
}

@media screen and (max-width:470px){
	/*.info_cont{display:none;}*/
	.info_cont {height: 940px;background: url(../img/main_inf_bg_2_m.jpg)center top repeat;}
	.info_text {width:380px;height:100px;margin: 30px auto;}
	.row_m{margin-right:0%;padding-right: 15%;}
	.mib_bottom p{padding: 25px 0px !important;}
	.row_m .row_item {margin: 0px 20px;}
	
	.mib-11 .mib_bottom p{padding: 0px 0px !important;}
	.mib-10 .mib_bottom p{padding: 00px 0px !important; font-size:13px;}
	.mib-09 .mib_bottom p{padding: 3px 0px !important;}
	
	.mib-11 .mib_bottom p strong {font-size: 15px;}
	.mib-10 .mib_bottom p strong {font-size: 15px;}
}

@media screen and (max-width:440px){
		.info_cont {height: 890px;background: url(../img/main_inf_bg_2_m.jpg)center top repeat;}
	.info_text {width:330px;height:90px;margin: 30px auto;}
	.main_Ibox {width: 145px;height: 140px;}
	.row_m {margin-right: 0%;padding-right: 13%;}
}

@media screen and (max-width:363px){
	.info_text {width:330px;height:90px;margin: 30px auto;}
	.main_Ibox {width: 138px;height: 130px;}
	.row_m {margin-right: 0%;padding-right: 13%;}
	.row_m .row_item {margin: 0px 10px;}
}