/* 국민비서 테블릿에서 모바일용 메뉴 미표출 */
@media all and (max-width:719px) {
	.item-type04,
	.item-type04-nologin {
		display: none !important;
	}
}
@media (min-width:720px) {
	.mo-gubbi {
		display: none;
	}
}
#memberLoginPopup {
	display:none;
    z-index: 9999;
}
.sr-only {
    overflow: hidden;
    color: transparent;
    /* text-indent: 100%; */
    white-space: nowrap;
	/* s:210125 */
	position:absolute;
    width:1px;
	height:1px;
	/* e:210125 */
}
/* 20220511 접근제어 소스추가  메인*/
.wait_data[data-value]:after{
	right:-25px;
	top:50px;
	margin:0;
}
/* //20220511 접근제어 소스추가 메인*/

.breadclumbs .bc-list { float: right; overflow: hidden; }
.breadclumbs .bc-list li { line-height: 26px; float: left; padding-left: 20px; background: url("/2017/img/common/ico_bc_list.png") left center no-repeat; }
.breadclumbs .bc-list li:first-child { padding-left: 0px; background: none; }
.contentsWrap { width: 100%; max-width: 1140px; margin: 0px auto; overflow: hidden; position: relative; }
.breadclumbs-wrap {
    border-bottom: 1px solid rgb(235, 233, 233);
    background: rgb(245, 247, 250);
}

.breadclumbs-wrap { width: 100%; background: rgb(247, 245, 245); }
.breadclumbs-wrap .inner { width: 100%; max-width: 1140px; margin: 0px auto; }
.breadclumbs .bc-list li {
    line-height: 32px;
    padding-top: 4px;
    background: url("/img/ico_bc_list.png") left 8px no-repeat;
}
.breadclumbs, .breadclumbs .bc-list {
    overflow: inherit;
}
.breadclumbs .bc-list::after, .breadclumbs::after {
    content: "";
    display: block;
    clear: both;
}

body {
	font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕','돋움',dotum,'Apple SD Gothic Neo','Helvetica Neue',Helvetica,Roboto,Arial,sans-serif !important;
}
textarea {
	border: 1px solid #999999;
	width: 100%;
	margin: 5px 0;
	padding: 3px;
}
#oacxDiv {
	line-height: normal !important;
}
#oacxDiv #bgScrn {
	left: 0px;
	top: 0px;
}
#oacxEmbededContents .list.list-top ul {
	height: auto !important;
}
#oacxEmbededContents .list {
	height: 100% !important;
}
#oacxEmbededContents .provider-list {
	height: 100% !important;
}
#oacxEmbededContents .selectLayout {
	height: 565px !important;
}

.scanContents { width: 100%; max-width: 1140px; margin: 0px auto; }
.scanContents ul.tab-element li span {display:inline-block; width:100%;}
.scanContents ul.tab-element li span a {width:100%;line-height:50px;display: inline-block;}

.renewLogin h1, .renewLogin h2, .renewLogin h3, .renewLogin h4, .renewLogin h5, .renewLogin h6 {
    font-family: "Malgun Gothic", sans-serif;
    font-weight: normal;
}

[class*="button-type-sky"] {
    border: 1px solid rgb(51, 130, 233);
    background-color: rgb(51, 130, 233);
    color: rgb(255, 255, 255) !important;
}

[class*="button-type-blue"] {
    border: 1px solid rgb(28, 90, 148);
    background-color: rgb(28, 90, 148);
    color: rgb(255, 255, 255) !important;
}

::-webkit-input-placeholder {
    color: rgb(119, 119, 119) !important;
}

::placeholder {
    color: rgb(119, 119, 119) !important;
}

#memberLoginPopup {
    max-width: 500px;
    position: fixed !important;
}

#memberLoginPopup:focus {
    outline: none;
}

.pc-show {
    display: block !important;
}

.mo-show {
    display: none !important;
}

.renewLogin {
    padding: 0px 0px 170px;
}

.renewLogin h3.sub-title {
    margin-top: 20px;
    font-size: 24px;
    text-align: center;
    letter-spacing: -1.5px;
}

