.subcontents {position: relative; padding-top: 81px;}

/*---------------------------------------
    서브 상단타이틀
----------------------------------------*/
.section_title {min-height: 452px; padding: 80px 0 100px; background-color: #02143F; color: #fff; box-sizing: border-box; text-align: center;}
.section_title {min-height: 200px;padding: 70px 0;background-color: #02143F;color: #fff;box-sizing: border-box;text-align: center;}
.section_title .inner {padding-top: 2px;}
.section_title .tit_info {font-size: 40px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.3;  font-family: var(--font2); word-break: keep-all;}
.section_title .tit_info [class^="icon_"] {vertical-align: top;}

.section_title .desc_info {margin: 20px auto 0; font-size: 19px; line-height: 1.5; letter-spacing: 0.069em; font-weight: 300; text-align: center; color: #fff;}
.section_title .desc_info .txt_bar {opacity: .2;}

@media (max-width:768px){
    .section_title {padding: 50px 0;}
    .section_title .tit_info {font-size: 36px;}
    .section_title .desc_info {font-size: 18px; }

}

/*---------------------------------------
    서브 탭
----------------------------------------*/
.section_tab {display: flex; justify-content: center; padding: 60px 0; grid-gap: 20px;}
.tab {padding: 0; cursor: pointer; margin: 0 5px; border-radius: 5px; font-size: 19px; letter-spacing: -1px; color: #555; font-weight: 500;}
.tab.active {color: #6a80c8; font-weight: bold;}

.tab_content_wrap {max-width: 1280px;margin: 0 auto;padding: 20px 0;}
.tab_content {display: none;}
.tab_content.active {display: block;}

/*설명박스 card_item*/
.card_item {}
.card_item:not(:first-child){margin-top: 100px;}
.card_item .ci_title h1 {display: block; pa;padding-bottom: 15px; font-size: 20px; font-weight: 500; color: #999;}
.card_item .ci_title h2 {display: block;font-size: 28px;line-height: 1.3;letter-spacing: -0.5px;font-weight: 500;font-family: var(--font2);}
.card_item .ci_title h3 {padding-top: 20px;font-weight: 300;fo;font-size: 18px;line-height: 1.8;letter-spacing: -0.5px;color: #444;}
.card_item .imgbox {overflow: hidden;width: 100%;border-radius: 20px;background-color: #F0F1F4;text-align: center;box-sizing: border-box;margin-top: 40px;padding: 50px;}
.card_item .imgbox img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 400px;margin: 10px;}


@media (max-width: 1200px){
    .tab_content_wrap {max-width: 1199px; padding: 20px 30px 20px 30px;}
}