/*공통*/
.con_wrap {width: 100%;}
.sub_con {width: 100%; padding:50px 15px;}
.sub_h1 {font-size: 24px; font-weight: 700; color:#000; font-family: 'NanumSquare', sans-serif !important; line-height: 38px; word-break: keep-all;}
.sub_h1 span {color:#0053dd;}
.sub_p {font-size: 15px; font-weight: 300; color:#000; line-height: 24px; letter-spacing: -1px; word-break: keep-all;}
.res_img {width:100%; height:auto;}
.con_gray {background: #f7f7f7;}

.c_line3 {width: 30px; height: 1px; background: #2956d9; display: inline-block;}
.c_line {width: 40px; height: 1px; background: #000; display: inline-block;}
.c_line2 {width: 50px; height: 3px; background: #2956d9; display: inline-block;}
.c_title h2 {font-family: 'NanumSquare', sans-serif !important; font-weight: 500; font-size: 14px; color:#000; letter-spacing: 5px; text-transform: uppercase;}
.c_title h2 span {color:#416eef}
.c_title h1 {font-size:24px; font-family: 'NanumSquare', sans-serif !important; font-weight: 500; line-height: 36px; color:#000; margin-top: 5px;}

.con_table {width: 100%; overflow-x:auto;}
.con_table table {width: 100%; padding: 0; margin: 0 auto; border-collapse: collapse; max-width:768px; white-space: nowrap; min-width:100%;}
.con_table table th, .con_table table td { text-align: center; border: 1px solid #ddd;}
.con_table table thead th {font-size: 15px; font-weight: 500; color:#fff; background: #333; border: 1px solid rgba(255,255,255,0.2);padding: 10px;}
.con_table table tbody td {padding: 8px 10px; background: #fff; font-size:14px; font-weight: 300; color:#666; letter-spacing: -1px; }
.con_table table tbody td img {width: 100%;}
.con_table table tbody td:first-child {font-weight: 400; color:#333; background: #fbfbfb; text-align: left;}
/* 탭버튼 */
.const_btn ul {width:100%; display: flex ; text-align:center; flex-wrap:wrap; justify-content: center; }
.const_btn ul li{width:20%; height:35px; line-height: 35px; cursor: pointer; }
.const_btn ul li a {display: block; width:100%; height:100%; color:#aaa; font-size:13px; font-weight: 500; transition: all 0.2s ease; letter-spacing: -.5px;border-bottom: 1px solid #ddd; border-left: 1px solid #ddd}
.const_btn ul li:nth-child(5n) {border-right: 1px solid #ddd}
.const_btn ul li:nth-child(1),
.const_btn ul li:nth-child(2),
.const_btn ul li:nth-child(3),
.const_btn ul li:nth-child(4),
.const_btn ul li:nth-child(5) {border-top: 1px solid #ddd}
.const_btn ul li:last-child {border-right: 1px solid #ddd}
.const_btn ul li a.active {background: #2956d9; color:#fff; border:1px solid #2956d9;}
/*Content CSS*/
.const {text-align: center;}
.drag_img {margin-top:15px;}
/* .drag_img.top {margin-top:15px;} */

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

}

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

}

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

}

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

}