/*Content CSS*/
/*공통*/
.sub_con {width:100%; padding:0 15px;}
.sub_con_gray {padding:50px 0; background: url('../img/bg_pattern.png') 50% 50%; }
.drag_icon {text-align: center; margin-top:20px; text-align: center;}
.table_responsive {    width: 100%; overflow-x: auto;}
table.res {max-width: 768px; white-space: nowrap; min-width: 100%;}


/*Content CSS*/
.sub_con h1 { font-size: 25px; font-weight: 400; color: #2d2d2d; font-family: 'RIDIBatang';word-break: keep-all; display: flex; align-items: flex-start;}
.sub_con h1 img {margin-right:10px; height:35px;}
.sub_con h1.second {text-align: center; justify-content: center;}
.sub_con h1.second img {position: relative; top:4px;}

.kwmf_table {width:100%; text-align:center; margin-top:20px; border-collapse: collapse;}
.kwmf_table th {padding:12px 10px; background: #7ac141; border:1px solid #e2ffca; color:#fdfdfd; font-size:16px; font-weight: 500;}
.kwmf_table th span {font-size:22px;}
.kwmf_table td {padding:10px 10px; border:1px solid #e5e5e5;  font-size:15px; font-weight:400; color:#2d2d2d; background: #fff; word-break: keep-all; letter-spacing: -.5px;}
/* .kwmf_table td:first-child {background: #fcfffa;} */
.kwmf_table td img {width:35px; margin-right:10px;}
.kwmf_table .color_bg  td {background: #fafff7;}
.kwmf_table .color_bg2  td {background: #fbfbfb; color:#7ac141; font-weight: 500; font-size:16px;}
.kwmf_table.second th {padding:12px 15px;}
.kwmf_table.second td:first-child {text-align:left; }

.flag {width:100%; margin-top:80px; }
.flag h2 {font-size:28px; color:#2d2d2d; font-weight: 400; font-family: 'RIDIBatang'; border-bottom:2px solid #ddd; padding-bottom:15px;}
.flag h2 img {margin-right:5px;}
.flag ul {margin-top:30px; display: flex; flex-wrap:wrap;}
.flag ul li {width:108px; height:70px; position: relative; margin-right:87px; margin-bottom:30px; border:1px solid transparent; overflow: hidden;}
.flag ul li:nth-child(7n) {margin-right:0;}
.flag ul li > div {position: absolute; left:0; top:0; background: rgba(0,0,0,0); transition: .3s ease; display: flex; justify-content: center; align-items: center; opacity: 0;
width:100%; height:100%; text-align: center;}
.flag ul li > div p {font-size:14px; font-weight: 300; color:#fff; letter-spacing: -.5px;}
.flag ul li:hover {border:1px solid #7ac141;}
.flag ul li:hover > div {background: rgba(0,0,0,.7);  opacity: 1; }

.kwmf_table_top {display: inline-block; width:100%; margin-top:40px;}
.kwmf_table_top p {font-size:16px; font-weight: 500; color:#2d2d2d; float:left;}
.kwmf_table_top span {font-size:13px; font-weight: 300; color:#707070; float:right; padding-top:5px;}

@media screen and (max-width:992px){

}

@media screen and (max-width:480px){

}