.renewLogin .infor-text-box .color02 {
    color: rgb(228, 2, 44);
}

.renewLogin .tab-cont {
    overflow: hidden;
    padding: 15px 0px 0px;
    text-align: center;
}

.scanContents .renewLogin .certificate-wrap {
    margin: 10px 0px 50px;
}

.renewLogin .certificate-wrap .inner-wrap {
    position: relative;
    padding-top: 146px;
}

.renewLogin .certificate-wrap .inner-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    left: 50%;
    width: 90px;
    height: 108px;
    background: url("/img/ico_spr_login.png") -62px 0px no-repeat;
    transform: translate(-50%, 0px);
}

.renewLogin .certificate-wrap .inner-wrap.nonMember_wrap::before {
    background: url("/img/ico_spr_nonMember.png") -62px 0px no-repeat;
}

.renewLogin .certificate-regist {
    position: relative;
    width: 100%;
    max-width: 220px;
    margin: 30px auto 0px;
    padding-left: 72px;
}

.renewLogin .certificate-regist::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    background: url("/img/ico_spr_login_service.png") no-repeat rgb(50, 130, 233);
    transform: translate(0px, -50%);
}

.scanContents .renewLogin .disital-wrap {
    margin: 10px 0px 50px;
    font-family: inherit;
}

.renewLogin .disital-wrap .inner-wrap {
    position: relative;
    margin: 0px;
    padding-top: 146px;
}

.renewLogin .disital-wrap .inner-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    left: 50%;
    width: 90px;
    height: 74px;
    background: url("/img/ico_login_digital.png") no-repeat;
    transform: translate(-50%, 0px);
}

.scanContents .renewLogin .login-box-wrap {
    max-width: 420px;
    margin: 35px auto 50px;
}

.scanContents .renewLogin .login-box-wrap .login-inbox {
    padding-right: 0px;
}

.scanContents .renewLogin .input-inbox {
    padding: 0px 14px;
    margin-left: 90px;
    border: 1px solid rgb(227, 227, 227);
}

.scanContents .renewLogin .input-inbox label {
    position: absolute;
    top: 8px;
    left: -90px;
    font-size: 18px;
    font-weight: bold;
}

.scanContents .renewLogin.jimun .input-inbox {
    padding: 0px 14px;
    width: 420px;
    margin: 0px auto 20px;
    box-sizing: border-box;
    border: 1px solid rgb(227, 227, 227);
}

.renewLogin .input-inbox + .input-inbox {
    margin-top: 10px;
}

.renewLogin .input-inbox input {
    height: 43px;
}

.ipt_bottom_info {
    margin-left: 90px;
    line-height: 30px;
    font-size: 12px;
}

.scanContents .renewLogin .login-box-wrap .login-inbox .login-btn {
    position: relative;
    width: auto;
    margin-top: 20px;
}

.scanContents .renewLogin .login-box-wrap .login-inbox .login-btn button {
    height: 80px;
    font-size: 19px;
}

.renewLogin .login-box-wrap .login-other-wrap {
    margin-top: 28px;
    margin-left: 0px;
}

.scanContents .renewLogin .login-box-wrap .login-other-wrap li {
    float: left;
    width: auto;
}

.scanContents .renewLogin .login-box-wrap .login-other-wrap li a {
    height: auto;
    margin-left: 14px;
    font-size: 13px;
    line-height: 1.6;
}

.renewLogin .login-box-wrap .login-other-wrap .login-other-bx {
    position: relative;
}

.renewLogin .join {
    display: inline-block;
    float: left;
    position: relative;
    padding-left: 42px;
}

.renewLogin .join::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 34px;
    height: 34px;
    border: 1px solid rgb(50, 130, 233);
    border-radius: 50%;
    background: url("/img/ico_join.png") no-repeat;
    transform: translate(0px, -50%);
}

.renewLogin .join a {
    display: inline-block;
    position: relative;
    padding: 0px 17px 0px 0px;
    color: rgb(51, 130, 233);
}

