/*공통으로 사용될 css를 보관함*/
@import "../../css/default.css";



/*신청하기*/
/*---------- sub05_01 ------------*/
.sub05{margin: 0 0 80px;}
.sub05 .topline_tb{border-top: 2px solid #000000; width: 100%; border-spacing : 0; border-collapse : collapse; font-size: 17px; line-height: 27px; letter-spacing: -0.5px; table-layout:fixed;}
.sub05 .topline_tb th,
.sub05 .topline_tb td{border: 1px solid #A8A8A8; text-align: center; padding: 15px; }
.sub05 .topline_tb th{background: #F1F1F1; font-weight: bold;}
.sub05 .topline_tb th:first-child, td:first-child{border-left:0;}
.sub05 .topline_tb th:last-child, td:last-child{border-right: 0;}
.sub05 .cs_content{width: 100%; text-align: center;}
.sub05 .call_txt{font-size: 20px; position: relative; margin-bottom: 30px;}
.sub05 .call_txt img{position: relative; top: -3px;}
.sub05 .call_txt span{font-weight: bold; color: #006BD5;}
.sub05 .application_bt{background: #003A47; width: 300px; height: 60px; text-align: center; display: block; margin: 0 auto;}
.sub05 .application_bt a{display: block; color: #fff; font-weight: bold; line-height: 60px; font-size: 17px;}

.sub05 .jobedu_con .board_tb{width: 100%; border-top: 2px solid #000; border-spacing : 0; border-collapse : collapse; font-size: 17px; line-height: 27px; letter-spacing: -0.5px; table-layout:fixed;}
.sub05 .jobedu_con .board_tb th,
.sub05 .jobedu_con .board_tb td{border-bottom: 1px solid #A8A8A8; padding: 15px; text-align: center;}
.sub05 .jobedu_con .board_tb td{border-right: 0; border-left: 0;}
.sub05 .jobedu_con .board_tb th{background: #F1F1F1; font-weight: bold;}
.sub05 .jobedu_con .board_tb .num{width: 8%;}
.sub05 .jobedu_con .board_tb .program{width: 33%; }
.sub05 .jobedu_con .board_tb .time{width: 12%;}
.sub05 .jobedu_con .board_tb .area{width: 6%;}
.sub05 .jobedu_con .board_tb .program_txt{text-align: left;}
.sub05 .jobedu_con .board_tb .pc_view{display: table-cell;}
.sub05 .jobedu_con .board_tb .t_view{border: 0;}

.sub05 .view_content{width: 100%; display: inline-flex;}
.sub05 .view_box{width: calc(50% - 52px); margin-left: 100px;}
.sub05 .view_box:first-child{margin-left: 0;}
.sub05 .view_img img{width: 100%;}
.sub05 .view_txt .program_tit{font-size: 22px; line-height: 33px; font-weight: bold; margin-bottom: 30px;}
.sub05 .view_txt .program_info{border-top: 2px solid #000; }
.sub05 .view_txt .program_info ul{border-bottom: 1px solid #A8A8A8; padding: 15px 30px;display: flex;}
.sub05 .view_txt .program_info li{ font-size: 17px; line-height: 27px; display: inline-block;}
.sub05 .view_txt .program_info .tit{width: 25%; font-weight: bold;}
.sub05 .view_txt .program_info .cont{width: 75%;}
.sub05 .view_txt .bt_area{width: 100%; margin-top: 20px; display: flex; justify-content: flex-end;}

.sub05 .bt_area .view_application_bt {
    width: 130px;
    height: 45px;
    background: #363636;
    margin-right: 10px;
    color: #fff;
    font-size: 17px;    
    text-align: center;
    font-weight: bold;
}
.sub05 .bt_area .view_list_bt{width: 80px; height: 45px; background: #A8A8A8;}
.sub05 .bt_area a{display: block; color: #fff; font-size: 17px; line-height: 45px; text-align: center; font-weight: bold;}
.sub05 .bt_area .write_cancel_bt{width: 80px; height: 45px; background: #A8A8A8;}

.sub05 .write_content .write_gray_box{display: block; width: 100%; max-width: 800px; margin: 0 auto; background: #F1F1F1; border-radius: 50px; padding: 60px 100px;}
.sub05 .write_gray_box .pro_tit{font-size: 30px; line-height: 40px; font-weight: bold; letter-spacing: -1px; text-align: center;}
.sub05 .write_gray_box .write_skytit{font-size: 23px; line-height: 32px; color: #00AFD5; font-weight: bold; margin-bottom: 20px;}
.sub05 .write_gray_box .write_box{margin-top: 50px;}
.sub05 .write_gray_box .basic_info_tb{border-top: 2px solid #000; width: 100%;}
.sub05 .write_gray_box .basic_info_tb .basic_list{display: flex; border-bottom: 1px solid #A8A8A8; padding: 7px 20px; align-items: center;}
.sub05 .write_gray_box .basic_info_tb .basic_list li{list-style: none;}
.sub05 .write_gray_box .basic_info_tb .ess{color: #FF0000;}
.sub05 .write_gray_box .basic_info_tb .tit{font-size: 17px; line-height: 27px; font-weight: bold; width: 20%; word-break: keep-all;}
.sub05 .write_gray_box .basic_info_tb .cont{width: 80%; font-size: 17px; letter-spacing: -1px;}
.sub05 .write_gray_box .bt_area{width: 100%; margin-top: 20px; display: flex; justify-content: center;}
.sub05 .write_gray_box .privacy textarea{width: 100%; height: 240px; overflow:auto; resize: none; border: 1px solid #C6C6C6; font-size: 16px; padding: 10px;}
.sub05 .write_gray_box .privacy .privacy_agree{display: flex; font-size: 17px; line-height: 27px; justify-content: space-between; margin-top: 20px;}
.sub05 .write_gray_box .privacy .privacy_agree .agree_area input{margin-left: 10px;}

.sub05 .write_gray_box input{width: 80%; height: 45px; border: 1px solid #C7C7C7; padding: 10px; font-size: 17px; }
.sub05 .write_gray_box input[type="radio"]{width: 22px; height: 22px; border: 1px solid #C7C7C7; margin-right: 5px; }
.sub05 .write_gray_box input[type="file"]{border: 0;}
.sub05 .write_gray_box .call_box{width: 80px;}
.sub05 .write_gray_box .call_hyp{margin: 0 5px; }
.sub05 .write_gray_box .wd80{width: 80px;}
.sub05 .write_gray_box .wd100{width: 100%;}
.sub05 .write_gray_box .wd-inum{width: 36.9%;}
.sub05 .write_gray_box .btn_address{background: #A8A8A8; height: 45px; border: 0; color: #fff; font-size: 15px; margin-left: 3px;}
.sub05 .write_gray_box select{width: 80%; height: 45px; border: 1px solid #C7C7C7; padding: 10px; font-size: 17px;
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background:url('/theme/basic/img/select_arrow.png') no-repeat 97% 50%/12px auto #fff;
}
.sub05 .write_gray_box p{margin: 5px 0;}
.sub05 .write_gray_box input[type="checkbox"]{width: 20px; height: 20px;}
.sub05 .write_gray_box textarea{width: 100%; height: 170px; overflow:auto; resize: none; border: 1px solid #C6C6C6;}


/*---------- sub05_02 ------------*/
.sub05 .icon_infocon{display: inline-flex; width: 100%; margin-top: 30px;}
.sub05 .icon_infobox{width: calc(50% - 42px); margin-left: 80px; background: #F1F1F1; border-radius: 50px; text-align: center; padding: 40px;}
.sub05 .icon_infobox:first-child{margin-left: 0;}
.sub05 .icon_infobox h5{font-size: 22px; line-height: 33px; margin: 15px 0; }
.sub05 .icon_infobox p{font-size: 17px; line-height: 27px;}

.sub05 .system_con{width: 100%; font-size: 0; letter-spacing: 0; word-spacing: 0; }
.sub05 .system_box{width:25%; border: 1px solid #E2E2E2; padding: 60px 0; text-align: center; display: inline-block; margin:0  -1px -1px 0; max-height: 261px; vertical-align: top;}
.sub05 .system_box .step{margin-top: 20px; color: #00AFD5; font-weight: bold;}






@media (max-width: 1250px) {

}


@media (max-width: 768px) {

    /*---------- sub05_01 ------------*/
    .sub05 .jobedu_con .board_tb .pc_view{display: none;}
    .sub05 .jobedu_con .board_tb .board_tit{font-weight: bold; font-size: 17px;}

    .sub05 .view_content{display: block;}
    .sub05 .view_box{width: 100%; margin-left: 0;}
    .sub05 .view_txt .program_info ul{display: block;}
    .sub05 .view_txt .program_info .tit{width: 100%;}
    .sub05 .view_txt .program_info .cont{width: 100%;}
    .sub05 .view_txt .program_info ul{padding: 15px;}
    .sub05 .view_txt .program_info li {font-size: 16px; line-height: 26px;}
    .sub05 .bt_area a{font-size: 16px;}

    .sub05 .write_content .write_gray_box{padding: 40px;}
    .sub05 .write_gray_box .pro_tit{font-size: 22px; line-height: 33px;}
    .sub05 .write_gray_box .write_skytit{font-size: 20px; line-height: 30px; margin-bottom: 15px;}
    .sub05 .write_gray_box .privacy .privacy_agree{font-size: 16px; line-height: 26px; display: block; margin-top: 15px;}
    .sub05 .write_gray_box .privacy .privacy_agree .agree_area{margin-top: 10px;}
    .sub05 .write_gray_box .privacy .privacy_agree .agree_area input:first-child{margin-left: 0;}
    .sub05 .write_gray_box .basic_info_tb .basic_list{display: block; padding: 7px 10px;}
    .sub05 .write_gray_box .basic_info_tb .tit{font-size: 16px; line-height: 26px; width: 100%; }
    .sub05 .write_gray_box .basic_info_tb .cont{width: 100%; font-size: 16px;}
    .sub05 .write_gray_box input{width: 100%; font-size: 16px;}
    .sub05 .write_gray_box .wd-inum{width: 46.2%;}
    .sub05 .write_gray_box .back_txt input{width: 70%;}
    .sub05 .write_gray_box select{width: 100%;}

    /*---------- sub05_02 ------------*/
    .sub05 .icon_infocon{display: block;  }
    .sub05 .icon_infobox{width: 100%; margin-left: 0; margin-bottom: 10px;}
    .sub05 .icon_infobox h5{font-size: 20px; line-height: 30px;}
    .sub05 .icon_infobox p{font-size: 16px; line-height: 26px;}
    .sub05 .system_box{width: 50%; padding: 60px 10px;}
}

@media (max-width: 499px) {
    .sub05 .write_gray_box .wd-inum{width: 43%;}
}