@charset "utf-8";

/* 장애인활동지원사양성교육 list.skin.php  */
/* 장애인활동지원사양성교육 검색 */
#bo_list .bo_sch .bo_list_sch_wrap {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
#bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
#bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box select {
    border:1px solid #ddd;
    border-radius:10px;
    padding:20px;
    font-size:1em;
    font-weight:400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image:url(../img/select_arrow.png);
    background-repeat:no-repeat;
    background-position:88% center;
    width:150px;
}
#bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box .bo_list_select:last-child select {
    width:250px;
}
#bo_list .bo_sch .bo_list_sch_wrap .sch_btn {
    border:1px solid #3A5188;
    background-color:#004F90;
    border-radius:10px;
    width:100px;
    padding:15px 20px;
    font-size:1.11em;
    font-weight:700;
    color:#fff;
}
/* 리스트 - 하단 버튼 */
.bo_fx {margin:20px 0;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px; font-size: 13px;}



/* 토탈정보 */
#bo_list_total {
    margin-top:50px;
}
#bo_list_total .total_ti {
    font-size:1em;
    font-weight:500;
    letter-spacing:-0.54px;
}

/* 리스트 */
#bo_list #education_list {
    display:flex;
    flex-direction:column;
    gap:30px;
    margin-top:50px;
}
#bo_list #education_list .education_list_box {
    border:1px solid #ddd;
    border-radius:30px;
    background-color:#f9f9f9;
    padding:30px 50px;
    display:flex;
    align-items:center;
    gap:34px;
    position: relative;
}

/* 접수상태 버튼 스타일 */
#bo_list .staBtn {
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:0.88em;
    font-weight:700;
}
#bo_list .state_waite {
    background-color:#CCF8C8;
}
#bo_list .state_ing {
    background-color:#BADEFC;
}
#bo_list .state_close {
    background-color:#FFD0D0;
}


/* 장애인활동지원사양성교육 목록 - 내용 */
#bo_list #education_list .education_list_box .education_list_cont {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:20px;
}
#bo_list #education_list .education_list_box .education_list_cont .education_list_title {
    font-size:1.33em;
    font-weight:800;
    font-family: 'SUITE', sans-serif;
}
#bo_list #education_list .education_list_box .education_list_cont .education_list_title span.classification_standard {
    color:#00613E;
}
#bo_list #education_list .education_list_box .education_list_cont .education_list_title span.classification_specialisation {
    color:#004F90;
}
#bo_list #education_list .education_list_box .education_list_cont .education_list_info {
    display:flex;
    flex-wrap: wrap;
    align-items:center;
}
#bo_list #education_list .education_list_box .education_list_cont .education_list_info ul {
    width:50%;
    display:flex;
    align-items:center;
    gap:10px;
    margin:4px 0;
}
#bo_list #education_list .education_list_box .education_list_cont .education_list_info .education_list_info_ti {
    width:80px;
    text-align:center;
    font-size:0.88em;
    font-weight:600;
    background-color:#fff;
    border-radius:30px;
    padding:3px 0;
}
#bo_list #education_list .education_list_box .education_list_cont .education_list_info .education_list_info_co {
    flex:1;
    font-size:0.88em;
    font-weight:400;
    padding:3px 0;
}
#bo_list #education_list .education_list_box .label_classification {
    position:absolute;
    top:0;
    right:50px;
    width:90px;
    padding:10px;
    border-radius:0 0 20px 20px;
    text-align:center;
}
#bo_list #education_list .education_list_box .label_classification.classification_standard {
    background-color:#00613E;
}
#bo_list #education_list .education_list_box .label_classification.classification_specialisation {
    background-color:#004F90;
}
#bo_list #education_list .education_list_box .label_classification p {
    font-size:1em;
    font-weight:700;
    color:#fff;
}

#bo_list .bo_user_btn .ck_btn_a,
#bo_list .bo_user_btn .ck_btn_admin {
    padding: 8px 15px;
    background: #444!important;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    border: none!important;
    box-shadow: none;
    line-height: normal;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* no data */
.list_data_box {
    border:1px solid #ccc;
    border-radius: 10px;
    width: 100%;
    text-align: center;
    padding: 50px 0;
}

/* 장애인활동지원사양성교육 목록 - 호버 */
#bo_list #education_list a:hover .education_list_box,
#bo_list #education_list a:active .education_list_box,
#bo_list #education_list a:focus .education_list_box {
    border-color:#004F90;
    background-color:#EDF7FF;
    transition:all .3s;
}
/* 장애인활동지원사양성교육 목록 - 페이징 */
#program-paging {
    margin-top:50px;
}
#program-paging .pg_wrap {
    float:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}
