@charset "utf-8";

/*탭메뉴_위젯용**********/
	#tabNav_building{position:relative;}
	#tabNav_building nav ul{margin-bottom:40px;font-size: 0;}
	#tabNav_building nav ul li{width: 24.25%; display: inline-block; vertical-align: top; margin-right: 1%; margin-bottom: 0.8%;}
	#tabNav_building nav ul li:nth-child(4n){margin-right: 0;}
	#tabNav_building nav ul a{position: relative; display: block; font-size: 14px; padding: 10px 30px 10px 15px; line-height: 1.25; background: #f0f0f0; margin-right: -1px;margin-top: -1px;}
	#tabNav_building nav ul a:after{content: ""; display: block; width: 6px; height: 11px; background: url(/sites/guide/images/arrow_12_r_g.png); position: absolute; right: 15px; top: calc(50% - 5.5px);}
	/*ACTIVE*/
	#tabNav_building nav ul li a:hover{color:#FFF;background:#bfbfbf;}
	#tabNav_building nav ul li a:hover:after{background:url(/sites/guide/images/bul_tabNav.png);}
	#tabNav_building nav ul li a.active{background: #3399CC; color: #FFF;}
	#tabNav_building nav ul li a.active:after{background: url(/sites/guide/images/arrow_12_r_w.png);}
	
	/*DIVIDE*/
	@media only screen and (max-width:740px){
		#tabNav_building nav ul li{width:32.66%;}
	#tabNav_building nav ul li:nth-child(4n){margin-right: 1%;}
	#tabNav_building nav ul li:nth-child(3n){margin-right: 0;}
	}
	@media only screen and (max-width:480px){
		#tabNav_building{display:block !important;}
		#tabNav_building nav ul li{width:49.5%;}
	#tabNav_building nav ul li:nth-child(3n){margin-right: 1%;}
	#tabNav_building nav ul li:nth-child(2n){margin-right: 0;}
	}


/*내용**********/
	.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% !important; 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{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:1130px){
		.buildingWrap .biulding_con .map{width:100% !important;float:none;}
		.buildingWrap .biulding_con .con{width:100%;float:none;overflow:hidden;margin-top:10px; height:auto; text-align:center;}
		.buildingWrap .biulding_con .con img{max-width:100%;}
		/*
		.buildingWrap .biulding_con .con ul{width:48%;float:right;}
		*/
	}