/* 현장실습 프로그램 */ .pro_use_tag1 {background:#003fff;text-align:center;color:#fff;width:46px;line-height:22px;font-size:12px;padding:5px 10px;} .pro_use_tag2 {background:#e26508;text-align:center;color:#fff;width:46px;line-height:22px;font-size:12px;padding:5px 10px;} .pro_use_tag3 {background:#8a8a8a;text-align:center;color:#fff;width:46px;line-height:22px;font-size:12px;padding:5px 10px;} .pro_ing_tag1 {background:#9ca0af;text-align:center;color:#fff;width:46px;line-height:22px;font-size:12px;} .pro_ing_tag2 {background:#44bbc3;text-align:center;color:#fff;width:46px;line-height:22px;font-size:12px;} .pro_student_slist_mobile {display:none;} .pro_student_slist_mobile_table {display:none;} .pro_student_slist_ing_mobile {display:none;} .pro_status {padding:2px 5px;color:#fff; font-size:0.85em; font-weight:500; margin-right:5px; } .pro_status.end {background:#7e7e7e;} .pro_status.ing {background:#eda11a;} .pro_nolist_mobile {display:none; padding:50px 8px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .pro_black_members {display:inline-block;border:1px solid #bbb; border-radius:5px; padding:5px;margin:0px 3px;} /* 작성 체크 여부*/ .pro_check {float:left; width:20px;padding-right:3px; } .pro_check img {width:100%; height:100%;} .pro_check2 {float:left; padding-right:20px; } /* 양식 */ .pctype_number {background-color:#4c5a69;color:#ffffff;width:20px;text-align:center;} .pro_exam_number {background-color:#999999;color:#ffffff;width:20px;text-align:center;} .pro_poll_required_icon {display:inline-block;line-height:15px;padding:0 5px;color:#fff;background: #ff1133;border:1px solid #ff1133; font-size:0.8em;border-radius:3px;} .pro_poll_required_icon:focus {background: #ff1133;} /* 수요조사 */ #pro_company_date_info {color:#ff3366;} /* 이력서, 자소서, 서약서 */ #pro_win_title { padding:15px 20px;font-size:21px;font-weight:bold;color:#fff;background:#0f298f;border-bottom:1px solid #071f7e;line-height:120%; letter-spacing:0; overflow:hidden;} .pro_student_ms_txt {border:1px solid #ddd;padding:20px 0 20px 20px;margin:0 0 30px 0;background-color:#f7f7f7;} .pro_student_ms_check_wrap {overflow:hidden;text-align:center;} .pro_student_ms_check01 {display:inline-block;color:#fff;font-size:16px;font-weight:bold;line-height:46px;width:40%;background:#adb2bd; margin:0 15px 0 0;border-radius:30px ; text-align:center; cursor:pointer;} .pro_student_ms_check01 span {display:inline-block;width:36px;height:21px;background:url('../image/program_vitae_icon.png') no-repeat 0 -55px ;vertical-align:-5px;} .pro_student_ms_check01_on {display:inline-block;color:#fff;font-size:16px;font-weight:bold;line-height:46px;width:40%;background:#4175de; margin:0 15px 0 0;border-radius:30px ; text-align:center;cursor:pointer;} .pro_student_ms_check01_on span {display:inline-block;width:36px;height:21px;background:url('../image/program_vitae_icon.png') no-repeat 0 0 ;vertical-align:-5px;} .pro_student_btn01 {display:inline-block;line-height:19px;padding:1px 10px 0 18px;color:#666; min-width:85px;border:1px solid #bbb;font-size:11px;margin:2px 0; background:url("../image/btn_icon1.png") no-repeat 0 50% #fff; border-radius:3px;cursor:pointer;} /* 현장실습 진행에서 이력서 바로가기 버튼 */ .pro_student_ms_txt02 {padding:17px 0 0 5px; } .pro_student_ms_txt02 p {} .pro_student_ms_txt02 dl {height:24px;} .pro_student_ms_txt02 dt {float:left;color:#fe6600; } .pro_student_ms_txt02 dd {margin:0 0 0 0px;} .pdate_default {display:block;} .pdate_port {display:none;} .pdate_port_select {display:block;} .pdate_vow {display:none;} .pro_vow_agreebox01 {margin-bottom:20px; font-size:0.9em;} .pro_vow_agreebox01 .input_form {height:30px; line-height:30px; border-color:#ccc; padding:0 15px;} .pro_vow_agreebox01 select {height:30px; line-height:30px; border-color:#ccc;} .pro_vow_agreebox02_title {font-weight:bold;color:#0666c9;height:20px; padding:0 0 15px 0px; letter-spacing:-1px;} #pro_jimang_selectbox {position:absolute;padding:3px;background-color:#ffffff;border:1px solid #666666;-moz-user-select:none;width:auto;height:auto;min-width:0;min-height:0;display:none;z-index:999999;} /* 서브페이지 탭메뉴 ==================================================================================== */ /* .pro_tabmenu01 {width:100%; min-height:34px; overflow:hidden; border-bottom:2px solid #62749c;} .pro_tabmenu01 li {float:left; margin-left:-1px;} .pro_tabmenu01 li:first-child {margin-left:0;} .pro_tabmenu01 li a {display:inline-block; padding:0 10px;line-height:35px;text-align:center;background:#f5f5f5; color:#555; border:1px solid #d3d3d3;border-bottom:none; } .pro_tabmenu01 li a:hover {color:#3f63d5;} .pro_tabmenu01 li a.tab_on { font-weight:bold;background:#778aae; color:#fff; border:1px solid #62749c;border-bottom:none; } .pro_tabmenu01 li a.tab_on:hover { } */ .pro_tabmenu01 { position:relative; display: flex; flex-flow:wrap; gap:4px ; margin-bottom:20px; } .pro_tabmenu01 li { } .pro_tabmenu01 li a {display:inline-block; width:100%; line-height:110%; font-size:1em; color:#444; background:#fff; font-weight:600; padding:11px 20px; border-radius:50px; border:1px solid #ccc; } .pro_tabmenu01 li a:hover {color:#000; border-color:var(--color2); } .pro_tabmenu01 li a.tab_on {color:#fff; background:var(--color2); border-color:var(--color2);font-weight:700;} /* 출근부 달력 ============= */ #pro_calendar_box {position:relative;padding:10px 0; } .pro_calendar_title {text-align:center;overflow:hidden; padding:0 0 15px 0; border-bottom:2px solid #333;} .pro_calendar_title span {display:inline-block;padding:0 5px;font-size:26px;font-weight:bold;color:#333;line-height:150%;} .pro_calendar_title span img {vertical-align:-3px;} .pro_calendar_title_check {float:left;text-align:left;} .pro_calendar_title_year {width:100%; text-align:center;} .pro_calendar_title_select {float:right; padding:6px 0 0 0;} .pro_calendar_title_select select {border:1px solid #b5b5b5;height:28px;padding:0 0 0 5px;margin:0 0 0 3px;} .pro_calendar_table {border-collapse:collapse; width:100%;table-layout:fixed;} .pro_calendar_table thead th {text-align:center;line-height:34px;border:1px solid #cfcfcf;border-top:none;font-size:13px;background:#f5f5f5;} .pro_calendar_table thead th:first-child {color:#f64a1b;} .pro_calendar_table thead th:last-child {color:#397fe7;} .pro_calendar_table tbody th {text-align:center;line-height:34px;border:1px solid #cfcfcf;border-top:none;font-size:13px;background:#f5f5f5;} .pro_calendar_table tbody td {border:1px solid #cfcfcf;text-align:left; padding:5px; min-height:50px; vertical-align:top;} .pro_calendar_day {position:absolute;font-size:0.85em;color:#888;padding:0 0 4px 0;min-height:50px;} .pro_calendar_table .pro_calendar_redday {color:#f64a1b;} .pro_calendar_table .pro_calendar_blueday {color:#397fe7;} .pro_calendar_table .full_day {background:#e8e8ed;} .pro_calendar_table .posible_day {background:#fbe9e7; cursor:pointer;} .pro_calendar_table .noselect_day {background:#e4f3fb;} .pro_calendar_table .select_day {background:#fbf5e4; } .pro_calendar_content {display:block;} .pro_calendar_content2 {display:none;} /* 기업신청 안내동의서 */ .btn01_bigs {display:inline-block;line-height:40px;padding:0 20px;color:#fff;background:#f98d3e;border:1px solid #f77d31;border-radius:5px;font-size:18px;} /* mobie screen 810 */ @media screen and (max-width:810px) { .pro_student_select_list {display:none;} .pro_student_slist_mobile {display:block;} .pro_student_slist_mobile_table {display:table;} .pro_student_select_ing_list {display:none;} .pro_student_slist_ing_mobile {display:block;} .pro_nolist_mobile {display:block;} } /* mobie screen 785 */ @media screen and (max-width:785px) { .pro_calendar_title_select {float:none; width:100%; text-align:center;} .pro_calendar_title_check {float:none; width:100%; text-align:center;} .pro_calendar_content {display:none;} .pro_calendar_content2 {display:block;} .pro_calendar_redday {color:#f64a1b;} .pro_calendar_blueday {color:#397fe7;} } /* mobie screen 620 */ /* @media screen and (max-width:620px) { .pro_student_select_list {display:none;} .pro_student_slist_mobile {display:block;} .pro_student_select_ing_list {display:none;} .pro_student_slist_ing_mobile {display:block;} .pro_nolist_mobile {display:block;} } */ /* 출결상황 */ .pro_calendar_check0 {display:block;width:44px;height:44px;line-height:44px;font-weight:bold;text-align:center;color:#c8cdd5;background: ;margin:0 auto;border:3px solid #d8dbe1;border-radius:50px;} /* 결근 */ .pro_calendar_check1 {display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#ffad1f;margin:0 auto;border-radius:50px;} /* 출근 */ .pro_calendar_check2 {display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#9ea5b5;margin:0 auto;border-radius:50px;} /* 공결 */ .pro_calendar_check3 {display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#06f300;margin:0 auto;border-radius:50px;} /* 공결 */ .pro_calendar_check4 {display:block;width:50px;height:50px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#0078ff;margin:0 auto;border-radius:50px;} /* 공결 */ /* mobie screen 785 */ @media screen and (max-width:785px) { /* 출결상황 */ /*.pro_calendar_check0 {width:35px;height:35px;line-height:35px;border:3px solid #d8dbe1;border-radius:35px;font-size:11px;} 결근 */ /*.pro_calendar_check1 {width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;} 출근 */ /*.pro_calendar_check2 {width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;} 공결 */ /*.pro_calendar_check3 {width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;} 공결 */ /*.pro_calendar_check4 {width:35px;height:35px;line-height:35px;border-radius:35px;font-size:11px;} 공결 */ } /* 여기저기 쓰일 버튼들 */ .btn_pro_orange {display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#ff7800;border:1px solid #ff7800;border-radius:3px;font-size:12px;} /* 주황색 버튼 */ .btn_pro_gray {display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#9b9b9b;border:1px solid #9b9b9b;border-radius:3px;font-size:12px;} /* 회색 버튼 */ .btn_pro_skyblue {display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#0096ff;border:1px solid #0096ff;border-radius:3px;font-size:12px;} /* 하늘색 버튼 */ .btn_pro_violet {display:inline-block;line-height:20px;padding:2px 5px;color:#fff;background:#ba00ff;border:1px solid #ba00ff;border-radius:3px;font-size:12px;} /* 보라색 버튼 */ /* 탭메뉴 */ .pro_sub_tabmenu01 {width:100%; min-height:36px; overflow:hidden;} .pro_sub_tabmenu01 li {float:left;margin-left:-1px;} .pro_sub_tabmenu01 li:first-child {margin-left:0;} .pro_sub_tabmenu01 li a {display:inline-block;zoom:1;*display:inline;width:100%;line-height:36px;text-align:center;background:#f5f5f5;color:#333; font-weight:bold;border:1px solid #d0d0d0; } .pro_sub_tabmenu01 li a:hover {color:#397ae1;} .pro_sub_tabmenu01 li.on a {background:#397ae1; border:1px solid #397ae1;color:#fff; } .pro_sub_tabmenu01 li.on:hover { } /* 테이블 배경색 */ .bg_eee {background-color:#eeeeee;} /* 버튼스타일 ================================================================================== */ .pro_btn01 {display:inline-block;line-height:26px;padding:0 8px;color:#fff;background: #3a65e0; font-size:0.9em;border:1px solid #265caf;cursor:pointer; border-radius:2px; -moz-box-shadow:0 1px 0 #d9d9d9;-webkit-box-shadow:0 1px 0 #d9d9d9;box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본 */ .pro_btn02 {display:inline-block;line-height:26px;padding:0 8px;color:#fff;background:#656a77; font-size:0.9em;border:0 solid #999;cursor:pointer;min-width:45px;} /* 회색 작은 버튼 */ .pro_btn03 {display:inline-block;line-height:26px;padding:0 8px;color:#fff;background:#303030; font-size:0.9em;border:0 solid #111;cursor:pointer;min-width:45px;} /* 검은색 작은 버튼 */ .pro_btn04 {display:inline-block;line-height:26px;padding:0 8px;color:#fff;background:#ff228a; font-size:0.9em;border:0 solid #f26f06; cursor:pointer; min-width:45px; font-weight:normal;letter-spacing:0;} /* 핑크 작은 버튼 */ .pro_btn05 {display:inline-block;line-height:26px;padding:0 10px;background:#fff; font-size:0.9em;color:#1447d8;border:1px solid #3a65e0;cursor:pointer; font-weight:normal;letter-spacing:0; border-radius:2px; -moz-box-shadow:0 1px 0 #e5e5e5;-webkit-box-shadow:0 1px 0 #e5e5e5;box-shadow:0 1px 0 #e5e5e5;} /* 파란 라인 작은 버튼 */ .pro_btn05_h {display:inline-block;line-height:26px;padding:0 10px;background:#fff; font-size:0.9em;color:#999;border:1px solid #ccc; font-weight:normal;letter-spacing:0; border-radius:2px; -moz-box-shadow:0 1px 0 #e5e5e5;-webkit-box-shadow:0 1px 0 #e5e5e5;box-shadow:0 1px 0 #e5e5e5;} /* 회색 라인 작은 버튼 - 비활성화용 */ .pro_btn06 {display:inline-block;line-height:26px;padding:1px 10px 0 18px;color:#444; border:1px solid #bbb;font-size:12px; background:url("../image/common/btn_icon1.png") no-repeat 0 50% #fff; border-radius:2px;cursor:pointer;} /* 화살표가 있는 기본 버튼 */ .pro_btn07 {display:inline-block;line-height:26px;padding:0 10px;color:#fff;background: #646e7d; font-size:12px;border:1px solid #5a6370;cursor:pointer; border-radius:2px; -moz-box-shadow:0 1px 0 #d9d9d9;-webkit-box-shadow:0 1px 0 #d9d9d9;box-shadow:0 1px 0 #d9d9d9;} /* 회색 작은 버튼 - 기본 */ .pro_btn01_big {display:inline-block;line-height:34px;padding:0 15px 0 15px;color:#fff;background: #3a65e0; font-size:1em;border:0;border-radius:3px; } /* 파랑 큰 버튼 */ .pro_btn02_big {display:inline-block;line-height:34px;padding:0 15px 0 15px;color:#fff;background: #656a77; font-size:1em;border:0;border-radius:3px; } /* 회색 큰 버튼 */ .pro_btn03_big {display:inline-block;line-height:45px;padding:0 20px 0 20px;color:#fff;background-color:#3a65e0; font-size:1.05em;border:0;border-radius:4px; cursor:pointer;} /* 파랑 큰 버튼 */ /* 공모전 등 큰 버튼 */ .pro_btn04_big {display:inline-block;line-height:45px;padding:0 30px;color:#fff;background: #3a65e0; font-size:1.3em;border:0;font-weight:bold;border-radius:4px;margin:0 3px;} .btn_print01 {display:inline-block;line-height:25px;padding:0 10px 0 10px;color:#fff; border:1px solid #555;font-size:0.9em; background: #666; cursor:pointer;font-weight:normal;border-radius:3px; } /* 프린트 버튼 */ .pro_form_btn {display:inline-block;line-height:33px;padding:0 23px;color:#fff;background:#505c78;border:1px solid #505c78; border-radius:2px;font-size:0.95em; margin:0 3px;cursor:pointer; vertical-align:middle; } .pro_form_btn:hover {background:#333;border:1px solid #222;color:#fff;} .pro_form_btn_h {display:inline-block;line-height:33px;padding:0 23px;color:red;background:#fff;border:1px solid #f53b3b; border-radius:2px;font-size:0.95em; margin:0 3px; } /* 빨간라인 */ .pro_form_btn_h2 {display:inline-block;line-height:33px;padding:0 23px;color:#888;background:#fff;border:1px solid #d0d0d0; border-radius:2px;font-size:0.95em; margin:0 3px; } /* 회색라인 */ /* 만족도조사 스타일 */ .epoll_view_box {padding:15px; border :3px solid #eaeaea; border-radius:0.7em; } .epoll_view_tit {background:#eaeff4;padding:10px 12px;border:1px solid #d4dce4; font-size:1.05em; color:#111; font-weight:bold; border-radius:5px; } /* 설문 질문박스 */ .epoll_view_no {display:inline-block;width:26px;height:26px;line-height:26px;background:var(--color1);font-size:0.85em; text-align:center; color:#fff; font-weight:600; border-radius:20px;margin-right: 8px;} .epoll_notice {color:var(--color2);font-weight:bold;padding:5px 8px; } .epoll_view_helpbox {padding:7px 10px;color:#fa7c00;} .epoll_view_awrap {padding:10px 10px 20px 10px;border-bottom:0 solid #ddd; overflow:hidden;} .epoll_view_awrap li {padding:3px 0;border-bottom:0 dashed #ddd;} .epoll_view_awrap li input {vertical-align:-2px;padding-bottom:5px;} .teacher_form {display:none;} .match_arr_div {float:left; width:25%;} /* 반응형 관련 스타일 */ .resp {overflow:hidden;color:#333;line-height:46px;background:#fff;border-top:2px solid #555;border-bottom:1px solid #ddd;} .resp div.title1 {float:left;width:15%;font-weight:bold;text-align:center;border-top:1px solid #ddd; background:#fcfcfc;} .resp div.title1_col {float:left;width:100%;font-weight:bold;text-align:center;border-top:1px solid #ddd;background-color:#eee;} .resp div.content1 {float:left;width:35%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .resp div.content1_col {float:left;width:85%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .resp div.content1_col2 {float:left;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .resp div.title2 {float:left;width:15%;font-weight:bold;border-left:1px solid #ddd;text-align:center;border-top:1px solid #ddd; background:#fcfcfc;} .resp div.title3 {float:left;width:15%;font-weight:bold;border-left:1px solid #ddd;text-align:center;border-top:1px solid #ddd;} .resp div.content2 {float:left;width:35%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .resp div.content3 {float:left;width:85%;border-top:1px solid #ddd;border-left:1px solid #ddd;padding-left:10px;} .abcd_li li {float:left; width:20%;} .request_view_pc {display:block;} .request_view_mobile {display:none;} @media screen and (max-width:937px) { .resp div.title1 {width:30%;} .resp div.content1 {width:70%;} .resp div.content1_col {width:70%;} .resp div.title2 {width:30%;border-left:0px solid #ddd;} .resp div.title3 {width:30%;border-left:0px solid #ddd;} .resp div.content2 {width:70%;} .resp div.content3 {width:70%;} .abcd_li li {float:left; width:25%;} } /* mobie screen 785 */ @media screen and (max-width:785px) { .resp div.title1 {width:30%;} .resp div.content1 {width:70%;} .resp div.content1_col {width:70%;} .resp div.title2 {width:30%;border-left:0px solid #ddd;} .resp div.title3 {width:30%;border-left:0px solid #ddd;} .resp div.content2 {width:70%;} .resp div.content3 {width:70%;} .abcd_li li {float:left; width:33%;} .request_view_pc {display:none;} .request_view_mobile {display:block;} } /* mobie screen 480 */ @media screen and (max-width:480px) { .resp div.title1 {width:40%;} .resp div.content1 {width:60%;} .resp div.content1_col {width:60%;} .resp div.title2 {width:40%;} .resp div.title3 {width:40%;} .resp div.content2 {width:60%;} .resp div.content3 {width:60%;} .abcd_li li {float:left; width:50%;} } /* 학생실습신청 탭메뉴 약간 변경 */ .ssub_tabmenu01 {width:100%; height:40px;box-sizing:border-box;} .ssub_tabmenu01 li {float:left;border-bottom:1px solid #ccc;background-color:#f8f8f8;border-radius:0px 40px 40px 0px / 0px 40px 40px 0px;} .ssub_tabmenu01 li:last-child {border-right:1px solid #ccc;} .ssub_tabmenu01 li a {display:inline-block;line-height:41px;font-size:13px;padding:0 15px;width:100%;text-align:center;color:#666;border-left:3px solid #ccc;border-top:3px solid #ccc; border-radius:0px 40px 40px 0px / 0px 40px 40px 0px;} .ssub_tabmenu01 li.on a {line-height:41px;background:#afcbff;color:#25264a; border-radius:0px 40px 40px 0px / 0px 40px 40px 0px;} .ssub_tabmenu01 li.on {background:#afcbff;border-top:3px solid #0030ff;border-left:3px solid #0030ff;} /* mobie screen 785 */ @media screen and (max-width:785px) { .ssub_tabmenu01 {width:100%;margin-bottom:30px;} .ssub_tabmenu01 li {} .ssub_tabmenu01 li:first-child {margin-left:0;} .ssub_tabmenu01 li a { white-space:nowrap;padding:0px;font-size:0.7em;border-radius:0px 20px 20px 0px / 0px 20px 20px 0px;} .ssub_tabmenu01 li.on {} .ssub_tabmenu01 li.on a { } } /* 학생실습신청 탭메뉴 약간 변경 */ .w45 {width:45%;} .graph_box01 {border:1px solid #d2d2d2; padding:10px; margin:10px 0px; width:100%;} /* 표 관련 ==================================================================================== */ .pro_table_wrap {border-top:2px solid #66575a; } .pro_table {border-collapse:collapse; width:100%; table-layout:fixed; background:#f4f4f4; } .pro_table thead th {padding:15px 8px; text-align:center; font-weight:bold; border-bottom:1px solid #dfdfdf; background-color:#f4f4f4; } .pro_table tbody th {line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#fcfcfc; text-align:center; } .pro_table tbody th:first-child {border-left:0;} .pro_table tbody td {line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#ffffff; } .pro_table tbody td:first-child {border-left:0;} .pro_table .stxt {font-size:0.85em; line-height:150%; letter-spacing:-0.5px; } .pro_table .sub_list {list-style:none; background:url(../image/common/icon03.gif) no-repeat 0 8px; padding:0 0 2px 7px; } .pro_table a:link {color:#333; } .pro_table tfoot td {background-color:#f4f4f4; text-align:center; font-weight:bold; padding:5px 0; border:solid 1px #ccc; } .pro_search_box {position:relative; border:1px solid #ddd;background-color:#f8f8f8;padding:20px;margin-bottom:20px;} .pro_search_box .top {overflow:hidden; width:80%; margin:0 auto; margin-bottom:20px;} .pro_search_box .lt {overflow:hidden; float:left; width:45%; } .pro_search_box .lt select {height:40px; border-color:#ddd; width:100%; text-indent:10px;} .pro_search_box .rt {float:right; width:54%;} .pro_search_box .rt .input_form {float:left; border-color:#ddd; height:38px; margin:0; padding:0 10px; width:calc(100% - 90px);} .pro_search_box .rt .pro_btn02 {height:38px; float:right; padding:0 20px;} .pro_search_box .rt .pro_btn02:hover {background:#000;} .pro_search_box .txt {text-align:center;} .stuview_web {display:block;} .stuview_mobile {display:none;} /* mobie screen 1024 */ @media screen and (max-width:1024px) { .pro_search_box .top {width:100%; margin-bottom:10px;} } /* mobie screen 785 */ @media screen and (max-width:785px) { .pro_search_box {padding:10px;} .pro_search_box .lt {float:none; width:100%; margin-bottom:5px;} .pro_search_box .rt {float:none; width:100%;} .pro_search_box .txt {font-size:0.95em;} .stuview_web {display:none;} .stuview_mobile {display:block;} } /* mobie screen 680 @media screen and (max-width:680px) { .pro_tab.sub_tabmenu01.tab3 {height:auto;} .pro_tab.sub_tabmenu01.tab3 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab3 li:nth-child(1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab4 {height:auto;} .pro_tab.sub_tabmenu01.tab4 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab4 li:nth-child(1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab5 {height:auto;} .pro_tab.sub_tabmenu01.tab5 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab5 li:nth-child(1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab6 {height:auto;} .pro_tab.sub_tabmenu01.tab6 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab6 li:nth-child(1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab6 li:nth-child(2n+1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab7 {height:auto;} .pro_tab.sub_tabmenu01.tab7 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab7 li:nth-child(1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab8 {height:auto;} .pro_tab.sub_tabmenu01.tab8 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab8 li:nth-child(1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab9 {height:auto;} .pro_tab.sub_tabmenu01.tab9 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab9 li:nth-child(1) {border-right:2px solid #fff;} .pro_tab.sub_tabmenu01.tab10 {height:auto;} .pro_tab.sub_tabmenu01.tab10 li {width:50%;border-bottom:2px solid #fff;} .pro_tab.sub_tabmenu01.tab10 li:nth-child(1) {border-right:2px solid #fff;} } */ .pcompany_search_div {float:left; padding-right:10px;} .pcompany_search_div:last-child {padding-right:0px;} .chkbox_div {float:left; padding-right:20px;vertical-align:middle;line-height:36px;} .chkbox_div:last-child {padding-right:0px;} /* 결과보고서 div */ .final_1 {display:block;} .final_2 {display:none;} /* 수요조사 신청 시 레이어 */ #pro_company_suyo_info {display:none; background-color:#fff;z-index:99999999; width:600px; padding:40px 30px; border-radius:20px;} #pro_company_suyo_info h5 {font-weight:300; font-size:1em;} #pro_company_suyo_info .hb_input {letter-spacing:-1px; background:#1972d6; border-color:#1972d6; line-height:36px;} #pro_company_suyo_info .hb_input:hover {background:#333; border-color:#333;} #pro_company_suyo_info .hb_h {cursor:pointer; line-height:36px;} #pro_company_suyo_info .hb_h:hover {opacity:1;} /* 관리자 학생/기업/교수 팝업출력 시 상단 인포 */ #guava_win_title {padding:15px 15px 15px 20px;background:#2b2f36;letter-spacing:-0.5px; overflow:hidden;display:flex;justify-content: space-between; } #guava_win_title .tit {position:relative; font-size:1.45em; font-weight:500;color:#fff; display: flex; flex-direction: column; justify-content:center; } #guava_win_title .close {position:relative;right:0; cursor:pointer;color:#fff; background:#e52150;width:40px;height:40px; border-radius:50%;transition:all 0.3s ease;opacity:1 !important;} #guava_win_title .close:before, #guava_win_title .close:after {position:absolute;top:9px;left:calc(50% - 1px);content:'';height:22px;width:2px;background-color:#fff;} #guava_win_title .close:before {transform:rotate(45deg);} #guava_win_title .close:after {transform:rotate(-45deg);} #guava_win_title .close:hover {transform: scale(1.07); } .guava_win_fix {position:fixed;width:100%;z-index:999;background:#fff;} #guava_win_wrap {padding:90px 15px 15px 15px;} /* pdf.php 생성 로딩 표시 */ .pdf_preview_btn { position: relative; display: inline-block; } .pdf_preview_btn.is_loading::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.7); } .pdf_preview_btn.is_loading::before { content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border: 2px solid #ccc; border-top-color: #333; border-radius: 50%; animation: pdf_spin 0.6s linear infinite; z-index: 1; } @keyframes pdf_spin { to { transform: rotate(360deg); } } /* ======= 인트라넷 위쪽 박스 ======== */ .training_news_list { } .training_news_list .pro_list {position:relative; display: grid; /*grid-template-columns:auto 70px;*/gap:20px; } .training_news_list .pro_list a {position:relative; overflow: hidden; display:block; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap; margin-bottom:8px; color:#333; } /* .training_news_list .pro_list a:hover {text-decoration:underline;}*/ .training_news_list span {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;} .training_news_list .part00 {background:#777;} .training_news_list .part10 {background:#1fafd3;} .training_news_list .part20 {background:#0872e2;} .training_news_list .part30 {background:#dddddd;} .training_news_list .part40 {background:#00b00f;} .training_news_list .pro_list div {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0px 10px ; line-height:26px; min-width:65px;} .training_news_list .pro_list div.pbtn10 {background:#1fafd3;} .training_news_list .pro_list div.pbtn15 {background:#00bb2a;} .training_news_list .pro_list div.pbtn20 {background:#0872e2;} .training_news_list .pro_list div.pbtn30 {background:#dddddd;} .nolist {padding:50px 0;text-align:center;} /* ======= 인트라넷 위쪽 박스 ======== */ .pro_submit_span_00 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#777;} .pro_submit_span_10 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#1fafd3;} .pro_submit_span_20 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#00bb2a;} .pro_submit_span_30 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#0872e2;} /* 학생 지원 상태값 구분 */ .pro_student_status_00 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#777;} .pro_student_status_10 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#1fafd3;} .pro_student_status_20 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#f1502f;} .pro_student_status_30 {display:inline-block;text-align:center;color:#fff;font-size:0.85em; padding:0 10px ; line-height:26px;border-radius:20px; min-width:65px; font-weight:500;background:#0872e2;}