/* Table of contacts
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

	/* 공통 영역 */
	.company_tit								{ width:100%; height:64px; background-color:#1ebefb; }
	.company_tit p								{ position:relative; height:100%; background:url(../images/client/blue_1.gif)no-repeat left center, url(../images/client/blue_2.gif)no-repeat right center; }
	.company_tit p span							{ position:absolute; top:19px; left:40px; font-family:'DIN 1451 Mittelschrift','Verdana', 'Geneva','sans-serif'; font-size:30px; color:#fff; }
	.client2									{ margin-top:65px;}
	.client2 .company_tit						{ background-color:#ff4500; }
	.client2 .company_tit p						{ background:url(../images/client/red_1.gif)no-repeat left center, url(../images/client/red_2.gif)no-repeat right center; }
	.client ul:after							{ clear: both; content: " "; display: block; height: 0; border-bottom: 4px solid #1ebefb; }
	.client2 ul:after							{ border-bottom: 4px solid #ff4500; }
	.client ul li								{ position:relative; float:left; width:33%; height:250px; border-right:1px dashed #cbcbcb; border-bottom:1px dashed #cbcbcb;}
	.client ul .b_line							{ border-right:0;}
	.client ul .b_last							{ border-bottom:0;}
	
	.logo_gray									{ position:absolute; top:0; left:0;}
    .logo_col									{ position:absolute; top:0; left:0; opacity:0;}
	.logo_gray:hover							{ opacity:0;}
	.logo_col:hover								{ opacity:1;}
	
	
	
	/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	.client ul li								{ width:49%; height:250px;}
	.client ul li img							{ width:100%; height:99%;}
	.client ul .b_line							{ border-right:1px dashed #cbcbcb;}
	.client ul .mobile_line						{ border-right:0;}
	.client ul .b_last							{ border-bottom:1px dashed #cbcbcb;}
	.client ul .m_last							{ border-bottom:0;}
	}


/* #Mobile (Landscape)
================================================== */
 
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 400px) and (max-width: 767px) {
	.company_tit p span							{ left:35px; font-size:25px; }
	.client ul li								{ width:49%; height:200px;}
	.client ul li img							{ width:100%; height:99%;}
	.client ul .b_line							{ border-right:1px dashed #cbcbcb;}
	.client ul .mobile_line						{ border-right:0;}
	.client ul .b_last							{ border-bottom:1px dashed #cbcbcb;}
	.client ul .m_last							{ border-bottom:0;}
    }
	
	
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 399px */

    @media only screen and (max-width: 399px) {
	.company_tit p span							{ left:26px; font-size:22px; }
	.client ul li								{ width:49%; height:150px;}
	.client ul li img							{ width:100%; height:99%; }
	.client ul .b_line							{ border-right:1px dashed #cbcbcb;}
	.client ul .mobile_line						{ border-right:0;}
	.client ul .b_last							{ border-bottom:1px dashed #cbcbcb;}
	.client ul .m_last							{ border-bottom:0;}
    }