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



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

	/* 공통 영역 */

	
	.sitemap									{ padding: 130px 0 100px 460px; background: url(../../images/common/icon_sub.png) no-repeat 250px 250px;}
	.sitemap .box								{ background: url(../../images/sitemap/bg.jpg) no-repeat right bottom;}
	.sitemap .box ul							{ background: url(../../images/sitemap/dot_line.gif) repeat-x left top;}
	.sitemap .box ul li							{ padding: 30px 0 25px 30px; background: url(../../images/sitemap/dot_line.gif) repeat-x left bottom;}
	.sitemap .box ul li strong					{ display: inline-block; width: 150px;}
	.sitemap .box ul li a						{ display: inline-block; padding-bottom: 3px; width: 140px; text-decoration: none; font: normal 14px "Tahoma", "Nanum Gothic";color: #666;}
	.sitemap .box ul li a:hover					{ text-decoration: underline; color: #ff6600;}
	
	
	



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

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.sitemap								{ padding: 180px 15px 100px 15px; background: url(../../images/common/icon_sub.png) no-repeat 15px bottom;}
 
    }


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

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

    @media only screen and (min-width: 400px) and (max-width: 767px) {
		
		
		.sitemap								{ padding: 100px 10px 100px 10px; background: url(../../images/common/icon_sub.png) no-repeat 10px bottom;}
		.sitemap .box ul li						{ padding: 20px 0 15px 15px;}
		.sitemap .box ul li strong				{ display: block;}
		.sitemap .box ul li a					{ width: 90px;}

		
    }
	
	
/*  #Mobile (Portrait)
================================================== */

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

    @media only screen and (max-width: 399px) {
		
		.sitemap								{ padding: 100px 10px 100px 10px; background: url(../../images/common/icon_sub.png) no-repeat 10px bottom;}
		.sitemap .box ul li						{ padding: 20px 0 15px 15px;}
		.sitemap .box ul li strong				{ display: block;}
		.sitemap .box ul li a					{ width: 90px;}
		
		
    }