#program-paging .pg_wrap .pg {
    display:flex;
    align-items:center;
    gap:10px;
}
#program-paging .pg_wrap .pg .pg_current {
    width:40px;
    height:40px;
    border:1px solid #ddd;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.88em;
    font-weight:400;
    letter-spacing:-0.8px;
    color:#fff;
    background-color:#004F90;
}
#program-paging .pg_wrap .pg .pg_page {
    width:40px;
    height:40px;
    border:1px solid #ddd;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.88em;
    font-weight:400;
    letter-spacing:-0.8px;
    color:#444;
    background-color:#fff;
}
#program-paging .pg_wrap .pg .pg_prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1367_8301)'%3E%3Cpath d='M11.0024 1.8973e-05C11.6336 -0.00372891 12.1486 0.504509 12.1523 1.13539C12.1539 1.44226 12.0323 1.73735 11.8142 1.95317L5.7555 7.99686L11.8142 14.0411C12.2622 14.4893 12.2622 15.2156 11.8142 15.6638C11.3663 16.1121 10.6391 16.1121 10.1912 15.6638L3.33244 8.80876C2.8893 8.36318 2.8893 7.6434 3.33244 7.19782L10.1912 0.342771C10.405 0.124802 10.6975 0.00108992 11.003 1.8973e-05L11.0024 1.8973e-05Z' fill='%23444444'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1367_8301'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#program-paging .pg_wrap .pg .pg_next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.14992 16C3.51871 16.0037 3.00377 15.4955 3.00002 14.8646C2.99841 14.5577 3.12004 14.2627 3.33813 14.0468L9.39685 8.00314L3.33813 1.95891C2.89017 1.51065 2.89017 0.784448 3.33813 0.336192C3.78609 -0.112064 4.51322 -0.112064 4.96118 0.336192L11.8199 7.19124C12.263 7.63682 12.263 8.3566 11.8199 8.80218L4.96118 15.6572C4.74738 15.8752 4.45482 15.9989 4.14939 16H4.14992Z' fill='%23444444'/%3E%3C/svg%3E");
}
#program-paging .pg_wrap .pg .pg_start {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M7.99117 -0.000255685C8.6224 -0.00400452 9.13735 0.504777 9.1411 1.13567C9.14271 1.44254 9.02107 1.73764 8.80298 1.95347L2.74416 7.99726L8.80298 14.0411C9.21344 14.5204 9.15771 15.2418 8.67813 15.652C8.24998 16.0183 7.61876 16.0183 7.19115 15.652L0.332312 8.79685C-0.110833 8.35126 -0.110833 7.63147 0.332312 7.18588L7.19115 0.33072C7.40388 0.119709 7.69163 0.000814311 7.99117 -0.000792604L7.99117 -0.000255685Z' fill='%23444444'/%3E%3Cpath d='M14.8501 -0.000253778C15.4813 -0.00400166 15.9962 0.504245 16 1.13513C16.0016 1.44201 15.88 1.7371 15.6619 1.95293L9.60305 7.99673L15.6619 14.0411C16.1098 14.4893 16.1098 15.2155 15.6619 15.6638C15.2139 16.1121 14.4868 16.1121 14.0388 15.6638L7.17995 8.80863C6.7368 8.36305 6.7368 7.64326 7.17995 7.19767L14.0388 0.342504C14.2526 0.124532 14.5452 0.000817172 14.8506 -0.000253778L14.8501 -0.000253778Z' fill='%23444444'/%3E%3C/svg%3E");
}
#program-paging .pg_wrap .pg .pg_end {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00883 16.0003C7.3776 16.004 6.86265 15.4952 6.8589 14.8643C6.85729 14.5575 6.97893 14.2624 7.19702 14.0465L13.2558 8.00274L7.19702 1.95895C6.78656 1.47962 6.84229 0.758223 7.32187 0.347984C7.75002 -0.0183385 8.38124 -0.0183385 8.80885 0.347984L15.6677 7.20315C16.1108 7.64874 16.1108 8.36853 15.6677 8.81411L8.80885 15.6693C8.59612 15.8803 8.30837 15.9992 8.00883 16.0008V16.0003Z' fill='%23444444'/%3E%3Cpath d='M1.14994 16.0003C0.518716 16.004 0.00376666 15.4958 1.57334e-05 14.8649C-0.00159181 14.558 0.120045 14.2629 0.338135 14.0471L6.39696 8.00327L0.338135 1.95894C-0.109833 1.51068 -0.109833 0.784461 0.338135 0.336198C0.786103 -0.112066 1.51325 -0.112066 1.96122 0.336198L8.82006 7.19136C9.2632 7.63695 9.2632 8.35674 8.82006 8.80233L1.96122 15.6575C1.74741 15.8755 1.45484 15.9992 1.14941 16.0003H1.14994Z' fill='%23444444'/%3E%3C/svg%3E");
}
/* 장애인활동지원사양성교육 view.skin.php  */
/* 공통 css */
#bo_v .program_com_title {
    display:flex;
    align-items:center;
    justify-content:space-between;
}
#bo_v .program_com_title h3 {
    font-size:1.22em;
    font-weight:600;
}
#bo_v .program_com_title .list_btn {
    padding:8px 15px;
    background-color:#004F90;
    border-radius:5px;
    text-align:center;
    font-size:1.22em;
    font-weight:700;
    color:#fff;
}
#bo_v .edu_pro_box {
    border:1px solid #d9d9d9;
    border-radius:10px;
    padding:50px;
}
/* 장애인활동지원사양성교육 프로그램 내용 */
#bo_v #education_program_view {
    display:flex;
    flex-direction:column;
    gap:30px;
    padding:30px 0;
}
#bo_v #education_program_view .edu_pro_view_cont {
    display:flex;
    flex-direction:column;
    gap:20px;
}
/* 프로그램 제목 */
#bo_v #education_program_view .edu_pro_subject {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#bo_v #education_program_view .edu_pro_subject h4 {
    font-size:1.44em;
    font-weight:600;
    text-align:center;
}
#bo_v #education_program_view .edu_pro_subject ul {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}
#bo_v #education_program_view .edu_pro_subject ul li {
    border:1px solid #ddd;
    border-radius:5px;
    padding:5px 10px;
    font-size:0.88em;
    font-weight:400;
    color:#555;
}
#bo_v #education_program_view .edu_pro_subject ul li.write_time {
    border:none;
    font-size:1em;
    font-weight:700;
    color:#004F90;
}
/* 기본정보 */
#bo_v #education_program_view .edu_pro_info {
    display:flex;
    flex-direction:column;
    border-top:3px solid #004F90;
}
#bo_v #education_program_view .edu_pro_info .edu_pro_info_box {
    display:flex;
    align-items:stretch;
    border-bottom:1px solid #d9d9d9;
}
#bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list {
    flex:1;
    display:flex;
    align-items:stretch;
}
#bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list li {
    padding:20px 15px;
}
#bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list .info_box_list_ti {
    width:200px;
    background-color:#EDF7FF;
    text-align:center;
    font-size:1em;
    font-weight:600;
    letter-spacing:-0.54px;
}
#bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list .info_box_list_co {
    flex:1;
    font-size:1em;
    font-weight:400;
    letter-spacing:-0.54px;
}
#bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list .info_box_list_co .classification_standard {
    color:#00613E;
    font-weight:600;
}
#bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list .info_box_list_co .classification_specialisation {
    color:#004F90;
    font-weight:600;
}
/* 교육상세 내용 */
#bo_v #education_program_view .edu_pro_detail p {
    line-height:1.44;
}


