@charset "utf-8";

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: ng;
    src: url('fonts/NanumGothic.eot');
    src: url('fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), url('fonts/NanumGothic.woff') format('woff'), url('fonts/NanumGothic.ttf') format('truetype')
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: ngb;
    src: url('fonts/NanumGothicBold.eot');
    src: url('fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('fonts/NanumGothicBold.woff') format('woff'), url('fonts/NanumGothicBold.ttf') format('truetype')
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: ngbe;
    src: url('fonts/NanumGothic-ExtraBold.eot');
    src: url('fonts/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/NanumGothic-ExtraBold.woff') format('woff'), url('fonts/NanumGothic-ExtraBold.ttf') format('truetype')
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    color: #666;
    font-size: 13px;
    font-family: ng, serif
}

h1, h2, h3, h4, h5, h6 {
    font-family: ngbe, serif;
    font-weight: normal;
}

/* link */
a {
    color: #666;
}

a:link, a:visited, a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* link */

/* align */
.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}

.alignRight {
	text-align: right;
}
/* align */

/* form */
.formTextInput {
    border: 1px solid #999;
    box-sizing: border-box;
    vertical-align: middle;
    height: 33px;
    padding-left: 5px;
}

.formTextInput-plaintext {
    border: solid transparent;
    border-width: 1px 0;
    box-sizing: border-box;
    vertical-align: middle;
    height: 33px;
    padding-left: 5px;
}

.formFileInput {
    height: 33px;
    line-height: 33px;
    box-sizing: border-box;
}

.formTextArea {
    border: 1px solid #999;
    box-sizing: border-box;
    vertical-align: middle;
    padding-left: 5px;
    resize: none;
}

.formSelectBox {
    border: 1px solid #999;
    box-sizing: border-box;
    height: 33px;
    vertical-align: middle;
}

.formCheckBox {
    border: 1px solid #999;
    box-sizing: border-box;
    height: 33px;
    vertical-align: middle;
}
/* form */
/* form error */
input.error {
    border: 2px solid orangered;
}

label.error {
    color: orangered;
}

/* form error */
/* menu navigation */
nav.menuNavigation {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 0;
}

nav.menuNavigation > ul.menuNavigationList {
    display: flex;
    align-items: center;
    list-style-type: none;
    font-size: 11px;
    margin: 0;
}

nav.menuNavigation > ul.menuNavigationList > li {
    width: auto;
}

nav.menuNavigation > ul.menuNavigationList > li:first-of-type {
    background: url('../images/icon/icon_home.png') 0 1px no-repeat;
    padding-left: 20px;
}

nav.menuNavigation > ul.menuNavigationList > li:not(:first-of-type) {
    background: url('../images/icon/icon_list_arrow.png') 0 4px no-repeat;
    padding-left: 10px;
}

nav.menuNavigation > ul.menuNavigationList > li:not(:last-of-type) {
    margin-right: 10px;
}

/* menu navigation */
/* menu title */
nav.menuTitleRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90px;
}

nav.menuTitleRow .menuDescription {
    padding-left: 10px;
}

/* menu title */
/* bbs search row */
div.bbsSearchRow {
    padding: 5px;
    border: 1px solid #c3c3c3;
    border-radius: 8px;
}

div.bbsSearchRow .searchFormContainer {
    padding: 6px 12px;
    background-color: #f1f1f1;
    border-radius: 6px;
    border-style: solid;
}

div.bbsSearchRow .searchFormContainer *:not(:last-child) {
    margin-right: 5px;
}

/* bbs search row */
/* page search row */
div.pageSearchRow {
    padding: 5px;
    border: 1px solid #c3c3c3;
    border-radius: 8px;
}

div.pageSearchRow .searchFormContainer {
    padding: 6px 12px;
    background-color: #f1f1f1;
    border-radius: 6px;
    border-style: solid;
}

div.pageSearchRow .searchFormContainer *:not(:last-child) {
    margin-right: 5px;
}

/* page search row */
/* memo */
table.commentContainerTable {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 35px;
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    background-color: #f7f7f7;
}

table.commentContainerTable textarea {
    resize: none;
}

table.commentContainerTable > thead th {
    height: 35px;
    padding: 0 20px;
}

