@charset "utf-8";

.tb_1 {border-top: 1px solid #006aba;border-bottom:0;}
.tb_1 > table > thead > tr > th {background: #f9fcff;color:#003055;font-weight:400;padding: 10px 0;border-right: 1px solid #ebf0f4; border-bottom: 1px solid #ebf0f4;}
.tb_1 > table > tbody > tr > th {background: #fafafa;border-right:1px solid #ebf0f4;border-bottom:1px solid #ebf0f4;font-weight:400;}
.tb_1 > table > tbody > tr > th, .tb_1 > table > tbody > tr > td {padding: 10px;border-right: 1px solid #ebf0f4; border-bottom: 1px solid #ebf0f4;color:#333;}
.tb_1 > table > tbody > tr > td.bdr {border-right: 1px solid #ebf0f4 !important;}
.tit_3::before {display:none;}

.terms .tb_1 > table > thead > tr > th {font-size:14px;}
.terms .tb_1 > table > tbody > tr > th {font-size:14px;line-height: 1.3;}
.terms .tb_1 > table > tbody > tr > td {font-size:14px;line-height: 1.3;}

.tb_1 > table.stepForm > tbody > tr > td:last-child {border-right: 1px solid #ebf0f4;}
.P_BENEFIT .tit_3 {margin-top:0;padding-top:0;line-height: 1;}
.tit_2 {padding-left: 0;}
.tb_3 {border-top: 1px solid #555;}
.P_BENEFIT .tb_3 > table > tbody > tr > td strong {font-weight:500;}
.P_BENEFIT .tit_3.mt-5 {margin-top: 5rem;}
.chk_txt + label::before {width:20px;height:20px;border-radius: 5px;}
.tit_2::before {display:none;}

.chk_txt:checked + label::before {background: url(../img/ico_chk_txt_blue.png) no-repeat !important;}

/* board */
.bn-search .b-total-wrap .b-total-current-box > p > span {font-size:1.6rem;font-weight: 600;}
.bn-search .b-total-wrap .b-total-current-box > p > span > span {font-weight: 600;}
.co-board .bn-search .b-select {height: 44px;line-height: 1;border-radius: 5px;border: 1px solid #ccc;}
.co-board .bn-search .b-search-box {height: 44px;border: 1px solid #ccc;border-radius: 5px;padding: 1px;box-sizing: border-box;}
.co-board .bn-search input {padding: 8px 15px;height:auto;border-radius:3px;border:0;}
.co-board .bn-search input::placeholder {color:#747478;}
.co-board  .bn-search .b-sel-btn {display: inline-block;padding:0;width:50px;height:50px;border: 0;font-size: 2.4rem;color: #fff;box-sizing: border-box;vertical-align: middle;cursor:pointer;text-indent:-9999px; margin-right: 10px; width:19px;height:19px;background: url(/_res/h2hub/main/img/icon/icon_board_search.png) no-repeat center center;}

/* paging */
.paging .btn a {position:relative;border:0;}
.paging .first { background:url(../img/ico_paging_button_db-new.png) no-repeat center;}
.paging .prev {margin-left:0;margin-right:0;background: url(../img/ico_paging_button-new.png) no-repeat center;}
.paging .next {margin-left: 0;background: url(../img/ico_paging_button-new.png) no-repeat center; transform: rotate(180deg);}
.paging .last {background: url(../img/ico_paging_button_db-new.png) no-repeat center; transform: rotate(180deg); background-size:auto;}
.paging > ul li {margin-top: 0;}
.paging > ul li + li {margin-left: 0;}
.paging > ul li a, .paging > ul li strong {width: 42px; height: 42px; line-height: 42px;background-color:#fff;}
.paging > ul li a {border-radius:5px;background-color:#006aba;color:#fff;}
.board_list {border-top: 1px solid #006aba;}
.board_list thead th {padding: 13px 0;border-bottom: 1px solid #ebf0f4;color: #003055;background-color:#f9fcff;font-size: 16px;font-weight: 500;text-align: center;}
.board_list tbody td {padding: 17.5px 5px;border-bottom: 1px solid #ebf0f4;}

.common .b-paging .b-paging-wrap ul li {margin: 0;}
.common .b-paging .b-paging-wrap ul li a {width: 42px; height: 42px; line-height: 42px;background-color:#fff;border-radius:5px;font-size:16px;}
.common .b-paging .b-paging-wrap ul li a.active {width: 42px; height: 42px; line-height: 42px;background-color:#006aba;border-radius:5px;}
.common .b-paging .b-paging-wrap ul li.first {margin-right: 0;}
.common .b-paging .b-paging-wrap ul li.next {margin-left: 0;}
.common .b-paging .b-paging-wrap ul li.last {margin-left: 0;}
.common .b-paging .b-paging-wrap ul li.prev {margin-right: 0;}
/*
.common .b-paging .b-paging-wrap ul li.first a {border: 0;background: url(/_res/h2hub/hes/img/ico_paging_button_db-new.png) no-repeat center center;}
.common .b-paging .b-paging-wrap ul li.prev a {border: 0;background: url(/_res/h2hub/hes/img/ico_paging_button-new.png) no-repeat center center;}
.common .b-paging .b-paging-wrap ul li.next a {border: 0;background: url(/_res/h2hub/hes/img/ico_paging_button-new.png) no-repeat center center;transform: rotate(180deg);}
.common .b-paging .b-paging-wrap ul li.last a {border: 0;background: url(/_res/h2hub/hes/img/ico_paging_button_db-new.png) no-repeat center center;transform: rotate(180deg);}
*/

/* button */
.P_LOGIN .colbox .l_col .btn_login {margin-top:4rem;background-color:#0066b3;border-radius:5px;}
.loginBtnWrap {display:flex;padding-top:7rem;justify-content: space-between;}
.loginBtnWrap a {display:inline-block;width:12.4rem;height:4rem;line-height:4rem;border:1px solid #c9deef;background-color:#fff;color:#0066b3;font-size:1.5rem;font-weight:400;border-radius:0.5rem;text-align:center;letter-spacing:-0.5px;box-sizing:border-box;}
.loginBtnWrap a:hover {border:1px solid #0066b3;background-color:#0066b3;color:#fff;box-shadow: 1px 2px 8px 0px rgba(0, 42, 73, 0.18);}
.loginBtnWrap a + a {margin-left:1rem;}
.btn_modify {width: 131px;height: 48px;padding-left:0;border:0;border-radius:0;color:#fff;font-size:16px;line-height:48px;text-align:center;background: #2e2e2e;}

input[type=text] {border-radius: 5px;}
.btn_green_h50 {height: 46px; border: 0;border-radius: 5px; color: #fff; font-size: 16px; font-weight:400;line-height:46px;text-align: center;background: #0066b3;}
.btn_group  .btn_ins_save { width: 140px; height: 50px;padding-left: 0; text-align: center;border-radius:0;color: #00485c;font-size: 16px; line-height: 50px;border: 1px solid #ddd;background: #f9f9f9;}
.btn_group  .btn_submit { width: 140px;height: 50px; padding: 0; text-align: center;border-radius:0;color:#fff;font-size:16px; line-height: 50px; background: #2e2e2e;}
.btn_group .btn_submit::before {display:none;}
.pop_footer .btn_aply_cancel {width: 150px;height:50px;padding-left:0;border:0;border-radius:0;color:#00485c;font-size:16px; line-height:50px;text-align: center;border: 1px solid #ddd;background: #f9f9f9;}
.pop_footer .btn_aply_modify {width: 180px;height:50px;padding-left:0;border:0;border-radius:0;color:#fff;font-size:16px;line-height:50px;text-align: center; background:#2e2e2e;}
.btn_green2_h46 {height: 46px;padding:0 15px;border:0;border-radius:5px;color:#fff !important;font-size:16px; font-weight:300;line-height:46px;background:#0066b3;}
.btn_skyblue_h50 {border-radius: 5px;}
.btn_join_apply {width: 140px;height: 50px;padding-left:0;border: 0;border-radius: 0; color: #fff;font-size:16px;line-height:50px;text-align:center;background: #2e2e2e;text-align:center;}
.btn_group .btn_cancel {width: 131px;height: 48px;padding-left: 0;border:1px solid #ddd;border-radius: 0;color: #000;font-size: 16px;line-height: 48px;text-align: left;background: none;background-color:#f9f9f9;text-align:center;}
.btn_group .btn_next_step {width: 131px;height: 48px;padding-left: 0;border:1px solid #2e2e2e;border-radius: 0;color: #fff;font-size: 16px;line-height: 48px;text-align: left;background: none;background-color:#2e2e2e;text-align:center;}

/* search */
.condition.search {}
.condition.search .b-search-box {border:1px solid red; height: 44px;border: 1px solid #ccc; border-radius: 0.5rem; padding: 1px; box-sizing: border-box;align-items: center;}
.condition.search .b-search-box label {display: inline;}
.condition.search .b-search-box label span {position: absolute;top: 0;left: -999999px;}
.condition.search .b-search-box input {display: inline-block;position: relative;margin: 0 2px 0 0;padding: 10px 11px;height: 40px;border: 0;font-size: 1.6rem;color: #333;box-sizing:border-box;vertical-align: middle;appearance: none;}
.condition.search .b-search-box button {display: inline-block;margin-right:10px;padding: 0;width: 19px;height: 19px;background: #fff url(/_res/h2hub/main/img/icon/icon_board_search.png) no-repeat center center; border: 0; font-size: 2.4rem; color: #fff; box-sizing: border-box;vertical-align: middle; cursor: pointer;text-indent: -9999px;background-color:unset;}

/* popup */
.btn_blue_h50 {border-radius: 0.8rem;}

@media (max-width: 960px) {
.applyBox .pages.P_AGREE_STEP02 .board_top .r_col {position: unset; display: block;}
}
@media (max-width: 768px) {
/* search */
	fieldset.b-search-wrap{display: flex;justify-content: space-between;}
	.board_write table.responsiveTable.mypage td {font-size: 13px;}
	.co-board .bn-search input {padding: 0 15px 0 0; height: 100%;}
	.co-board .bn-search .b-search-box {display: flex;align-items: center;justify-content: space-between;}
}
@media (max-width: 640px) {
	/* paging */
	.paging .btn a {width: 42px; height: 42px;}
}
@media (max-width: 480px) {
	/* table */
	.board .board_write .inner_txt {line-height: 1;}
	.board_write table.responsiveTable.mypage th {padding: 10px 20px;}
	.board_write table.responsiveTable.mypage td {padding: 10px 20px;}
	/* paging */
	.pages .paging > ul li strong {font-size: 12px;}
	.pages .paging > ul li.btn a {font-size:0;}
	.pages .paging > ul li a, .pages .paging > ul li strong {width: 20px; height: 20px;line-height:20px;font-size: 12px;}
	/* button */
	.pages .condition2 .btn {display: block;width: calc(100% - 4rem);height: 6rem;line-height: 6rem;font-size: 2.4rem;}
	.btn_modify {height: 6rem;line-height: 6rem;font-size: 2.4rem;}
	.btn_group .btn_join_apply, .btn_group .btn_cancel {height: 6rem;line-height: 6rem;font-size: 2.4rem;}
	.btn_group .btn_ins_save {height: 6rem;line-height: 6rem;font-size: 2.4rem;}
	.btn_group .btn_submit {height: 6rem;line-height: 6rem;font-size: 2.4rem;}
}



/* 2023-11 Web Accessibility */

input[type=text]:focus-visible {outline: 2px solid #000;}
.f_chk:focus {outline: 2px solid #000;}
.f_chk.focussed{border:2px solid #000;}
.f_chk:focus-visible {outline: 2px solid #000;}
.btn_modify:focus-visible {outline: 2px solid red;}
.btn_group .btn_next_step:focus-visible {outline: 2px solid red;}
.pages.P_LOGIN .colbox .l_col input:focus-visible {outline: 2px solid #000 !important;}
.pages.P_SEARCH_IDPW .ippw .colbox .r_col .f_txt2:focus-visible {outline: 2px solid #000 !important;}
.pages.P_SEARCH_IDPW .ippw .colbox .r_col .checkR:focus-visible {outline: 2px solid #000 !important;}
.realm:focus-visible {outline: 2px solid #000 !important;}
.tit_2 + .board_list2 table label input:focus-visible {outline: 2px solid #000 !important;}
.P_JOINTYPE .choose input:checked + span.business {height: 100%;background:none;}
.P_JOINSTEP_1 .agree .terms_chk .chk_txt:focus-visible {outline: 2px solid #000 !important;z-index: 1;}
.btn_group .btn_join_apply:focus-visible {outline: 2px solid red;}
.b-btn.b-btn-c-blue:focus-visible {outline: 2px solid red;}
.process2 li .btn:focus-visible {outline: 2px solid red;}
.pop_footer .btn_aply_modify:focus-visible {outline: 2px solid red;}
.board .bn-list-common .b-title-box .b-etc-box {display: none;}
.board .bn-list-common .b-title-box .b-m-con {display: none;}
.gotop button {width: 100%;height:100%;background:transparent;font-size: 0;}
.file_attach input[type=file] {display:none;}
.ui_001 .r_col button p {display: block;position: relative;height: 30px;color: #fff;font-size:25px;line-height: 30px;}
.ui-datepicker {width: 340px !important;}


/* 되돌릴 부분 */
.process2 li span.light_green {background:#008000;}
.marks li:nth-child(3)::before {background: #008000;}
.join_step1 .unit span {color: #000;}
.join_step2 .unit span {color: #000;}
.join_step3 .unit span {color: #000;}

@media screen and (max-width: 991.98px){
	.common .bn-list-common table {table-layout: auto;}
	.common .bn-list-common .b-title-box a { overflow: hidden; max-width: 100%;width: 150px;font-size: 1.8rem;}
	.common .bn-list-common .b-title-box a .b-title {font-size: 1.6rem;}
	.view .bn-view-common .b-file-list-box > div > ul li a span {display: block;}
	.view .bn-view-common .b-content-box p {font-size: 2.071rem;}
	.pages .view .bn-view-common .b-file-list-box > div > ul li p {width: 72%;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a {padding: 5px 5px 5px 15px;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a:first-of-type {overflow:hidden;width:105px;height: 34px;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a:first-of-type i {bottom: 1rem;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a:last-of-type {overflow:hidden;margin-left: 5px;width:105px;height: 34px; border-left: 1px solid #ddd;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a:last-of-type i {bottom: 0.9rem;}
	
}
@media (max-width: 768px) {
	.common .b-paging .b-paging-wrap ul li a.active {width: 22px;height: 22px;line-height: 22px;font-size: 12px;}
}
@media (max-width: 640px) {
	.board .bn-search .b-select {font-size: 14px;}
	.bn-search .b-total-wrap {font-size: 12px;}
	.bn-search .b-total-wrap .b-total-current-box > p > span  {font-size: 12px;}
	.view .bn-view-common .b-file-list-box > div > ul li a {font-size: 12px;}

	.pages .board .bn-view-common .b-file-list-box > div > ul li a {display:flex;align-items:center;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a:first-of-type {line-height: 23px;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a:first-of-type i {position:unset;bottom: 1.2rem;    margin-right: 5px;}

	.pages .board .bn-view-common .b-file-list-box > div > ul li a:last-of-type {justify-content: space-between;line-height: 23px;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a:last-of-type i {position:unset;bottom: 1.1rem;margin-right: 5px;}

}

@media screen and (max-width: 485.98px){
	.pages .view .bn-view-common .b-file-list-box > div > ul li p {background-size: 20px;}
	.pages .board .bn-view-common .b-file-list-box > div > ul li a {padding: 5px 10px;}
}

/* 240110 신청관리 확인신청관리페이징 수정 */
.paging > ul li.active a {border-radius: 5px; background-color: #006aba; color: #fff;}
.paging > ul li a {background-color: #fff;color: #666;}