

@media screen and (min-width: 1680px) {

}

@media screen and (min-width: 1440px) and (max-width: 1680px){
}

@media screen and (min-width: 1200px) and (max-width: 1440px){
	.menu_home							{ width:60px !important;  padding-top:0px; text-align: center !important;}
}



/* Desktop */
@media screen and (min-width: 992px) and (max-width: 1200px){
	.menu_home						{ width:60px !important;  padding-top:10px; text-align: center !important;}
	#subVisual							{ padding-top:40px !important;  }

}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 992px){

	.main_popup						{ left:0px !important; margin-left:0 !important; }
	
	/* ¸ÞÀÎ */
	.main_contents						{ margin-top:0px;}

	.main-visual							{ padding-top:0px; margin-top:0px; }
	#header_wrapper						{ height:80px !important; border-bottom:1px solid #aaa; box-shadow:2px 5px 7px #aaa;  opacity:1 !important; }
	#subContents						{ padding:0 10px; padding-top:0px; font-size:16px !important; letter-spacing:-1px; margin-top:50px; }
	#subTitleImg						{ margin-top:0px; padding-top:0px !important; }
	.sub_tab_area li						{ width:100%; }
	.subTitle							{ font-size:40px !important; }
	.contents_title						{ font-size:25px !important; }
	.contents_title_1						{ font-size:20px !important; }
	.contents_box						{ padding: 20px 5px !important; }


	/* ¼­ºêÅÇ */
	.sub_tab_area li a					{ padding:15px 25px !important }
	.sub_tab_area li a:hover				{ padding:15px 25px !important }
	.sub_tab_area li a.sub_tab_select			{ padding:15px 25px !important }
	
	#mobileTopMenu						{ padding:0px; padding-top:20px; width:100%; display:inline-block !important; background-color: initial;}
	#mobileTopMenu > ul > li:nth-child(1)		{ width:60%; text-align:left; padding-left:10px;}
	#mobileTopMenu > ul > li:nth-child(2)		{ width:40%; text-align:right; padding-right:20px;}

	#mobileTopMenu > ul > li:nth-child(1)  img	{ height:25px; }
	#mobileTopMenu > ul > li:nth-child(2)  img	{ height:15px; }


}


/* Mobile HD */
@media screen and (min-width: 420px) and (max-width: 768px){
	.main_popup						{ left:0px !important; margin-left:0 !important; }

	
	/* ¸ÞÀÎ */
	.main_contents						{ margin-top:0px;}

	.main-visual							{ padding-top:0px; margin-top:0px; }
	#header_wrapper						{ height:80px !important; border-bottom:1px solid #aaa; box-shadow:2px 5px 7px #aaa;  opacity:1 !important; }
	#subContents						{ padding:0 10px; padding-top:0px; font-size:16px !important; letter-spacing:-1px; margin-top:50px; }
	#subTitleImg						{ margin-top:0px; padding-top:0px !important; }

	#mobileTopMenu						{ padding:0px; padding-top:20px; width:100%; display:inline-block; background-color: initial;}
	#mobileTopMenu > ul > li:nth-child(1)		{ width:60%; text-align:left; padding-left:10px;}
	#mobileTopMenu > ul > li:nth-child(2)		{ width:40%; text-align:right; padding-right:20px;}

	#mobileTopMenu > ul > li:nth-child(1)  img	{ height:25px; }
	#mobileTopMenu > ul > li:nth-child(2)  img	{ height:15px; }
	#menu_area > ul > li > a				{ height:70px; font-size:15px; }
/*	#title_menu							{ width:180px !important; }*/

	.bottom_area li						{ float:left; width:100%; }
	.bottom_area li:first-child				{ padding:0 0 30px 0; text-align: center;}
	.bottom_area li:last-child				{ padding:0px 10px !important; }
	
	
	
	.main_popup						{ left:0px !important; margin:0px !important; }

}



/* Mobile LD */
@media screen and (max-width: 420px){

	.main_popup						{ left:0px !important; margin-left:0 !important; }
	.br								{ display:inline !important; }
	.br420							{ display:block; }
	.bottom_area						{ font-size:14px; padding-bottom:50px;}
	.intro-section						{ padding:0px; }
	.intro-section li { padding-bottom:0px; }

	.title		> h2						{ font-size:40px !important; letter-spacing:-1px;}
	.title		> span					{ font-size:15px !important; }

	/* ¸ÞÀÎ */
	.main_contents						{ margin-top:0px;}

	.main-visual							{ padding-top:0px; margin-top:0px; }
	#header_wrapper						{ height:80px !important; border-bottom:1px solid #aaa; box-shadow:2px 5px 7px #aaa;  opacity:1 !important; }
	#subContents						{ padding:0 10px; padding-top:0px; font-size:16px !important; letter-spacing:-1px; margin-top:50px; }
	#subTitleImg						{ margin-top:0px; padding-top:0px !important; }
	.sub_tab_area li						{ width:100%; }
	.subTitle							{ font-size:40px !important; }
	.contents_title						{ font-size:25px !important; }
	.contents_title_1						{ font-size:20px !important; }
	.contents_box						{ padding: 20px 5px !important; }


	/* ¼­ºêÅÇ */
	.sub_tab_area li a					{ padding:15px 25px !important }
	.sub_tab_area li a:hover				{ padding:15px 25px !important }
	.sub_tab_area li a.sub_tab_select			{ padding:15px 25px !important }



/*	#title_menu							{ width:180px !important; }*/

	#mobileTopMenu						{ padding:0px; padding-top:20px; width:100%; display:inline-block; background-color: initial;}
	#mobileTopMenu > ul > li:nth-child(1)		{ width:60%; text-align:left; padding-left:10px;}
	#mobileTopMenu > ul > li:nth-child(2)		{ width:40%; text-align:right; padding-right:20px;}

	#mobileTopMenu > ul > li:nth-child(1)  img	{ height:25px; }
	#mobileTopMenu > ul > li:nth-child(2)  img	{ height:15px; }

	.bottom_area li						{ float:left; width:100%; }
	.bottom_area li:first-child				{ padding:0 0 30px 0; text-align: center;}
	.bottom_area li:last-child				{ padding:0px 10px !important; }

}

@media screen and (max-width: 320px){
	#subTitleImg						{ padding-top:0px;}
	#subContents						{ padding:0 10px; padding-top:0px; font-size:16px !important; letter-spacing:-1px; }
	.main_popup						{ left:0px !important; margin-left:0 !important; }
	.main_contents						{ margin-top:0px; }
	.br								{ display:inline; }
	.br420							{ display:block; }
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9;  /* ie8 */
} 
