@charset "utf-8";

/* Login 추가 */
.etcBtnWrap {position:absolute; top:250px; right:0; padding:20px 30px; border:1px solid #e2e4e7; box-sizing:border-box; background:#f8f8f8; width:480px;}
.etcBtnWrap h2.title{height:55px; padding:18px 0 0 59px; box-sizing:border-box; font-size:24px; color:#2e333b; background:url(/images/img_login/ico_coi.png) no-repeat;}
.etcBtnWrap > a {display:inline-block; border-radius:4px; font-size:17px; color:#fff; font-weight:700; text-align:center; background:#1c3975; color:#fff; padding:20px; box-sizing:border-box; margin-top:15px;}
.etcBtnWrap #btnReport {background:#1c3975; margin-right: 23px; width:410px;}
.etcBtnWrap #btnInquiry {background:#1c3975; width:410px;}

/* sys_login.css 수정 */
.banWrap {overflow: hidden; margin-top: 44px;}

/* style */
.snb_edge02 {background:#f5f5f5; width:230px; /*border-right:1px solid #959baa;*/ position:absolute; top:-42px; left:0; bottom:25px; max-height: 604px;}
.snb_edge02 > div {position:relative;}
.snb_edge02 > div h2 {background:#1c3975; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:42px; padding-right:84px;}
.snb_edge02 > ul {height:calc(100vh - 42px); overflow:auto; background: #f5f5f5; border-right:1px solid #959baa;}
.snb_edge02 > ul > li {border-bottom:1px solid #ddd;}
.snb_edge02 > ul > li > a {display:block; line-height:1.3; color:#333; padding:10px 0 10px 20px; box-sizing:border-box; letter-spacing:-1px; font-size:12px;}
.snb_edge02 > ul > li > a:hover {background-color:#f0f0f0;}
.snb_edge02 > ul > li.btn {margin:15px; text-align:center; border-bottom:0;}
.snb_edge02 > ul > li.btn a.li_btn_type_01 {width:100%; display:inline-block; padding:0 23px; line-height:24px; font-size:12px !important; font-weight:bold; border-radius:3px; vertical-align:top; background:#fff; border:2px solid #1e9ff2; color:#333;}
.snb_edge02 > ul > li.btn a.li_btn_type_01:hover {background:#1e9ff2; color:#fff;}
.snb_edge02 > ul > li > h2 {background:#a5a5a5; color:#fff; font-size:14px; font-weight:bold; line-height:42px; padding-left:20px;}

.snb_edge02 > ul > li div {display:none; border-bottom:1px solid #ddd; background:#e0e9f4;}
.snb_edge02 > ul > li div ul {padding:10px 0;}
.snb_edge02 > ul > li div ul li {}
.snb_edge02 > ul > li div ul li a {background:url(../images/icon_dot.png) 20px center no-repeat; padding:3px 10px 3px 28px; font-size:12px; color:#333; line-height:18px; display:block;}

.snb_edge02 > ul > li div ul li:hover a {color:#168edb; font-weight:bold; text-decoration:underline;}
.snb_edge02 > ul > li div ul li.action a {color:#168edb; font-weight:bold; text-decoration:underline;}

.content.content01 {position:relative; margin-top:50px;}
.content.content01 > h1 {text-align:center; font-size:22px;}

.step_tit.step_tit01 {margin-left:13px;}

.form_table.form_table01 {padding:0 13px;}
.form_table.form_table01 table > tbody > tr > th span.txt_red {vertical-align:baseline; color:#e21a1a;}

.form_table.form_table02 {padding:0 13px;}
.form_table.form_table02 table > thead > tr > td {border-bottom:1px solid #adb4c3;}
.form_table.form_table02 table > thead > tr > td.txt_c {text-align:center;}
.form_table.form_table02 table > tbody > tr > td.txt_c {text-align:center;}

.form_table.list {padding:0 13px;}



.dashBoxWrap .dashBox li span.box_txt_small {width:30px; font-size:11px;}

/* page */
.pageWrap {width:100%; margin:0 auto; text-align:center; margin-top:10px;}
.pageBar { margin:0 auto; height:40px; text-align:center;}
.pageBar ul li {display:inline-block; margin-right:4px; width:30px; height:30px; border:1px solid #ccc; line-height: 29px; vertical-align:top;}
.pageBar ul li .pageNum {background-color:#fff; color:#168edb; font-size:14px; line-height:30px; width:100%; height:100%; display:block; font-family: 'Noto Sans KR Bold' !important;}
.pageBar ul li .on {background-color:#168edb; color:#fff; font-family: 'Noto Sans KR Bold' !important;}
.prevBtn { background: url(../img/prev_btn.jpg) no-repeat; display: block;}
.nextBtn { background: url(../img/next_btn.jpg) no-repeat; display: block;}

.tab_attestation {position:relative; margin-left: 7px;width: 959px;}
.tab_attestation.ma_20 {margin-bottom:20px;}
.tab_attestation > ul {display:table; width:100%; table-layout:fixed;}
.tab_attestation > ul > li {display:table-cell;}
.tab_attestation > ul > li > a {line-height:48px; border:1px solid #ddd; display:block; text-align:left; font-size:16px; background:#f5f5f5; padding:0 20px; position:relative; font-weight:bold;}
.tab_attestation > ul > li > a span {position:absolute; right:20px; top:0; line-height:48px; display:block; font-size:12px; font-weight:normal;}
.tab_attestation > ul > li > a:hover {background:#fff; color:#333;}
.tab_attestation > ul > li.action > a {background:#fff; border:1px solid #005fca; border-bottom:1px solid #ddd; z-index:2;}
.tab_attestation > ul > li .tab_body {position:absolute; width:100%; left:0; top:49px; display:none; border:1px solid #005fca; z-index:1; box-sizing:border-box;}
.tab_attestation > ul > li.action .tab_body {display: block;}

.cn_agreement + .txt_agree {padding-top:0}
.tab_attestation.type02 > ul {border-bottom:1px solid #005fca}
.tab_attestation.type02 > ul > li > a {margin-left:-1px;border-bottom:0 !important;text-align:center;background:#fff}
.tab_attestation.type02 > ul > li.action > a {color:#1e75d6;border:1px solid #005cb9}
.tab_attestation.type02 > ul > li:first-child > a {margin-left:0}
.tab_attestation.type02 > ul > li > a:hover {color:#005fca}
.tab_attestation.type02 > ul > li > a span {width:190px;top:6px;line-height:18px}
.tab_attestation.type02 > ul > li .tab_body {top:50px;border:0}
.txt_agree {margin-bottom:40px;padding:20px 10px 20px 0;text-align:right;color:#333;font-weight:bold}
.tab_attestation.type02 .cn_sm_attes .inp {display:table;width:100%;box-sizing:border-box}
.tab_attestation.type02 .cn_sm_attes .inp p {display:table-cell;padding:36px 45px 32px 68px;box-sizing:border-box}
.tab_attestation.type02 .cn_sm_attes .inp p:first-of-type {padding:36px 68px 32px 45px}
.tab_attestation.type02 .cn_sm_attes .inp label {display:block;margin-bottom:13px;color:#333;font-size:14px}
.tab_attestation.type02 .cn_sm_attes .inp input {width:100%;height:33px;box-sizing:border-box}
.tab_attestation.type02 .cn_sm_attes .r_number input {width:calc(50% - 27px)}
.tab_attestation.type02 .cn_sm_attes .r_number i {display:inline-block;width:45px;text-align:center;color:#999}
.tab_attestation.type02 .btn_area {display:table;margin-bottom:62px;width:100%}
/*.tab_attestation.type02 .btn_area li {display:table-cell;padding-left:0.8%;width:20%}*/
.tab_attestation.type02 .btn_area li {display:table-cell;padding-left:0.8%;width:50%}
.tab_attestation.type02 .btn_area li a {width:100%}
.tab_attestation.type02 .btn_area li:first-child {padding-left:0}
.tab_attestation.type02 .btn_area .btn_type_02 {background:#1e75d6}
.tab_attestation.type02 .btn_area .btn_type_02:focus {border:1px solid red}
.tab_attestation.type02 .btn_area .btn_type_03 {background:#1C2674}
.tab_attestation.type02 .btn_area .btn_type_02:first-of-type {margin-left:0}
.tab_attestation.type02 .txt_method {margin-bottom:30px;text-align:center}
.tab_attestation.type02 .txt_method p {display:inline-block;padding-left:25px;background:url(../../images/ncp/ico_caution.png) no-repeat 0 0;font-weight:bold;color:#266dbd;font-size:14px}
.txt_caution {padding:27px 12px;border-width:1px 0;border-style:solid;border-color:#ddd #ddd;box-sizing:border-box;background:#f5f5f5}
.txt_caution li {padding-left:8px;background:url(../../images/ncp/icon_left_ds_03.png) left 13px no-repeat;line-height:28px;color:#545454}
.txt_help {padding:18px 0;color:#333;text-align:center;background:#f5f5f5;border-bottom:1px solid #005cb9}

/* 본인인증 탭 메뉴 영역*/

.tab_attestation.type03 > ul{border-bottom: none;}
.tab_attestation.type03 > ul > li > a {border-bottom: 1px solid #d7d7d7 !important;}
.tab_attestation.type03 > ul > li.action > a, .tab_attestation.type03 > ul > li > a:hover {background-color: #005fca;color:#fff;border-bottom: 1px solid #005fca !important;}


.simple_box {overflow:hidden;margin:0 auto;padding:35px 0 55px;width:466px;box-sizing:border-box}
.simple_box label {display:inline-block;width:94px;color:#333}
.simple_box .s_inp {float:left;width:346px}
.simple_box .s_inp li:first-child {margin-bottom:10px}
.simple_box .s_inp li input {width:247px;height:35px;box-sizing:border-box}
.simple_box .s_inp li.num input {width:calc(50% - 57px)}
.simple_box .s_inp li i {display:inline-block;width:15px;text-align:center}
.simple_box .btn_certify {float:right;width:109px;height:83px;display:block;color:#fff;font-size:15px;font-weight:bold;text-align:center;background:#1e75d6;border-radius:3px;line-height:83px}


.cn_sm_attes.new_type { margin-bottom: 30px;background-color: #fff;}
.cn_sm_attes.new_type .simple_box {width: 100%;padding: 0;background: url(../../images/ncp/secur_acc_icon.png) 80px 75px no-repeat #f4fbff;padding: 2.5rem 5rem;border-top:1px solid #005fca; border-bottom: 1px solid #d7d7d7; box-sizing:border-box;}
.cn_sm_attes.new_type .simple_box.easy_acc {background: url(../../images/ncp/easy_acc_icon.png) 80px 45px no-repeat #f4fbff}
.cn_sm_attes.new_type .simple_box.eng_acc {background: url(../../images/ncp/eng_acc_icon.png) 80px 45px no-repeat #f4fbff}
.cn_sm_attes.new_type .simple_box label {width:30%;font-weight: bold; display: inline-block;padding-top:12px;}
.cn_sm_attes.new_type .simple_box .s_inp {width:71.2%; float:right; padding:0;}
.cn_sm_attes.new_type .simple_box .s_inp li {margin-bottom: 0.7rem; overflow: hidden;}
.cn_sm_attes.new_type .simple_box .s_inp li input {width: 69%;height: 3rem;border-radius: inherit;}
.cn_sm_attes.new_type .simple_box .s_inp li.num input {width:33%;}
.cn_sm_attes.new_type .simple_box .s_inp li.num i {display:inline-block; width: 1%; height: 1px;background-color: #939393;margin: 0 1%;}
.cn_sm_attes.new_type .simple_box .s_inp li .btn_certify.type02 {display: block;width: 69%;float: right;padding: 0.8rem 0; margin: 2rem 0;border-radius: 0;line-height: inherit;height: auto;}

.simple_box .btn_certify {float:right;width:109px;height:83px;display:block;color:#fff;font-size:15px;font-weight:bold;text-align:center;background:#1e75d6;border-radius:3px;line-height:83px}

.cn_sm_attes.new_type .simple_box .btn_area {margin-bottom: 2.5rem;}
.cn_sm_attes.new_type .simple_box .btn_area li a.new_ncp_butt_type02 {padding: 0.8rem 0;}
.cn_sm_attes.new_type .simple_box .txt_method {margin-bottom: 0;}
.cn_sm_attes.new_type .simple_box .txt_method p {background:  url(../../images/ncp/informa_icon.png) left 1px no-repeat;}
.cn_sm_attes.new_type .simple_box .txt_method p span {color: #333;}
.cn_sm_attes.new_type .txt_essential {border-bottom: none;padding:1.25rem 1.25rem 0 1.25rem;border-top:none; }
.cn_sm_attes.new_type .txt_caution {border: 1px solid #d7d7d7;padding: 1.25rem;background-color: #fff;}
.cn_sm_attes.new_type .txt_help {background-color:#f5f5f5;padding:1.25rem; border:1px solid #d7d7d7; border-top: none;color: #b72f35;text-align: left;}

/*.cn_sm_attes.new_type .simple_box .login-btn-Box {clear: both;display: flex;}*/
/*.cn_sm_attes.new_type .simple_box .login-btn-Box .normal_login {display: flex; flex-wrap: wrap;justify-content: flex-end;}*/
/*.cn_sm_attes.new_type .simple_box .login-btn-Box .normal_login li {flex-basis: 49%;display: flex;width: 100%;margin: 0;}*/
/*.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login {display: inline-block;flex-basis: 32%;}*/
/*.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login li {padding: 2px; margin: 0; height: 106px;}*/
/*.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login li a {height: 100%;background: #fff url(../../images/sns.png) center 46px no-repeat; }*/
/*.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login li a:hover {background-color: #005fca;}*/


.cn_sm_attes.new_type .simple_box .login-btn-Box {clear: both;display: flex;}
.cn_sm_attes.new_type .simple_box .login-btn-Box .normal_login {display: flex;flex-basis: 72%;flex-wrap: wrap;justify-content: flex-end;}
.cn_sm_attes.new_type .simple_box .login-btn-Box .normal_login li {flex-basis: 47%;display: flex;width: 100%;margin: 0;padding: 5px;}
.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login {display: inline-block;flex-basis: 32%;}
.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login li {padding: 2px; margin: 0; height: 106px;}
.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login li a {height: 100%;background: #fff url(../../images/sns.png) center 46px no-repeat; }
.cn_sm_attes.new_type .simple_box .login-btn-Box .easy_login li a:hover {background-color: #005fca;}

.cn_sm_attes.new_type .simple_box .btn_area {margin-bottom: 0.5rem;}
.cn_sm_attes.new_type .simple_box .txt_method {margin-bottom: 0;padding: 20px 0 0 0;}

.new_ncp_butt_sm:hover {background-color: #005fca;color: #fff;}
/*.new_ncp_butt_type02 {display:inline-block;border: 1px solid #005fca; padding: 0.6rem 0; box-sizing: border-box;background-color: #005fca;color: #fff;font-size: 13px;text-align: center;  font-weight: 600;}*/
.new_ncp_butt_type02 {display:inline-block;border: 1px solid #d7d7d7; padding: 0.6rem 0; box-sizing: border-box;background-color: #fff;color: #333;font-size: 13px;text-align: center;  font-weight: 600;}


.new_ncp_butt:hover , .new_ncp_butt_type02:hover  {background-color: #005fca;border-color:#005fca;color: #fff; }

.s_inp .s_inp_textbox {width:85%; float:left;}

.s_inp .s_inp_form {float: right; width:15%;}
.s_inp .s_inp_form .btn { width:100% !important; height: 7rem; border: 0 none; background-color: #484c58; color: #fff; text-align: center;cursor: pointer; height: 4.2rem; max-height: 100%; border: 0 none; color: #fff; text-align: center; cursor: pointer;}

.g_btn_sea.g_btn_sea01 {background:none; padding:0 15px;}

/*부동산업무관리 */
.property_work_wrap {position:relative; margin:0 13px;}
.property_work {position:relative; width:100%; display:inline-block;}
/*.property_work > li {float:left; width:47.87%; border:1px solid #dde0e4;}*/
.property_work > li {float:left; width:47.7%; border:1px solid #dde0e4;}
.property_work > li.arrow_btn {width:4%; text-align:center; border:0; margin-top:245px;}

.property_work > li.arrow_btn a {display: inline-block; width: 30px; height: 30px; border: 1px solid #ccc; line-height: 29px; vertical-align: top;}
.property_work > li.arrow_btn .prevBtn {background: url(../img/prev_btn.jpg) no-repeat; no-repeat; margin-bottom: 30px;}
.property_work > li.arrow_btn .nextBtn {background: url(../img/next_btn.jpg) no-repeat; no-repeat;}

.sp_cdt {display:inline-block; overflow: hidden; width:18px; height:18px; background: url(/img/help.png) no-repeat 0 1px; vertical-align: top; margin-right:0; cursor:pointer;}
.sp_cdt .blind {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; line-height: 0; white-space: normal; word-wrap: break-word; word-break: break-all; clip: rect(0, 0, 0, 0);}
.tooltip02 {display:none; position: absolute; top:100%; left:0; padding:15px !important;border:2px solid #404b67;background:#fff;box-shadow:0 0 5px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,.1);-moz-box-shadow:0 0 5px 5px rgba(0,0,0,.1);box-sizing:border-box;z-index:1000}

input[type=date], input[type=number] {padding:0 5px; height:29px;}
td input[type=date] {width:150px;}


.loginWarp {display:flex; left: -300px; width:1095px; height: 384px; padding:1rem 2.5rem; border-top:0px solid #005fca; border-bottom: 0px solid #d7d7d7; box-sizing:border-box; margin-top: 80px;}
.loginWarp .loginTxt, .loginWarp .loginCont {display:inline-block;}
.loginWarp .loginTxt {width:100%; font-size:1.2rem; font-weight:bold; line-height:0.8; text-align:left; margin-bottom:30px; margin-top: 30px; margin-left: 11px; margin-top: 1px;}
.loginWarp .loginTxt > strong {font-size:1.2rem; font-weight:bold; color:#005fca;}
.loginWarp .loginCont {width:100%;}
.loginWarp .loginCont .loginBox {width:440px; margin-top: 26px;}

.loginWarp .loginCont .loginBox > a.loginBtn {}
.loginWarp .loginCont .loginBox > a.loginBtn > div {width:355px; padding:20px 0; font-size:1.5rem; font-weight:bold; display:inline-block; color:#fff; background: #005fca; text-align:center; border-radius:5px; margin-top: 49px; margin-left: -1px;}

.certificateCont {width:100%; text-align:center;}
.certificateCont > a.certificateBtn {width: 98px; display:inline-block; line-height:1.2em; border:1px solid #ccc; border-radius:3px; color:#444; background:#f9f9f9; background:#e2e4e7; margin-right:0; padding:10px 27px; box-shadow:0 1px 1px rgba(0,0,0,0.2); margin-left: 15px;}
.certificateCont > a.certificateBtn > div {background:none; padding:0; left:0; font-size:1rem; color: #333;}
/* .loginWarp {display:flex; width:100%; background-color:#f4fbff; padding:7rem 2.5rem; border-top:0px solid #005fca; border-bottom: 1px solid #d7d7d7; box-sizing:border-box;} */
.loginWarp .loginTxt, .loginWarp .loginCont {display:inline-block;}
.loginWarp .loginTxt {width:100%; font-size:1.2rem; font-weight:bold; line-height:0.8; text-align:left; margin-bottom:30px; height: 55px; padding: 28px 0 0 59px; box-sizing: border-box;  font-size: 24px; color: #2e333b; background: url(/images/img_login/ico_login.png) no-repeat; margin-left: 33px;}
.loginWarp .loginTxt > strong {font-size:1.2rem; font-weight:bold; color:#005fca;}

.General_loginCont {width:500px; margin:0 auto;}
.General_loginCont li {margin-bottom: 0.7rem; overflow: hidden;}
.General_loginCont label {width:13%; font-size: 16px; font-weight: 600; display: inline-block;padding-top:12px;}
.General_loginCont .sinp_box {width:100%; float:left;}
.General_loginCont li input {width:79%;height:3rem;border-radius: inherit;}

.General_loginCont li .pEmail {width:70.5%; margin-left: 34px;}
.General_loginCont li .smpEmailSel {width:20.7%; height:3rem;}
.General_loginCont li .smpPasswd {width:70.5%; margin-left: 34px;}
.General_loginCont li .sinp_Btn {float:right; width:20.8%; margin-top:2px;}
.General_loginCont li .sinp_Btn > .btn { width:100% !important; border: 0 none; background-color: #484c58; color: #fff; text-align: center;cursor: pointer; height:3rem; max-height: 100%; border: 0 none; color: #fff; text-align: center; cursor: pointer;}

.General_loginCont .noti {color:#f00;}

.loginWarp .loginCont {width:100%;}
.loginWarp .loginCont .loginBox {width:440px; margin:0 auto 20px;}

.loginBtnBox {padding-left:0%; text-align: center; margin-top:42px;}
.loginBtnBox > a.loginBtn {}
.loginBtnBox > a.loginBtn > div {width:355px; padding:15px 0; font-size:1.5rem; font-weight:bold; display:inline-block; color:#fff; background: #005fca; text-align:center; border-radius:5px; margin-top: -23px; margin-left: -77px;}

.certificateCont {padding-left:0%; width:100%; text-align:center; margin-top:20px; margin-left: -46px;}
.certificateCont > a.certificateBtn {width: 117px; display:inline-block; line-height:1.2em; border:1px solid #ccc; border-radius:3px; color:#444; background:#f9f9f9; background:#e2e4e7; margin-right:0; padding:9px 26px; border:none;}
.certificateCont > a.certificateBtn > div {background:none; padding:0; left:0; font-size:1rem; color: #333;}

/*20220905 SR_20220823-0009 수정 보안인증과 일반인증 탭없이 한 화면에서 볼 수 있도록 수정 */
.content0.content01 {position:relative; margin-top:50px; left: 275px;}
.content0.content01 > h1 {text-align:center; font-size:22px;}
.loginSecurity {width: 480px; height:354px; padding: 26px 62px; border: 1px solid #e2e4e7; box-sizing: border-box;background: #f8f8f8; margin-right: 48px;}
.loginGeneral {width: 480px; padding: 26px 30px; border: 1px solid #e2e4e7; box-sizing: border-box; background: #f8f8f8; height:354px;}
.loginWarp .loginTxt00 {width: 100%; font-size: 1.2rem; font-weight: bold; line-height: 0.8; text-align: left; margin-bottom: 30px; height: 55px; padding: 28px 0 0 59px; box-sizing: border-box; font-size: 24px; color: #2e333b; background: url(/images/img_login/ico_login.png) no-repeat;}
.loginWarp .loginContSec .loginBoxSec > a.loginBtn > div {width:100%; padding:25px 0; font-size:1.5rem; font-weight:bold; display:inline-block; color:#fff; background: #005fca; text-align:center; border-radius:5px;}
.loginWarp .loginContSec {width:100%;}
.loginWarp .loginContSec .loginBoxSec {width:300px; margin:0 auto 20px;}
.loginWarp .loginTxtSec {width:100%; font-size:1.2rem; font-weight:bold; line-height:0.8; text-align:center; margin-bottom:30px;}
.loginWarp .loginTxtSec > strong {font-size:1.2rem; font-weight:bold; color:#005fca;}
#btnFirst{color: #1e9ff2; text-decoration-line: underline;} 
#btnSmpReset {width: 117px;}
.loginTxt { margin-bottom: 10px; margin-top: 16px; margin-left: 38px;}
.loginTxt > strong{font-size:15px;}
.loginTxtBox{margin-left: 35px; border: 1px solid #e2e4e7; width: 1009px; height: 132px; margin-top: 40px; font-weight: bold;}