@charset "utf-8";

#campusMap .menuTab_temp ul {display:flex;flex-wrap:wrap;}
#campusMap .menuTab_temp ul li{margin:2px;}
#campusMap .menuTab_temp ul li a{display:block;width:100%;padding:15px 25px;text-align:center;background:#FFF;border:1px solid #DDD;}
#campusMap .menuTab_temp ul li a:hover{background:#464646;border-color:#464646;color:#FFF;}
#campusMap .menuTab_temp ul li a._active{background:#0079F4;border-color:#0079F4;color:#FFF;}

#campusMap .biulding_con{padding:50px 30px;background:#fafafa;overflow:hidden;margin-top:20px;}
#campusMap .biulding_con .map,
#campusMap .biulding_con .con{box-sizing:border-box;}
#campusMap .biulding_con .map{width:100% !important;height:580px !important;border:3px solid #EEE;margin:0 auto;}
#campusMap .biulding_con .map .mapInfo{text-indent:-9999px;}
#campusMap .biulding_con .map img{width:100%}

#campusMap .biulding_con .con{overflow:hidden;width:100%;margin-top:30px;display:flex;justify-content:space-between;}
#campusMap .biulding_con .con .pic{position:relative;width:350px;margin-right:30px;text-align:center;}
#campusMap .biulding_con .con .pic img{max-width:100%;}
/*
#campusMap .biulding_con .con .pic:before{content:"";display:block;width:100%;height:100%;background:#EEE;position:absolute;top:10px;left:10px}
#campusMap .biulding_con .con .pic:after{content:"";display:block;width:calc(100% - 10px);height:calc(100% - 10px);background:url(/sites/guide/images/pattern_1.png);position:absolute;top:0;left:0}
*/
#campusMap .biulding_con .con .txt{width:calc(100% - 380px);}
#campusMap .biulding_con .con .txt ul{margin:0 !important;padding:25px !important;border: 0 !important;font-size: 16px !important;font-family: "Noto Sans KR", sans-serif;width: auto !important;display:flex;flex-wrap:wrap;}
#campusMap .biulding_con .con .txt li{font-size: 15px !important;width:33.3%;}

@media only screen and (max-width:1280px){
	#campusMap .biulding_con .con .txt li{width:50%;}
}
@media only screen and (max-width:1024px){
	#campusMap .menuTab_temp ul li a{padding:10px 20px;font-size:14px;}
}
@media only screen and (max-width:768px){
	#campusMap .menuTab_temp ul li a{padding:5px 10px;font-size:13px;}

	#campusMap .biulding_con{padding:0;background:none}
	#campusMap .biulding_con .map{width:100% !important;height:300px !important;}
	#campusMap .biulding_con .con{flex-wrap:wrap;}
	#campusMap .biulding_con .con .pic,
	#campusMap .biulding_con .con .txt{width:100%;}
	#campusMap .biulding_con .con .pic{margin-right:0;}
}
@media only screen and (max-width:420px){
	#campusMap .biulding_con .con .txt li{width:100%;}
}