@charset "utf-8";

/* 차세대 보안리더 양성 프로그램 */
.sub_page_BOB .dot_with_key{padding:1.2rem 0 0; display:flex; gap:2.4rem; align-items:flex-start; border-top:1px solid #CCCBCB;}
.sub_page_BOB .dot_with_key .key{width:5.5rem; font-size:1.8rem; line-height:1.6; font-weight:600;}
.sub_page_BOB .dot_with_key .dot_list{margin-top:0;}
.sub_page_BOB .dot_with_key.first{margin-top:4.8rem; margin-bottom:1.6rem;}
.sub_page_BOB table.type02{margin-top:3.2rem;}
.sub_page_BOB table.type02 th{height:12rem;}

@media all and (max-width:768px) {
    .sub_page_BOB .dot_with_key{flex-direction:column; gap:.8rem;}
    .sub_page_BOB .dot_with_key .key{font-size:1.6rem;}
    .sub_page_BOB table.type02 th{height:auto;}
}

.sub_page_BOB .bob_time_table{display:flex; align-items:stretch; margin-top:3.2rem;}
.sub_page_BOB .bob_time_table .item{flex:1;}
.sub_page_BOB .bob_time_table .top_tit{line-height:3.1rem; text-align:center; background-color:#f7f7fb; font-size:1.4rem; font-weight:500; color:#004171; border-right:.5px solid #FAFAFA;}
.sub_page_BOB .bob_time_table .tit{height:7.4rem; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#0062AC; color:#FAFAFA; font-size:1.8rem; font-weight:500; border-right:.5px solid #fafafa; margin-top:.8rem;}
.sub_page_BOB .bob_time_table .calen{display:flex; flex-direction:column; height:42.6rem;}
.sub_page_BOB .bob_time_table .row{flex:1; display:flex; align-items:stretch; border-bottom:1px solid #E3E3E3;}
.sub_page_BOB .bob_time_table .month{height:100%; width:3.5rem; background-color:#F7F7FB; display:flex; justify-content:center; align-items:center; font-size:1.4rem; font-weight:500;}
.sub_page_BOB .bob_time_table .desc_wrap{padding:.8rem; flex:1;}
.sub_page_BOB .bob_time_table .desc_tit{font-size:1.4rem; font-weight:600;}
.sub_page_BOB .bob_time_table .desc{margin-top:.8rem;}
.sub_page_BOB .bob_time_table .desc p{line-height:1.4; padding-left:1.8rem; text-indent:-1.8rem; font-size:1.2rem;}
.sub_page_BOB .bob_time_table .desc p ~ p{margin-top:.2rem;}
.sub_page_BOB .bob_time_table .desc p:before{content:'·'; display:inline-block; padding:0 .6rem; text-indent:0; font-weight:900;}

@media all and (max-width:768px) {
    .sub_page_BOB .bob_time_table{flex-direction:column; gap:.8rem;}
    .sub_page_BOB .bob_time_table .tit{margin-top:0; height:3.8rem; font-size:1.6rem;}
    .sub_page_BOB .bob_time_table .calen{flex-direction:row; align-items:stretch; height:auto;}
    .sub_page_BOB .bob_time_table .row{flex-direction:column;}
    .sub_page_BOB .bob_time_table .month{width:100%; height:2rem;}
    .sub_page_BOB .bob_time_table .desc_wrap{padding:.8rem .8rem 2rem;}
    .sub_page_BOB .bob_time_table .item._m_50 .calen{flex-wrap:wrap;}
    .sub_page_BOB .bob_time_table .item._m_50 .row{width:50%; flex:unset;}
}

.sub_page_BOB .bob_info{display:flex; margin-top:3.2rem; gap:3.2rem 2.4rem; flex-wrap:wrap; align-items:stretch;}
.sub_page_BOB .bob_info .item{width:calc(50% - 1.2rem); display:flex; flex-direction:column;}
.sub_page_BOB .bob_info .item .tit{display:flex; align-items:center; justify-content:center; height:5.6rem; background-color:#00518F; border-radius:1.6rem 1.6rem 0 0; color:#f7f7f7; font-size:1.8rem; font-weight:700;}
.sub_page_BOB .bob_info .item .desc_wrap{background-color:#F7F7FB; padding:1.6rem 1.6rem 2.4rem; flex:1;}
.sub_page_BOB .bob_info .item .desc_wrap .row ~ .row{padding-top:1.6rem; margin-top:1.6rem; border-top:1px solid #E3E3E3;}
.sub_page_BOB .bob_info .item .desc_tit{font-size:1.6rem; font-weight:600;}
.sub_page_BOB .bob_info .item .desc{margin-top:.8rem;}
.sub_page_BOB .bob_info .item .desc p{line-height:1.4; padding-left:2rem; text-indent:-2rem; font-size:1.6rem;}
.sub_page_BOB .bob_info .item .desc p ~ p{margin-top:.2rem;}
.sub_page_BOB .bob_info .item .desc p:before{content:'·'; display:inline-block; padding:0 .9rem; text-indent:0; font-weight:900;}
.sub_page_BOB .bob_info .item:nth-child(2) .tit,
.sub_page_BOB .bob_info .item:nth-child(3) .tit{background-color: #007AD6;}

@media all and (max-width:768px) {
    .sub_page_BOB .bob_info{gap:2.4rem;}
    .sub_page_BOB .bob_info .item{width:100%;}
    .sub_page_BOB .bob_info .item .tit{height:3.8rem; font-size:1.6rem; background-color:#00518F;}
    .sub_page_BOB .bob_info .item .desc_tit{font-size:1.4rem;}
    .sub_page_BOB .bob_info .item .desc{font-size:1.4rem;}
    .sub_page_BOB .bob_info .item:nth-child(3) .tit{background-color:#00518F;}
    .sub_page_BOB .bob_info .item:nth-child(2) .tit,
    .sub_page_BOB .bob_info .item:nth-child(4) .tit{background-color: #007AD6;}
}


/* 화이트햇 스쿨 */
.sub_page_whitehat .wh_step{display:flex; align-items:stretch; gap:0.37rem; margin-top:3.2rem;}
.sub_page_whitehat .wh_step .item{flex:1;}
.sub_page_whitehat .wh_step .item .tit{display:flex; height:5.3rem; align-items:center; justify-content:center; font-size:1.8rem; font-weight:600; color:#004171; background-color:#F7F7FB;}
.sub_page_whitehat .wh_step .item .desc{margin-top:1.2em;}
.sub_page_whitehat .wh_step .item .desc p{line-height:1.4; padding-left:2rem; text-indent:-2rem; font-size:1.6rem;}
.sub_page_whitehat .wh_step .item .desc p ~ p{margin-top:.2rem;}
.sub_page_whitehat .wh_step .item .desc p:before{content:'·'; display:inline-block; padding:0 .9rem; text-indent:0; font-weight:900;}
.sub_page_whitehat .wh_step .item .desc .sub{font-size:1.4rem; color:#726C6C;}
.sub_page_whitehat ._sub{font-size:1.4rem; text-align:right; color:#726C6C; margin-top:2.4rem;}

.sub_page_whitehat table.type02{margin-top:3.2rem;}
.sub_page_whitehat table.type02 td{height:14rem;}


@media all and (max-width:768px) {
    .sub_page_whitehat .wh_step{gap:.3rem .1rem; flex-wrap:wrap; margin-top:2.4rem;}
    .sub_page_whitehat .wh_step .item{flex:unset; width:calc(50% - .05rem);}
    .sub_page_whitehat .wh_step .item .desc{margin:1.2rem 0;}
    .sub_page_whitehat .wh_step .item .desc p{font-size:1.4rem;}
    .sub_page_whitehat .wh_step .item .desc .sub{font-size:1.2rem;}
    .sub_page_whitehat ._sub{font-size:1.2rem;}

    .sub_page_whitehat table.type02{margin-top:2.4rem;}
    .sub_page_whitehat table.type02 td{height:auto;}
}


/* 사이버 가디언즈 */
.sub_page_cyber .guide_img{margin-top:3.2rem;}
.sub_page_cyber table.type02{margin-top:3.2rem;}

@media all and (max-width:768px) {
    .sub_page_cyber .guide_img{margin-top:2.4rem; text-align:center;}
    .sub_page_cyber table.type02{margin-top:2.4rem;}
}


/* 디지털 새싹 */
.sub_page_newsac .guide_img{margin-top:3.2rem;}
.sub_page_newsac table.type02{margin-top:3.2rem;}
.sub_page_newsac .guide_img02{margin-top:3.2rem; padding:0 3.2rem;}
.sub_page_newsac table .sub{font-size:1.4rem; color:#726C6C;}

@media all and (max-width:768px) {
    .sub_page_newsac .guide_img{margin-top:2.4rem; text-align:center;}
    .sub_page_newsac table.type02{margin-top:2.4rem;}
    .sub_page_newsac .guide_img02{margin-top:2.4rem; padding:0 0rem;}
}


/* 기업체 맞춤형 교육 */
.sub_page_estudy .guide_img{margin-top:3.2rem;}
.sub_page_estudy .estudy_table{text-align:left; border-spacing:.4rem 0; border-collapse:separate; border-bottom:1px solid #CCCBCB; table-layout:auto; margin-top:3.2rem;}
.sub_page_estudy .estudy_table .txt_center{text-align:center;}
.sub_page_estudy .estudy_table th{font-size:1.8rem; font-weight:600; height:5.3rem; padding:0 .8rem; border-bottom:1px solid #0062AC;}
.sub_page_estudy .estudy_table td{font-size:1.6rem; height:5.6rem; padding:1.6rem .8rem; border-bottom:1px solid #E3E3E3;}
.sub_page_estudy .estudy_table tr:last-child td{border-bottom:0;}
.sub_page_estudy .estudy_table td a{font-size:inherit;}
.sub_page_estudy .estudy_table tr td:last-child{width:22.5rem;}
.estudy_contact{margin-top:3.2rem; display:flex; flex-direction:column; gap:.8rem;}
.estudy_contact .item{display:flex; align-items:center; font-size:1.8rem; font-weight:500;}
.estudy_contact .item .key{width:6.6rem;}
.estudy_contact .item .val{padding-left:1.6rem; position:relative;}
.estudy_contact .item .val:before{content:''; height:1.8rem; position:absolute; left:0; top:50%; margin-top:-.9rem; border-left:1px solid #e3e3e3;}
.sub_page_estudy table.type02{margin-top:3.2rem;}
.sub_page_estudy table.type02 td{height:14rem;}

@media all and (max-width:768px) {
    .sub_page_estudy .guide_img{margin-top:2.4rem; text-align:center;}
    .sub_page_estudy .estudy_table{margin-top:2.4rem;}
    .sub_page_estudy .estudy_table th{font-size:1.6rem; height:4.6rem;}
    .sub_page_estudy .estudy_table td{font-size:1.4rem; height:5.2rem;}
    .sub_page_estudy .estudy_table tr td:last-child{width:7.3rem;}
    .estudy_contact{margin-top:2.4rem;}
    .estudy_contact .item{font-size:1.6rem;}
    .sub_page_estudy table.type02{margin-top:2.4rem;}
    .sub_page_estudy table.type02 td{height:auto;}
}



/* 국가기간전략산업직종훈련(미취업자) */
.sub_page_academy table.type02{margin-top:3.2rem;}
.sub_page_academy .guide_img{margin-top:3.2rem;}
.sub_page_academy .academy_table{border-top:1px solid #CCCBCB; border-bottom:1px solid #CCCBCB; text-align:left; line-height:1.6; text-align:center; margin-top:3.2rem;}
.sub_page_academy .academy_table tr ~ tr th,
.sub_page_academy .academy_table tr ~ tr td{border-top:1px solid #E3E3E3;}
.sub_page_academy .academy_table th{font-size:1.8rem; height:6rem; padding:1.6rem .8rem; font-weight:600; color:#004171; background-color:#F7F7FB; width:22.8rem;}
.sub_page_academy .academy_table td{font-size:1.6rem; height:6rem; padding:1.6rem .8rem;}
.sub_page_academy .academy_table td.blue01{color:#FAFAFA; font-size:1.8rem; background-color:#007AD6;}
.sub_page_academy .academy_table td.blue02{color:#FAFAFA; font-size:1.8rem; background-color:#00518F;}
.sub_page_academy .academy_table .bor_right{border-right:1px solid #E3E3E3;}

@media all and (max-width:768px){
    .sub_page_academy table.type02{margin-top:2.4rem;}
    .sub_page_academy .guide_img{margin-top:2.4rem; text-align:center;}
    .sub_page_academy .academy_table{margin-top:2.4rem;}
    .sub_page_academy .academy_table th{width:8.5rem; font-size:1.4rem; padding:0 .2rem;}
    .sub_page_academy .academy_table td{font-size:1.4rem; padding:1.6rem .4rem;}
    .sub_page_academy .academy_table td.blue01,
    .sub_page_academy .academy_table td.blue02{font-size:1.4rem;}

}


/* 스마트혁신제품 기술지원 사업 */
.sub_page_smart table.type02{margin-top:3.2rem;}
.sub_page_smart .dot_with_key{padding:1.2rem 0 1.2rem; display:flex; gap:2.4rem; align-items:flex-start; border-top:1px solid #CCCBCB;}
.sub_page_smart .dot_with_key .key{width:8.7rem; font-size:1.8rem; line-height:1.6; font-weight:600;}
.sub_page_smart .dot_with_key .dot_list{margin-top:.8rem;}
.sub_page_smart .dot_with_key.first{margin-top:4.8rem;}
.sub_page_smart .dot_with_key p {line-height:2.9rem;}
.sub_page_smart .table_wrap{display:flex; align-items:flex-start; margin-top:3.2rem; gap:1.6rem;}
.sub_page_smart .table_wrap .tit_wrap{display:flex; padding-top:1.2rem; border-top:1px solid #CCCBCB; width:20rem; gap:3.2rem;}
.sub_page_smart .table_wrap .tit_wrap .track{font-size:1.8rem; font-weight:600;}
.sub_page_smart .table_wrap .tit_wrap .tit{font-size:1.6rem; line-height:1.6;}
.sub_page_smart .smart_table{border-top:1px solid #CCCBCB; border-bottom:1px solid #CCCBCB; text-align:left; line-height:1.6; text-align:left; table-layout:auto; flex:1;}
.sub_page_smart .smart_table tr ~ tr th,
.sub_page_smart .smart_table tr ~ tr td{border-top:1px solid #E3E3E3;}
.sub_page_smart .smart_table th{font-size:1.6rem; height:6rem; padding:1.6rem .8rem; font-weight:600; color:#004171; background-color:#F7F7FB;}
.sub_page_smart .smart_table td{font-size:1.6rem; height:6rem; padding:1.6rem .6rem; border-right:1px solid #E3E3E3;}
.sub_page_smart .smart_table td.blue01{color:#FAFAFA; font-size:1.8rem; background-color:#007AD6;}
.sub_page_smart .smart_table td.blue02{color:#FAFAFA; font-size:1.8rem; background-color:#00518F;}
.sub_page_smart .smart_table .bor_right{border-right:1px solid #E3E3E3;}
.sub_page_smart .smart_table thead th._last{width:15.4rem; border-left:1px solid #FAFAFA;}
.sub_page_smart .smart_table tbody th{width:15.4rem; height:10rem;}
.sub_page_smart .smart_table thead th{text-align:center; height:3.8rem; font-size:1.8rem; color:#FAFAFA; background-color:#0062AC; font-size:1.8rem; font-weight:600; padding:0;}
.sub_page_smart .smart_table .txt_center{text-align:center;}
.sub_page_smart .smart_table ._sub{font-size:1.4rem; color:#726C6C; margin-top:.4rem;}


@media all and (max-width:768px) {
    .sub_page_smart table.type02{margin-top:2.4rem;}
    .sub_page_smart .dot_with_key{flex-direction:column; gap:.8rem;}
    .sub_page_smart .dot_with_key .key{font-size:1.6rem;}
    .sub_page_smart .dot_with_key p {font-size:1.4rem; line-height:1.6;}
    .sub_page_smart .table_wrap{flex-direction:column; gap:0;}
    .sub_page_smart .table_wrap .tit_wrap{width:100%; padding:1.2rem; justify-content:center; gap:.8rem; align-items:center;}
    .sub_page_smart .smart_table th{width:8.5rem; font-size:1.4rem; padding:0 .2rem;}
    .sub_page_smart .smart_table td{font-size:1.4rem; padding:1.6rem .4rem;}
    .sub_page_smart .smart_table td.blue01,
    .sub_page_smart .smart_table td.blue02{font-size:1.4rem;}
    .sub_page_smart .smart_table thead th{font-size:1.6rem;}
    .sub_page_smart .smart_table thead th._last{width:9.4rem;}
    .sub_page_smart .smart_table tbody th{width:6.1rem; padding:2.2rem 0 2.2rem .6rem;}
}


/* AI가전산업 상용화 지원플랫폼 */
.sub_page_ai table.type02 .dot_list li ~ li{margin-top:.6rem;}
.sub_page_ai .guide_img{margin-top:3.2rem;}
.sub_page_ai table.type02{margin-top:3.2rem;}

@media all and (max-width:768px) {
    
    .sub_page_ai .guide_img{margin-top:2.4rem; text-align:center;}
    .sub_page_ai table.type02{margin-top:2.4rem;}
}



/* 사업소개 */
.sub_page_introduce .img_wrap{display:flex; gap:1.1rem; margin-top:3.2rem;}
.sub_page_introduce .img_wrap .img{height:26.4rem; overflow:hidden;}
.sub_page_introduce .img_wrap .img img{width:100%; height:100%; object-fit:cover;}

@media all and (max-width:768px) {
    .sub_page_introduce .img_wrap{margin-top:2.4rem; flex-direction:column; gap:2.4rem;}
    .sub_page_introduce .img_wrap .img{height:auto;}

}

/* 게시판 형식 페이지(윤리경영과 동일) */
.sub_page_ethic .table_wrap{margin-top:2.4rem;}
.sub_page_ethic .pagination{margin-top:3.2rem;}


@media all and (max-width:768px) {
    .sub_page_ethic table.type01{table-layout:auto;}
    .sub_page_ethic table.type01 colgroup col{display:none;}
    .sub_page_ethic table.type01 thead tr th:first-child,
    .sub_page_ethic table.type01 tbody td.num{max-width:4.4rem; min-width:4.4rem;}
    .sub_page_ethic table.type01 thead tr th:first-child,
    .sub_page_ethic table.type01 tbody td{text-align:left; padding:1.6rem 0;}
    .sub_page_ethic table.type01 tbody td{vertical-align:top;}
    .sub_page_ethic table.type01 tbody td a{line-height:2.6rem;}
    .sub_page_ethic table.type01 tbody .m_only_cell{display:flex; justify-content:space-between; align-items:center; margin-top:1.6rem; font-size:1.4rem; color:#726C6C; font-weight:400;}
    .sub_page_ethic .pagination{margin-top:1.6rem;}
}

/* 게시판 형식 페이지(윤리경영_상세보기와 동일) */
.sub_page_ethic_detail .tit_wrap .tit{font-size:1.8rem; font-weight:600; line-height:1.6; padding:1rem; border-bottom:1px solid #0062AC;}
.sub_page_ethic_detail .tit_wrap .info{display:flex; align-items:center; border-bottom:1px solid #E3E3E3;}
.sub_page_ethic_detail .tit_wrap .info > div{height:4rem; flex:1; display:flex; align-items:center;}
.sub_page_ethic_detail .tit_wrap .info .key{width:10rem; text-align:center; font-size:1.4rem; font-weight:600;}
.sub_page_ethic_detail .tit_wrap .info .val{flex:1; padding:0 1rem; font-size:1.4rem;}
.sub_page_ethic_detail .file_wrap{padding:1.6rem 1rem; border-bottom:1px solid #E3E3E3;}
.sub_page_ethic_detail .file_wrap .file{display:block; font-size:1.4rem; padding-left:2rem; line-height:1.6rem; background:url('/images/icon/pdf_icon.png') no-repeat left top/1.6rem}
.sub_page_ethic_detail .file_wrap .file ~ .file{margin-top:.8rem;}
.sub_page_ethic_detail .pre_wrap{padding:2.4rem 2rem 8rem;}
.sub_page_ethic_detail .pre_wrap pre{white-space:pre-wrap;}
.sub_page_ethic_detail .prev_next_wrap{border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;}
.sub_page_ethic_detail .prev_next_wrap > div{display:flex; align-items:stretch; height:5.4rem;}
.sub_page_ethic_detail .prev_next_wrap > div ~ div{border-top:.5px solid #e3e3e3;}
.sub_page_ethic_detail .prev_next_wrap > div .btn{display:flex; align-items:center; justify-content:center; width:26rem; background-color:#F7F7FB; height:100%; cursor:default;}
.sub_page_ethic_detail .prev_next_wrap > div .btn a{display:flex; align-items:center; gap:1rem;}
.sub_page_ethic_detail .prev_next_wrap > div .btn a.prev:before{content:''; display:block; width:2.4rem; height:2.4rem; background:url('/images/icon/select_arrow_ac.png') no-repeat center/contain;}
.sub_page_ethic_detail .prev_next_wrap > div .btn a.next:before{content:''; display:block; width:2.4rem; height:2.4rem; background:url('/images/icon/select_arrow.png') no-repeat center/contain;}
.sub_page_ethic_detail .prev_next_wrap > div .title{flex:1; padding:1rem; display:flex; align-items:center;}
.sub_page_ethic_detail .btm_wrap{margin-top:5.6rem; display:flex; justify-content:flex-end; align-items:center;}
.sub_page_ethic_detail .btm_wrap .list_btn{display:inline-flex; height:5.6rem; justify-content:center; align-items:center; border-radius:.8rem; background-color:#0062AC; width:10rem; font-size:1.8rem; color:#fff; font-weight:600;}

@media all and (max-width:768px) {
    .sub_page_ethic_detail .tit_wrap .info{flex-wrap:wrap; }
    .sub_page_ethic_detail .tit_wrap .info > div:first-child{width:100%; flex:unset; border-bottom:1px solid #E3E3E3;}
    .sub_page_ethic_detail .tit_wrap .info .key{width:5.7rem;}
    .sub_page_ethic_detail .pre_wrap{padding:2.4rem 1rem 8rem;}
    .sub_page_ethic_detail .file_wrap .file{background-position:left center; line-height:1.7rem;}
    .sub_page_ethic_detail .prev_next_wrap > div .btn{width:10rem;}
    .sub_page_ethic_detail .prev_next_wrap > div .title{width:calc(100% - 10rem)}
    .sub_page_ethic_detail .prev_next_wrap > div .title a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}