/* CSS Document */

/* 메인슬라이드 */
#main_flash { overflow:hidden; border-bottom:1px solid #e2e2e2;}
	#main_flash .main_img { width:100%; overflow:hidden }
	#main_flash .main_img img { width:100%; }
	
/* 내용 */
	
@media only screen  and (min-width: 200px) {
	#contents { overflow:hidden;}
	
	#contents .con { width:100%; float:none; overflow:hidden; padding:0; font-size:0.9em;}
	#contents .con .img_c {
			width:100%;
			float:none; 
			overflow:hidden;
			text-align:center; 
			color:#fff; 
			font-size:1.2em; 
			font-weight:bold; 
			line-height:1em;
			padding-bottom:10px;
	}
	
	
	#contents .con .img_c img { display:none;}
	
	#contents .con .text_c { width:75%; float:left; height:100%;}
	#contents .con .text_c li { list-style:none; padding:0; font-size:0.95em; word-spacing:-2px; line-height:1.6em; }
	#contents .con .text_c li span { font-weight:bold;}
	
	#contents .con_1 { border-bottom:1px solid #E3E3E3;}
	#contents .con_1 .img_c { background:#b20a0a;}
	#contents .con_1 .text_c { padding:5%;}
	
	#contents .con_2 .img_c { background:#3f3f3f;}
	#contents .con_2 .text_c { padding:5%;}
	#contents .con_2 .text_c p span { font-weight:bold; }
	#contents .con_2 .text_c a { color:#b20a0a; text-decoration:underline; font-size:1.1em; font-weight:bold;}
}	
 
@media only screen and (min-width: 480px) {
	
	#contents .con .img_c {
			width:25%;
			float:left; 
			overflow:hidden;
			padding:7.1% 0;
			text-align:center; 
			color:#fff; 
			font-size:1.2em; 
			font-weight:bold; 
			line-height:2em;
	}
	#contents .con .img_c img { width:30%; height:auto; display:inline;}
	#contents .con .text_c { width:75%; float:left; height:100%; font-size:1.1em; }
	
	
	/*#contents .con_1 .text_c { padding:7.1% 0; padding-left:5%; }
	#contents .con_2 .text_c { padding:8.1% 0; padding-left:5%; }
	*/
	#contents .con_1 .text_c { padding:5.1% 0 0 5%;}
	#contents .con_2 .text_c { padding:8.1% 0 0 5%;  }
}

@media only screen and (min-width: 768px) {
	#contents .con { width:50%; float:left; overflow:hidden; padding:0;}
	#contents .con_1 { border-bottom:none;}
	
	#contents .con .img_c { width:33.33333333333%;}
	#contents .con .img_c img { width:auto;}
	#contents .con .text_c { width:66.66666666667%; float:left; font-size:1.0em; }
	#contents .con .text_c li { list-style:none; padding:0; font-size:0.95em; word-spacing:-2px; line-height:1.9em; }
}
    
@media only screen and (min-width: 970px) {
	#contents .con { width:50%; float:left; overflow:hidden; padding:0;}
	#contents .con_1 { border-bottom:none;}
	
	#contents .con .img_c { width:33.33333333333%;}
	#contents .con .img_c img { width:auto;}
	#contents .con .text_c { width:66.66666666667%; float:left; font-size:1.0em; }
	#contents .con .text_c li { list-style:none; padding:0; font-size:0.95em; word-spacing:-2px; line-height:1.9em; }
}
    
@media only screen and (min-width: 1170px) {	
	#contents .con { width:50%; float:left; overflow:hidden; padding:0;}
	#contents .con_1 { border-bottom:none;}
	
	#contents .con .img_c { width:33.33333333333%;}
	#contents .con .img_c img { width:auto;}
	#contents .con .text_c { width:66.66666666667%; float:left; font-size:1.1em; }
	#contents .con .text_c li { list-style:none; padding:0; font-size:1.1em; word-spacing:-2px; line-height:1.9em; }
		#contents .con .text_c li span { font-size:0.8em;}
}		


/* 포트폴리오 */

#portfolio { margin-bottom:15px;}

.p_img { position:relative; z-index:1;}
	.p_img div { position:absolute; z-index:999; top:0; left:0; display:block; width:100%; height:100%;}
		.photo span { display:block; width:100%; text-align:center; padding:0 0 15px 0;}


#portfolio .port_tab li { background:#fff; color:#000; border:1px solid #d1d1d1;}
	#portfolio .port_tab li.active { background:#b20a0a; color:#fff; border:1px solid #b20a0a;}
		#portfolio .port_tab li.active a span { color:#fff;}

	#portfolio_list ul#gallery li:hover .link { display:block; position:absolute; z-index:999999; top:35%; left:0; }
	#portfolio_list ul#gallery li:hover .p_img { background:url(../images/info_bg.jpg) repeat;}
		#portfolio_list ul#gallery li:hover .p_img div { opacity:0.2;}



@media only screen  and (min-width: 200px) {
	#portfolio { background:#f4f4f4;}
	#portfolio h3 { margin:0; padding:0; text-align:center; padding-top:5%; font-size:2.0em; }
	#portfolio p { text-align:center; font-size:0.7em; }
	
	/* 탭 */
	#portfolio .port_tab { width:98%; margin:auto; overflow:hidden; min-height:40px; margin-top:20px; font-size:0.8em; word-spacing:-1px; }
	#portfolio .port_tab li { float:left; width:25%; margin-right:0%; margin-bottom:0%; background:#fff; text-align:center; padding:5px; border:1px solid #d1d1d1; border-radius:0px; position:relative; cursor:pointer;}
	#portfolio .port_tab li:last-child { margin-right:0; border-right:1px solid #d1d1d1; }
	#portfolio .port_tab li a { text-decoration:none; }		
		
	/* 본문 */
	#portfolio .port_b ul { overflow:hidden; width:100%; margin:auto; margin-top:30px;}
	#portfolio .port_b ul li { float:left; width:48%; overflow:hidden; margin:auto; margin-bottom:20px; text-align:center; position:relative; font-size:0.8em;}
	#portfolio .port_b ul li .p_img { background:#000; margin-bottom:5px; }
	#portfolio .port_b ul li .p_img img { width:100%;}
	
	#portfolio .port_b ul li .link { position:absolute; text-align:center; width:100%; top:35%; display:none; }
	#portfolio .port_b ul li .link img { width:15% }
	
}	
 
@media only screen and (min-width: 480px) {
	#portfolio p { text-align:center; font-size:1.0em; }

	#portfolio .port_tab { width:80%; margin:auto; overflow:hidden; min-height:40px; margin-top:20px; font-size:1em;  }
	#portfolio .port_tab li { float:left; width:13%; margin-right:1%; background:#fff; text-align:center; padding:5px; border:1px solid #d1d1d1; border-radius:50px; position:relative; cursor:pointer; }
	#portfolio .port_tab li .p_point { width:0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #b20a0a; position:absolute; bottom:-10px; left:44%; display:none;}
		
	#portfolio .port_b ul li{ font-size:1em; width:48%; margin:0 1%;}

}

@media only screen and (min-width: 768px) {
	#portfolio h3 { margin:0; padding:0; text-align:center; padding-top:3%; font-size:2.6em; }
	#portfolio .port_b ul li { width:31%; margin:0 1%;  }
}
    
@media only screen and (min-width: 970px) {
}

    
@media only screen and (min-width: 1170px) {	
}