@charset "utf-8";

/*-------------------
    *메뉴10
    *menu_10
-------------------*/

.menu_10{padding: 45px 0 60px;}
.menu_10 .block_10 {text-align: center;}
.menu_10 .block_10 img{max-width: 100%;}

.menu_10 .block_20 ul{overflow: hidden;margin: 0 -30px;}
.menu_10 .block_20 li{float: left;width: 50%;padding: 0 30px;}
.menu_10 .block_20 .img_10{border: 1px solid #e1e1e1;max-width: 100%;margin-bottom: 40px;}
.menu_10 .block_20 table{border-top: 2px solid #0072bc;width: 100%;border-spacing: 0;border-collapse: separate;}
.menu_10 .block_20 table th{font-family:'Noto Sans M', dotum, sans-serif;width: 160px;}
.menu_10 .block_20 table th,
.menu_10 .block_20 table td{font-size: 16px;color: #252525;padding: 13px 20px;border-bottom: 1px solid #c2c2c2;}

.menu_10 .block_30 { margin-top: 60px; overflow: hidden;}
.menu_10 .block_30 ul { text-align: center; margin-right:-60px; }
.menu_10 .block_30 ul li { float:left; display: inline-block; padding-right:60px;}
.menu_10 .block_30 ul li p { font-size: 16px; line-height: 50px; color: #252525; }


@media (max-width: 1240px) {
    .menu_10 .block_30 ul { margin-right:-30px; }
    .menu_10 .block_30 ul li { width: 30%; float: none; padding-right:30px;}
    .menu_10 .block_30 ul li img { width: 100%;}
}

@media (max-width: 768px) {
    .menu_10{padding: 20px 0 40px;}

    .menu_10 .block_20 ul{margin: 0;}
    .menu_10 .block_20 li{width: 100%;padding: 0px;margin-bottom: 30px;}
    .menu_10 .block_20 .img_10{margin-bottom: 20px;}

    .menu_10 .block_20 table th{width: 100px;}
    .menu_10 .block_20 table th, .menu_10 .block_20 table td{padding: 13px 10px;font-size: 14px;}

    .menu_10 .block_30 { margin-top: 30px;}
    .menu_10 .block_30 ul { margin-right:0; }
    .menu_10 .block_30 ul li { width: 100%; float: none; padding-right:0; padding-bottom: 10px;}
    .menu_10 .block_30 ul li img { width: 80%;}

}