.renewLogin .join a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-style: solid;
    border-color: rgb(49, 131, 231);
    border-image: initial;
    border-width: 2px 2px 0px 0px;
    transform: rotate(45deg);
}

.renewLogin .find-unit {
    display: inline-block;
    position: absolute;
    right: 0px;
}

.renewLogin .find-unit li a {
    display: inline-block;
    position: relative;
}

.renewLogin .find-unit li .find-pw {
    padding-left: 15px;
}

.renewLogin .find-unit li .find-pw::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0px;
    width: 1px;
    height: 12px;
    background-color: rgb(194, 194, 194);
}

.renewLogin .btn-join-link:hover {
    color: rgb(28, 145, 255);
}

.renewLogin .infor-text-box {
    margin-top: 0px;
    padding: 25px 40px;
    border-radius: 6px;
    font-size: 13px;
    text-align: left;
    background: rgb(240, 245, 249);
}

.renewLogin .infor-text-box::after {
    content: "";
    display: block;
    clear: both;
}

.renewLogin .infor-text-box > strong {
    display: block;
    position: relative;
    margin-bottom: 16px;
    padding-left: 24px;
    font-size: 18px;
}

.renewLogin .infor-text-box > strong::before {
    content: "";
    display: block;
    position: absolute;
    top: 4.5px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: url("/img/ico_service_notice.png") no-repeat;
}

.renewLogin .infor-text-box .color01 {
    color: rgb(50, 130, 233);
}

.renewLogin .infor-text-box .inbox-text {
    position: relative;
    width: 100%;
    padding: 0px 15px;
    color: inherit;
    font-size: 13px;
    overflow-wrap: break-word;
    word-break: keep-all;
    line-height: 1.7;
}

.renewLogin .infor-text-box p.inbox-text {
    margin-bottom: 5px;
}

.renewLogin .infor-text-box .inbox-text::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0px;
    z-index: 1;
    width: 8px;
    height: 2px;
}

.renewLogin .infor-text-box .inbox-text::before {
    background-color: rgb(52, 52, 52);
}

.renewLogin .infor-text-box .inbox-text + strong {
    margin-top: 23px;
}

.renewLogin .infor-text-box .inbox-text + ul + .inbox-text {
    margin-top: 15px;
}

.renewLogin .infor-text-box ul li {
    padding-bottom: 3px;
}

.renewLogin .infor-text-box.col2 {
    float: left;
    position: relative;
    width: 50%;
    padding: 0px;
}

.renewLogin .infor-text-box.col2:last-of-type {
    width: 46%;
    margin-left: 4%;
}

.renewLogin .infor-text-box em {
    font-style: normal;
}

.scanContents .renewLogin .dubble-btn {
    margin: 63px 0px 50px;
}

.renewLogin .dubble-btn li {
    position: relative;
    padding-top: 134px;
}

.renewLogin .dubble-btn.login-3btn li {
    width: 33.33%;
}

.renewLogin .dubble-btn li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 90px;
    height: 92px;
    background: url("/img/ico_fingerprint_01.png") no-repeat;
    transform: translate(-50%, 0px);
}

.renewLogin .dubble-btn li:last-child::before {
    background: url("/img/ico_fingerprint_02.png") no-repeat;
}

.renewLogin .login_btn {
    display: block;
    max-width: 420px;
    margin: 0px auto;
    height: 80px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
    width: 100% !important;
}

.renewLogin .login_btn:focus {
    outline: rgb(255, 255, 255) dashed 2px;
    outline-offset: -3px;
}

.renewLogin .login-3btn .login_btn {
    max-width: 280px;
}

.renewLogin .text-wrap {
    width: 100%;
    display: table;
    height: 100%;
}

.renewLogin .text-wrap span {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.renewLogin .text-wrap span em {
    font-style: normal;
}

.renewLogin .text-wrap span img {
    height: 24px;
}

.renewLogin .login_btn strong {
    font-size: 19px;
}

.renewLogin .dubble-btn li + li::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 100%;
    background-color: rgb(227, 227, 227);
}

