@charset "utf-8";
tbody tr.clickTr:not(.noData){
    border: 2px solid #018dda;
}


/*input Style*/
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
button:focus,
a:focus { outline: none; border-color:dodgerBlue; background-color:#e9f2f8; box-shadow:0 0 8px 0 dodgerBlue; }

/*****modal*****/
.modal-content {
    border-radius: 0px !important;
}
.modal-content .modal-header {
    background: url(../../images/common/_q_menu_bg.png);
    background-color: #00abea;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 0px;
}
.modal-content .modal-header button {
    font-size: 40px;
    position: relative;
    top: -14px;
}
.modal-content .modal-header h4 {
    font-size: 14px;
    font-weight: bold;
    color: #333 !important;
}
.modal-content .modal-footer {
    padding: 10px;
    text-align: center;
}
.modal-content .modal-footer button {
    font-size: 12px;
}

.modal_search {
    /* margin-top: -15px; */
}
.modal_result {
    margin-top: 15px;
}
.modal_search button,
.modal-footer button,

.modal_result ol {

}
.modal_result_title {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 10px;
}
.modal_result_title div {
    border-left: 1px solid #ccc;
}

.modal_result_contents {
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.modal_result_contents div {
    border-left: 1px solid #e3e3e3;
}
.mrcd_p .col-lg-1, .mrcd_p .col-lg-2 {
    padding: 9px 0px 9px 0px;
}
.modal_result_contents .col-lg-1.text-center .btn-default {
    padding: 2px;
}
.border-none {
    border: 0px !important;
}
.block-help {
    margin-top: -20px;
    display: inline-block;
    color: #a94442;
}
.ellipsis_word, .modal_result .modal_result_contents p {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
}
.col-sm-12.member_form .row.text-center {
    padding: 0px 200px;

}
.col-sm-12.member_form .row.text-center ul li:after {
    content: ""!important;
}
.modal-body .related_documents ol {
    margin-bottom: 10px!important;
}
/********************************* MODAL *************************************/

#msg_modal .modal-body {
    text-align: center;
    padding: 50px;
}

.modal_warning_img {
    width: 85px;
}
.msgTxt {
    margin-top: 20px;
    font-size: 17px;
    border-top: 1px solid #f5f5f5;
    padding-top: 15px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.modal_head, .modal_contents {
    padding: 0px 20px 0px 20px;
}

.modal_head h1 {
    border-bottom: 1px solid #00ABE9;
    overflow: hidden;
}
.modal_head img {
    float: left;
    margin-right: 10px;
    height: 70px;
}
.modal_head span {
    font-size: 22px;
    margin: 10px 0px 3px 0px;
    display: inline-block;
}
.modal_head p {
    font-size: 15px;
}

.modal_contents ul li {
    border-bottom: 1px solid #c7f0ff;
    padding: 10px;
    /* text-align: center; */
    font-size: 12px;
    overflow: hidden;
    vertical-align: middle;
}
.modal_contents ul li i {
    font-size: 25px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding-right: 5px;
    color: #00ABE9;
    position: relative;
    top: 4px;
    width: 40px;
    text-align: center;
    border-right: 1px solid #f5f5f5;
}
.modal_contents ul li .fa-arrow-down {
    margin-left: 5px;
    color: #c7f0ff;
    font-size: 16px;
    position: relative;
    top: 7px;
    border-right: 0px;
    float: right;
    width: 0px;
}
.modal_footer {
    text-align: center;
    padding: 30px 30px 20px 30px;
}
.modal_contents h2 {
    font-size: 15px;
    padding: 15px 0px;
    border-bottom: 1px solid #00ABE9;
    padding-left: 20px;
}
.modal_contents h2 span {
    font-size: 12px !important;
    font-weight: normal !important;
}
.modal_contents h2 a {
    float: right;
    margin-top: -6px;
    padding-bottom: 2px!important;
    border-radius: 0px;
}
.modal_contents h2 a i {
    position: relative;
    top: -1px;
}
.modal_contents ul li b {
    color: #2E5900;
    font-size: 14px;
    font-weight: bold;
}
.modal_contents .col-sm-4 {
    padding-left: 0px;
}


.modal_contents ul li .col-sm-6, .modal_contents ul li .col-sm-7 {
    border-left: 1px solid #c7f0ff;
}

.modal_footer a {
    border-radius: 0px;
}
.modal {
    margin-bottom: 50px;
}
.text-hidden {
    text-indent: -9999px;
}
.modal_contents .col-sm-5.border-none {
    padding-left: 0px;
}

.btnMag.imgIcon:before{
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../../images/common/mng_icon.png) no-repeat;
    vertical-align: middle;
    margin: 0;
    background-position: -86px -45px;
}

/* modal-popup */
.blocker { z-index : 999;}
.blocker .modal { padding:0}
.blocker .modal-content .modal-header { border-radius: 8px 8px 0 0; background: #0075b5}
.blocker .modal-content .modal-header h4,
.blocker .modal-content .modal-header h2 { position: relative; font-size: 23px; color: #fff !important; text-indent: 20px; line-height: 50px; letter-spacing: -0.085em; padding-left: 20px}
.blocker .modal-content .modal-header h4::before,
.blocker .modal-content .modal-header h2::before { content: ''; display: block; position: absolute; left: 15px; top: 16px;  width: 8px; height: 8px; border: 5px solid #23558d;  border-right-color: #fff600; background: rgba(255,255,255,0.5)}
.blocker .modal-content .modal-body { padding:15px}
.blocker .modal-content .modal-body .searchBox { margin-bottom:15px;}

.popupZone .popupSwiper .swiper-button-next { top:0; width:11px; height:23px; margin-top:0; color:#000; font-size:0}
.popupZone .popupSwiper .swiper-button-prev { top:0; left:auto; right:88px; width:11px; height:23px; margin-top:0; color:#000; font-size:0}

.popupZone .popupSwiper .wrap-autoplay-control {top:0; width:11px; height:23px; left:auto; right:110px; margin-top:0; position: absolute; z-index: 10; bottom: 7px; transform: translateX(-50%);}
.popupZone .popupSwiper .wrap-autoplay-control button {display: block; width: 20px; height: 20px; border: 0; background: transparent; cursor: pointer; }
.popupZone .popupSwiper .wrap-autoplay-control button:before {display: block; content: ''; position: absolute; }
.popupZone .popupSwiper .wrap-autoplay-control button[aria-pressed="false"]:before {top: 4px; left: 4px; width: 12px; height: 12px; border-left: 3px solid #000; border-right: 3px solid #000; box-sizing: border-box;}
.popupZone .popupSwiper .wrap-autoplay-control button[aria-pressed="true"]:before {top: 2px; left: 2px; border-top: 8px solid transparent; border-left: 16px solid #000; border-bottom: 8px solid transparent;}

.hidden-text {overflow: hidden; display: inline-block; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }
.fade {display:none;}

.loginArea .tabCont {height : 286px;}

.process04_1 .iconBoxList .txtBox { color: #233c66;}


/* 검색박스 */
.tab_nav + .search_box { border-top-left-radius: 0; }
.search_box { position: relative; margin-bottom: 10px; padding:10px 150px 10px 25px; border:1px solid #c6d0d9; border-radius:10px; background: #fff;}
.search_box ul { display: flex; flex-wrap: wrap; gap:5px 54px;}
.search_box li { display: flex; gap:8px; }
.search_box li > * { flex:0 1 auto}
.search_box li > span { display: inline-flex; flex:0 0 auto; width:100px; line-height: 28px;}
.search_box li > span .tooltip { margin-left:5px;}
.search_box li > span:before { content:'-'; display: inline-flex; margin-right:3px;}
.search_box .form_control, .search_box .form_select { max-width: 370px;}
.search_box.sch_row4 li { width:calc(100% / 4 - 40.5px)}
.search_box.sch_row3 li { width:calc(100% / 3 - 36px)}
.search_box.sch_row3 li.row2 { width:calc(100% / 3 * 2 - 18px)}
.search_box.sch_row2 li { width:calc(50% - 27px)}
.search_box .btn_area { position: absolute; bottom:10px; right:25px; margin:0}
.search_box .icon_sch_expand { display: inline-flex; align-items: center; color:#fff; border-color:#6c7784; background:#6c7784}
.search_box .icon_sch_expand:before { content:''; display: inline-flex; margin-right:5px; width:7px; height:5px; background:url(../../images/common/mng_icon.png) no-repeat -121px -45px}
.search_box .icon_search { display: inline-flex; align-items: center; color:#fff; border-color:#264878; background:#264878}
.search_box .icon_search:before { content:''; display: inline-flex; margin-right:3px; width:14px; height:14px; background:url(../../images/common/mng_icon.png) no-repeat -103px -45px}
.search_box .sch_period { display: inline-block; margin-top:6px; padding:4px 10px; border-radius: 3px; color:#2d6cca; letter-spacing: 0; background: #dae9ff; }
.search_box .sch_expand { display: none; margin-top:8px}
.search_box.active .sch_expand { display: flex;}
.search_box.active .icon_sch_expand:before { transform: rotate(180deg);}
.search_box .sch_group { display: flex; align-items: flex-start; gap:20px}
.search_box .sch_group .sch_title { display: block; flex-shrink: 0; width:110px; line-height: 28px; border-radius: 3px; color:#fff; text-align: center; background: #4b4e5d;}
.search_box .sch_group + .sch_group { margin-top:10px; padding-top:10px; border-top:1px dotted #9f9f9f}


/* 폼 관련 */
.chk_area { display: flex; gap:28px; align-items: center;}
.input_group { display: flex; gap:7px; align-items: center;}
.form_group { display: flex; gap:15px; align-items: center;}
.form_group_col,
.form_group_addr { display:flex; gap:5px; flex-direction: column;}
.form_group_addr + .form_group_addr { margin-top:12px}
.form_group_addr > label { width:60px; border-radius: 3px; color:#fff; font-size: 14px; font-weight: 300; text-align: center; background:#4b4e5d; }
.form_group_addr .addr_zip { width:120px}
.input_unit { display:inline-flex; align-items: center; border: 1px solid #c6c5ca; height:28px; border-radius: 3px; vertical-align: top; background:#fff;}
.input_unit .form_control { height:100%; border:0}
.input_unit .unit { padding:0 8px;}


/* input form */
.form_control {width:100%;border: 1px solid #c6c5ca;height:28px;padding:0 8px;border-radius: 3px;vertical-align: top;background:#fff;}
.form_control[disabled],
.form_control[readonly] { background:#f3f4f8 ;}
textarea.form_control { min-height: 110px; padding:10px;}
.form_select { width:100%; border: 1px solid #c6c5ca; height:28px; padding:0 26px 0 8px; border-radius: 3px; vertical-align: top; appearance:none; -webkit-appearance: none; -moz-appearance: none; background: #fff url(../../images/common/bg_select.png) no-repeat right 5px top 50% !important;}
.form_select::-ms-expand { display:none}
.form_check { margin:5px 0; height: 17px;}
.form_check input[type=radio], .form_check input[type=checkbox] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
.form_check input[type=radio] + label, .form_check input[type=checkbox] + label { position: relative; display: inline-flex; min-height:17px; padding-left:20px; line-height: 17px; vertical-align: top;}
.form_check input[type=radio] + label.sr_only, .form_check input[type=checkbox] + label.sr_only { padding-left:17px}
.form_check input[type=checkbox] + label:before { content:''; display: block; position: absolute; top:0; left:0; width:16px; height:16px; border:1px solid #555; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1); background-color:#fff}
.form_check input[type=checkbox] + label:after { content:''; display: block; position: absolute; top:1px; left:1px; width:14px; height:14px; opacity: 0; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1); background:url(../../images/common/ico_checked.png) no-repeat 0 0; background-size:contain}
.form_check input[type=checkbox]:checked + label:after { opacity: 1; transition-delay: 0.2s;}
.form_check input[type=radio] + label:before { content:''; display: block; position: absolute; top:0; left:0; width:17px; height:17px; border:1px solid #555; border-radius: 100%; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1); background-color:#fff;}
.form_check input[type=radio] + label:after { content:''; display: block; position: absolute; top:4px; left:4px; width: 9px; height:9px; border-radius: 100%; transition:0.4s cubic-bezier(0.4, 0, 0.23, 1); background-color:#fff;}
.form_check input[type=radio]:checked + label:after { background-color: #555;}

/* button */

.button.sm { min-width: auto; height:28px; line-height:26px; padding:0 10px; border-radius: 3px; font-size:14px;}

#contents {min-height: 0 !important;}
.blocker .modal-content .modal-body {height: calc(100% - 50px) !important;}

/* 메인 알림 팝업 */
/* hmpg/style.css에 알림 팝업 모달이 이미 정의되어 있지만 jquery.modal에서 사용하는 class명과 겹쳐 여기서 새로 정의함 */
.notification-modal { display:none; position:fixed; left:0; top:0; width:100%; height:100%; padding:2rem; overflow:auto; margin-left:0 !important; background:rgba(0,0,0,.5); z-index:21;}
.notification-modal.visible { display:flex; justify-content: center; align-items: center;}
.notification-modal .modal_box{ position:relative; display:inline-block; width:100%; max-width:54rem; min-width:10rem; min-height:20rem; margin:0; text-align:left; vertical-align:middle; padding:2rem;}
.notification-modal .modal_box.mainAlert{ background: #fff; padding: 2px 5px 20px; width: 400px; max-width: 95%; min-height: auto;}
.notification-modal .modal_box.mainAlert::before{ content: ''; display: block; width: 100%; height: 5px; background-color: #0e97fa;}
.notification-modal .modal_box .modal_title{ margin-top: 20px; margin-bottom: 25px; font-weight:700;}
.notification-modal .modal_box.mainAlert .modal_title{ text-align: center;}
.notification-modal .modal_box.mainAlert .user_check{ padding: 25px 60px 0; font-size: 20px; font-weight: 500;}
.notification-modal .modal_box .modal_content { overflow-y:auto; overflow-x:hidden; height:100%;}
.notification-modal .modal_box .btn_area{ margin:20px 0 0; text-align: center;}
.notification-modal .modal_box.mainAlert .btn_area .button{ min-width: 120px;}
.notification-modal .modal_close{ position: absolute; right: 15px; top: 15px; font-size: 0; background: transparent;}
.notification-modal .modal_close::before{ content: '\2715'; display: inline-block; font-size: 20px;}

.info_box { position: relative; padding:15px 20px 15px 75px; border:1px solid #cacbcd; border-radius: 10px 10px 0 0; background: #f2f5fc;}
.info_box .icon { position: absolute; top:50%; left:20px; margin-top:-18px; display: flex; align-items: center; justify-content: center; width:36px; height: 36px; border-radius: 100%; background: #fff;}
.info_box .icon:after { content:''; display: block; width:14px; height: 22px; background: url(../../images/common/mng_icon.png) no-repeat -177px -1px; }
.info_box + .cont_box { border-radius: 0 0 10px 10px; margin-top:-1px}

.pop_contents .popup_btn { padding:10px 0 30px; border-top:1px solid #cacbcd; text-align: center; }
.pop_contents .popup_btn .button.sm { min-width: 75px;}
.button.primary {
    color: #fff;
    border-color: #418dff;
    background: #418dff;
}

.hmpgRadioDiv label { padding-right : 10px;}

select[readonly] {
  background-color: #ddd;
  pointer-events: none;
}

.mng_join_step_new { display: flex; margin-bottom: 30px;}
.mng_join_step_new li { position: relative; width:50%; padding:10px 20px; border:1px solid #e1e1e1; font-size: 16px; font-weight: 500; line-height: 28px; letter-spacing: -.5px; text-align: center; background: #fafafa;}
.mng_join_step_new li.active { background: #d8f5ff; border-color:#09b3eb}
.mng_join_step_new li.active.now { font-size:18px; color:#000; background: #09b3eb; border-color:#09b3eb}
.mng_join_step_new li:after { content:''; display: block; position: absolute; top:7px; right:-18px; width:33px; height: 33px;  border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; transform: rotate(45deg); background: #fafafa; z-index: 1;}
.mng_join_step_new li.active:after { background: #d8f5ff; border-color:#09b3eb}
.mng_join_step_new li.active.now:after { background: #09b3eb; border-color:#09b3eb}
.mng_join_step_new li:first-child { border-radius: 10px 0 0 10px;}
.mng_join_step_new li:last-child { border-radius: 0 10px 10px 0;}
.mng_join_step_new li:last-child:after { display: none;}



.paging span.on a, .paging span a:hover{ background: #0075b5; color: #fff !important; font-weight: 500; border: 3px dotted black !important; line-height: 1.9;}
.join_type1 li.active { border-color:#0075b5; background:#ebf4ff; border: dotted;}


#allNav .allMenu .depth2 li a:hover,
#allNav .allMenu .depth2 li a:focus { background: #0075b5 !important; color: #fff !important; font-weight: 500;}
/* 메인 로그인 영역 탭 버튼 — index.jsp 인라인 <style> 에서 이전(웹접근성: body 내 style 제거) */
.loginArea .tabBtn span { line-height: 2; }
.loginArea .tabBtn { position: absolute; top: 0; left: 0; width: 33.33%; }
.loginArea .sign_login .tabBtn { left: 33.33%; }
.ini_Login .tabBtn { left: 66.66%; }

/*2026[수정시작]*/
.sr-only{
    position:absolute !important;
    width : 1px;
    height: 1px;
    padding :0;
    margin : -1px;
    overflow: hidden;
    clip : rect(0, 0, 0, 0);
    white-space: nowrap;
    border:0;
}

select:focus,
textarea:focus,
input:focus,
button:focus,
a:focus{
    outline:3px solid #000 !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px #fff !important;
}