@charset "utf-8";

/* ******************  메인 비주얼 ********************** */
@media all and (max-width:1100px) {
	
}

@media all and (max-width:950px) {
	.vision_flex .vision_item {width:220px;height:220px;margin:5px;}
}

@media all and (max-width:800px) {
.vision_flex .vision_item {width:220px;height:220px;margin:5px;}
	
}
@media all and (max-width:480px) { 
.vision_flex .vision_item {width:180px;height:180px;margin:5px;}

.as_flex > div {
    padding: 15px;
	margin-bottom:10px;
}
.as_flex > div.first {
    width: 100%;
}	
	.as_flex > div.last {
    width: 100%;
}	
.as_flex > div.last li {width:50%;}
.as_flow_flex > div {
    padding: 10px;
    width: 40%;
}
.as_flow_flex > div span {
    padding: 5px 10px;
    margin-bottom: 0px;
}
.as_flow_flex > div img {width:30px;}
.as_flow_flex > p {
    width: 8%;padding:0 1%
}
.history_flex {
    margin-top:0%;
}
.history_flex:first-child {
    margin-top: 10%;
}
.history_flex p.img {display:none}
.history_flex .history_item {width: 100%;}

.tableA tbody th {
	padding: 10px 5px;
	width:25%;
}
.tableA tbody td {
	padding: 10px 5px;
}
.tableC tbody th {
	padding: 10px 5px;
	width:25%;
}
.tableC tbody td {
	padding: 10px 5px;
}
.product_flex > .product_img, .product_top, .product_table {
    width: 100%;
}
.product_table {width:100%;}
.product_flex  h3 {font-size:18px;margin-bottom:10px;}
.product_flex  h4 {font-size:16px;margin-bottom:10px;}
.product_flex  h5,
.product_bottom h5 {font-size:14px;margin-bottom:10px;}
.product_top  p {margin-bottom:10px;}
.product_table.widt6 {width:100%}
.product_table.widt4 {width:100%}
}