@charset "utf-8";

/* --- 로그인 --- */
/* 개인 */
.indivi-login h4 {margin-bottom: 1rem;font-size: 1.8rem;}
.indivi-login .btn-group {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.8rem;margin-top: 0;}
.indivi-login .btn-group + h4 {margin-top: 3rem;}
.indivi-login .btn-group.inq {}
.indivi-login .btn-group.all {padding-bottom: 3rem;margin-bottom: 3rem;border-bottom: 0.1rem solid #000;}
.indivi-login .btn-group.inq a,.indivi-login .btn-group.all a {margin-left: 0 !important;}
.indivi-login .btn-group a {position:relative;display: flex;align-items: center;justify-content: flex-start;height: 5.2rem;border-radius: 1rem;}
.indivi-login .btn-group .btn:not(:first-child) {margin-left:0;}
.indivi-login .btn-group a.recently:before{position: absolute;top: 2rem; right: -1.4rem; width: 0; height: 0;border: 1.8rem solid transparent;border-left-color: var(--primary); border-right: 0; border-top: 0; margin-top: -1.7rem;margin-right: 1.6rem; content: '';}
.indivi-login .btn-group a.recently:after {content:'최근 로그인';position:absolute;top:0;background: var(--primary);color: #fff;padding: .6rem .8rem;font-size: 1.2rem;border-radius: .8rem;right: 0;top: -1.2rem;}

.indivi-login .btn-group a span {position:relative;width: 100%; display: flex;align-items: center;}
.indivi-login .btn-group a span::before {content: '';display:block;flex-shrink: 0;width: 2.8rem;height: 2.8rem;margin-right: 0.5rem;background: url(../../images/contents/ic_singo1.svg) 50% 50% / contain no-repeat;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;}
.indivi-login .notice > ul > li:nth-child(n+5) {padding-left: 0;}
.indivi-login .notice > ul > li:nth-child(n+5)::before {display: none;}
.indivi-login .notice > ul .txt-list.dash li::before {content: ''}

.indivi-login .btn-group a[data-login="joint"] span::before {background: url(../../images/mobile/main/ic_login-certi.png) 50% 50% / contain no-repeat;}
.indivi-login .btn-group a[data-login="finance"] span::before {background: url(../../images/mobile/main/ic_login-finance.png) 50% 50% / contain no-repeat;}
.indivi-login .btn-group a[data-login="naver"] span::before {background: url(../../images/mobile/main/ic_login-naver.png) 50% 50% / contain no-repeat;}
.indivi-login .btn-group a[data-login="simple"] span::before {background: url(../../images/mobile/main/ic_login-easy.png) 50% 50% / contain no-repeat;}
.indivi-login .btn-group a[data-login="fingerprint"] span::before {background: url(../../images/mobile/main/ic_login-fingerprint.png) 50% 50% / contain no-repeat;}
.indivi-login .btn-group a[data-login="kakao"] span::before {background: url(../../images/mobile/main/ic_login-kakao.png) 50% 50% / contain no-repeat;}
.indivi-login .btn-group a[data-login="mid"] span::before {background: url(../../images/mobile/main/ic_logintype_mobile.svg) 50% 50% / contain no-repeat;}

/* 사업장 */
.business-login .login-input-form {margin-bottom:40px}
.business-login .login-input-form .form-command {text-align:center;}
.business-login .input-business-number {width:100%}
.business-login .login-input-form .form-input-label {margin-bottom: 1rem;font-size: 1.8rem;font-weight:700;color:#555}
.business-login .btn-login-type2.type-round {display: block;width: fit-content;margin: 3rem auto 0;border-radius: 2rem;border: 0.1rem solid #ddd;padding: 1.2rem 1.4rem;background: #fff;font-size: 1.2rem;}
.business-login .box {margin-top:30px}
.business-login .box .s_title {margin-bottom:10px;}
.layer_business-login .btn-menu-mobile {position: relative;top: auto;right: auto;left: auto;}
.layer_business-login .bg_top {margin:30px 0 50px;}
.layer_business-login .balloon {padding-left: 3rem;font-size: 1.2rem;}
.layer_business-login .layer_content .con-title {padding-bottom: 1rem;border-bottom: 0.1rem solid #000;}
.layer_business-login .must {color:red;}
.layer_business-login .txt-list.refer {font-size: 1.2rem;}
.layer_business-login .result-box {margin-top: 4rem}
.layer_business-login .result-item {padding: 1rem 2rem; margin-bottom: 1.2rem}
.layer_business-login .result-item ul li {display:flex;justify-content: space-between;align-items: center;margin-top: 1rem;}
.layer_business-login .result-item ul li small {font-size: 1rem;color:#c1c1c1;}
.layer_business-login .result-item ul li span {font-size: 1.2rem;width: 12rem;}
.layer_business-login .result-item-header {display:flex;justify-content: space-between;align-items: center;padding-bottom: 0.6rem;border-bottom: 0.1rem solid #eee;}
.layer_business-login .result-item-header p {color:var(--primary); font-size: 1.6rem}
.layer_business-login .result-btn {font-size: 1rem;height: 3.2rem;}

/* Overseas Beneficiary */
.overseas-login .login-input-form {margin-bottom: 4rem;}
.overseas-login .login-input-form .form-input-label {margin-bottom: 1rem;font-size: 1.8rem;font-weight:700;color:#555}
.overseas-login .form-input {margin-bottom: 1.2rem;}
.overseas-login .input-text {width:100%}

/* 개인정보 수집 및 이용에 대한 동의 */
.modal_agree label {position: relative;width: 100%;min-width:34rem;} 
.modal_agree .check-group {position:relative;}
.modal_agree .check-group button {position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: block;width: 2rem;height: 2rem;background: url(/images/common/ic_links_arr.svg) 50% 50% / 1.6rem no-repeat;font-size:0;}

.login-notice .notice-joint, .login-notice .notice-naver, .login-notice .notice-simple {display:none;}
.login-notice .notice-joint .txt-link {display: inline-flex; align-items: center;}
.login-notice .notice-joint .txt-link:after{display:inline-block; content:''; width:2rem; height:2rem; background:url(/images/common/ic_blank_primary.svg) center no-repeat; margin:0 0.4rem; flex-shrink:0;}