@charset "utf-8";
/*내용*/
#campusMap .menuTab_temp nav > div > ul > li:first-child{border-top-left-radius:30px;border-bottom-left-radius:30px}
#campusMap .menuTab_temp nav > div > ul > li:last-child{border-top-right-radius:30px;border-bottom-right-radius:30px}

#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;float:left}
#campusMap .biulding_con .map{width:60% !important;height:480px !important;border:3px solid #EEE}
#campusMap .biulding_con .map .mapInfo{text-indent:-9999px;}
#campusMap .biulding_con .map img{width:100%}
#campusMap .biulding_con .con{overflow:hidden;width:calc(40% - 30px);margin-left:30px}
#campusMap .biulding_con .con .pic{padding-bottom:10px;padding-right:10px;position:relative}
#campusMap .biulding_con .con .pic img{display:block;position:relative;width:calc(100% - 10px)}
#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{margin-top:30px}
@media only screen and (max-width:768px){
	#campusMap .biulding_con{padding:0;background:none}
	#campusMap .biulding_con .map{width:100% !important;height:300px !important;}
	#campusMap .biulding_con .con{width:100%;margin-left:0;margin-top:20px}
	#campusMap .biulding_con .con .pic,
	#campusMap .biulding_con .con .txt{width:100%;float:none}
	#campusMap .biulding_con .con .pic{padding-bottom:0;margin-bottom:20px}
	#campusMap .biulding_con .con .pic img{width:100%}
	#campusMap .biulding_con .con .pic:before{display:none}
}

#campusMap .menuTab_temp ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
#campusMap .menuTab_temp ul li { flex: 0 1 16.6666%; }
#campusMap .menuTab_temp ul li a { display:block; width:100%; padding:15px 0; text-align:center;
  box-shadow: 
    1px 0 0 0 #ddd, 
    0 1px 0 0 #ddd, 
    1px 1px 0 0 #ddd,
    1px 0 0 0 #ddd inset, 
    0 1px 0 0 #ddd inset;
}
#campusMap .menuTab_temp ul li a._active{color:#fff; background: url(/sites/style_guide/images/common/pattern_4.png) center !important; }
#campusMap .menuTab_temp ul li a:hover {color:#fff; background:#0079F4}
@media only screen and (max-width:1300px){
	#campusMap .menuTab_temp ul li { flex: 0 1 20%; }
}
@media only screen and (max-width:800px){
	#campusMap .menuTab_temp ul li { flex: 0 1 25%; }
}
@media only screen and (max-width:700px){
	#campusMap .menuTab_temp ul li { flex: 0 1 33.333333%; }
}

@media only screen and (max-width:500px){
	#campusMap .menuTab_temp ul li { flex: 0 1 49%; }
}