@charset "utf-8";

/* 로그인 */
div.login-box {
width: 100%;
}

div.input-wrap{
padding-bottom: 20px;
}

div.input-wrap:last-child{
padding-bottom: 0;
}

form.form div.pw-box {
position: relative;
}

form.form.company-sign div.business-number-box {
position: relative;
}

form.form.company-sign div.business-number-box span.chk-txt {
font-size: 11px;
}

form.form.company-sign div.business-number-box span.chk-txt.br-txt-red{
color:#ff4b4f;
}

.block {
display: block;
}

.f12 {
font-size: 12px;
}

form.form span.chk-txt {
font-size: 11px;
color: #4a80f6;
}

form.form.company-sign span.chk-txt.error{
color:#ff4b4f;
}

form.form label {
font-family: NotoSansKR;
font-weight: 400;
color: #666;
display: block;
padding-bottom: 10px;
}

form.form label.impor {
position: relative;
display: inline-block;
}

form.form label.impor:before {
content: "*";
font-size: 15px;
color: #ff4b4f;
position: absolute;
top: 0;
right: -8px;
}

div.input-common-box{
border: 1px solid #dfe4e9;
border-radius: 5px;
background: #fff;
position: relative;
}

div.input-common-box.w100{
width: 100%;
}

.w68{
width: 68%;
}

.w74{
width: 74%;
}

div.depositor-box input{
width: 100%;
}

div.input-common-box:focus-within{
border: solid 1px #4a80f6;
outline: none;
}

div.input-common-box.c-red-line:focus-within{
border: solid 1px #ff4b4f;
}

div.input-common-box.disabeld-line input{
background: #efefef !important;
}

div.input-common-box.disabeld-line:focus-within{
border: solid 1px #dfe4e9;
}

div.input-common-box.element-2{
width: 74%;
}

div.input-common-box.element-2 input[type="text"]{
width: 100%;
}

form.form input {
width: 100%;
padding: 15px 10px 15px 10px;
border:none;
border-radius: 5px;
font-family: NotoSansKR;
font-weight: 400;
font-size: 15px;
color: #333333;
background: #fff;
}

form.form input.business-default-number {
background: #efefef;
}

form.form input.business-default-number:focus {
border: solid 1px #dfe4e9;
}

form.form.company-sign input.no-statement {
padding: 15px 10px 15px 10px;
}

form.form.company-sign div.id-box {
position: relative;
}

form.form span.chk-txt {
display: block;
padding: 0 10px 15px 10px;
margin-top: -4px;
font-size: 11px;
color: #4a80f6;
}

form.form.company-sign span.chk-txt.pw-security {
bottom: 20px;
color: #999999;
}

form.form.company-sign span.chk-txt.pw-safety {
bottom: 20px;
color: #4a80f6;
}

form.form.company-sign span.chk-txt.pw-error {
bottom: 20px;
color: #ff4b4f;
}

form.form div.pw-box.confirm-pw {
margin-top: 5px;
}

form.form.company-sign div.pw-box.confirm-pw {
margin-top: 5px;
}

div.pw-no-statement-box {
position: relative;
}

div.pw-no-statement-box02 {
position: relative;
}

form.form input::placeholder {
color: #333333;
font-family: NotoSansKR;
font-size: 15px;
font-weight: 400;
}

form.form.company-sign input:focus {
background: #fff;
}

div.business-input-box {
background: #fff;
border: solid 1px #e0e5ea;
padding: 15px 10px;
border-radius: 5px;
margin-top: 5px;
display: flex;
justify-content: space-between;
}

div.business-input-box.active {
border: solid 1px #4a80f6;
}

div.business-input-box div.business-select {
width: 100%;
}

div.business-input-box label {
display: block;
font-family: NotoSansKR;
font-weight: 700;
font-size: 15px;
padding-bottom: 0;
cursor: pointer;
color: #333333;
}

