body {
  font-family: 'Noto Sans KR' !important; 
  background:#f3f3f3  !important; 
  height:100%;
  font-size:12px;
  font-weight: bolder;
}
.cc_st_box {margin-top:20px;}
.cc_st_list {}
.cc_st_list:after {content:''; display:table; clear:both;}
.cc_st_txt { float:left; margin-right: 0.5%; background:#fff; display: table;}
.cc_st_txt:nth-last-child(1) {margin-right:0;}
.cc_st_txt h1 {color: #fff;  font-size: 24px;  display: table-cell;  text-align: center;  vertical-align: middle;  padding-left: 10px;  padding-right: 10px;}
.cc_st_txt_box {display: table-cell;  text-align: center;  vertical-align: middle;  padding-left: 10px;  padding-right: 10px; width:33%;}
.cc_st_tit {font-size: 15px; font-weight: bolder;}
.cc_st_tit span {padding:4px 10px;}
.cc_st_sub {font-size: 46px;  font-weight: 500;}

.col2 {width:35%; height: 162px;}
.col4 {width:13.5%; height: 162px;}
.col5 {width:23.5%; height: 162px;}

.clr1 { background:#0048b3;}
.fclr2 {color:#e42c53;}
.fclr5 {color:#41a007;}
.fclr3 {color:#7720d0;}

.rs {position:relative;}
.rs:after {content:''; position:absolute; width:1px; height:100px; top: 30px; right:0px; background: #bfbfbf;}


@media (max-width: 1024px) {
 .col2 {width:49.5%; height: 162px;}
 .col4 {width:100%; height: 40px;}

}

@media (max-width: 768px) {
 .col2 {width:100%; height: 140px;}
 .col4 {width:100%; height: 40px;}
 .col5 {width:100%;}
}