/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/


@media screen and (min-width: 768px) and (max-width: 1340px)
{
    #main_canvas
	{
		height: auto !important;
		padding: 10% 0 !important;
	}
    .section
    {
        padding: 4% 10% !important;
    }
    .JC_font 
    {
        padding: 4% !important;
    }
    /* 오시는길 */
    .location_wrap .location_inner li.RightBox .contents 
    {
        padding-left: 30px !important;
    }
}

@media screen and (min-width: 768px) and (max-width:992px)
{
    /* 회사소개 */
    .section02_font_wrap 
    {
        padding: 4% 0 0 0 !important;
    }            
    .section2_right_font h2 
    {
        padding-left: 20px !important;
    }
    
    /* 오시는길 */
    .location_wrap .location_inner li.RightBox .contents 
    {
        padding-left: 20px !important;
    }
    
    /* CF */
     .Advertising_wrap .Advertising_inner li.CenterBox
    {
        display:none;
    }
    .Advertising_wrap .Advertising_inner li
    {
        float: none !important;
        width: 100% !important;
    }
    
}



@media screen and (max-width:767px)
{
	#main_canvas
	{
		height: auto !important;
		padding: 10% 0 !important;
	}

	.JC_font
	{
		padding: 4% !important;
	}
	
	.JC_font h1 
	{
        font-size: 40px !important;
		margin:0 !important;
	}

	.JC_font h2
	{
		padding: 0 !important;
		width: 50px !important;
		border-bottom: 5px solid #e4002b !important;
	}
	
	.JC_font h3
	{
		padding: 0 !important;
		font-size: 20px !important;
	}

	.JC_font h4
	{
		font-size: 14px !important;
	}
	
	.section 
	{

        padding: 4% 10% !important;
	}
	.JC_title h1 
	{
		font-size: 32px !important;
	}
    .product_wrap .detail .title_right
    {
        padding: 0 !important;
    }
    
    /* 회사소개 */
    .section02_font_wrap 
    {
        padding: 4% 0 0 0 !important;
    }
    
    .section2_right_font h2 
    {

        padding-left: 20px !important;
        font-size: 17px !important;

    }
    .section2_left_font h2 
    {    
        font-size: 17px !important;
        padding-top: 9px !important;
    }
    .category_jy_title_icon 
    {
        height: 15px !important;
    }
    
    /* 오시는길 */
    .location_wrap .location_inner li.RightBox .contents 
    {
        padding-left: 20px !important;
    }  
    
    /* CF */
     .Advertising_wrap .Advertising_inner li.CenterBox
    {
        display:none;
    }
    .Advertising_wrap .Advertising_inner li
    {
        float: none !important;
        width: 100% !important;
    }
    
}

@media screen and (max-width:414px)
{
    
    #content .CI_BI .box_wrap .color_box img 
    {
        margin-top: 7px !important;
        float: none !important;
    }
    #content .CI_BI .box_wrap .color_box ul 
    {
        padding: 0 !important;
        margin: 10px 0 0 0 !important;
        float: none !important;
    } 
    .JC_title h1 
    {
        font-size: 27px !important;
    }
    .section01_sub_cont h4
    {
        font-size: 16px !important;
    }
    .section01_sub_title h1 
    {    
        font-size: 24px !important;
    }
    .section01_sub_title 
    {
        padding-top: 0 !important;
    }
    
    /* 오시는길 */
    
    .location_wrap .location_inner.first
    {        
        margin-top: 50px !important;
    }
    .location_wrap .location_inner li
    {
        float: left;
    }
    .location_wrap .location_inner li.LeftBox
    {
        width: 100% !important;
    }
    .location_wrap .location_inner li.CenterBox
    {
        display:none;
    }
    .location_wrap .location_inner li.RightBox
    {
        width: 100% !important;
    }
    .location_wrap .location_inner li.RightBox .contents
    {
        padding-left: 0 !important;
    }
    .location_wrap .location_inner li div.mapbox.img
    {
        height: auto !important;
    }
    
        
    

    
}