#bo_v #education_program_view .edu_detail_cont {
    display:flex;
    flex-direction:column;
    gap:40px;
}
#bo_v #education_program_view .edu_detail_cont .edu_detail_noti p {
    line-height:1.5;
    color:#F23E3E;
}
#bo_v #education_program_view .edu_detail_cont .edu_detail_text {
    display:flex;
    flex-direction:column;
    gap:5px;
}
#bo_v #education_program_view .edu_detail_cont .edu_detail_text .edu_detail_ti {
    font-weight:700;
}
#bo_v #education_program_view .edu_detail_cont .edu_detail_text .edu_detail_co {
    font-size:0.88em;
}
#bo_v #education_program_view .edu_detail_cont .edu_detail_text .edu_detail_step_img img {
    width:100%;
    max-width:1000px;
    margin:auto;
}
#bo_v #education_program_view .edu_detail_cont .edu_detail_text.highlight p {
    text-decoration: underline;
    text-decoration-color: #f1ffbf;
    text-decoration-thickness: 10px;
    text-underline-offset: -5px;
    text-decoration-skip-ink: none;
}

#routeEtc {
    height: 36px !important;
    border-radius: 3px !important;
    border: 1px solid #ccc !important;
    margin-top: 5px;
}

/* 관리자 버튼 */
#bo_v #education_program_view .bo_user_btns {
    display:flex;
    align-items:center;
    justify-content:space-between;
}
#bo_v #education_program_view .bo_user_btns .bo_user_btn {
    display:flex;
    align-items:center;
    gap:5px;
}
#bo_v #education_program_view .bo_user_btns .bo_user_btn button,
#bo_v #education_program_view .bo_user_btns .bo_user_btn a {
    padding:8px 15px;
    background-color:#444;
    border-radius:5px;
    font-size:1em;
    font-weight:700;
    color:#fff;
    border:none;
    box-shadow:none;
}
#bo_v #education_program_view .bo_user_btns .bo_user_btn button.goList,
#bo_v #education_program_view .bo_user_btns .bo_user_btn a.goList {
    background-color:#004F90;
}
#bo_v #education_program_view .bo_user_btns .bo_user_btn button:hover,
#bo_v #education_program_view .bo_user_btns .bo_user_btn a:hover {
    background-color:#222;
}
#bo_v #education_program_view .bo_user_btns .bo_user_btn button.goList:hover,
#bo_v #education_program_view .bo_user_btns .bo_user_btn a.goList:hover {
    background-color:#192D60;
}
/* 신청서작성하기/신청내역 확인하기 */
#bo_v #education_application {
    padding:30px 0;
    display:flex;
    flex-direction:column;
    gap:30px;
}
/* 신청서작성하기/신청내역 확인하기 탭 */
#bo_v #education_application .program_tab {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    margin-bottom: 30px;
}
#bo_v #education_application .program_tab li {
    flex: 1;
}
#bo_v #education_application .program_tab li a {
    padding: 30px 20px;
    text-align: center;
    font-size: 1.22em;
    font-weight: 700;
    color: #004F90;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#bo_v #education_application .program_tab li a svg path {
    fill: #004F90;
}
#bo_v #education_application .program_tab li a.active svg path {
    fill: #fff;
}
#bo_v #education_application .program_tab li a.active {
    background-color: #004F90;
    color: #fff;
}

