#latest_pro {display: inline-block;width: 100%; }
#latest_pro ul {list-style: none;}
.latest_ct { float: left;width: 450px;height: 230px;margin: 0 12px 24px 12px;padding: 25px;border: 6px #2EA3FF solid;border-radius: 20px;transition: 0.3s;}
.latest_ct:hover { background: #f5f5f5;transition: 0.3s;}
.latest_ct_end { float: left;width: 450px;height: 230px;margin: 0 12px 24px 12px;padding: 25px;border: 6px #ccc solid;border-radius: 20px;}
.pro_s1 {width: 100%;padding: 0 0 20px 0;}
.pro_s1 .cate {float: left;font-size: 14px;font-weight:300;}
.pro_s1 .sel {float: right;}
.pro_s2 { width: 100%;height: 55px;margin-top: 20px;padding-top: 20px;border-top: 1px #ccc solid;font-size: 18px; font-weight:500;}
.pro_s3 { width: 100%;padding-top: 30px;font-size: 15px;font-weight:300;line-height: 23px;}

.latest_etc { float: left;width: 450px;height: 230px;margin: 0 12px 24px 12px; padding: 30px;border-radius: 20px;background-image:url('./img/bg.png');}
.latest_etc > p:nth-child(1) {font-size: 18px;color:#fff; font-weight:500;}
.latest_etc > p:nth-child(2) {padding-top: 12px;font-size: 14px;color:#fff;line-height:18px;}
.latest_etc > p:nth-child(3){ padding-top: 65px;}
.latest_etc > p:nth-child(3) a { padding: 10px 35px;font-size: 18px;color:#fff; font-weight:500;background: #6479f8;border-radius: 25px;transition:0.3s;}
.latest_etc > p:nth-child(3) a:hover { color: #6479f8;background: #fff;text-decoration: none;transition: 0.3s;}

/* ¸ñ·Ï ÁøÇà»óÅ */
.se0, .se1, .se2, .se3, .se4 { display: block; width: 80px; text-align: center; color: #fff; border-radius: 24px; font-size: 13px; height: 24px; font-weight: normal; line-height: 23px;}
.se0 { background: #3366FF; }
.se1 { background: #d23802; }
.se2 { background: #bbb; }
.se3 { background: #00B050; }
.se4 { background: #444; }


@media only screen and (max-width:1024px){
	.latest_ct { float: left;width: 48%;height: 230px;margin: 0 7px 14px 7px;padding: 20px;border: 4px #2EA3FF solid;border-radius: 20px;transition: 0.3s;}
	.latest_ct:hover { background: #f5f5f5;transition: 0.3s;}
	.latest_ct_end { float: left;width: 48%;height: 230px;margin: 0 7px 14px 7px;padding: 20px;border: 4px #ccc solid;border-radius: 20px;}
	.pro_s1 {width: 100%;padding: 0 0 20px 0;}
	.pro_s1 .cate {float: left;font-size: 14px;font-weight:300;}
	.pro_s1 .sel {float: right;}
	.pro_s2 { width: 100%;height: 55px;margin-top: 20px;padding-top: 20px;border-top: 1px #ccc solid;font-size: 17px; font-weight:500;}
	.pro_s3 { width: 100%;padding-top: 30px;font-size: 15px;font-weight:300;line-height: 23px;}

	.latest_etc { float: left;width: 48%;height: 230px;margin: 0 7px 14px 7px; padding: 30px;border-radius: 20px;background-image:url('./img/bg.png');}
	.latest_etc > p:nth-child(1) {font-size: 18px;color:#fff; font-weight:500;}
	.latest_etc > p:nth-child(2) {padding-top: 12px;font-size: 14px;color:#fff;line-height:18px;}
	.latest_etc > p:nth-child(3){ padding-top: 65px;}
	.latest_etc > p:nth-child(3) a { padding: 10px 35px;font-size: 18px;color:#fff; font-weight:500;background: #6479f8;border-radius: 25px;transition:0.3s;}
	.latest_etc > p:nth-child(3) a:hover { color: #6479f8;background: #fff;text-decoration: none;transition: 0.3s;}


	/* ¸ñ·Ï ÁøÇà»óÅ */
	.se0, .se1, .se2, .se3, .se4 { display: block; width: 70px; text-align: center; color: #fff; border-radius: 24px; font-size: 13px; height: 24px; font-weight: normal; line-height: 23px;}
	.se0 { background: #3366FF; }
	.se1 { background: #d23802; }
	.se2 { background: #bbb; }
	.se3 { background: #00B050; }
	.se4 { background: #444; }
}

@media only screen and (max-width:794px){
	.latest_ct { float: left;width: 100%;height: 230px;margin: 0 0 14px 0px; padding: 20px;border: 4px #2EA3FF solid;border-radius: 20px;transition: 0.3s;}
	.latest_ct:hover { background: #f5f5f5;transition: 0.3s;}
	.latest_ct_end { float: left;width: 100%;height: 230px;margin: 0 0 14px 0;padding: 20px;border: 4px #ccc solid;border-radius: 20px;}
	.pro_s1 {width: 100%;padding: 0 0 20px 0;}
	.pro_s1 .cate {float: left;font-size: 14px;font-weight:300;}
	.pro_s1 .sel {float: right;}
	.pro_s2 { width: 100%;height: 55px;margin-top: 20px;padding-top: 20px;border-top: 1px #ccc solid;font-size: 17px; font-weight:500;}
	.pro_s3 { width: 100%;padding-top: 30px;font-size: 15px;font-weight:300;line-height: 23px;}

	.latest_etc { float: left;width: 100%;height: 230px;margin: 0 0 14px 0; padding: 30px;border-radius: 20px;background-image:url('./img/bg.png');}
	.latest_etc > p:nth-child(1) {font-size: 18px;color:#fff; font-weight:500;}
	.latest_etc > p:nth-child(2) {padding-top: 12px;font-size: 14px;color:#fff;line-height:18px;}
	.latest_etc > p:nth-child(3){ padding-top: 65px;}
	.latest_etc > p:nth-child(3) a { padding: 10px 35px;font-size: 18px;color:#fff; font-weight:500;background: #6479f8;border-radius: 25px;transition:0.3s;}
	.latest_etc > p:nth-child(3) a:hover { color: #6479f8;background: #fff;text-decoration: none;transition: 0.3s;}
}