/*------------------ 공통 css -----------------------*/
.sub03 .sub3010_bg{background: url("/theme/basic/img/sub03_01_bg.png") no-repeat; background-size: cover;}


/*------------------ sub03_02 -----------------------*/
.sub03 .gra_con{width: 100%; margin-bottom: 30px;}
.sub03 .gra_con .gra_tit{background: transparent linear-gradient(90deg, #C3D93F 0%, #00AFD5 100%) 0% 0% no-repeat padding-box; padding: 17px 30px; color: #fff; font-weight: bold; font-size: 20px; line-height: 30px; box-shadow: 3px 0 3px #00000029;}
.sub03 .gra_con .gra_txt{box-shadow: 0px 3px 6px #00000029; padding: 20px 30px;}
.sub03 .gra_con .gra_txt .basic_tb td:last-child{text-align: center;}

/*------------------ sub03_04 -----------------------*/
.sub03 .search_place{background: #EEEEEE; padding: 25px 30px; margin-bottom: 30px; width: 100%; font-size: 0; letter-spacing: 0; word-spacing: 0;}
.sub03 .search_place .cate_list{display: inline-block; width: 50%; }
.sub03 .search_place .cate_list li{list-style: none; display: inline-block; font-size: 17px; margin-bottom: 10px;}
.sub03 .search_place .cate_list .tit{width: 15%; font-weight: bold;}
.sub03 .search_place .cate_list select{width: 300px; height: 45px; border: 1px solid #C7C7C7; padding: 8px;
    -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;
}
.sub03 .search_place .cate_list input[type="date"],
.sub03 .search_place .cate_list input[type="text"]
{width: 140px; height: 45px; border: 1px solid #C7C7C7; padding: 8px;}


input[type=date]::-webkit-datetime-edit-text {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-month-field{
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-day-field {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-year-field {
    -webkit-appearance: none;
    display: none;
}
.sub03 .search_place .search_bt {
    background: #333333;
    width: 150px;
    height: 45px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    color: #fff;
    font-size: 17px;
    border: 0px;
}
.sub03 .search_place .search_bt a{color: #fff; font-size: 17px; line-height: 45px; display: block;}

.sub03 .recruit_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;}
.sub03 .recruit_con .board_tb th, td{border-bottom: 1px solid #A8A8A8; padding: 15px; text-align: center; }
.sub03 .recruit_con .board_tb th{background: #F1F1F1; font-weight: bold;}
.sub03 .recruit_con .board_tb td{border-right: 0; border-left: 0;}
.sub03 .recruit_con .board_tb .num{width: 10%;}
.sub03 .recruit_con .board_tb .date{width: 18%;}
.sub03 .recruit_con .board_tb .job{width: 15%;}
.sub03 .recruit_con .board_tb .area{width: 8%;}
.sub03 .recruit_con .board_tb .type{width: 10%;}
.sub03 .recruit_con .board_tb p:nth-child(1){display: inline-block;}
.sub03 .recruit_con .board_tb p:nth-child(2){display: inline-block;}
.sub03 .recruit_con .board_tb td:nth-child(2){text-align: left;}
.sub03 .recruit_con .board_tb td:nth-child(4){text-align: left;}
.sub03 .recruit_con .board_tb .pc_view{display: table-cell;}

.sub03 .state_icon{width: 66px; height: 33px; color: #fff; font-size: 17px; line-height: 33px; text-align: center; margin-right: 5px;}
.sub03 .re_ing{background: #00AFD5;}
.sub03 .re_end{background: #A8A8A8;}

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

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

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

.sub03 .write_gray_box input{width: 80%; height: 45px; border: 1px solid #C7C7C7; padding: 10px; font-size: 17px; }
.sub03 .write_gray_box input[type="radio"]{width: 22px; height: 22px; border: 1px solid #C7C7C7; margin-right: 5px; }
.sub03 .write_gray_box .call_box{width: 80px;}
.sub03 .write_gray_box .call_hyp{margin: 0 5px; }
.sub03 .write_gray_box .wd80{width: 80px;}
.sub03 .write_gray_box .wd100{width: 100%;}
.sub03 .write_gray_box .btn_address{background: #A8A8A8; height: 45px; border: 0; color: #fff; font-size: 15px; margin-left: 3px;}
.sub03 .write_gray_box p{margin: 5px 0;}

@media (max-width: 768px){
    /*------------------ sub03_02 -----------------------*/
    .sub03 .gra_con .gra_tit{font-size: 18px; padding: 10px 20px;}

    /*------------------ sub03_04 -----------------------*/
    .sub03 .search_place .cate_list{display: block;}
    .sub03 .search_place .cate_list{width: 100%;}
    .sub03 .search_place .cate_list .tit{width: 100%;}
    .sub03 .search_place .cate_list .con{width: 100%;}
    .sub03 .search_place .cate_list select{}
    .sub03 .search_place .cate_list li{font-size: 16px; line-height: 26px;}
    .sub03 .recruit_con .board_tb p{display: block;}
    .sub03 .recruit_con .board_tb .pc_view{display: none;}
    .sub03 .state_icon{font-size: 15px; height: 30px; line-height: 30px; width: 60px;}
    .sub03 .board_tit{font-weight: bold; font-size: 17px;}

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

    .sub03 .write_content .write_gray_box{padding: 40px;}
    .sub03 .write_gray_box .write_skytit{font-size: 20px; line-height: 30px; margin-bottom: 15px;}
    .sub03 .write_gray_box .privacy .privacy_agree{font-size: 16px; line-height: 26px; display: block; margin-top: 15px;}
    .sub03 .write_gray_box .privacy .privacy_agree .agree_area{margin-top: 10px;}
    .sub03 .write_gray_box .privacy .privacy_agree .agree_area input:first-child{margin-left: 0;}
    .sub03 .write_gray_box .basic_info_tb .basic_list{display: block; padding: 7px 10px;}
    .sub03 .write_gray_box .basic_info_tb .tit{font-size: 16px; width: 100%;}
    .sub03 .write_gray_box .basic_info_tb .cont{width: 100%;}
    .sub03 .write_gray_box input{width: 100%;}
    .sub03 .bt_area a{font-size: 16px;}
}