@charset "utf-8";
/* 공용 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:#9e9e9e; background:#ffffff; border: 1px solid #dfdfdf;}
.bc-normal:hover {color:#9e9e9e; 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-list:hover {color:#ffffff; background:#666f77;}
.bc-info {color:#ffffff; background:#17a2b8; border: 1px solid #47b5c7;}
.bc-info:hover {color:#ffffff; background:#148b9e;}
.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-search:hover {color:#ffffff; background:#4392b3;}
.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:#3a735d;}
.bc-action {color:#ffffff; background:#5cb85c; border: 1px solid #3b8e3b;}
.bc-action:hover {color:#ffffff; background:#3b8e3b;}

/* 공용 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;} /* 필수요소표시 */

.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;margin: 20px 0px;}
.rv-container .rv-area .rv-element-area {float: left;width: 100%;}
.rv-container .rv-area .rv-element-area .ele_img_view {float: left;text-align: center;width: 100%;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_view_input .ele_input_group {float: left;width: 100%;margin: 3px 0px;}
.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: 6px 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;line-height: 24px;padding: 5px;}
.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-bottom: 10px;}
.rv-container .rv-area .rv-agree-input input[type="checkbox"]  {float: left;width: 21px;height: 21px;margin-right: 5px;cursor: pointer;}
.rv-container .rv-area .rv-agree-input label {float: left;font-size: 13px;color: #565656;margin: 5px 0px;cursor: pointer;}
.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;}

.message_area {float: left;width: 100%;height: 100vh;background: #4285f4;}
.message_area .message_view {margin: 0 auto;width: 300px;margin-top: 130px;text-align: center;}
.message_area .message_view .message_txt {float: left;width: 100%;}
.message_area .message_view .message_txt b {float: left;width: 100%;font-size: 30px;color: #fff;line-height: 64px;font-family: Noto Sans KR;}
.message_area .message_view .message_txt a {float: left;width: 100%;color: #ffffff !important;font-size: 24px;font-family: Noto Sans KR;}
.message_area .message_view .message_btn {float: left;width: 100%;margin-top: 20px;}
.message_area .message_view .message_btn button {float: left;width: calc(100% - 20px);margin: 0px 10px;border: 1px solid #0e3982;background: #ffffff;border-radius: 5px;height: 40px;color: #0f3f90;font-size: 16px;cursor: pointer;}
.message_area .message_view .message_btn button:hover {background:#dfdfdf;}

.gp-all-area {float: left;width: 100%;height: 100vh;display: table;}
.gp-all-area .gp-all-view {margin: auto;border: 1px solid #dfdfdf;text-align: center;background: #f1f1f1;display: table-cell;}
.gp-all-area .gp-all-view img {}
.gp-all-area .gp-all-view a {float: left;width: 100%;margin-top: 150px;margin-bottom: 20px;}
.gp-all-area .gp-all-view b {float: left;width: 100%;font-size: 20px;line-height: 28px;color: #333333;}
.gp-all-area .gp-all-view button {line-height: 30px;font-size: 20px;height: 100px;width: 230px;margin-top: 20px;}

.loading_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 배경 불투명 처리 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* 가장 앞에 오도록 z-index 설정 */
}

/* 로딩 메시지 스타일 */
.loading_message {
    background-color: white;
    padding: 20px 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.loading_message a {font-size: 16px;color: #000000;line-height: 20px;}
.loading_message span {color: #787878;font-size: 12px;font-weight: 500;}