/* common */
.sub_h1 { font-size:30px; font-weight: bold; line-height: 1; margin-bottom: 35px; line-height: 40px; }
.sub_h2 { font-size:13px; font-weight: bold; letter-spacing: 1.6px; color: #1f4de5; margin-bottom: 20px; line-height: 1; text-transform: uppercase; }
.sub_h3 { position:relative; line-height: 1; font-size: 22px; font-weight: bold; margin:0 0 35px; }
.sub_h3:before { content:""; display: block; width:25px; height: 3px; background:#1f4de5; margin:0 auto 15px; }
.sub_p { font-size:15px; line-height: 30px; color: #333333; font-weight: 300; }
.sub_p br { display: none; }
.sub_p ~ .sub_p { margin-top: 20px; }

.sec_pad { padding:60px 0 80px; }


/* contents */
#bu2 { text-align: center; overflow: hidden; }
#bu2 > div:nth-child(2n) { background:#f7f7f7; }

/* s1 */
#s1 { position:relative; z-index: 1; }
#s1::after { content:""; position:absolute; left:0; width:100%; bottom:0; height: 50%; background:#f7f7f7; z-index: -1; }

#s1 .img_box { padding:30px 15px; border: solid 1px #ddd; background-color: #fff; }
#s1 .img_box .sub_h3 { font-size: 18px; line-height:33px; margin:0 0 10px; }
#s1 .img_box .p_box { margin:30px auto; padding:10px 15px; border-radius: 20px; background-color: #333; font-size: 15px; font-weight: 300; color: #fff; line-height: 28px; }
/* #s1 .img_box .img img { border:1px solid #ddd; } */

/* s2 */
#s2 { padding-top: 30px; }
.table_arrow { text-align: right; font-size:30px; color:#333; }
.table_wrap { overflow-x: scroll; }
#s2 table { width:730px; border-collapse: collapse; line-height: 1; border:1px solid #ddd; }
#s2 thead tr th { font-size: 15px; font-weight: 500; color: #fff; padding:15px 12px;  }
#s2 thead tr:nth-child(1) { background:#000; }
#s2 thead tr:nth-child(1) th:nth-of-type(n+2) { border-left: 1px solid rgba(255,255,255,0.3); }
#s2 thead tr:nth-child(2) { background:rgba(0,0,0,0.5); }
#s2 thead tr:nth-child(2) th:nth-of-type(n+2) { border-left: 1px solid rgba(255,255,255,0.5); }

#s2 tbody td { border-top: 1px solid #ddd; border-left: 1px solid #ddd; background:#fff; padding:12px; font-size: 14px; font-weight: 300; color: #333; line-height: 25px; }
#s2 tbody tr.td_bol td { font-weight: 500;  color: #000; }
#s2 tbody tr.td_bol td:last-child { font-weight: 300;}



@media screen and (min-width: 768px) {
    #s2 table { width:100%; }
    .table_arrow { display: none; }
    .table_wrap { margin-top: 20px; }
}