/* 메인헤더 CSS */
.nm_container {float: left;width: 100%;min-height: calc(100vh - 40px);background:#f1f1f1;}

/* 메인푸터 CSS */
.div-footer-view {float: left;width: 100%;background: #595959;text-align: center;padding: 10px 0px;}
.div-footer-view a {font-size: 13px;color: #f5f5f5;font-weight: 100;}

/* 공통 CSS */
.float-left {float: left;}
.float-right {float: right;}
.width-100 {width:100%;}
.mar-r-10 {margin-right:10px;}
.small-btn {float: left;margin: 0px 2px;font-size: 12px;border-radius: 2px;cursor:pointer;}
.middle-btn {float: left;margin: 0px 2px;font-size: 13px;border-radius: 5px;cursor:pointer;}
.big-btn {height: 55px;font-size: 20px;border-radius: 5px;cursor:pointer;}

.bc-save {color:#ffffff; background:#007bff; border: 1px solid #3596ff;}
.bc-save:hover {color:#ffffff; background:#066ad6;}
.bc-normal {color: #555555;background:#ffffff;border: 1px solid #dfdfdf;}
.bc-normal:hover {color: #333333;background:#f1f1f1;}
.bc-cancel {color:#ffffff; background:#dc3545; border: 1px solid #e35e6b;}
.bc-cancel:hover {color:#ffffff; background:#bb2c39;}
.bc-list {color:#ffffff; background:#6c757d; border: 1px solid #8a9298;}
.bc-info {color:#ffffff; background:#17a2b8; border: 1px solid #47b5c7;}
.bc-download {color:#ffffff; background:#28a745; border: 1px solid #54b96b;}
.bc-top {color:#ffffff; background:#4285f4; border: 1px solid #225fc3;}
.bc-top:hover {color:#ffffff; background:#225fc3;}
.bc-search {color:#ffffff; background:#30a0ce; border: 1px solid #2b91bb;}
.bc-batch {color:#ffffff; background:#da524e; border: 1px solid #e4431c;}
.bc-write {color:#ffffff; background:#496fae; border: 1px solid #3d5e96;}
.bc-new {color:#ffffff; background:#4d8771; border: 1px solid #407762;}
.bc-new:hover {color:#ffffff; background:#3d715e;}

/* 공통 TEXT CSS */
.text-hyphen {float: left;line-height: 33px;margin: 0px 5px;}
.text-in {float: left;line-height: 33px;margin: 0px 5px;}
.text-dvs {line-height: 22px;color: #808080;}
.txt-accent {color: #fbe329;font-weight: 500;}
.txt-accent-b {color: #496fae;font-weight: 500;}
.txt-ac-font {font-size:20px;}
.text-alpha {float: left;line-height: 33px;margin: 0px 5px;}
.info_mess {float: left;width: 100%;font-size: 12px;color: #e4431c;margin-top: 2px;font-weight: 600;}
.info_mess:hover {color: #e4431c;}
.count_txt {float: left;line-height: 34px;font-size: 13px;margin-left: 50px;color: #888888;}

/* 공통 테이블 CSS */
table tr:hover {background: #f1f1f1;}

/* 공통 요소 CSS */
.required {background: url(/img/wrest.gif) #ffffff calc(100% - 2px) 2px no-repeat !important;} /* 필수요소표시 */

/* 메인 VIEW 페이지 CSS */
.div-all-view {float: left;width: 100%;}

/* 로그인 페이지 CSS */
.login_container {width: 500px;margin: 0 auto;}
.login_container .lc-area {float: left;width: 100%;margin: 100px 0px;padding: 50px 20px;background: #ffffff;border: 1px solid #dfdfdf;}
.login_container .lc-area .lc-logo-area {float: left;width: 100%;margin-bottom: 20px;text-align: center;}
.login_container .lc-area .lc-input-area {float: left;width: 100%;margin-top: 50px;}
.login_container .lc-area .lc-input-area .input_view {float: left;width: 100%;margin-top: 10px;}
.login_container .lc-area .lc-input-area .input_view label {float: left;width: 100%;font-size: 17px;margin-bottom: 0px;color: #595959;font-weight: 700;margin-bottom: 5px;}
.login_container .lc-area .lc-input-area .input_view input[type="text"] {float: left;height: 50px;width: 100%;}
.login_container .lc-area .lc-input-area .input_view input[type="password"] {float: left;height: 50px;width: 100%;}
.login_container .lc-area .lc-input-area .input_view .login_result_txt {float: left;width: 100%;font-size: 13px;color: #e4431c;margin-top: 10px;text-align: center;}
.login_container .lc-area .lc-btn-area {float: left;width: 100%;margin-bottom: 10px;}
.login_container .lc-area .lc-btn-area button {float: left;width: 100%;margin-bottom: 15px;font-weight: 700;}
.login_container .lc-area .lc-link-area {width: 100%;float: left;text-align: center;}
.login_container .lc-area .lc-link-area a {line-height: 25px;padding: 0px 5px;font-weight: 200;color: #808080;}

.login_container .lc-area .lc-chk-area {}
.login_container .lc-area .lc-chk-area .lc-chk-view {float: left;width: 100%;margin-bottom: 30px;}
.login_container .lc-area .lc-chk-area .lc-chk-view input[type=checkbox] {display:none;}
.login_container .lc-area .lc-chk-area .lc-chk-view input[type=checkbox] + label {cursor: pointer;padding-left: 38px;background-repeat: no-repeat;background-image: url('/img/login_chk_off_img.png');background-position: left;background-size: contain;line-height: 32px;font-size: 14px;margin: 0px;color: #000000;font-weight: 300;letter-spacing: -1px;}
.login_container .lc-area .lc-chk-area .lc-chk-view input[type=checkbox]:checked + label {background-image: url('/img/login_chk_on_img.png');}
.login_container .lc-area .lc-chk-area .lc-chk-view input[type=checkbox]:disabled + label {background-image: url('/img/login_chk_disabled_img.png');}

/* 회원가입 페이지 CSS */
.join_container {width: 500px;margin: 0 auto;}
.join_container .jc-area {float: left;width: 100%;margin: 100px 0px;background: #ffffff;border: 1px solid #dfdfdf;padding: 50px;}
.join_container .jc-area .jc-logo-area {float: left;width: 100%;text-align: center;margin-bottom: 20px;}
.join_container .jc-area .jc-logo-area .jc-title-view {float: left;width: 100%;margin-top: 10px;}
.join_container .jc-area .jc-logo-area .jc-title-view b {float: left;width: 100%;font-size: 20px;}
.join_container .jc-area .jc-logo-area .jc-title-view a {float: left;width: 100%;font-size: 13px;color: #9e9e9e;}
.join_container .jc-area .jc-select-area {float: left;width: 100%;}
.join_container .jc-area .jc-select-area .jc-select-box {float: left;width: calc(33% - 6px);border: 1px solid #f1f1f1;padding: 20px;text-align: center;cursor: pointer;}
.join_container .jc-area .jc-select-area .jc-select-box:hover {background:#f1f1f1;}
.join_container .jc-area .jc-select-area .jc-select-box .jc-sb-icon {font-size: 40px;float: left;width: 100%;color: #4d8771;}
.join_container .jc-area .jc-select-area .jc-select-box .jc-sb-txt {float: left;width: 100%;margin-top: 15px;}
.join_container .jc-area .jc-select-area .jc-select-box .jc-sb-txt a {font-size: 20px;}
.join_container .jc-area .jc-input-area .input_view {float: left;width: 100%;margin-top: 10px;}
.join_container .jc-area .jc-input-area .input_view label {float: left;width: 100%;font-size: 14px;margin-bottom: 2px;color: #595959;font-weight: 600;}
.join_container .jc-area .jc-input-area .input_view input[type="text"] {float: left;height: 40px;width: 100%;}
.join_container .jc-area .jc-input-area .input_view #mem_phone {width: calc(100% - 110px);}
.join_container .jc-area .jc-input-area .input_view input[type="password"] {float: left;height: 40px;width: 100%;}
.join_container .jc-area .jc-input-area .input_view .jc_input_id {width: calc(100% - 80px) !important;}
.join_container .jc-area .jc-input-area .input_view .jc_input_email01 {width: 30% !important;}
.join_container .jc-area .jc-input-area .input_view .jc_input_email02 {width: 30% !important;}
.join_container .jc-area .jc-input-area .input_view .jc_input_email03 {float: left;width: calc(100% - 60% - 30px) !important;height: 40px;margin-left: 5px;}
.join_container .jc-area .jc-input-area .input_view .jc_input_phone {width: calc(100% - 110px) !important;}
.join_container .jc-area .jc-input-area .input_view .jc_input_phnum {width: calc(100% - 200px) !important;}
.join_container .jc-area .jc-input-area .input_view button {height: 40px;font-weight: 600;margin: 0px 0px 0px 2px;}
.join_container .jc-area .jc-input-area .input_view .fu_ip_guide {float: left;font-size: 11px;font-family: math;color: #555555;line-height: 16px;}
.join_container .jc-area .jc-input-area .guide_view {float: left;margin-top: 3px;width: 100%;}
.join_container .jc-area .jc-input-area .guide_view a {float: left;width: 100%;font-size: 11px;font-family: math;letter-spacing: -1px;color: #E55602;}
.join_container .jc-area .jc-agree-area {float: left;width: 100%;margin-top: 15px;}
.join_container .jc-area .jc-agree-area .agree_chk_view {float: left;width: 100%;margin-bottom: 5px;}
.join_container .jc-area .jc-agree-area .agree_chk_view input[type="checkbox"] {float: left;width: 25px;height: 25px;}
.join_container .jc-area .jc-agree-area .agree_chk_view label {float: left;line-height: 30px;cursor: pointer;padding: 0px 10px;margin-bottom: 0px;}
.join_container .jc-area .jc-agree-area .agree_chk_view button {height: 30px;font-weight: 600;border-radius: 5px;}
.join_container .jc-area .jc-btn-area {float: left;width: 100%;margin-bottom: 10px;}
.join_container .jc-area .jc-btn-area button {float: left;width: 100%;margin-top: 30px;}
.join_container .jc-area .jc-btn-half-area {float: left;width: 100%;margin-bottom: 10px;}
.join_container .jc-area .jc-btn-half-area button {float: left;width: calc(50% - 10px);margin-top: 30px;}
.join_container .jc-area .jc-list-area {float: left;width: 100%;}
.join_container .jc-area .jc-list-area b {float: left;width: 100%;text-align: center;font-size: 18px;line-height: 24px;}
.join_container .jc-area .jc-list-area a {float: left;width: 100%;text-align: center;font-size: 12px;color: #888888;font-weight: 300;margin-top: 10px;}

.join_success_container {width: 700px;margin: 0 auto;}
.join_success_container .jsc-area {float: left;width: 100%;margin: 100px 0px;}
.join_success_container .jsc-area .jsc-logo-area {float: left;width: 100%;text-align: center;margin-bottom: 20px;}
.join_success_container .jsc-area .jsc-success-area {float: left;width: 100%;}
.join_success_container .jsc-area .jsc-success-area a {float: left;width: 100%;text-align: center;font-size: 20px;line-height: 37px;color: #333333;}
.join_success_container .jsc-area .jsc-btn-area {float: left;width: 100%;margin-bottom: 10px;}
.join_success_container .jsc-area .jsc-btn-area button {float: left;width: 100%;margin-top: 30px;}

.rv-container {max-width: 844px;margin: 0 auto;}
.rv-container .rv-area {float: left;width: 100%;border: 1px solid #ececec;background: #fff;padding: 10px;border-radius: 5px;}
.rv-container .rv-area .rv-element-area {float: left;width: 100%;}
.rv-container .rv-area .rv-element-area .ele_img_view {text-align: center;max-width: 100%;border: 1px solid #f7f7f7;padding: 10px;border-radius: 5px;margin: 10px 0px;}
.rv-container .rv-area .rv-element-area .ele_img_view img {max-width: 100%;}
.rv-container .rv-area .rv-element-area .ele_input_view {float: left;width: 100%;border: 1px solid #d0d0d0;padding: 10px;border-radius: 5px;margin: 10px 0px;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_title {float: left;width: 100%;border-bottom: 1px solid #f1f1f1;padding-bottom: 5px;margin-bottom: 5px;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_title a {font-size: 14px;color: #565656;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_input {float: left;width: 100%;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_info_view {margin: 2px 0px;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_input label {float: left;padding: 2px 5px;margin: 0px 5px 0px 0px;cursor: pointer;color: #565656;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_input input[type="checkbox"] {float: left;width: 25px;height: 25px;cursor: pointer;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_input input[type="radio"] {float: left;width: 25px;height: 25px;cursor: pointer;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_input input[type="text"] {width: calc(100% - 100px);float: right;}
.rv-container .rv-area .rv-element-area .ele_input_view .ele_view_input textarea {float: left;width: 100%;resize: none;height: 120px;padding: 10px;font-size: 14px;color: #565656;}
.rv-container .rv-area .rv-title-text {float: left;width: 100%;text-align: center;border: 1px solid #dfdfdf;border-radius: 5px;padding: 5px;margin-bottom: 10px;}
.rv-container .rv-area .rv-title-text a {font-size: 16px;font-weight: bold;color: #333333;}
.rv-container .rv-area .rv-content-text {float: left;width: 100%;text-align: left;padding: 10px;margin: 10px 0px;border-radius: 5px;border: 1px solid #f1f1f1;}
.rv-container .rv-area .rv-content-text a {color: #565656;font-size: 15px;}
.rv-container .rv-area .rv-randing-img {float: left;width: 100%;}
.rv-container .rv-area .rv-randing-img img {float: left;width: 100%;}
.rv-container .rv-area .rv-apply-input {float: left;width: 100%;margin-top: 10px;padding-top: 10px;border-top: 1px solid #dfdfdf;}
.rv-container .rv-area .rv-apply-input input[type="text"] {float: left;width: 100%;}
.rv-container .rv-area .rv-agree-input {float: left;width: 100%;margin-top: 10px;}
.rv-container .rv-area .rv-agree-input input[type="checkbox"]  {float: left;width: 21px;    height: 21px;margin-right: 5px;}
.rv-container .rv-area .rv-agree-input label {float: left;font-size: 13px;color: #565656;}
.rv-container .rv-area .rv-agree-input .necess {color: #ff0000;font-size: 11px;}
.rv-container .rv-area .rv-submit-btn {float: left;width: 100%;}
.rv-container .rv-area .rv-submit-btn button {float: left;width: 100%;margin-bottom: 30px;}

/* 약관 모달창 */
.terms_of .tou-all-view {width: 100%;}
.terms_of .tou-all-view .tou-txt-view {width: 100%;height: 300px;padding: 10px;border: 1px solid #dfdfdf;overflow-x: hidden;font-size: 12px;border-radius: 5px;}

.terms_of .join_line {width: 100%;border: 1px solid #dfdfdf;margin: 20px 0px;}
.terms_of .vital_txt a {color: #d11515;font-weight: bold;}

/* 점검중 페이지 */
.under-pg-view {width: 800px;margin: auto;margin-top: 100px;}
.under-pg-view .upv_title {float: left;width: 100%;text-align: center;}
.under-pg-view .upv_title b {float: left;width: 100%;font-size: 26px;line-height: 50px;}
.under-pg-view .upv_title a {float: left;width: 100%;}
.under-pg-view .upv_time {float: left;width: 100%;text-align: center;margin-top: 20px;}
.under-pg-view .upv_time a {font-size: 18px;font-weight: bold;color: #dc3545;}

@media (max-width: 600px) {
    .nm_container {}
    .join_container {width: calc(100% - 20px);}
    .join_container .jc-area {margin: 10px 0px;padding: 50px 20px;}
    .join_container .jc-area .jc-logo-area {}
    .join_container .jc-area .jc-input-area .input_view .jc_input_phnum {width: calc(100% - 110px) !important;}
    .join_container .jc-area .jc-agree-area .agree_chk_view label {font-size: 12px;line-height: 34px;letter-spacing: -1px;}
    .login_container {width: calc(100% - 20px);}
    .login_container .lc-area {margin: 10px 0px;padding: 50px 20px;}
    .login_container .lc-area .lc-link-area {}
    .login_container .lc-area .lc-link-area a {font-size: 12px;padding: 0px;}
}