@charset "utf-8";

@media only screen and (max-width: 640px) {
	
/*============================
#leadArea
============================*/
#leadArea .voice {}
#leadArea .voice ul {}
#leadArea .voice ul li { width: 100%; }

/*============================
#topicsArea
============================*/
#topicsArea { margin-top: 40px; }
#topicsArea .md_mainTitle {}
#topicsArea .md_mainTitle .sub {}
#topicsArea .md_mainTitle .title {}
#topicsArea .content { position: relative; }
#topicsArea .content ul {}
#topicsArea .content ul li { float: none; width: 100%; margin: 20px 0 0; }
#topicsArea .content ul li:nth-child(3n) {}
#topicsArea .content ul li:first-child { margin-top: 30px; }
#topicsArea .content ul li a { display: flex; align-items: flex-start; } 
#topicsArea .content ul li a .image { width: 100%; margin-right: 5%; border-radius: 10px; }
#topicsArea .content ul li a .image::after {}
#topicsArea .content ul li a .image img { width: 100%; height: 100%; }
#topicsArea .content ul li a .data {}
#topicsArea .content ul li a .data .text { margin-top: 0; }
#topicsArea .content ul li a .data .sub {}
#topicsArea .content ul li a .data .date {}
#topicsArea .content ul li a:hover .image img {}
#topicsArea .content ul li a:hover .image::after {}
#topicsArea .content .button {}
#topicsArea .content .button .md_btn_main {}

}