@charset "utf-8";

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

/*============================
#topicsArea
============================*/
#topicsArea { margin-top: 40px; }
#topicsArea .md_mainTitle {}
#topicsArea .md_mainTitle .sub {}
#topicsArea .md_mainTitle .title {}
#topicsArea .content {}
#topicsArea .content ul {}
#topicsArea .content ul li { margin-top: 30px; float: left; width: 48.5%; margin-right: 3%; }
#topicsArea .content ul li:nth-child(3n) { margin-right: 3%; }
#topicsArea .content ul li:nth-child(2n) { margin-right: 0; }
#topicsArea .content ul li a {}
#topicsArea .content ul li a .image { border-radius: 6px; }
#topicsArea .content ul li a .image::after {}
#topicsArea .content ul li a .image img { width: 100%; height: auto; }
#topicsArea .content ul li a .text { margin-top: 10px; max-height: 58px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 0.9125em; }
#topicsArea .content ul li a .sub { margin-top: 5px; max-height: 54px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 0.875em; }
#topicsArea .content ul li a .tag { padding-top: 0; }
#topicsArea .content ul li a .tag span {}
#topicsArea .content ul li a .tag span:first-child {}
#topicsArea .content ul li a .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 {}

}