.renewLogin .dubble-btn .dubble-btn-list .text-wrap strong {
    font-size: 19px;
}

.renewLogin .inbox-text .btn-unit {
    display: inline-block;
    position: relative;
    margin-left: 7px;
    padding: 2px 27px 2px 10px;
    border: 1px solid rgb(194, 194, 194);
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
    background: rgb(255, 255, 255);
}

.renewLogin .inbox-text .btn-unit::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 14px;
    width: 2px;
    height: 10px;
    background-color: rgb(119, 119, 119);
}

.renewLogin .inbox-text .btn-unit::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 10px;
    height: 2px;
    background-color: rgb(119, 119, 119);
}

.scanContents .dubble-btn li .login_btn {
    margin: 0px auto;
}

.renewLogin-pop h1, .renewLogin-pop h2, .renewLogin-pop h3, .renewLogin-pop h4, .renewLogin-pop h5, .renewLogin-pop h6 {
    font-family: "Malgun Gothic", sans-serif;
}

.btn_bg01 {
    background: rgb(52, 76, 122);
}

.renewLogin-pop {
    max-width: 480px;
    margin: auto;
    background: rgb(255, 255, 255);
    box-shadow: rgba(34, 34, 34, 0.7) 0px 2px 5px 0px;
}

.renewLogin-pop .pop-tit {
    display: block;
    height: auto;
    padding: 15px 85px 15px 30px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    background: rgb(1, 55, 99);
}

.renewLogin-pop .pop-inner {
    position: relative;
}

.renewLogin-pop .pop-inner .pop-content {
    padding: 35px 30px 30px;
}

.renewLogin-pop .pop-inner .slogan {
    position: relative;
    padding: 27px 0px 0px 77px;
    color: rgb(51, 51, 51);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1.2px;
    line-height: 22px;
}

.renewLogin-pop .pop-inner .slogan.type-2 {
    width: 56%;
    margin: auto;
}

.renewLogin-pop .pop-inner .slogan::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 3px;
    width: 62px;
    height: 72px;
    background: url("/img/ico_spr_login.png") left center no-repeat;
}

.renewLogin-pop .pop-inner .pop-btns {
    margin-top: 43px;
    font-size: 0px;
    text-align: center;
}

.renewLogin-pop .pop-inner .pop-btns a {
    display: inline-block;
    width: 160px;
    padding: 13px 0px;
    border: 1px solid rgb(170, 170, 170);
    border-radius: 4px;
    color: rgb(85, 85, 85);
    font-size: 16px;
}

.renewLogin-pop .pop-inner .pop-btns a:focus {
    outline-style: dashed !important;
    outline-width: 2px !important;
    outline-offset: 2px !important;
}

.renewLogin-pop .pop-inner .pop-btns span + span {
    margin-left: 10px;
}

.renewLogin-pop .pop-inner .pop-btns .btn_bg01 {
    color: rgb(255, 255, 255);
}

.renewLogin-pop .pop-inner .pop-btns .btn_bg01 img {
    width: 110px;
}

.renewLogin-pop .pop-inner .list {
    position: relative;
    margin-top: 30px;
    padding: 18px 25px;
    border-radius: 6px;
    background: rgb(240, 245, 249);
}

.renewLogin-pop .pop-inner .list p {
    padding: 12px 0px;
    color: rgb(228, 2, 44);
    line-height: 22px;
}

.renewLogin-pop .pop-inner .list dt {
    margin-bottom: 6px;
    font-size: 17px;
}

.renewLogin-pop .pop-inner .list dd {
    position: relative;
}

.renewLogin-pop .pop-inner .list dd .btn-join {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 120px;
    padding: 9px 0px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    text-align: center;
    background: rgb(50, 130, 233);
}

.renewLogin-pop .pop-inner .list dd span {
    display: block;
}

.renewLogin-pop .pop-inner .pop_certi .pop_list .simple_txt {
    padding-bottom: 20px;
    background: url("/2017/img/yearend/btn_img_icon.png") left 10px bottom no-repeat;
}

