@charset "utf-8";

/*탭메뉴_위젯용**********/
	#tabNav_building{position:relative;}
	#tabNav_building nav ul{margin-bottom:40px;overflow:hidden;}
	#tabNav_building nav ul li{float:left;}
	#tabNav_building nav ul a{display:block;margin:2px;position:relative;box-sizing:border-box;height:48px;padding:9px 12px;border:1px solid #bfbfbf;font-size:15px;font-weight:400;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	#tabNav_building nav ul a:before{content:"";display:block;width:8px;height:12px;background:url(/sites/guide/images/bul_tabNav_2.png);position:absolute;top:calc(50% - 6px);right:12px;}
	/*ACTIVE*/
	#tabNav_building nav ul li a:hover,
	#tabNav_building nav ul li a:focus{color:#FFF;background:#bfbfbf;}
	#tabNav_building nav ul li a:hover:before,
	#tabNav_building nav ul li a:focus:before{background:url(/sites/guide/images/bul_tabNav.png);}
	#tabNav_building nav ul li a.active{color:#FFF;background:#00838F;border:1px solid #00838F;}
	#tabNav_building nav ul li a.active:before{background:url(/sites/guide/images/bul_tabNav.png);}
	
	/*DIVIDE*/
	#tabNav_building nav ul li{width:25%;}
	@media only screen and (max-width:840px){
		#tabNav_building nav ul li{width:33.3%;}
		#tabNav_building nav ul a{font-size:13px;padding:9px 5px;}
	}
	@media only screen and (max-width:570px){
		#tabNav_building{display:block !important;}
		#tabNav_building nav ul li{width:50%;}
	}


/*내용**********/
	.buildingWrap{}
	.buildingWrap .biulding_con{margin-top:40px;padding-top:45px;overflow:hidden;background:url(../images/pattern_1.png) repeat-x left top;}
	.buildingWrap .biulding_con .map{width:60%; height:400px; overflow:hidden;float:left;}
	.buildingWrap .biulding_con .map img{width:100%;}
	.buildingWrap .biulding_con .con{width:38%;float:right; height:400px; border-bottom:1px solid #eaeaea;}
	.buildingWrap .biulding_con .con img{display:block;max-width:100%;margin-bottom:15px;}
	.buildingWrap .biulding_con .con ul{overflow-x:hidden;overflow-y:auto;height:212px;}
	.buildingWrap .biulding_con .con ul li{font-size:14px;padding-left:25%;padding-right:10px; position:relative;}
	.buildingWrap .biulding_con .con ul li span{display:block;position:absolute;left:0; font-weight:400;}

	@media only screen and (max-width:820px){
		.buildingWrap .biulding_con .map{width:100% !important;float:none;}
		.buildingWrap .biulding_con .con{width:100%;float:none;overflow:hidden;margin-top:10px; height:183px; }
		.buildingWrap .biulding_con .con img{max-width:50%;float:left;}
		.buildingWrap .biulding_con .con ul{width:48%;float:right;}
	}

	@media only screen and (max-width:700px){
		.buildingWrap .biulding_con{}
		.buildingWrap .biulding_con .con{height:auto; }
		.buildingWrap .biulding_con .con img{width:100%;max-width:100%;float:none; margin:0 auto 15px auto;}
		.buildingWrap .biulding_con .con ul{width:100%;float:none;height:200px; border-top:2px solid #3a3a3a;}
	}