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



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

	/* 공통 영역 */
	.client									{ padding: 130px 0 50px; background: url(../../images/common/icon_sub.png) no-repeat right 610px;}
	.client .box							{ padding-left: 75px;}
	.client h3								{ margin-left: 275px; margin-bottom: 30px;}
	.client ul								{ margin-bottom: 35px;}
	.client ul:after						{ clear: both; content: ""; display: block;}	
	.client li								{ display: inline-block; float: left; width: 270px;}		
	.client li.right						{ float: right; width: 204px !important;}
	.client li p							{ padding: 3px 0 35px; font: normal 14px "Tahoma"; color: #878787; line-height: 15px;}	
	



/* #Tablet (Portrait)
================================================== */

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.client								{ padding: 150px 0 30px; background: url(../../images/common/icon_sub.png) no-repeat right 60px;}
		.client .box						{ padding-left: 15px;}
		.client h3							{ margin-left: 0;}
		.client li.empty					{ display: none;}
		.client li							{ width: 235px;}		
		.client li.right					{ float: left; width: 235px !important;}
		
    }


/* #Mobile (Landscape)
================================================== */

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

    @media only screen and (min-width: 400px) and (max-width: 767px) {
		
		.client								{ padding: 100px 0 30px; background: url(../../images/common/icon_sub.png) no-repeat right bottom;}
		.client .box						{ padding-left: 15px;}
		.client h3							{ margin-left: 0; margin-bottom: 15px; padding-left: 15px;}
		.client h3 img						{ height: 13px;}
		.client li.empty					{ display: none;}
		.client li							{ width: 50%;}		
		.client li.right					{ float: left; width: 50% !important;}
		.client li img						{ width: 90%;}
		.client li p						{ padding: 0 10px 15px 0; font: normal 11px "Tahoma", "Nanum Gothic"; color: #878787; line-height: 11px;}
		
		
		
    }
	
	
/*  #Mobile (Portrait)
================================================== */

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

    @media only screen and (max-width: 399px) {
		
		.client								{ padding: 100px 0 30px; background: url(../../images/common/icon_sub.png) no-repeat right bottom;}
		.client .box						{ padding-left: 15px;}
		.client h3							{ margin-left: 0; margin-bottom: 15px; padding-left: 15px;}
		.client h3 img						{ height: 13px;}
		.client li.empty					{ display: none;}
		.client li							{ width: 50%;}		
		.client li.right					{ float: left; width: 50% !important;}
		.client li img						{ width: 90%;}
		.client li p						{ padding: 0 10px 15px 0; font: normal 11px "Tahoma", "Nanum Gothic"; color: #878787; line-height: 11px;}	
		
    }