div.business-input-box label.business-number {
font-family: NotoSansKR;
font-weight: 400;
font-size: 15px;
color: #333333;
}

div.business-input-box input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
background: url(../images/common/company-chk-off.png) no-repeat center center;
border-radius: 100%;
cursor: pointer;
border: none;
margin: 7px 12px 0 0;
}

div.business-input-box input[type="checkbox"]:checked::before {
content: "";
display: block;
width: 18px;
height: 18px;
background: url(../images/common/company-chk-on.png) no-repeat center center;
border-radius: 100%;
position: relative;
top: -9px;
left: -9px;
}

img.eye-icon {
position: absolute;
top: 47px;
right: 20px;
width: 20px;
height: 17px;
}

img.eye-icon.on {
display: none;
top: 47px;
width: 20px;
height: 17px;
}

input[type="password"]::-ms-reveal {
display: none;
}

img.eye-icon.confirm {
top: 21px;
}

#togglePassword {
visibility: hidden;
}

div.login-check-box {
display: flex;
justify-content: flex-start;
}

div.login-check-box {
padding: 0;
}

div.login-check-box input[type="checkbox"].login-check {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-off.png) no-repeat center center;
cursor: pointer;
margin-top: 2px;
border: none;
padding: 0;
}

div.login-check-box input[type="checkbox"].login-check:checked::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-on.png) no-repeat center center;
position: relative;
top: 0;
left: 0;
}

div.login-check-box label {
display: inline-block;
padding: 0 0 0 10px;
cursor: pointer;
}

div.submit-box {
padding: 50px 0 0 0;
}

div.submit-box input[type="button"] {
background: #0c419a;
color: #fff;
font-size: 15px;
cursor: pointer;
border-radius: 5px;
}

div.submit-box.depositor input[type="button"] {
/*background: #dcdcdc;*/
}

div.submit-box.depositor input[type="button"].disable {
background: #dcdcdc;
}

ul.signuplink-box {
display: flex;
justify-content: center;
padding: 25px 0 0 0;
}

ul.signuplink-box li a {
color: #818fae;
position: relative;
padding: 0 15px;
}

ul.signuplink-box li a:hover {
text-decoration: underline;
}

ul.signuplink-box li:first-child a {
color: #4a80f6;
}

ul.signuplink-box li a:before {
content: "";
width: 1px;
height: 10px;
background: #d3d8e3;
position: absolute;
top: 5px;
right: 0;
}

ul.signuplink-box li:last-child a:before {
content: none;
}

ul.signuplink-box li a:hover {
color: #4a80f6;
}

/* 회사선택 */
div.company-select-box h2.company-select-tit {
font-size: 15px;
font-weight: 500;
border-bottom: solid 1px #dfe4e9;
padding-bottom: 12px;
position: relative;
}

div.company-select-box h2.company-select-tit.find-id{
margin-bottom: 25px;
}

div.company-select-box h2.company-select-tit:before {
content: "";
width: 120px;
height: 3px;
background: #4a80f6;
position: absolute;
bottom: -1px;
left: 0;
}

div.company-select-box h2.company-select-tit.w100:before{
width: 100%;
}

div.company-select-box h2.company-select-tit02 {
font-size: 15px;
font-weight: 500;
border-bottom: solid 1px #dfe4e9;
padding-bottom: 12px;
margin-bottom: 25px;
position: relative;
}

div.company-select-box h2.company-select-tit02:before {
content: "";
width: 168px;
height: 3px;
background: #4a80f6;
position: absolute;
bottom: -1px;
left: 0;
}

div.company-select-box p.company-desc {
min-height: 38px;
margin: 25px 0 25px 0;
display: block;
font-size: 13px;
letter-spacing: -0.5px;
}

p.company-desc02 {
margin: 40px 0 5px 0;
display: block;
font-size: 13px;
letter-spacing: -0.5px;
color:#333333;
}

div.company-select-box p.company-desc.center {
margin-bottom:0;
padding: 25px 0 0 0;
text-align: center;
}