#education_application .application_list {
    display: none;
}

/* 신청서 작성하기 application_content.php */
#application_w form {
    display:flex;
    flex-direction:column;
    gap:30px;
}
#application_w .application_w_cont {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#application_w .application_w_cont .requireMark {
    font-size:0.74em;
    color:#F23E3E;
}

/* 신청서를 작성해 주세요. */
#application_w .application_input_box {
    border-top:3px solid #004F90;
    display:flex;
    flex-direction:column;
}
#application_w .application_input_box > ul {
    display:flex;
    align-items:stretch;
    border-bottom:1px solid #d9d9d9;
}
#application_w .application_input_box .application_input_ti {
    width:200px;
    padding:20px 15px;
    background-color:#EDF7FF;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}
#application_w .application_input_box .application_input_ti label {
    font-size:1em;
    font-weight:600;
    letter-spacing:-0.54px;
    line-height:1.44;
}
#application_w .application_input_box .application_input_co {
    flex:1;
}
#application_w .application_input_box .application_input_co .application_input_wrap {
    display:flex;
    flex-direction:column;
}
#application_w .application_input_box .application_input_co .application_radio_wrap {
    padding:20px 15px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
#application_w .application_input_box .application_input_co .application_radio_wrap > label {
    display:flex;
    align-items:flex-start;
    gap:10px;
}
#application_w .application_input_box .application_input_co input[type="password"],
#application_w .application_input_box .application_input_co input[type="text"] {
    padding:20px 15px;
    border:none;
    width:100%;
}
#application_w .application_input_box .application_input_co input[type="radio"] {
    appearance: none;
    width: 17px;
    flex: 0 0 17px;
    height: 17px;
    border-radius: 50%;
    background-color: #d9d9d9;
    border: 3px solid #d9d9d9;
}
#application_w .application_input_box .application_input_co input[type="radio"]:checked {
    border-color: #004F90;
    background-color: #fff;
}
#application_w .application_input_box .application_input_co .application_input_wrap input[type="text"] {
    border-bottom:1px solid #d9d9d9;
}
#application_w .application_input_box .application_input_co .application_input_wrap input[type="text"]:last-child {
    border-bottom:none;
}
#application_w .captcha_wrap_box {
    padding: 20px;
    text-align: center;
}

