@charset "utf-8"; 
@import url("./normalize.css");
@import url("./reset.css");
@import url("./plugins.css"); 
@import url("./my_form.css");
 
/* POPUP */
.modal.modal_view_license_issue .modal_layer{max-width:400rem;max-width: 100%}
.modal.modal_view_license_issue .modal_layer .modal_body p{margin: 0 0 20rem;}
.modal.modal_view_license_issue .field_wrap{display:table;width:100%;margin-top:10rem;}
.modal.modal_view_license_issue .field_wrap .field_l,
.modal.modal_view_license_issue .field_wrap .field_t{display:table-cell;vertical-align:middle;}
.modal.modal_view_license_issue .field_wrap .field_l{width:100rem;color:#3c4652;font-size:15rem;font-weight:500;}
.modal.modal_view_license_issue .field_wrap .field_t .field{font-size:15rem;}
.modal.modal_view_license_issue .field_wrap .field_t .field .txt{width:100rem;}
.modal.modal_view_license_issue .btn_wrap{margin-top:20rem;}

.modal.modal_view_issue_preview .modal_layer{max-width:1000rem;max-width: 100%}

.modal.modal_view_portfolio_upload .modal_layer{max-width:580rem;max-width: 100%}
.modal.modal_view_portfolio_upload .field_wrap{display:table;width:100%;margin-top:10rem;}
.modal.modal_view_portfolio_upload .field_wrap .field_l,
.modal.modal_view_portfolio_upload .field_wrap .field_t{display:table-cell;vertical-align:middle;}
.modal.modal_view_portfolio_upload .field_wrap .field_l{width:45rem;color:#3c4652;font-size:15rem;font-weight:500;}
.modal.modal_view_portfolio_upload .field_wrap .field_t .field{font-size:15rem;}
.modal.modal_view_portfolio_upload .field_wrap .field_t .field .sel{margin-bottom:5rem;}
.modal.modal_view_portfolio_upload .field_set{margin-top:10rem;padding-left:45rem;margin-bottom:20rem;}
.modal.modal_view_portfolio_upload .field_set .txt{width:370rem;} 
.modal.modal_view_portfolio_upload .info{font-size:14rem;margin:0;}
.modal.modal_view_portfolio_upload .btn_wrap{margin-top:20rem;}

.modal.modal_view_regist_preview .modal_layer{max-width:1000rem;}
.modal.modal_view_regist_preview .modal_layer .modal_body{padding:20rem 15rem;}
.modal.modal_view_regist_preview .job_top_box{margin-bottom:30rem; min-height: auto}
.modal.modal_view_regist_preview .job_row{margin-bottom:30rem;}
.modal.modal_view_regist_preview .regist_title{margin-top:0;}
.modal.modal_view_regist_preview .btn_wrap{margin-top:20rem;}
.modal.modal_view_regist_preview .modal_body .contents_info { border-top:1rem solid #d3d3d3;}
.modal.modal_view_regist_preview .modal_body .contents_title{margin-bottom:14rem;}
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table{ border-top: 0; border-bottom: 0} 
.modal.modal_view_regist_preview .modal_body .contents_info .table_white tr:last-child :is(th,td) { border-bottom: 0}

@media (max-width:991px) {
.modal.modal_view_regist_preview .modal_body .contents_info { padding: 0;border-bottom:0}
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table{border-bottom: 1rem solid #d3d3d3} 
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr:last-child td { border-bottom: 0} 
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr:nth-child(2) th,
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr:nth-child(3) th,
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr:nth-child(4) th:nth-child(1) { display: inline-block;width:20%; min-width: 70rem; text-align: center; border-bottom: 1rem dashed #c6c6c6} 
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr:nth-child(2) td,
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr:nth-child(3) td,
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr:nth-child(4) th:nth-child(1) + td{ display: inline-block; width:80%; }
.modal.modal_view_regist_preview .modal_body .contents_info .table_white table tbody tr td a.link_underline { overflow: clip; width: 100%; text-overflow: ellipsis; white-space: nowrap}
.modal.modal_view_regist_preview .modal_body .contents_info .table_white colgroup { display:none}
.modal.modal_view_regist_preview .modal_body .contents_info .table_white :is(th,td) {display:block; height:auto; width:100%; padding:10rem; font-size:16rem}
.modal.modal_view_regist_preview .modal_body .contents_info .table_white th{ border:0;  text-align:left; background: #f6f7f9}     
.modal.modal_view_regist_preview .modal_body .contents_info .table_white td{ border-left:0;} 
}

.modal.modal_view_edu_detail .modal_layer{max-width:1000rem;}
.modal.modal_view_license_detail .modal_layer{max-width:1000rem;}
.modal.modal_view_job_detail .modal_layer{max-width:1000rem;}

.modal.modal_view_license_comm .modal_layer{max-width:475rem;}
.modal.modal_view_license_comm .modal_layer .modal_body .info{margin-top:0;}
.modal.modal_view_license_comm .field_wrap{padding-left:20rem;margin-bottom:20rem;}
.modal.modal_view_license_comm .field_wrap label{color:#777;font-size:14rem;line-height:1.4;margin-left:2rem;}
.modal.modal_view_license_comm .comm_box{padding:14rem 0;border:1rem solid #dadada;background-color:#f6f6f6;text-align:center;}
.modal.modal_view_license_comm .comm_box .comm{margin:8rem 0;color:#555;font-size:14rem;}
.modal.modal_view_license_comm .comm_box .total{margin-top:14rem;font-weight:500;}
.modal.modal_view_license_comm .comm_box .total > span{display:inline-block;width:44%;border-top:1rem dashed #777;padding:10rem 0 8rem;color:#333;font-size:16rem;}
.modal.modal_view_license_comm .comm_box .total strong{color:#d00909;}
.ie .modal.modal_view_license_comm .modal_layer .modal_body:after{display:none;}

/* modal new*/
.modal.modal_view .modal_layer{width:96%;max-width:720rem;margin:0 auto;padding: 15rem 15rem 20rem 15rem;}
.modal.modal_view_license_detail .modal_layer{max-width:1200rem;}
.modal.modal_view_job_detail .modal_layer{max-width:1200rem;}

/* Window */
.window.window_view_job_category{}
.window.window_view_job_category .field_wrap{/* margin-top:16rem; */}
.window.window_view_job_category .field_wrap .field_l,
.window.window_view_job_category .field_wrap .field_t{margin-top:10rem;padding:10rem 15rem;}
.window.window_view_job_category .field_wrap .field_l{border-width:2rem;border-style:solid;}
.window.window_view_job_category .field_wrap .field_l .label{display:table-cell;width:70rem;font-size:15rem;font-weight:500;}
.window.window_view_job_category .field_wrap .field_l .select_wrap{display:table-cell;}
.window.window_view_job_category .field_wrap .field_l .select{display:inline-block;margin-left:4rem;margin-bottom:3rem;border-width:1rem;border-style:solid;background-color:#fff;padding:7rem 9rem;font-size:13rem;}
.window.window_view_job_category .field_wrap .field_l .select a{display:inline-block;margin-left:5rem;width:9rem;height:10rem;background-image:url(/images/common/icon_common.png);background-repeat:no-repeat;text-indent:-999em;vertical-align:middle;}
.window.window_view_job_category .field_wrap .field_t{border-width:2rem;border-style:solid;}
.window.window_view_job_category .field_wrap .field_t:after{content: "";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.window.window_view_job_category .field_wrap .field_t .field{float:left;width:25%;margin-left:0;}
.window.window_view_job_category .field_wrap .field_t label{color:#555;font-size:14rem;letter-spacing:-0.5rem;line-height:1.6;}
.window.window_view_job_category .field_wrap .field_t input:checked+label{font-weight:500;}

.window.window_view_job_category .field_wrap.type_01 .field_l,
.window.window_view_job_category .field_wrap.type_01 .field_t{border-color:#c1d4e7;background-color:#f3f6fd;}
.window.window_view_job_category .field_wrap.type_01 .field_l .label{color:#133f6a;}
.window.window_view_job_category .field_wrap.type_01 .field_l .select{border-color:#c1d4e7;color:#7289a0;}
.window.window_view_job_category .field_wrap.type_01 .field_l .select a{background-position:-32rem -50rem;}
.window.window_view_job_category .field_wrap.type_01 .field_t input:checked+label{color:#466683;}

.window.window_view_job_category .field_wrap.type_02 .field_l,
.window.window_view_job_category .field_wrap.type_02 .field_t{border-color:#eed2b3;background-color:#fffaf3;}
.window.window_view_job_category .field_wrap.type_02 .field_l .label{color:#CD2E09;}
.window.window_view_job_category .field_wrap.type_02 .field_l .select{border-color:#eed2b3;color:#555;}
.window.window_view_job_category .field_wrap.type_02 .field_l .select a{background-position:-46rem -50rem;}
.window.window_view_job_category .field_wrap.type_02 .field_t input:checked+label{color:#CD2E09;}
.window.window_view_job_category .field_wrap.type_02 .field_t .field{width:50%;}
.window.window_view_job_category .field_wrap.type_02 .field_t.category{background-color:#f9f9f9;border-color:#dadada;border-width:1rem;}
.window.window_view_job_category .field_wrap.type_02 .field_t.category .label{padding:7rem 0;color:#333;font-size:15rem;font-weight:500;}
.window.window_view_job_category .field_wrap.type_02 .field_t.category label{color:#777;}
.window.window_view_job_category .field_wrap.type_02 .field_t.category input:checked+label{color:#777;}

.window.window_view_sch_area .field_wrap{margin-top:16rem;}
.window.window_view_sch_area .field_wrap .field_l{border:1rem solid #dadada;padding:10rem 15rem;background-color:#f6f6f6;}
.window.window_view_sch_area .field_wrap .field_l .label{display:table-cell;width:70rem;color:#333;font-size:15rem;font-weight:500;}
.window.window_view_sch_area .field_wrap .field_l .select_wrap{display:table-cell;}
.window.window_view_sch_area .field_wrap .field_l .select{display:inline-block;margin-left:4rem;margin-bottom:3rem;border:1rem solid #acacac;background-color:#fff;padding:7rem 9rem;font-size:13rem;}
.window.window_view_sch_area .field_wrap .field_l .select a{display:inline-block;margin-left:5rem;width:9rem;height:10rem;background:url(/images/common/icon_common.png) no-repeat -48rem -34rem;text-indent:-999em;vertical-align:middle;}
.window.window_view_sch_area .field_wrap .field_t_wrap{margin-top: 20rem;}
.window.window_view_sch_area .field_wrap .field_t_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t{float:left;width:49%;border:1rem solid #dadada;}
.window.window_view_sch_area .field_wrap .field_t_wrap .scroll:after{content: "";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.window.window_view_sch_area .field_wrap .field_t_wrap .scroll{margin-top:-1rem;overflow-y:auto;max-height:250rem;}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t:first-of-type{margin-right:2%;}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t:after{content: "";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t .field{float:left;width:50%;margin-top:1rem;margin-left:0;padding:9rem 0 9rem 20rem;border-bottom:1rem solid #dadada;}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t .label{padding:13rem 0;border-top:2rem solid #3c4652;border-bottom:1rem solid #dadada;background-color:#f3f6fd;color:#4f4f4f;font-size:15rem;font-weight:500;text-align:center;}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t label{color:#555;font-size:14rem;letter-spacing:-1rem;line-height:1.6;}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t input:checked+label{font-weight:500;}

@media (max-width:750px) {
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t .field {width:100%}
.window.window_view_sch_area .field_wrap .field_t_wrap .field_t label { font-size: 15.5rem}
.window.window_view_sch_area .field_wrap .field_t_wrap .scroll { max-height: 60vh}
}

.window.window_view_resume_regist .window_layer{max-width:600rem;max-width: 100%}
.window.window_view_resume_regist .info{margin-top:0;}
.window.window_view_resume_regist .field_wrap{margin:20rem 0;padding-left:20rem;}
.window.window_view_resume_regist .field_wrap .field_t + .field_t{margin-top:5rem;}
.window.window_view_resume_regist .field_wrap .field_t .field{font-size:15rem;}

.window.window_view_license_comm .window_layer{max-width:475rem;max-width: 100%}
.window.window_view_license_comm .window_layer .window_body .info{margin-top:0;}
.window.window_view_license_comm .field_wrap{padding-left:20rem;margin-bottom:20rem;}
.window.window_view_license_comm .field_wrap label{color:#777;font-size:14rem;line-height:1.4;margin-left:2rem;}
.window.window_view_license_comm .comm_box{padding:14rem 0;border:1rem solid #dadada;background-color:#f6f6f6;text-align:center;}
.window.window_view_license_comm .comm_box .comm{margin:8rem 0;color:#555;font-size:14rem;}
.window.window_view_license_comm .comm_box .total{margin-top:14rem;font-weight:500;}
.window.window_view_license_comm .comm_box .total span{display:inline-block;width:44%;border-top:1rem dashed #777;padding:10rem 0 8rem;color:#333;font-size:16rem;}
.window.window_view_license_comm .comm_box .total strong{color:#d00909;}

.window.window_view_pw_help p{line-height:1.4;}
.window.window_view_pw_help .info{margin-top:30rem;}
.window.window_view_pw_help ul{padding:10rem 12rem;background:#f6f6f6;border:1rem solid #dadada;}
.window.window_view_pw_help ul li{line-height:1.5;word-break:keep-all;}
.window.window_view_pw_help .btn_wrap{margin-top:20rem;}

.window.window_view_search_addr .window_layer{max-width:780rem;max-width:100%}
.window.window_view_search_addr .field{display:inline-block;vertical-align:middle;}
.window.window_view_search_addr .field > *{vertical-align: middle;}
.window.window_view_search_addr .field_wrap{margin-bottom:20rem;}
.window.window_view_search_addr .field_wrap label{color:#333;font-size:14rem;margin-left:2rem;}
.window.window_view_search_addr .field_wrap  { display: flex; align-items: center}
.window.window_view_search_addr .field_wrap .field{ display: flex; align-items: center; line-height: 1}
.window.window_view_search_addr .field_wrap .field + .field{margin-left:16rem;}
.window.window_view_search_addr .search_wrap{padding:12rem 20rem;margin-bottom:10rem;background-color:#f6f6f6;border:1rem solid #dadada;}
.window.window_view_search_addr .search_wrap label{display:inline-block;margin-right:10rem;color:#333;font-size:14rem;font-weight:500;}
.window.window_view_search_addr .search_wrap label.san{width:auto !important;margin-right:2rem;color:#777;font-weight:400;}
.window.window_view_search_addr .search_wrap label.san + input{margin-right:10rem;}
.window.window_view_search_addr .search_wrap .field + .field{margin-left:16rem;}
.window.window_view_search_addr .search_wrap .field:nth-child(1){width:230rem;}
.window.window_view_search_addr .search_wrap .field:nth-child(1) label{width:40rem;}
.window.window_view_search_addr .search_wrap .field:nth-child(2) label{width:52rem;}
.window.window_view_search_addr .search_wrap .field .sel{width:152rem;}
.window.window_view_search_addr .search_wrap .txt.large{width:355rem;}
.window.window_view_search_addr .search_wrap span.field label + input.txt{margin-left:0;}
.window.window_view_search_addr .search_wrap .txt + .btn{margin-left:1rem;}
.window.window_view_search_addr .info{margin-top:20rem;margin-bottom:5rem;}
.window.window_view_search_addr .sub_info{margin-bottom:10rem;color:#777;font-size:13rem;}
.window.window_view_search_addr .pagination{margin-top:20rem;}
.window.window_view_search_addr .table_list table tbody tr td { font-size: 14rem}

@media (max-width:750px){
.window.window_view_search_addr .search_wrap {padding:10rem} 
.window.window_view_search_addr .table_list table colgroup { display: none}
.window.window_view_search_addr .table_list table thead { display: none} 
.window.window_view_search_addr .table_list table tbody tr {display: flex; position: relative; flex-direction: column;}
.window.window_view_search_addr .table_list table tbody tr td { font-size: 15rem;}
.window.window_view_search_addr .table_list table tbody tr td:nth-child(1) { position: absolute;left: 0; border: 0; width: 80rem}
.window.window_view_search_addr .table_list table tbody tr td:nth-child(2) { padding-left: 80rem; width:100%; text-align: left; font-size: 15.5rem; color: #252525; border: 0; padding-bottom: 0; font-weight: 500} 
.window.window_view_search_addr .table_list table tbody tr td:nth-child(3) { padding-left: 80rem; padding-top: 5rem; width:100%; text-align: left; color:#999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} 
.window.window_view_search_addr .search_wrap .field:nth-child(1),
.window.window_view_search_addr .search_wrap .field:nth-child(2) { width: 45%; margin-left: 5rem}
.window.window_view_search_addr .search_wrap .field .sel { min-width: 100%; font-size: 15.4rem} 
.window.window_view_search_addr .search_wrap .txt.large { max-width: 75%}
.window.window_view_search_addr .search_wrap#road_show,
.window.window_view_search_addr .search_wrap#dong_show { display: flex; flex-direction: column; gap:5rem}
.window.window_view_search_addr .search_wrap#road_show .field .sel,
.window.window_view_search_addr .search_wrap#dong_show .field .sel { min-width: 80%} 
.window.window_view_search_addr .search_wrap#road_show .field:nth-child(1), 
.window.window_view_search_addr .search_wrap#road_show .field:nth-child(2),
.window.window_view_search_addr .search_wrap#dong_show .field:nth-child(1), 
.window.window_view_search_addr .search_wrap#dong_show .field:nth-child(2){width: 100%}
.window.window_view_search_addr .field_wrap label{color:#333;font-size:15.5rem;}
}

.window.window_view_find_pw .window_layer{max-width: 100%}
.window.window_view_find_pw .info{margin-top:0;margin-bottom:5rem;}
.window.window_view_find_pw .sub_info{margin-bottom:10rem;color:#777;font-size:14rem;line-height:1.4;word-break:keep-all;}
.window.window_view_find_pw .info_box{margin:20rem 0;padding:20rem 0;border:1rem solid #dadada;background-color:#f6f6f6;text-align:center; border-radius: 0}
.window.window_view_find_pw .info_box:before,
.window.window_view_find_pw .info_box:after{display:none;}
.window.window_view_find_pw .info_box .field{color:#555;font-size:15rem;}
.window.window_view_find_pw .info_box .field_set{display:inline-block;}
.window.window_view_find_pw .info_box .field_set .field_wrap{display:table;margin-top:10rem;text-align:left;height:30rem;}
.window.window_view_find_pw .info_box .field_set .field_wrap:first-child{margin-top:0;}
.window.window_view_find_pw .info_box .field_set .field_wrap .label{color:#3c4652;width:120rem;font-weight:500;}
.window.window_view_find_pw .info_box .field_set .field_wrap .label,
.window.window_view_find_pw .info_box .field_set .field_wrap .field{display:table-cell;vertical-align:middle;}
.window.window_view_find_pw .info_box .field_set .field_wrap .field .txt{width:200rem;}

.window.window_view_applicant_list .window_layer{max-width:900rem;max-width: 100%}
.window.window_view_applicant_list .table_list_nav .list_nav_r span.field select.sel{width:100rem;}

.window.window_view_resume_view .window_layer{max-width:982rem;max-width: 100%}
.window.window_view_consulting_view .window_layer{width:100%;}
.window.window_view_consulting_view .window_layer .table_list { overflow-x: auto}
.window.window_view_consulting_view .window_layer .table_list table thead tr th { font-size:14rem}
.window.window_view_consulting_view .window_layer .table_list table tbody tr td { font-size:14rem}
.window.window_view_consulting_view .window_layer .table_list table tbody tr td[colspan="13"] { position: fixed; width: 100%; border: 0; padding: 25rem 0;}

.window.window_view_previous_edu .window_layer{max-width:800rem;max-width: 100%}
.window.window_view_previous_edu .field{display:inline-block;vertical-align:middle;}
.window.window_view_previous_edu .field > *{vertical-align: middle;}
.window.window_view_previous_edu .search_wrap{padding:12rem 20rem;margin-bottom:10rem;background-color:#f6f6f6;border:1rem solid #dadada;}
.window.window_view_previous_edu .search_wrap label{display:inline-block;margin-right:10rem;color:#333;font-size:14rem;font-weight:500;}
.window.window_view_previous_edu .search_wrap label.san{width:auto !important;margin-right:2rem;color:#777;font-weight:400;}
.window.window_view_previous_edu .search_wrap label.san + input{margin-right:10rem;}
.window.window_view_previous_edu .search_wrap .field + .field{margin-left:16rem;}
.window.window_view_previous_edu .search_wrap .field:nth-cvhild(1){width:240rem;}
.window.window_view_previous_edu .search_wrap .field:nth-child(1) label{width:56rem;}
.window.window_view_previous_edu .search_wrap .field:nth-child(2) label{width:52rem;}
.window.window_view_previous_edu .search_wrap .field .sel{width:152rem;}
.window.window_view_previous_edu .search_wrap .txt.large{width:355rem;}
.window.window_view_previous_edu .search_wrap span.field label + input.txt{margin-left:0;}
.window.window_view_previous_edu .search_wrap .txt + .btn {margin-left:1rem;}
.window.window_view_previous_edu .table_list table tr th,
.window.window_view_previous_edu .table_list table tr td{padding:10rem 0;}
.window.window_view_previous_edu .pagination{margin-top:20rem;}

.window.window_view_print_cert .window_layer{max-width:468rem;max-width: 100%}
.window.window_view_print_cert .coc { width:300rem; height:380rem; margin:20rem auto; border:#eeeeee 1rem solid; padding-top:10rem; line-height:1.4;}
.window.window_view_print_cert .coc .p_num { padding:0 0 15rem 30rem;}
.window.window_view_print_cert .coc img { width:80%;}
.window.window_view_print_cert .coc .txtC{text-align:center;}
.window.window_view_print_cert .coc .coc_bg { background:url(/images/sub/sub5_pop_bg.gif) repeat-x left center; padding:0 10rem; margin-top:40rem;}
.window.window_view_print_cert .coc .coc_bg .coc_bg2 { background:#ffffff; padding:0 10rem; height:140rem;}
.window.window_view_print_cert .coc .coc_bg .coc_bg2 > ul > li { color:#353535; font-size:12rem;}
.window.window_view_print_cert .coc .coc_bg .coc_bg2 > p { color:#353535; font-size:11rem; margin-top:20rem;text-indent:1em;}

.window.window_view_man  {/*max-width:982rem;*/max-width:100%}
.window.window_view_man .window_layer  {max-width:982rem;max-width:100%}
.window.window_view_man .search_tab_contents .field_set { display: flex; flex-direction: column; gap:10rem}
.window.window_view_man .search_tab_contents .field_wrap{ display: flex; gap:4rem; align-items: baseline}
.window.window_view_man .search_tab_contents .field_wrap .label{width:12vw; max-width: 160rem; min-width: auto; margin-right: 8rem; background: #f6f6f6}
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t { width:calc(100% - 12vw);}
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t.ty2-hope { gap:10rem 0; }
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t.ty2-hope span.field{ flex: 0 0 33.32%}
.window.window_view_man .search_tab_contents .field_wrap span.field + span.field { margin-left: 0}
.window.window_view_man .search_tab_contents .field_wrap span.field { display: flex; gap:3rem;}
.window.window_view_man .search_tab_contents .field_set .field_wrap:last-child .label { padding:7rem 5rem}
.window.window_view_man .search_tab_contents_wrap input.txt { height: 35rem}
.window.window_view_man .table_list_nav .list_nav_r ul {display: flex; align-items: center;}
.window.window_view_man .table_list table colgroup { display: none;}
.window.window_view_man .table_list table th { font-size: 14.4rem;}
.window.window_view_man .table_list table thead tr { padding: 0;}
.window.window_view_man .table_list table tr { display: flex;  border-bottom: 1rem solid #ddd; padding: 13rem 0;}
.window.window_view_man .table_list table tr td { border: 0; padding:0 4rem; min-width:30rem; font-size: 13.6rem; }
.window.window_view_man .table_list table tr td:nth-child(1),
.window.window_view_man .table_list table tr th:nth-child(1) { width: 30rem;} 
.window.window_view_man .table_list table tr td:nth-child(2),
.window.window_view_man .table_list table tr th:nth-child(2) { width: 80rem;} 
.window.window_view_man .table_list table tr td:nth-child(3),
.window.window_view_man .table_list table tr th:nth-child(3) { width: 80rem;} 
.window.window_view_man .table_list table tr td:nth-child(4) { width: 220rem;font-size: 15rem;} 
.window.window_view_man .table_list table tr th:nth-child(4) { width: 220rem; } 
.window.window_view_man .table_list table tr td:nth-child(5),
.window.window_view_man .table_list table tr th:nth-child(5) { width: 100rem;font-size: 14rem; } 
.window.window_view_man .table_list table tr td:nth-child(6),
.window.window_view_man .table_list table tr th:nth-child(6) { width: 140rem;} 
.window.window_view_man .table_list table tr td:nth-child(7){ width: 230rem; text-align: left;}
.window.window_view_man .table_list table tr th:nth-child(7) { width:230rem;}
.window.window_view_man .table_list table tr td:nth-child(8),
.window.window_view_man .table_list table tr th:nth-child(8) { width: 80rem;} 
 
@media (max-width:991px) { 
.window.window_view_man .search_tab_contents .field_wrap { flex-direction: row;}
.window.window_view_man .search_tab_contents .field_wrap .label {min-width: 12vw}
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t.ty2-hope span.field { flex: 0 0 50%} 
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t span.field input[type="checkbox"], span.field input[type="radio"] { top: auto}
.window.window_view_man .search_tab_contents .reset_btn_wrap { bottom: 21rem; right: 15rem}
.window.window_view_man  [title="검색키워드"].txt.full { width: 78% !important} 
.window.window_view_man .table_list table thead tr th{ display: none;}
.window.window_view_man .table_list table thead tr th:first-child{ display:  block; width: 100%; text-align: left; padding-left: 10rem;}
.window.window_view_man .table_list table tr {flex-wrap: wrap;gap: 5rem 8rem;} 
.window.window_view_man .table_list table tr td{ width:  33.33%; padding:0}
.window.window_view_man .table_list table tr td  .sub_text + br { display: none;}
.window.window_view_man .table_list table tr td  .sub_text + br + .sub_text { margin-top: 4rem;}
.window.window_view_man .table_list table tr td.left div +br { display: none;}	
.window.window_view_man .table_list table tr td:nth-child(1) { width: 3%;} 
.window.window_view_man .table_list table tr td:nth-child(2) { width: 7%;} 
.window.window_view_man .table_list table tr td:nth-child(3) { width: 10%;} 
.window.window_view_man .table_list table tr td:nth-child(4) { width: 30%; font-size: 15rem;}  
.window.window_view_man .table_list table tr td:nth-child(5) { width: 15%; font-size: 14rem; } 
.window.window_view_man .table_list table tr td:nth-child(6) { width: 10%;} 
.window.window_view_man .table_list table tr td:nth-child(7){ width: 100%; text-align: left; padding-left:25% ;} 
.window.window_view_man .table_list table tr td:nth-child(8),
.window.window_view_man .table_list table tr th:nth-child(8) { display: none;} 
}

@media (max-width:750px) { 
.window.window_view_man .search_tab_contents .field_wrap { flex-wrap:wrap; position: relative } 
.window.window_view_man .search_tab_contents .field_wrap .label {width: 100%;max-width: 100%; padding: 8rem; margin-right: 0; margin-bottom:5rem}
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t { width: 100%} 
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t.ty2-hope span.field:nth-child(2n+1) { flex: 0 0 45%} 
.window.window_view_man .search_tab_contents .field_wrap .label + .field_t.ty2-hope span.field:nth-child(2n) { flex: 0 0 55%}
.window.window_view_man .search_tab_contents_wrap input.txt { width: 87%}
.window.window_view_man .search_tab_contents .field_wrap .field_btn {  width: auto; padding-left: 0; display: flex; align-items: center; position: absolute; bottom:0; right: 0}
.window.window_view_man .table_list table tr {justify-content: space-between;} 	 
.window.window_view_man .table_list table tr td:nth-child(1) { width: 3%;} 
.window.window_view_man .table_list table tr td:nth-child(2) { width: 10%;} 
.window.window_view_man .table_list table tr td:nth-child(3) { width: 27%;} 
.window.window_view_man .table_list table tr td:nth-child(4) { width: 46%; font-size: 15rem; min-height: 60rem;}  
.window.window_view_man .table_list table tr td:nth-child(5) {width: 26%;font-size: 14rem;padding-left: 7%;text-align: left;} 
.window.window_view_man .table_list table tr td:nth-child(6) {width: 24%;text-align: left;} 
.window.window_view_man .table_list table tr td:nth-child(7){ width:46%; text-align: left; padding-left:0 ;} 
}


/* Layer */
.layer .license_list p{color:#333;font-size:15rem;margin-bottom:4rem;}
.layer .license_list ul{margin-bottom:15rem;}
.layer .license_list ul li{color:#777;font-size:14rem;}
 
.license_info{display:table;width:100%;margin: 14rem 0 40rem;background-image: linear-gradient(#fff,#fff),repeating-linear-gradient(-42deg, #f9f9f9 , #fff, #D9D9D9 4rem);border:7rem solid transparent;background-color:#fff;overflow: hidden;background-clip: padding-box, border-box;background-origin: border-box;}
.license_info .info_icon,
.license_info .info_text{display:table-cell;vertical-align:middle;height:100%;}
.license_info .info_icon{width: 66rem;text-align:center;background: url(../images/icon/ic_help.png) no-repeat center;background-size: 40%;opacity: 0.7;}
.license_info .info_icon i.icon{ display:none}
.license_info .info_text{padding: 26rem 26rem 26rem 0;color: #454545;font-size: 14rem;line-height:1.45;}
.license_info .info_text em {font-style:normal;padding: 0 14rem;text-align: center;font-weight: 100;}
.license_info.big .info_icon{width: 74rem;}
@media (max-width:991px) {
.license_info .info_text { padding:10rem; padding-left:0} 
.license_info.big .info_icon { width:56rem}
.license_info .info_text em { padding:0 5rem}
}
.regist_title{margin:20rem 0;padding:22rem 0;border:1rem solid #b7cbd9;background-color:#f2f7ff;text-align:center;}
.regist_title span{color:#455a77;font-size:20rem;font-weight:500;}
.regist_box{padding:25rem 0;border:1rem solid #ccc;background-color:#f6f6f6;text-align:center;}
.regist_box span{display:block;color:#666;font-size:15rem;line-height:24rem;}
.regist_box strong{color:#333;font-size:15rem;}

/* e-Learning */
.gallery_list { display:flex}
.gallery_list li{width: 32%;border:1px solid #ddd;padding: 20rem;border-radius:15rem; transition:ease 0.3s} 
.gallery_list li .gallery_item{background-color: #fff; color: #111; min-height: 130rem;}
.gallery_list li .gallery_item a{display: block; position: relative; border: 1rem solid #ddd;}
.gallery_list li .gallery_item a:hover,
.gallery_list li .gallery_item a:active,
.gallery_list li .gallery_item a:focus{border-color:#bababa;}
.gallery_list li .gallery_item a .gallery_thum{position:relative;display: block;overflow: hidden;width: 100%;/* height: 190rem; */}
.gallery_list li .gallery_item a .gallery_thum:after{content:'';position:absolute;top:50%;left:50%;width:49rem;height:49rem;margin-top:-20rem;margin-left:-21rem;background:url(/images/common/icon_common.png) no-repeat -164rem -112rem;}
.gallery_list li .gallery_item a .gallery_thum img{width: 100%;height: 100%;aspect-ratio: 362 / 240;}
.gallery_list li .gallery_item a .gallery_meta{padding: 15rem 20rem; border-top: 1rem solid #ddd}
.gallery_list li .gallery_item a .gallery_meta h2{height: 2.6em;overflow: hidden;color: #333;font-size: 16rem;font-weight: normal;line-height: 1.3;word-break: keep-all;}
.gallery_list li .gallery_item a:hover .gallery_meta h2,
.gallery_list li .gallery_item a:active .gallery_meta h2,
.gallery_list li .gallery_item a:focus .gallery_meta h2{text-decoration: underline;}
.gallery_list li .gallery_item a .gallery_meta .gallery_date{color:#888;font-size: 13rem;margin-top:5rem;}
.gallery_list li .gallery_item a .gallery_meta .gallery_count{position:absolute;bottom:15rem;right:20rem;color:#888;font-size:13rem;}

.elearning_count{float:right;color:#666;font-size:13rem;margin:3rem 20rem 0 0;}
.elearning_box{width:1060rem;height:300rem;margin:40rem auto;}
.elearning_box .video_wrap,
.elearning_box .desc_wrap{float:left;width:530rem;}
.elearning_box .desc_wrap{max-height:100%;overflow-y:auto;padding:30rem;background-color:#ededed;}
.elearning_box .desc_wrap .title{margin-bottom:10rem;color:#333;font-size:16rem;font-weight:500;}
.elearning_box .desc_wrap .text{color:#777;font-size:14rem;line-height:1.5;word-break:keep-all;}
.ie .elearning_box .desc_wrap:after{content:'';display:block;height:30rem;}
 

/* 회원가입 */
.join_step{position:relative;margin: 45rem 0 60rem;/* padding: 45rem 15rem; *//* box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.1); */border-radius: 20rem;} 
.join_step:before{left:0;}
.join_step:after{right:0;}
.join_step ul{display:flex;justify-content:center;align-items:center;gap: 120rem;}
.join_step ul li{position: relative;text-align: center;z-index: 1;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.join_step ul li:not(:last-child):after{content:'';background:url(../images/icon/bg_dotdot.gif) no-repeat;center;display: block;width: 112rem;height: 20rem;position: absolute;right: -112rem;top: 44%;z-index: 0;}
.join_step ul li .step_icon{display: flex;width: 84rem;height: 84rem;border-radius:50%;vertical-align:middle;overflow: hidden;justify-content: center;align-items: center;z-index: 1;position: relative;} 
.join_step ul li .tit{display:inline-block;margin-top: 15rem;color:#666;font-size: 17rem;}
.join_step ul li.on .step_icon{background: #2459d0;}
.join_step ul li.on .tit{color: #2459d0;font-weight: 600;text-align: center;}
.join_step ul li:before{content:'01';display:inline-block;width: 38rem;height: 28rem;text-align:center;color:#999;font-size: 15rem;font-weight:700;border: 2px solid #e5e8f3;border-radius: 30rem;line-height: 26rem;margin-bottom: 10rem;} 
.join_step ul li.on:before{ color:#2459d0; border-color:#bfd3f7} 
.join_step ul li:nth-child(2):before{content:'02';} 
.join_step ul li:nth-child(3):before{content:'03';}
.join_step ul li:nth-child(4):before{content:'04';} 


.user_type{margin-bottom:20rem;}
.user_type ul{display:flex;width:100%;gap: 25rem;}
.user_type ul li{flex:1;padding: 32rem 15rem;vertical-align:middle;text-align:center;border-radius: 20rem;} 
.user_type ul li > a{display:block;}
.user_type ul li .icon_join{border-radius: 77rem;display: inline-block;width: 110rem;height: 110rem;background-size: 90%;background-position: center;}
.user_type ul li.user01 {background-color:#f8fafe;border: 1px solid #bfd0f7;}
.user_type ul li.user02 {background-color:#f8fbfb;border: 1px solid #b0d1d2;}
.user_type ul li.user03 {background-color:#f9f8fe;border: 1px solid #c3c0e8;} 
.user_type ul li.user02 .user_desc .tit {color:#0a7e7f}
.user_type ul li.user03 .user_desc .tit {color:#5345c1}
.user_type ul li.user01 .icon_join{background-image:url(../images/icon/ic_join1.png);background-repeat:no-repeat;border-radius: 77rem;box-sizing: border-box;}
.user_type ul li.user02 .icon_join{background-image:url(../images/icon/ic_join2.png);background-repeat:no-repeat;}
.user_type ul li.user03 .icon_join{background-image:url(../images/icon/ic_join3.png);background-repeat:no-repeat;}
.user_type ul li.type01 .icon_join{background-image:url(../images/icon/ic_join7.png);background-repeat:no-repeat;}
.user_type ul li.type02 .icon_join{background-image:url(../images/icon/ic_join8.png);background-repeat:no-repeat;}
.user_type ul li.type03 .icon_join{background-image:url(../images/icon/ic_join9.png);background-repeat:no-repeat;}
.user_type ul li[class*="type0"] .icon_join{border: 1px dashed #6491dc;border-radius: 100rem;padding: 9rem;box-sizing: content-box;background-position: center;}
.user_type ul li{border: 1rem solid #fff;text-align:center;border-radius: 20rem;box-shadow:0 2rem 8rem rgba(0, 0, 0, 0.1);}
.user_type ul li .user_desc{margin-top: 10rem;}
.user_type ul li .user_desc span{display:block;}
.user_type ul li .user_desc .tit{color: #285ccb;font-size:20rem;font-weight: 700;line-height:1.8;}
.user_type ul li .user_desc .txt{color:#666;font-size: 17rem;margin-top: 8rem;}
.user_type ul li .btn_wrap{margin-top:20rem;}

@media (max-width:991px) {
.user_type ul li .icon_join{width:80rem;height:80rem;} 
.user_type ul { gap:8rem}
.user_type ul li {padding: 25rem 8rem;}
.user_type ul li .user_desc .tit{ font-size:18rem}
.join_step { margin:30rem 0; padding:20rem 15rem}
.join_step ul{gap: 27rem;}
.join_step ul li:not(:last-child):after {right: -55rem;}
.join_step ul li .step_icon{width:64rem;height:64rem}
.user_type ul li .user_desc .txt { font-size:15rem}
}

.agree_wrap .contents_row{margin-bottom:20rem;}
.agree_box{height:190rem;border:1rem solid #ccc;overflow-y:auto;padding:16rem 20rem;}
.agree_box pre{font-family:inherit;color:#666;font-size:14rem;line-height:1.5;}
.agree_box pre .init{font-family:inherit;color:#666;font-size:15rem;line-height:1.5;text-decoration:underline;}
.agree_chk{margin-top:10rem;text-align:right;font-weight:500;}

.user_certify{display: flex;width:100%;}
.user_certify .certify_wrap{display: flex;width:50%;}
.user_certify .certify_box{display: flex;width:100%;min-height: 390rem;padding: 40rem;border: 1rem solid #fff;text-align:center;border-radius: 20rem;justify-content: center;box-shadow:0 2rem 8rem rgba(0, 0, 0, 0.1);align-items: stretch;gap: 56rem;}
.user_certify .certify_box .box_wrap{display: table-cell;vertical-align:middle;}
.user_certify .certify_box .box_wrap > .icon{display:inline-block;width: 130rem;height: 130rem;background-image:url(../images/icon/ic_join4.png);background-repeat:no-repeat;background-size: 130rem;border: 1px dashed #6491dc;border-radius: 100rem;padding: 9rem;box-sizing: content-box;background-position: center;}
.user_certify .certify_box .box_wrap .certify_desc{margin-top: 20rem;word-break:keep-all;}
.user_certify .certify_box .box_wrap .certify_desc span{display:block;}
.user_certify .certify_box .box_wrap .certify_desc .tit{color: #333;font-size: 19rem;line-height:1.9;font-weight: 600;}
.user_certify .certify_box .box_wrap .certify_desc .tit strong{color: #2952de;font-weight: 700;}
.user_certify .certify_wrap.ipin .box_wrap .certify_desc .tit strong{color: #0a8c8c;font-weight: 700;}
.user_certify .certify_box .box_wrap .contents_title{ padding-left:0;}
.user_certify .certify_box .box_wrap .contents_title:before{ display:none}
.user_certify .certify_box .box_wrap .certify_desc .txt{color:#666;font-size: 16rem;line-height: 1.4;}
.user_certify .certify_box .box_wrap .find_desc{width:260rem;margin:0 auto;padding-left:30rem;font-size:17rem;line-height:1.5;text-align:left;}
.user_certify .certify_box .box_wrap .find_desc > .tit{color: #2655DD;font-weight: 600;text-align: center;}
.user_certify .certify_box .box_wrap .find_desc > .txt{color: #222;font-weight: 600;}
.user_certify .certify_box .box_wrap .field_wrap{display:table;width:335rem;margin:10rem auto;border: 1rem solid #23517b;border-radius:3rem;background-color:#fff;}
.user_certify .certify_box .box_wrap .field_wrap .label{display:table-cell;width:70rem;height:40rem;padding:0 16rem;vertical-align:middle;}
.user_certify .certify_box .box_wrap .field_wrap .label label{color:#333;font-size:15rem;}
.user_certify .certify_box .box_wrap .field_wrap .field{position:relative;display:table-cell;height:40rem;padding:0 14rem;vertical-align:middle;}
.user_certify .certify_box .box_wrap .field_wrap .field:before{content:'';position:absolute;top:14rem;left:0;width:1rem;height:14rem;background-color:#ccc;}
.user_certify .certify_box .box_wrap .field_wrap .field .txt{width:100%;font-size:15rem;border:none;background:none;}
.user_certify .certify_box .box_wrap .field_wrap .field .txt:-webkit-autofill{ -webkit-box-shadow: 0 0 0 1000rem white inset !important;}

.user_certify .certify_wrap.id-ent { width: 100%}
.user_certify .certify_wrap.phone{padding-right:10rem;}
.user_certify .certify_wrap.ipin{padding-left:10rem;} 
.user_certify .certify_wrap.ipin .certify_box .box_wrap .icon{background-image:url(../images/icon/ic_join5.png);background-repeat:no-repeat;border: 1px dashed #5ac4c5;}
.user_certify .certify_box.find_id .box_wrap .icon{margin-bottom:20rem; background-image:url(../images/icon/ic_join6.png);}
.user_certify .certify_box.find_id .box_wrap .btn_wrap{margin-top:20rem;}
.user_certify .certify_box.find_id .box_wrap .btn_wrap .btn.login{width:106rem;}
.user_certify .certify_box.find_id .box_wrap .find_desc { padding: 0; width: auto; text-align: center}
.user_certify.find_pw .certify_box{min-height: 430rem;}
.user_certify.info_modify .certify_box{height:430rem;}
.user_certify .certify_wrap.phone .btn.certify,
.user_certify .certify_wrap.id-ent .btn.certify {background:#2952de;min-width:140rem;font-size: 18rem;}
.user_certify .certify_wrap.ipin .btn.certify { background:#0a8c8c; min-width:140rem}
.user_certify.info_modify .certify_box .box_wrap > .icon{margin-bottom:20rem;/* background-position:0 -417rem; */}
.user_certify.info_modify .certify_box .box_wrap .find_desc{display:table;table-layout:fixed;width:405rem;padding-left:0;margin-bottom:15rem;background: #f0f3fd8c;height: 60rem;padding: 8rem;border-radius: 6rem;}
.user_certify.info_modify .certify_box .box_wrap .find_desc .tit{display: table-cell;width: 90rem;vertical-align:middle;text-align: center;}
.user_certify.info_modify .certify_box .box_wrap .find_desc > .txt{display:table-cell;vertical-align:middle;}
.user_certify.info_modify .certify_box .box_wrap .find_desc > .txt .txt{height:42rem;}
.user_certify.info_modify .certify_box .box_wrap .modify_info{margin:20rem 0;color:#666;font-size:15rem;}
.user_certify.pw_modify .certify_box{height:520rem;}
.user_certify.pw_modify .certify_box .box_wrap > .icon{margin-bottom:20rem;}
.user_certify.pw_modify .certify_box .box_wrap .find_desc{display:table;table-layout:fixed;width: 80%;padding-left:0;margin-bottom: 0rem;background: #f0f3fd8c;height: 60rem;padding: 8rem;border-radius: 6rem;}
.user_certify.pw_modify .certify_box .box_wrap .find_desc .tit{display:table-cell;width:130rem;vertical-align:top;padding-top:10rem;}
.user_certify.pw_modify .certify_box .box_wrap .find_desc > .txt{position:relative;display:table-cell;vertical-align:middle;}
.user_certify.pw_modify .certify_box .box_wrap .find_desc > .txt .txt{width:80%;height:42rem;}
.user_certify.pw_modify .certify_box .box_wrap .find_desc > .txt .modify_info{margin:3rem 0 5rem;color:#777;font-size:14rem;/* white-space:nowrap; */word-break: keep-all;}

.join_complete{margin:60rem 0 15rem;padding-top:220rem;background:url(/images/sub/img_join_complete.png) no-repeat 50% 0;text-align:center;}
.join_complete .tit{color:#103b6d;font-size:26rem;font-weight:600;line-height:1.5;}
.join_complete .txt{color:#333;font-size:15rem;line-height:1.5;}
.join_complete .btn_wrap{margin-top:20rem;}

#myhome .user_certify.find_pw {margin-top:10rem;}
#myhome .user_certify .certify_wrap.phone,
#myhome .user_certify .certify_wrap.ipin { display: flex; flex-direction: column}
#myhome .user_certify .certify_wrap.phone .contents_title,
#myhome .user_certify .certify_wrap.ipin .contents_title {padding-left: 0; margin-bottom: 20rem; text-align: center}
#myhome .user_certify .certify_wrap.phone .contents_title:before,
#myhome .user_certify .certify_wrap.ipin .contents_title:before {content:none; }
#myhome .top_box.join + .contents_row { margin-top: 15rem}
#myhome .contents_title { margin-bottom: 20rem; font-weight: 600}  
@media (max-width:991px) {
.user_certify .certify_wrap {width:100%}	
.user_certify .certify_box .box_wrap { display:block}
.user_certify .certify_box {display:block;height:auto;padding:20rem;min-height: auto;}	
.user_certify{display:flex; flex-direction:column;width:100%;}
.user_certify .certify_wrap.phone { margin-bottom:25rem}
.user_certify .certify_wrap.phone , 
.user_certify .certify_wrap.ipin { padding:0}
.user_certify .certify_box .box_wrap > .icon{width:80rem;height:80rem;background-size: 87rem;}
.user_certify.find_pw .certify_box {display:block;height:auto;padding:20rem;min-height: auto;}	
.user_certify.find_pw .id-ent .certify_box{ padding:40rem 20rem } 
}

/* 로그인 */
.login_form{margin: 50rem auto 80rem;width:435rem;}
.login_form .field_wrap{display:table;width:100%;margin-bottom:5rem;border: 1rem solid #5d72d5;border-radius:3rem;}
.login_form .field_wrap .label{display:table-cell;width:95rem;height:52rem;padding:0 16rem;vertical-align:middle;}
.login_form .field_wrap .label label{color: #293d98;font-size: 17rem;font-weight: 600;}
.login_form .field_wrap .field{position:relative;display:table-cell;height:52rem;padding:0 16rem;vertical-align:middle;}
.login_form .field_wrap .field:before{content:'';position:absolute;top:19rem;left:0;width:1rem;height:14rem;background-color:#ccc;}
.login_form .field_wrap .field .txt{width:100%;font-size:15rem;border:none;background:none;}
.login_form .field_wrap .field .txt:-webkit-autofill{ -webkit-box-shadow: 0 0 0 1000rem white inset !important;}
.login_form .btn_wrap{margin-top:20rem;}
.login_form .btn_wrap .btn{width:100%;}
@media (max-width:991px) {
.login_form{margin: 20rem auto 30rem;width:435rem;}	
}
.login_option{display:table;width:100%;table-layout:fixed;border: 1rem solid #d8d8d8;border-top: 1rem solid #5d72d5;padding: 25rem;}
.login_option .option_left,
.login_option .option_right{display:table-cell;width:50%;vertical-align:middle;text-align:center;}
.login_option .option_right{border-left:1rem solid #d8d8d8;}
.login_option .option_wrap{display: flex;margin:0 auto;width: 100%;justify-content: center;}
.login_option .option_wrap .cell{position:relative;display:table-cell;padding:0 20rem;vertical-align:middle;}
.login_option .option_left .option_wrap .cell:not(:first-child):before{content:'';position:absolute;bottom:10rem;left:-1rem;width:1rem;height:16rem;background-color:#ccc;}
.login_option .option_wrap .cell .tit{color:#666;font-size:15rem;}
.login_option .option_wrap .cell .btn_wrap .btn{margin-right:2rem;min-width: max-content;}
.login_option .option_right .link li{display: inline-flex;vertical-align:middle;padding:0 15rem;text-align: center;justify-content: center;}
.login_option .option_right .link li a{display: flex;color:#666;font-size:14rem;text-align: center;flex-direction: column;align-items: center;}
.login_option .option_right .link li a .icon_wrap{display:table;width: 50rem;height: 50rem;margin-bottom:10rem;border:1rem solid #c8c8c8;border-radius:50%;/* background-color:#f9f9f9; */}
.login_option .option_right .link li a .icon_wrap .icon_area{display:table-cell;vertical-align:middle;}
.login_option .option_right .link li a .icon_wrap .icon{display:inline-block; background-position:center}
.login_option .option_right .link li a .icon_wrap .icon.portal{width: 36rem;height: 36rem;background-image:url(../images/icon/icon_login1.png);background-repeat:no-repeat;background-size: contain;}
.login_option .option_right .link li a .icon_wrap .icon.worknet{width:58rem;height:14rem;background-image:url(../images/icon/icon_login1.png);background-repeat:no-repeat;}
.login_option .option_right .link li a .icon_wrap .icon.visitkorea{width: 36rem;height: 36rem;background-image:url(../images/icon/icon_login2.png);background-repeat:no-repeat;background-size: contain;}


@media (max-width:991px) {
.login_option { display:flex; flex-direction:column; gap:0; padding:0} 
.login_option .option_wrap {padding: 20rem 0;}
.login_option .option_left, .login_option .option_right { display:block; width:100%; height:auto}
.login_option .option_wrap .cell { padding:0}
.login_option .option_left .option_wrap {gap: 45rem;}
.login_option .option_left .option_wrap .cell:not(:first-child):before { content:none}
.login_option .option_wrap .link { padding:0}
.login_option .option_right { border-top:1rem solid #d8d8d8;; border-left:0;}
.login_option .option_right .link li a .icon_wrap .icon{ background-size:contain}
}

/* 비밀번호 찾기 */
.desc_box{margin: 20rem auto 40rem;border: 1rem solid #c1cce9;background-color: #f8f9ff;padding:30rem 0;text-align:center;border-radius: 9rem;}
.desc_box .box_wrap{display:inline-block;}
.desc_box span{position:relative;dispaly:inline-block;padding:0 12rem;}
.desc_box span:not(:first-child):before{content:'';position:absolute;top:6rem;left:0;width:1rem;height:13rem;background-color:#ccc;}
.desc_box .txt{color:#222;font-size:16rem;font-weight:600;}
.desc_box .txt strong{color:#285ccb;font-weight:600; margin-right:5rem}
.desc_box.drop{margin-top:10rem;padding:15rem 20rem;text-align:left;line-height:1.6;}
.desc_box.drop dl{margin:15rem 0;padding:0 10rem;}
.desc_box.drop dl dt{font-weight:500;}
.desc_box.drop dl span{text-decoration:underline;font-weight:500;display:inline;padding:0;}
.desc_box.drop dl span:before{display:none;}
@media (max-width:991px) {
.desc_box{margin: 0 auto 20rem;} 
.desc_box + .user_type ul { flex-direction: column; }
.user_type ul li[class*="type0"] .user_desc .txt {word-break:keep-all; line-height: 1.4}
.user_type ul li[class*="type0"] { display: flex; justify-content: space-between; align-items: center; gap:30rem; padding: 15rem 20rem;text-align: left}
.user_type ul li[class*="type0"] .icon_join{ flex: 0 0 70rem; height: 70rem}
.user_type ul li[class*="type0"] .user_desc,
.user_type ul li[class*="type0"] .btn_wrap { margin-top: 0}
}

/* FAQ */
.faq{border-top: 1rem solid #86a5e0;}
.faq .title_faq{position:relative;background: #f3f6fd;padding: 14rem 0;text-align:center;}
.faq .title_faq span{font-size: 17rem;font-weight: 600;}
.faq .title_faq .field{position:absolute;left:30rem;top:15rem;z-index:1;}
.faq .list_faq{border-top: 1rem solid #e1e1e1;}
.faq .list_faq li{position:relative;}
.faq .list_faq li .field{position:absolute;left:30rem;top:26rem;z-index:1;}
.faq .list_faq li .field ~ *{padding-left:60rem;}
.faq .list_faq li .field + .faq_title{background-position:80rem 20rem;}
.faq .list_faq li .faq_title{position:relative;border-bottom: 1rem solid #e1e1e1; background: url(../images/common/icon_faq_question.png) no-repeat 14rem 18rem; background-size:26rem}
.faq .list_faq li .faq_title a{display: flex;padding: 20rem 50rem 20rem 80rem;align-items: baseline;}
.faq .list_faq li .faq_title .icon{position:absolute;top:50%;right:30rem;margin-top: -7rem;color: #888;}
.faq .list_faq li .faq_category{margin-right: 20rem;font-size: 14rem;font-weight:500;flex: 0 0 50rem;border:1rem solid;text-align:center;border-radius:3rem;padding:3rem 5rem}
.faq .list_faq li .faq_category.edu{color:#057daf;display: block;}
.faq .list_faq li .faq_category.license{color:#ca5006;}

.faq .list_faq li .faq_category.job{color:#538300;}
.faq .list_faq li .faq_category.etc{color:#cc2069;}
.faq .list_faq li .faq_question{color:#4f4f4f;font-size: 16rem;}
.faq .list_faq li .faq_title a:hover .faq_question,
.faq .list_faq li .faq_title a:focus .faq_question{ font-weight:600;}
.faq .list_faq li .faq_content{display:none;background: #F8FAFE;border-bottom: 1rem solid #f1f1f1;}
.faq .list_faq li .faq_answer{padding:25rem 30rem 25rem 70rem;color:#4f4f4f;font-size:14rem;line-height:1.4; background: url(../images/common/icon_faq_answer.png) no-repeat 14rem 22rem; background-size:26rem}
.faq .list_faq li.on .faq_title .icon{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);height: 10rem;}
.faq .list_faq li.on .faq_content{display:block;}
.faq .list_faq li .faq_answer p,
.faq .list_faq li .faq_answer span { font-size:16rem !important}
@media (max-width: 991px) {
.faq .list_faq li .faq_category {flex: 0 0 42rem;}
.faq .list_faq li .faq_title a{padding-left:53rem;}
.faq .list_faq li .faq_title .icon { right:15rem}
.faq .list_faq li .faq_answer{padding-left:53rem;}
}		
 
/* Survey */
.survey{}
.survey .list_survey{}
.survey .list_survey li{margin-bottom:30rem;}
.survey .list_survey li:last-child{margin-bottom:0;}
.survey .list_survey li .survey_question{height:20rem;background:url(/images/sub/icon_survey_question.png) no-repeat 0 50%;padding-left:32rem;}
.survey .list_survey li .survey_question span{color:#333;font-size:15rem;line-height:1.4;}
.survey .list_survey li .survey_answer{margin-top:10rem;border:1rem solid #ccc;padding:16rem 20rem;color:#666;font-size:14rem;line-height:1.3;}
.survey .list_survey li .survey_answer span.field + span.field{margin-left:30rem;}
.survey .list_survey li .survey_answer span.field input[type="radio"] + label{color:#666;font-size:15rem;}
.survey .list_survey li .survey_answer span.field label + input[type="text"]{margin:0 2rem;}
.survey .list_survey li .survey_answer .txtarea{height:60rem;}

/* 관광인 소개 */
.ggin-infom{background:url(../images/sub/ggin/int_bg.gif) no-repeat; background-size:contain; }
.ggin-infom .sub_visual {max-width:100%;border-bottom:1rem solid #ebeff6;border-radius: 0;}
.ggin-infom .sub_visual span{font-size:18rem;color:#1f3376;padding-top: 20rem;}
.ggin-infom .page_share { top:18rem; display:none}
.ggin-infom .breadcrumb { padding:16rem 0; margin-top:-60rem}
.ggin_intro {max-width: 1100rem;margin: 0 auto;padding: 40rem 0 60rem;color: #333;box-sizing: border-box;}
.ggin_intro * { box-sizing: border-box; }
.ggin_intro .gi_top {margin-bottom: 80rem;text-align: center;}
.ggin_intro .gi_logo {margin-bottom: 0;padding: 20rem 20rem 30rem 30rem;border:1rem solid #e6e6e6;box-shadow:0 2rem 8rem rgba(0, 0, 0, 0.1);border-radius:15rem;text-align: center;display: inline-flex;justify-content: center;align-items: center; background:#fff}
.ggin_intro .gi_logo img { display: block; width:128rem; }
.ggin_intro .gi_feats {display: flex;gap: 88rem;position: relative;margin: 0;padding: 48rem 0 0;list-style: none;}
.ggin_intro .gi_feats:before {content: "";position: absolute;top: 0;left: 50%;width: 1rem;height: 63rem;background: #9eb0cb;transform: translateX(-50%);}
.ggin_intro .gi_feats:after {content: "";position: absolute;top: 146rem;left: 16.666%;right: 16.666%;height: 1rem;background: #9eb0cb;z-index: 0;}
.ggin_intro .gi_feats > li {position: relative;flex: 1;min-width: 0;padding: 28rem 36rem;border: 1rem solid #6084c3;border-top: 5rem solid #3a51c3;border-radius: 20rem;background: #fff;text-align: center;z-index: 4;} 
.ggin_intro .gi_feats .ico {display: flex;align-items: center;width: auto;height: auto;margin: 0 auto 16rem;color: #4a7ab8;flex-direction: column;gap: 13rem;}
.ggin_intro .gi_feats .ico img {width: 64rem;height: auto;}
.ggin_intro .gi_feats p {margin: 0;font-size: 16rem;line-height: 1.3;letter-spacing: -0.4rem;color: #444;word-break: keep-all;}
.ggin_intro .gi_about {margin-bottom: 80rem;text-align: center;}
.ggin_intro .gi_about h3 { margin: 0 0 18rem; font-size: 32rem; font-weight: 700; line-height: 1.45; letter-spacing: -1rem; color:#272933; word-break: keep-all;font-family:var(--fm1);font-weight:normal }
.ggin_intro .gi_about h3 span { color:#1466f3; font-family:inherit} 
.ggin_intro .gi_about p {margin: 0 auto;max-width: 100%;font-size: 17rem;line-height: 1.75;letter-spacing: -0.3rem;color: #555;word-break: keep-all;}
.ggin_intro .gi_icons h3 {margin: 0 0 22rem;font-size: 24rem;font-weight: 700;text-align: center;color: #333;letter-spacing: -0.5rem;}
.ggin_intro .gi_icons_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15rem;margin: 0;padding: 0;list-style: none;}
.ggin_intro .gi_icons_list > li {display: flex;align-items: center;gap: 28rem;min-height: 96rem;padding: 20rem 30rem;border: 1rem solid #e6e6e6;border-radius: 10rem;background: #fff;box-shadow: 0 2rem 8rem rgba(0, 0, 0, 0.04);}
.ggin_intro .gi_icons_list .ico {flex: 0 0 48rem;display: flex;align-items: center;justify-content: center;width: 48rem;color: #4a7ab8;}
.ggin_intro .gi_icons_list .ico img {width: 62rem;height: auto;}
.ggin_intro .gi_icons_list .txt { flex: 1; min-width: 0; text-align: left; }
.ggin_intro .gi_icons_list strong {display: block;margin-bottom: 6rem;font-size: 19rem;font-weight: 700;color: #222;letter-spacing: -0.4rem;}
.ggin_intro .gi_icons_list span {display: block;font-size: 16rem;line-height: 1.5;color: #777;letter-spacing: -0.3rem;word-break: keep-all;}
@media (max-width: 991px) {
.ggin-infom{background-size:cover; } 
.ggin-infom .breadcrumb { right:0; margin-top:-57rem; opacity:1}	 
.ggin_intro { padding: 28rem 0 40rem; }
.ggin_intro .gi_feats {gap: 14rem;padding-top: 28rem;}
.ggin_intro .gi_top {margin-bottom: 40rem;}
.ggin_intro .gi_logo img { width:100rem; }
.ggin_intro .gi_feats .ico img { width:56rem}
.ggin_intro .gi_feats:after { display: none; }
.ggin_intro .gi_feats > li {padding: 15rem;border-radius: 15rem;}
.ggin_intro .gi_feats > li:before { display: none; }
.ggin_intro .gi_feats > li:first-child:before { display: block; top: -28rem; height: 28rem; }
.ggin_intro .gi_about { margin-bottom: 40rem; }
.ggin_intro .gi_about h3 { font-size: 22rem; }
.ggin_intro .gi_icons_list {gap: 10rem;grid-template-columns: repeat(2, 1fr);} 

}
@media (max-width: 750px) { 
.ggin_intro .gi_logo img {width: 80rem;}
.ggin_intro .gi_feats {padding-top: 30rem;gap: 7rem;}
.ggin_intro .gi_feats .ico {width: 56rem;height: 56rem;margin-bottom: 0;}
.ggin_intro .gi_feats .ico img {width: 44rem;height: 44rem;}
.ggin_intro .gi_feats p { font-size: 14rem; }
.ggin_intro .gi_about { margin-bottom: 32rem; }
.ggin_intro .gi_about h3 { font-size: 18rem; margin-bottom: 12rem; }
.ggin_intro .gi_about p {font-size: 14rem;line-height: 1.4;text-align: left;}
.ggin_intro .gi_icons h3 { font-size: 18rem; margin-bottom: 14rem; }
.ggin_intro .gi_icons_list > li { gap: 14rem; min-height: 0; padding: 12rem 10rem; }
.ggin_intro .gi_icons_list .ico { flex-basis: 42rem; width: 42rem; height: 42rem; }
.ggin_intro .gi_icons_list .ico img { width: 36rem; height: 36rem; }
.ggin_intro .gi_icons_list strong { font-size: 15rem; }
.ggin_intro .gi_icons_list span { font-size: 13rem; }
}
/* Newsletter */
.newsletter_list{}
.newsletter_list ul{}
.newsletter_list ul li{position:relative;float:left;width:285rem;height:294rem;margin-right:20rem;margin-bottom:20rem;border:1rem solid #5e6e78;text-align:center;}
.newsletter_list ul li:nth-child(4n){margin-right:0;}
.newsletter_list ul li.new::after{content:'';position:absolute;top:0;right:10rem;width:20rem;height:33rem;background:url(/images/sub/icon_bookmark.png) no-repeat;}
.newsletter_list ul li .letter_wrap{position:relative;height:150rem;border-bottom:1rem solid #a0acba;}
.newsletter_list ul li .letter_title{display:table;width:100%;table-layout:fixed;padding:20rem 24rem 15rem 24rem;line-height:1.4;word-break:keep-all;}
.newsletter_list ul li .letter_title .title_wrap{display:table-cell;vertical-align:middle;height:50rem;}
.newsletter_list ul li .letter_title .title_wrap > span{display:inline-block;max-height:50rem;overflow:hidden;color:#333;font-size:18rem;font-weight:500;}
.newsletter_list ul li .letter_desc{line-height:1.4}
.newsletter_list ul li .letter_desc > span{color:#888;font-size:14rem;}
.newsletter_list ul li .btn_more{position:absolute;bottom:-1rem;left:50%;margin-left:-45rem;display:inline-block;color:#fff;padding:8rem 15rem;border:1rem solid #6680a9;background-color:#6680a9;font-size:13rem;}
.newsletter_list ul li .btn_more::after{content:'';position:absolute;left:50%;bottom:-6rem;margin-left:-6rem;border-top:6rem solid #6680a9;border-left:6rem solid transparent;border-right:6rem solid transparent;}
.newsletter_list ul li .image_wrap{width:100%;height:142rem;}
.newsletter_list ul li .image_wrap img{width:100%;height:100%;}


/* 서비스개요 */
.intro_visual{display:table;width:100%;height:201rem;margin-bottom:25rem;background:url(../images/sub/img_service_intro.jpg) no-repeat;text-align:center;}
.intro_visual span{display:table-cell;color:#fff;font-size:26rem;line-height:1.3;vertical-align:middle;}
.intro_visual strong{display:block;color:#efb400;font-size:38rem;font-weight:500;}
.intro_text.contents_row{margin-bottom:20rem;}
.intro_text p{color:#383838;font-size: 16rem;line-height:1.5;word-break:keep-all;}
.intro_text .title{margin-bottom:6rem;color:#225085;font-size:22rem;font-weight:500;}
.intro_text .title strong{color:#ef6500;}
 
 
/* 관광미래인재교육센터 인사말	*/
.serv-campus .sub-top-title .stlt-txt{font-size:16rem;font-weight:500;line-height: 1.4;color: #444;letter-spacing: -0.5rem;} 
.academy_greeting.mirae {display:flex;flex-direction:column;padding-left: 520rem;position: relative;}
.academy_greeting.mirae:before{content:'';display:block;background:url(../images/sub/img_academy_mirae_01.jpg) no-repeat;height:380rem;position:absolute;top:0;width: 440rem;left: 0;}
.academy_greeting.mirae .greeting_head{padding:25rem 0;border-bottom:1rem solid #4a91c9;}
.academy_greeting.mirae .greeting_head span{display:inline-block;color:#383838;font-size:30rem;line-height:38rem;font-weight:500;}
.academy_greeting.mirae .greeting_head span+span{display:;color:#0f6db7;font-size:26rem; letter-spacing:-1.5rem; font-weight:400;}
.academy_greeting.mirae .greeting_contents{padding-top:25rem;}
.academy_greeting.mirae .greeting_contents p{margin-bottom:25rem;color:#383838;font-size: 16rem;line-height:1.6;word-break:keep-all;}
.academy_greeting.mirae .greeting_contents p strong{color:#4f80a6;font-weight:400;}
@media (max-width:991px) {
.academy_greeting.mirae {padding-left:0;align-items: center;} 
.academy_greeting.mirae:before{content:'';display:block;height:35vw;position:unset;top:0;width: 100%;background-position: center;background-size: contain;}
.academy_greeting.mirae .greeting_head { text-align:center}
}
/* 대관안내 */	
.rental_info .info_list{margin:20rem 0;}
.info_img_list{margin:20rem 0;}
.info_img_list ul{padding: 0;border: 0;display: flex;flex-wrap: wrap;gap: 16rem 2%;}
.info_img_list ul li{width: 23.5%;border-radius: 20rem;}
.info_img_list.col-3 ul li{ width:32%;height:auto; } 
.info_img_list ul li .list_wrap{border: 1rem solid #ccc;overflow:hidden;padding: 13rem;} 
.info_img_list ul li .list_wrap .thumb img{width:100%;}
.info_img_list.col-3 ul li .list_wrap .thumb img{width:100%; }
.info_img_list ul li .list_wrap .text{display:table;width:100%;text-align:center;}
.info_img_list ul li .list_wrap .text span{display:table-cell;vertical-align: middle;height: 48rem;color:#333;font-size: 18rem;}
@media (max-width:991px) {
.info_img_list ul li,.info_img_list.col-3 ul li{ width:48.96%}

}

/* 오시는 길 */
#map{width:100%;}
.map_wrap{margin-bottom:50rem;}
.map_wrap .map_option{padding:5rem 40rem;background:#333;}
.map_wrap .map_option ul{display: flex;min-height: 80rem; gap:8rem 60rem}
.map_wrap .map_option ul li{display: flex; gap:10rem; justify-content: center;align-items: center;}
.map_wrap .map_option ul li.addr:before{ content:"\eb59"; font-family:var(--fm2); color:#fff; font-size:28rem; }
.map_wrap .map_option ul li.phone:before{ content:"\e9d3"; font-family:var(--fm2); color:#fff;  font-size:28rem;}

.map_wrap .map_option ul li span{color:#fff;font-size:16rem;}

@media (max-width:991px) {
.map_wrap .map_option{padding:8rem;}	
.map_wrap .map_option ul{display: flex; flex-direction:column;align-items:flex-start; justify-content:center}
}
/* 이용약관 */
.policy_box{position:relative;}
.policy_box .contents_title { font-size: 19rem; padding-left:15rem; margin-bottom: 14rem; line-height: 1.4}  
.policy_box .contents_title:before { width: 6rem; height: 17rem; top:4rem} 
.policy_box .contents_title.tino {padding-left:0;}  
.policy_box .contents_title.tino:before {content: none}   
.policy_desc_option{width:100%; border: 1rem solid #d8d8d8;border-top: 1rem solid #5d72d5;padding: 48rem;border-radius: 15rem;}
.policy_desc_option .policy_desc:before {content: '';display: block;width: 160rem; height: 60rem; background: url("../images/icon/ic_log1.png") no-repeat center; background-size: auto; border-radius: 10rem;}
.policy_desc_option .policy_desc { display: flex; align-items: center; gap: 40rem; font-size: 17.4rem; line-height: 1.5; margin: 0; font-weight: 400;word-break:keep-all; }
.policy_desc_option .info_list { margin-left: 14rem}
.policy_box .contents_title.tino +.info_list  { margin-left: 0}
.policy_box .contents_row:last-child { margin-bottom: 0} 
 @media (max-width:991px) {
.policy_box .map_option{padding:8rem;}	
.policy_desc_option {padding:30rem 20rem;} 
.policy_desc_option .policy_desc { text-align: center} 
.policy_desc_option .policy_desc:before {content: none}  
  
}
 
/* 통합검색 */
#search_con {display: flex;flex-wrap: wrap;gap: 30rem 34rem;position: relative;}
#search_con .clear {clear:both; font-size:0; line-height:0; overflow:hidden; height:0 !important; }
#search_con .mTs {margin-top:15rem;}
#search_con .mTm {margin-top:45rem;}
#search_con .mTm h2 { font-size:18rem; padding-bottom:8rem}
.search_tit {text-align:center;color:#454545;font-size: 16rem;padding: 30rem 26rem;border-radius: 8rem;width: 100%;margin: 15rem auto;background: #F7F8FC;}
.search_tit > span { color:#c70026; font-weight:500;}
.search_left {max-width: calc(100% - 235rem); width:100% }
@media (max-width:991px) {
.search_tit {padding: 20rem;margin: 15rem auto 0;}
}


.serch_tab { margin-top:25rem;}
.serch_tab > li { margin-right:2rem; float:left; position:relative;}
.serch_tab > li.last { margin-right:0;}
.serch_tab > li > a { width:155rem; height:47rem; line-height:47rem; text-align:center; display:block; background:#ebeef1; font-size:16rem; color:#94a4b5; font-weight:500; text-decoration:none;}
.serch_tab > li > img { position:absolute; left:50%; bottom:-7rem; margin-left:-6.5rem; display:none;}
.serch_tab > li.on > a { color:#ffffff; background:#2d508a;}
.serch_tab > li.on > img { display:block;}

.search_left_box1{position:relative;}
.search_left_box1 .contents_title { margin-bottom:18rem; }
.search_left_box1 .contents_title .result { margin-left:8rem; color:#666; font-size:15rem; font-weight:normal;}
.search_left_box1 .contents_title .result .num { color:#327eaf;}
.search_left_box1 .search_more_btn {position:absolute;top: -7rem;right:0;height:30rem;line-height:30rem;color:#ffffff;font-size:14rem;border-radius: 3rem;display:block;padding: 0 28rem 0 15rem;background:url(../images/sub/btn_more_arrow.png) no-repeat 92% center #327eaf; background-size: 11rem; cursor: pointer;}


.search_left_ul02 { border-top:#999 1rem solid; }
.search_left_ul02 > li { border-bottom:#d3d3d3 1rem solid; padding:19rem 0;}
.search_left_ul02 > li.last { border-bottom:#ababab 1rem solid;}
.search_left_ul02 > li > dl { /*float:left; width:510rem;*/line-height:1.4;}
.search_left_ul02 > li > dl > dt { margin-bottom:10rem;}
.search_left_ul02 > li > dl > dt > a { color:#0340a4; font-size:15rem; font-weight:500; text-decoration:underline;}
.search_left_ul02 > li > dl > dt > span { color:#737373; font-size:13rem; margin-left:15rem;}
.search_left_ul02 > li > dl > dd { color:#4f4f4f; font-size:14rem; margin-bottom:10rem;}
.search_left_ul02 > li > dl > dd.Sty2 { color:#bcbcbc;}
.search_left_ul02 > li > dl > dd.Sty2 > a { color:#0340a4; font-size:13rem; font-weight:500; text-decoration:underline; background:url(/images/sub/search_bg04.gif) no-repeat left top; padding-left:22rem; display:inline-block;}
.search_left_ul02 > li > dl > dd.Sty3 { color:#737373; font-size:13rem; margin-bottom:0;}
.search_left_ul02 > li > img { float:left; margin-right:20rem;}

.search_left_ul02 > li > dl.style2 { width:100%; float:none;}
.search_left_ul02 > li > dl.style2 > dd.Sty4 { height:100%; overflow:hidden; margin-bottom:2rem;}
.search_left_ul02 > li > dl.style2 > dd.Sty4 > span { width:40%; float:left; display:block;}
.search_left_ul02 > li > dl.style2 > dd.Sty3 { margin-top:8rem;}
.search_left_ul02 > li .no_data{font-size:15rem;padding:20rem 0;text-align:center;font-weight:500;}
.search_left_ul02 + h3 { font-size:16rem; font-weight:500; text-align:center; padding:25rem 0}
.search_right {/* float: right; */width:200rem;margin-top:35rem;position: sticky;top: 15rem;height: 100%;}
.search_right_box1 { border:#dedede 1rem solid; padding:1rem;}
.search_right_box1 > h2 { height:36rem; line-height:36rem; color:#4d4d4d; font-size:16rem; background:#f0f2f8; padding-left:17rem;}
.search_right_box1 > ul {padding: 15rem;display: flex;flex-direction: column;gap: 5rem;}
.search_right_box1 > ul > li {height:100%;overflow:hidden;display: flex;align-items: center;gap: 10rem;}
.search_right_box1 > ul > li > a { font-size:14rem; color:#4d4d4d; text-decoration:none; letter-spacing:-0.5rem; float:left; line-height:18rem;}
.search_right_box1 > ul > li > span { float:left;}
.search_right_box1 > ul > li > span.li_num {color:#4d4d4d;font-size:11rem;border:#dbdbdb 1rem solid;height:16rem;line-height:16rem;width:16rem;display:inline-block;text-align:center;}
.search_right_box1 > ul > li > span.li_up { color:#808080; font-size:13rem; float:right; background:url(/images/sub/search_bg05.gif) no-repeat left center; padding:0 15rem 0 15rem; letter-spacing:-0.5rem;}
.search_right_box1 > ul > li > span.li_new { float:right; padding:0 15rem 0 0;}
.search_right_box1 > ul > li > span.li_down { color:#808080; font-size:13rem; float:right;; background:url(/images/sub/search_bg07.gif) no-repeat left center; padding:0 15rem 0 15rem; letter-spacing:-0.5rem;}
.search_right_box1 > ul > li > a > img {padding:4rem 10rem;}

@media (max-width:991px) {
#search_con { flex-direction:column}
.search_left{ max-width:100%;  order:2 }
.search_right {width:100%;margin-top:0;position: unset;}
.search_right_box1 > ul {display:flex; flex-direction:row; padding: 12rem 8rem;flex-wrap: wrap;gap: 6rem 13rem;} 
.search_right_box1 > ul > li {gap:5rem}
#search_con .clear { display:none}
}

.personInfo .tit { font-size:16rem; font-weight:600; text-align:center; line-height:23rem; color:#222}
.personInfo .bold{ font-size: 15rem;font-weight:600; text-decoration:underline;}
.personInfo .poptxt{ margin:20rem 0; line-height:18rem; color:#666; font-size:12rem; }
.personInfo .poph2{font-size:14rem; font-weight:600; padding-bottom:10rem;}
.personInfo .poptable{color:#666;font-size: 14rem;line-height: 19rem;}
.personInfo .poptable th{ background:#efefef; border:1rem solid #CCC; padding:6rem}
.personInfo .poptable td{ border:1rem solid #CCC; padding:6rem}
.personInfo .footer {text-align: center;font-size: 13rem; font-weight: bold; color: #fff; padding:10rem 0 10rem 5rem;}
.personInfo .footer .text { margin-top: 10rem; }
.personInfo .footer label {  font-size: 14rem; color: #fff    }
.personInfo .btn{ color:#fff; line-height:28rem;}
.personInfo .btn a{color:#fff;}

.modal-body .agree-table {color:#666;font-size: 14rem;line-height: 19rem; width: 100%} 
.modal-body .agree-table  th{ background:#efefef; border:1rem solid #CCC; padding:6rem; text-align: center}
.modal-body .agree-table  td{ border:1rem solid #CCC; padding:6rem; text-align: center}
.modal-body .agree-note {color:#d00909;font-size: 13.7rem;margin: 8rem 0 12rem;}

/* 보유자격증 (교육과정 > 수강신청정보) */
.licninfoSpan{float:left;margin-right:10rem;margin-bottom:5rem;margin-left:0 !important;}
.licninfoSpan:nth-of-type(2n+1){clear:both;}
.licninfoSpan ~ .btn_wrap{float:left;margin:0;}
 
/* 취업컨설팅 > 온라인멘토링 > 서비스 소개 > 멘토단프로필 : 7단 구성 목록(사진, 텍스트), 썸네일 가운데 돋보기 이미지 */
.view_list li{float: left; width:376rem; margin-right: 24rem; margin-bottom: 20rem; }
.view_list li .view_item{background-color: #fff; color: #111;min-height: 251rem; border: 1rem solid #ddd;height: 330rem;}
.view_list li .view_item .view_wrap{display: block; position: relative;height:189rem;}
.view_list li .view_item .view_wrap .view_meta{width:48%;position: absolute;bottom: 0; left: 18rem; text-align: right;}
.view_list li .view_item .view_wrap .view_thum{width:136rem; height:171rem; overflow: hidden;position: absolute; top:20rem; right:20rem;}
.view_list li .view_item .view_wrap .company{font-size:16rem; color: #0f6db7}
.view_list li .view_item .view_wrap .name{font-size:20rem;    padding: 7rem 0; }
.view_list li .view_item .career{margin: 20rem; border-top:3rem solid #0f6db7;padding:15rem 0; }
.view_list li .view_item .career p{position: relative;padding-left: 8rem; line-height:20rem;}
.view_list li .view_item .career p:before{content:""; position: absolute; top:9rem;left:0; width: 3rem; height: 3rem; background: #333}

#consultingListFrm {}
.table_view > table td[headers="resumeDown"] a{display: inline-flex; align-items: center; gap: 5rem} 
#consultingListFrm .contents_row :is(#formStep1,#formStep2,#formStep3,#formStep4,#formStep5,#consutingView1) { margin-top: 30rem;}
#consultingListFrm .contents_row :is(#formStep1,#formStep2,#formStep3,#formStep4,#formStep5,#consutingView1) .contents_title{ margin-bottom: 20rem;} 
@media (max-width:991px) {
#consultingListFrm .table_view > table th, 
#consultingListFrm .table_view > table td { height: auto}
#consultingListFrm table colgroup{ display: none}
#consultingListFrm table > thead  { display: none}  
#consultingListFrm table > tbody > tr  td { display: block}
#consultingListFrm table > tbody > tr  th { display: block}
#consultingListFrm select.sel { max-width:100%; max-width:-webkit-fill-available}
#consultingListFrm input.xlarge {max-width:fit-content; }
#consultingListFrm .table_view > table.poptable thead  { display: block} 
#consultingListFrm .table_view > table.poptable thead tr{ display: grid;  grid-template-columns: repeat(2, 1fr);}
#consultingListFrm .table_view > table.poptable tbody tr:first-child{ display: grid;  grid-template-columns: repeat(2, 1fr);}
#consultingListFrm .table_view > table.poptable tbody tr:first-child > td:nth-child(2n+1) {border-right:1rem solid #d0d0d0}
#consultingListFrm .table_view > table  tbody tr:last-child > td {border-bottom:0} 
#consultingListFrm .table_view > table tbody th + td { border-left: 0}  
#consultingListFrm .table_view > table td { padding: 15rem 10rem}
#consultingListFrm .table_view > table th { border-left: 0} 
#consultingListFrm .table_view > table.poptable th:nth-child(2n) { border-left: 1rem solid #d0d0d0} 
#consultingListFrm .table_view > table th, 
#consultingListFrm .table_view > table td { height: auto}
#consultingListFrm table colgroup{ display: none}
#consultingListFrm table > thead  { display: none}  
#consultingListFrm table > tbody > tr  td { display: block}
#consultingListFrm table > tbody > tr  th { display: block}
#consultingListFrm select.sel { max-width:100%; max-width:-webkit-fill-available}
#consultingListFrm input.xlarge {max-width:fit-content; }
#consultingListFrm .table_view > table.poptable thead  { display: block} 
#consultingListFrm .table_view > table.poptable thead tr{ display: grid;  grid-template-columns: repeat(2, 1fr);}
#consultingListFrm .table_view > table.poptable tbody tr:first-child{ display: grid;  grid-template-columns: repeat(2, 1fr);}
#consultingListFrm .table_view > table.poptable tbody tr:first-child > td:nth-child(2n+1) {border-right:1rem solid #d0d0d0}
#consultingListFrm .table_view > table  tbody tr:last-child > td {border-bottom:0} 
#consultingListFrm .table_view > table tbody th + td { border-left: 0}  
#consultingListFrm .table_view > table td { padding: 15rem 10rem}
#consultingListFrm .table_view > table th { border-left: 0} 
#consultingListFrm .table_view > table.poptable th:nth-child(2n) { border-left: 1rem solid #d0d0d0}  
#consultingListFrm table td #addFile1.uploadFileTag{ display: flex; flex-wrap: wrap; gap: 8rem 3rem;}
#consultingListFrm table td #addFile1.uploadFileTag .txt.file { max-width: 300rem;}
#consultingListFrm table td input.month, #consultingListFrm table td input.month + .txt { margin-bottom: 8rem;}
#consultingListFrm table td input.month {max-width:25% !important}
#consultingListFrm table td input.month + .txt {width:72%}
}

.main_contents .bnr_slider_1{float:left; position:relative;width:217rem;height:59rem; border:1rem solid #bfc7ce;-webkit-border-radius:5rem;-moz-border-radius:5rem;border-radius:5rem;overflow:hidden; margin-right:10rem;}
.main_contents .bnr_slider_1 .bnr_slider,
.main_contents .bnr_slider_1 .bnr_slider .slick-list,
.main_contents .bnr_slider_1 .bnr_slider .slick-track{height:100%;}
.main_contents .bnr_slider_1 .bnr_slider img{width:100%;height:100%;}

/* Youtube */
.youtube_list {display:flex;gap: 18rem 1.5%;flex-wrap:wrap}
.youtube_list li {width:32.33%; } 
.youtube_list li iframe, .youtube_list li embed {width:100% !important; height:230rem !important}

.youtube_list li .youtube_item, .youtube_list li .youtube_item2 {background-color: #fff;color: #111; display: block;position: relative; }
.youtube_list li .thumbnail img { width:100%; aspect-ratio:362 / 240}
.youtube_list li .youtube_item .youtube_meta, .youtube_list li .youtube_item2 .youtube_meta {padding: 15rem;font-size: 16rem;}
.youtube_list li .youtube_item .youtube_meta h2, .youtube_list li .youtube_item2 .youtube_meta h2 {height: 2.6em; overflow: hidden; color: #333; font-size: 15rem; font-weight: normal; line-height: 1.3; }
.youtube_list li .youtube_item img {aspect-ratio:362 / 240}
.youtube_list li .youtube_item2 .youtube_thum img {width:100%; height:230rem; position:absolute;}
.youtube_list li .gallery_item a:hover .gallery_meta h2,
.youtube_list li .gallery_item a:focus .gallery_meta h2,
.youtube_list li .gallery_item a:active .gallery_meta h2 {text-decoration: none;} 
.youtube_list li .gallery_item a .gallery_thum:after {display: none;}
.gallery_list.youtube_list li a { border-radius:10rem; overflow:hidden }
.gallery_list.youtube_list li .gallery_item a { border:0}
.gallery_list.youtube_list li .gallery_item a .gallery_meta{ border:0; padding:15rem 0 5rem 0}
@media (max-width:991px) {
.contents_info{ flex-direction:column}
.youtube_list li {width:49.1%;padding: 8rem;} 
.gallery_list.youtube_list li .gallery_item a .gallery_meta{ border:0; padding:7rem 0 5rem 0}
.youtube_list li .youtube_item .youtube_meta, .youtube_list li .youtube_item2 .youtube_meta {padding:7rem 0 5rem 0}
}
 
/* program */
.progm.gallery_list {display:flex;gap: 24rem 2%;flex-wrap:wrap; position:relative}
.progm.gallery_list li{width: 23.5%;border:1px solid #ddd;padding: 8rem;border-radius:15rem;overflow: hidden;} 
.progm.gallery_list li .thumbnail img {width: 100%;aspect-ratio:362 / 240;border-radius: 10rem;border-bottom: 1px solid #f1f1f1;transition:ease 0.3s} 
.progm.gallery_list li p {font-size:15rem;padding: 0 5rem 10rem 5rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.progm.gallery_list li p + p {font-size:14rem;/* margin-top: -10rem; */}
.progm.gallery_list .progm-ing{margin: 10rem 0 15rem;padding: 0px 5rem;}
.progm-ing .status{display:inline-flex;align-items:center;justify-content:center;min-width: 50rem;height: 22rem;padding: 0 14rem;border-radius:20rem;font-size:13rem;font-weight:600;line-height:1;}


@media (max-width:991px) {
.progm.gallery_list {display:flex;gap: 18rem 3%;} 
.progm.gallery_list li{ width: 48.5%; padding:13rem}
.progm.gallery_list li p {font-size:16rem; margin-top:10rem; letter-spacing:-0.8rem; padding:0}
.progm.gallery_list li p + p { font-size:14rem; margin-top:5rem; letter-spacing:-0.8rem} 
.progm.gallery_list .progm-ing{margin: 10rem 0;padding: 0;}
.progm.gallery_list li .thumbnail img {border-radius: 8rem;} 
}
@media (hover: hover) and (pointer: fine) and (min-width:991px){ 
.progm.gallery_list li:hover .thumbnail img{ transform:scale(1.02); transition:ease 0.2s; }
.progm.gallery_list li:hover{border-color:#5376C8;box-shadow:0 8rem 12rem rgba(0,0,0,.15); transition:ease 0.3s;}
.youtube_list li .youtube_item:hover,
.youtube_list li .youtube_item:active,
.youtube_list li .youtube_item:focus,
.youtube_list li .youtube_item2:hover,
.youtube_list li .youtube_item2:active,
.youtube_list li .youtube_item2:focus {border-color: #bababa;}
.gallery_list.youtube_list li:hover{border-color:#5376C8;box-shadow:0 4rem 8rem rgba(0,0,0,.1); transition:ease 0.3s}
}

.progm  .prom-thum { margin-bottom:55rem}  
.progm  .prom-thum .img-wrap {width:76%;border:1rem solid #d0d0d0;margin: 5rem auto;}
.progm  .prom-thum .img-wrap img{ width:100%; display:block} 
.progm .job_tit_wrap { margin-bottom:15rem}
.progm .job_top_box {padding: 20rem 30rem;flex-direction:row;justify-content:space-between;align-items:center}  
.progm .job_top_box .desc_title{font-size: 24rem;font-weight: 600;letter-spacing: -1rem;text-align: left;width: 780rem; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.progm .job_top_box .desc_btn {display:flex;margin-left:auto;align-items: center;gap: 6rem;position:unset;}
.progm .job_top_box .apply_box { display:flex;gap:5rem;}
.progm .job_top_box .apply_box .btn_apply {display: flex; height: 40rem;line-height:40rem;padding:0 10rem;font-size: 16rem;}
.progm .job_top_box .apply_box .btn_apply span{ color:inherit}
.progm .job_top_box .apply_box .btn_line {display: flex;height: 40rem;line-height:40rem;min-width:80rem;padding:0 10rem;border:1rem solid #999;border-radius:3rem;background:#fff;color:#333;font-size: 16rem;cursor:pointer;justify-content: center;align-items: center;font-weight: 600;}
.progm .job_top_box .apply_box .btn_line span{ color:inherit}
.progm .desc_btn_list { display:flex; justify-content:flex-end; padding:25rem 30rem 0 0}
.progm .desc_btn_list a{border-radius:3rem;height: 36rem;line-height: 36rem;border: 1rem solid #ccc;text-align: center; padding:0 15rem; min-width:98rem; background: #fff;display: flex;align-items: center;justify-content: center;}
.progm .detail_layout .detail_content .contents_row { border-radius:10rem;border: 1px solid #ddd;padding: 30rem; margin-bottom:30rem}
.progm .detail_layout .detail_content .top_box { min-height:auto;border:0;padding:5rem 0;margin-bottom:8rem;width: auto;}
.progm .detail_layout .detail_content .top_box .ic-error { line-height:0;color:#FF6666} 
.progm .detail_layout .detail_content .top_box .flex {display:flex;gap:5rem;}
.progm .detail_layout .detail_content .top_box :is(span,p) { font-size:15rem}
.progm .titbox { display:flex;justify-content:space-between; flex-wrap:wrap}
.progm .titbox .info { margin-top:0}
.progm .field_info { font-size:13rem;}

@media (max-width:991px) { 
.progm .prom-thum { margin-bottom:25rem}  
.progm .prom-thum .img-wrap { width:100%; margin:0 auto;}
.progm .apply_box .dday { top:-12rem}
.progm  table colgroup { display:none}

.progm .table_view > table td { padding:8rem}	 
.progm .job_tit_wrap {margin-bottom: 0;margin-top:-10rem;padding-bottom:60rem;} 
.progm .detail_layout .detail_content .contents_row { border: 1px solid #ddd;padding:20rem 15rem; margin-bottom:15rem}
.progm .job_top_box { min-height:auto}
.progm .detail_nav  { top:115rem; margin-top:-45rem;}
.progm .job_top_box {padding: 20rem;min-height: auto;gap:10rem} 
.progm .job_top_box .desc_wrap{display:flex;gap:5rem;width:100%;margin-top: 5rem;}  
.progm .job_top_box .desc_title{width:100%;font-size: 19rem;  white-space:normal; word-break:keep-all;line-height:1.3 }
.progm .job_top_box .desc_btn {gap: 4rem;position: unset;right:20rem;top: 18rem;} 
.progm .job_top_box .desc_btn .favot {width: 34rem;height:34rem;}
.progm .job_top_box .desc_btn .icon.icon_star {font-size: 24rem;line-height:32rem}
.progm .job_top_box .desc_btn .btn.apply{height:34rem; line-height:34rem;font-weight: 400;min-width:auto;}  
.progm .job_tit_wrap .btn.gray {height:34rem;font-size: 18rem;}
.progm .job_tit_wrap .btn.gray span { line-height:34rem;font-size:inherit;} 
.progm .desc_btn_list { padding:15rem 0 }
.progm .table_view.md > table colgroup { display:none}
.progm .table_view.md > table td:before {content: attr(data-label);flex: 0 0 100rem;font-weight: 600;color: #444;text-align: left;}
.progm .table_view.md > table td {display: flex;height: fit-content;align-items: baseline; border-left: 0;} 
.progm .table_view.md > table td .field { display:inline-flex;gap:4rem; margin:0 8rem}
.progm .table_view.md > table td.col{ flex-direction:column}  
.progm .table_view.md > table td.col:before {flex: 0 0 30rem;}
.progm .table_view.md > table th { display:none}
.progm .table_view > table td input.xlarge, 
.progm .table_view > table td input.large{ width:auto}
.progm .table_info table { border:1rem solid #d3d3d3; border-bottom:0 }
.progm .table_info table td:first-child { border-left:0}
.progm .table_info table td:last-child { border-right:0}
.top_bnr_flex { flex-direction:column; gap:5rem} 
.top_bnr_flex a { height:68rem}
.top_bnr_flex img{ object-fit:cover; width:100%; height:100%; border-radius:10rem}
.progm .table_view.md > table td[data-label] .field{margin-left: 0;}
.progm .table_view.md > table td[data-label="구사언어"] { flex-direction: row}
.progm .table_view.md > table td[data-label="구사언어"] .sel.medium {width:280rem}
.progm .table_view.md > table td[data-label="구사언어"]:before {flex: 0 0 100rem;}
.progm .table_view.md > table td[data-label="구사언어"] div { display: flex; flex-wrap: wrap}
.progm .table_view.md > table td[data-label="구사언어"] div .field + .field { margin-top: 10rem}
.progm .table_view.md > table td[data-label="활동경력"] .field { align-items: center}
.progm .table_view.md > table td[data-label="생년월일"] input.basic,
.progm .table_view.md > table td[data-label="영문이름"] input.basic { width: 160rem}
.progm .table_view.md > table td[data-label="연락처(자택)"],
.progm .table_view.md > table td[data-label="활동경력"]{flex-wrap:wrap} 
.progm .table_view.md > table td[data-label="관광통역안내 승인(승인/취소)"]:before,
.progm .table_view.md > table td[data-label="관광통역안내(지역) 승인(승인/취소)"]:before{flex: 0 0 220rem;}
.progm .table_view.md > table td[data-label="활동형태"] .field{margin-left: 0;}
.progm .table_view.md > table td[data-label="활동형태"]:before{flex: 0 0 98rem;}
.progm .table_view.md > table td[data-label="관광인자격증"]:before{flex: 0 0 30rem;} 
.progm .table_view.md > table td[data-label="관광인자격증"]{ flex-direction:column} 
.progm .table_view.md .field.licninfoSpan { display: flex; align-items:center; margin-bottom:5rem; width: 100%}
.progm .table_view.md .field.licninfoSpan + br { display: none}
.progm .table_view.md .field.licninfoSpan + br + .field.licninfoSpan{ padding-top: 8rem; border-top: 1px dashed #d2d2d2} 
.progm .table_view.md .field.licninfoSpan label { width: 100rem}
.progm .table_view.md .policy_box .field_wrap{ text-align: right}
.table_view.md.mt0 table + font { display: block; margin-top:  10rem} 
}

.top_bnr_flex {display:flex;justify-content:flex-end;width: 470rem;gap: 15rem 10rem;position:absolute;top: 45rem;right:0;flex-wrap: wrap;z-index: 7;}
.top_bnr_flex .bnr-box{border:1rem solid #d5ddec;background-color:#fff;padding:15rem 20rem;border-radius:10rem;width:230rem;max-height:100rem;text-align:right;}
.top_bnr_flex .bnr-box .stit{font-size:13rem; margin-bottom:4rem; display:inline-block;font-weight:500;}
.top_bnr_flex .bnr-box .tit{ font-size:16rem; color:#424242; font-weight:600;}
.top_bnr_flex .bnr-box .link{font-size:14rem; margin-top:7rem;font-weight:600;}
.top_bnr_flex .bnr-box.a1 { background:#e5edf9 url(../images/sub/program/bnr_a1.png) no-repeat bottom left;}
.top_bnr_flex .bnr-box.a1 .stit{color:#6c7a95;} 
.top_bnr_flex .bnr-box.a1 .link{color:#355aae;}
.top_bnr_flex .bnr-box.a2 { background:#e5f9f5 url(../images/sub/program/bnr_a2.png) no-repeat bottom left; border-color:#d1e6e2}
.top_bnr_flex .bnr-box.a2 .stit{color:#699393;} 


.top_bnr_flex .bnr-box.a2 .link{color:#359eae;}
.top_bnr_tit {font-size: 16rem;color: #273b80;font-weight:600;width: 100%;} 

@media (max-width:1100px) {
.top_bnr_flex { position:unset;justify-content: center; margin:25rem auto 0 }	
}

@media (max-width:991px) {
.top_bnr_flex {flex-direction:row;position:unset; }	
.top_bnr_flex a{height:auto;flex: 1;}  
.top_bnr_flex :is(.bnr-box.a1, .bnr-box.a2 ){background-size:64rem;width: 100%;}
}
@media (max-width:750px) {
.top_bnr_flex {width:410rem}
}
/* 2021-10-20 채용달력 */
.changeType {float:right; margin-bottom:25rem}
.changeType span {float:left;padding:13rem 10rem 0 0;}
.changeType button {background:none;width:40rem;height:40rem;border:1rem solid #0f6db7;float:left;background-color:#fff;background-repeat:no-repeat;background-position:center;}
.changeType button.on {background-color:#0f6db7;}
.changeType #employList {border-right:0;background-image:url('/images/sub/iconScheduleList.png')!important;}
.changeType #employCal {background-image:url('/images/sub/iconScheduleCal.png')!important;}
.changeType #employList.on {border-right:0;background-image:url('/images/sub/iconScheduleList_on.png')!important;}
.changeType #employCal.on {background-image:url('/images/sub/iconScheduleCal_on.png')!important;}
.fc-more-popover .fc-event-container{max-height:400rem;overflow-y:scroll;}

/* 2022-02-08 자격증신청 */
.license_img {font-size:12rem; color:#d00909;text-align:left; display:block; margin-top:5rem;}

/* 2023-01-06  */
.modal_view_rental .ta-c.clear .btn.blue {width:165rem; height:52rem; padding:0 15rem;line-height:1.4; position:relative}
.modal_view_rental .ta-c.clear .btn.blue span{width:100%; line-height:1.3;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}

.flex_box { display:flex; flex-wrap:wrap; align-items:center} 
.flex_box > label{ margin-right:10rem} 
.flex_box_colm{ display:flex; flex-wrap:wrap;flex-flow: column;} 
.flex_box_colm span.field + span.field { margin-left:0}

/* flex util - align */
.flex_between { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10rem; }
.flex_between .flex_r { margin-left:auto; }
.flex_between .sec-title {margin:0 !important;}
@media (max-width:991px) {
.flex_between { justify-content:flex-start; }
.flex_between .flex_r { margin-left:0; }
}
/* sub-top */
.top-box-list {display:flex;gap:45rem;border:1rem solid #e0e3e8;border-radius:15rem;padding:35rem;margin-bottom: 50rem;}
.top-box-list dl{ flex:1; border-right: 1rem solid #e0e3e8}
.top-box-list dl:last-child{border-right:0; border-bottom:0; padding-bottom:0}
.top-box-list dl dt{display:inline-flex;align-items:center;font-size: 21rem;font-weight:700;color:#2d3ea1;margin-bottom:25rem}
.top-box-list dl dt span.num{width:30rem;height:30rem;line-height:30rem;font-size:16rem;text-align:center;color:#fff;background-color:#1855c6;border-radius:5rem;font-weight:600;margin-right: 12rem;} 
.top-box-list dl dd{padding-left:24rem;font-size:18rem} 

.top-box-list .chk-list li {margin-top:5rem;font-size: 17rem;position: relative;padding-left: 30rem;line-height: 1.4;word-break:keep-all}
.top-box-list .chk-list li:before{content:"\e929";font-family:var(--fm2);color:#1855c6;font-size:24rem;font-weight:bold;position: absolute;width: 24rem;height: 20rem;display: flex;align-items: center;left: 0;top: 3rem;line-height: 0;}
.top-box-list .chk-list li:first-child{margin-top:0}
.top-box-list .chk-list.s-font li { font-size:16rem}
.top-box-list .chk-list li b {color:#213d6d}
.top-box-list .after-icon{ position:relative} 
.top-box-list .after-icon:after{content:'';position:absolute;top: 8rem;right: 8rem;width: 130rem;height: 130rem;background:url(../mages/sub/edu/bg_icon1.png) no-repeat;background-size:contain;opacity: 0.86;}

@media (max-width:991px) {
.top-box-list { flex-direction:column; gap:20rem;border-radius:10rem;padding:22rem;margin-bottom:30rem;} 
.top-box-list dl{  border-right:0; border-bottom: 1rem solid #e0e3e8; padding-bottom:20rem;}
.top-box-list dl dt { margin-bottom:8rem}
.top-box-list dl dd { padding-left:10rem}
}


.jobcn_align :is(p){word-break:keep-all;} 
.jobcn_step1 { margin-top:25rem; position:relative}
.jobcn_step1 .jobcn_align { display:flex; gap:10rem;}
.jobcn_step1 .jobcn_align li {display:flex; flex-direction:column; align-items:center; flex:1}
.jobcn_step1 .jobcn_align li div{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:0rem;background:#BCDB8F;width: 120rem;height: 124rem;border-radius:100rem;padding:10rem 0 15rem 0;position:relative}
.jobcn_step1 .jobcn_align li div:after { content:''; display:block; position:absolute; top:50%; right:-58rem; transform:translateY(-50%); width:40rem; height:40rem; background:url(../images/sub/edu/ico_ed1_arrow.gif) no-repeat center;}
.jobcn_step1 .jobcn_align li div .stp_icon{display:block;width: 50rem;height: 50rem;background-image:url(../images/sub/edu/ico_ed1_icon1.png);background-repeat:no-repeat;background-position:-10rem center;background-size: 70rem;} 
.jobcn_step1 .jobcn_align li div > p{font-size: 15rem;font-weight:bold;color:#454545;text-align:center;}
.jobcn_step1 .jobcn_align li div + p{padding-top:70rem;text-align:center;font-size: 14.5rem;line-height: 1.4;}
.jobcn_step1 .jobcn_align li div + p strong {display:inline-block;padding:5rem 15rem;background-color:#036;border-radius:30rem;color:#fff;margin-bottom:8rem;font-weight: 600;font-size: 14rem;}
.jobcn_step1 .jobcn_align li div + p .online { background-color:#476fbb}
.jobcn_step1 .jobcn_align li div + p .offline { background-color:#cb6939}
.jobcn_step1 .jobcn_align li div + p .onoffline { background-color:#4f925c}
.jobcn_step1 .jobcn_align li:nth-child(1) div{background:#cce294;}
.jobcn_step1 .jobcn_align li:nth-child(2) div{background:#bede8c; }
.jobcn_step1 .jobcn_align li:nth-child(3) div{background:#b2d898;}
.jobcn_step1 .jobcn_align li:nth-child(4) div{background:#a0d38d; }
.jobcn_step1 .jobcn_align li:nth-child(5) div{background:#90ce84; }
.jobcn_step1 .jobcn_align li:nth-child(6) div{background:#81c284; } 

.jobcn_step1 .jobcn_align li:nth-child(1) div .stp_icon{background-image:url(../images/sub/edu/ico_ed1_icon1.png);}
.jobcn_step1 .jobcn_align li:nth-child(2) div .stp_icon{background-image:url(../images/sub/edu/ico_ed1_icon2.png); }
.jobcn_step1 .jobcn_align li:nth-child(3) div .stp_icon{background-image:url(../images/sub/edu/ico_ed1_icon3.png); }
.jobcn_step1 .jobcn_align li:nth-child(4) div .stp_icon{background-image:url(../images/sub/edu/ico_ed1_icon4.png);}
.jobcn_step1 .jobcn_align li:nth-child(5) div .stp_icon{background-image:url(../images/sub/edu/ico_ed1_icon5.png);}
.jobcn_step1 .jobcn_align li:nth-child(6) div .stp_icon{background-image:url(../images/sub/edu/ico_ed1_icon6.png); }
.jobcn_step1 .jobcn_align li:last-child div:after { content:none;}  
.jobcn_step1 .ps_stbox { position:absolute; top:125rem; right:260rem; text-align:center}
.jobcn_step1 .ps_stbox:before { content:''; display:block; width:450rem; height:24rem; background:url(../images/sub/edu/ico_ed1_line.png) no-repeat top center;} 
.jobcn_step1 .ps_stbox p{display:inline-block;border:1rem solid #ccc;border-radius:10rem;background:#fff;padding:8rem 15rem;box-shadow: 0rem 2rem 4rem #ccc;font-weight:bold;font-size: 14rem;}

.jobcn_step2 { margin-top:25rem; position:relative}
.jobcn_step2 .jobcn_align {display:flex;gap: 15rem 46rem;flex-wrap: wrap;}
.jobcn_step2 .jobcn_align li {display:flex;flex-direction:column;align-items:center;flex:1;border:1rem solid #30adc9;border-radius:15rem 0 15rem 0;position:relative} 
.jobcn_step2 .jobcn_align li p {padding:10rem 15rem;text-align:center;display: flex;align-items: center;height: 100%;justify-content: center;font-size: 15rem;line-height: 1.4;}
.jobcn_step2 .jobcn_align li p.tit {width:100%;color:#fff;font-size:16rem;border-radius:12rem 0 0 0;height: auto;text-align: center;font-weight:bold;} 
.jobcn_step2 .jobcn_align li:after { content:''; display:block; position:absolute; top:50%; right:-50rem; transform:translateY(-50%); width:50rem; height:40rem; background:url(../images/icon/ico_ed1_arrow.gif) no-repeat center;} 
.jobcn_step2 .jobcn_align li:nth-child(1) {border-color:#30adc9}
.jobcn_step2 .jobcn_align li:nth-child(2) {border-color:#3999bf}
.jobcn_step2 .jobcn_align li:nth-child(3) {border-color:#3683b5}
.jobcn_step2 .jobcn_align li:nth-child(4) {border-color:#3c76ab} 
.jobcn_step2 .jobcn_align li:nth-child(1) p.tit{background:#30adc9; border-color:#30adc9}
.jobcn_step2 .jobcn_align li:nth-child(2) p.tit{background:#3999bf; border-color:#3999bf}
.jobcn_step2 .jobcn_align li:nth-child(3) p.tit{background:#3683b5; border-color:#3683b5}
.jobcn_step2 .jobcn_align li:nth-child(4) p.tit{background:#3c76ab; border-color:#3c76ab} 
.jobcn_step2 .jobcn_align li:last-child:after { content:none;}   
 
.jobcn_step3 { position:relative ;border: 1rem solid #c1d9ea;padding: 25rem 0 25rem;border-radius: 15rem;}
.jobcn_step3 .jobcn_align { display:flex; gap:40rem;} 
.jobcn_step3 .jobcn_align li {display:flex; flex-direction:column; align-items:center; flex:1; gap:10rem}
.jobcn_step3 .jobcn_align li div{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0rem;background:#fff;width:120rem;height:120rem;border: 5rem solid #ddecf6;border-radius:10rem;padding:5rem;position:relative;}
.jobcn_step3 .jobcn_align li div:after { content:''; display:block; position:absolute; top:50%; right:-80rem; transform:translateY(-50%); width:40rem; height:40rem; background:url(../images/sub/edu/ico_ed1_arrow.gif) no-repeat center;}
.jobcn_step3 .jobcn_align li div .stp_icon{display:block;width: 100%;height: 100%;background-image:url(../images/sub/edu/ico_ed2_icon1.gif);background-repeat:no-repeat;background-position: center; background-size:72rem;  opacity:0.88}  
.jobcn_step3 .jobcn_align li div p {display:block;padding:3rem 10rem;border-radius: 5rem;background: #4e7bb5; color:#fff; font-size:15rem;width: 100%;text-align: center;font-weight:bold;} 
.jobcn_step3 .jobcn_align li:last-child div:after { content:none;}  
.jobcn_step3 .jobcn_align li.green div{ border-color:#e3f6dd;}
.jobcn_step3 .jobcn_align li.green  div p {background: #59a644;}

.jobcn_step3 .jobcn_align p {text-align: center;font-size: 15rem;line-height: 1.4;}
.jobcn_step3 .jobcn_align li:nth-child(1) div .stp_icon{background-image:url(../images/sub/edu/ico_ed2_icon1.gif);}
.jobcn_step3 .jobcn_align li:nth-child(2) div .stp_icon{background-image:url(../images/sub/edu/ico_ed2_icon2.gif);}
.jobcn_step3 .jobcn_align li:nth-child(3) div .stp_icon{background-image:url(../images/sub/edu/ico_ed2_icon3.gif);}
.jobcn_step3 .jobcn_align li:nth-child(4) div .stp_icon{background-image:url(../images/sub/edu/ico_ed2_icon4.gif);}
.jobcn_step3 .jobcn_align li:nth-child(5) div .stp_icon{background-image:url(../images/sub/edu/ico_ed2_icon5.gif);} 

@media (max-width:991px) {
.jobcn_step1 .jobcn_align { flex-wrap:wrap}
.jobcn_step1 .jobcn_align li { flex:none; width:48%}
.jobcn_step1 .jobcn_align li div + p {padding-top: 8rem;}
.jobcn_step1 .ps_stbox {display:none}
.jobcn_step1 .mo-ps {position:relative;margin-top: -16rem;}
.jobcn_step1 .mo-ps:before{content:'산-관-학 연계 취업역량 집중 제고 프로그램';display:block;border:1rem solid #ccc;border-radius: 3rem;background:#fff;padding:5rem 3rem;font-size: 13rem;margin-bottom:5rem}
.jobcn_step2 { margin-top:0;}
.jobcn_step2 .jobcn_align {flex-direction:column;gap: 10rem;} 
.jobcn_step2 .jobcn_align li{ flex:none; width:100%}
.jobcn_step2 .jobcn_align li:after{content:"\e941";font-family:var(--fm2);line-height:0;position:unset;background:none;transform: none;width: 20rem;height: 20rem;text-align: center;font-size: 22rem;color: #aaa;}
.jobcn_step3 { border:0; padding:0}
.jobcn_step3 .jobcn_align li div:after { content:none}
.jobcn_step3 .jobcn_align  {flex-wrap:wrap;gap: 8rem 0;}
.jobcn_step3 .jobcn_align li { position:relative}
.jobcn_step3 .jobcn_align li:after{content:"\e93e";font-family:var(--fm2);line-height:0;position:absolute;top:33%;right: -4%;text-align: center;color: #aaa;}
.jobcn_step3 .jobcn_align li:last-child:after { content:none}
}
 
.contents_row.pic_layout {display:flex; width:100%; }
.pic_txt { width:700rem}
.pic_obj {display:flex;width:calc(100% - 700rem);}
.pic_obj ul  {display:flex; gap:5rem}
.pic_obj ul li { width:50%;} 
.table_view_intro.oth > table { border:0; width:100%; min-width:1100rem}
.table_view_intro.oth > table th {background:#2653af;border-bottom:0;padding: 12rem 0;}
.table_view_intro.oth > table td{padding: 15rem 0;}
.table_view_intro.oth > table td:nth-child(3){ padding:7rem;}  
.table_view_intro.oth > table tr td:nth-child(1){background-color:#f4f6fc;} 

@media (max-width:991px) {
.table_view_intro.oth {overflow:auto} 
}

.gobtn {display:flex;gap:10rem;margin-bottom:30rem;flex-wrap: wrap;}
.gobtn .btn[class*="color"]{display:flex;justify-content:center;align-items:center;border-radius:5rem;padding: 0 20rem;background:#327eaf;height: 46rem;line-height: 46rem;font-size: 17rem;color:#fff;min-width: 165rem;font-weight: 500;}
.gobtn .btn[class*="color"] span{line-height:inherit;font-size:inherit;display:flex;align-items:center;gap:10rem;justify-content: space-between;width: 100%;}
.gobtn .btn[class*="color"] span i{margin:0}
.gobtn .btn.color1 {background-color: #1d5ae2;}
.gobtn .btn.color2 {background-color: #258f4a;}
.gobtn .btn.color3 { background-color:#3683b5}
.gobtn .btn.color4 {background-color: #243c6e;} 
.kk_qrbox { display:flex; justify-content:space-between; gap:10rem 70rem; margin-left: 20rem;} 
.kk_qrbox .qrimg{width:150rem;padding:15rem 15rem 0 15rem;border: 1rem solid #e5e7eb;border-radius:12rem;text-align:center;position: absolute;right:0;top: 0;background: #fff;}
.kk_qrbox .qrimg p{ font-size:14rem;}
.kk_qrbox a.golink{ color:#1552ca; text-decoration:underline}

@media (max-width:991px) {
.kk_qrbox {gap:10rem; flex-direction:column} 
.kk_qrbox .qrimg{width:150rem;padding:15rem 15rem 0 15rem;border: 1rem solid #e5e7eb;border-radius:12rem;text-align:center;position: unset;right:120rem;top: 46rem;background: #fff;}
.kk_qrbox .qrimg p{ font-size:14rem;}
.kk_qrbox a.golink{ color:#1552ca; text-decoration:underline}
} 

main #contents .popup_box {position: absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);max-width:546rem;border:3rem solid rgb(85, 85, 85); width:94%; background-color:#fff;border-radius:15rem;overflow: hidden;box-shadow: 0 5rem 25rem rgba(0,0,0,0.3);}
main #contents .popup_box .content { color:#000; font-size:14rem; padding:20rem; background-color:#fff}
main #contents .popup_box .content p { padding: 5rem 0;}
main #contents .popup_box .title  { height: 20rem; font-weight: bold; color: #fff }
main #contents .popup_box .footer { text-align: right; font-size: 11rem; height: 30rem; font-weight: bold; color: #fff; padding-bottom: 5rem; padding-top: 5rem; padding-left: 0rem; padding-right: 10rem; background-color:#333;}
main #contents .popup_box .footer label { font-size: 11rem; color: #fff }
main #contents .popup_box .title h2 { float: left; color: #fff; padding:0; margin:0; width: 230rem }
main #contents .popup_box .title .close { float: right; color: #fff }


/* 마이페이지 */
.mypage_box{margin-bottom: 40rem;}
.mypage_box ul{padding: 15rem 8rem;border-radius:10rem;border: 1rem solid #0067C0;display:flex;box-shadow: rgb(0 0 0 / 10%) 0rem 2rem 3rem;flex-wrap: wrap;background: #fff;}
.mypage_box ul li{padding: 10rem;flex: 1;}
.mypage_box ul li a{position:relative;display: flex;width:100%;text-align:center;justify-content: center;}
.mypage_box ul li a > span{display: inline-flex;  align-items: center; gap: 5rem;} 
.mypage_box ul li a .icon_wrap .icon_area{display:block;position:relative;width: 30rem;height: 30rem;border-radius:50%;}
.mypage_box ul li a .icon_wrap .icon_area .icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.mypage_box ul li a .text_wrap .title{display: inline-block;color:#252525;font-size: 20rem;font-weight:600;vertical-align:top;}
.mypage_box ul li a .text_wrap .number{display:block;font-size: 18rem;font-weight:500;text-align:center; color:#2c7cb1;}

.mypage_box ul li:nth-child(1) a .icon_wrap .icon_area{background-color:#e3efe9;}
.mypage_box ul li:nth-child(2) a .icon_wrap .icon_area{background-color:#dce9f1;}
.mypage_box ul li:nth-child(3) a .icon_wrap .icon_area{background-color:#e0e6f4;}
.mypage_box ul li:nth-child(4) a .icon_wrap .icon_area{background-color:#e4e5f7;}

/*회원정보*/
#myhome .user_certify.info_modify { justify-content: center;  margin: 0 auto} 
#myhome .user_certify.info_modify .certify_box { border-radius: 10rem;  width: 60%; height: auto; padding: 50rem 0;  margin: 25rem auto; }
#myhome .user_certify .certify_box .box_wrap > .icon {background-image:url(../images/icon/ic_mypage1.png)}
#myhome .user_certify.pw_modify  .certify_box { border-radius: 10rem;  width: 60%; height: auto; padding: 50rem 0;  margin: 15rem auto; }
#myhome .user_certify.pw_modify  .certify_box .box_wrap{display: flex;vertical-align:middle;flex-direction: column;align-items: center;}
 
@media (max-width:991px) {
.mypage_box{margin-bottom: 30rem;}
.mypage_box ul{ justify-content:center; padding:10rem 5rem}	
.mypage_box ul li{ padding:5rem 0; flex: auto;} 
.mypage_box ul li a .text_wrap .title {font-size:17rem;}
.mypage_box ul li a > span {gap:2rem}
#myhome .user_certify.info_modify .certify_box { box-shadow: none; width: 100%; padding: 20rem;  margin:25rem auto; } 
#myhome .user_certify.pw_modify .certify_box { box-shadow: none; width: 100%; padding: 20rem;  margin:0rem auto; }  
#myhome .user_certify.pw_modify .certify_box .box_wrap .find_desc > .txt .txt { width: auto;} 
#myhome .user_certify.pw_modify  .certify_box .box_wrap .find_desc .tit {width: 31% !important;}
#myhome .user_certify.pw_modify .certify_box .box_wrap .find_desc{width: 100% }
}
 
@media (max-width:750px) { 
.mypage_box ul li{flex: 28%;} 
}
:is(#myhome)  #header {min-height: auto;box-shadow:none;} 
:is(#myhome, #myCns)  #header .logo a, #header .logo a img {width: 104rem;}
:is(#myhome, #myCns)  #header .util_middle .middle_row {max-width: 96%;padding: 0 15rem;width: 1600rem;}
:is(#myhome, #myCns)  .breadcrumb, #myhome #nav, #myhome .util_all_nav  { display:none} 
:is(#myhome, #myCns)  #container > main {padding:0;width:100%;background: #F5F9FE;} 
:is(#myhome, #myCns)  #content_wrap {display:flex;gap: 0 30rem;max-width: 1600rem;margin:0 auto;align-items: flex-start;justify-content:center;padding: 0 15rem 50rem 15rem;position:relative}   
:is(#myhome, #myCns)  article .contents_head {padding: 0 0 15rem;margin-top:0;margin-bottom:0;display:flex;justify-content:left;align-items:baseline;gap: 20rem;max-width:100%;border-bottom:1rem solid #ccc}
:is(#myhome, #myCns)  .contents_head  .page_title{text-align:left;font-size: 22rem;} 
:is(#myhome, #myCns)  #contents .contents_body { padding:0 0}
:is(#myhome, #myCns)  main :is(.in_container, .in_container .row, .in_container .in_row){max-width: 1200rem;}
:is(#myhome, #myCns)  :is(.in_container, .in_container .row, .in_container .in_row){max-width:100%}
:is(#myhome, #myCns)  #footer { padding-left:8%; padding-right:8%}
:is(#myhome, #myCns)  #content_wrap article{width: calc(100% - 260rem);max-width: 1280rem;border-radius: 10rem;padding: 24rem 40rem;background: #fff;border: 1px solid #e6e6e6;}
:is(#myhome, #myCns)  #container .in_container {width: 100%;} 
:is(#myhome, #myCns)  #container .sub_visual  .in_container {max-width: 1550rem;padding: 0 15rem;} 
:is(#myhome, #myCns) .gotopBtn.mo {display:block;position: fixed;right: 2%;bottom: 20rem;z-index: 100;} 	
#myComy .sub_visual{ display:none; } 
#myComy .reg-form .inner {padding-top:0}
#myComy .ad_wrap { padding-top:0}
#myComy .contents_head {margin: 15rem 0 20rem;} 
@media (max-width:1414px) {
:is(#myhome, #myCns) #content_wrap article{padding: 24rem;} 
:is(#myhome, #myCns) #content_wrap {gap:0 20rem} 
}
@media (max-width:991px) {
:is(#myhome, #myCns) .contents_head .page_title { font-size:20rem}	
:is(#myhome, #myCns) article .contents_head {padding: 0 0 10rem} 
:is(#myhome, #myCns) #header .util_middle .middle_row {max-width: 92%;padding: 8rem 0 0 0;} 
:is(#myhome, #myCns) #content_wrap article{padding: 0;border: 0;padding-top: 15rem;} 
}

#sub_header {border: 1px solid #e6e6e6;border-radius: 5rem;background:#fff;overflow:hidden;min-width: 260rem;}
#sub_header .sub_nav_btn{ display:none; justify-content:center; align-items:center; padding:10rem; background:#fff; width:100%; text-align:center; color:#0067C0;font-size:17rem; font-weight:600;}
#sub_header .sub_nav_btn>span{ margin-left:5rem}
#sub_header .sub_nav_btn:before{content:"\e95c";font-family:var(--fm2); line-height:0;font-size:20rem;font-weight:400;padding: 10rem 0;}
#sub_header .sub_nav_btn.on{border-bottom: 1px solid #80B4E0;} 
#sub_header .sub_gnb{width:100%;height:100%;transition: all .1s ease;padding: 18rem;}
#sub_header .nav_title{ position:relative;padding-bottom:20rem;} 
#sub_header .sub_gnb > ul {overflow: hidden;} 
#sub_header .sub_gnb > ul > li {position:relative;margin-bottom: 4rem;}
#sub_header .sub_gnb > ul > li > a {display:flex;width:100%;color:#212121;font-size: 16.5rem;padding: 8rem;text-align:left;border-radius: 3rem;gap: 0 10rem;align-items: center;}
#sub_header .sub_gnb > ul > li > a span {font-weight:600}
#sub_header .sub_gnb > ul > li.on > a { color:#0067C0;} 
#sub_header .sub_gnb > ul > li.open > a { background-color: #eef3fa;color:#0067C0;} 
#sub_header .sub_gnb > ul > li > a.blit:after { content:'';position:absolute;top: 14rem;right: 8px;width: 13rem;height: 9rem;background:url('../images/icon/ic_arrow_down.png') no-repeat;background-size: contain;opacity: 0.7;}
#sub_header .sub_gnb > ul > li.on > a.blit:after { -webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
#sub_header .sub_gnb > ul > li.open > a.blit:after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#sub_header .sub_gnb > ul > li.open > a:before {content:"";font-family:var(--fm2); font-size:20rem;font-weight:400; opacity:0.8}
#sub_header .sub_gnb > ul > li.on a:before {content:"";font-family:var(--fm2); font-size:20rem;font-weight:400; opacity:0.8}
#sub_header .sub_gnb > ul > li a:before {content:"";font-family:var(--fm2);font-size:20rem;font-weight:400;opacity: 0.3;} 
#sub_header .sub_gnb > ul > li:nth-child(1) > a:before {content: "\e902" }
#sub_header .sub_gnb > ul > li:nth-child(2) > a:before {content: "\e998" }
#sub_header .sub_gnb > ul > li:nth-child(3) > a:before {content: "\eb8d" }
#sub_header .sub_gnb > ul > li:nth-child(4) > a:before {content: "\eafa"}
#sub_header .sub_gnb > ul > li:nth-child(5) > a:before {content: "\ea84" }
#sub_header .sub_gnb > ul > li:nth-child(6) > a:before {content: "\ea39"}
#sub_header .sub_gnb > ul > li:nth-child(7) > a:before {content: "\ea1b" }
#sub_header .sub_gnb > ul > li:nth-child(8) > a:before {content: "\e9f1"}
#sub_header .sub_gnb > ul > li:nth-child(9) > a:before {content: "\e9a4"}
#sub_header .sub_gnb > ul > li:nth-child(10) > a:before {content: "\e9f8"}
#sub_header .sub_gnb > ul > li.open > .dp2{ display:block !important}
#sub_header .sub_gnb > ul > li.on > .dp2{ display:block !important}
#sub_header .sub_gnb > ul > li.open .dp2 ul li.on a span{color:#0067C0;} 
#sub_header ul li .dp2{background-color:#fff; margin-top: 5rem; display:none !important}
#sub_header ul li .dp2 ul{padding: 0 0 0 16rem;}
#sub_header ul li .dp2 ul li{position:relative;padding: 0 0 0 23rem;border:none;background:none;}
#sub_header ul li .dp2 ul li.on a span { color:#0067C0; } 
#sub_header ul li .dp2 ul li a{display:inline-block;padding:4rem 0;}
#sub_header ul li .dp2 ul li a span{color:#555;font-size: 15rem;} 
#sub_header ul li .dp2 ul li a:before { content:''; position:absolute; top:11rem;left:5rem;width:3rem;height:3rem;background:#999} 
#sub_header ul li .dp2 ul li a:hover span{ color:#0067C0} 
#sub_header ul li .dp2 ul li:hover a:before { background:#0067C0 }
#sub_header .nav_bg{display:none !important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:rgba(0,0,0,.6);}
#sub_header.on{z-index:1001;}
#sub_header.on .sub_gnb{transform:translateX(0);opacity:1;}
#sub_header.on .nav_bg{display:block;}

#myComy #sub_header{ border-radius:0; min-width:auto; position:absolute; right:calc(100% - 15%)} 
#myComy #sub_header .sub_nav_btn{ display:none; justify-content:center; align-items:center; padding:10rem; background:#fff; width:100%; text-align:center; color:#0067C0;font-size:17rem; font-weight:600;}
#myComy #sub_header .sub_nav_btn>span{ margin-left:5rem}
#myComy #sub_header .sub_nav_btn:before{content:"\e95c";font-family:var(--fm2); line-height:0;font-size:20rem;font-weight:400;padding: 6rem 0;}
#myComy #sub_header .sub_nav_btn.on{border-bottom: 1px solid #80B4E0;}   
#myComy #sub_header .sub_gnb { width:auto; padding:14rem 16rem;}
#myComy #sub_header .sub_gnb > ul > li > a {font-size:15.5rem;padding: 3rem 8rem 3rem 0;gap:5rem}
#myComy #sub_header .sub_gnb > ul > li a:before { font-size:16rem; line-height:1}
#myComy #sub_header .sub_gnb > ul > li.open > a { background-color: #fff;color:#0067C0;} 

.mysrch {display: flex;align-items: center;border: 1rem solid #d1d1d1;border-radius: 3rem;background: #fff;overflow: hidden;margin-left: 5rem;width: 100%;}
.mysrch input[type="text"] {width: 220rem; height: 36rem; padding: 0 12rem; border: none;font-size: 13rem;}
.mysrch button {flex: 0 0 40rem;height: 36rem;border: none;background: none;cursor: pointer;color: #999;font-size: 22rem;}
.mysrch.full{margin:0;}
.mysrch.full input{width: calc(100% - 40rem);}

:is(#myhome, #myCns) .ad_wrap { padding: 25rem 0}
:is(#myhome, #myCns) .table_list_nav .list_nav_r span.field select.sel {height:38rem;padding: 0 24rem 0 12rem;border:1rem solid #d1d1d1;border-radius:3rem;background: #fff url(../images/icon/ic_sel_arrow.svg) no-repeat right 8rem center;appearance:none;color:#333;}
 
@media (max-width:1400px) { 
:is(#myhome, #myCns)  #container > main >article {gap:3vw;} 
}

@media (max-width:1200px) { 
:is(#myhome, #myCns)  #container .sub_visual  .in_container {max-width:96%;padding: 0;} 
:is(#myhome, #myCns)  #content_wrap {flex-direction:column;gap:0;max-width: 96%;padding: 0 0 25rem 0;justify-content: flex-start;}
:is(#myhome, #myCns)  #content_wrap article{width:100%;}
:is(#myhome, #myCns)  .sub_visual {width:100%} 
 
#sub_header {position: absolute;top: -60rem;right:0;z-index:100;box-shadow: rgb(0 0 0 / 10%) 0rem 3rem 5rem;min-width: auto;border: 1px solid #80B4E0;}
#sub_header .sub_gnb{ display:none ;padding:15rem}
#sub_header .sub_nav_btn{display:inline-flex;padding: 8rem;}
#sub_header .sub_nav_btn.on + .sub_gnb{ display:block; }
#sub_header .sub_gnb > ul > li > a { padding:8rem 30rem 8rem 8rem}
#sub_header .sub_gnb > ul > li > a.blit:after{width: 10rem;height: 6rem;}
}

@media (max-width:991px) { 
:is(#myhome, #myCns) .util_box { height:53rem}
:is(#myhome, #myCns)  #header {min-height: 150rem;}
:is(#myhome, #myCns)  #container > main {padding-top: 0;width:92%;margin:0 auto;background: none;}
:is(#myhome, #myCns)  #container > main >article { max-width:100%}
:is(#myhome, #myCns)  #content_wrap {max-width: 100%;}
:is(#myhome, #myCns)  #header .main_srch_box .field_wrap input.txt {border:2px solid #30579c; opacity:1}
:is(#myhome, #myCns)  #header .main_srch_box .field_wrap .btn_srch a:after { opacity:1}
:is(#myhome, #myCns)  #container .sub_visual  .in_container {max-width: 100%;padding: 0;} 

#sub_header {top: -39rem;}
#sub_header .sub_nav_btn>span{display:none;}
#sub_header .sub_nav_btn.on>span{display:block;}
#sub_header .sub_nav_btn:before { font-size:26rem}
#sub_header .sub_nav_btn.on:before { font-size:20rem}

}

 
.ic a { display:inline-flex; align-items:center}
.ic a:after{ content:""; font-family:var(--fm2); margin-left:5rem; line-height:0}
.ad_wrap {padding: 0rem 0;max-width: 1200rem;}
.mypage_info { display:flex; align-items:center; justify-content:space-between; margin-bottom:25rem}
.mypage_info .box{ display:flex; gap:25rem; align-items:center} 
.us_pic {border-radius:50rem; width:100rem; height:99rem; overflow:hidden}  
.us_pic img {object-fit:none;}
.user_area .us_nm{ font-size:24rem; font-weight:700; color:#333; margin-bottom:15rem; display:inline-flex; align-items:center; gap:8rem}
.user_area .us_nm  .work_type span{display:inline-block;border-radius:25rem;background:#E2F1CF;padding: 6rem 12rem;text-align:center;font-size:16rem;color:#308940; font-weight:600}
.user_area .us_histy{ font-size:18rem; font-weight:500; color:#454545;} 
.user_area .us_histy.ic a:after{ content:"\e93f";}
.togg_btn {display:flex;align-items:center;gap:5rem;justify-content: space-between;margin-right: 5rem;} 
.togg_btn input[type="checkbox"]{ display:none} 
.togg_btn input[type="checkbox"] +label {display:flex;align-items:center;gap:5rem;font-size: 16rem;} 
.togg_btn input[type="checkbox"]:checked + label {color: #30579c;font-weight: 600;} 
.togg_btn input[type="checkbox"] +label:before{content:'';display:block;width: 39rem;height: 26rem;background:url(../images/icon/ic_toggle_off.svg) no-repeat center;background-size:contain;transition:ease 0.2s} 
.togg_btn input[type="checkbox"]:checked + label:before{content:'';display:block;background:url(../images/icon/ic_toggle_on.svg) no-repeat center;background-size:contain;transition:ease 0.2s;opacity: 0.8;} 
.togg_btn.bell input[type="checkbox"] +label:after{ content:'OFF';font-size:18rem;} 
.togg_btn.bell input[type="checkbox"]:checked + label:after{ content:'ON'; } 
.table_list table tbody tr td .togg_btn{justify-content: center;margin-right: 5rem;} 
.tooltip {position:relative;line-height:1;width: 20rem; height:20rem}
.tooltip:after {content:"\e9ac";font-family:var(--fm2);margin-left: 0;color:#999;font-size:22rem;}
.tooltip dt{display:none;}
.tooltip dd {pointer-events:none;display:none;position:absolute;padding:10rem;left: auto;bottom: 33px;border: 1px solid #666;border-radius: 5rem;color:#666;line-height:1.3;background-color: #fff;font-size: 13.7rem;right: -13px;min-width: 220rem;}
.tooltip dd:after{content:'';display:block;border: 1px solid #666;width: 13px;height: 13px;background-color:#fff;position:absolute;bottom: -7px;right: 7%;transform: rotate(45deg);border-top:0;border-left:0;}
.tooltip:hover dd{ display:block;pointer-events:inherit; }
.location{display:flex;align-items:center;gap:3rem;font-size: 14rem;color: #888;}
.location span:after{ content:"\e93f"; font-family:var(--fm2);margin-left:3rem; line-height:0}
.location span:last-child:after{content:none;}

@media (max-width:1200px) { 
.mypage_info {align-items:flex-end;}
.mypage_info .box { gap:15rem;}
.ad_wrap {width:100%;min-width:100%;padding: 15rem 0;}
.us_pic {width:82rem; height:82rem}
.us_pic img {object-fit:cover}
.user_area .us_nm { font-size:21rem}
}

.mypage_box ul li .text_wrap:before {content:""; font-family:var(--fm2); font-size:26rem; color:#0067C0; opacity:0.34} 
.mypage_box ul li:nth-child(1) .text_wrap:before {content:"\ea8c"; }
.mypage_box ul li:nth-child(2) .text_wrap:before {content:"\ea1b"; }
.mypage_box ul li:nth-child(3) .text_wrap:before {content:"\ea16"; }
.mypage_box ul li:nth-child(4) .text_wrap:before {content:"\e9f9"; }
.mypage_box ul li:nth-child(5) .text_wrap:before {content:"\e9a4"; }
.mypage_note {column-count: 2;column-gap: 25rem;width: 100%;}
.mypage_note .note_box {border:1rem solid #dfdfdf;border-radius:10rem;background: #fff;break-inside: avoid;margin-bottom: 25rem;} 
.mypage_note .note_box:nth-child(1),
.mypage_note .note_box:nth-child(2) {width: calc( 100% + 45rem);}  
.mypage_note .note_box:nth-child(3), 
.mypage_note .note_box:nth-child(4), 
.mypage_note .note_box:nth-child(5) {width: calc( 100% - 45rem);margin-left: auto;}  
.inbox_more {display:inline-flex;align-items:center;font-size:14rem;line-height: 1;}
.inbox_more:after {content:"\e93f";font-family:var(--fm2);margin-left:5rem;line-height: 1;font-size:inherit}
.note_box .box_head {display:flex; align-items:center; justify-content:space-between;  padding:16rem 25rem; border-bottom:1rem solid #dfdfdf}
.note_box .box_head p{ font-weight:700; font-size:18rem; color:#454545 }
.note_box .box_list {padding:20rem 25rem;min-height: 90rem;} 
.note_box .table_list table.jobs colgroup { display:none !important}
.note_box .table_list table.jobs tbody {gap:0}
.note_box .table_list table.jobs tbody tr {padding: 20rem 5rem;border:0;border-bottom: 1rem solid #e5e5e5;border-radius: 0;/* background-color:#F6F8FD; */} 
.note_box .table_list table.jobs tbody tr:first-child{ padding-top: 10rem}
.note_box .table_list table.jobs tbody tr:last-child{ padding-bottom: 10rem; border: 0}
.note_box .table_list table.jobs tbody tr:hover{ box-shadow:none}
.note_box .table_list table.jobs tbody tr.nodata{justify-content: center;align-items: center;min-height: 90rem;padding: 0;}
.note_box .table_list table.jobs tbody tr.nodata td {width:100%}
.note_box .table_list table.jobs tbody tr.nodata .contents_head { border: 0 !important; justify-content: center !important; padding: 0 !important; }
.note_box .table_list table.jobs tbody tr.nodata .contents_head .box.status { font-size: 16rem}
.note_box .table_list table.jobs tbody tr.nodata .contents_head .box.status .link-tx {margin-left: 8rem;}
.note_box .table_list table tbody tr td.company {width: 26%;font-size:14rem} 
.note_box .table_list table tbody tr td.subj {width: 74%;} 
.note_box .table_list table tbody tr td .subj_wrap { width:100%} 
.note_box .table_list table tbody tr td .subj_wrap > a{display: none }
.note_box .table_list table tbody tr td .subj_wrap > b{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.note_box .table_list table tbody tr td .subj_wrap > b > a{font-size: 15rem;} 
.note_box .table_list table.jobs .jobs_info_group { font-size:14rem}
.note_box .table_list table.jobs .work_info_group{ font-size:14rem}
.note_box .box_list .level_info_group{display:flex;flex-wrap:wrap;gap:8rem 5rem;justify-content: center; align-items:baseline; min-height: 60rem;}  
.note_box .box_list .level_info_group div{display:inline-block;padding: 6rem 10rem;border-radius:25rem;background:#f6f6f6;color:#666;letter-spacing: -1rem;font-size: 15rem; align-self: anchor-center}
.note_box .box_list .level_info_group .no_level{display: flex;background:#fff;width:100%;text-align:center;flex-direction: column;justify-content: center;} 
.note_box .box_list .level_info_group .no_level p{ margin-bottom:10rem} 
.note_box .box_list .level_info_group .no_level .inbox_more {font-size:16rem;border:1px solid #408DD0;color:#0067C0;text-align:center;padding: 5rem 5rem 5rem 13rem;background:#fff;border-radius:25rem;} 

.note_box .eedu { position: relative}
.note_box .eedu .recruit_info { border: 0;margin: 20rem;padding: 0;gap:10rem;border-radius: 0;overflow-y: auto}
.note_box .eedu .recruit_info .item{ margin: 5rem}
.note_box .eedu .recruit_info .imgBox{ width:100%; position: relative; aspect-ratio: 16/10; height: 124rem; border-bottom: 1px solid #d9d9d9;}
.note_box .eedu .recruit_info .imgBox img{width:100%; height: 100%;}
.note_box .eedu .recruit_info .content{padding: 10rem 0;}
.note_box .eedu .recruit_info .content .crs-name{width: 100%;height:40rem;font-size: 14rem;font-weight: 500;padding:0 10rem;overflow: hidden;word-break: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20rem;}
.note_box .eedu .recruit_info .content .ico_desc{display: flex;justify-content: space-between;align-items: center;margin-top: 0;border-top: 0;box-sizing: border-box;padding: 10rem 10rem 0 10rem;}
.note_box .eedu .recruit_info .content .ico_desc span{color:#777777; padding-left: 20rem;}
.note_box .eedu .recruit_info .content .ico_desc > span:first-child{padding:5rem 8rem;}
.note_box .eedu .recruit_info .content .ico_desc .open-class{background: #f5f2ff; border: 1rem solid #cdbdf9; color: #6356db; border-radius: 30rem; font-size: 12rem}
.note_box .eedu .recruit_info .content .ico_desc .pkg-class {border: 1rem solid #b2dec9; color: #099753; background: #e9fef4; border-radius: 30rem; font-size: 12rem}
.note_box .eedu .recruit_info .content .ico_desc .job-class {background: #fff4f8; border: 1rem solid #f0bdce; color: #d6528c; border-radius: 30rem; font-size: 12rem}
.note_box .eedu .recruit_info .content .ico_desc .crs-cnt,
.note_box .eedu .recruit_info .content .ico_desc .crs-view,
.note_box .eedu .recruit_info .content .ico_desc .crs-favorit {  font-size: 12rem} 
.note_box .eedu .edu_slider_prev {position:absolute;top:52%;left:0; transform:translate(-50%, -50%);z-index:10;} 
.note_box .eedu .edu_slider_next {position:absolute;top:52%;left:100%; transform:translate(-50%, -50%);z-index:10;} 
.note_box .eedu :is(.edu_slider_prev, .edu_slider_next) a{width:32rem;height:32rem;border:1px solid #bfbfbf; border-radius:50rem; background-color:#fff; font-size:18rem; justify-content:center}   
.note_box .eedu :is(.edu_slider_prev, .edu_slider_next) a:before, 
.note_box .eedu :is(.edu_slider_prev, .edu_slider_next) a:after  { font-weight:600; color:#a4a4a4;}
.note_box .eedu .recruit_info .slick-list .slick-track{ margin-left:0 }
.note_box .slick-arrow{display: none !important; }  

 
.box_list .consult [class*="gr_wrap"]{ display:flex; flex-wrap:wrap; margin-bottom:15rem; gap:8rem}
.box_list .consult .gr_wrap1 { justify-content:space-between}
.box_list .consult .gr_wrap1 dl { display:flex; gap:4rem}
.box_list .consult .gr_wrap1 dl dd { border:1px solid #099; color:#099; border-radius:15rem; padding:3rem 10rem; font-size:14rem; min-width:40rem; text-align:center}
.box_list .consult .gr_wrap1 dl dd:nth-child(1) {} 
.box_list .consult .gr_wrap1 dl dd:nth-child(2) {} 
.box_list .consult .gr_wrap1 dl dd:nth-child(3) {} 
.box_list .consult .gr_wrap1 .date { font-size:14rem}
.box_list .consult .gr_wrap2 {justify-content:space-between;}
.box_list .consult .gr_wrap2 dl {display:flex;gap:4rem;font-size: 15rem;color:#333;} 
.box_list .consult .gr_wrap2 dl dt{ font-weight:600}
.box_list .consult .gr_wrap2 dl dd{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width:16vw;}
.box_list .consult .gr_wrap3 { justify-content:space-between; align-items:center; padding:15rem; background:#f6f6f6; margin-bottom:0}
.box_list .consult .gr_wrap3 p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 20vw;font-size: 15rem;}
.box_list .consult .gr_wrap3 a { font-size:14rem}
.box_list.prom ul {display:flex;flex-direction:column;gap: 7rem;align-items: stretch;justify-content: center;min-height: 100rem;text-align: center;}
.box_list.prom ul li{ display:flex; justify-content:space-between; align-items:center;}
.box_list.prom ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 20.5vw;font-size: 15rem;}
.box_list.prom ul li [class*="tp"]{ border-radius:25rem; padding:5rem 10rem; line-height:1; min-width:62rem; text-align:center; color:#454545; background:#f6f6f6; font-size:14rem } 
.box_list.prom ul li .tp2{  color:var(--color1);background:#F6F8FD; font-weight:500}
.box_list.prom ul li.nodata { justify-content: center}
.col_blue{ color:var(--color1);}
 
@media (max-width:1200px) { 
.note_box .table_list table.jobs tbody tr td:last-child { position:unset}
.mypage_box ul li .text_wrap:before { font-size:20rem}
}
@media (max-width:1340px) { 
 .note_box .table_list table.jobs tbody tr.nodata .contents_head .box.status {flex-direction: column;gap: 3rem;padding: 12rem;border-radius: 8rem;width: 100%;}
 .note_box .table_list table.jobs tbody tr.nodata .contents_head .box.status .link-tx { margin-left: 0}
 .note_box .table_list table.jobs tbody tr.nodata .contents_head .box.status:before { font-size: 22rem}
}
@media (max-width:991px) { 
.mypage_note {column-count: 1}
.mypage_note .note_box:nth-child(1),
.mypage_note .note_box:nth-child(2),
.mypage_note .note_box:nth-child(3), 
.mypage_note .note_box:nth-child(4), 
.mypage_note .note_box:nth-child(5) {width: 100%;}  
.note_box .table_list table tbody tr td.company { width:100%; font-size:14rem}  
.note_box .table_list table tbody tr td.subj { width:100%}
.note_box .table_list table.jobs tbody tr { gap:10rem}
.box_list.prom ul li a , .box_list .consult .gr_wrap3 p{ max-width:60vw}
.box_list .consult .gr_wrap2 dl dd {max-width:30vw}
}

.gr_tab_nav { margin-bottom:15rem;}
.gr_tab_nav ul{ display:flex; gap:5rem; align-items:center}
.gr_tab_nav ul li{flex:1;background: #f3f3f3;padding: 12rem 15rem;text-align:center;color:#999;border-radius:3rem}
.gr_tab_nav ul li a{display:block;width:100%;height:100%;letter-spacing: -0.5rem;color:inherit}
.gr_tab_nav ul li.on {background: #eef3ff;color: #1b55f6;font-weight:500;} 
.gr_tab_contents {min-height:155rem}
.gr_tab_contents.hide { display:none}
.file_chk {display:flex;align-items:center;gap: 5rem;} 
.gr_tab_contents .field_wrap{ display:block}
.gr_tab_contents .file_wrap{min-height: 46rem;}
.gr_tab_contents .file_field {display:block;border: 1px solid #ccc;border-radius: 3rem;padding: 3rem;height: 36rem;}
.gr_tab_contents .file_lb1{border-radius: 3rem;padding: 3rem;height: 36rem;}
.wrap>.fileBox{padding: 20px;}
.btn_attach_del {padding: 0 8rem;border: 1rem solid #d1d1d1;border-radius: 3rem;background: #f5f5f5;font-size: 13rem;color: #444;cursor: pointer;white-space: nowrap;line-height: 23rem;}

.file-inp{display:flex;align-items:center;gap:8rem;}
.file-inp .file-name{flex:1;height: 38rem;padding:0 12rem;border:1rem solid #d1d1d1;border-radius:3rem;background:#fff;color:#bbb;line-height: 36rem;font-size:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.file-inp .file-name.on{color:#333;}
.file-inp label{flex:0 0 auto;height: 38rem;padding:0 14rem;border:1rem solid #bbb;border-radius:3rem;background:#f5f5f5;color:#333;font-size:13rem;font-weight:600;line-height: 36rem;cursor:pointer;white-space:nowrap;}
.file-inp input[type=file]{display:none;}
#url_btn{flex:0 0 auto;height:34rem;padding:0 14rem;border:1rem solid #bbb;border-radius:3rem;background:#f5f5f5;color:#333;font-size:13rem;font-weight:600;line-height:32rem;cursor:pointer;white-space:nowrap;}
.file-inp input[type=text]{flex:1;height: 38rem;padding:0 12rem;border:1rem solid #d1d1d1;border-radius:3rem;background:#fff;color:#bbb;line-height: 36rem;font-size:13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btn.url-add{flex:0 0 auto;height: 38rem;padding:0 14rem;border:1rem solid #bbb;border-radius:3rem;background:#f5f5f5;color:#333;font-size:13rem;font-weight:600;line-height: 36rem;cursor:pointer;white-space:nowrap;}
.btn.url-add span{color:#333;font-size:13rem;}
.file-inp input[type=text]::placeholder { color: #767676; font-size:14rem}

/* select dropdown */
.select-box {max-width:200rem}
.select-wrap {position:relative;background: #fff;}
.select-box button {width:100%;height: 40rem;text-align:left;padding: 0 10rem;vertical-align:baseline;border:1rem solid #ccc;border-radius: 3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color: #fff;}
.select-box button::after{content:'';position:absolute;top:50%;transform:translateY(-50%);right: 9rem;width: 16rem;height:20rem;background: url(../images/icon/ic_arrow_down.png) center /100%;}
.select-box button div {font-size:15rem; color:#666} 
.select-box button + .select-list{pointer-events:none;opacity:0;width:100%;position:absolute;top:44rem;left:0;background-color:#fff;border:1rem solid #ccc;border-radius:3rem;z-index:5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.select-box button + .select-list>ul{max-height:320rem;overflow-y:auto;padding: 0 5rem;margin: 8rem 0;border-radius:3rem;} 
.select-box button + .select-list>ul li a{display:block;font-size: 15rem;color:#666;height:38rem;line-height:38rem;font-weight:500;border-radius: 3rem;padding:0 5rem;box-sizing:border-box;} 
.select-box button + .select-list>ul li a:hover {width:100%;height:100%;border-radius: 3rem;background-color:#f4f4f4;color:#333}
.select-box button + .select-list>ul li.on a{border-radius: 3rem; background-color:#f4f4f4; color:#333} 
.select-box button + .select-list>ul::-webkit-scrollbar {width:3rem;}
.select-box button + .select-list>ul::-webkit-scrollbar-thumb {background:#ddd; border-radius:10rem;} 
.select-box.active button {border-color:#444;}
.select-box.active button div{color:#444}
.select-box.active button:after {transform:translateY(-50%) scale(-1);}
.select-box.active button + .select-list {pointer-events:auto;opacity:1;top: 44rem;} 


/* 채용정보 상세 */
.apply_box { position: relative; }
.apply_box .dday {position: absolute;top: -12rem;left: 50%;transform: translateX(-50%);padding: 3rem 10rem;border: 1rem solid #ff4d4d;border-radius: 20rem;background: #fff;color: #ff4d4d;font-size: 12rem;font-weight: 700;line-height: 100%;}
.apply_box .btn_apply {display: flex;min-width: 110rem;height: 48rem;border: 1rem solid #3a51c3;background: #fff;cursor: pointer;color: #3a51c3;font-size: 17rem;font-weight: 600;letter-spacing: -1rem;border-radius: 3rem;justify-content: center;align-items: center; padding: 0 5rem}
.apply_box .btn_apply span{ color:inherit}
 
.contents_row :is(.job_infobox, .section_box, .company_box ) {background: #fff;border: 1rem solid #ddd;border-radius: 7rem;padding: 24rem 30rem;}
.contents_row .in_title{font-size:17rem;margin-bottom:15rem;text-align: center;background: #f6f6f6;padding: 8rem;border-radius: 5rem;}
.contents_row.top .job_infobox {border-radius: 7rem;/* border-bottom:0; */}
.contents_row.top .job_infobox + .job_infobox  {border-radius: 7rem;border-top:1px dashed #ddd;border-bottom: 1rem solid #ddd;margin-top: -1rem;}
.info_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25rem 30rem; }
.contents_row.col2 .info_grid,  .info_grid.col2 { grid-template-columns: repeat(2, 1fr);}{ grid-template-columns: repeat(2, 1fr);}
.info_item { display: flex; align-items: baseline; gap: 20rem; }
.info_item dt {min-width: 99rem;font-weight:700}
.info_item dd { line-height:1.4 }
.info_item.full { grid-column: 1 / -1; }
.info_item a.link {color: #1593f3; }
.info_item a.fleDown {color: blue; text-decoration: underline;}
.work24_info {position:relative; display:inline-flex; justify-content:center; align-items:center; letter-spacing:-0.8rem; border-radius:4px; padding:10rem 16rem; min-width:80rem; font-size:16rem; line-height:1.5; background-color:#fff; border:1px solid #757575; color:#333; width:100%; margin-top:20rem;}
.work24_info .l_line {border-right: 1px solid #757575; padding-right:15rem; margin-right:8rem; display:flex; align-items:center; justify-content: center; flex-wrap: wrap; gap:0 8rem}
.work24_info .l_line img { margin-right: 8px} 
 
@media (max-width:991px) {
.info_grid { grid-template-columns: 1fr; gap: 15rem; }
.contents_row.col2 .info_grid{ grid-template-columns:1fr;}   
.apply_box .dday {top: -27rem;font-size: 14.2rem;}
.apply_box .btn_apply { height:34rem; line-height:34rem}
}

@media (max-width:750px) {
.contents_row :is(.job_infobox, .section_box, .company_box ) {padding: 20rem;} 	  
.info_item { align-items: flex-start; gap: 6rem; }  
.btn_apply { width: 100%; }
.apply_box { flex: 1; width: 100%;}
}

.company_box .company_top {display: flex;gap: 18rem 50rem;}
.company_box .company_top .info_item { display:flex}
.company_box .logo {width: 180rem;max-height: 128rem;min-height: 100rem;border: 1rem solid #ddd;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 8rem;}
.company_box .info_item.logo dd div{width: inherit;height: inherit;display: flex;align-items: center;justify-content: center;}
.company_box .info_item.logo dd div img{max-width: 180rem;max-height: 120rem; width: 100% !important; height: 100% !important; padding: 5rem;}
.company_box .company_info { flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15rem; }
.company_box .company_info dl { display: flex; gap:0 }
.company_box .company_info dt {width: 99rem;font-weight:700;}
.company_box .company_desc {margin-top: 30rem;border-top: 1px dashed #ddd;padding-top: 30rem;}
.company_box .company_desc dd{ word-break:keep-all}
.company_box .company_image { border: 1rem solid #ddd; margin-top: 20rem; display: flex; align-items: center; justify-content: center; }
.company_box .company_image img{display:inline-block;width: auto;max-width:100%;max-height: 100%;}

@media (max-width:991px) {
.company_box .company_top { flex-direction:column } 
.company_box .company_info { flex: 1; display: grid; grid-template-columns:1fr;}
.company_box .logo {position: absolute;right: 20rem;top: 58rem;background: #fff;border-radius: 10rem;}
.company_box .info_item.logo dd div img{max-width: 100%;max-height: 100rem;} 
.company_box .company_info dt {min-width: 80rem;width: 80rem;}
.company_box .company_desc  dt {min-width: 80rem;width: 80rem;}
}
@media (max-width:750px) {  
.company_box .logo {width: 33%;}
.company_box .company_desc .info_item.full { flex-direction: column}
}
 
.detail_layout {display:flex;justify-content:space-between;align-items:flex-start;gap: 40rem; position:relative} 
.detail_layout .side_menu{background: #fff;border: 1px solid #919EDE;border-radius: 7rem;padding: 14rem;min-width: 118rem;}
.detail_layout .detail_content {width: 100%;}
.detail_nav {position: sticky;top: 146rem;right:0;z-index: 6;}

.detail_layout .side_menu {display: flex;flex-direction: column;gap: 5rem;align-items: center;}
.detail_layout .side_menu button {background: #fff;cursor: pointer;font-size: 15rem; line-height:1.2; padding: 3rem 5rem; letter-spacing:-0.5rem; display:inline-flex;}
.detail_layout .side_menu button:before {content:'';font-family:var(--fm2);font-weight:400;padding-right:5rem;color: #999;} 
.detail_layout .side_menu button:nth-child(1):before{content:"\e9dc";}
.detail_layout .side_menu button:nth-child(2):before{content:"\e9f8"}
.detail_layout .side_menu button:nth-child(3):before{content:"\eb05"}
.detail_layout .side_menu .active {font-weight: 600;color: #3a51c3;}
.detail_layout .side_menu .active:before {font-weight: 500;color: #3a51c3;}
.detail_layout .side_menu .line_btn {height: 32rem;font-size:16rem;line-height: 32rem;width: 86rem;min-width: auto; margin-top: 10rem}
.sharebox { margin-top: 14rem;}
.sharebox .she_btn { display: inline-flex; align-items: center;justify-content:center; border:1px solid #bcbcbc; background:#fff; font-size:14rem; padding: 8rem; width: 100%; min-width: 100rem;  line-height: 1; color:#777; border-radius: 5rem; }
.sharebox .she_btn span {letter-spacing: -1rem;}
.sharebox .she_btn.ic-link:before{  margin-right:3rem; line-height:0; font-size: 17rem; transform: rotate(45deg); transform-origin: center}
 
@media (max-width:991px) { 
.detail_layout {flex-direction: column-reverse;gap: 10rem;} 
.detail_nav {width: 100%;/* top: auto; *//* bottom: 0; */margin-top: -54rem;}
.detail_layout .side_menu {width:100%;min-width: max-content;flex-direction: row;border:0;padding: 5rem 0;gap:0;align-items: center;border-radius:0;} 
.detail_layout .side_menu button {border-bottom:3rem solid #bbb;background:#fff;min-width:100rem;padding-bottom: 10rem;border-radius: 0;justify-content:center}
.detail_layout .side_menu button:before {content:none; display:none}
.detail_layout .side_menu .active {font-weight: 700;background:#fff;border-bottom: 3rem solid #3a51c3;}
.detail_layout .side_menu .line_btn { margin-left:auto;margin-top:0}
.sharebox { margin-top:1rem; padding:5rem 0;  position: absolute; top:0; right: 95rem} 
.sharebox .she_btn {width: auto; min-width: auto; border-radius: 3rem; height: 32rem;}
.sharebox .she_btn.ic-link:before{font-size: 18rem}
.sharebox .she_btn span { display: none} 
}

/*mypage myResume*/
#myResume .table_list .my_list tbody tr {align-items: baseline;}
#myResume .table_list .my_list tbody tr td.subj {padding-left:20rem;width: 50%;}  
#myResume .table_list .my_list tbody tr td.subj a{max-width: 99%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left;}
#myResume .table_list .my_list tbody tr td.subj .sub_text { margin-top:8rem; font-size:15rem} 
#myResume .table_list .my_list tbody tr td.sel {margin-left:auto;}
#myResume .table_list .my_list tbody tr td.sel select.sel {font-size: 14.4rem;letter-spacing: -0.5rem;padding: 0 24rem 0 10rem;}
#myResume .table_list .my_list tbody tr td .btn_line {display:inline-block; border:1rem solid #bbb;border-radius:3rem;background:#fff;line-height: 33rem;height: 33rem;padding: 0 20rem;text-align:center;font-size:15rem;font-weight:500;color:#666;}
 
.table_list_nav .list_nav_r.btn_r {gap:8rem; margin-bottom:10rem}
.btn_resume_add{display:inline-flex;align-items:center;height:38rem;padding:0 18rem;border:1rem solid #5d8acf;border-radius:3rem;background:#fff;font-size:15rem;font-weight:600;color:#3b8acf; white-space:nowrap;}
.btn_resume_add:hover{background:#F1F6FA}
.bline_btn {display:inline-flex;align-items:center;height:38rem;padding:0 18rem;border:1rem solid #5d8acf;border-radius:3rem;background:#fff;font-size:15rem;font-weight:600;color:#3b8acf; white-space:nowrap;}
.bline_btn:hover{background:#F1F6FA}

.oder_wrap .oder_btn:before{ content:"\e949"; font-family:var(--fm2); line-height:0;}
.oder_wrap{position:relative;display:inline-block;}
.oder_wrap .oder_btn{display:inline-flex;align-items:center;justify-content:center;width:36rem;height:36rem;background:#fff;text-decoration:none;} 
.oder_wrap .oder_menu{display:none;position:absolute;top: calc(100% + 5rem);right: -14rem;z-index:20;min-width:120rem;padding:6rem 0;border:1rem solid #d1d1d1;border-radius:3rem;background:#fff;box-shadow:0 2rem 6rem rgba(0,0,0,.08);list-style:none;margin:0;}
.oder_wrap.on .oder_menu{display:block;}
.oder_wrap .oder_menu li{margin:0; text-align:left}
.oder_wrap .oder_menu a{display:block;padding:8rem 16rem;font-size:14rem;color:#444;text-decoration:none;white-space:nowrap;}
.oder_wrap .oder_menu a:hover{background:#f5f5f5;}

.mypage_info_box {margin-top:24rem;padding:20rem 24rem;border: 0;border-radius:3rem;background:#f9f9f9;}
.mypage_info_box ul{margin:0;}
.mypage_info_box li{margin-bottom:4rem;font-size:14rem;color:#666;line-height:1.6;word-break:keep-all;}
.mypage_info_box li:before{ content:'•'; margin-right:3rem}
.mypage_info_box li:last-child{margin-bottom:0;}

@media (max-width:991px) {
#myResume .table_list .my_list tbody tr {align-items:flex-start}	
#myResume .table_list .my_list tbody tr td.subj  { padding:0; gap:15rem 10rem; width: 100%} 
#myResume .table_list .my_list tbody tr td.sel  { margin-left:0}	
#myResume .table_list .my_list tbody tr td:last-child { top:auto; bottom:15rem}
#myResume .table_list .my_list tbody tr td .btn_line {padding: 0 8rem;}
.oder_wrap .oder_btn{width:24rem;height:30rem;} 
}
@media (max-width:750px) {
#myResume .table_list .my_list tbody tr td.subj a{font-size: 16.4rem}
}
.my_list tbody tr.job-end {background: #f8f8f8;}
.my_list tbody tr.job-card td.subj { cursor: pointer; }
.btn.box_del.disabled { cursor: default; }
.modal.job-appl .btn.sand.on { background: #06C; }
.modal.job-appl .file_chk .file_date { margin-left: auto; color: #999; font-size: 13rem; }
.modal.job-appl .file-plus-wrap .file_chk {display: flex;align-items: center;gap: 8rem;width: 100%;font-size: 14rem;}
.modal.job-appl .pc_file_list ul,
.modal.job-appl .url_file_list ul { display: flex; flex-direction: column; gap: 5rem; }

.modal.job-appl .pc_file_list ul li,
.modal.job-appl .url_file_list ul li { display: flex; justify-content: space-between; align-items: center; }
.modal.resume-alert { z-index: 10001; }
.btn_url_del{height: 34rem;padding: 0 12rem;border: 1rem solid #d1d1d1;border-radius: 3rem;background: #f5f5f5;font-size: 14rem;color: #444;cursor: pointer;white-space: nowrap;line-height: 34rem;}
.btn_pc_del{padding: 0 12rem;border: 1rem solid #d1d1d1;border-radius: 3rem;background: #f5f5f5;font-size: 14rem;color: #444;cursor: pointer;white-space: nowrap;line-height: 30rem;}

.modal.job-appl .btn.sand.on { background: #06C; }
.modal.job-appl .file_chk .file_date { margin-left: auto; color: #999; font-size: 13rem; }
.modal.job-appl .file-plus-wrap .file_chk { display: flex; align-items: center; gap: 8rem; width: 100%;  }
.modal.job-appl .pc_file_list ul,
.modal.job-appl .url_file_list ul { display: flex; flex-direction: column; gap: 5rem; }
.modal.job-appl .pc_file_list ul li,
.modal.job-appl .url_file_list ul li { display: flex; justify-content: space-between; align-items: center; }
.modal.resume-alert { z-index: 10001; }
 
/* LIST #myhome my_list list */ 

#myhome .table_list .basic {border-left:1rem solid #aaa; border-right:1rem solid #aaa}
#myhome .table_list .basic thead tr th{padding: 12rem 8rem; border: 1rem solid #d0d0d0;background: #f6f7f9;font-size: 15rem;font-weight: 600;color: #444;text-align: center;white-space: nowrap;border-bottom: 0;} 
#myhome .table_list .basic tbody tr td{padding: 12rem 8rem;border: 1rem solid #d0d0d0;font-size: 15rem;color: #555;text-align: center;background: #fff;vertical-align: middle;}

/*파일관리*/
.file-plus-tb {border-top:1px solid #ccc; padding:24rem 0}
.file-plus-tb  .pf-table th, .file-plus-tb  .pf-table td{ font-size:15rem}
.intro-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14rem;}
.intro-head h3{ font-size: 20rem}
@media (max-width:991px) {
.intro-head {gap:40% }
}

/* table-like_list */
.table-like_list ul {}
.table-like_list > ul > li { border: 1px solid #d9d9d9; border-radius: 3rem; margin-top: 5rem; display: grid; grid-template-columns: 90rem minmax(0, 1fr) 80rem 165rem 70rem; align-items: center; gap: 10rem; padding: 20rem 25rem; }
.table-like_list > ul > li:hover { background: #F1F6FA }
.table-like_list > ul > li:hover .btn.border { background: #fff; }
.table-like_list > ul > li >div { font-size: 14rem; }
.table-like_list > ul > li > div:nth-child(2) { min-width: 0; }
.table-like_list .title { font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-like_list .title-sub,
.table-like_list .education { color: #888; margin-top: 3rem; }
.table-like_list > ul > li > div:has(.btn) {justify-self: end;}
@media (max-width:991px) {
.table-like_list > ul > li { grid-template-columns: 90rem minmax(0, 1fr) 80rem 78rem 70rem; padding: 15rem 20rem; }
}
@media (max-width:768px) {
.table-like_list > ul > li { display: flex; flex-wrap: wrap; }
.table-like_list > ul > li > .title-wrap { flex: 0 0 100%; }
.table-like_list > ul > li > div:has(.education) {display: flex; align-items: center; gap: 10rem;}
.table-like_list .education { margin-top: 0; }
.table-like_list > ul > li > div:has(.btn) { flex: 0 0 100%; margin-left: 0; margin-top: 8rem;text-align: left;}
} 

/* sub design layout */
.sub-basic { background:#f8f9fd}
.sub-basic .breadcrumb {padding:16rem 0;opacity:0.8;margin-top: -60px;margin-bottom: 38px;}
.sub-basic .sub_visual{ max-width:100%; border-bottom:1rem solid #ebeff6}
.sub-basic .sub_visual span{ font-size:18rem; color:#1f3376; padding:20rem 0}
.sub-basic .contents_head {display:block;margin:0;z-index: 5;}

.sub-basic .contents_head h2.page_title {font-size: 34rem;color:#272933;font-family:var(--fm1);font-weight:normal}
.sub-basic .contents_head h2.page_title span { color:#1466f3; font-family:inherit} 
.sub-basic .page_share{ top:18rem}  
.sub-top-title {width:100%;max-width:1200rem;margin:0 auto;padding:0 0 60rem;position: relative;z-index: 5;}
.sub-top-title h2{font-size: 36rem;color:#272933;font-family:var(--fm1);font-weight:normal;line-height:1.3} 
.sub-top-title h2 span { color:#1466f3; font-family:inherit}
.sub-top-title .stlt{font-size: 17rem;color:#273b80;font-weight:600;margin-bottom:15rem} 
.sub-top-title .stlt-txt{font-size:19rem;color:#154ebb;font-weight:600;margin-top:26rem; line-height: 1.5} 
.sub-top-title .stlt + h2 +.stlt-txt{font-size:17rem;line-height: 1.4;}
.sub-top-title + .contents_body .contents_head h2.page_title{font-size: 24rem;text-align: left;font-weight: 600; font-family: 'Pretendard Variable'} 
.sub-top-title + .contents_body .contents_title{position:relative;margin-bottom: 20rem;padding-left: 17rem;color: #252525;font-size: 20rem;font-weight: 700;word-break: keep-all;}
.sub-top-title + .contents_body  .contents_title:before{content:'';position:absolute;top: 2rem;left:0;width: 7rem;height: 19rem;border-radius:15rem;background:url(../images/icon/ic_titblt.gif) no-repeat left center;background-size:cover;}
.sub-top-title + .contents_body  .contents_head{ margin-top:20rem;margin-bottom: 40rem;border-bottom: 0;display: flex;justify-content: space-between; align-items:center; gap: 8rem;}
.sub-basic #content_wrap .contents_body {background:#fff;padding-top:50rem;z-index: 10;position: relative;}
.sub-basic #contents .contents_body {background:#fff;padding-top:50rem;z-index: 10;position: relative;}
.sub-basic .contents_row { margin-bottom:65rem}
.sub-basic .contents_title { font-size:22rem; color:#2d3ea1; padding:0; margin-bottom:24rem}
.sub-basic .contents_title:before { content:none}
.sub-basic .info { padding-left:0}
.sub-basic .contents_row_wrap{ padding-left:0}  
.req { color: #d00909; }

@media (max-width:1189px) {
.sub-top-title {width:96%; max-width:100%; text-align:center}	
.sub-basic .contents_head { display:block; margin:0;text-align:center}
.sub-basic .contents_head h2.page_title {text-align:center}
.sub-basic .contents_head h2.page_title span {text-align:center} 
}
@media (max-width:991px) { 
.sub-top-title { padding:30rem 0 36rem; }	
.sub-top-title h2 { font-size:28rem;}
.sub-basic .contents_head h2.page_title { font-size:28rem;}
.sub-basic #content_wrap .contents_body {padding: 34rem 4%;}
.sub-basic #content_wrap .contents_body >.in_container{width:100%;}
.sub-top-title .stlt { display:none}
.sub-top-title .stlt-txt { display:none}
.sub-top-title .stlt + h2 +.stlt-txt{ display:none}
.sub-basic #contents .contents_body { padding-top:36rem}
.sub-basic .contents_title {margin-bottom:18rem}
.sub-basic .contents_row { margin-bottom:34rem} 
}
@media (max-width:750px) {
.sub-top-title h2 { font-size:24rem;}	
}

.visual-img {width:100%;height:100%;position:absolute;z-index:0;top:0;}
.visual-img.mento { background:url(../images/sub/mento/sub_top_visual_mento.png) no-repeat center; opacity:0.98}
.visual-img.consult {background:url(../images/sub/consulting/sub_top_visual_consult.png) no-repeat right;opacity: 0.9;background-size: 46%;top: -15rem;height: 462rem;right: 79rem;}
.visual-img.interview {background: url(../images/sub/interview/sub_top_visual_interview.png) no-repeat center top;opacity: 0.9;background-size: 74%;}
.visual-img.job-career {background: url(../images/sub/edu/sub_top_visual_jobcareer.png) no-repeat right top; background-size: auto;}
.visual-img.job-support {background: url(../images/sub/edu/sub_top_visual_jobsupport.png) no-repeat right bottom; opacity: 0.9;background-size: auto;}
.visual-img.job-center {background: url(../images/sub/jobservice/sub_top_visual_jobservice.png) no-repeat right bottom;opacity: 0.9;/* background-size: 530rem; */}
.visual-img.serv-campus {background: url(../images/sub/img_academy_mirae_01.jpg) no-repeat right top;opacity: 1;}   
.visual-img.serv-center {background: url(../images/sub/img_academy_center_01.jpg) no-repeat right top;opacity: 1;}   
.sub-addbtn-wrap {display:flex;justify-content:center;align-items:center;margin: 45rem auto 0;position: relative;z-index: 5;} 
.sub-addbtn-wrap a{border-radius:8rem;background:#1466f3;padding: 14rem 30rem;min-width:140rem;border:1px solid #1466f3;line-height:1;color:#fff;font-size: 18rem;font-weight:500;transition:.2s;}
@media (hover: hover) and (pointer: fine) and (min-width:991px){
.sub-addbtn-wrap a:hover { transition:.2s; box-shadow: 0px 5px 15px rgba(136, 165, 191, 0.6); transform:translateY(-2rem)} 
}
@media (max-width:1200px) {
.visual-img.job-career,.visual-img.job-support   { display:none}
 }
	
@media (max-width:991px) {
.visual-img  { display:none}
.sub-addbtn-wrap {margin: 20rem auto 0;} 
}

/* tab */
:is(.sub-top-title, .ggin-infom) .menu_tab {margin-bottom:0;margin-top: 45rem;position:relative;z-index:6;border: 0;}
:is(.sub-top-title, .ggin-infom) .menu_tab  ul{display:inline-flex;justify-content:center;align-items:center;width:auto;gap: 8rem;margin:0 auto;background: none;padding:0}
:is(.sub-top-title, .ggin-infom) .menu_tab  ul li{position:relative;text-align:center;overflow:hidden;border: 1rem solid #9aa4df;border-radius: 30rem;background: #fff;} 
:is(.sub-top-title, .ggin-infom) .menu_tab  ul li a{display:block;height: 38rem;line-height: 38rem;padding: 0 25rem;border:0;background:none}
:is(.sub-top-title, .ggin-infom) .menu_tab  ul li a span{color:#3b4895;font-size: 17rem;font-weight: 600;letter-spacing:-0.05rem;}
:is(.sub-top-title, .ggin-infom) .menu_tab  ul li.on {border: 1rem solid #2d3ea1;background: #2d3ea1;box-shadow:none;}
:is(.sub-top-title, .ggin-infom) .menu_tab  ul li.on a{color: #fff;border:0;}
:is(.sub-top-title, .ggin-infom) .menu_tab  ul li.on a span{color:inherit;font-weight: 600;}
@media (max-width: 1189px) {
:is(.sub-top-title, .ggin-infom) .menu_tab{margin-bottom: 0;margin-top: 25rem; text-align:center}	
}
@media (max-width:991px) { 
:is(.sub-top-title, .ggin-infom) .menu_tab{margin-bottom: 0;margin-top: 25rem; text-align:center}	
:is(.sub-top-title, .ggin-infom) .menu_tab ul {gap: 0;}
:is(.sub-top-title, .ggin-infom) .menu_tab ul li {border-radius: 0;min-width: 166rem;} 	
:is(.sub-top-title, .ggin-infom) .menu_tab ul li a{display:block;height: 40rem;line-height: 40rem;padding: 0 15rem;} 

}

 
/* 현직자 멘토링 */ 
.mentor-wrap{ } 
.mentor-wrap .page-head{margin-bottom:24rem;}
.mentor-wrap .page-title{margin:0 0 8rem;font-size:22rem;font-weight:700;color:#222;}
.mentor-wrap .page-desc{margin:0;font-size:14rem;color:#666;}

.mentor-wrap .mentor-box{background:#fff;border-top:1rem solid #d1d1d1; padding:28rem 0;margin-bottom:20rem;}
.mentor-wrap .mentor-card-box{ margin-bottom:38rem;} 
.mentor-wrap .mentor-cards{display:flex;gap:15rem; }
.mentor-wrap .mentor-card{flex:1;position:relative;padding:24rem 20rem;text-align:center;border: 1px solid #6696e7;border-radius:14rem;background:#fff;transition:.2s;box-shadow:0 2rem 10rem rgba(0,0,0,0.1);overflow:hidden}
.mentor-wrap .mentor-card .profile{display:flex;align-items:flex-start;justify-content:center;width:90rem;height:90rem;margin:0 auto 14rem;border-radius:50%;background:#f0f0f0;color:#bbb;font-size:36rem;overflow:hidden;position:relative}
.mentor-wrap .mentor-card .profile img{ max-width:105%; margin:0 auto;}
.mentor-wrap .mentor-card .m-name{display:block;margin-bottom: 8rem;font-size: 18rem;font-weight: 600;color:#222;}
.mentor-wrap .mentor-card .m-comy{display:block;margin-bottom:10rem;font-size: 16rem;color: #3154ac;font-weight: 500;}
.mentor-wrap .mentor-card .m-desc{font-size: 15rem;color:#555;line-height:1.3;word-break:keep-all;}
.mentor-wrap .mentor-card .m-link{display:none; position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); color:#fff;font-size:15rem; line-height:1; padding:8rem 14rem;font-weight:700; border:1rem solid #fff; border-radius:4rem; z-index:6} 
.mentor-wrap .mentor-card:before{ content:''; position:absolute;inset:0; width:100%;  background:rgba(0,0,0,.0); transition:.2s;  z-index:5}
.mentor-wrap .post-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12rem;margin-bottom:14rem;}
.mentor-wrap .post-title{margin:0;font-size:16rem;font-weight:700;color:#222;}
.mentor-wrap .post-tabs{display:flex;flex-wrap:wrap;gap:8rem;list-style:none;margin:0 0 16rem;padding:0;}
.mentor-wrap .post-tabs a{display:block;padding:8rem 16rem;border-radius:20rem;font-size:14rem;font-weight:600;color:#666;text-decoration:none;border:1rem solid transparent;}
.mentor-wrap .post-tabs li.on a{background:#e3f2e8;color:#2e7d4a;border-color:#c5e6d0;}
.mentor-wrap .btn-apply{height:36rem;padding:0 16rem;border:1rem solid #bbb;border-radius:3rem;background:#fff;font-size: 15rem;font-weight:600;color:#333;cursor:pointer;white-space:nowrap;}
.mentor-wrap .btn-apply:hover{background:#f5f5f5;}
.mentor-wrap .post-table{width:100%;border-collapse:collapse;}
.mentor-wrap .post-table td{padding:0 0 12rem;border:none;vertical-align:top;}
.mentor-wrap .post-table tr:last-child td{padding-bottom:0;}
.mentor-wrap .post-item{padding: 26rem 34rem;border:1rem solid #d0d0d0;border-radius: 8rem;background:#fff;}
.post-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8rem;margin-bottom:10rem;}
.post-badges{display:flex;flex-wrap:wrap;gap:6rem;}

.post-badges .cat{display:inline-block;padding: 3rem 10rem;border: 1rem solid #999;border-radius: 17rem;font-size: 14.5rem;color: #333;background:#fff;}
.post-badges .cat:first-child{ border-color:#099; color:#099;}
.post-badges .cat:first-child + .cat{border-color: #e65010;color: #e65010;}
.post-status{display:flex;flex-wrap:wrap;gap:6rem;}
.mentor-row .st, .post-status .st{display:inline-block;padding: 4rem 10rem;border-radius: 20rem;font-size: 14.5rem;font-weight: 500;}
.mentor-row .st.my, .post-status .st.my{background: #f0f3fd;color: #1458cb;}
.mentor-row .st.wait, .post-status .st.wait{background:#fff3e0;color:#e65010;}
.mentor-row .st.done, .post-status .st.done{background:#4a4a4a;color:#fff;}
.mentor-wrap .post-subj{display: inline-block;margin-bottom:8rem;font-size: 20rem;font-weight: 600;color:#222;line-height:1.4;text-decoration:none;}
.mentor-wrap .post-subj:hover{color: #2E4389;text-decoration:underline;}
.mentor-wrap .post-subj i { color: #557fc9}
.mentor-wrap .post-cont{margin:0 0 12rem;font-size: 15rem;color:#555;line-height:1.7;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.mentor-wrap .post-private{display:flex;align-items:center;gap:8rem;margin-bottom:12rem;padding:14rem 16rem;border-radius:4rem;background:#f5f5f5;font-size: 15rem;color:#888;}
.mentor-wrap .post-private i{font-size:16rem;}
.mentor-wrap .post-foot{font-size: 14rem;color:#999;}
.mentor-wrap .post-foot span+span{margin-left:12rem;}

.job-mento .sub-top-title{ text-align:center}
.job-mento .contents_head h2.page_title{text-align:center;font-size: 37rem;}

@media (max-width:991px){ 
.job-mento .contents_head h2.page_title{font-size: 32rem;}
.mentor-wrap .mentor-card .m-comy {text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.mentor-wrap .mentor-card:before { display:none}
.mentor-wrap .mentor-box{padding: 22rem 0;} 
.mentor-wrap .mentor-cards {gap: 10rem;}
.mentor-wrap .mentor-card .profile img{width:inherit; max-width:none;}
.mentor-wrap .mentor-card .m-link {display:block;position:unset;background: #fff;border-color: #1466f3;transform:none;margin-top: 14rem;text-align: center;color: #1466f3;}
}
@media (max-width:750px){
.mentor-wrap .mentor-cards{flex-direction:column;} 
.mentor-wrap .mentor-card{display:grid;grid-template-columns: 27% auto;text-align: left;gap: 0 25rem;align-items: center;} 
.mentor-wrap .mentor-card .profile{grid-column: 1 / span 1;grid-row: 1 / span 4;}  
.mentor-wrap .post-head{flex-direction:column;align-items:flex-start;}  
}
@media (hover: hover) and (pointer: fine) and (min-width:991px){
.mentor-wrap .mentor-card:hover {box-shadow:0 8rem 15rem rgba(0,0,0,0.15);border-color:rgb(20,102,243); transform:translateY(-5rem)}
.mentor-wrap .mentor-card:hover:before{ content:''; position:absolute;inset:0; width:100%; background:rgba(6,81,211,.8); transition:.2s;  z-index:5}
.mentor-wrap .mentor-card:hover:after{content:'🚀';content:'📝';  display:block; position:absolute; top:25rem; left:45%;  font-size:42rem; z-index:7 }	
.mentor-wrap .mentor-card:hover .m-comy,.mentor-wrap .mentor-card:hover .m-desc,.mentor-wrap .mentor-card:hover .profile{ opacity:0.2}  
.mentor-wrap .mentor-card:hover .m-name { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:22rem; z-index:7}
.mentor-wrap .mentor-card:hover .m-name:after { content:'에게';  display:inline-block} 
.mentor-wrap .mentor-card:hover .m-link{ display:block; transition:.2s; margin-top:14rem; font-size:17rem; font-weight:400}	 
}
/* 매칭관리 컨설턴트 */
#hd-matchingList td {font-size: 14.5rem} 
#hd-matchingList td .td-tag {font-size: 13rem} 
#hd-matchingList select.sel { height: 27rem; font-size: 13.5rem;}
#hd-matchingList td[data-label="진행상태"] {padding-left:0; padding-right:0;}
#mentoConsultingDataNewVO .cmgr-tbwp .cmgr-table { min-width: 1160rem}
@media (max-width:991px) {
#mentoConsultingDataNewVO .cmgr-tbwp .cmgr-table { min-width: auto}  
#mentoConsultingDataNewVO .mypage_tab > ul li{ flex: 0 0 32.33%}
#hd-matchingList tr { padding: 8rem; border-top:3rem solid #7f9cf1} 
#hd-matchingList select.sel { height: 32rem; font-size: 14.2rem;}
#hd-matchingList td .cell-sub-txt {font-size: 15.2rem }
#hd-matchingList td .applicant-info-cell .app-id  {font-size: 15.2rem }
#hd-matchingList td .match-status-group label.status-chip {font-size: 13.2rem }
#hd-matchingList td { width: 100%; gap: 5rem; font-size: 16rem}
#hd-matchingList td:before {flex:0 0 90rem}
#hd-matchingList td[data-label="기업명"] span { display: block}
#hd-matchingList td[data-label="기업명"] span.cell-sub-txt { font-size: 14rem;}
#hd-matchingList td[data-label="대상 구직자"] .applicant-info-cell { display: flex; align-items: center}  
#hd-matchingList td[data-label="제안일"], #hd-matchingList td[data-label="컨설턴트"],
#hd-matchingList td[data-label="상태"],#hd-matchingList td[data-label="채용상태"] { width:50%; gap: 5rem; }
#hd-matchingList td[data-label="상태변경"] .match-status-group { flex-direction: row  !important; max-width:58% !important}
#hd-matchingList td[data-label="상태변경"] .match-status-group label.status-chip{ font-size: 15rem !important;}
#hd-matchingList td[data-label="상태변경"] .status-locked-msg { font-size: 15rem}
 }
@media (max-width:750px) {  
 #hd-matchingList td { padding-right: 0}
 #hd-matchingList td[data-label="상태"]  { width:100%; gap: 5rem; } 
 #hd-matchingList td[data-label="채용상태"] { order: 8}
 #hd-matchingList td[data-label="제안일"] { order: 7}
 #hd-matchingList td:before { font-size: 17.2rem !important;}
 #hd-matchingList td *{ font-size: 16.25rem !important;}
 }

/* 기업회원수정 */ 
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .contents_row { margin-top:15rem} 
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .contents_title { margin-bottom:15rem} 

@media (max-width:991px) {
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .contents_row { margin-top:5rem}   
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .table_write table th{padding:7rem 4rem}    
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .table_write table input[name="email1"],
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .table_write table input[name="email2"],
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .table_write table input[name*="bizrno"],
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .table_write table input[name="cmpnyEmail1"],
#myhome #frm[action="/mypage/member/changeInfoUpdate.do"] .table_write table input#fileName { margin:4rem 0} 
}   

/* 현직자 멘토링 리스트 */
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r span.field{ align-items: center}

@media (max-width:991px) {
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r span.field{ flex-wrap: wrap; justify-content: center}
#frm[action="/mento/request/list.do"] table colgroup col:first-child {width: 8% !important}
#frm[action="/mento/request/list.do"] table colgroup col:last-child {width: 6% !important}
#frm[action="/mento/request/list.do"] table colgroup col:nth-child(5),
#frm[action="/mento/request/list.do"] table colgroup col:nth-child(2){ display: none} 
#frm[action="/mento/request/list.do"] table thead tr th:nth-child(5){ display: none} 
#frm[action="/mento/request/list.do"] table tbody tr td:nth-child(5){ display: none} 
#frm[action="/mento/request/list.do"] table thead tr th:nth-child(2){ display: none} 
#frm[action="/mento/request/list.do"] table tbody tr td:nth-child(2){ display: none} 
/*#frm[action="/mento/request/list.do"] table tbody tr td a {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}  */
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r {border:1px solid #dce1f8; background: #f5f7fe; padding: 10rem; border-radius: 3rem}
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r input[type="date"] { max-width: 128rem}
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r input[type='text']~.btn {width: 100%}
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r input.basic { max-width: 100%}
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r #grpCd{ width: 24%}
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r #searchCondition{width: 16%}
}
@media (max-width:750px) {
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r #grpCd{ width: 49%}
#frm[action="/mento/request/list.do"] .table_list_nav .list_nav_r #searchCondition{width: 49%}
}

form[action="/job/consulting/CNS/mberinq.do"] .table_list_nav > div select.sel{ height: 38rem}
@media (max-width:991px) {
form[action="/job/consulting/CNS/mberinq.do"] .table_list_nav { flex-direction: column }
form[action="/job/consulting/CNS/mberinq.do"] .table_list_nav.my_nav  { flex-direction: column; align-items: flex-start }
form[action="/job/consulting/CNS/mberinq.do"] .table_list_nav .mysrch { margin-left: 0}
form[action="/job/consulting/CNS/mberinq.do"] .table_list_nav > div select.sel{padding:0 20rem 0 7rem}
form[action="/job/consulting/CNS/mberinq.do"] .table_list_nav .list_nav_r{ justify-content: space-between; align-items: normal}
}
/* 취업 컨설팅 상세 */ 
.qa-wrap{ }  
.qa-wrap .page-sub{font-size:14rem;color:#888;} 
.qa-wrap .qa-col{flex:1;min-width:0;}
.qa-wrap .qa-label{margin:0 0 12rem;font-size:13rem;font-weight:600;color:#666;text-align:center;}
.qa-wrap .qa-box{background:#fff;border:1rem solid #e0e0e0;border-radius:4rem;padding:20rem 22rem;margin-bottom:16rem;}
.qa-wrap .qa-box:last-child{margin-bottom:0;}
.qa-wrap .qa-table{width:100%;border-collapse:collapse;}

.qa-wrap .qa-table td{padding:0;border:none;vertical-align:top;}
.qa-wrap .qa-table tr+tr td{padding-top:10rem;}
.qa-wrap .qa-cats{font-size: 15rem;color:#888;}
.qa-wrap .qa-cats .cat+ .cat:before{content:" ";margin:0 2rem;}
.qa-wrap .qa-tit{font-size: 22disrem;font-weight:600;color:#222;line-height:1.4;}
.qa-wrap .qa-date{font-size: 14rem;color:#999;}
.qa-wrap .qa-cont-box{margin-top:12rem;padding:16rem 18rem;border:1rem solid #d0d0d0;border-radius:4rem;background:#fff;font-size: 15rem;color:#555;line-height:1.8;word-break:keep-all;}
.qa-wrap .qa-cont-box p:last-child{margin-bottom:0;}
.qa-wrap .mentor-row{display:flex;align-items:center;gap:12rem;}
.qa-wrap .mentor-row .profile{flex: 0 0 64rem;display:flex;align-items:baseline;justify-content:center;width: 64rem;height: 62rem;border-radius:50%;background:#f0f0f0;color:#bbb;font-size:36rem; overflow:hidden}
.qa-wrap .mentor-row .ic-user {display:flex;align-items:center;justify-content:center; width:100%; height:100%}
.qa-wrap .mentor-row .profile img{ width:100%}
.qa-wrap .mentor-row .m-info{flex:1;min-width:0;}
.qa-wrap .mentor-row .m-comy{display:block;margin-bottom: 5rem;font-size: 14rem;color:#888;}
.qa-wrap .mentor-row .m-txt{display:block;font-size: 16rem;font-weight:700;color:#222;}
.qa-wrap .mentor-row .m-name{font-size: 16rem;font-weight:700;color:#222;}
.qa-wrap .badge{flex:0 0 auto;display:inline-block;padding:4rem 10rem;border-radius:20rem;font-size:14.5rem;font-weight:500;white-space:nowrap;}
.qa-wrap .badge.wait{background:#f0f0f0;color:#777;}
.qa-wrap .badge.done{background:#4a4a4a;color:#fff;}
.qa-wrap .wait-msg{margin-top:14rem;padding:14rem 16rem;border-radius:4rem;background:#f8f9fa;font-size: 15rem;color:#666;text-align:center;line-height:1.6;}
.qa-wrap .ans-date{font-size: 14rem;color:#999;}
.qa-wrap input, .qa-wrap textarea{font-family:inherit;font-size:14rem;color:#333;outline:none;background:#fff;}
.qa-wrap input::placeholder,.qa-wrap textarea::placeholder{color:#aaa;}
.qa-wrap .qa-table textarea{width:100%;min-height:160rem;padding:16rem 18rem;border:1rem solid #d1d1d1;border-radius:3rem;font-size:15rem;line-height:1.6;resize:none;} 
.qa-wrap .form-table {width:100%;border-collapse:collapse;}
.qa-wrap .form-table th, .qa-wrap .form-table td{padding:14rem 16rem;border:1rem solid #d0d0d0;font-size: 15rem;color:#555;vertical-align:middle;}
.qa-wrap .form-table th  {width:18%;background:#f6f7f9;font-weight:600;color:#444;text-align:center;}
.qa-wrap .form-table td  {background:#fff;}
.qa-wrap .sec-tit{margin:0 0 16rem;padding-bottom:14rem;border-bottom:1rem solid #d0d0d0;font-size: 18rem;font-weight:700;color:#222;}
.qa-wrap .form-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12rem;margin-top:16rem;padding-top:16rem;border-top:1rem solid #eee;}
.qa-wrap .btn-submit{height:40rem;padding:0 24rem;border:1rem solid #bbb;border-radius:3rem;background:#fff;font-size:14rem;font-weight:600;color:#333;cursor:pointer;white-space:nowrap; margin-left:auto}
.qa-wrap .btn-submit:hover{background:#f5f5f5;}
@media (max-width:991px){
.qa-wrap .inner{padding:20px 16px 60px;}
.qa-wrap .qa-demo{flex-direction:column;}
}
@media (max-width:750px){
.qa-wrap .inner{padding:14px 12px 50px;}
.qa-wrap .page-head{flex-direction:column;gap:4px;}
.qa-wrap .page-title{font-size:18px;}
.qa-wrap .qa-box{padding:16px 14px;}
.qa-wrap .mentor-row{flex-wrap:wrap;}
.qa-wrap .badge{margin-left:auto;}
}

/* 멘토링 신청 */ 
.contents_row  * select { height: 40rem; padding: 0 12rem; border: 1rem solid #d1d1d1; border-radius: 3rem; color:#333;  appearance: none; background: #fff url(./images/icon/ic_sel_arrow.svg) no-repeat right 12rem center; }
.mapply-wrap input, .mapply-wrap textarea{font-family:inherit;font-size:14rem;color:#333;outline:none;background:#fff;}
.mapply-wrap input::placeholder,.mapply-wrap textarea::placeholder{color:#aaa;}
.mapply-wrap .inner{max-width:1200rem;margin:0 auto;padding:30rem 20rem 80rem;}
.mapply-wrap .page-title{margin:0 0 20rem;font-size:22rem;font-weight:700;color:#222;}
.mapply-wrap .mapply-box{background:#fff;border:1rem solid #d1d1d1;border-radius:4rem;padding: 25rem 24rem;margin-bottom:20rem;}
.mapply-wrap .sec-tit{margin:0 0 16rem;padding-bottom:14rem;border-bottom:1rem solid #d0d0d0;font-size: 18rem;font-weight:700;color:#222;}
.mapply-wrap .form-table {width:100%;border-collapse:collapse;}
.mapply-wrap .form-table th, .mapply-wrap .form-table td {padding:14rem 16rem;border:1rem solid #d0d0d0;font-size: 15rem;color:#555;vertical-align:middle;}
.mapply-wrap .form-table th  {width:18%;background:#f6f7f9;font-weight:600;color:#444;text-align:center;}
.mapply-wrap .form-table td  {background:#fff;}
.mapply-wrap .form-table input[type=text],.mapply-wrap .form-table select{width:100%;max-width:400rem;height: 40rem;padding:0 10rem;border:1rem solid #d1d1d1;border-radius:3rem;font-size: 15rem;}
.mapply-wrap .form-table input[type=text].full,.mapply-wrap .form-table select.full{width:100%;max-width:100%;}
.mapply-wrap .form-table textarea{width:100%;min-height:160rem;padding:16rem 18rem;border:1rem solid #d1d1d1;border-radius:3rem;font-size:15rem;line-height:1.6;resize:vertical;} 

.mapply-wrap .form-table .readonly{color:#333;}
.mapply-wrap .form-table .help{margin-top:8rem;font-size:12rem;color:#d00909;line-height:1.5;}
.mapply-wrap .form-table .agree-txt{margin:0;font-size: 14rem;color:#666;line-height:1.8;word-break:keep-all;}
.mapply-wrap .form-table .agree-txt li{margin-left:14rem;}
.mapply-wrap .sel-row{display:flex;gap:12rem;}
.mapply-wrap .sel-row .sel-item{flex:1;min-width:0;}
.mapply-wrap .sel-row label{display:block;margin-bottom:6rem;font-size:14rem;font-weight:600;color:#444;} 
.mapply-wrap .form-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12rem;margin-top:16rem;padding-top:16rem;border-top:1rem solid #eee;}
.mapply-wrap .radio-group{display:flex;flex-wrap:wrap;gap:16rem;}
.mapply-wrap .radio-group .fled{display:inline-flex;align-items:center;gap:6rem;font-size:13rem;color:#444;cursor:pointer;}
.mapply-wrap .btn-submit{height:40rem;padding:0 24rem;border:1rem solid #bbb;border-radius:3rem;background:#fff;font-size:14rem;font-weight:600;color:#333;cursor:pointer;white-space:nowrap;}
.mapply-wrap .btn-submit:hover{background:#f5f5f5;}

@media (max-width:991px){
.mapply-wrap .inner{padding:20px 16px 60px;}
.mapply-wrap .mapply-box{padding:22px 18px;}
.mapply-wrap .sel-row{flex-direction:column;}
}
@media (max-width:750px){
.mapply-wrap .inner{padding:14px 12px 50px;}
.mapply-wrap .page-title{font-size:18px;}
.mapply-wrap .form-table tr{display:block;margin-bottom:8px;border:1px solid #e8e8e8;}
.mapply-wrap .form-table th,.mapply-wrap .form-table td{display:block;width:100%;}
.mapply-wrap .form-table th{border-bottom:none;text-align:left;}
.mapply-wrap .form-table input[type=text],.mapply-wrap .form-table select{max-width:100%;}
.mapply-wrap .form-foot{flex-direction:column;align-items:stretch;}
.mapply-wrap .btn-submit{width:100%;}
}


/* 1:1 컨설팅 신청 */ 
.cons-wrap{ }  
.cons-wrap .cons-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12rem;margin-bottom:20rem;} 
.cons-wrap .btn-new{height:38rem;padding:0 18rem;border:1rem solid #bbb;border-radius:3rem;background:#fff;font-weight:600;color:#333;cursor:pointer;white-space:nowrap;}
.cons-wrap .btn-new:hover{background:#f5f5f5;}
.cons-wrap .cons-tabs{display:flex;flex-wrap:wrap;gap:8rem;list-style:none;margin:0 0 20rem;padding:0;}
.cons-wrap .cons-tabs a{display:block;padding:8rem 16rem;border-radius:20rem;font-weight:600;color:#666;text-decoration:none;border:1rem solid transparent;white-space:nowrap;}
.cons-wrap .cons-tabs li.on a{background:#2e7d4a;color:#fff;border-color:#2e7d4a;}
.cons-wrap .cons-table{width:100%;border-collapse:collapse;}
.cons-wrap .cons-table td{padding:0 0 12rem;border:none;vertical-align:top;}
.cons-wrap .cons-table tr:last-child td{padding-bottom:0;}
.cons-wrap .cons-item{padding: 24rem;border:1rem solid #e0e0e0;border-radius: 8rem;background:#fff;cursor:pointer;transition:.2s;}
.cons-wrap .cons-item:hover{border-color:#5398DE;box-shadow:0 2rem 8rem rgba(0,0,0,.06);}
.cons-wrap .item-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8rem;margin-bottom:10rem;}
.cons-wrap .item-tags{display:flex;flex-wrap:wrap;gap:6rem;}
.cons-wrap .item-tags .tag{font-size: 14rem;font-weight:600;border:1rem solid #999;border-radius:20rem;color:#333;padding: 3rem 10rem;line-height: 1;}
.cons-wrap .item-tags .tag + .tag {border-color:#94198F;color:#94198F;}
.cons-wrap .item-tags .tag + .tag + .tag{border-color: #999; color:#333;}
.cons-wrap .item-dates{display:flex;flex-wrap:wrap;gap:10rem;font-size: 14rem;color:#999;}
.cons-wrap .item-info{ display:flex; gap:8rem 24rem; margin-bottom:10rem;font-size: 16rem;color:#444;line-height:1.6;}
.cons-wrap .item-info strong{font-weight:700;color:#333;}
.cons-wrap .item-preview{padding:14rem 16rem;border-radius:4rem;background: #F5F9FE;font-size: 15rem;color:#666;line-height:1.7;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.job-consult .sub-top-title{padding: 70rem 0 100rem;}
.job-consult .contents_head h2.page_title{/* text-align: center; */font-size: 44rem;}
.job-consult .sub-addbtn-wrap {justify-content:flex-start;}

/* 1:1 컨설팅/멘토링 탭 */ 
.sub-basic .menu_tab.consult {width:100%;max-width:1200rem;margin:15rem auto 45rem; display:flex; justify-content:center}
.sub-basic .menu_tab.consult ul { gap:0}
.sub-basic .menu_tab.consult ul li {border-radius:0}
.sub-basic .menu_tab.consult ul li.on{border-color: #193b7d;background: #193b7d;}
@media (max-width:991px) { 
.sub-basic .menu_tab.consult { margin:25rem auto 0;  display:flex;  }
.job-consult .sub-top-title{padding: 36rem 0;}
.job-consult .contents_head h2.page_title{text-align: center;font-size:28rem}
.job-consult .sub-addbtn-wrap {justify-content:center} 

}

/* tag type color */

.td-tag{font-size: 14rem;font-weight: 500;border:1rem solid #999;border-radius:20rem;color:#333;padding: 3rem 10rem;}
.cor-gr { border-color:#5C9236 !important;color:#5C9236 !important; background: rgba(255,255,255,0.8)}
.cor-bl { border-color:#4373FF !important;color:#4373FF !important; background: rgba(255,255,255,0.8) }
.cor-vi { border-color:#94198F !important;color:#94198F !important; background: rgba(255,255,255,0.8) } 
.cor-pi { border-color:#F1505F !important;color:#F1505F !important;  background: rgba(255,255,255,0.8)}
.cor-dgr{ border-color:#099 !important;color:#099 !important;  background: rgba(255,255,255,0.8)}
.cor-dgrl{border-color:#099 !important;color:#099 !important;  background: rgba(255,255,255,0.8)}
.cor-org{ border-color:#E65100 !important;color:#E65100 !important; background: rgba(255,255,255,0.8)}
.bg-bk  {border-color: #888 !important;background-color: #888 !important;color:#fff !important;}
.bg-dgr { border-color:#099 !important; background-color:#099 !important;color:#fff !important; }
.bg-org { border-color:#fdf5e8 !important; background-color:#fff3e0 !important; color:#E65100 !important;}
.bg-gr { border-color:#e3f2e8 !important; background: #e3f2e8 !important; color:#2e7d4a !important}
.status{display:inline-flex;align-items:center;justify-content:center;min-width:72rem;height:30rem;padding:0 14rem;border-radius:20rem;font-size:13rem;font-weight:600;line-height:1;}
.status.wait, .status.end ,.status.blk{background:#eeeeee;color:#757575}
.status.pass, .status.online ,.status.grn{background:#e8f5e9;color:#2e7d32}
.status.final, .status.dday, .status.blue{background:#e3f2fd;color:#1976d2}
.status.fail, .status.offline ,.status.org{background:#fdf5e8;color:#ef6c00}
.status.on_off ,.status.vi {background:#F6EAF6;color:#94198F} 

/* AI 추천*/ 
.contents_head .box.status:before{content:'🤖';display:inline-flex;font-size: 21rem;}
.contents_head .box.status{font-size: 15rem;padding:16rem;display:flex;gap:5rem;height:auto;line-height:1.4;padding:6rem 16rem;}
.contents_head .box.status .link-tx { padding:3rem 0; color:#2E4389; margin-left:auto} 
@media (max-width:991px) { 
.contents_head .box.status {width:100%;padding:6rem 8rem;flex-wrap: wrap;gap: 0 5rem;}
.contents_head .box.status:before{ font-size:16rem}
}
 
@media (max-width:750px){ 
.cons-wrap .cons-head{flex-direction:column;align-items:stretch;}
.cons-wrap .btn-new{width:100%;height:40rem;font-size:14rem;}
.cons-wrap .cons-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4rem;margin-bottom:16rem;}
.cons-wrap .cons-tabs li{flex:0 0 auto;}
.cons-wrap .cons-item{padding:16rem 14rem;}
.cons-wrap .item-top{flex-direction:column;align-items:flex-start;gap:6rem;}
.cons-wrap .item-dates{ justify-content:space-between; gap:4rem;width:100%;font-size:12rem;}
.cons-wrap .item-info{font-size:13rem;word-break:keep-all;}
.cons-wrap .item-preview{font-size:13rem;padding: 4rem 14rem;max-height: 611rem;line-height: 1.65;} 
}


/* 인재매칭 */
.table_list table.worker tbody tr td .level_info_group .level_more { position: relative; display: inline-flex; }
.table_list table.worker tbody tr td .level_info_group .level_more[hidden],
.table_list table.worker tbody tr td .level_info_group .level_more.is-hide { display: none !important; }
.table_list table.worker tbody tr td .level_info_group > div.is-hide { display: none !important; }
.table_list table.worker tbody tr td .level_info_group .btn_more { display: inline-flex; align-items: center; justify-content: center; min-width: 32rem; height: 25.5rem; padding: 0 8rem; border: 1rem solid #ddd; border-radius: 20rem; font-size: 12rem; color: #666; background: #fafafa; cursor: pointer; line-height: 1 }
.level_info_group .tag_tip { display: none; position: absolute; top: calc(100% + 6rem); left: 0; z-index: 10; min-width: 180rem; max-width: 280rem; max-height: 220rem; overflow-y: auto; padding: 12rem 14rem; border: 1rem solid #ccc; border-radius: 4rem; background: #fff; box-shadow: 0 4rem 12rem rgba(0,0,0,.1); text-align: left }
.level_info_group .tag_tip.on { display: block }
.level_info_group .tag_tip p { margin: 0 0 4rem; font-size: 13rem; font-weight: 700; color: #333 }
.level_info_group .tag_tip .tip_sec + .tip_sec { margin-top: 10rem }
.level_info_group .tag_tip ul { margin: 0 0 10rem; padding: 0; list-style: none }
.level_info_group .tag_tip ul:last-child,
.level_info_group .tag_tip .tip_sec ul { margin-bottom: 0 }
.level_info_group .tag_tip li { font-size: 13rem; color: #666; line-height: 1.6 }

.table_list table.worker tbody tr td .level_info_group { display:flex; gap:8rem 5rem; background:none; overflow:visible; padding:0; margin-top:5rem}
.table_list table.worker tbody tr td .level_info_group > div:not(.level_more ){display:inline-block;padding:4rem 10rem;border:1rem solid #ddd;border-radius:20rem;font-size:13rem;color:#555;background:#fafafa;line-height:1.3;white-space:nowrap}
.table_list table tbody tr td .level_info_group >div:after { content:none}
.table_list table.worker tbody tr td .work_info_group { display:flex; gap:8rem 5rem; background:none; overflow:visible; padding:0}
.table_list table.worker tbody tr td .work_info_group > div:not(.level_more ){display:inline-block;padding:4rem 10rem;border:1rem solid #ddd;border-radius:20rem;font-size:13rem;color:#555;background:#fff;line-height:1.3;white-space:nowrap}
.table_list table tbody tr td .posi_btn.ok { cursor:not-allowed} 

/* 공고관리 */
.btn-regitn{display:inline-flex;align-items:center;gap:4rem;height:38rem;line-height:38rem;padding: 0 12rem;border:1rem solid #30579c;border-radius:3rem;background: #30579c;color: #fff;font-size: 15rem;font-weight: 500;cursor: pointer;min-width: max-content;justify-content: center;}
.btn-regitn:hover{ background: #264e80;}
.flex_btn { display:flex; justify-content:space-between;align-items:center}

@media (max-width: 991px) {
.btn-regitn{ height:32rem;line-height:32rem;}
}		
.posting-list .my_list tbody tr td.end_box { align-items:flex-end}
.posting-list .my_list tbody tr td .subj_wrap .job-tit { display:flex; align-items:center; overflow:visible; }
.posting-list .my_list tbody tr td .subj_wrap .job-tit a{ display:inline-block; width:90%; text-overflow:ellipsis; white-space: nowrap;overflow: hidden; font-weight:700;transition: ease 0.1s; }
.posting-list .my_list tbody tr td .subj_wrap .job-tit a:hover{color:#3f52b5; text-decoration: underline; text-underline-offset: 5rem; cursor: pointer;transition: ease 0.1s; }
.posting-list .ing-list{display:flex;align-items:center;letter-spacing:-1rem;width:100%;font-size:14rem;justify-content: right;}
.posting-list .ing-list span:after{ content:'|'; display:inline-flex;align-items:center; padding:0 3rem; color:#aaa; font-size:13rem}
.posting-list .ing-list span:last-child:after{ content:none}
.posting-list .ing-tx {display:block;width:100%;border-radius:5rem;padding:6rem 10rem;background:#f4f4f4;color:#222;letter-spacing: -0.5rem;font-size: 14rem;}
.posting-list .jday.list span:after{ content:'|'; display:inline-flex;align-items:center; padding:0 5rem; color:#aaa; font-size:13rem}
.posting-list .jday.list span:last-child:after{ content:none} 
.ing-ty{ border-radius:5rem; padding:5rem 8rem; border:1px solid #ccc; font-size:15rem; margin-right:8rem; line-height:1}
@media (max-width: 991px) {	
.posting-list .my_list tbody tr td .subj_wrap .job-tit { max-width:100%}
.posting-list .my_list tbody tr td.subj { padding-top:0}
.posting-list .my_list tbody tr td.end_box { position:unset; flex-direction:row; justify-content: space-between; width: 100%; align-items: center;}
.posting-list .ing-list { width:auto}
.posting-list .btn_ap_list{ display:flex; gap:5rem}
}

/* 지원자관리 */
.table_list table .note {padding:10rem 16rem;border-radius:4rem;background: #f5f9fff2;font-size: 15rem;color:#666;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} 
.table_list table .man_info_group .wk_date :is( .view, .backup) { display:block}
.am_acts .mysrch{ width: auto;}
.am_acts{display:flex;align-items:center;flex-wrap:wrap;gap:4rem}
.am_acts .btn_act{display:inline-flex;align-items:center;justify-content:center;height:38rem;padding:0 14rem;border:1rem solid #d1d1d1;border-radius:3rem;font-size:14rem;color:#444;background:#fff;cursor:pointer;box-sizing:border-box;white-space:nowrap;gap:4rem}
.am_acts .btn_act:hover{background:#f8f8f8}
.am_acts .btn_act .xi-angle-down{font-size:12rem;color:#666}
.am_batch{display:inline-flex;align-items:center}
.am_batch .sel_batch{height:38rem; font-size:14rem;color:#444;}
.am_batch .sel_batch:focus{outline:0;border-color:#bbb}
.am_acts .btn_act.expr{display: inline-flex;align-items: center;border: 1rem solid #9a8df5;color: #5829eb;background-clip:text;-webkit-background-clip:text;color:transparent;background-image: linear-gradient(45deg, #812ad1 0%, #1b81eb 100%);border-radius: 3rem;font-size: 14rem;font-weight: 600;cursor: pointer;line-height: 38rem;padding: 0 10rem} 
.am_acts .btn_act.expr:before{ content:"\e9dc"; font-family:var(--fm2); line-height:0; font-weight:200; font-size: 17rem}

/*  공고 선택 */
.am_job_sel{position:relative; flex:1}
.am_job_sel .btn_job{display:flex;align-items:center;justify-content:space-between;width:100%;height:44rem;padding:0 18rem;border:1rem solid #ddd;border-radius:6rem;font-size:15rem;color:#333;background:#fff;cursor:pointer;box-sizing:border-box;text-align:left}
.am_job_sel .btn_job .xi-angle-down{font-size:14rem;color:#666;transition:transform .2s}
.am_job_sel.on .btn_job .xi-angle-down{transform:rotate(180deg)}
.am_job_sel .job_list{display:none;position:absolute;top:48rem;left:0;right:0;z-index:20;margin:0;padding:6rem 0;list-style:none;border:1rem solid #ddd;border-radius:6rem;background:#fff;box-shadow:0 4rem 12rem rgba(0,0,0,.08)}
.am_job_sel.on .job_list{display:block}
.am_job_sel .job_list li button{display:block;width:100%;padding:10rem 18rem;border:0;font-size:14rem;color:#333;background:0;text-align:left;cursor:pointer}
.am_job_sel .job_list li button:hover{background:#f5f5f5}
/* 요약 바 */
.am_summary{display:flex;align-items:center;justify-content:center;height:44rem;padding:0 18rem;border-radius:6rem;font-size: 15rem;color: #555;line-height:1.4;font-weight: 500;}
.am_summary span{margin:0 4rem}
.am_summary .bar{margin:0 10rem;color:#aaa}
.am_flex {display:flex;justify-content:flex-start;gap:10rem 15rem;padding:16rem;/* border:1px solid #e5e5e5; */margin-bottom: 25rem;background: #F5F9FE;border-radius: 6rem;}
/*  SMS 팝업 */ 
.modal .modal_layer.sms_modal{width:100%;max-width:900rem;}
.sms_hd{display:flex;align-items:center;justify-content:space-between;padding:16rem 20rem;border-bottom:1rem solid #e5e5e5}
.sms_hd h2{margin:0;font-size:16rem;font-weight:700;color:#222}
.sms_hd .btn_close{width:28rem;height:28rem;border:0;background:0;font-size:22rem;color:#999;cursor:pointer;line-height:1;padding:0}
.sms_hd .btn_close:hover{color:#333}
.sms_bd{display:flex;gap:20rem;padding:20rem;box-sizing:border-box}

.sms_left{flex:1;min-width:0;display:flex;flex-direction:column;gap:14rem}
.sms_right{flex:0 0 320rem;width:320rem;display:flex;flex-direction:column;gap:12rem}
.sms_fld .lbl{display:block;margin-bottom:6rem;font-size:15rem;font-weight:600;color:#333}
.sms_fld .lbl.inline{display:inline-flex;align-items:center;gap:4rem}
.sms_fld .lbl em{font-style:normal;font-weight:600}

.sms_recv{max-height:120rem;overflow-y:auto;border:1rem solid #ddd;border-radius:4rem;background:#fff}
.sms_recv ul{margin:0;padding:0;list-style:none}
.sms_recv li{display:flex;align-items:center;justify-content:space-between;gap:8rem;padding:8rem 12rem;border-bottom:1rem solid #f0f0f0;font-size:14rem;color:#333}
.sms_recv li:last-child{border-bottom:0}
.sms_recv li .btn_del{flex-shrink:0;width:22rem;height:22rem;border:0;border-radius:3rem;background:#eee;color:#666;font-size:12rem;cursor:pointer;line-height:1;padding:0}
.sms_recv li .btn_del:hover{background:#ddd;color:#555}
.sms_recv li .btn_del:after{content:"\e921"; font-family:xeicon!important} 
.sms_recv .empty{padding:20rem 12rem;text-align:center;font-size:14rem;color:#aaa}
.sms_fld .inp{width:100%;height:38rem;padding:0 12rem;border:1rem solid #ddd;border-radius:4rem;font-size:14rem;color:#333;background:#fff;box-sizing:border-box}
.sms_fld .inp:focus,.sms_fld .txta:focus,.sms_conv .sel:focus{outline:0;border-color:#bbb}
.sms_fld .txta{width:100%;height:160rem;padding:10rem 12rem;border:1rem solid #ddd;border-radius:4rem;font-size:14rem;color:#333;line-height:1.5;background:#fff;box-sizing:border-box;resize:vertical}
.sms_conv_row{display:flex; flex-direction:column; gap:3rem;flex-wrap:wrap}
.sms_conv{display:flex;align-items:center;gap:8rem; } 
.sms_conv .chk{display:inline-flex;align-items:center;gap:6rem;font-size:14rem;color:#333;cursor:pointer}
.sms_conv .chk input{position:absolute;width:1rem;height:1rem;padding:0;margin:-1rem;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sms_conv .chk .box{position:relative;display:inline-block;width:16rem;height:16rem;border:1rem solid #ccc;border-radius:3rem;background:#fff;box-sizing:border-box;vertical-align:middle}   
.sms_conv  select.sel { height:30rem; font-size:13rem}
.sms_hint{ min-width:140rem;padding:8rem 10rem; margin-top:-15rem;border-radius:4rem;background:#f7f7f7;font-size:12rem;color:#666;line-height:1.45}
.sms_prev_lbl{margin:0 0 6rem;font-size:15rem;font-weight:600;color:#333}
.sms_prev{flex:1;min-height:220rem;padding:14rem;border:1rem solid #e0e0e0;border-radius:4rem;background:#f3f3f3;font-size:14rem;color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-all;box-sizing:border-box;overflow-y:auto}
.sms_file .file_meta{margin-left:6rem;font-size:11rem;font-weight:400;color:#999}
.sms_file .file_area{display:flex;align-items:stretch;border:1rem solid #ddd;border-radius:4rem;overflow:hidden;background:#fff}
.sms_file .btn_file{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:40rem;padding:0 14rem;border:0;border-right:1rem solid #ddd;font-size:14rem;color:#444;background:#f5f5f5;cursor:pointer;white-space:nowrap}
.sms_file .btn_file:hover{background:#eee}
.sms_file .drop{flex:1;display:flex;align-items:center;padding:0 12rem;font-size:12rem;color:#aaa;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sms_file .drop.on{color:#333}
.sms_file .drop.drag{background:#f0f7ff;color:#1976d2}
.sms_file input[type=file]{position:absolute;width:1rem;height:1rem;padding:0;margin:-1rem;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sms_ft{padding:0 20rem 20rem;text-align:center}
.sms_ft .btn_send{display:inline-flex;align-items:center;justify-content:center;min-width:200rem;height:40rem;padding:0 18rem; border-radius:3rem;font-size:15rem;font-weight:600;color:#fff;background:#2E4389;cursor:pointer;} 

@media (max-width:991px) {
.am_flex {flex-direction:column}
.am_acts .mysrch { width:33%; margin-left:auto}
.table_list.am_page table tbody .man_info_group .wk_date { display:flex} 
.table_list.am_page table .man_info_group .wk_date .backup:before { content:'|'; padding:0 8rem}
.table_list.am_page table.worker tbody tr td:last-child.end_box { position:absolute; top:15rem; right:15rem}
.table_list table .note { margin-top:8rem}
}
@media (max-width:750px) {
.am_acts .mysrch { width:100%; margin-left:auto}
}
 
/*컨설팅 등록신청	*/
.app-btnbox { display:flex; justify-content:flex-end; align-items:center}
.app-btnbox .add-btn {display:flex;align-items:center;height:38rem;padding:0 18rem;background:#2E4389;color:#fff;border-radius:3rem;font-size: 15rem;font-weight:500;white-space:nowrap;transition:ease 0.2s} 
.app-btnbox .add-btn:hover {background:#3145A6; transition:ease 0.2s} 
.mypage_tab.wi-add {display:flex;justify-content:space-between;gap: 18rem;}
@media (max-width:991px) {
.app-btnbox { margin-left:auto}
.mypage_tab.wi-add {flex-wrap: wrap;  }
} 
.contents_body .reg-form .inner { padding-top:0}
.reg-form.cns-add .rs-title-head { display:flex; justify-content:space-between; padding-bottom:10rem; margin-bottom:10rem;border-bottom:1rem solid #d0d0d0}
.reg-form.cns-add .form-section { border:0; padding-bottom:10rem}
.reg-form.cns-add .repeat-block { background:#fff; padding:5rem 10rem;border:0}
.reg-form.cns-add .repeat-block dl.form-row dd div.val-txt {white-space: pre-wrap;line-height: 1.7;padding:20rem;border-radius: 5rem; border:1px solid #ddd; background: #fbfbfb;width: 100%;} 
.reg-form.cns-add #sec-answer .repeat-block dl.form-row dd div.val-txt {background: #f7faff;} 
.reg-form.cns-add dl.form-row {display: flex;align-items:flex-start;gap: 8rem 0;margin-bottom: 10rem;min-height:40rem;}
.reg-form.cns-add dl.form-row dt{flex: 0 0 140rem;padding-top: 10rem;font-size: 15rem;font-weight: 700;color: #222;}
.reg-form.cns-add dl.form-row dd{ flex: 1; min-width: 0; display:flex;flex-wrap:wrap; align-content:center; gap:5rem; font-size: 15rem;min-height:40rem;}
.reg-form.cns-add dl.form-row dd :is(input[type="text"],select) { height:36rem}
.reg-form.cns-add dl dd .field {display:flex;align-items:center;gap:5rem;flex-wrap: wrap;} 
.reg-form.cns-add dl.form-row:last-child { margin-bottom: 0; }  

.reg-form.cns-add .note-tx {font-size: 14rem; color: #888; margin:5rem 0}
.reg-form.cns-add dl.field-item { display: flex; align-items: center; gap: 8rem 0; }  
.reg-form.cns-add dl.field-item.full { flex: 0 0 100%; }
.reg-form.cns-add dl.field-item dt { flex: 0 0 140rem;}
.reg-form.cns-add dl.field-item dd { flex: 1; min-width: 0; display: flex; gap: 5rem; align-items: baseline } 
.reg-form.cns-add dl.field-item dd :is(input[type="text"], input[type="email"],input[type="tel"], select,textarea) { height:36rem}
.reg-form.cns-add dd div{ display:flex; align-items:center; gap:5rem} 
.reg-form.cns-add dd .full { width:100%}
.reg-form.cns-add dd .field.full { flex-wrap:nowrap}
.reg-form.cns-add .btn-import { font-size:14rem}
.reg-form.cns-add .down-flie{display:flex;align-items:center;gap: 5rem;color: #0067C0;}
.reg-form.cns-add .ic-file-download-o {font-size: 23rem;}
@media (max-width:991px) {
.reg-form.cns-add dl.form-row { display:block}
.reg-form.cns-add dl.form-row dt { flex:none; margin-bottom:5rem}
.reg-form.cns-add dl.field-item{ display:block}
.reg-form.cns-add dl.field-item  dt { flex:none;margin-bottom:5rem} 
}


/* 헤드헌팅 /추천인재 */
.am-title{display:flex;align-items:center; justify-content:space-between; width:100%; padding:12rem 18rem; margin-bottom:25rem; background:#F5F9FE; border-radius:6rem;font-size:18rem; font-weight:600;color:#333; }
.am-title. tit{width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;height: 100%;}
.sec-selbox .sel{ height:42rem; line-height:42rem; color:#333; font-size:16rem}
.reg-form.hdting .sec-title { margin-bottom:15rem} 
.reg-form.hdting .sec-title.bd0 { border:0; padding:0}
.reg-form.hdting .rs-title-head { justify-content:space-between; border-bottom:1px solid #d1d1d1;padding-bottom: 10rem;margin-bottom: 25rem ;}
.reg-form.hdting .rs-title-head .sec-title{ border:0; padding:0;margin:0}
.nav-chk { font-size:15rem; display:flex; align-items:center}
.nav-chk input[type="checkbox"] { margin:0; width:18rem; height:18rem; margin-right:5rem}    


/* 일자리 센터 */
.gosr-list {max-width: 1150rem;margin: 0 auto;padding: 10rem 0 0;color: #333;box-sizing: border-box;} 
.gosr-list .gosr-hd { margin-bottom: 36rem; text-align: center; }
.gosr-list .gosr-hd h3 {margin: 0 0 14rem;font-size: 19rem;font-weight: 600;letter-spacing: -1rem;color: #1e3a6e;line-height:1.4;position:relative;text-align: left;padding-left: 44rem;}
.gosr-list .gosr-hd h3:before {content:'';display:inline-block;background: url(../images/sub/jobservice/ic_icon_tit.png) center no-repeat;background-size:contain;width:35rem;height:25rem;position:absolute;top:0;left:0} 
.gosr-list .gosr-hd p { margin: 0 auto; max-width: 860rem; font-size: 15rem; line-height: 1.7; letter-spacing: -0.3rem; color: #444; word-break: keep-all; }
.gosr-list .gosr-link {display: flex;align-items: center;gap: 12rem;margin-bottom: 100rem;}
.gosr-list .gosr-box { flex: 1; min-width: 0; border-radius: 8rem; overflow: hidden; background: #fff; }
.gosr-list .gosr-box.on { border: 1rem solid #4a7cc9; }
.gosr-list .gosr-box.off { border: 1rem solid #3aa6a0; }
.gosr-list .gosr-box .hd {display: flex;align-items: center;justify-content: center;gap: 8rem;height: 40rem;padding: 0 14rem;color: #fff;font-size: 16rem;font-weight: 700;letter-spacing: -0.4rem;}
.gosr-list .gosr-box.on .hd { background: #3d6fbf; }
.gosr-list .gosr-box.off .hd { background: #2f9e97; }
.gosr-list .gosr-box .hd svg { width: 22rem; height: 22rem; flex-shrink: 0; }
.gosr-list .gosr-box .bd { display: flex; align-items: center;justify-content:center; gap: 12rem; min-height: 70rem; padding: 18rem 16rem; }
.gosr-list .gosr-box .bd .ico { flex: 0 0 48rem; color: #3d6fbf; }
.gosr-list .gosr-box.off .bd .ico { color: #2f9e97; }
.gosr-list .gosr-box .bd .ico svg { width: 48rem; height: 48rem; display: block; }
.gosr-list .gosr-box .bd p { margin: 0; font-size: 16rem; line-height: 1.55; letter-spacing: -0.3rem; color: #444; word-break: keep-all; text-align: left; }
.gosr-list .gosr-mid {flex: 0 0 280rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;position: relative;padding: 0 6rem;}
.gosr-list .gosr-mid .tit { margin: 0 0 8rem; font-size: 16rem; font-weight: 700; color: #1e3a6e; letter-spacing: -0.4rem; }
.gosr-list .gosr-mid .ico {width: 110rem;height: 110rem;margin-bottom: 8rem;border: 5rem solid #c5d3ea;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #3d6fbf;background: #fff;padding: 19rem;}
.gosr-list .gosr-mid .ico svg { width: 36rem; height: 36rem; }

.gosr-list .gosr-mid .desc {margin: 0;font-size: 14rem;line-height: 1.45;color: #555;letter-spacing: -0.3rem;word-break: keep-all;}
.gosr-list .gosr-mid .arr { position: absolute; top: 50%; width: 28rem; height: 1rem; border-top: 2rem dashed #7a9fd4; transform: translateY(-50%); }
.gosr-list .gosr-mid .arr.l { left: -6rem; }
.gosr-list .gosr-mid .arr.r { right: -6rem; }
.gosr-list .gosr-mid .arr:before, .gosr-list .gosr-mid .arr:after { content: ""; position: absolute; top: -4rem; width: 0; height: 0; background:url(../images/sub/jobservice/icon_line.png) no-repeat center;}
.gosr-list .gosr-bx-tit { display: flex; align-items: center; justify-content: center; height: 48rem; border-radius:10rem 10rem 0 0; margin-bottom:20rem; background: #e8f0fa; font-size: 19rem; font-weight: 700; color: #1e3a6e; letter-spacing: -0.5rem; }
.gosr-list .gosr-bx { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14rem; margin: 0 0 36rem; padding: 0; list-style: none; border:3px solid #e8f0fa; border-radius:0 0 10rem 10rem ;padding:12rem}
.gosr-list .gosr-bx > li { text-align: center; padding: 8rem 6rem; }
.gosr-list .gosr-bx .ico { display: flex; align-items: center; justify-content: center; width: 56rem; height: 56rem; margin: 0 auto 12rem; color: #3d6fbf; }
.gosr-list .gosr-bx .ico svg { width: 48rem; height: 48rem; }
.gosr-list .gosr-bx strong { display: block; margin-bottom: 8rem; font-size: 15rem; font-weight: 700; color: #1e3a6e; letter-spacing: -0.5rem; line-height: 1.35; word-break: keep-all; }

.gosr-list .gosr-bx p { margin: 0; font-size: 13rem; line-height: 1.5; color: #555; letter-spacing: -0.3rem; word-break: keep-all; }
.gosr-list .gosr-hub {display: flex;align-items: center;gap: 14rem;margin-bottom: 48rem;justify-content:space-evenly; position:relative;}
.gosr-list .gosr-hub .arr:before, .gosr-list .gosr-hub  .arr:after { content: ""; position: absolute; top: -4rem; width: 0; height: 0; background:url(../images/sub/jobservice/icon_line.png) no-repeat center;}
.gosr-list .gosr-side { flex: 0 0 200rem; text-align: center; background:#fff; position:relative; z-index:5 }
.gosr-list .gosr-side .ico {display: flex;align-items: center;justify-content: center;width: 38rem;height: auto;margin: 0 auto 10rem;color: #3d6fbf;} 
.gosr-list .gosr-side .ico svg { width: 56rem; height: 56rem; }
.gosr-list .gosr-side strong { display: block; margin-bottom: 6rem; font-size: 18rem; font-weight: 700; color: #222; letter-spacing: -0.4rem; }
.gosr-list .gosr-side p {margin: 0;font-size: 14rem;line-height: 1.45;color: #666;letter-spacing: -0.3rem;word-break: keep-all;}
.gosr-list .gosr-arrow { flex: 0 0 36rem; height: 3rem; background: #3d6fbf; position: relative; }
.gosr-list .gosr-arrow.teal { background: #2f9e97; }
.gosr-list .gosr-arrow:after { content: ""; position: absolute; top: 50%; right: -8rem; width: 0; height: 0; border: 8rem solid transparent; border-left-color: #3d6fbf; border-right: 0; transform: translateY(-50%);}
.gosr-list .gosr-arrow.teal:after { right: auto; left: -8rem; border-left: 0; border-right-color: #2f9e97; }
.gosr-list .gosr-core {flex: 1;max-width: 448rem;display: flex;align-items: center;gap: 16rem;padding: 22rem 24rem;border-radius: 100rem;background: #1e4a8c;color: #fff;justify-content: center;text-align: center; position:relative; z-index:3}
.gosr-list .gosr-core .ico { flex: 0 0 56rem; color: #fff; width:56rem }
.gosr-list .gosr-core .ico svg { width: 52rem; height: 52rem; display: block; }
.gosr-list .gosr-core strong { display: block; margin-bottom: 8rem; font-size: 17rem; font-weight: 700; letter-spacing: -0.5rem; }
.gosr-list .gosr-core p {margin: 0;font-size: 14rem;line-height: 1.55;letter-spacing: -0.3rem;color: rgba(255,255,255,.92);word-break: keep-all;}
.gosr-list .gosr-core:after {content: "";position: absolute;top: 47%;width: 80rem;height: 10rem;background:url(../images/sub/jobservice/icon_line.png) no-repeat center;right: -24%; background-size: 80rem;}
.gosr-list .gosr-core:before {content: "";position: absolute;top: 47%;width: 80rem;height: 10rem;background:url(../images/sub/jobservice/icon_line.png) no-repeat center;left: -24%; background-size: 80rem;}
.gosr-list .gosr-foot {display: flex;align-items: center;justify-content: revert;gap: 8rem;padding: 16rem 10rem;border-radius: 8rem;background: #f1f3f6;list-style: none;margin-bottom: 100rem;}


.gosr-list .gosr-foot > li {flex: 1;display: flex;align-items: center;justify-content: center;gap: 8rem;position: relative;padding: 0 8rem;text-align: center;font-size: 14rem;font-weight: 600;color: #444;letter-spacing: -0.4rem;word-break: keep-all;}
.gosr-list .gosr-foot > li + li:before { content: ""; position: absolute; left: 0; top: 50%; width: 1rem; height: 28rem; background: #d0d5dd; transform: translateY(-50%); }
.gosr-list .gosr-foot .ico {flex: 0 0 22rem;color: #3d6fbf;}
@media (max-width: 991px) { 
.gosr-list { padding-bottom: 36rem; } 
.gosr-list .gosr-hd h3 { font-size: 17rem; padding-left:0}
.gosr-list .gosr-hd h3:before{ display:none}
.gosr-list .gosr-link {margin-bottom: 40rem;}
.gosr-list .gosr-box { flex: 1 1 calc(50% - 8rem); }
.gosr-list .gosr-mid {flex: 1 1 50%;order: 0;padding: 8rem 0 4rem;}
.gosr-list .gosr-mid .arr { display: none; }
.gosr-list .gosr-bx { grid-template-columns: repeat(3, 1fr); gap: 18rem 10rem; }
.gosr-list .gosr-hub {flex-wrap: wrap;justify-content: center;margin-bottom: 20rem;}
.gosr-list .gosr-side { flex: 1 1 40%; }
.gosr-list .gosr-arrow { display: none; }
.gosr-list .gosr-core { flex: 1 1 100%; order: 3; margin-top: 8rem; }
.gosr-list .gosr-foot {flex-wrap: wrap;row-gap: 12rem;margin-bottom: 40rem;}
.gosr-list .gosr-foot > li {flex: 1 1 30%;justify-content: center;}
.gosr-list .gosr-foot > li + li:before { display: none; }
.gosr-list .gosr-core:before , .gosr-list .gosr-core:after{ display:none}

}
@media (max-width: 750px) { 
.gosr-list { padding: 0 0 28rem; }
.gosr-list .gosr-hd { margin-bottom: 24rem; }
.gosr-list .gosr-hd h3 {margin-bottom: 10rem; }
.gosr-list .gosr-hd p { font-size: 14rem; text-align: left; }
.gosr-list .gosr-link {flex-direction: column;gap: 12rem;margin-bottom: 40rem;}
.gosr-list .gosr-box { flex: 1 1 auto; }
.gosr-list .gosr-link { align-items:stretch}
.gosr-list .gosr-mid { order: 0; padding: 4rem 0; }
.gosr-list .gosr-box .hd { height: 44rem; font-size: 15rem; }
.gosr-list .gosr-box .bd { min-height: 0; padding: 14rem; }
.gosr-list .gosr-bx-tit { height: auto; padding: 12rem 10rem; font-size: 15rem; margin-bottom: 16rem; }
.gosr-list .gosr-bx { grid-template-columns: 1fr; gap: 16rem; margin-bottom: 24rem; }
.gosr-list .gosr-bx > li { display: flex; align-items: flex-start; gap: 12rem; text-align: left; padding: 0; }
.gosr-list .gosr-bx .ico { margin: 0; flex: 0 0 44rem; width: 44rem; height: 44rem; }
.gosr-list .gosr-bx .ico svg { width: 40rem; height: 40rem; }
.gosr-list .gosr-bx strong { font-size: 15rem; margin-bottom: 4rem; }
.gosr-list .gosr-side.srer { order:3}
.gosr-list .gosr-hub { flex-direction: column; gap: 16rem; margin-bottom: 20rem; order:2}
.gosr-list .gosr-side { flex: none; width: 100%; }
.gosr-list .gosr-core {text-align: center;padding: 18rem 40rem;margin-top: 0;}
.gosr-list .gosr-core .ico { margin: 0 auto; }
.gosr-list .gosr-foot {gap: 10rem;padding: 14rem;margin-bottom: 40rem;justify-content: space-around;}
.gosr-list .gosr-foot > li {flex: none;justify-content: flex-start;padding: 0;}
}

.maintsre >ul { display:flex; gap:15rem 28rem}
.maintsre >ul > li {border-radius:20rem;padding:30rem;box-shadow:0 2rem 8rem rgba(0, 0, 0, 0.1);flex:1;position: relative;}
.maintsre >ul > li .item  { display:flex; flex-direction:column}
.maintsre >ul > li .item strong { font-size:18rem; font-weight:600}
.maintsre >ul > li .item img { width:100rem; max-width:none; margin:15rem auto} 
.maintsre >ul > li .item em { display:inline-block; width:26rem; height:26rem; line-height:26rem; font-size:14rem; font-style:normal; background:#06C; border-radius:100rem; color:#fff; margin-right:8rem}
.maintsre >ul > li .item ul {display:flex;flex-direction:column;gap:8rem;border-radius:10rem;padding:20rem;background:#F1F7FE;margin-top:10rem;text-align:left;font-size: 15rem; width:100%} 
.maintsre >ul > li .item ul li {display:inline-flex;align-items: center; }
.maintsre >ul > li .item ul li:before{content:"\e92b"; font-family:var(--fm2); margin-right:6rem; line-height:0; color:#06C; font-size:18rem;}

.itker-wrap {display:flex;justify-content:flex-start; gap:10rem  30rem;} 
.itker-box {flex:1;position: relative;  font-size:15rem; line-height:1.4; border-radius:18rem;padding: 28rem 30rem 28rem 140rem; background:#f2faf5;} 
.itker-box:before{content:'';display:inline-block;width:50rem;height:50rem;background:#38a89c url(../images/sub/jobservice/ic_icon2.png) no-repeat center;position: absolute;left:40rem;top: 50%;transform: translateY(-50%);border-radius: 100rem; background-size:24rem; opacity:0.8}
.itker-box .tit{color:#229c81; margin-bottom:10rem; font-weight:600}
.itker-box:nth-child(1) { background:#f1fafe} 
.itker-box:nth-child(1) .tit{color:#06C;}
.itker-box:nth-child(1):before {background:#2f75ba url(../images/sub/jobservice/ic_icon1.png) no-repeat center; background-size:32rem; opacity:0.8} 

@media (max-width:991px) {	
.maintsre >ul { flex-direction:column;} 
.maintsre >ul > li { padding:18rem}
.maintsre >ul > li .item {align-items: flex-start;}
.maintsre >ul > li .item img {width: 82rem;position:absolute;margin:0;right: 10rem;top: 10rem;}  
.maintsre >ul > li .item p { margin-left:30rem}
.maintsre >ul > li .item ul  {flex-direction:row; padding:15rem}
.itker-wrap  { flex-direction:column;}  
.itker-box{padding:18rem 20rem 18rem 80rem}
.itker-box:before ,
.itker-box:nth-child(1):before{width:40rem;height:40rem;top:40rem;left:20rem;background-size:20rem}
}
@media (max-width:750px) {
.maintsre >ul > li .item ul  {flex-direction:column;}
}

/* 협력교육기관*/
.eduarea {padding:40rem 0;margin-top:20rem;position:relative;margin-bottom: 60rem;}
.eduarea.info_box .info_text {text-align:left;padding-left:340rem;margin-bottom: 0;}
.eduarea .icon_bg{display:inline-block;background:url(../images/sub/eduarea/icon_top_institution.png) no-repeat center;position:absolute;left:80rem;bottom:53%;transform:translateY(50%);width:180rem;height:120rem;/* background-size: 150rem; */}
.flex-box{display:flex;flex-wrap:wrap;gap:20rem 3%;}
.flex-box .contents_row.row_border {flex: 0 0 48.5%;border: 1px solid #ddd;border-radius: 12rem;padding: 32rem;display:inline-flex;flex-direction:column;align-items: baseline; margin-bottom:0; background-size:40rem;background-position:calc(100% - 24rem) 24rem; background-repeat:no-repeat} 
.flex-box .contents_row.row_border .info_title { font-size:18rem;font-weight: 700;margin-bottom: 14rem;}  
.flex-box .contents_row.row_border .contents_sub_title {font-size:16rem;margin: auto;}
.flex-box .contents_row.row_border .contents_title:before { height:16rem}
.flex-box .contents_row.row_border .contents_row_wrap {width: 77%;}
.flex-box .contents_row.row_border .info_list { margin-top:8rem;}
.flex-box .contents_row.row_border .info_list li { font-size:15rem}
.flex-box .contents_row.row_border:after {content:none}
.flex-box .contents_row.row_border:last-child .btn.more, 
.flex-box .contents_row.row_border .btn.more {text-align:right;position: absolute;right:25rem;bottom:25rem;align-self: flex-end;margin-top:auto;height: 32rem; }
.flex-box .contents_row.row_border .btn.more span{line-height: 32rem;font-size: 14rem;}
.flex-box .row_border:nth-child(1),.row_border:nth-child(7){background-image:url(../images/sub/eduarea/icons_eduarea1.png);}
.flex-box .row_border:nth-child(2),.row_border:nth-child(8){background-image:url(../images/sub/eduarea/icons_eduarea3.png);  }
.flex-box .row_border:nth-child(3),.row_border:nth-child(9){background-image:url(../images/sub/eduarea/icons_eduarea6.png); }
.flex-box .row_border:nth-child(4){background-image:url(../images/sub/eduarea/icons_eduarea1.png); }
.flex-box .row_border:nth-child(5){background-image:url(../images/sub/eduarea/icons_eduarea3.png); }
.flex-box .row_border:nth-child(6){background-image:url(../images/sub/eduarea/icons_eduarea5.png); }

@media (max-width:991px) {
.flex-box { flex-direction:column;gap:10rem}	
.contents_row.row_border {border-radius: 10rem;padding: 20rem;background-size:32rem; background-position:calc(100% - 20rem) 20rem;}
.eduarea.info_box .info_text {  padding-left:0;}
.eduarea { padding:20rem; padding-right:90rem; margin-bottom:30rem} 
.eduarea .icon_bg{left: 39%;top: -9px;background-size:contain;width: 88rem;height:50rem;bottom: auto;/* transform:none; */display: none;} 
.contents_row.row_border .btn.more { bottom:20rem; right:20rem}
}
@media (hover: hover) and (pointer: fine) and (min-width:991px){
.row_border:hover{ border-color:#1E88E5;} 	
}


/*컨설팅 안내*/
.consulting_info{display:flex;gap:18rem 35rem;width:100%;margin: 0 auto;max-width: 1200rem;padding: 0 0 60rem 0;}
.consulting_info .info_wrap{flex:1; display: flex; flex-direction:column;width:100%; min-height: 190rem;padding:45rem  40rem; gap:15rem;  text-align:center;border-radius: 20rem;align-items: center;box-shadow:0 2rem 8rem rgba(0, 0, 0, 0.1); position:relative; background:#fff;transition:ease 0.3s;border:1px solid #ddd;}   
.consulting_info .contents_title { font-size:24rem; padding-left:0; margin-bottom:10rem; color:#21488c; font-family:var(--fm1); font-weight:normal}
.consulting_info .contents_title:before { display:none} 
.consulting_info .box_wrap {margin-top:15rem;}
.consulting_info .box_wrap > .icon{display:inline-block;width: 130rem;height: 130rem;background-image:url(../images/icon/ic_enin1.png);background-repeat:no-repeat;background-size: 130rem;border: 1px dashed #6491dc;border-radius: 100rem;padding: 9rem;box-sizing: content-box;background-position: center;}
.consulting_info .box_wrap .desc{margin:25rem 0;word-break:keep-all;border:5rem solid #F0F3FD;padding:20rem;border-radius:8rem;font-size: 15rem;}  
.consulting_info .info_wrap .btn { background:#21488c; min-width:140rem}
.consulting_info .in_list li {font-size: 15rem;text-align:left;text-indent: -20rem;padding-left: 20rem; margin-top:8rem}
.consulting_info .in_list li:first-child {margin-top:0}  
.consulting_info .in_list li:before{content:"\e92b";color:#06C;font-family:var(--fm2);line-height:0;margin-right: 5rem;}
.consulting_info .in_list li u{box-shadow: inset 0 1.58em 0 rgba(47,106,208,.16);text-decoration: none;color: #000;} 
.consulting_info .box_wrap .desc .txt{color:#666;font-size: 16rem;line-height: 1.4;}
.consulting_info .box_wrap .find_desc{width:260rem;margin:0 auto;padding-left:30rem;font-size:17rem;line-height:1.5;text-align:left;} 
.consulting_info .box_wrap .find_desc > .tit{color:#23517b;font-weight:500;}
.consulting_info .box_wrap .find_desc > .txt{color:#666;} 
.consulting_info .info_wrap:nth-child(2) .contents_title {color:#097777 }
.consulting_info .info_wrap:nth-child(2) .btn { background:#097777} 

.consulting_info .info_wrap:nth-child(2) .box_wrap > .icon{background-image:url(../images/icon/ic_enin2.png);border: 1px dashed #38a89c;}
.consulting_info .info_wrap:nth-child(2) .box_wrap .desc{  border:5rem solid #EBF4F4 }
.consulting_info .info_wrap .tt-bx { display:inline-block; padding:2rem 15rem; margin:15rem 8rem 8rem; border:1px solid #0a8c8c; color:#0a8c8c; background:#fff; border-radius:50rem; font-weight:600}
.consulting_info .info_wrap .btn { height:42rem; line-height:42rem; min-width:210rem; border-radius:50rem}
.consulting_info .info_wrap .btn span { font-size:18rem; font-weight:600;}

@media (max-width:991px) {
.consulting_info{flex-direction:column;padding: 0;} 
.consulting_info .info_wrap {padding: 26rem 82rem;} 
.consulting_info .contents_title { font-size:20rem}
.consulting_info .box_wrap .desc { display:none}
 .consulting_info .box_wrap {margin-top:5rem;}
.consulting_info .info_wrap .btn { margin-top:10rem; height:34rem; line-height:34rem; min-width:176rem; padding:0 20rem} 
.consulting_info .box_wrap > .icon { width:100rem; height:100rem; background-size:100rem}
}

@media (hover: hover) and (pointer: fine) and (min-width:991px){
.consulting_info .info_wrap:hover{ transition:ease 0.3s; box-shadow:0 2rem 14rem rgba(0, 0, 0, 0.2);border:1px solid #6491dc;} 
.consulting_info .info_wrap:nth-child(2):hover{ border:1px solid  #38a89c; }
.consulting_info .info_wrap .btn:hover{ transition:ease 0.3s; background:#06C}  
.consulting_info .info_wrap:nth-child(2) .btn:hover{background:#0a8c8c;}  
}

/*창업지원*/
.sub-basic.jangup1 .sub-top-title, 
.sub-basic.jangup2 .sub-top-title {padding:10rem 0 50rem}
.sub-basic.jangup1 .contents_head h2.page_title,
.sub-basic.jangup2 .contents_head h2.page_title{ font-size: 32rem;}
.sub-basic.jangup2 .num-box-list dl { margin-bottom: 38rem;}
.sub-basic.jangup2 .num-box-list dl dt { font-size: 24rem}
.sub-basic.jangup2 .num-box-list dl dd { font-size: 18rem} 
.visual-img.jangup1 {  background: url("../images/sub/changup/boxbg1.png") no-repeat center bottom; background-size: auto; width: 1880rem; left: 50%; transform: translateX(-50%)}
.visual-img.jangup2 {  background: url("../images/sub/changup/boxbg2.png") no-repeat center bottom; background-size: auto; width: 1880rem; left: 50%; transform: translateX(-50%)}
.sub-basic.jangup2 #contents .contents_body { padding-top: 70rem;}

@media (max-width:991px) {
.sub-basic.jangup1 .sub-top-title, 
.sub-basic.jangup2 .sub-top-title{padding:36rem 0 }
.sub-basic.jangup1 .contents_head h2.page_title,
.sub-basic.jangup2 .contents_head h2.page_title{ font-size: 26rem; line-height: 1.4}
.sub-basic.jangup2 .num-box-list dl dt {  display: none}
.sub-basic.jangup2 .num-box-list dl dd { font-size: 20rem}
.sub-basic.jangup2 #contents .contents_body {padding: 34rem 4%}
}
@media (max-width:750px) { 
.sub-basic.jangup1 .contents_head h2.page_title,
.sub-basic.jangup2 .contents_head h2.page_title{ font-size: 25rem;} 
}

.num-box-list {margin-bottom: 74rem;}  
.num-box-list dl {display: flex;flex-direction: column;gap:8rem;position: relative;padding-left: 50rem;margin-bottom: 34rem;} 
.num-box-list dl dt{ font-size: 21rem;font-weight:700;color:#2d3ea1;} 
.num-box-list dl dt span.num{width: 40px;height: 50px;line-height: 50px;font-size: 18rem;text-align:center;color:#fff;background-color: #1a50b3;border-radius:5rem;font-weight:600;position: absolute;top: 0;left: 0;} 
.num-box-list dl dd{ font-size:16rem; font-weight: 400; line-height: 1.5; word-break: keep-all} 
.cardbox {display: flex;gap: 24rem;flex-wrap: wrap;justify-content: center;}
.cardbox .c-item { overflow:hidden }
.cardbox .c-item span {line-height: 1.4}
.cardbox .tit { font-size: 18rem; font-weight: 700;  margin-bottom: 8rem;}
.cardbox .tit + span {font-size: 15rem;line-height: 1.4;color: #666;}
.cardbox .tag-list {display: flex;gap: 6rem;flex-wrap: wrap;font-size: 14rem;margin-top: 22rem}
.cardbox .tag-list li {border-radius: 30rem;border:1px solid #ccc;line-height: 1;padding: 6rem 10rem;}
.cardbox .tag-list li:nth-child(1){ border-color:#3160e9 !important;color:#3160e9 !important; background: rgba(255,255,255,0.8) }
.cardbox .tag-list li:nth-child(2){ border-color:#F1505F !important;color:#df4250 !important;  background: rgba(255,255,255,0.8)}
.cardbox .tag-list li:nth-child(3) {border-color:#099 !important;color:#139191!important;  background: rgba(255,255,255,0.8)}
.cardbox .tag-list li:nth-child(4) { border-color:#94198F !important;color:#94198F !important; background: rgba(255,255,255,0.8) } 
.cardbox>li{ border-radius: 13rem; padding: 24rem; border:1px solid #d2d2d2; flex: 1; overflow: hidden}
.cardbox.no2 { gap:22rem 2%}
.cardbox.no2>li { flex: 0 0 32%}
.cardbox.no2 .c-item{display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.cardbox.no3 li {font-size: 15rem;line-height: 1.4;}
.cardbox .chk-list li {margin-top:5rem;font-size: 17rem;position: relative;padding-left: 20rem;line-height: 1.4;word-break:keep-all}
.cardbox .chk-list li:before{content:"\e929";font-family:var(--fm2);color:#1855c6;font-size: 17rem;font-weight:bold;position: absolute;width: 18rem;height: 17rem;display: flex;align-items: center;left: 0;top: 0;line-height: 0;}
.cardbox .chk-list li:first-child{margin-top:0}
.cardbox .chk-list.s-font li { font-size:16rem}
.cardbox .chk-list li b {color:#213d6d} 
.cardbox.no1>li {border-radius: 25rem;border-top: 4rem solid #8ec7ff;padding: 80rem 15rem 20rem; flex: 1;}
.cardbox.no3 {gap:8rem}
.cardbox.no3 .tit{ font-size: 18rem; background-color:#e9f0fb; color: #2056af; padding: 8rem; text-align: center; margin-bottom: 0; border-radius: 12rem 12rem 0 0}
.cardbox.no3>li{padding: 0;border-color: #b1c3ed;position: relative;overflow: visible}
.cardbox.no3>li:after{content:"\e93e";font-family:var(--fm2);line-height:0;font-weight: 800;background: #5d89cd;font-size: 12rem;color:#fff;border-radius: 50rem;padding:8rem 8rem 8rem 10rem;position: absolute;top: 45%;right:-18rem;width: 28rem;height: 28rem;text-align: center;display: flex;justify-content: center;align-items: center;z-index: 5}
.cardbox.no3>li:last-child:after{ content: none}
.cardbox.no3 .chk-list { padding: 18rem 23rem;} 

.cardbox>li {position: relative;}
.cardbox.no1>li:before {content: '';display: block;position: absolute;top:20rem;left: 50%;transform: translateX(-50%);width: 40rem;height: 40rem;background-position: center;background-repeat: no-repeat;background-size: 32rem;opacity:0.89;}
.cardbox.no1>li:nth-child(1):before {background-image: url("../images/sub/changup/box_icon1.png");}
.cardbox.no1>li:nth-child(2):before {background-image: url("../images/sub/changup/box_icon2.png");}
.cardbox.no1>li:nth-child(3):before {background-image: url("../images/sub/changup/box_icon3.png");}
.cardbox.no1>li:nth-child(4):before {background-image: url("../images/sub/changup/box_icon4.png");}
 
.cardbox.no2>li:before { content: ''; display: block; position: absolute; top:20rem; right: 23rem; width: 30rem; height: 30rem; background-position: center; background-repeat: no-repeat;background-size: 30rem; opacity: 0.8}
.cardbox.no2>li:nth-child(1):before {background-image: url("../images/sub/changup/box2_icon1.png");}
.cardbox.no2>li:nth-child(2):before {background-image: url("../images/sub/changup/box2_icon2.png");}
.cardbox.no2>li:nth-child(3):before {background-image: url("../images/sub/changup/box2_icon3.png");}
.cardbox.no2>li:nth-child(4):before {background-image: url("../images/sub/changup/box2_icon4.png");}
.cardbox.no2>li:nth-child(5):before {background-image: url("../images/sub/changup/box2_icon5.png");}
.cardbox.no2>li:nth-child(6):before {background-image: url("../images/sub/changup/box2_icon6.png");}

.apr-box { width: 100%; border-radius: 15rem; padding:35rem 40rem; background: #eaf8fd; display: flex; align-items: center; gap:8rem 40rem }
.apr-box:before{ content: ''; display: inline-flex; align-items: center; width:80rem; height: 80rem;border-radius: 10rem; background: url('../images/sub/changup/nbar_icon.png') no-repeat center; background-size: auto;}
.apr-box p, .apr-box p >span { font-family:var(--fm1); font-size: 23rem; line-height: 1.6; font-weight: 300; }
.apr-box p i{ font-family:var(--fm1); font-size:24rem; line-height: 1.1;font-weight: 400; font-style: normal; color: #2056af; box-shadow: inset 0 -0.5em 0 rgba(47,106,208,.1)}
.apr-box span { display: inline-block; font-size: 18rem;  color: #3e4f69;line-height: 1.4;}
.apr-box a.ri-btn {display:inline-flex; justify-content: center; gap:15rem; align-items: center; padding: 4rem 18rem; height: 40rem;  border-radius: 50rem; background:#2b6bbd; color: #fff; line-height: 1; margin-left: auto;transition:.2s;}
.apr-box a.ri-btn:after{ content:"\e93f"; font-family:var(--fm2);line-height:0; width: 10rem; font-size: 18rem}

.sub-basic.jangup2 .num-box-list dl { background: url("../images/sub/changup/boxbg2_1.png") no-repeat center;}
.cardbox.no4 {gap:18rem 3%; justify-content: center}
.cardbox.no4 li { display: flex; flex-direction: column; justify-content: space-between; text-align: center; padding: 30rem}
.cardbox.no4 li .tit{ font-size: 18rem; background-color:#e9f0fb; color: #2056af; padding:18rem  8rem; text-align: center; margin-bottom: 0; border-radius: 22rem 22rem 0 0; line-height: 1}
.cardbox.no4>li{ padding: 0; border-radius: 23rem; border-color:#8da7e3; position: relative; overflow: visible }
.cardbox.no4>li:after { content:''; display:block; width: 30rem; height: 30rem; position: absolute; top: 45%; left: -20rem; transform: translateX(-50%); background: url("../images/sub/changup/dot_line.png") no-repeat center;}
.cardbox.no4>li:first-child:after { content: none}
.cardbox.no4>li .c-item {padding: 15rem 25rem;}
.cardbox.no4>li .c-item + a.cr-btn {display:inline-flex; justify-content: center; gap:15rem; align-items: center; padding: 10rem 18rem; margin: 15rem auto 24rem;border-radius: 50rem; background:#2056af; color: #fff; line-height: 1;transition:.2s;}
.cardbox.no4>li .c-item + a.cr-btn:after{ content:"\e93f"; font-family:var(--fm2);line-height:0; width: 10rem; font-size: 18rem}
.cardbox.no4>li span {color:#555;word-break: keep-all;}
.cardbox.no4 [class*=cr-logo] { display: block; text-align: center; margin: 10rem auto 25rem}
.cardbox.no4 .cr-logo1 {width: 210rem}
.cardbox.no4 .cr-logo2 {width: 150rem}
.cardbox.no4 .cr-logo3 {width: 124rem}

@media (hover: hover) and (pointer: fine) and (min-width:991px){ 
.apr-box a.ri-btn:hover { background:#2272f3; transition:.2s; box-shadow: 0px 5px 15px rgba(136, 165, 191, 0.6); transform:translateY(-1rem)}
.cardbox.no4>li .c-item + a.cr-btn:hover  { background:#2272f3; transition:.2s; box-shadow: 0px 5px 15px rgba(136, 165, 191, 0.6); transform:translateY(-1rem)}
} 

@media (max-width:991px) {
 .sub-basic.jangup2 .num-box-list dl { margin-bottom: 30rem} 
.num-box-list {margin-bottom: 40rem;}  
.num-box-list dl{margin-bottom: 24rem;}  
.cardbox>li{ flex: 0 0 48.1% }
.cardbox .tit + span br { display: none}
.cardbox.no1 { gap:20rem}
.cardbox.no1>li{ flex: 0 0 48.1% }
.cardbox.no2 { gap:20rem 3%} 
.cardbox.no2>li{ flex: 0 0 48.1% }
.cardbox.no2 .tit + span br { display: block}
.cardbox.no3 li:nth-child(2):after{ display: none}   
.apr-box {  flex-direction: column; justify-content: center }
.apr-box span { font-size: 18rem; text-align: center; display: block} 
.apr-box p>span {  font-size: 22rem; } 
.apr-box p {  font-size: 20rem; text-align: center} 
.apr-box a.ri-btn { margin:15rem auto 0}
.sub-basic.jangup2 .num-box-list dl { background: none}
.cardbox.no4 li { flex: 0 0 86%}
.cardbox.no4 li span br{ display: none}
.cardbox.no4 li .tit { padding: 15rem 8rem;}
.cardbox.no4>li:after {  content: none}
}

@media (max-width:750px) {
.num-box-list { margin-bottom: 50rem} 
.num-box-list dl  { padding-left: 0;}
.num-box-list dl dt { display: flex; justify-content: center; align-items: center; gap:10rem; text-align: center; font-size: 24rem }
.num-box-list dl dt span.num{width: 24px;height: 24px;line-height: 24px;font-size: 18rem; position: unset; } 
.num-box-list dl dd { font-size: 18rem; line-height: 1.4 ; text-align: center}  
.cardbox .tit { font-size: 20rem} 
.cardbox .tit + span { font-size: 16.4rem}
.cardbox .tag-list { font-size: 15.4rem}
.cardbox.no1 { gap:12rem}
.cardbox.no2 { gap:15rem 2%} 
.cardbox.no2>li{ flex: 0 0 100% }
.cardbox.no3 { flex-direction: column;gap: 20rem}
.cardbox.no3 .tit{ font-size: 20rem; }
.cardbox.no3>li:nth-child(2):after{ display: flex}
.cardbox.no3>li:after { content: "\e941"; bottom: -16rem; left: 46%; top: auto; right: auto; padding: 10rem 8rem 8rem 8rem}
.cardbox.no3 .chk-list { display: flex; flex-wrap: wrap; gap:5rem }
.cardbox.no3 .chk-list li { font-size: 17rem; line-height: 1.2; flex: 0 0 49%; margin-top:0;}
.cardbox.no3 .chk-list li:before { top: 0}
.apr-box:before{ width: 62rem; height: 62rem; background-size: 60rem;}
.cardbox.no4 li .tit { font-size: 20rem} 
}
 

/* 모달 */
.modal_view.propose-load .modal_layer { padding-top:5rem} 
.modal_view.propose-load .modal_layer .modal_close {position:absolute; top:15rem; right:15rem}
.modal_view.propose-load .ts_modal_hd { display: flex; align-items: center; justify-content: space-between; padding: 16rem 20rem; border-bottom: 1rem solid #eee } 
.modal_view.propose-load .ts_modal_hd .btn_close { width: 28rem; height: 28rem; border: 0; background: 0; font-size: 20rem; color: #999; cursor: pointer; line-height: 1; padding: 0 }
.modal_view.propose-load .ts_modal_hd .btn_close:hover { color: #333 } 
.modal_view.propose-load .ts_modal_bd .ts_form dl { margin: 0 0 16rem }
.modal_view.propose-load .ts_modal_bd .ts_form dl:last-child { margin-bottom: 0 }
.modal_view.propose-load .ts_modal_bd .ts_form dt { margin-bottom: 6rem; font-size: 13rem; font-weight: 600; color: #333 }
.modal_view.propose-load .ts_modal_bd .ts_form dd { margin: 0 }
.modal_view.propose-load .ts_modal_bd .ts_sel_full,
.modal_view.propose-load .ts_modal_bd .ts_txt_full { width: 100%; border: 1rem solid #ccc; border-radius: 3rem; font-size: 13rem; color: #333; background: #fff; box-sizing: border-box }
.modal_view.propose-load .ts_modal_bd .ts_sel_full { height: 38rem; padding: 0 10rem; appearance: none;  background: #fff url(../images/icon/ic_sel_arrow.svg) no-repeat right 12rem center;padding-right: 28rem }
.modal_view.propose-load .ts_modal_bd select:focus,
.modal_view.propose-load .ts_modal_bd textarea:focus { border-color: #30579c !important; }
.modal_view.propose-load .ts_modal_bd .ts_txt_full { min-height: 120rem; padding: 10rem; resize: vertical; line-height: 1.5 }
.modal_view.propose-load .ts_modal_ft { padding: 0; text-align: center }
.modal_view.propose-load .ts_modal_ft .btn_submit { min-width: 140rem; height: 40rem; padding: 0 20rem; border: 1rem solid #2b5093; border-radius: 4rem; font-size: 14rem; font-weight: 600; color: #fff; background: #2b5093; cursor: pointer }
.modal_view.propose-load .ts_modal_ft .btn_submit:hover { background: #234278; border-color: #234278 } 
.modal_view.propose-load .btn_wrap , .modal_view.ts-alert .btn_wrap { display: flex; justify-content: center; gap: 8rem }
.modal_view.propose-load .btn_wrap , .modal_view.ts-alert .btn_wrap  a { min-width: 80rem; height: 38rem; line-height:38rem; padding: 0 16rem; border-radius: 4rem; font-size: 14rem; font-weight: 600; cursor: pointer; box-sizing: border-box }
.modal_view.ts-alert .btn_wrap .btn_confirm { border: 1rem solid #2b5093; color: #fff; background: #2b5093 }
.modal_view.ts-alert .btn_wrap .btn_confirm:hover { background: #234278 }
.modal_view.ts-alert .btn_wrap .btn_cancel { border: 1rem solid #bbb; color: #444; background: #fff }
.modal_view.ts-alert .btn_wrap .btn_cancel:hover { background: #f5f5f5 } 