div.company-select-box p.company-desc.f15 {
font-size: 15px;
}

div.input-btn-wrap {
display: flex;
justify-content: space-between;
padding-top: 50px;
}

div.input-btn-wrap.pd-st {
padding-top: 45px;
}

div.input-btn-wrap button {
width: 48%;
text-align: center;
background: #cad0dd;
color: #fff;
border-radius: 5px;
padding: 15px 0;
font-family: NotoSansKR;
font-weight: 400;
font-size: 15px;
cursor: pointer;
height: fit-content;
}

div.input-btn-wrap button.company-search-btn {
background: #0c419a;
}

div.input-btn-wrap button.company-next-btn {
background: #0c419a;
}

div.input-btn-wrap button.default-id-btn {
background: #0c419a;
}

div.input-btn-wrap button.new-sign-btn {
background: #4a80f6;
}

div.input-btn-wrap button.disable {
color: rgba(202,208,221,.75);
border: solid 1px rgba(202,208,221,.45);
background: #fff;
}

div.sign-box {
width: 100%;
padding: 0 0 60px 0;
}

div.sign-box.depositor {
padding: 0 0 0 0;
}

div.sign-box.depositor div.sign-input-box:first-child {
padding: 0 0 0 0;
}

div.sign-input-box {
padding: 20px 0 0 0;
}

div.sign-input-box:first-child {
padding: 25px 0 0 0;
}

div.account-number {
display: flex;
justify-content: end;
}

div.account-number select {
width: 110px;
padding: 15px 10px;
border: solid 1px #dfe4e9;
border-radius: 3px;
margin-right: 3px;
}

div.account-number input[type="text"] {
width: 200px;
}

div.account-number div.ico-box {
padding: 20px 0 0 10px;
position: relative;
cursor: pointer;
}

div.account-number div.ico-box i {
display: inline-block;
text-indent: -9999px;
width: 17px;
height: 16px;
background: url(../images/common/input-impor-ico.png) no-repeat;
}

div.address-box {
width: 100%;
display: flex;
justify-content: space-between;
flex-flow: wrap;
}

div.address-box input[type="text"].address-input {
width: 100%;
}

button.address-btn {
width: 30%;
background: #4a80f6;
font-size: 15px;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-family: NotoSansKR;
font-weight: 400;
}

button.address-btn.c2{
background: #0c419a;
}

div.depositor-box {
width: 100%;
display: flex;
justify-content: space-between;
flex-flow: wrap;
}

div.depositor-box input[type="text"].depositor-input {
width: 100%;
}

button.depositor-btn {
width: 30%;
background: #0c419a;
font-size: 15px;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-family: NotoSansKR;
font-weight: 400;
}

div.all-agree-box {
display: flex;
justify-content: space-between;
background: #fff;
border: solid 1px #dfe4e9;
padding: 20px 10px;
border-radius: 5px;
}

div.all-agree-box input[type="checkbox"].all-agree-input {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-off.png) no-repeat center center;
cursor: pointer;
margin-top: 7px;
border: none;
padding: 0px 0px 0px 0px;
}

div.all-agree-box input[type="checkbox"].all-agree-input:checked::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-on.png) no-repeat center center;
position: relative;
top: 0;
left: 0;
}

div.all-agree-box label.all-agree-label {
width: 92%;
display: block;
cursor: pointer;
font-family: NotoSansKR;
font-size: 15px;
font-weight: 700;
color: #333333;
/* color: #4a80f6; */
padding-bottom: 0;
}

div.agree-box.Type-02 label.all-agree-label {
color: #333333;
}

div.all-agree-box label.all-agree-label i {
display: block;
font-style: normal;
font-family: NotoSansKR;
font-weight: 400;
font-size: 13px;
color: #333;
}

ul.check-list-box {
padding: 25px 10px 25px 10px;
}

ul.check-list-box.depositor {
padding: 25px 10px 0 0;
}