/* 비회원 신청서 조회 */
#searchWrap { width: 100%; text-align: center; margin: 0 auto 20px 0; padding: 40px 0;  }
#searchWrap input { width:100%; height: 40px; border: 1px solid #ccc; border-radius: 5px; padding: 0px 10px; margin-bottom:10px; }
#searchWrap button { width:100%; background:#555; color:#fff; height: 38px; border: 0px; border-radius: 5px; padding: 0px 20px; font-size:16px; }
#searchWrap .sw-search { position:relative; display: block; width: 100%; max-width:200px; margin:0 auto; }
#searchWrap .txt {font-size:16px; margin-bottom:25px;;}

/* 신청안내 */
#application_w .application_text_box p {
    line-height:1.44;
}
#application_w .application_check_box {
    border:1px solid #ddd;
    border-radius:10px;
    background-color:#EDF7FF;
    padding:20px 10px;
    text-align:center;
    margin-top:20px;
}
#application_w .application_check_box input[type="checkbox"] {
    margin-right:10px;
}
#application_w .agree_box {
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* 신청/취소 버튼 */
#application_w .application_btns {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
#application_w .application_btns button {
    border:0px;
    border-radius:5px;
    padding:12px 28px;
    font-size:1.22em;
    font-weight:700;
}
#application_w .application_btns .submit_btn {
    background-color:#004F90;
    color:#fff;
}
#application_w .application_btns .cancel_btn {
    background-color:#888;
    color:#fff;
}
#application_w .application_btns .delete_btn {
    background-color:#333;
    color:#fefefe;
}
#application_w .application_btns button:hover {
    background-color:#49B14F;
    color:#fff;
}


/* 신청내역 확인하기 application_list.php */
#application_list {
    padding:30px 0;
}
#application_list .application_list_cont {
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* 신청내역 확인하기 - 신청목록 */
#application_list .application_list_cont .application_list_title {
    display:flex;
    align-items:center;
    gap:10px;
}
#application_list .application_list_cont .application_list_title p {
    font-size:1.22em;
    font-weight:600;
}
#application_list .application_list_cont .application_list_title ul {
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    gap:10px;
    flex:1;
}
#application_list .application_list_cont .application_list_title ul li {
    border:1px solid #ddd;
    border-radius: 5px;
    padding:5px 10px;
    font-size:0.88em;
    font-weight:400;
    color:#444;
}

.application_radio_wrap input[type="checkbox"],
.application_radio_wrap input[type="radio"],
.application_radio_wrap label {
    cursor: pointer;
}
.ipt-agree:checked + label,
.application_radio_wrap input[type="checkbox"]:checked + label,
.application_radio_wrap input[type="radio"]:checked + label {
    color: blue;
}
.application_radio_wrap .addr,
.application_radio_wrap .zipcode {
    height: 36px;
    border:1px solid #ccc !important;
}
.application_radio_wrap .btn_addr {
    border: 0;
    background: none;
}
.option-wrap li {
    display: inline-block;
    margin-right: 10px;
    padding: 4px 0;
}
.option-direction-row .option-wrap li {
    display: block !important;
}
.ipt-agree + label,
.ipt-agree {
    cursor: pointer;
}


/* 첨부파일 VIEW */
#bo_v .edu_pro_view_cont .file_wrap {
    border:1px solid #d9d9d9;
    border-radius:10px;
    background-color:#fff;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:20px;
}
#bo_v .edu_pro_view_cont .file_wrap .file_box {
    border:1px solid #ddd;
    border-radius:10px;
    background-color:#fff;
    padding:20px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
    display:flex;
    align-items:stretch;
    gap:20px;
}
#bo_v .edu_pro_view_cont .file_wrap .file_box .file_icon {
    display:flex;
    align-items:center;
    justify-content:center;
}
#bo_v .edu_pro_view_cont .file_wrap .file_box .file_info {
    flex:1;
}
#bo_v .edu_pro_view_cont .file_wrap .file_box .file_info .file_ti {
    font-size:1rem;
    font-weight:600;
    line-height:1.44;
}
#bo_v .edu_pro_view_cont .file_wrap .file_box .file_info .file_co {
    font-size:0.88rem;
    font-weight:600;
    color:#555;
    line-height:1.62;
}
/* 첨부파일 VIEW 끝 */