table.commentContainerTable > tbody td {
    padding: 0 20px 20px 20px;
}

table.commentContainerTable #memoContent {
    display: inline-block;
    width: 690px;
    height: 45px;
    vertical-align: middle;
}

table.commentInfoTable {
    border-collapse: collapse;
    border-spacing: 0;
}

table.commentInfoTable tbody th, table.commentInfoTable tbody td {
    height: 30px;
    border-bottom: 1px dashed #afafaf;
}

table.commentInfoTable tbody tr:first-child th, table.commentInfoTable tbody tr:first-child td {
    border-top: 1px solid #afafaf;
}

table.commentInfoTable tbody tr:last-child th, table.commentInfoTable tbody tr:last-child td {
    border-bottom: 0;
}

table.commentInfoTable tbody td:not(.alignLeft) {
    text-align: center;
}

/* memo*/
/* button */
button {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}

button:focus {
    outline: none;
}

button.add {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_add.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.add_s {
    width: 42px;
    height: 18px;
    background: url('../images/button/btn_sm_add.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.search {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_search_black.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.searchView {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_search_view.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.search_s {
    width: 49px;
    height: 19px;
    background: url('../images/button/btn_sm_search02.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.reset {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_reset.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.regist {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_registration.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.regist2 {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_registration2.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.download {
    width: 13px;
    height: 12px;
    background: url('../images/button/btn_file_download.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
}

button.downloadExcel {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_excel_save.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.update {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_edit.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.delete {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_delet.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.list {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_list.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.support_edit {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_support_edit.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.memo {
    width: 57px;
    height: 45px;
    background: url('../images/button/btn_comment_ok.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.save {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_save.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.cancel {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_cancel.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.cancelClose {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_cancel_close.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.confirm {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_identify.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.confirm:disabled {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_identify_disabled.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.joinus {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_joinus.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.withdrawal {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_withdrawal.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.selection {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_selection.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.drop {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_drop.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.selectionEnd {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_selection_end.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.delete_s {
    width: 12px;
    height: 11px;
    background: url('../images/button/btn_delete_small.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-left: 2px;
}

button.delete_l {
    width: 19px;
    height: 18px;
    background: url('../images/button/btn_delete_large.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-left: 2px;
}

button.mainLogin {
    width: 124px;
    height: 47px;
    background: url('../images/button/btn_empty_black_big.png') 100% 100% no-repeat;
    border: 0;
    color: white;
}

button.mainLogin:after {
    content: "로 그 인";
    text-align: center;
    font-size: 15px;
}

button.mainLogout {
    width: 54px;
    height: 47px;
    background: url('../images/button/btn_empty_black_small.png') 100% 100% no-repeat;
    border: 0;
    color: white;
}

button.mainLogout:after {
    content: "로그아웃";
    text-align: center;
    font-size: 10px;
}

button.loginLogin {
    width: 54px;
    height: 47px;
    background: url('../images/button/btn_empty_black_small.png') 100% 100% no-repeat;
    border: 0;
    color: white;
}

button.loginLogin:disabled {
    width: 54px;
    height: 47px;
    background: url('../images/button/btn_empty_black_small_disabled.png') 100% 100% no-repeat;
    border: 0;
    color: #ccc;
}

button.loginLogin:after {
    content: "로그인";
    text-align: center;
    font-size: 10px;
}

button.join {
    width: 64px;
    height: 12px;
    background: url('../images/icon/icon_circle_arrow.png') 0 no-repeat;
    border: 0;
    font-size: 10px;
    text-indent: 5px;
    text-align: left;
    overflow: visible;
}

button.join:after {
    content: "회원가입";
    line-height: 100%;
}

button.searchIdPassword {
    width: 140px;
    height: 12px;
    background: url('../images/icon/icon_circle_arrow.png') 0 no-repeat;
    border: 0;
    font-size: 10px;
    text-indent: 5px;
    text-align: left;
    overflow: visible;
}

button.searchIdPassword:after {
    content: "사번(ID)/비밀번호 찾기";
    line-height: 100%;
}

button.updateUser {
    width: 84px;
    height: 12px;
    background: url('../images/icon/icon_circle_arrow.png') 0 no-repeat;
    border: 0;
    font-size: 10px;
    text-indent: 5px;
    text-align: left;
    overflow: visible;
}

button.updateUser:after {
    content: "회원정보 변경";
    line-height: 100%;
}

button.shortcut {
    width: 70px;
    height: 16px;
    line-height: 16px;
    border-radius: 10px;
    background-color: #333;
    font-size: 10px;
    color: white;
    text-align: center;
    border: 0;
    box-shadow: 1px 1px 1px gray;
}

button.shortcut:after {
    content: "> 바로가기";
}

button.applyMail {
    width: 130px;
    height: 27px;
    background: url('../images/button/btn_empty_gray_long.png') 0 no-repeat;
    border: 0;
}

button.applyMail:after {
    content: "메일로 신청하기";
    line-height: 100%;
    font-weight: bold;
}

button.moreView {
    height: 12px;
    background: url('../images/icon/icon_plus.png') 0 no-repeat;
    border: 0;
    font-size: 10px;
    text-indent: 2px;
    text-align: left;
    overflow: visible;
}

button.moreView:after {
    content: "더보기";
    line-height: 100%;
}

button.fewerView {
    height: 12px;
    background: url('../images/icon/icon_minus.png') 0 no-repeat;
    border: 0;
    font-size: 10px;
    text-indent: 2px;
    text-align: left;
    overflow: visible;
}

button.fewerView:after {
    content: "접기";
    line-height: 100%;
}

button.modifyApplyInfo {
    width: 111px;
    height: 26px;
    background: url('../images/button/btn_empty_white.png') 0 no-repeat;
    border: 0;
    font-size: 11px;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
}

button.receiveCertNo {
    width: 111px;
    height: 26px;
    background: url('../images/button/btn_empty_white.png') 0 no-repeat;
    border: 0;
    font-size: 11px;
    text-align: center;
    line-height: 100%;
    font-weight: bold;
}

button.searchEmploy {
    width: 12px;
    height: 11px;
    background: url('../images/button/btn_top_search_go.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.init {
    width: 60px;
    height: 23px;
    background: url('../images/button/btn_init.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.printPossible {
    width: 40px;
    height: 19px;
    background: url('../images/button/btn_sm_print_possibility.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.apply {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_application.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.goFirst {
    width: 25px;
    height: 12px;
    background: url('../images/button/btn_go_first.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.goPrev {
    width: 15px;
    height: 12px;
    background: url('../images/button/btn_go_prev.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.goNext {
    width: 15px;
    height: 12px;
    background: url('../images/button/btn_go_next.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.goLast {
    width: 25px;
    height: 12px;
    background: url('../images/button/btn_go_last.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.changeNext {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_chg-next.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.changeNext:disabled {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_chg-next_disabled.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.vodView {
    width: 67px;
    height: 18px;
    background: url('../images/button/btn_sm_lecture_view.png') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.vodDelete {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_la_vod_delete.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.otpCert {
    width: 54px;
    height: 47px;
    background: url('../images/button/btn_empty_black_small.png') 100% 100% no-repeat;
    border: 0;
    color: white;
}

button.otpCert:after {
    content: "인증하기";
    text-align: center;
    font-size: 10px;
}

button.otpCertLong {
    width: 130px;
    height: 27px;
    background: url('../images/button/btn_empty_gray_long.png') 100% 100% no-repeat;
    border: 0;
}

button.otpCertLong:after {
    content: "인증하기";
    text-align: center;
    font-size: 12px;
    font-weight: bolder;
}

button.regist_sm {
    width: 38px;
    height: 19px;
    background: url('../images/button/btn_sm_registration.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.change_sm {
    width: 38px;
    height: 19px;
    background: url('../images/button/btn_sm_change.gif') 100% 100% no-repeat;
    text-indent: -9999px;
    border: 0;
}

button.empty_black_nm {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_empty_black_normal.png') 100% 100% no-repeat;
    border: 0;
    font-size: 12px;
    text-align: center;
    line-height: 100%;
    text-shadow: 1px 1px 1px #555;
    color: white;
}

button.empty_gray_nm {
    width: 72px;
    height: 28px;
    background: url('../images/button/btn_empty_gray_normal.png') 100% 100% no-repeat;
    border: 0;
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
    line-height: 100%;
    text-shadow: 1px 1px 1px #c7c7c7;
    color: #555;
}

button.empty_glay_ln {
    width: 130px;
    height: 27px;
    background: url('../images/button/btn_empty_gray_long.png') 100% 100% no-repeat;
    border: 0;
    text-align: center;
    line-height: 100%;
    font-size: 12px;
}

/* button */

/* list option */
.searchRow {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.bbsActionRow {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* list option */

/* list table */

.contentListTable {
    border-spacing: 0;
}

.contentListTable > caption {
    font-size: 16px;
    font-weight: bolder;
    text-align: left;
    margin-bottom: 10px;
}

.contentListTable > thead > tr {
    border-top: 1px solid #444;
    border-bottom: 1px solid #999;
    background-color: #f7f7f7;
}

.contentListTable > thead > tr > th {
    height: 37px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #999;
    text-align: center;
}

.contentListTable > tbody > tr > td {
    height: 30px;
    border-bottom: 1px solid #e3e3e3;
}

.contentListTable > tbody > tr > td:not(.alignLeft) {
    text-align: center;
}

/* list table */

/* pagination */
.paginationList {
    list-style: none;
}

.paginationList li {
    float: left;
    line-height: 15px;
    border-collapse: collapse;
}

.paginationList li.pagePrev {
    margin-right: 10px;
}

.paginationList li.pageNum {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
}

.paginationList li.pageNum span.pageNumSeparator {
    display: inline-block;
    width: 4px;
    text-align: center;
}

.paginationList li.pageNum a.onSelected {
    color: #d10f16;
    font-weight: bold;
}

.paginationList li.pageNext {
    margin-left: 10px;
}

/* pagination */

/* content table */
.contentTable {
    border-spacing: 0;
}

.contentTable > caption {
    font-size: 16px;
    font-weight: bolder;
    text-align: left;
    margin-bottom: 10px;
}

.contentTable > thead > tr {
    background-color: #f7f7f7;
}

.contentTable > thead > tr > th {
    height: 37px;
    border-top: 1px solid #444;
    border-bottom: 1px solid #999;
    text-align: center;
}

.contentTable > tbody:nth-of-type(1) > tr:first-child > th, .contentTable > tbody:nth-of-type(1) > tr:first-child > td {
    border-top: 1px solid #666;
}

.contentTable > tbody > tr > th {
    height: 37px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f7f7f7;
    text-align: center;
}

.contentTable > tbody > tr > th > span.required {
    background: url('../images/icon/icon_check.png') 0 50% no-repeat;
    padding-left: 12px;
}

.contentTable > tbody > tr > td {
    border-bottom: 1px solid #e3e3e3;
}

.contentTable > tbody > tr > td:not(.bbsEditorArea) {
    padding-left: 10px;
}

.contentTable > tbody > tr > td:not(.alignLeft) {
    text-align: center;
}

.bbsViewArea {
    padding-top: 15px;
    padding-left: 15px;
    min-height: 400px;
    line-height: 20px;
    text-align: left;
    word-break: break-word;
}

/* content table */

/* paging navigation */
nav.pagingNavigation {
    display: flex;
    justify-content: center;
}

/* paging navigation */

/* error page */
div.errorPageContainer {
    width: 750px;
    margin: 0 auto;
    padding: 100px 0;
}

div.errorPageContainer > .errorPageHeader {
    padding: 5px 0;
    border-bottom: 3px solid #676767;
}

div.errorPageContainer > .errorPageContent > div {
    padding: 50px 0;
    text-align: center;
}

div.errorPageContainer > .errorPageContent > div.errorMessageMain {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}

div.errorPageContainer > .errorPageContent > div.errorMessageSub {
    border-top: 1px solid #eaeaea;
    font-size: 14px;
}

div.errorPageContainer > .errorPageContent > div.errorMessageMain > .errorMessageMainMessage {
    margin-left: 20px;
    line-height: 24px;
    text-align: left;
}

div.errorPageContainer > .errorPageFooter {
    padding: 5px 0;
    border-top: 3px solid #676767;
    text-align: center;
}

/* error page */

/* ellipsisText(텍스트 말줄임 처리) - width 값 처리만 각자 화면에서 지정해준다. */
.ellipsisText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* */
.blind {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 none !important;
    display: inline-block !important;
    overflow: hidden;
    z-index: -1 !important;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}