.renewLogin-pop .pop-inner .btn-layer-close {
    position: absolute;
    top: 18px;
    right: 30px;
    width: 24px;
    height: 24px;
    background: url("/img/ico_button_close.png") no-repeat;
    cursor: pointer;
}

.pop-login-nonmember {
    z-index: 99;
    width: 100%;
    box-sizing: border-box;
}

.renewLogin-pop .pop-inner .pop_certi .pop-btns span {
    display: inline-block;
    vertical-align: middle;
}

.renewLogin-pop .pop-inner .pop_certi .pop-btns a.btn_type1 {
    padding: 25px 0px;
}

.renewLogin-pop .pop-inner .pop_certi .color01 {
    color: rgb(39, 91, 174);
}

.renewLogin-pop .pop-inner .pop_certi {
    padding: 35px 24px 30px;
}

.renewLogin-pop .pop-inner .pop_certi .pop_list li {
    position: relative;
    padding-left: 10px;
}

.renewLogin-pop .pop-inner .pop_certi .pop_list li + li {
    margin-top: 4px;
}

.renewLogin-pop .pop-inner .pop_certi .pop_list li::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 3px;
    height: 3px;
    background: rgb(0, 0, 0);
}

.renewLogin-pop .renewLogin {
    padding: inherit;
}

.renewLogin-pop .certificate-wrap.btn_list {
    margin: 50px 0px 0px;
}

.renewLogin-pop .certificate-wrap.btn_list li {
    float: none;
}

.scanContents .tab-element li span {
    display: table-row;
}

.pop_main_layer {
    position: fixed;
    top: 20%;
    z-index: 999;
}

.pop_main_layer .renewLogin-pop {
    max-width: 600px;
}

.pop_main_layer .renewLogin-pop .pop-inner .pop-btns {
    display: table;
    margin: 0px auto;
}

.pop_main_layer .renewLogin-pop .pop-inner .pop-btns span {
    display: inline-table;
    vertical-align: middle;
    min-height: 60px;
}

.pop_main_layer .renewLogin-pop .pop-inner .pop-btns a {
    display: table-cell;
    padding: 11px 0px;
    width: 240px;
    font-size: 14px;
    border: 0px;
    border-radius: 0px;
    vertical-align: middle;
    background: rgb(25, 118, 210);
    color: rgb(255, 255, 255);
}

.pop_main_layer .renewLogin-pop .pop-inner .pop-btns span + span a {
    background: rgb(102, 102, 102);
}

.pop_main_layer .pop_list {
    margin-top: 25px;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.pop_main_layer .pop_list li {
    position: relative;
    padding-left: 14px;
}

.pop_main_layer .pop_list li::before {
    position: absolute;
    left: 0px;
    top: 6px;
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: rgb(51, 51, 51);
}

.pop_main_layer .pop_list li + li {
    margin-top: 10px;
}

.renewLogin .certificate-wrap.dubble-btn li::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 92px;
    height: 108px;
    background: url("/img/ico_spr_login.png") -62px 0px no-repeat;
}

.renewLogin .certificate-wrap.dubble-btn li + li::before {
    background: url("/img/ico_spr_login2.png") -61px 0px / cover no-repeat;
}

.renewLogin .certificate-wrap.dubble-btn li:last-child::before {
    background: url("/img/ico_spr_login3.png") 0px 0px / cover no-repeat;
    width: 98px;
}

#tab1 .renewLogin .disital-wrap .inner-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 92px;
    height: 108px;
    background: url("/img/ico_spr_login.png") -62px 0px no-repeat;
}

#tab8 .renewLogin .disital-wrap .inner-wrap::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 92px;
    height: 108px;
    background: url("/img/ico_spr_login2.png") -61px 0px / cover no-repeat;
}

.other_login_box {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0px;
    height: 100%;
    left: 0px;
}

.other_login {
    display: block;
    float: right;
    margin-top: -14px;
    margin-bottom: 48px;
    padding-right: 17px;
    font-size: 13px;
    background: url("/img/ico_arrow.png") right center / 7.5px no-repeat;
}

