@media screen and (min-width:1024px) and (max-width:1100px)  {

.main_visual div dd, .main_visual div dd strong {
    font-size: 40px !important;
    line-height: 53px !important;

 }




}

/*비쥬얼*/

@media screen and (min-width:1024px) and (max-width:1100px)  {

	.procut_roll .bxslider div { padding:0px 20px !important; width:326px !important; }


}
@media screen and (min-width:1101px) and (max-width:1114px)  {

	.procut_roll .bxslider div { padding:0px 20px !important; width:346px !important; }

}



@media screen and (min-width:1115px) and (max-width:1190px)  {

	.procut_roll .bxslider div { padding:0px 22px !important; width:356px !important; }
}



@media screen and (min-width:1191px) and (max-width:1287px)  {

	.procut_roll .bxslider div { padding:0px 22px !important; width:386px !important; }
}


@media screen and (min-width:1288px) and (max-width:1327px)  {


	.procut_roll .bxslider div { padding:0px 22px !important; width:401px !important; }
}

@media screen and (min-width:1328px) and (max-width:1397px)  {

	.procut_roll .bxslider div { padding:0px 22px !important; width:431px !important; }
}

@media screen and (min-width:1398px) and (max-width:1537px)  {
	.procut_roll .bxslider div { padding:0px 22px !important; width:461px !important; }
}




/*메뉴*/



@media screen and (min-width:1024px) and (max-width:1570px)  {
#header {padding-top:40px;}
	.allmenu {top:-25px !important;}
	.tnb {top:-25px !important; right:60px !important;}
	#google_translate_element {top:-28px !important; right:110px !important;}
}





@media screen and (min-width:1480px) and (max-width:1570px)  {
	.navi > li > a { padding:14px 24px 0px 24px !important; }
}

@media screen and (min-width:1390px) and (max-width:1479px)  {
	.navi > li > a { padding:14px 20px 0px 20px !important; }

}


@media screen and (min-width:1024px) and (max-width:1469px)  {
	#header h1 {width:6% !important; text-align:left !important;}
	#nav { padding-left:6% !important; }
}

@media screen and (min-width:1024px) and (max-width:1289px)  {


	.navi > li > a { padding:14px 5px 0px 5px !important;  font-size:12px !important;}
.tnb a {font-size:12px !important;}



}







/*
@media screen and (min-width:1400px) and (max-width:1449px)  {

	#header h1 {width:6% !important; text-align:left !important;}
	#nav { padding-left:6% !important; }
	.navi > li > a { padding:14px 10px 0px 10px !important; font-size:14px !important;}
	.tnb li a{ font-size:14px !important; }


}


@media screen and (min-width:1315px) and (max-width:1399px)  {
	#header h1 {width:6% !important; text-align:left !important;}
	#nav { padding-left:7% !important; }
	.navi > li > a { padding:14px 9px 0px 9px !important;  font-size:13px !important;}
	.tnb li a{ font-size:13px !important; }
}


@media screen and (min-width:1295px) and (max-width:1314px)  {
	#header h1 {width:6% !important; text-align:left !important;}
	#nav { padding-left:7% !important; }
	.navi > li > a { padding:14px 8px 0px 8px !important;  font-size:13px !important;}
	.tnb li a{ font-size:13px !important; }

}

@media screen and (min-width:1175px) and (max-width:1294px)  {
html {box-sizing:border-box; }
	#header h1 {position:absolute; left:-3% !important; top:10px important;  width:5% !important; padding:0px 7px; }
	#header h1 img {width:95% !important; }
	#nav { padding-left:3.4% !important; }
	.navi > li > a { padding:14px 9px 0px 9px !important;  font-size:13px !important;}
	.tnb li a{ font-size:13px !important; }

.allmenu {position:absolute; right:-4% !important;}
.tnb {position:absolute; right:1% !important;}


}




@media screen and (min-width:1115px) and (max-width:1174px)  {
html {box-sizing:border-box; }
	#header h1 {position:absolute; left:-3% !important; top:10px important;  width:5% !important; padding:0px 7px; }
	#header h1 img {width:95% !important; }
	#nav { padding-left:3.4% !important; }
	.navi > li > a { padding:14px 9px 0px 9px !important;  font-size:12px !important;}
	.tnb li a{ font-size:12px !important; }

.allmenu {position:absolute; right:-4% !important;  }
.tnb {position:absolute; right:1% !important;}


}



@media screen and (min-width:1024px) and (max-width:1114px)  {
html {box-sizing:border-box; }
	#header h1 {position:absolute; left:-3% !important; top:10px important;  width:5% !important; padding:0px 7px; }
	#header h1 img {width:95% !important; }
	#nav { padding-left:3.4% !important; }
	.navi > li > a { padding:14px 8px 0px 8px !important;  font-size:11px !important;}
	.tnb li a{ font-size:11px !important; letter-spacing:-1px !important; }

.allmenu {position:absolute; right:-4% !important;  }
.tnb {position:absolute; right:1% !important;}


}

*/