#bo_vc .ck_btn_a {
    padding: 8px 15px;
    background: #004F90!important;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    border: none!important;
    box-shadow: none;
    line-height: normal;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto 0 auto auto;
}
/*--------------- 반응형 미디어쿼리 ----------------*/
@media (max-width:1440px) {}
@media (max-width:1200px) {
    #bo_list #education_list .education_list_box {
        padding:30px;
        gap:30px;
    }
    #bo_list #education_list .education_list_box .label_classification {
        right:30px;
    }
    #bo_list #education_list .education_list_box .education_state {
        width:80px;
        height:80px;
    }


    #bo_vc {
        overflow-x:scroll;
    }
    #bo_vc #tbl-list {
        width:1440px;
    }
}
@media (max-width:1024px) {
    #bo_vc #tbl-list {
        width:1200px;
    }
}
@media (max-width:991px) {

    #bo_list .bo_sch .bo_list_sch_wrap {
        flex-direction:column;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box select {
        width:120px;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box .bo_list_select:last-child select {
        width:200px;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .sch_btn {
        width:150px;
    }


    #bo_list #education_list {
        flex-direction:row;
        flex-wrap: wrap;
    }
    #bo_list #education_list a {
        display:block;
        flex: 0 0 calc(50% - 15px);
    }
    #bo_list #education_list .education_list_box .label_classification {
        right:50%;
        transform:translateX(50%);
        width:75%;
    }
    #bo_list #education_list .education_list_box {
        padding-top:50px;
        flex-direction:column;
        border-radius:20px;
        gap:10px;
    }
    #bo_list #education_list .education_list_box .education_state {
        width:120px;
        height:30px;
        border-radius:20px;
    }
    #bo_list #education_list .education_list_box .education_state .staBtn {
        width:100%;
        height:100%;
        border-radius:20px;
    }
    #bo_list #education_list .education_list_box .education_list_cont .education_list_title {
        text-align:center;
    }
    #bo_list #education_list .education_list_box .education_list_cont .education_list_title span {
        display:block;
    }
    #bo_list #education_list .education_list_box .education_list_cont .education_list_info {
        flex-direction:column;
    }
    #bo_list #education_list .education_list_box .education_list_cont .education_list_info ul {
        width:100%;
    }


    #bo_v .edu_pro_box {
        padding:30px;
    }
    #bo_v .program_com_title .list_btn {
        font-size:1em;
    }

    #bo_v #education_program_view .edu_pro_subject ul {
        flex-wrap: wrap;
    }
    #bo_v #education_program_view .edu_pro_info .edu_pro_info_box {
        flex-direction:column;
        border-bottom:none;
    }
    #bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list {
        border-bottom:1px solid #d9d9d9;
    }
    #bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list .info_box_list_ti {
        width:180px;
    }


    #bo_v #education_application .program_tab li a {
        padding:20px;
    }


    #application_w .application_input_box .application_input_ti {
        width:180px;
    }


    #application_w .application_btns button {
        padding:10px 20px;
        font-size:1.11em;
    }

    #application_list .application_list_cont .application_list_title {
        flex-direction:column;
        align-items: flex-start;
    }


    #bo_vc #tbl-list {
        width:1024px;
    }
}
@media (max-width:768px) {
    #bo_v #education_program_view .bo_user_btns {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    #bo_v #education_program_view .bo_user_btns .bo_user_btn.bo_user_btn_right {
        align-self:flex-end;
        flex-wrap: wrap;
    }


    #bo_vc #tbl-list {
        width:991px;
    }
}
@media (max-width:640px) {
    #bo_list .bo_sch .bo_list_sch_wrap {
        gap:10px;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box {
        flex-direction:column;
        gap:10px;
        width:100%;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box .bo_list_select {
        width:100%;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box select {
        width:100%;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .bo_list_select_box .bo_list_select:last-child select {
        width:100%;
    }
    #bo_list .bo_sch .bo_list_sch_wrap .sch_btn {
        width:100%;
    }


    #bo_list #education_list a {
        flex: 0 0 100%;
    }

    #bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list {
        flex-direction:column;
    }
    #bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list .info_box_list_ti {
        width:100%;
    }
    #bo_v #education_program_view .edu_pro_info .edu_pro_info_box .info_box_list .info_box_list_co {
        text-align:center;
    }

    #bo_v #education_application .program_tab li a {
        font-size:1.11em;
    }

    #application_w .application_input_box ul {
        flex-direction:column;
    }
    #application_w .application_input_box .application_input_ti {
        width:100%
    }


    #bo_vc #tbl-list {
        width:768px;
    }
}
@media (max-width:480px) {
    #bo_v #education_application .program_tab {
        flex-direction:column;
    }
}