ul.check-list-box li {
display: flex;
justify-content: flex-start;
padding-bottom: 3px;
}

ul.check-list-box.depositor li a {
padding: 5px 0 0 0;
}

ul.check-list-box li:last-child {
padding-bottom: 0;
}

ul.check-list-box li input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-off.png) no-repeat center center;
cursor: pointer;
border: none;
margin-top: 8px;
padding: 0px 0px 0px 0px;
}

ul.check-list-box li input[type="checkbox"]:checked::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-on.png) no-repeat center center;
position: relative;
top: 0;
left: 0;
}

ul.check-list-box.depositor li input[type="checkbox"]{
margin-top: 0;
padding: 15px 10px 15px 10px;
}

ul.check-list-box.depositor li input[type="checkbox"]:checked::before{
top: -8px;
left: -8px;
}

ul.check-list-box li label {
width: 87%;
cursor: pointer;
padding: 3px 10px 0 6px;
font-size: 15px;
color: #333333;
}

ul.check-list-box li a {
display: inline-block;
position: relative;
font-size: 11px;
color: #666666;
text-decoration: underline;
padding: 3px 0 0 0;
}

ul.check-list-box li a:hover {
color: #4a80f6;
}

p.agree-txt {
border-top: solid 1px #dfe4e9;
padding-top: 10px;
letter-spacing: -0.5px;
}

div.author-input-box {
width: 100%;
display: flex;
justify-content: space-between;
flex-flow: wrap;
padding-top: 6px;
}

div.author-input-box.forgot-pw{
padding-top: 0;
}

div.author-input-box.forgot-pw input[type="text"] {
padding: 15px 10px 15px 10px;
}

div.phone-name-box {
width: 100%;
}

div.author-input-box.number {
padding-top: 6px;
position: relative;
}

div.author-input-box.number span.time-number {
position: absolute;
top: 22px;
right: 100px;
font-size: 15px;
color: #ff4b4f;
}

div.author-input-box input[type="text"] {
width: 74%;
}

div.author-input-box button {
width: 80px;
background: #4a80f6;
font-size: 14px;
color: #fff;
border-radius: 5px;
font-family: NotoSansKR;
font-weight: 400;
}

div.author-input-box button.no-cursor {
pointer-events: none;
cursor: default;
}

div.author-input-box button.author-btn.resend {
background: #dcdcdc;
}

div.author-input-box button.author-btn.disable {
background: #dcdcdc;
}

button.prev-btn-small {
margin-top: 20px;
display: inline-block;
color: #909db8;
border-bottom: solid 1px #909db8;
padding-bottom: 5px;
font-size: 14px;
}

div.shadow-box {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 0;
}

div.layer-popup-box {
width: 640px;
height: inherit;
background: #fff;
border: solid 1px #dfe4e9;
border-radius: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
padding: 0 2px;
overflow: hidden;
}

div.layer-popup-box.w456 {
width: 456px;
}

div.signup-alrm-wrap {
padding: 40px 0 0 0;
width: 340px;
margin: 0 auto;
}

div.layer-popup-wrap {
width: 100%;
max-height: calc(100vh - 466px);
overflow-y: auto;
scrollbar-width: #999999;
/* Firefox에 적용되는 스크롤바 너비 조절 */
scrollbar-color: transparent transparent;
/* Firefox에 적용되는 스크롤바 색상 설정 */
}

div.layer-popup-wrap-con {
width: 340px;
margin: 0 auto;
}

div.layer-popup-wrap::-webkit-scrollbar {
width: 3px;
height: 100%;
/* 스크롤바 너비 */
}

div.layer-popup-wrap::-webkit-scrollbar-thumb {
background-color: #999999;
/* 스크롤바 색상 */
border-radius: 10px;
/* 스크롤바 라운딩 설정 */
}

div.layer-popup-wrap::-webkit-scrollbar-track {
background-color: transparent;
/* 스크롤바 트랙 색상 */
}