.other_login_wrap {
    position: absolute;
    z-index: 9999;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 50px 20px 20px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(187, 187, 187);
    box-sizing: border-box;
}

.other_login_wrap span {
    font-weight: bold;
    font-size: 16px;
}

.other_login_wrap ul li a {
    display: block;
    margin-top: 20px;
    padding: 10px;
    color: rgb(0, 0, 0);
    background: rgb(238, 238, 238);
}

.other_login_wrap ul li.active a {
    padding: 10px;
    color: rgb(255, 255, 255);
    background: url("../img/ico_check_p.png") right 20px center / 20px no-repeat rgb(28, 90, 148);
}

.other_login_wrap ul li + li a {
    margin-top: 10px;
}

.btn_close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
}

.btn_close a {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.btn_close a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background: rgb(0, 0, 0);
    transform: rotate(135deg) translateX(0%);
}

.btn_close a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 2px;
    background: rgb(0, 0, 0);
    transform: rotate(45deg) translateX(0%);
}

.btn_close a:hover {
    text-decoration: none;
}

.btn_close .sr-only-text {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
}

.other_login + .infor-text-box {
    clear: both;
}

.mo_img {
    width: 110px;
}

.renewLogin .info_bullet li {
    padding-left: 10px;
    position: relative;
}

.renewLogin .info_bullet li::after {
    content: "";
    position: absolute;
    display: block;
    top: 10px;
    left: 0px;
    width: 3px;
    height: 3px;
    background: rgb(128, 128, 128);
}

@media (max-width: 1313px) {
    .pop_main_layer {
        display: none;
    }
}

@media (max-width: 1058px) {
    .pc-show {
        display: none !important;
    }

    .mo-show {
        display: block !important;
    }

    .renewLogin .certificate-wrap.dubble-btn li {
        padding-top: 146px;
    }

    .renewLogin .certificate-wrap.dubble-btn li::before {
        content: "";
        display: block;
        position: absolute;
        top: 19px;
        left: 50%;
        width: 94px;
        height: 108px;
        background: url("/img/ico_spr_login.png") -62px 0px no-repeat;
    }

    .renewLogin .certificate-wrap.dubble-btn li + li::before {
        background: url("/img/ico_spr_login2.png") -61px 0px / cover no-repeat;
    }

    .renewLogin .certificate-wrap.dubble-btn li:last-child::before {
        background: url("/img/ico_spr_login3.png") 0px 0px / cover no-repeat;
    }
}

.renewLogin .certificate-wrap.btn_list li {
    width: 100%;
}

.renewLogin .certificate-wrap.btn_list li + li {
    margin-top: 10px;
}

.renewLogin .certificate-wrap.btn_list .login_btn {
    margin: 2px;
    height: 60px;
}

.renewLogin .btn_list .login_btn strong {
    display: inline-block;
    padding: 5px 0px 5px 50px;
    position: relative;
}

.renewLogin .btn_list .login_btn strong::after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -6px;
    width: 45px;
    height: 100%;
    background: url("/img/ico_login_btn1.png") left center / auto 100% no-repeat;
}

.renewLogin .btn_list li:nth-child(2) .login_btn strong::after {
    left: 0px;
    background: url("/img/ico_login_btn2.png") left center / auto 100% no-repeat;
}

.renewLogin .btn_list li:nth-child(3) .login_btn strong::after {
    left: 0px;
    background: url("/img/ico_login_btn3.png") left center / auto 100% no-repeat;
}

.renewLogin .info_bullet li::after {
    top: 8px;
}

