div[data-user] a {text-decoration:none;} div[data-user] div.nav_box {margin-bottom:30px; text-align:left; font-size:1.29rem; font-weight:bold;} div[data-user] div.nav_box + div[data-user=student] div[data-role=calendarbar], div[data-user] div.nav_box + form div[data-user=student] div[data-role=calendarbar] {padding-top:0;} div[data-user] p.down {display:inline-block;} div[data-user] div.print {display:block; float:right; margin:10px 0;} .center {text-align:center;} div[data-user] select.months {font-size:0.93rem; padding:5px 10px; vertical-align:middle;} /* table */ div[data-user] div.tb {overflow:hidden; overflow-x:auto;} div[data-user] div.tb > table {width:100%; box-sizing:border-box; min-width:800px; font-size:0.93rem; overflow:hidden; border-spacing:0;} div[data-user] div.tb > table caption {height:20px; padding:10px; line-height:20px; background-color:#f4f4f4; font-weight:bold; border-top:1px solid #ccc; color:#1a1a1a; text-align:left;} div[data-user] div.tb > table thead th {padding:10px; height:28px;font-size:1rem; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all; text-align:center;} div[data-user] div.tb > table thead tr:first-child > th {border-top:2px solid #333;} div[data-user] div.tb > table thead th:last-child {border-right:0 none;} div[data-user] div.tb > table tbody th {padding:10px; height:28px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:28px;} div[data-user] div.tb > table thead th:last-child {border-right:0 none;} div[data-user] div.tb > table tbody td {height:28px;font-size:1rem; padding:10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#666; line-height:20px; word-break:keep-all;} div[data-user] div.tb > table tbody td:last-child {border-right:0 none;} div[data-user] div.tb > table tbody td.a_l {text-align:left; padding:10px 15px;} div[data-user] div.tb > table tbody td.gohome {padding:0;} div[data-user] div.tb > table tbody td > i.logo {display:inline-block; width:60px; height:60px; margin-right:7px; background-repeat:no-repeat; background-size:contain; background-position:center; vertical-align:middle;} div[data-user] div.tb > table tbody td span.txt_red {color:red; font-weight:bold;} div[data-user] div.tb > table tbody td span.txt_blue {color:#1969b2; font-weight:bold;} div[data-user] div.tb > table tbody td span.txt_green {color:#95c945; font-weight:bold;} div[data-user] div.tb > table tbody td span.status {display:block;} div[data-user] div.tb > table tbody td span.status + div[data-type=button] {padding-top:5px;} div[data-user] div.tb > table tbody td p.price {white-space:nowrap;} div[data-user] div.tb > table tfoot td {height:28px; padding:10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#111; line-height:28px; word-break:keep-all; font-weight:bold; background:#f0f7ff;} div[data-user] div.tb > table tfoot td:last-child {border-right:0 none;} div[data-user] div.tb > table tbody td[onClick] {cursor:pointer;} div[data-user] div.tb > table tbody td[onClick] > i:not(.logo) {display:inline-block; width:20px; height:20px; margin-left:10px; border-radius:50%; text-align:center; line-height:20px; vertical-align:middle; color:#fff; background:#999;} div[data-user] div.tb > table a.mail {color:#2469da; text-decoration:none;} div[data-user] div.tb > table td.nodata {height:100px;} div[data-user] div.tb.body {border-top:2px solid #333;} div.tb table tbody > tr:hover td, div.tb table tbody > tr:focus td {background-color:#ddeefa;} div.tb table tbody > tr:hover td[rowspan] {background:none;} div[data-user] div.tb.context {margin-bottom:15px; overflow:visible;} div[data-user] div.tb.context > table {min-width:100%; overflow:visible; margin-top:-1px;} div[data-user] div.tb.context > table th {word-break:keep-all;} div[data-user] div.tb.context table tbody th {width:140px;} div[data-user] div.tb.context table tbody td {color:#222;} div[data-user] div.tb.context table tbody > tr:hover td {background-color:inherit;} div[data-user] div.tb.context table tbody > tr:focus td {background-color:inherit;} div[data-user] div.tb.context table tbody > td:hover {background-color:#ddeefa;} div[data-user] div.tb.context table tbody > td:focus {background-color:#ddeefa;} div[data-user] div.tb.context table tbody tr td > div {text-align:center;} div[data-user] div.tb.context table tbody tr td.a_l > div {text-align:left;} div[data-user] div.tb.context table tbody tr td div.select {height:auto; margin-top:10px;} div[data-role=button] > button.red{background:#f44336; color:#fff} div[data-role=button] > button.blue{background:#43b3ec; color:#fff} div[data-role=button] > button.gray{background:#666; color:#fff } div[data-role=button] > button.red:hover {background:#e53935;} div[data-role=button] > button.blue:hover{background:#34a9e6;} div[data-role=button] > button.gray:hover{background:#555555;} div[data-role=button] > button.disable{border-color:#ccc; background:#f4f4f4; color:#666; opacity:0.8; cursor:not-allowed;} div[data-role=button] > button.disable:hover{cursor:not-allowed;} /* 검색 */ div[data-user] div[data-role=searchbar] {margin-bottom:20px; font-size:0;} div[data-user] div[data-role=searchbar] > div[data-role=input] {display:inline-block; width:auto; margin:0 5px 0 0; font-size:0.93rem; vertical-align:top; margin-bottom:10px;} div[data-user] div[data-role=searchbar] > div[data-role=input].code {width:250px;} div[data-user] div[data-role=searchbar] > div[data-role=input].agency {width:250px;} div[data-user] div[data-role=searchbar] > button {width:40px; height:40px; background:#b5b7c0; border:0px; cursor:pointer; vertical-align:middle; vertical-align:top;} div[data-user] div[data-role=searchbar] > button > i {font-size:0.93rem; color:#fff;} div[data-user] div[data-role=searchbar] > button:hover {background:#828595;} /* 테이블 상단 버튼 */ div[data-user] div[data-role=toolbar] {font-size:0; text-align:right; margin-bottom:10px;} div[data-user] div[data-role=toolbar]:after {content:''; display:block; clear:both;} div[data-user] div[data-role=toolbar] > div[data-role=input] {display:inline-block; width:auto; font-size:0.93rem; margin:0;} div[data-user] div[data-role=toolbar] > div[data-role=input].left {float:left;} /* 테이블 */ ul[data-role=table].tb_pop > li.tbody:hover {background-color:#ddeefa;} /* 팝업창 */ body.on {height:100%; overflow:hidden;} div[data-user] div.popup {display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.8); z-index:99;} div[data-user] div.popup.on {display:block;} div[data-user] div.popup > div.box {position:relative; width:85%; max-width:870px; max-height:820px; height:91%; margin:3% auto 0; background-color:#fff; box-sizing:border-box; overflow:auto;} div[data-user] div.popup > div.box > div.title {padding:15px; border-bottom:1px solid #ddd;} div[data-user] div.popup > div.box > div.title + ul.tab {margin-top:10px; padding:15px;} div[data-user] div.popup > div.box > div.content {width:100%; min-height:calc(100% - 66px); padding:20px; box-sizing:border-box; overflow-x:auto} div[data-user] div.popup > div.box button.close_p {position:absolute; top:0; right:0; width:66px; height:66px; border:none; background:none; font-size:2.14rem; cursor:pointer;} div[data-user] div.popup > div.box button.close_p i {display:block; width:66px; height:66px; text-align:center; line-height:66px;} div[data-user] div.popup > div.box ul.tab > li {display:inline-block; margin-right:10px;} div[data-user] div.popup > div.box ul.tab > li > a {display:block; padding:10px; background-color:#cdcdcd; color:#fff; cursor:pointer;} div[data-user] div.popup > div.box ul.tab > li > a.on {background-color:#2196f3;} div[data-user] div.popup > div.box ul[data-role=form] > li:first-child{border-top:1px solid #e3e4e5} div[data-user] div.popup > div.box ul[data-role=form] > li {min-height:0;} div[data-user] div.popup > div.box div.tabbed {display:none;} div[data-user] div.popup > div.box div.tabbed:after {content:''; display:block; clear:both;} div[data-user] div.popup > div.box div.tabbed.on {display:block;} div[data-user] div.popup > div.box div.report_tabbed {display:none;} div[data-user] div.popup > div.box div.report_tabbed:after {content:''; display:block; clear:both;} div[data-user] div.popup > div.box div.report_tabbed.on {display:block;} div[data-user] div.popup > div.box div.report_tabbed p {margin-top:10px; margin-bottom:5px;} div[data-user] div.popup > div.box div.report_tabbed p:first-child {margin-top:0px;} div[data-user] div.popup > div.box h4.legend {font-size:1.57rem; line-height:35px;} div[data-user] div.popup > div.box h5 {margin-top:1%;} div[data-user] div.popup > div.box h6.caption {text-align:center; font-size:1.07rem; padding:15px; border:1px solid #e0d0bc; background-color:#fffeeb; word-break:keep-all; font-weight:normal;} div[data-user] div.popup > div.box label {padding:10px;} div[data-user] div.popup > div.box div.wysiwyg img {max-width:100%;} div[data-user] div.popup > div.box ul[data-role=form] > li > div {vertical-align:middle;} div[data-user] div.popup > div.box ul[data-role=form] > li > div.blur {filter: blur(5px); user-select:none;} div[data-user] div.popup > div.box div.tb {width:100%; margin-bottom:20px;} div[data-user] div.popup > div.box div.tb > table {min-width:100%;} div[data-user] div.popup > div.box div.tb > table th {text-align:left; word-break:keep-all;} div[data-user] div.popup > div.box div.tb table tbody td {color:#222;} div[data-user] div.popup > div.box div.tb table tbody > tr:hover td {background-color:inherit;} div[data-user] div.popup > div.box div.tb table tbody > tr:focus td {background-color:inherit;} div[data-user] div.popup > div.box div.tb table tbody > td:hover {background-color:#ddeefa;} div[data-user] div.popup > div.box div.tb table tbody > td:focus {background-color:#ddeefa;} div[data-user] div.popup > div.box div.tb table tbody tr td div {height:200px; text-align:center;} div[data-user] div.popup > div.box select.months {font-size:0.93rem; padding:5px 10px; vertical-align:middle;} div[data-user] div.popup[data-popup=pop_item_document] > div.box, div[data-user] div.popup[data-popup=pop_item_status2] > div.box {position:absolute; left:50%; top:50%; height:auto; max-width:500px; margin:0; transform:translate(-50%, -50%);} div[data-user] div.popup div.fieldset {margin:20px 0 0; padding:20px; border:1px solid #999; font-size:0;} div[data-user] div.popup div.fieldset div[data-role=input] {display:inline-block; width:50%; font-size:0.93rem; vertical-align:top;} div[data-user] div.popup div.fieldset div[data-role=input] label {padding:10px 0px 10px 32px;} /* 팝업 개별 */ div[data-user] div.popup div.content a.btn_subject {display:block; float:right; width:250px; line-height:40px; background:#2A2C7F; text-align:center; color:#fff;} div[data-user] div.popup div.content a.btn_regist_subject {display:block; width:250px; margin:0 auto; line-height:40px; background:#2196f3; text-align:center; color:#fff;} div[data-user] div.popup div.content a.btn_regist_subject_after {display:block; width:250px; margin:0 auto; line-height:40px; background:#2196f3; text-align:center; color:#fff;} div[data-user] div.popup div.content h5.tit_min {overflow:hidden; margin:0 0 10px; font-size:1.14rem; line-height:40px;} div[data-user] div.popup div.content h5.tit_min + div.tb {margin-top:0;} div[data-user] div.popup div.content div.tb tbody > tr:hover {background:#ddeefa;} div[data-user] div.popup div.content div.tb tbody > tr > td > div[data-role=input] {display:block; width:auto; height:auto; min-height:auto;} div[data-user] div.popup div.content div.tb tbody > tr > td > div[data-role=input] > label {display:block; margin:0; padding:0; min-height:auto;} div[data-user] div.popup div.content div.tb tbody > tr > td > div[data-role=input] > label > button {float:none; margin:0;} div[data-user] div.popup div.content div.box_notice {display:block; background:#fffeeb; border:1px solid #e0d0bc; padding:10px; line-height:1.8; margin:20px 0px; font-size:0.93rem; word-break:keep-all;} div[data-user] div.popup div.content div.box_notice > h5.tit_box {width:80px; border-bottom:2px solid #999; margin:0 0 15px; font-size:1.14rem;} div[data-user] div.popup div.content div.box_notice > strong {display:block; margin-top:10px; margin-bottom:5px;} /* 다운로드버튼 */ div[data-user] a.downloadFile {box-sizing:border-box; margin-top:10px; padding:3px; display:block; width:75px; border:none; background:#43b3ec; text-align:center; color:#fff;} /* help_box */ div[data-user] h5.legend {font-size:1.14rem; height:40px; line-height:40px; margin-top:20px; word-break:keep-all;} div[data-user] h5.legend > div.print {margin:0;} div[data-user] h5.legend > div.print > p.down {font-size:0; line-height:30px;} div[data-user] h5.legend > div.print > p.down > a {font-size:0.93rem; padding:0 10px; height:30px; line-height:30px; font-weight:300;} div[data-user] h5.legend:after {content:''; display:block;} div[data-user] h5.bor_bot {border-bottom:2px solid #000;} div[data-user] div.box_help {display:block; background:#fffeeb; border:1px solid #e0d0bc; padding:10px; line-height:1.8; margin:20px 0px; font-size:0.93rem; word-break:keep-all;} div[data-user] div.box_blue {display:block; background:#ebfffe ; border:1px solid #cae9de; padding:10px; line-height:1.8; margin:20px 0px; font-size:0.93rem; word-break:keep-all;} /* 구분선 */ div[data-user] span.hr {display:block; margin:40px 0; height:1px; background:#ddd;} /* 캘린더 */ div[data-user] div[data-role=calendarbar] {text-align:center; font-size:0; margin-bottom:20px; padding-top:20px; position:relative;} div[data-user] div[data-role=calendarbar] > a {display:inline-block; margin:8px; border:1px solid #ccc; background:#f4f4f4; color:#666; width:24px; height:24px; box-sizing:border-box; line-height:22px; text-align:center; font-size:0.93rem; vertical-align:middle;} div[data-user] div[data-role=calendarbar] > h4 {display:inline-block; font-size:1.43rem; height:40px; line-height:40px; vertical-align:middle;} ul[data-role=calendarview] div[data-role=input][data-type=radio] > label > button.radio {margin-left:0;} div[data-user] ul[data-role=calendarview] {min-width:770px; margin-bottom:20px;} div[data-user] ul[data-role=calendarview] li[data-role=date] {position:relative;} div[data-user] ul[data-role=calendarview] > li[data-role=week].tbody > ul > li[data-role=date] > i {position:relative; line-height:20px; z-index:1;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button] {margin-top:-20px; width:100%; height:100%;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button] > button {width:100%; height:100%; padding:0 10px 5px; background:transparent; color:#333; line-height:normal;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button] > button > i {display:block; margin-bottom:10px; font-size:0.86rem; text-align:right; font-style:normal;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button] > button > span {display:block; padding:5px 0; font-size:0.86rem; border-radius:15px; background:#F44336; color:#fff;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button].absent > button {color:#F44336;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button].absent.bonus > button {color:#2196F3;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button].absent > button > span {background:#999; color:#fff;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button].pass > button {color:#F44336;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button].holiday > button {color:#999;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=button].complete > button {padding:0 10px;} div[data-user] #mb_job_popup_comm ul[data-role=calendarview] > li[data-role=week].tbody > ul > li[data-role=date] {height:60px;} ul[data-role=calendarview] > li[data-role=week].tbody > ul > li[data-role=date].disable.not{background:#f4f4f4; cursor:initial} ul[data-role=calendarview] > li[data-role=week].tbody > ul > li[data-role=date].disable{position:relative; overflow:hidden; background:#f4f4f4; cursor:not-allowed;} ul[data-role=calendarview] > li[data-role=week].tbody > ul > li[data-role=date].disable > i{color:#666; opacity:0.3} /* ul[data-role=calendarview] > li[data-role=week].tbody > ul > li[data-role=date].disable:after{content:''; display:block; position:absolute; bottom:50%; left:0; width:100%; height:1px;bKC;} */ /* eval */ div[data-user] label.radio_eval {display:inline-block; margin:2px; padding:0 !important; vertical-align:top; text-align:center; cursor:pointer;} div[data-user] label.radio_eval > input {display:none;} div[data-user] label.radio_eval > span {display:block; width:40px; height:33px; border:1px solid #ddd; line-height:33px; background:#f8f8f8;} div[data-user] label.radio_eval > input:checked + span {background:#43b3ec; color:#fff; border-color:#5891dd;} /* button */ button.btn_tb {min-width:69px;} div[data-user] div.btn_db {padding-left:0;} div[data-user] div.btn_db:after {content:''; display:block; clear:both;} div[data-user] div.btn_db > button {float:left;} div[data-user] div.btn_db > button + button {float:right;} div[data-user] div.btn_db > button.emph {border:1px solid #5891dd; background:#2196f3; color:#fff;} div[data-user] div.btn_db > button.emph:hover {background:#1e88e5;} div[data-user] div[data-role=input].activing > button {color:#2A2C7F; border:1px solid #2A2C7F; background:#fff;} div[data-user] div[data-role=input].complete > button {background-color:#51d025;} div[data-user] div[data-role=input].activing > button:hover {color:#2A2C7F; background:#f5f5f5;} div[data-user] div[data-role=input].complete > button:hover {background-color:#43c415;} div[data-user] div.tb div[data-role=input][data-type=button] > button {display:block; color:#666; border:1px solid #ddd; background:#f5f5f5;} div[data-user] div.tb div[data-role=input][data-type=button] > button[onclick], div[data-user] div.tb div[data-role=input][data-type=button] > button[data-action] {border-color:#2A2C7F; color:#2A2C7F; background:#fff;} div[data-user] div.tb div[data-role=input][data-type=button] > button[onclick]:hover, div[data-user] div.tb div[data-role=input][data-type=button] > button[data-action]:hover {color:#2A2C7F; background:#f5f5f5;} div[data-user] div.tb div[data-role=input][data-type=button] > button.submit {color:#fff; border:1px solid #2A2C7F; background:#2A2C7F; border-radius:2px} div[data-user] div.tb div[data-role=input][data-type=button] > button.submit:not([disabled]):hover {color:#2A2C7F; background:#f5f5f5;} div[data-user] div.tb div[data-role=input][data-type=button] > button.cancel {color:#fff; border:1px solid #2A2C7F; background:#2A2C7F; border-radius:2px} div[data-user] div.tb div[data-role=input][data-type=button] > button.cancel:hover {color:#2A2C7F; background:#f5f5f5;} div[data-user] div.tb div[data-role=input][data-type=button] > button[disabled], div[data-user] div.tb div[data-role=input][data-type=button] > button[disabled]:hover {border:#999; background:#ddd; color:#999; cursor:not-allowed;} div[data-user] div.tb div[data-role=input][data-type=button] > button.thema_gray_color, div[data-user] div.tb div[data-role=input][data-type=button] > button.thema_gray_color:hover {border:#999; background:#ddd; color:#999;} div[data-user] div.tb div[data-role=input][data-type=button] > button.font_color_white:not([disabled]) {color:#fff !important;} div[data-user] div.tb div[data-role=inputset] + span {display:block; font-size:0.86rem;} div[data-user] div.tb td.btns {padding:15px 0 25px;} div[data-user] div.tb td.btns div[data-role=input][data-type=button] {display:inline-block; width:auto; vertical-align:top;} div[data-user] div.tb td.btns div[data-role=input][data-type=button] > button {padding:0 7px; border:0 none; border-radius:2px; color:#fff; } div[data-user] div.tb td.btns div[data-role=input][data-type=button] > button.before {background:#fff; border:1px solid #2265B9; color:#2265B9; vertical-align:middle;} div[data-user] div.tb td.btns div[data-role=input][data-type=button] > button.before:hover{background-color:#2265B9} div[data-user] div.tb td.btns div[data-role=input][data-type=button] > button.ing {background:#2265b9;} div[data-user] div.tb td.btns div[data-role=input][data-type=button] > button.end {background:#f1f1f1; color:#666} div[data-user] div.tb td.btns div[data-role=input][data-type=button] > button:hover {color:#fff;} div[data-user] div.tb td.btns div[data-role=input][data-type=button] > button.end:hover{color:#666; background:#e8e8e8} div[data-user] p.down {word-break:keep-all;} div[data-user] p.down > a {display:inline-block; padding:8px; color:#2A2C7F; border:1px solid #2A2C7F; background:#fff; cursor:pointer;} div[data-user] p.down > a:hover {color:#2A2C7F; background:#f5f5f5;} div[data-user] div[data-role=calendarbar] > a {min-width:31px; min-height:31px; line-height:31px; cursor:pointer;} div[data-user] div[data-role=calendarbar] > select {min-height:31px;} div[data-user] button.btn_blue {font-size:1.07rem; background-color:#90c3e4; color:#fff; padding:0 10px; border:none; min-width:80px; vertical-align:middle;} div[data-user] button.btn_blue:hover {background-color:#45a4e3;} /* grow */ div[data-role=inputset].grow > div[data-role].grow_cal {width:100%; max-width:285px; min-width:250px; display:inline-block; vertical-align:middle;} div[data-role=inputset].grow > div[data-role].grow_cal.center {display:inline-block; max-width:70px; min-width:auto;} div[data-role=inputset].grow > div[data-role].grow_right {display:block; margin-top:10px; margin-bottom:30px;} div[data-role=inputset].grow > div[data-role].grow_right:after {content:''; display:block; clear:both;} div[data-role=inputset].grow > div[data-role].grow_right > button {float:right;} div[data-role=inputset].grow > div[data-role].grow6 {width:10%;} div.tb div[data-role=inputset] {display:inline-block; width:auto;} div.tb div[data-role=input][data-type=button] {display:inline-block; width:auto;} div.tb div[data-module=attachment][data-templet=default] {text-align:left;} div[data-user] div.regist div.tb > table tbody td {text-align:left;} div.inputset > div.wrap + div.wrap {margin-top:10px;} div[data-user] div.tb.work {margin-top:20px;} div[data-user] div.tb.work table tr:last-child > td.bor_no {border-bottom:none;} div[data-user] div.tb.work table tr > td ul {list-style:none;} div[data-user] div.popup > div.box div.tb.work table tbody tr td div {height:auto;} div[data-user] div.popup > div.box div.tb.work span.txt_cnt {display:inline-block; margin-left:10px;} span.txt {display:table-cell; padding-left:5px; font-size:0.93rem; line-height:40px;} span.txt_cnt {display:block;} span.txt.schor {width:55%;} div[data-user=student] div[data-role=button] > button {min-width:83px;} div[data-user=student] div[data-role=button] {margin-top:20px;} div[data-user] div[data-role=button] {min-height:40px} div[data-user] div[data-role=button] > button, div[data-user] div[data-role=button] > a {margin:0 2px;} div[data-user] div[data-role=button] {position:relative;} div[data-user] div[data-role=button] button.back {position:absolute; left:0; top:0; margin:0;} div[data-user] div[data-role=button] button.print {position:absolute; right:0; top:0; margin:0;} div[data-user=student] p.down {display:inline-block;} div[data-user=student] div.top {margin-top:-20px;} div[data-user=student] div.top:after {content:''; display:block; clear:both;} div[data-user=student] div.top > div {display:inline-block; margin:10px 0 ;} /* 이력서관리 */ div[data-user=student] div.tb + div[data-role=pagination] {margin:10px 0 20px ; text-align:center;} div[data-user=student] div.tb.student {width:100%; margin-bottom:20px;} div[data-user=student] div.tb.student {margin-bottom:0;} div[data-user=student] div.tb.student > table {min-width:100%;} div[data-user=student] div.tb.student > table th {text-align:left; word-break:keep-all;} div[data-user=student] div.tb.student table tbody td {color:#222;} div[data-user=student] div.tb.student table tbody > tr:hover td {background-color:inherit;} div[data-user=student] div.tb.student table tbody > tr:focus td {background-color:inherit;} div[data-user=student] div.tb.student table tbody > td:hover {background-color:#ddeefa;} div[data-user=student] div.tb.student table tbody > td:focus {background-color:#ddeefa;} div[data-user=student] div.tb.student table tbody tr td > div {text-align:center;} div[data-user=student] div.tb.student table tbody tr td div.select {height:auto; margin-top:10px;} div[data-user=student] div.btn_spl { margin-bottom:5px;} div[data-user=student] div.btn_spl:after {content:''; display:block; clear:both;} div[data-user=student] div.btn_spl > div[data-role=input] {float:left; width:48%; margin-right:2%;} div[data-user=student] div.btn_spl > div[data-role=input] + div[data-role=input] {width:38%; margin:0; text-align:left} div[data-user=student] div.btn_spl.btn_qua > div[data-role=input] {float:left; width:50%; margin-right:2%;} div[data-user=student] div.btn_spl.btn_qua > div[data-role=input] + div[data-role=input] {width:22.5%; margin:0;} div[data-user=student] div.half {display:table; width:100%;} div[data-user=student] div.half > div[data-role=input] {display:table-cell; width:49%; padding-right:2%;} div[data-user=student] div.half > div[data-role=input] + div[data-role=input] {padding-right:0;} div[data-user=student] div.half > input {width:230px;} div[data-user=student] ul[data-role=calendarview] label {padding:10px;} div[data-user=student] div[data-module=attachment][data-templet=default] ul[data-role=files] > li[data-role=file] > div:first-child {position:relative; width:200px; height:200px; max-height:200px;} div[data-user=student] div[data-module=attachment][data-templet=default] ul[data-role=files] > li[data-role=file] > div > i.icon:first-child {position:absolute; left:0; top:0; width:200px; height:200px;} div[data-user=student] div[data-module=attachment][data-templet=default] ul[data-role=files] > li[data-role=file] > div > div.name {position:absolute; left:50%; transform:translateX(-50%); bottom:30px;} div[data-user=student] div[data-module=attachment][data-templet=default] ul[data-role=files] > li[data-role=file] > div > div.size {position:absolute; left:50%; transform:translateX(-50%); bottom:10px;} /* 서약서 관리 */ div[data-user=student] div.pledge div[data-role=text] {border:1px solid #e0e0e0; margin:10px 0; padding:15px; box-sizing:border-box; line-height:1.5;} div[data-user=student] div.pledge div[data-role=text] > strong {display:block; margin-bottom:15px; font-size:1.29rem; word-break:keep-all;} div[data-user=student] div.pledge div[data-role=text] > p.txt {font-size:1.14rem; line-height:22px; word-break:keep-all; margin-bottom:10px;} div[data-user=student] div.pledge div[data-role=text] > p.txt_numeric {font-size:0.93rem; line-height:22px; word-break:keep-all; margin-bottom:5px; padding-left:15px; text-indent:-15px;} div[data-user=student] div.pledge div[data-role=text] > span.txt_basic {display:block; word-break:keep-all; margin-top:10px;} div[data-user=student] div.pledge div[data-role=text] > span.bar {display:block; word-break:keep-all; margin-top:10px; padding-left:10px; text-indent:-10px;} div[data-user=student] div.pledge div[data-role=input] {margin-bottom:20px;} /* 3자협약서 관리 */ div[data-user] div.agree div > strong {display:block; margin-bottom:15px; font-size:1.29rem; word-break:keep-all;} div[data-user] div.agree > div.bd {border:1px solid #e0e0e0; padding:15px; } div[data-user] div.agree > div.bd > p.context {line-height:20px; word-break:keep-all} div[data-user] div.agree > div > div {margin:30px 0; } div[data-user] div.agree div.spl {font-size:0;} div[data-user] div.agree div.a_c {display:inline-block; box-sizing:border-box; width:60%; padding-right:10px; text-align:right; font-size:0.93rem; vertical-align:middle;} div[data-user] div.agree div.a_r {display:inline-block; box-sizing:border-box; width:40%; text-align:left; font-size:0.93rem; vertical-align:middle;} div[data-user] div.agree div.a_r input[type=file] {display:none;} div[data-user] div.agree div.a_r label {display:block; width:82px; height:82px; cursor:pointer;} div[data-user] div.agree div.a_r span.seal {display:inline-block; width:80px; height:80px; text-align:center; line-height:80px; border:1px solid #ddd; background-repeat:no-repeat; background-size:cover; background-position:center; color:#999;} div[data-user] div.agree ul.sign {list-style:none; font-size:0; margin:20px 0;} div[data-user] div.agree ul.sign > li {display:inline-block; width:33.3%; font-size:0.93rem;} div[data-user] div.agree ul.sign > li > span.title {display:block; width:110px; padding:10px 0;} div[data-user] div.agree ul.sign > li > span.title:after {content:':'; display:inline-block; margin-left:3px} div[data-user] div.agree > div > div > p.txt {margin:15px 0; line-height:25px;} /* 실습일지 작성 */ div[data-user=student] div.report ul[data-role=calendarview] > li[data-role=week] > ul > li div div[data-role=input] {margin-top:10px; text-align:center;} div[data-user=student] div.report div.popup > div.box > div.title {margin-bottom:50px;} /* 주간보고서 작성 */ div[data-user] ul[data-role=calendarview] {overflow:visible;} div[data-user] ul[data-role=calendarview] > li[data-role=week] {position:relative;} div[data-user] ul[data-role=calendarview] > li[data-role=week] > div.week {position:absolute; width:auto; left:calc(50% - 85px); top:calc(50% - 25px);} div[data-user] ul[data-role=calendarview] > li[data-role=week] > div.week > button {position:relative; width:170px; height:50px;} div[data-user] ul[data-role=calendarview] > li[data-role=week] > div.week > button:before {content:''; display:block; position:absolute; top:50%; left:-685px; width:685px; height:1px; background-color:#ccc;} div[data-user] ul[data-role=calendarview] > li[data-role=week] > div.week > button:after {content:''; display:block; position:absolute; top:50%; right:-685px; width:685px; height:1px; background-color:#ccc;} div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=select] button[data-value=add], div[data-user] ul[data-role=calendarview] div[data-role=input][data-type=select] li[data-value=add] {color:#F44336;} div[data-user] div.popup > div.box div.tb:first-of-type{margin-top:0} div[data-user] div.popup > div.box div.tb {margin-top:50px;} div[data-user] div.popup > div.box div.tb table tbody tr td div {height:auto;} /* 종합보고서 작성 */ div[data-user=student] div.synthesis ul[data-role=form] li {display:block; margin-bottom:15px;} div[data-user=student] div.synthesis ul[data-role=form] > li label {display:block; width:auto; border:1px solid #d1d1d1 ; border-bottom:none;} div[data-user=student] div.synthesis ul[data-role=form] > li label span.txt_cnt {display:inline-block; margin-left:10px;} div[data-user=student] div.synthesis ul[data-role=form] > li div {display:block; width:auto; padding:0;} /* 실습후기 작성 */ div[data-user=student] div.review ul[data-role=form] li {display:block; margin-bottom:15px;} div[data-user=student] div.review ul[data-role=form] > li label {display:block; width:auto; border:1px solid #d1d1d1 ; border-bottom:none;} div[data-user=student] div.review ul[data-role=form] > li label span.txt_cnt {display:inline-block; margin-left:10px;} div[data-user=student] div.review ul[data-role=form] > li div {display:block; width:auto; padding:0;} div[data-user=student] div.review div.popup > div.box ul[data-role=form] > li > div {margin-left:30px;} /* 실습 보고서 */ div[data-user] div.tb > table thead .submit, div[data-user] div.tb > table thead .write {box-sizing:border-box; width:110px;} div[data-user] div.tb > table thead .info {box-sizing:border-box; width:330px;} /* 현장실습 만족도 조사 */ div[data-user=student] div.satisfy h6.caption {font-size:0.93rem; line-height:18px; background-color:#90c3e4; padding:15px; word-break:keep-all;} /* div[data-user=student] div.satisfy ul[data-role=form] {font-size:0;} div[data-user=student] div.satisfy ul[data-role=form] li {font-size:0.0rem;} */ div[data-user=student] div.satisfy ul[data-role=form] li {display:block; margin-bottom:15px;} div[data-user=student] div.satisfy ul[data-role=form] > li label {display:block; width:auto;} div[data-user=student] div.satisfy ul[data-role=form] > li label span.txt_cnt {display:inline-block; margin-left:10px;} div[data-user=student] div.satisfy ul[data-role=form] > li div {display:block; width:auto; padding:0 0 0 10px;} div[data-user=student] div.satisfy ul[data-role=form] li div > div[data-role=input] {width:auto; display:inline-block; margin-right:10px;} /* 현장실습 신청 */ div[data-user=student] div.tb + div.btn_last {margin-top:20px;} /* 현장실습 마감 앙케이트 */ div[data-user=student] div.servey div.desc {padding:15px; border:1px solid #ddd; word-break:keep-all;} div[data-user=student] div.servey ul[data-role=form] li {display:block; margin-bottom:15px; border:1px solid #d1d1d1;} div[data-user=student] div.servey ul[data-role=form] > li label {display:block; width:auto;} div[data-user=student] div.servey ul[data-role=form] > li label span.txt_cnt {display:inline-block; margin-left:10px;} div[data-user=student] div.servey ul[data-role=form] > li div {display:block; width:auto; padding:5px 0 5px 10px ;} div[data-user=student] div.servey ul[data-role=form] li div > div[data-role=input] {width:auto; display:inline-block; margin-right:10px;} div[data-user=professor] ul[data-role=table] span.check { width:60px;} div[data-user=professor] ul[data-role=table] span.agency { width:120px;} div[data-user=professor] ul[data-role=table] span.sort { width:80px;} div[data-user=professor] ul[data-role=table] span.casting { width:80px;} div[data-user=professor] ul[data-role=table] span.owner { width:80px;} div[data-user=professor] ul[data-role=table] span.tel { width:100px;} div[data-user=professor] ul[data-role=table] span.location { width:100px;} div[data-user=professor] ul[data-role=table] span.join { width:70px;} div[data-user=professor] ul[data-role=table] span.status { width:100px;} div[data-user=professor] ul[data-role=table] span.year {width:80px;} div[data-user=professor] ul[data-role=table] span.semester {width:80px;} div[data-user=professor] ul[data-role=table] span.exercise {width:250px;} div[data-user=professor] ul[data-role=table] span.period {width:170px;} div[data-user=professor] ul[data-role=table] span.department {width:120px;} div[data-user=professor] ul[data-role=table] span.charge {width:80px;} div[data-user=professor] ul[data-role=table] span.ing {width:120px;} div[data-user=professor] ul[data-role=table] span.member {width:70px;} div[data-user=professor] ul[data-role=table] span.regist {width:70px;} div[data-user=professor] ul[data-role=table] span.etc {width:100px;} div[data-user=professor] ul[data-role=table] span.name {width:90px;} div[data-user=professor] ul[data-role=table] span.selection {width:100px;} div[data-user=professor] ul[data-role=table] span.button {width:100px; text-align:center;} div[data-user=professor] ul[data-role=table] span.score {text-align:center;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button {text-align:center; font-size:0; padding-left:5px; padding-right:5px;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul {list-style:none; display:table; table-layout:fixed; width:100%;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li {height:40px; display:table-cell; padding:0px 5px; vertical-align:middle;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > * {display:block; width:100%; height:40px; border:0; font-size:0.93rem; cursor:pointer; background:transparent; position:relative; line-height:38px; border:1px solid rgba(0,0,0,0.1); color:#222; background:#fff; text-decoration:none; box-sizing:border-box;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *[disabled] {opacity:0.5; cursor:not-allowed;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *:hover {background:#f4f4f4;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *[disabled] {background:#f4f4f4; color:#222;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *.submit {background:#2196fe; color:#fff;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *.submit:hover {background:#1e88e5; color:#fff;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *.submit[disabled] {background:#1e88e5; color:#fff;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *.danger {background:#f44336; color:#fff;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *.danger:hover {background:#e53935; color:#fff;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > *.danger[disabled] {background:#e53935; color:#fff;} div[data-user=professor] ul[data-role=table] > li.tbody > span.button > ul > li > * > label {position:absolute; top:5px; right:5px; width:5px; height:5px; border-radius:50%; display:block; background:#f44336;} div[data-user=professor] ul[data-role=table] div[data-role=input][data-type=checkbox] > label {padding-left:40px;} div[data-user=professor] div[data-role=inputset].postcode {margin-bottom:5px;} div[data-user=professor] div[data-role=button] {margin-top:20px;} div[data-user=professor] strong.tit_min {display:block; word-break:keep-all; margin:25px 0 10px;} div[data-user=professor] p.txt_dot {position:relative; font-size:0.93rem; line-height:18px; word-break:keep-all; padding:4px 0 4px 10px;} div[data-user=professor] p.txt_dot:after {content:''; display:block; width:4px; height:4px; border-radius:50%; background:#999; position:absolute; left:0; top:11px;} div[data-user=professor] ul[data-role=form] > li > label {word-break:keep-all;} div[data-user=professor] div[data-role=input].excel {margin-top:10px;} div[data-user=professor] div.popup > div.box > div.content {padding:15px;} div[data-user=professor] div.popup > div.box > div.content div.tool {margin-bottom:15px;} div[data-user=professor] div.popup > div.box > div.content div.tool:after {content:''; display:block; clear:both;} div[data-user=professor] div.popup > div.box > div.content div.tool > ul.tab {float:left; font-size:0;} div[data-user=professor] div.popup > div.box > div.content div.tool > ul.tab > li {font-size:0.93rem;} div[data-user=professor] div.popup > div.box > div.content div.tool > button {float:left; margin-right:10px; border:0 none; background:none; padding:10px; background:#2196f3; color:#fff; cursor:pointer;} div[data-user=professor] div.popup > div.box > div.content div.tool > button:hover {background:#1e88e5;} div[data-user=professor] div[data-popup=mentoring].popup > div.box > div.content > ul[data-role=form] > li > label {width:75%;} div[data-user=professor] div[data-popup=mentoring].popup > div.box > div.content > ul[data-role=form] > li > div {width:25%;} div[data-user=professor] div[data-popup=mentoring].popup > div.box > div.content > ul[data-role=form] > li > div > div[data-role=inputset] label {padding:10px 0 10px 32px;} span.txt {display:table-cell; padding-left:5px; font-size:0.93rem; line-height:40px;} span.txt_cnt {display:block;} span.txt.schor {width:55%;} div[data-user=agency] > div.select > div.tb {margin-top:0; margin-bottom:30px;} div[data-user=agency] > div.select > div.tb > table td {padding:5px; text-align:center;} div[data-user=agency] > div.select > div.tb > table td span.photo {display:block; float:left; width:50px; height:57px; margin-right:15px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover;} div[data-user=agency] > div.select > div.tb > table td span.photo:empty {background-image:url(../images/img_profile_default.jpg);} div[data-user=agency] > div.work > div.tb {margin-top:0; margin-bottom:30px;} div[data-user=agency] > div.work > div.tb > table td {padding:10px;} div[data-user=agency] > div.work > div.tb > table td span.photo {display:block; float:left; width:57px; height:57px; margin-right:10px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(/ko/module/member/photo/1/profile.jpg);} div[data-user=agency] > div.work > div.tb > table td a.title {display:block; cursor:pointer;} div[data-user=agency] > div.work > div.tb > table td span.date {font-size:0.79rem;} div[data-user=professor].student div.tb {margin-top:0; margin-bottom:30px;} div[data-user=professor].student div.tb > table td {padding:5px;} div[data-user=professor].student div.tb > table td span.photo {display:block; float:left; width:57px; height:57px; margin-right:10px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover;} div[data-user] div.popup > div.box div[data-role=button] {margin:10px 0;} div[data-user=agency] > div.select > div.tb > table tbody#tbody_item_company_applicant_list td.profile div.inner {display:flex; justify-content:center; align-items:center; width:100%;} /* 실습기관 정보 */ div[data-user=agency] div[data-role=button].btn_last {margin-top:20px; margin-bottom:10px;} div[data-user=agency] ul[data-role=form] + div[data-role=button] {margin-top:20px;} /* 회원가입 */ div[data-user=agency] div.half {display:table; width:100%;} div[data-user=agency] div.half > div[data-role=input] {display:table-cell; width:49%; padding-right:2%;} div[data-user=agency] div.half > div[data-role=input] + div[data-role=input] {padding-right:0;} div[data-user=agency] div.half > input {width:230px;} div[data-user=agency] div[data-role=input][data-name=image] > input {height:150px;} div[data-user=agency] div[data-role=input] > .img_sel {display:none;} div[data-user=agency] div[data-role=input] > .img_sel + label {display:inline-block; white-space:nowrap; height:40px; line-height:40px; padding:0px 15px; box-sizing:border-box; cursor:pointer; color:#fff; background:#b5b7c0; border:0;} div[data-user=agency] div[data-role=input] > input.box_img {height:180px;} div[data-user=agency] div[data-role=input] > textarea.box_txt {max-width:100%; height:180px;} div[data-user=agency] ul[data-role=form] > li > div:last-child.rows {display:inline-block;} div[data-user=agency] div.btn_spl {width:400px; margin-bottom:5px;} div[data-user=agency] div.btn_spl:after {content:''; display:block; clear:both;} div[data-user=agency] div.btn_spl > div[data-role=input] {float:left; width:60%; margin-right:2%;} div[data-user=agency] div.btn_spl > div[data-role=input] + div[data-role=input] {width:38%; margin:0;} div[data-user=agency] div.btn_spl.btn_qua > div[data-role=input] {float:left; width:50%; margin-right:2%;} div[data-user=agency] div.btn_spl.btn_qua > div[data-role=input] + div[data-role=input] {width:22.5%; margin:0;} /* 참여신청서 작성 */ div[data-user=agency] ul[data-role=form].inner > li.bor_no {border-bottom:none;} div[data-user=agency] ul[data-role=form] > li > p {padding:15px; line-height:20px;} div[data-user=agency] ul[data-role=form] > li > p.txt_center {text-align:center; line-height:40px;} div[data-user=agency] ul[data-role=form] > li.inlineb {display:block;} div[data-user=agency] ul[data-role=form] > li.inlineb:after {content:''; display:block; clear:both;} div[data-user=agency] ul[data-role=form] > li.inlineb > label {display:block; float:left;} div[data-user=agency] ul[data-role=form] > li.inlineb > div {display:block; float:left; width:230px;} div[data-user=agency] div[data-role=button] {text-align:center;} div[data-user=agency] div[data-role=button] > button {min-width:83px;} div[data-user=agency] ul[data-role=form] > li > div.txt {text-align:center; padding:10px;} div[data-user=agency] ul[data-role=form] > li > div {border-right:1px solid #ccc;} div[data-user=agency] ul[data-role=form] > li > div:last-child {border-right:none;} div[data-user=agency] div[data-role=inputset].tabbar {margin-top:50px; margin-bottom:-20px; border-bottom:1px solid #e0e0e0; text-align:right;} div[data-user=agency] div[data-role=inputset].tabbar button {margin:0;} div[data-user=agency] div[data-role=inputset].tabbar:after {content:''; display:block; clear:both;} div[data-user=agency] div[data-role=inputset].tabbar > div {display:inline-block; padding:0; margin-bottom:-1px;} div[data-user=agency] div[data-role=inputset].tabbar > div:last-child {float:left;} div[data-user=agency] div[data-role=inputset].tabbar > div:last-child > button {margin-right:-1px;} div[data-user=agency] div[data-role=inputset].tabbar button.btn_blue {padding:0 15px; min-width:auto;} div[data-user=agency] ul.aplly_list > li {display:none;} div[data-user=agency] ul.aplly_list > li.on {display:block;} /* 침여신청서 조회*/ /* div.tb table tbody > tr:hover th {background-color:#e0f2ff;} div.tb table tbody > tr:focus th {background-color:#e0f2ff;} */ div[data-user=agency] > div.subscript div.tb {margin-top:20px;} div[data-user=agency] > div.subscript div[data-role=button] {margin-top:20px;} div[data-user=agency] > div.subscript > div.popup > div.box > div.content {margin-top:50px;} div[data-user=agency] > div.subscript > div.popup > div.box div[data-role=inputset].grow {margin-top:20px;} div[data-user=agency] > div.subscript > div.popup > div.box div[data-role=input].padding {padding-left:30px; margin:20px 0 ; box-sizing:border-box;} div[data-user=agency] > div.subscript > div.popup > div.box div.inline {margin-top:20px;} div[data-user=agency] > div.subscript > div.popup > div.box div.inline >div {display:inline-block; margin:10px 0; width:auto;} div[data-user=agency] > div.subscript > div.popup > div.box ul.sign {list-style:none;} div[data-user=agency] > div.subscript > div.popup > div.box ul.sign > li {display:inline-block; margin:5px 0;} div[data-user=agency] > div.subscript > div.popup > div.box ul.sign > li > span {display:inline-block; text-align:left;} div[data-user=agency] > div.subscript > div.popup > div.box ul.sign > li > span.title {min-width:100px; font-weight:bold;} div[data-user=agency] > div.subscript > div.popup > div.box ul.sign > li > span.text {min-width:160px;} div[data-user=agency] > div.subscript > div.popup > div.box > div.content > div[data-role=button]:last-child {margin-top:50px;} /* 참여신청서 작성 */ div[data-user=agency] > div.sub_write div.tb {margin-top:20px;} div[data-user=agency] div[data-role=button].btn_right:after {content:''; display:block; clear:both;} div[data-user=agency] div[data-role=button].btn_right > button {float:right;} div[data-user=agency] div[data-role=input]:after {content:''; display:block; clear:both;} div[data-user=agency] div[data-role=input].btn_right >label {float:right; word-break:keep-all;} div[data-user=agency] > div.sub_content ul[data-role=form] > li div[data-role=help] {text-align:right;} div[data-user=agency] > div.sub_content ul[data-role=form] > li div.bor_no {border-right:none;} div[data-user=agency] > div.sub_content ul[data-role=form] > li div[data-role=form] {padding:20px 10px;} div[data-user=agency] > div.sub_content ul[data-role=form] > li label {padding-right:10px; word-break:keep-all;} /* 평가표작성 */ div[data-user=agency] div.tb.work {margin-top:20px;} div[data-user=agency] div.tb.work table tr:last-child > td.bor_no {border-bottom:none;} div[data-user=agency] div.tb.work table tr > td ul {list-style:none;} div[data-user=agency] div.tb.work table tr > td ul > li { display:inline-block;} div[data-user=agency] div.tb.work table tr > td ul > li > div {margin:5px 0 ;} div[data-user=agency] div.popup > div.box div.tb.work table tbody tr td div {height:auto;} div[data-user=agency] div.popup > div.box div.tb.work span.txt_cnt {display:inline-block; margin-left:10px;} section.loginBox {position:relative; box-sizing:border-box; max-width:560px; margin:0 auto; padding:30px 40px; border:1px solid #c8caca; border-top:2px solid #014da1;} section.loginBox h1 {font-size:1.57rem; height:34px; line-height:34px; font-weight:400; margin-bottom:20px; letter-spacing:-1px;} section.loginBox h1 > i {float:left; width:25px; height:34px; line-height:34px; font-size:2.0rem; margin-right:10px; color:#014da1;} section.loginBox button {display:block; width:100%; height:40px; line-height:40px; margin-top:10px; background:#014da1; color:#fff; font-size:0.93rem; text-align:center; text-decoration:none; border:0; cursor:pointer;} section.loginBox div.btn {text-align:right;} section.loginBox div.btn > a {display:inline-block; line-height:18px; margin-top:15px;} section.loginBox div.btn > a > i {vertical-align:top; line-height:18px;} div.loginBtn {text-align:right; max-width:560px; margin:-30px auto 0;} div.loginBtn > a {display:inline-block; margin-top:15px; padding:0 8px; border:1px solid #2A2C7F; border-radius:2px; font-weight:bold; color:#2A2C7F; line-height:30px; text-decoration:none;} div.loginBtn > a > i {margin-left:3px; vertical-align:top; line-height:30px;} /* 설문조사 */ div[data-user=agency] ul[data-role=form].survey {margin-top:20px;} div[data-user=agency] ul[data-role=form].survey > li > label {display:block; width:100%; box-sizing:border-box;} div[data-user=agency] ul[data-role=form].survey > li > div {display:block; box-sizing:border-box; padding-left:20px;} ul[data-role=form].survey_professor {margin-top:20px;} ul[data-role=form].survey_professor > li > label {display:block; width:100%; box-sizing:border-box;} ul[data-role=form].survey_professor > li > div {display:block; box-sizing:border-box; padding-left:20px;} ul[data-role=form].survey_professor > li > div.memo {padding-left:0;} div[data-user] div.question {margin-top:20px;} div[data-user] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;} div[data-user] div.question + div.question {padding-top:12px; border-top:1px dashed #ccc;} div[data-user] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px !important; display:block; position:relative;} div[data-user] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;} div[data-user] div.question > label.numeric {padding-left:50px;} div[data-user] div.question > label.numeric > i {font-size:0.93rem; width:30px; text-align:center;} div[data-user] div.question > label.answer > i { background:#F44336;} div[data-user] div.question > label.required:after {content:"*"; color:red;} div[data-user] div.question > label.numeric + label {padding-left:50px;} div[data-user] div.question > label.numeric + label > i {width:30px; font-size:0.93rem; text-align:center;} div[data-user] div.question div[data-role=input] > label {padding:10px 0px 10px 32px; line-height:20px;} div[data-user] div.question div[data-role=input] > label.etc {padding:0 0 0 32px;} div[data-user] div.question div[data-role=input] > label.etc > button {margin:8px 0 8px -32px;} div[data-user] ul.progress_bar {display:table; width:100%; box-sizing:border-box; border:1px solid #ddd; overflow:hidden;} div[data-user] ul.progress_bar > li {display:table-cell; position:relative; text-align:center; vertical-align:middle; height:58px; padding-left:25px; background:#f7f7f7; color:#808080;} div[data-user] ul.progress_bar > li:before {content:''; display:block; position:absolute; right:-18px; top:0; width:58px; height:58px; transform:rotate(45deg); background:rgba(0,0,0,.2); z-index:1;} div[data-user] ul.progress_bar > li:after {content:''; display:block; position:absolute; right:-16px; top:0; width:58px; height:58px; transform:rotate(45deg); background:#f7f7f7; z-index:1;} div[data-user] ul.progress_bar > li:last-child:before, div[data-user] ul.progress_bar > li:last-child:after {content:none;} div[data-user] ul.progress_bar > li > span {position:relative; color:inherit; z-index:11;} div[data-user] ul.progress_bar > li.pass {background:#4c5766;} div[data-user] ul.progress_bar > li.pass:after {background:#4c5766;} div[data-user] ul.progress_bar > li.pass > span {color:#fff;} div[data-user] ul.progress_bar > li.ing {background:#2A2C7F;} div[data-user] ul.progress_bar > li.ing:after {background:#2A2C7F;} div[data-user] ul.progress_bar > li.ing > span {color:#fff;} /* alert */ div[data-user] div.already {border:5px solid #efefef; text-align:center; padding:50px 30px; font-size:1.14rem; font-weight:bold; color:#666; line-height:35px;} div[data-user] div.already > i {font-size:2.14rem; margin-right:5px; vertical-align:bottom; color:#2A2C7F;} div[data-user] div.already > b {font-style:normal; margin-right:5px; font-size:1.79rem; color:#2A2C7F; vertical-align:bottom;} div#ModuleJobPreviewContext {padding:15px 15px 30px; font-size:0.93rem;} div#ModuleJobPreviewContext h6.caption {text-align:center; font-size:1.07rem; padding:15px; border:1px solid #e0d0bc; background-color:#fffeeb; word-break:keep-all; font-weight:normal;} div#ModuleJobPreviewContext div.agree + div[data-role=button] {margin-top:30px;} div#ModuleJobPreviewContext p {line-height:1.4;} div#mb_job_popup_pevaluation p.tip {margin-top:15px; margin-bottom:10px; line-height:24px; color:#666;} div#mb_job_popup_pevaluation p.tip > strong {margin-right:15px; font-size:1.07rem; color:#111;} div[data-module=job] div[data-user] div[data-role=searchbox] {margin:20px 0px; border:1px solid #ccc; text-align:left;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul {list-style:none; display:table; table-layout:fixed; width:100%;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li {display:table-cell; vertical-align:top; height:100%;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.title {width:180px; font-size:0; background:#40464d; overflow:auto;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.title > b {display:block; width:100%; height:50px; background:#40464d; line-height:50px; font-size:0.93rem; text-align:left; padding:0px 15px 0px 25px; box-sizing:border-box; color:#eee;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.title > b > i {float:right; width:30px; height:48px; line-height:48px; text-align:center; font-weight:normal;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.title {border-bottom:1px solid #33383e;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.title > button {width:100%; height:100%; min-height:50px; background:#40464d; border:0; cursor:pointer; color:#eee; position:relative;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.title > button > b {display:block; width:100%; height:50px; line-height:50px; font-size:0.93rem; text-align:left; padding:0px 15px 0px 25px; position:absolute; top:0; left:0; box-sizing:border-box;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.title > button > b > i {float:right; width:30px; height:48px; line-height:48px; text-align:center; font-weight:normal;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item {border-bottom:1px solid #ebebeb; font-size:0;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > ul {list-style:none; margin:10px 20px; height:30px; overflow:hidden;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > ul > li {display:inline-block; height:30px; line-height:30px; padding:0px 10px; font-size:0.93rem; color:#666;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > ul > li > a {text-decoration:none; color:#666;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > ul > li.selected {background:#2196F3; color:#fff; border-radius:3px;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > ul > li.selected > a {color:#fff;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > input {border:0; padding:15px 30px; width:calc(100% - 50px); height:50px; line-height:30px; font-size:1.14rem; box-sizing:border-box; vertical-align:middle;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > button {width:50px; height:50px; background:#b5b7c0; vertical-align:middle; border:0; color:#fff; font-size:1.14rem;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > button:hover {background:#828595;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul > li.item > div[data-role=inputset] {width:calc(100% - 10px); margin:5px;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul:last-child > li {border-bottom:0;} div[data-module=job] div[data-user] div[data-role=searchbox] > ul.open > li.title > button > b > i:before {content:"\eb01";} div[data-module=job] div[data-user] div[data-role=searchbox] > ul.open > li.item > ul {height:auto;} div[data-module=job] div[data-user] div.options {margin-bottom:10px;} div[data-module=job] div[data-user] div.options:after {content:''; display:block; clear:both;} div[data-module=job] div[data-user] div[data-name=pagesize] {float:right; width:250px;} div[data-module=job] div[data-user] div.week_report{width:100%; overflow-x:auto} div[data-module=job] div[data-role=input][data-type=textarea] > textarea {font-size:0.93rem; min-height:150px;} div[data-user] div.tb.context table tbody td.profile {width:230px;} div[data-user] div.attachment {font-size:0; line-height:1;} div[data-user] div.attachment > label {display:inline-block; cursor:pointer;} div[data-user] div.attachment > label > input[type=file] {display:none;} div[data-user] div.attachment > label > span.profile {display:block; width:200px; height:250px; border:1px solid #e5e5e5; background-image:url(/ko/module/member/photo/1/profile.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;} div[data-user] div[data-role=pagination] {display:block; margin:10px 0 20px ; text-align:center;} div#ModuleJobStatusContext {padding:15px;} div[data-module=job][data-context=status_survey] h3 {font-size:1.14rem; background:#f7f9fa; padding:0px 15px; height:64px; line-height:60px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;} div[data-module=job][data-context=status_survey] .block {padding:10px 0px 20px 0px;} div[data-module=job][data-context=status_survey] h4 {font-size:1.14rem; font-weight:bold; height:40px; line-height:40px;} div[data-module=job][data-context=status_survey] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;} div[data-module=job][data-context=status_survey] div.question + div.question {margin-top:20px; padding-top:12px; border-top:1px dashed #ccc;} div[data-module=job][data-context=status_survey] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;} div[data-module=job][data-context=status_survey] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;} div[data-module=job][data-context=status_survey] div.question > label.numeric {padding-left:50px;} div[data-module=job][data-context=status_survey] div.question > label.numeric > i {font-size:0.93rem; width:30px; text-align:center;} div[data-module=job][data-context=status_survey] div.question > label.answer > i { background:#F44336;} div[data-module=job][data-context=status_survey] div.question > label.required:after {content:"*"; color:red;} div[data-module=job][data-context=status_survey] div.question > label.numeric + label {padding-left:50px;} div[data-module=job][data-context=status_survey] div.question > label.numeric + label > i {width:30px; font-size:0.93rem; text-align:center;} div[data-module=job][data-context=status_survey] div.question > div.goal {padding-left:30px;} div[data-module=job][data-context=status_survey] div.question > div.goal > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 0px; display:block;} div[data-module=job][data-context=status_survey] div.question > div.goal > label > i {display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;} div[data-module=job][data-context=status_survey] div.question div[data-role=input] {font-size:0.93rem;} div[data-module=job][data-context=status_survey] div.question div[data-role=input] > label.etc {width:100%;} div[data-module=job][data-context=status_survey] div.question div[data-role=input] > label > div[data-role=input] {width:calc(100% - 32px); margin:-5px 0px; height:30px;} div[data-module=job][data-context=status_survey] div.question div[data-role=input] > label > div[data-role=input] input[type=text] {height:30px; padding:5px; line-height:18px;} div[data-module=job][data-context=status_survey] div.question div.etc > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;} div[data-module=job][data-context=status_survey] div.question div.etc > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#F44336;} div[data-module=job][data-context=status_survey] div.detail {padding:14px 0px 0px 0px; color:#666; font-weight:normal; font-size:0.93rem;} div[data-module=job][data-context=status_survey] div.status {border:1px solid #e5e5e5; height:40px; padding:20px; font-size:0;} div[data-module=job][data-context=status_survey] div.status > label {display:inline-block; height:40px; line-height:40px; letter-spacing:-1px; font-size:1.71rem;} div[data-module=job][data-context=status_survey] div.status > i {display:inline-block; height:40px; float:right; font-style:normal; font-size:1.71rem; letter-spacing:-2px; line-height:40px;} div[data-module=job][data-context=status_survey] div.status > i > b {color:#2196F3;} div[data-module=job][data-context=status_survey] div.talkbox {padding:0px 10px; background:#f4f4f4;} div[data-module=job][data-context=status_survey] div.talkbox > div.even {margin-right:20px;} div[data-module=job][data-context=status_survey] div.talkbox > div.odd {margin-left:20px;} div[data-module=job][data-context=status_survey] div.talkbox > div > div {position:relative; padding:12px; line-height:1.6; font-size:0.93rem; margin:15px 0px; border-radius:3px; min-height:20px;} div[data-module=job][data-context=status_survey] div.talkbox > div > div:after, div[data-module=job][data-context=status_survey] div.talkbox > div > div:before {top:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;} div[data-module=job][data-context=status_survey] div.talkbox > div > div:after {border-width:10px; margin-top:-10px; border-color:rgba(0,0,0,0); border-width:10px;} div[data-module=job][data-context=status_survey] div.talkbox > div > div:before {border-width:11px; margin-top:-11px; border-color:rgba(0,0,0,0); border-width:11px;} div[data-module=job][data-context=status_survey] div.talkbox > div.even {padding-left:60px; background:url(../images/icon_woman.png) no-repeat 0px 15px; margin-right:80px;} div[data-module=job][data-context=status_survey] div.talkbox > div.even > div {background:#f0f2f5; border:1px solid #d4d5d6; display:inline-block;} div[data-module=job][data-context=status_survey] div.talkbox > div.even > div:after, div[data-module=job][data-context=status_survey] div.talkbox > div.even > div:before {right:100%;} div[data-module=job][data-context=status_survey] div.talkbox > div.even > div:after {border-right-color:#f0f2f5;} div[data-module=job][data-context=status_survey] div.talkbox > div.even > div:before {border-right-color:#d4d5d6;} div[data-module=job][data-context=status_survey] div.talkbox > div.odd {padding-right:60px; background:url(../images/icon_man.png) no-repeat 100% 15px; margin-left:80px; text-align:right;} div[data-module=job][data-context=status_survey] div.talkbox > div.odd > div {background:#fcf0ca; border:1px solid #d4d5d6; display:inline-block;} div[data-module=job][data-context=status_survey] div.talkbox > div.odd > div:after, div[data-module=job][data-context=status_survey] div.talkbox > div.odd > div:before {left:100%;} div[data-module=job][data-context=status_survey] div.talkbox > div.odd > div:after {border-left-color:#fcf0ca;} div[data-module=job][data-context=status_survey] div.talkbox > div.odd > div:before {border-left-color:#d4d5d6;} div[data-module=job][data-context=status_survey] div.tb {margin:15px 0 30px;} div[data-module=job][data-context=status_survey] div.tb > table {width:100%; box-sizing:border-box; font-size:0.93rem; overflow:hidden; border-top:1px solid #e5e5e5; border-spacing:0; font-size:0.93rem;} div[data-module=job][data-context=status_survey] div.tb > table thead th {padding:10px; height:22px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; text-align:center; vertical-align:middle; color:#111; line-height:22px; word-break:keep-all;} div[data-module=job][data-context=status_survey] div.tb > table tbody th {padding:10px; height:22px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fefefe; text-align:center; vertical-align:middle; color:#111; line-height:22px; word-break:keep-all;} div[data-module=job][data-context=status_survey] div.tb > table tbody td {height:22px; padding:10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; vertical-align:middle; color:#666; line-height:22px; word-break:keep-all;} /* 학생평가표 */ div[data-user] div.popup > div.box > div.content #ModuleJobStudentEvaluationForm div.bot_wrap {margin-bottom:15px; display:flex; align-items:center; justify-content:flex-end;} div[data-user] div.popup > div.box > div.content #ModuleJobStudentEvaluationForm div.bot_wrap > div {margin-right:15px;} div[data-user] div.popup > div.box > div.content #ModuleJobStudentEvaluationForm div.bot_wrap > div:last-child {margin-right:0;} div[data-user] div.popup > div.box > div.content #ModuleJobStudentEvaluationForm div.bot_wrap input {box-sizing:border-box; text-indent:10px; height:30px; border:1px solid #d1d1d1;} div[data-user] div.popup > div.box > div.content #ModuleJobStudentEvaluationForm div.bot_wrap > div.button button {box-sizing:border-box; padding:10px; width:auto; height:40px; background:#b5b7c0; color:#fff; font-size:0.93rem; border:none; cursor:pointer;} div[data-user] div.popup > div.box > div.content #ModuleJobStudentEvaluationForm div.bot_wrap div.button > span {display:none !important;} div[data-user] div.popup > div.box > div.content #ModuleJobStudentEvaluationForm div.bot_wrap > div.file_wrap {width:80px; height:80px; text-align:right;} /** * 이수증 */ div[data-module=job][data-context=certificate] h3 {font-size:1.14rem; background:#f7f9fa; padding:0px 15px; height:64px; line-height:60px; border:2px solid #222; box-sizing:border-box; margin:10px 0px;} div[data-module=job][data-context=certificate] .block {padding:10px 0px 20px 0px;} div[data-module=job][data-context=certificate] h4 {font-size:1.14rem; font-weight:bold; height:40px; line-height:40px;} div[data-module=job][data-context=certificate] ul[data-role] + h4 {margin-top:20px;} div[data-module=job][data-context=certificate] ul[data-role=table].topic > li > span.title {width:100%;} div[data-module=job][data-context=certificate] ul[data-role=table].topic > li > span.attendance {width:100px; text-align:center;} div[data-module=job][data-context=certificate] ul[data-role=table].topic > li > span.complete {width:100px; text-align:center;} div[data-module=job][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title {padding-top:8px; padding-bottom:8px;} div[data-module=job][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > b {display:block; min-height:24px; line-height:24px;} div[data-module=job][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > p {display:block; height:16px; line-height:16px; font-size:0.86rem; color:#666;} div[data-module=job][data-context=certificate] ul[data-role=table].topic > li.tbody > span.title > small {display:block; margin-top:10px; padding-top:10px; border-top:1px dashed #ddd; font-size:0.86rem; line-height:1.4;} div[data-module=job][data-context=certificate] div.contact {padding:10px 0px; text-align:right; color:#666;} div[data-module=job][data-context=certificate] div.question + h4 {margin-top:30px; border-top:1px solid #ccc; padding-top:25px;} div[data-module=job][data-context=certificate] div.question + div.question {margin-top:20px; padding-top:12px; border-top:1px dashed #ccc;} div[data-module=job][data-context=certificate] div.question > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 30px; display:block; position:relative;} div[data-module=job][data-context=certificate] div.question > label > i {position:absolute; top:10px; left:0px; display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;} div[data-module=job][data-context=certificate] div.question > label.numeric {padding-left:50px;} div[data-module=job][data-context=certificate] div.question > label.numeric > i {font-size:0.93rem; width:30px; text-align:center;} div[data-module=job][data-context=certificate] div.question > label.answer > i { background:#F44336;} div[data-module=job][data-context=certificate] div.question > label.required:after {content:"*"; color:red;} div[data-module=job][data-context=certificate] div.question > label.numeric + label {padding-left:50px;} div[data-module=job][data-context=certificate] div.question > label.numeric + label > i {width:30px; font-size:0.93rem; text-align:center;} div[data-module=job][data-context=certificate] div.question > div.goal {padding-left:30px; page-break-inside:avoid;} div[data-module=job][data-context=certificate] div.question > div.goal > label {font-weight:bold; font-size:1.14rem; color:#333; line-height:28px; padding:10px 0px 10px 0px; display:block;} div[data-module=job][data-context=certificate] div.question > div.goal > label > i {display:inline-block; height:22px; padding:0px 5px; line-height:22px; color:#fff; margin:3px 8px 3px 0px; font-style:normal; border-radius:3px; background:#2196F3;} div[data-module=job][data-context=certificate] div.question div[data-role=input] {font-size:0.93rem;} div[data-module=job][data-context=certificate] div.question div[data-role=input] > label.etc {width:100%;} div[data-module=job][data-context=certificate] div.question div[data-role=input] > label > div[data-role=input] {width:calc(100% - 32px); margin:-5px 0px; height:30px;} div[data-module=job][data-context=certificate] div.question div[data-role=input] > label > div[data-role=input] input[type=text] {height:30px; padding:5px; line-height:18px;} @media screen and (max-width:1200px) { div[data-user] div.popup > div.box > div.content {padding:15px;} ul[data-role=form] > li > label {width:120px;} div[data-user] div.tb.context div[data-role=input][data-type=button] > button {padding:0 5px;} div[data-user=agency] div.half > input {width:188px;} div[data-user=agency] ul[data-role=form] > li.inlineb > div {width:188px;} div[data-user=agency] > div.sub_content div[data-role=inputset].grow {display:block;} div[data-user=agency] > div.sub_content div[data-role=inputset].grow > div[data-role].grow_cal {border-bottom:10px solid transparent ; border-left:0;} div[data-user=agency] > div.sub_content div[data-role=inputset].grow > div[data-role].grow_cal:last-child {border:none;} div[data-user=agency] > div.sub_content div[data-role=inputset].grow > div[data-role=text] {display:inline-block;} div[data-user=agency] > div.sub_content ul[data-role=form] > li div[data-role=help] {text-align:left;} } @media screen and (max-width:995px) { div[data-user=agency] div.half > input {width:113px;} div[data-user=agency] ul[data-role=form] > li.inlineb > div {width:113px;} span.txt.schor {display:block; width:100%;} } @media screen and (max-width:768px) { div[data-user=agency] div.popup > div.box label {width:90px; padding-right:0;} div[data-user=agency] div.half > input {width:100%;} div[data-user=agency] ul[data-role=form] > li.inlineb > div {width:30%; padding:5px;} } @media screen and (max-width:600px) { div[data-user] div.popup > div.box {width:94%; height:96%;} div[data-user] div.popup > div.box div.tb table tbody tr th {display:block; background:none; border:none;} div[data-user] div.popup > div.box div.tb table tbody tr th:after {content:" :";} div[data-user] div.popup > div.box div.tb table tbody tr td {display:block; padding:0; height:auto; border:none; border-bottom:1px solid #e3e4e5; text-align:left;} div[data-user] div.popup > div.box div.tb table tbody tr td div.photo {padding:10px;} div[data-user] div.tb > table caption {margin-top:10px;} div[data-user] div.tb.context table tbody tr th {display:block; background:none; border:none; text-align:left;} div[data-user] div.tb.context table tbody tr th:after {content:" :";} div[data-user] div.tb.context table tbody tr td {display:block; padding:0; height:auto; border:none; text-align:left;} div[data-user] div.tb.context table tbody tr td div.photo {padding:10px;} div[data-user] div.popup > div.box div.tb.cell{overflow-x:auto} div[data-user] div.popup > div.box div.tb.cell table{min-width:800px; } div[data-user] div.popup > div.box div.tb.cell table tbody tr td{display:table-cell; padding:10px; border:1px solid #e5e5e5; text-align:center;} div[data-user] div.popup > div.box div.tb.cell table tbody tr td:first-child{border-left:none} div[data-user] div.tb.cell{overflow-x:auto} div[data-user] div.tb.cell table{min-width:800px; } div[data-user] div.tb.cell table tbody tr td{display:table-cell; padding:10px; border:1px solid #e5e5e5; text-align:center;} div[data-user] div.tb.cell table tbody tr td:first-child{border-left:none} div[data-user=agency] ul[data-role=form] > li div {border-right:none;} span.txt_cnt {display:inline-block; margin-left:10px;} /* 설문조사 */ div[data-user=agency] div.tb.work table thead {display:none;} /* 참여신청서 조회 */ div[data-user=agency] > div.subscript > div.popup > div.box label {width:auto;} div[data-user=agency] > div.subscript > div.popup > div.box ul.sign > li > span {min-width:50px;} /* 평가표작성 */ div[data-user=agency] div.popup > div.box div.tb.work table tbody tr td.title {border-bottom:none;} } @media screen and (max-width:992px) { div[data-role=wrapper] > header > nav > ul.gnb {display:none;} } @media screen and (max-width:768px) { div[data-role=wrapper] > footer div.inner > div.fam_site {display:block; margin-bottom:20px; width:auto; float:none;} div[data-user=student] div.agree ul.sign > li{display:block} } @media print { a {text-decoration:none;} div.tb > table {min-width:auto !important;} } #ModuleJobsearchContext p.comment {margin:30px auto 0; padding:15px; font-size:0.93rem; line-height:20px; word-break:keep-all; text-align:center; background:#f3f3f3;} #ModuleJobSearchCompanyUserInfoWrap div[data-role=button] {margin-top:20px;} #ModuleJobSearchCompanyUserInfoWrap div.step {display:none;} #ModuleJobSearchCompanyUserInfoWrap div.step h2 {margin:30px 0 10px;} #ModuleJobSearchCompanyUserInfoWrap div.step.step1 {display:block;} /* * 현장실습 교수 마이페이지 */ div[data-role=professor] div.manage {margin-top:30px;} div[data-role=professor] div.manage > p.nodata {padding:30px; line-height:40px; font-size:1.14rem; text-align:center; color:#999; background:#f5f5f5;} div[data-role=professor] div.manage ul[data-role=tab] {font-size:0; margin-bottom:15px; border:1px solid #ddd;} div[data-role=professor] div.manage ul[data-role=tab] li {display:inline-block; box-sizing:border-box; width:33.33%; vertical-align:top;} div[data-role=professor] div.manage ul[data-role=tab] li + li {border-left:1px solid #ddd;} div[data-role=professor] div.manage ul[data-role=tab] li > button {box-sizing:border-box; width:100%; padding:15px; border:0 none; font-size:1.14rem; color:#999; background:#f5f5f5; cursor:pointer;} div[data-role=professor] div.manage ul[data-role=tab] li.selected > button {background:#fff; color:#1794E2;} div[data-role=professor] div.manage div.tb td > span.photo {display:block; float:left; width:57px; height:57px; margin-right:10px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url(/ko/module/member/photo/1/profile.jpg);} div[data-role=professor] div.manage div.tb td > div[data-type=button] + div[data-type=button] {margin-left:5px;} .animate_flash {-webkit-animation: flash linear 2s infinite; animation: flash linear 1.5s infinite;} @-webkit-keyframes flash { 0% { opacity: 1; } 50% { opacity: .3; } 100% { opacity: 1; } } /* 회원가입 컨텍스트 */ div[data-module=job][data-context=join] h5.legend {margin-top:30px; margin-bottom:10px; font-size:1.29rem;} div[data-module=job][data-context=join] div[data-role=button] {margin-top:20px;} div[data-module=job][data-context=join] div.btn_spl {width:400px; margin-bottom:5px;} div[data-module=job][data-context=join] div.btn_spl:after {content:''; display:block; clear:both;} div[data-module=job][data-context=join] div.btn_spl > div[data-role=input] {float:left; width:60%; margin-right:2%;} div[data-module=job][data-context=join] div.btn_spl > div[data-role=input] + div[data-role=input] {width:38%; margin:0;} div[data-module=job][data-context=join] div.btn_spl.btn_qua > div[data-role=input] {float:left; width:50%; margin-right:2%;} div[data-module=job][data-context=join] div.btn_spl.btn_qua > div[data-role=input] + div[data-role=input] {width:22.5%; margin:0;} div[data-module=job] ul[data-role=form] > li > label {font-size: 1rem !important;} div[data-module=job] ul[data-role=form] > li > div > div[data-role=text] {font-size: 1rem;} div[data-module=job] div[data-role=input][data-type=input] > input {font-size: 1rem;} div[data-module=job] div[data-role=inputset].grow > div[data-role=help] {font-size: 1rem;} div[data-module=job] div[data-role=input][data-type=checkbox] > label {font-size: 1rem;} div[data-module=job] div[data-role=input][data-type=select] > button > span {font-size: 1rem;} div[data-module=job] div[data-role=input][data-type=select] > ul > li {font-size: 1rem;} div[data-role=modal] > form > div[data-role=context] > div[data-role=message] {font-size: 1rem;} /* 팝업 컨텐츠 */ div[data-user] div.popup div.box h5.title_popup_content {margin-bottom:15px; font-size:1.07rem;} div[data-user] div.popup div.box div.tb.company_detail {margin-top:0;} div[data-user] div.popup div.box div.tb.company_detail table > tbody > tr > td.profile {text-align:left;} div[data-user] div.popup div.box div.tb.company_detail table > tbody > tr > td.profile > span.photo {display:block; float:left; width:60px; height:60px; margin-right:10px; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover;} div[data-user] div.popup div.box div.tb.company_detail table > tbody > tr > td.profile > div.info {overflow:hidden; text-align:left;} table a.btn_mini {display:inline-block; margin-left:3px; padding:3px 7px; font-size:0.86rem; background:#999; color:#fff; cursor:pointer;} table a.btn_mini:first-child {margin-left:0;} div[data-user] div.agree > div > div.sign {margin:50px 0 0; text-align:right;} div[data-user] div.agree > div > div.sign > p {font-size:1.07rem; height:80px; line-height:80px;} div[data-user] div.agree > div > div.sign > p + p {margin-top:10px;} div[data-user] div.agree > div > div.sign > p > strong {display:inline-block; width:120px; vertical-align:middle;} div[data-user] div.agree > div > div.sign > p > span {display:inline-block; margin-left:10px; vertical-align:middle;} div[data-user] div.agree > div > div.sign > p > span.name {min-width:60px; height:80px; text-align:center; letter-spacing:3px;} div[data-user] div.agree > div > div.sign > p > span.name:after {content:''; display:inline-block; width:100%;} div[data-user] div.agree > div > div.sign > p > span.sign {width:80px; height:80px; border:1px solid #ddd; text-align:center; font-size:0.86rem; color:#999; background-size:cover; background-position:center; background-repeat:no-repeat;} div[data-user] div.tb div[data-role=input][data-type=button] {margin:0 2px;} div[data-user] div.tb div[data-role=input][data-type=button] > button.agree {border:0 none; background:#004E9F; color:#fff;} div[data-user] div.tb div[data-role=input][data-type=button] > button.agree:hover {background:#004E9F; opacity:0.9; color:#fff;} div[data-user] a.link_file {display:block; padding-left:23px; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis; background-repeat:no-repeat; background-size:contain; background-position:left center;} div[data-user] a.link_file > span {display:inline-block; vertical-align:middle;} /* 프린트 */ div[data-content=print] div.box div.title {display:none;} /* @2021.07.14 이력서, 자기소개서 추가 */ div[data-module=job] div.toolbar_list {margin-bottom:10px; text-align:right;} div[data-module=job] div.toolbar_list > button {padding:5px 10px;font-size:1rem; border:1px solid rgba(0,0,0,0.1); background:#efefef; cursor:pointer;} div[data-module=job] div.toolbar_list > button[data-action=add] {border-color:#5891dd; color:#fff; background:#43b3ec;} div[data-module=job] div.view_resume > h4.title {margin-top:35px; margin-bottom:15px; font-size:1.14rem;} div[data-module=job] div.view_resume table.resume {table-layout:fixed; border-top:1px solid #ddd;} div[data-module=job] div.view_resume table.resume + table.resume > caption {border-top:0 none;} div[data-module=job] div.view_resume table.resume span.photo {display:block; width:150px; height:200px; background-repeat:no-repeat; background-position:center; background-size:cover;} div[data-module=job] div.view_resume table.resume td.activities {font-size:0;} div[data-module=job] div.view_resume table.resume td.activities > span {display:inline-block; width:50%; font-size:0.93rem; vertical-align:top;} div[data-module=job] div.view_resume table.resume td.activities > p.content {margin-top:10px; font-size:0.93rem; vertical-align:top; word-break:keep-all;} div[data-module=job] ul[data-role=form].title {margin-bottom:20px;} div[data-module=job] ul[data-role=form] > li > label {word-break:keep-all;} div[data-module=job] ul[data-role=form] div.txt_intro {font-size:0.93rem; line-height:18px; word-break:keep-all;} div[data-module=job] div.popup div.view_resume div.tb {margin:0;} div[data-module=job] div.upload_file {display:inline-block; vertical-align:middle;} div[data-module=job] div.upload_file label {cursor:pointer;} div[data-module=job] div.upload_file input[type=file] {display:none;} div[data-module=job] div.upload_file span {display:block; box-sizing:border-box; height:40px; line-height:40px; margin:0 2px; padding:0 7px; border:1px solid #2265B9; border-radius:2px; color:#2265B9; background:#fff;} div[data-module=job] div.upload_file label:hover span {background:#2265B9; color:#fff;} #ModuleJobCompanyNewJoinForm div[data-module=job][data-context=join] {padding:30px;} #ModuleJobCompanyNewJoinForm div[data-module=job][data-context=join] h4.title {position:relative; padding-bottom:20px; font-size:1.71rem;} #ModuleJobCompanyNewJoinForm div[data-module=job][data-context=join] h4.title:after {content:''; display:block; position:absolute; left:0; top:100%; width:50px; height:2px; background:#666;} #ModuleJobProfessorManage div[data-role=input] {margin-top:2px; margin-bottom:2px;} #ModuleJobProfessorManage div[data-role=input].allConfirm {margin-left:20px;} div[data-module=job] label > a.templet {display:block; width:75px; border:0 none; margin-top:10px; padding:3px; background:#43b3ec; text-align:center; color:#fff;} /* 대표담당자 관리 */ div[data-module=job][data-context=chief_admin] {} div[data-module=job][data-context=chief_admin] ul[data-role=table] li {} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.loopnum {width:60px;} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.department {width:150px;} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.telephone {width:150px;} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.manager {width:120px;} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.manager_cellphone {width:150px;} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.id {width:150px;} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.is_chief {width:60px;} div[data-module=job][data-context=chief_admin] ul[data-role=table] li span.is_chief div[data-role=input] {text-align:center;}