/* 스크롤바를 숨기지 않음 */
div.layer-popup-wrap:hover::-webkit-scrollbar-thumb {
background-color: #999999;
}

ul.company-adrres-list li {
display: flex;
justify-content: space-between;
padding: 20px 15px;
border: solid 1px #e1e1e1;
border-radius: 5px;
margin-bottom: 5px;
background: #f7f9fb;
}

ul.company-adrres-list li div.company-box {
width: 100%;
}

ul.company-adrres-list li label {
color: #999;
font-size: 15px;
display: block;
cursor: pointer;
}

ul.company-adrres-list li input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
background: url(../images/common/company-chk-off.png) no-repeat center center;
border-radius: 100%;
cursor: pointer;
margin-top: 23px;
}

ul.company-adrres-list li input[type="checkbox"]:checked::before {
content: "";
display: block;
width: 18px;
height: 18px;
background: url(../images/common/company-chk-on.png) no-repeat center center;
border-radius: 100%;
position: relative;
top: 0;
left: 0;
}

div.layerpop-btn-wrap {
width: 340px;
margin: 0 auto;
padding: 0 0 40px 0;
position: relative;
}

div.bn-slide-wrap {
width: 100%;
padding: 70px 0 0 0;
}

div.bn-slide-wrap .slick-track {
	z-index: 1;
}

div.bn-slide-wrap div a img {
width: 100%;
}

div.bn-slide-wrap .slick-dots {
position: absolute;
top: 55px;
left: 50%;
transform: translate(-50%, 0);
}

div.bn-slide-wrap .slick-dots li {
width: 4px;
height: 4px;
border-radius: 10px;
background: #abacaf;
z-index: 10;
}

div.bn-slide-wrap .slick-dots li.slick-active {
width: 10px;
height: 4px;
border-radius: 10px;
background: #0c419a;
}

div.bn-slide-wrap .slick-dots li button:before {
content: none;
}

div.accept-terms-wrap {
max-block-size: inherit;
max-height: -webkit-fill-available;	
width: 640px;
margin: 0 auto;
padding: 40px 40px;
}

h3.accept-terms-tit {
font-family: NotoSansKR;
font-weight: 500;
font-size: 15px;
border-bottom: solid 1px #dfe4e9;
padding: 0 0 15px 0;
position: relative;
}

h3.accept-terms-tit:before {
content: "";
width: 168px;
height: 3px;
background: #4a80f6;
position: absolute;
bottom: -1px;
left: 0;
}

h3.accept-terms-tit.long:before {
width: 225px;
}

div.accept-terms-content {
width: 100%;
/* max-height: calc(100vh - 460px); */
max-height: calc(100vh - 245px);
overflow-y: auto;
border: solid 1px #dfe4e9;
border-radius: 5px;
padding: 20px 20px;
background: #f7f9fb;
margin-top: 25px;
scrollbar-width: #999999;
/* Firefox에 적용되는 스크롤바 너비 조절 */
scrollbar-color: transparent transparent;
/* Firefox에 적용되는 스크롤바 색상 설정 */
}

div.accept-terms-content::-webkit-scrollbar {
width: 3px;
height: 100%;
/* 스크롤바 너비 */
}

div.accept-terms-content::-webkit-scrollbar-thumb {
background-color: #999999;
/* 스크롤바 색상 */
border-radius: 10px;
/* 스크롤바 라운딩 설정 */
}

div.accept-terms-content::-webkit-scrollbar-track {
background-color: transparent;
/* 스크롤바 트랙 색상 */
}

/* 스크롤바를 숨기지 않음 */
div.accept-terms-content:hover::-webkit-scrollbar-thumb {
background-color: #999999;
}

div.accept-terms-content p {
font-family: NotoSansKR;
font-size: 13px;
font-weight: 400;
padding-bottom: 30px;
}

div.input-btn-wrap.btn01-center {
display: flex;
justify-content: center;
}