@media (max-width: 802px) {
    .renewLogin {
        padding: 0px 15px 100px;
    }

    .scanContents .renewLogin h3.sub-title {
        font-family: notokr-medium, sans-serif;
        margin-top: 0px;
        font-size: 1.25em;
    }

    .scanContents .renewLogin .certificate-wrap {
        margin: 10px 0px 42px;
    }

    .renewLogin .certificate-wrap .inner-wrap {
        padding-top: 120px;
    }

    .renewLogin .certificate-wrap .inner-wrap::before {
        width: 68px;
        height: 80px;
        background: url("/img/ico_spr_login.png") -47px 0px / cover no-repeat;
    }

    .renewLogin .certificate-wrap .inner-wrap.nonMember_wrap::before {
        background: url("/img/ico_spr_nonMember.png") -47px 0px / cover no-repeat;
    }

    .renewLogin .login_btn strong {
        font-size: 16px;
    }

    .scanContents .renewLogin .login-box-wrap .login-inbox .login-btn button {
        font-size: 16px;
    }

    .scanContents .renewLogin .login-box-wrap {
        max-width: 100%;
        margin: 0px 0px 48px;
    }

    .renewLogin .login-box-wrap .login-inbox .login-btn button {
        height: 60px;
        font-size: 15px;
        background-color: rgb(28, 90, 148);
    }

    .scanContents .renewLogin .login-box-wrap .login-other-wrap li a {
        margin-left: 20px;
    }

    .renewLogin .join {
        padding-left: 33px;
        white-space: nowrap;
    }

    .renewLogin .join::before {
        width: 25px;
        height: 25px;
        background-size: cover;
    }

    .renewLogin .find-unit li .find-pw {
        padding-left: 20px;
    }

    .renewLogin .infor-text-box {
        padding: 20px;
    }

    .renewLogin .infor-text-box.col2 {
        float: none;
        width: 100%;
    }

    .renewLogin .infor-text-box.col2:last-of-type {
        width: auto;
        margin-left: 0px;
    }

    .renewLogin .infor-text-box.col2 + .infor-text-box.col2 {
        margin-top: 20px;
        padding-left: 0px;
    }

    .renewLogin .infor-text-box > strong {
        font-size: 13px;
    }

    .renewLogin .infor-text-box > strong::before {
        top: 2px;
    }

    .renewLogin .infor-text-box .inbox-text {
        width: auto;
        margin-bottom: 12px;
        padding: 0px 0px 0px 15px;
        font-size: 12px;
    }

    .renewLogin .infor-text-box .inbox-text:last-of-type {
        margin-bottom: 0px;
    }

    .renewLogin .infor-text-box ul li {
        font-size: 12px;
    }

    .renewLogin .certificate-wrap.dubble-btn li {
        padding-top: 120px;
        width: 49%;
    }

    .renewLogin .certificate-wrap.dubble-btn .dubble-btn-list .text-wrap strong {
        font-size: 16px;
    }

    .renewLogin .certificate-wrap.dubble-btn li:last-child::after {
        content: none;
    }

    .renewLogin .certificate-wrap.dubble-btn li::before {
        content: "";
        display: block;
        position: absolute;
        top: 19px;
        left: 50%;
        width: 68px;
        height: 80px;
        background: url("/img/ico_spr_login.png") -47px 0px / cover no-repeat;
    }

    .renewLogin .certificate-wrap.dubble-btn li + li::before {
        background: url("/img/ico_spr_login2.png") -45px 0px / cover no-repeat;
    }

    .renewLogin .text-wrap span img {
        height: auto;
        width: 110px;
    }
}

@media (max-width: 514px) {
    .renewLogin-pop .pop-inner .slogan {
        padding: 10px 0px 0px 77px;
    }

    .renewLogin-pop .pop-inner .pop-btns a {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .renewLogin-pop .pop-inner .list dd .btn-join {
        position: relative;
        width: 100%;
        margin-top: 10px;
    }

    .scanContents .renewLogin .input-inbox {
        margin-left: 25vw;
    }

    .scanContents .renewLogin .input-inbox label {
        left: -25vw;
        font-size: 16px;
    }

    .renewLogin .certificate-wrap.dubble-btn .dubble-btn-list .text-wrap strong {
        font-size: 14px;
    }

    .renewLogin .certificate-wrap.dubble-btn li a {
        font-size: 14px;
    }

    .ipt_bottom_info {
        margin-left: 25vw;
    }
}

.btn-layer-close:focus {
    outline-color: rgb(255, 255, 255);
}