.product {width:100%;max-width:1210px;margin:90px auto;}
.product:after { content:""; display:block; clear:both; }
.product ul { padding:0; margin:0; }
.product ul li img { display:block; width:auto;}
.product ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
.product ul li > span { display:block; margin-top:20px; font-size:1em; text-align:center; letter-spacing:-0.04em; }
.product ul.col3{width: 100%;display:flex;justify-content: space-between;flex-wrap: wrap;}
.product ul.col3 li{}
.product ul.col3 li img{display:block; width:auto;}
.product ul.col3 li > span{font-size: 18px;margin-bottom: 30px;}
.product ul.col4{width: 100%;display:flex;justify-content: flex-start;flex-wrap: wrap;}
.product ul.col4 li{width:25%;margin-bottom: 25px;}
.product ul.col4 li img{display:block; width:auto;}
.product ul.col4 li a{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-items: flex-start;}
.product ul.col4 li a > span{margin: 15px 0;font-size: 18px;margin-bottom: 30px;letter-spacing: -.5px;text-align: center;}
.product ul.col4 li a > span:hover{color:#193d89}

.btn_go {display:inline-block; background:#222; color:#fff;  font-size:1em; margin:20px 0; padding:10px 30px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff; }


@media all and (max-width:1200px){
	
	

}


@media all and (max-width:992px){	


}


@media screen and (max-width: 768px) {		
	
	.product ul li { width:100%; margin-left:0px; margin-bottom:50px;}

	.product {width: 94%;max-width: 100%;margin: 30px auto;}
	.product:after { content:""; display:block; clear:both; }
	.product ul { padding:0; margin:0; }
	.product ul li img { display:block; width:auto;}
	.product ul li strong { display:block; margin-top:30px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
	.product ul li > span { display:block; margin-top:20px; font-size:1em; text-align:center; letter-spacing:-0.04em; }
	.product ul.col3{width: 100%;display:flex;justify-content: space-evenly;flex-wrap: wrap;flex-direction: column;align-content: space-between;}
	.product ul.col3 li{
    text-align: center;
}
	.product ul.col3 li img{display:block;width: 100%;}
	.product ul.col3 li > span{font-size: 1.1rem;margin-bottom: 20px;}
	.product ul.col4{width: 100%;display:flex;justify-content: flex-start;flex-direction: column;align-content: space-around;}
	.product ul.col4 li{width: 100%;margin-bottom: 25px;}
	.product ul.col4 li img{display:block;width: 100%;}
	.product ul.col4 li a{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-items: flex-start;}
	.product ul.col4 li a > span{margin: 15px 0;font-size: 1.3em;margin-bottom: 30px;letter-spacing: -.5px;text-align: center;}
	.product ul.col4 li a > span:hover{color:#193d89}
	 

}



/* ë°˜ì‘í˜• ìž‘ì€ê¸°ê¸° 480ì‚¬ì´ì¦ˆ ì´í•˜ */
@media screen and (max-width: 480px) {
	
	.vision ul li { width:100%;}

}



/* ë°˜ì‘í˜• ìž‘ì€ê¸°ê¸° 360ì‚¬ì´ì¦ˆ ì´í•˜ */
@media screen and (max-width: 360px) {	

	
}