div.input-btn-wrap.btn01-center.pd-st {
padding-top: 50px;
}

div.input-btn-wrap.btn01-center.pd-no {
padding-top: 0;
}

div.input-btn-wrap.btn01-center button {
width: 165px;
padding: 14px 20px;
background: #0c419a;
color: #fff;
}

div.accept-terms-table-type01 {
width: 100%;
margin-top: 25px;
}

div.accept-terms-table-type01 table {
width: 100%;
border-collapse: unset
}

div.accept-terms-table-type01 table thead tr th {
background: #eef1f4;
padding: 10px 0;
font-family: NotoSansKR;
font-size: 14px;
font-weight: 500;
color: #333333;
border: solid 1px #dfe4e9;
border-right: none;
text-align: center;
}

div.accept-terms-table-type01 table thead tr th:first-child {
border-radius: 5px 0 0 0;
}

div.accept-terms-table-type01 table thead tr th:last-child {
border-radius: 0 5px 0 0;
border-right: solid 1px #dfe4e9;
}

div.accept-terms-table-type01 table tbody tr td {
font-family: NotoSansKR;
font-size: 13px;
font-weight: 400;
color: #333333;
padding: 15px 10px;
border: solid 1px #dfe4e9;
text-align: left;
border-top: none;
border-right: none;
background: #fcfeff;
}

div.accept-terms-table-type01 table tbody tr td:last-child {
border-right: solid 1px #dfe4e9;
}

div.accept-terms-table-type01 table tbody tr td.bd-r-no {
border-right: none;
}

ul.accept-terms-text {
width: 100%;
padding-top: 10px;
}

ul.accept-terms-text li {
font-size: 13px;
color: #555555;
margin:4px 0 0 0;
padding: 0 0 0 8px;
position: relative;
}

ul.accept-terms-text li:first-child {
margin:0;
}

ul.accept-terms-text li:before {
content: "*";
position: absolute;
top: 0;
left: 0;
}

div.consent-privacy-box {
display: flex;
justify-content: center;
}

div.consent-privacy-box.pd-st {
padding: 50px 0 24px 0;
}

div.consent-privacy-box input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-off.png) no-repeat center center;
cursor: pointer;
margin-top: 2px;
border: none;
padding: 0;
}

div.consent-privacy-box input[type="checkbox"]:checked::before {
content: "";
display: block;
width: 16px;
height: 16px;
background: url(../images/common/agree-chkbox-on.png) no-repeat center center;
position: relative;
top: 0;
left: 0;
}

div.consent-privacy-box label {
padding: 0 0 0 10px;
cursor: pointer;
}

.bank-dropdown-box {
width: 110px;
position: relative;
display: inline-block;
border: 1px solid #dfe4e9;
border-radius: 5px;
margin-right: 5px;
background: #fff;
}

.bank-dropdown-box button.dropdown-button {
width: 100%;
height: 100%;
display: block;
text-align: left;
padding: 0 10px;
font-size: 15px;
font-family: NotoSansKR;
font-weight: 400;
font-size: 15px;
color: #8f8f8f;
background: url(../images/common/select-arrorw.png) no-repeat 90% 50%;
}

.bank-dropdown-box button.dropdown-button.on {
background: url(../images/common/select-arrorw-on.png) no-repeat 90% 50%;
}

.bank-dropdown-box button.dropdown-button span {
width: 91%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}

.dropdown-content {
position: absolute;
top: 56px;
width: 100%;
overflow-y: auto;
padding: 3px 0;
max-height: 188px;
background: #fff;
border: 1px solid #dfe4e9;
border-radius: 3px;
z-index: 11;
box-shadow: 2px 3px 6px 0 #eaecef;
scrollbar-width: #999999;
display: none;
/* Firefox에 적용되는 스크롤바 너비 조절 */
scrollbar-color: transparent transparent;
/* Firefox에 적용되는 스크롤바 색상 설정 */
}

