/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.tittx_BA .info_colorbox { width:100%; float: left; display: grid; grid-template-columns:400px auto; gap:50px;}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.tittx_BA .info_colorbox { width:100%; float: left; display: grid; grid-template-columns:100%; gap:20px;}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



.tittx_BA .info_colorbox>.info_color{ width:100%; float: left;  display: flex;
justify-content:flex-start;  align-items:flex-start; flex-direction:column; box-sizing: border-box; border: 1px solid #ccc}
.tittx_BA .info_colorbox>.info_color .color_box{ width:100%; float: left; height: 150px; background-color: #0b308f; }
.tittx_BA .info_colorbox>.info_color .color_box_tt{ width:100%; float: left; font-size: calc(var(--tx-sm-size) * 1.1); color:#333; font-weight:300; line-height: 150%; letter-spacing: -1px; word-wrap: break-word;word-break: keep-all; padding: 20px}
.tittx_BA .info_colorbox>.info_color .color_box_tt em{  font-size: calc(var(--tx-sm-size) * 1.5); color:#333; font-weight:500; line-height: 150%; letter-spacing: -1px; word-wrap: break-word;word-break: keep-all; }

.tittx_BA .info_colorbox .info_ttbox {width:100%; float: left; }
.tittx_BA .info_colorbox .info_ttbox .info_tt {width:100%; float: left; font-size: var(--tit-md-size); color: #222; font-weight:700; line-height: 100%; letter-spacing: -1px; margin-bottom: 30px }
.tittx_BA .info_colorbox .info_ttbox .info_tt2 { width:100%; float: left; font-size: calc(var(--tx-sm-size) * 1.1); color:#333; font-weight:300; line-height: 150%; letter-spacing: -1px; word-wrap: break-word;word-break: keep-all;  }