.dropdown-content::-webkit-scrollbar {
width: 3px;
height: 100%;
/* 스크롤바 너비 */
}

.dropdown-content::-webkit-scrollbar-thumb {
background-color: #999999;
/* 스크롤바 색상 */
border-radius: 10px;
/* 스크롤바 라운딩 설정 */
}

.dropdown-content::-webkit-scrollbar-track {
background-color: transparent;
/* 스크롤바 트랙 색상 */
}

/* 스크롤바를 숨기지 않음 */
.dropdown-content:hover::-webkit-scrollbar-thumb {
background-color: #999999;
}

.dropdown-content a {
width: 100%;
color: #333;
padding: 7px 16px;
text-decoration: none;
font-family: NotoSansKR;
font-weight: 400;
font-size: 15px;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.dropdown-content a:hover {
background-color: #f2f6fe;
}

.dropdown:hover .dropdown-content {
display: block;
}

div.lifetime-account {
width: 228px;
display: block;
background: #fffcdb;
border: solid 1px #fbd38d;
padding: 10px 10px;
border-radius: 3px;
position: absolute;
top: 45px;
right: -20px;
display: none;
z-index: 2;
}

div.lifetime-account:before {
content: "";
width: 15px;
height: 7px;
background: url(../images/common/toggle-arrorw.png) no-repeat;
position: absolute;
top: -8px;
right: 20px;
}

div.lifetime-account p {
font-family: NotoSansKR;
font-weight: 500;
font-size: 11px;
}

div.lifetime-account p.txt {
color: #4a1f08;
font-size: 12px;
font-weight: 500;
}

div.lifetime-account p.txt02 {
color: #824321;
font-weight: 400;
padding-top: 5px;
}

input[type="text"].disabled {background: #eef0f2;}

div.flex-input-btn{
display: flex;
justify-content: space-between;
}

div.flex-input-btn input[type="text"]{
width: 74%;
}

div.phone-number-in{
padding-top: 6px;
position: relative;
}

div.phone-number-in button{
width: 80px;
height: 50px;
background: #4a80f6;
font-size: 14px;
color: #fff;
border-radius: 5px;
font-family: NotoSansKR;
font-weight: 400;
}

div.phone-number-in button.disable{
background: #dcdcdc;
}

span.failde-txt{
color:#ff4b4f;
}

div.phone-number-in span.time-number{
font-size:15px;
color:#ff4b4f;
font-weight: 400;
position: absolute;
top:22px;
right:100px;
}

div.id-result-box {
width: 100%;
max-height: calc(100vh - 389px);
overflow-y: auto;
scrollbar-width: #999999;
/* Firefox에 적용되는 스크롤바 너비 조절 */
scrollbar-color: transparent transparent;
/* Firefox에 적용되는 스크롤바 색상 설정 */
}

div.id-result-box::-webkit-scrollbar {
width: 4px;
height: 100%;
border-radius: 10px;
/* 스크롤바 너비 */
}

div.id-result-box::-webkit-scrollbar-thumb {
background-color: #999999;
/* 스크롤바 색상 */
border-radius: 10px;
/* 스크롤바 라운딩 설정 */
}

div.id-result-box::-webkit-scrollbar-track {
background-color: #d7d8db;
border-radius: 10px;
/* 스크롤바 트랙 색상 */
}

/* 스크롤바를 숨기지 않음 */
div.id-result-box:hover::-webkit-scrollbar-thumb {
background-color: #999999;
}

div.id-result-box ul.company-adrres-list{
padding-right: 3px;
}

div.id-result-box ul.company-adrres-list li{
height: 52px;
padding: 13px 15px;
margin-bottom: 2px;
}

div.id-result-box ul.company-adrres-list li.active{
border:solid 1px #4a80f6;
}

div.id-result-box ul.company-adrres-list li input[type="checkbox"]{
margin-top: 3px;
padding: 0;
}

form.form div.id-result-box input[type="checkbox"]{
border:none;
}