@charset "UTF-8";

header h1 { 
    height: 48px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    font-size: 1.6rem;
    background: #171948;
    background-size: 100% 48px;
    font-weight: 200;
    border-bottom: 1px solid #ccc;
    color:#fff;
}
header nav {
    height: 35px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    flex-direction: row;
    background: url(../../images/biz/newaccount/bg_header.png) repeat-x 0 0;
    background-size: 3px 35px;
}
header nav ol {
    display: flex;
    text-align: center;
    flex-direction: row;
}
header nav li {
    width: 20px;
    height: 20px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    line-height: 19px;
    text-align: center;
    border: 1px solid #ccc;
    color:#999;
    background: #fff;
    border-radius: 50%;
    margin-right: 7px;
}
header nav li.on {
    text-indent: -9999px;
    border: 1px solid #e32d83;
    background: url(../../images/biz/newaccount/icon_top_check.png) no-repeat 50% 50% #e32d83;
    background-size: 12px 9px;
   
}

.blur {
    transition: .7s linear;
}
.dimm {
    position: absolute;
    display: none;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 201;
    background: rgb(11 19 30 / 44%);
}
.dimm2 {
    position: absolute;
    display: none;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    background: rgba(255, 255, 255, 0);
}
.notification {
    height: auto;
    background: #f2f2f2;
    padding-top: 10px;
}
.notification .detail{
    background: #fff;
    padding: 20px 10px; 
}
.notification h3 {
    margin-bottom: 8px;
}
.notification ul span{
    color: #e32d83;
}
.notification ul li {
    padding-left: 8px;
    background: url(../../images/biz/newaccount/icon_arrow_depth.png) no-repeat 0 55%;
    background-size: 3px 3px;
    margin-bottom: 4px;
}
.user-name {
    height: calc(100vh - 120px - 84px - 50px);
    display: table-cell;
    vertical-align: middle;
}
.user-name .text-block {
    margin: 0 0 30px 20px;
}
.user-name .text-block p {
    font-size: 1rem;
    font-weight: 200;
}
.user-name .text-block div {
    margin-top: 10px;
}
.user-name .text-block div input {
    width: 40vw;
    height: 32px;
    border-bottom: solid#b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1.5rem;
    color: #222;
}
.user-name .text-block div  input::placeholder {
    color: #b2b2b2;
    
}

.user-name .text-block div  input.on {
    border-bottom: solid #e32d83;
    border-width: 0 0 1px 0;
}

.drop-input-menu {
    background: url(../../images/biz/newaccount/icon_dropBtn.png) no-repeat 95% 13px !important;
    background-size: 8px 6px !important;
    cursor: pointer;
}

.btn01 {
    display: inline-block;
    color: #fff !important; 
    padding: .35rem .7rem;
    border-radius: 15px;
    margin: 0 6px 0 0;
    background: #171948;
}

.btn01.off {

    background: #bfbfbf;
}

.agree-box {
    width: 90%;
    margin: 25px auto;
    overflow:hidden;
}
.agree-box h3 {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 2px solid #ccc;
    font-size: 1.5rem;
    font-weight: 100;
}
.agree-box li {
    height: 3.5rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #ccc;
    background: url(../../images/biz/newaccount/icon_arrow_01.png) no-repeat 98% center;
    background-size:  8px 12px;
}
.agree-box li.select-agrm {
    height: 3.5rem;
    line-height: 3.5rem;
    border-bottom: 1px solid #ccc;
    background: none;
}
.agree-box>ul>li>a,.agree-box>ul>li.select-agrm>div:not(:last-child){
    font-size: 1rem;
    display: block;
    width:100%;
    font-weight: 100;
    padding-left: 40px;
    background: url(../../images/biz/newaccount/icon_check_04.png) no-repeat 0.5rem center;
    background-size: 1.7rem 1.7rem;
    color: #505050;
}	
.agree-box>ul>li.agree-all{
    text-align: center;
    border-bottom: 2px solid #ccc;
    font-weight: 100;
    height: 5rem;
    line-height: 5rem;
}
.agree-box>ul>li.agree-all>a{
    font-size: 1.5rem;
    padding-left: 0px;
}
.agree-box>ul>li.select-agrm>div:not(:last-child) h5{
    line-height: 1rem;
    height: 2rem;
    font-size: 1rem;
    color: #505050;
    display: flex;
    align-items: flex-end;
    font-weight: 100;
}
.agree-box>ul>li.select-agrm>div:not(:last-child) p{
    line-height: 1rem;
    height: 1.5rem;
    font-size: 0.8rem;
    color: #777;
    display: flex;
    align-items: flex-start;
    text-indent: 1rem;
}
.agree-box>ul>li.select-agrm{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.agree-box>ul>li.select-agrm>div:last-child{
    height: 30px;
    margin: auto 0;
    width: 180px;
}
.agree-box>ul>li>div>a{
    background: none !important;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    padding: 3px 8px;
    line-height: 20px;
    margin: auto 0;
    float: right;
    font-size: 0.9rem;
    margin-left: 3px;
}
.agree-box li a.on, .agree-box>ul>li.select-agrm>div.on:not(:last-child) {
    background: url(../../images/biz/newaccount/icon_check_04_on.png) no-repeat 0.5rem center;
    background-size: 1.7rem 1.7rem;
}
.check-box {
    width: 100%;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
   
    align-items: center;
    align-content: center;
    flex-direction: row;

}
.check-box ul { 
    width: 90%;
    margin: 0 auto;    
    overflow: hidden;
}
.check-box li {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin: 10px 0 20px 20px;
}
.user-info-box1 {
    width: 90%; 
    margin: 25px auto;
}
.user-info-box1 h3 {
    width: 100%; 
    text-align: center;
    border-bottom: 2px solid #ccc;
    font-size: 1.5rem; 
    font-weight: 100;
    padding-bottom: 15px;
}
.user-info-box1 ul  li {
    position: relative;
}
.user-info-box1 ul  li .text {
    width: 100%;
    font-size: 1rem;
    font-weight: 100;
    color: #888;
    padding-top: 10px;
}
.user-info-box1 ul  li .input {
    width: 100%;
    height: 32px;
   margin-top: 5px;
   padding-bottom: 10px;

}
.user-info-box1 ul  li .input  input {
    width: 100%;
    height: 32px;
    border: solid #b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1.4rem;
    padding-bottom: 10px;
}
.user-info-box1 ul  li .input  input::placeholder{
    color:#b2b2b2;
}

.user-info-box1 ul  li .address {
    width: 100%;
    height: 30px;
    border: solid #b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1.5rem;
    padding-bottom: 10px;
    margin-top: 5px;
}

.user-info-box1 ul  li .address.on {
    border: solid #b2b2b2;
    border-width: 0 0 1px 0;
}

.user-info-box1 ul  li .address a {
   width: 100%;
   display: block;
   color:#b2b2b2;
   background: url(../../images/biz/newaccount/icon_search.png) no-repeat 95% 50%;
   background-size: 14px 14px;
   
}
.user-info-box1 ul  li .address a span {
	width: 88%;
	display: block;
	white-space: nowrap;
   	text-overflow: ellipsis;
   	overflow:hidden;
}

.user-info-box2 {
    width: 83%; 
    margin: -10px auto 0;
}
.user-info-box2 h3 {
    width: 100%; 
    text-align: center;
    border-bottom: 2px solid #ccc;
    font-size: 1.5rem; 
    font-weight: 100;
    padding-bottom: 15px;
}
.user-info-box2 ul  li {
    position: relative;
}
.user-info-box2 ul  li .text {
    width: 100%;
    font-size: 1rem;
    font-weight: 100;
    color: #888;
    padding-top: 10px;
}
.user-info-box2 ul  li .input {
    width: 100%;
    height: 30px;
   margin-top: 5px;
   padding-bottom: 10px;
   
}
.user-info-box2 ul  li .input  input {
    width: 30%;
    height: 30px;
    border: solid #b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1.5rem;

}
.user-info-box2 ul  li .input span {
    margin-left: 10px;
}
.user-info-box2 ul  li .input  input::placeholder{
    color:#b2b2b2;
}
.sub-txt {
    text-align: center;
    font-weight: 100;
    color: #505050;
}
.sub-txt .txt {
    color:#333;
    margin-bottom: 5px;
}
.e-mail span {
    display: inline-block;
    width: 10%;
    text-align: center;
}

.popup-alert {
    width: 90%;
    background: #fff;
    position: absolute;
    left: 5%;
    top: 50%;
    margin-top:-25%;
    z-index: 202;
    padding: 5% 0  0 0;

}
.popup-alert .popup-contents {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    color: #505050;
}
.popup-alert .popup-contents h4 {
    text-align: center; 
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 15px;
}
.popup-alert .popup-contents p {
    text-align: center;
    font-weight: 100;
    margin-bottom: 15px;
    word-break: keep-all;
}
.popup-alert .popup-contents .btn {
    padding: 3px 20px 3px 12px;
    display: inline-block;
    border: 1px solid #505050;
    border-radius: 12px;
    margin: 0 auto 15px;
    color: #505050 !important;
    background: url(../../images/biz/newaccount/icon_arrow_01.png) no-repeat 96% center;
    background-size: 6px 10px;
}
.popup-alert .popup-contents ul {
    padding: 15px 0;
    border-top: 1px solid #ccc;
    font-size: .9rem;
    text-align: left;
}
.popup-alert .popup-contents ul span {
    color: #e32d83;
}
.popup-alert .popup-contents ul li {
    padding-left: 8px; 
    background: url(../../images/biz/newaccount/icon_arrow_depth.png) no-repeat left 7px;
    background-size: 3px 3px;
}
.popup-alert-btn {
    border-top: 1px solid #ccc;
    overflow: hidden;
}
.popup-alert-btn li {
    float: left;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #ccc;
    width: 100%;
   
    text-align: center;
}

.popup-alert-btn li.w60 {
    width: calc(60% - 1px);
}
.popup-alert-btn li:first-child {
    border-left: 0;
 
 }
 .popup-alert-btn li a {
     color: #505050 !important;
     font-weight: 100;
     display:block;
 }
 .noti {
    
     left: 0;
     bottom: 0;
    padding-top: 10px;
     text-align: left;
     background: #f2f2f2;
 }
 .noti .detail{
    padding: 20px 0 0px 20px; 
    background: #fff;
    padding: 10px 5%;
 }
 .noti h4 { 
     margin-bottom: 5px;
     font-weight: 100;
 }
 .noti li {
     color: #333 !important;
     font-weight: 100;
     padding-left: 12px; 
     background: url(../../images/biz/newaccount/icon_arrow_depth.png) no-repeat left 7px;
 }
 .noti li div {
    margin-bottom: 5px;
 }
 .noti li span {
    color: #e32d83;
 }
.noti-agree {
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: left;
    background: #f2f2f2;
}
.noti-agree .detail{
    padding: 20px 0 0px 20px; 
    background: #fff;
    padding: 0 25px;
 }
 .noti-agree .detail li {
     border-bottom: 1px solid #bfbfbf;
     padding-bottom: 10px;
 }
 .noti-agree .detail li:last-child {
     border-bottom: 0;
     padding-bottom: 0;
 }
 
 .sub-agree-box .check-list {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     padding:0 18px;
 }
 .sub-agree-box .check-list .checks {
     margin: 0;
     height: 30px;
 }
 .sub-agree-box .check-list .checks label {
     font-weight: 100;
 }
 .sub-agree-box .check-list li {
    border-bottom: 0;
    padding-bottom: 0px;
     background: none;
 }
 
 
 .noti-agree .check-list {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     margin-top: 5px;
 }
 .noti-agree .check-list .checks {
     margin: 0;
 }
 .noti-agree .check-list .checks label {
     font-weight: 100;
 }
 .noti-agree .check-list li {
    border-bottom: 0;
    padding-bottom: 0px;
 }
 .noti-agree .select-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 !important;
 }
 .noti-agree .select-list .txt {
     line-height: 4.6rem;
 }
 .noti-agree .last .checks  {
     margin: 10px 0 0 0 !important;
 }
 .noti-agree .input {
    width: 50%;
    height: 30px;
   margin-top: 5px;
   padding-bottom: 10px;
   
}
.noti-agree .input  input {
    width: 100%;
    height: 30px;
    border: solid #b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1rem;
    padding-bottom: 5px;
    margin-top: 5px;
    background: url(../../images/biz/newaccount/icon_dropBtn.png) no-repeat 95% 13px;
    background-size: 8px 6px;
    cursor: pointer;
}
.noti-agree  input::placeholder{
    color:#b2b2b2;
}


.sub-agree-box {
    background: #f9f9f9; 
    padding: 10px 15px;
    font-weight: 100;
    font-size: 0.9rem;
    color: #505050;
    margin-top: 5px;
}
.sub-agree-box p {
    margin-bottom: 7px;
    padding-left: 18px;
}

.sub-agree-list{
    margin:0px 10px 10px 10px;
    padding:0 25px;
    font-size:0.9rem;
    color: #505050;
}
.sub-agree-list li{
    height: auto;
    border-bottom: none;
    background: none;
    line-height:normal;
}
.sub-agree-list>ul>li{
    background: none;
    border: none;
    height: auto;
}
.sub-agree-list>ul>li>div{
    height: 20px;
}
.sub-agree-list>ul>li>div.open{
    height: 80px;
}
.sub-agree-list>ul>li>div>ul{
    display: none;
}
.sub-agree-list>ul>li>div>ul>li>a{
    font-size: 0.8rem;
    display: block;
    width: 100%;
    font-weight: 100;
    padding-left: 18px;
    background: url(../../images/biz/newaccount/icon_check_02.png) no-repeat 0px center;
    background-size: 12px 9px;
    color: #505050;
    margin-top: 6px;
}
.sub-agree-list>ul>li>div>ul>li>input:checked+a{
    background: url(../../images/biz/newaccount/icon_check_02_on.png) no-repeat 0px center;
    background-size: 12px 9px;
}
.sub-agree-list>ul>li>div.open>ul{
    display: block;
}
.sub-agree-list>ul>li>div>p{
    position: relative;
}
.sub-agree-list>ul>li>div>p:before{
    content: '';
    background:#000;
    width:4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: -12px;
    top: calc(50% - 2px);
    display: inline-block;
}
.sub-agree-list>ul>li>div>p:after{
    content: '▼';
    position: absolute;
    right: -12px;
    top: 0px;
    display: inline-block;
    font-size: 0.8rem;
    color: grey;
}
.sub-agree-list>ul>li>div.open>p:after{
    content: '▲';
}
.sub-agree-list p{
    font-weight: 700;
    font-size:0.9rem;
}

 .user-password  {
    height: calc(100vh - 120px - 84px - 50px - 125px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-direction: row;
}
.user-password  .text-block {
    width: 87%;
    margin: 0 0 30px 20px;
}
.user-password .text-block p {
    font-size: 0.9rem;
    font-weight: 100;
    color: #888;
}
.user-password .text-block div {
    margin-top: 10px;
    position: relative;
}
.user-password .text-block div span {
    position: absolute; 
    right: 0;
    bottom: 10px;
    font-size: .9rem;
    font-weight: 100;
    color: #888;
}
.user-password .text-block div span.on {
    color:#e32d83;
}
.user-password  .text-block div input {
    width: 100%;
    height: 32px;
    border-bottom: solid#b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1.5rem;
    color: #222;
}
.user-password  .text-block div  input::placeholder {
    color: #b2b2b2;    
}
.user-password  .text-block div  input.on {
    border-bottom: solid #e32d83;
    border-width: 0 0 1px 0;
}
.user-password .text-block div span.pwd-valid + span{
    display:none;
}
.user-password .text-block div span.pwd-valid.hide + span{
    display:block;
    color: #8a8a8a;
}



.user-bank {
    height: calc(100vh - 120px - 84px - 89px - 60px);
    display: table-cell;
    vertical-align: middle;
}
.user-bank .text-block {
    width: 100%;
    margin: 0 0 30px 20px;
}
.user-bank .text-block p {
    font-size: 1.7rem;
    font-weight: 200;
}
.user-bank .text-block div {
    margin-top: 10px;
}
.user-bank .text-block div input {
    width: 70%;
    height: 32px;
    border-bottom: solid#b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1.3rem;
    color: #222;
}
.user-bank .text-block div  input::placeholder {
    color: #b2b2b2;
    
}
.user-bank .text-block div  input.on {
    border-bottom: solid #e32d83;
    border-width: 0 0 1px 0;
}
.idCard {
    height: calc(100vh - 84px - 50px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: row;
}
.idCard .table {
    width: 80%; 
    margin: 0 auto;
    border-top: 1px solid #bfbfbf;
}
.idCard .table tr th{
   padding:0;
    text-align: left;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #bfbfbf;
    font-weight: 100;
    font-size: 1.2rem;
    color: #505050;
}
.idCard .table tr td{
    padding:0;
     text-align: left;
     height: 42px;
     line-height: 42px;
     border-bottom: 1px solid #bfbfbf;
     font-weight: 100;
     font-size: 1.2rem;
     color: #505050;
     padding-top:1px;
 }
.idCard .table tr td input {
    border: 0;
    font-weight: 100;
    font-size: 1.0rem;
    color: #505050;
    height: auto;
    line-height: 38px;
    padding: 0;
  
}
.idCard .table tr td input:disabled{
    color: #7c7c7c;
    opacity: 1;
    -webkit-text-fill-color: #7c7c7c;
}
.idCard .table .idNumber input {
   float: left;
}
.idCard .table .idNumber span{
    float: left;
    line-height: 40px;
}
.driverNumber input{
    float: left;
    text-align: center;
}
.driverNumber span{
    float: left;
    line-height: 40px;
}

.popup-alert-01 {
    position: absolute; 
    left: 5%; 
    top: 20%; 
    width: 90%; 
    z-index: 10;
    display: none;
    background: #fff;
}
.popup-alert-01 h3 {
    text-align: center;
    font-size: 1.5rem;
    margin: 0 10px 5px;
    padding: 10px 0 0;
}
.popup-alert-01 a.btn-confrim {
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    border-top: 1px solid #b2b2b2;
    display: block;
}
.popup-alert-01 .txt{
    padding: 0 5%;
    text-align: left;
    font-size: .9rem;
}
.popup-alert-01 .btn-close {
    position: absolute; 
    right: 10px; 
    top: 10px;
    width: 12px;
    height: 12px;
}
.popup-alert-01 .btn-close img {
    width: 100%;
}

.user-info-box1 .btn-alert {
    position: absolute;
    right: 0;
    bottom:3px;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    
    border-radius: 5px;
    background: #00a4c1;
    color: #fff;
    font-weight: 100;
}
.user-acocunt-table {
    width: 100%;
    border-top: 1px solid #bfbfbf;
    margin-bottom: 10px;
}
.user-acocunt-table table {
    width: 100%;
}
.user-acocunt-table td {
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    padding: 10px 0;
    text-align: center;
    background: url(../../images/biz/newaccount/icon_check.png) no-repeat 10% 11px;
    background-size: 16px 16px;
}
.user-acocunt-table tr td:first-child {
    border-left: 0;
}
.user-acocunt-table td.off{
    background-image: none;
}
.user-acocunt-table td.off * {
    color: #bfbfbf;
   
}
.user-idText {
    text-align: center;
    font-size: 1.2rem;
    padding: 10px 0 15px;
    font-weight: 100;
}
.r-btn {
    width: 90%;
    margin: 0 auto 10px;
  text-align: right;
}
.r-btn p{
    text-align: right;
    font-weight: 100;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.c-btn {
    text-align: center;
    font-weight: 100;

}
.c-btn  p{
    text-align: center;
    font-weight: 100;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.btn{
    display: inline-block;
    padding: 3px 25px 3px 15px;
    border: 1px solid #bfbfbf !important;
    border-radius: 12px;
    background: url(../../images/biz/newaccount/icon_arrow_01.png) no-repeat 90% 7px;
    background-size: 6px 10px; 
}
.btn3{
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #bfbfbf;
    border-radius: 12px;
    font-size: .9rem;
}
.btn2 {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #bfbfbf;
    
}

.id-insert-table {
    width: 90%;
    margin: 10px auto 10px;
    border: solid #bfbfbf;
    border-width: 1px 0 1px 0;
}
.id-insert-table table {
    width: 100%;
}
.id-insert-table th {
    background: #f9f9f9;
    font-weight: 100;
    text-align: left;
    padding: 10px 0 10px 10px;
    vertical-align: middle;
}
.id-insert-table td {
    padding: 10px 0 10px 10px;
}
.id-insert-table td input {
    border: 0;
    width: 100%;
    font-weight: 100;
    font-size: 1rem;
    line-height: 25px;
}
.id-insert-table td textarea {
    border: 0;
    width: 50%;
    font-weight: 100;
    font-size: 1rem;
    line-height: 18px;
    float: left;
    padding: 0;
    letter-spacing: -0.8px;
}
.id-insert-table td r-align {

}
.app-list {
    padding-top: 10px;
    background: #f2f2f2;
}
.app-list .detail {
    background: #fff;
    padding: 10px 0%;
}
.app-list  li {
    padding: 15px 15px;
    border-bottom: 1px solid #b2b2b2;
    display: flex;
    justify-content: space-between;

}
.app-list  li:nth-child(even) {
    background: #f9f9f9;
    
}
.app-list .list {
    padding: 0 5% 10px;
    display: block;
}
.app-list .list p { 
    width: 100%;
}
.app-list .list ol {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
    width: 100%;
}
.app-list .list ol li {
    width: 20%;
    border-bottom: 0;
    padding: 0;
    display: inline-block;
    justify-content: end
}
.app-list .list ol li img { width: 100%;}
.app-list li  p { width: 65%; word-break: keep-all;}
.app-list li .btn { height: 19px; line-height: 19px;}
.app-list .info {
    display: block;
}
.app-list .info p { 
    width: 100%;
    margin-bottom: 10px;
}
.app-list .info div {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.app-list .info div a {
    width: 50%; 
    float: left;
}
.app-list .info div a img {
    width: 100%;
}

.bank-list  td {
    text-align: center;
    font-size: 0.8rem;
    border: 1px solid #00000047;
    height: 44px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #80808069;
}
.bank-list tr td:first-child {
}
.bank-list  td a {
    display: block;
    vertical-align: middle;
    line-height: 16px;
}

.check-type02 {
    width: 87%;
    margin: 0 auto 10px !important;
}
.check-type02 label {
    font-size: .8rem;
    font-weight: 100;
    line-height: 1.2rem !important;
}
.check-type02 input[type="checkbox"] + label:before {
    top: 1px !important;
}
.pop-account-input {
    overflow: hidden;
    width: 90%;
    margin: 10px auto 10px;
    border: solid #bfbfbf;
    border-width: 1px 0 1px 0;
}
.pop-account-input table {
    width: 100%;
}
.pop-account-input table th{
    background: #f9f9f9;
    font-weight: 100;
    text-align: center;
    vertical-align: middle;
}
.pop-account-input table td{
    padding: 10px 0 10px 10px;
 }
.pop-account-input table input{
    font-size:0.9rem;
}
.layer-view {
	z-index:3;
	position : absolute;
	width: 100%;
}


#pop-template {
	display:none;
}

.hide {
	display:none !important;
}
	
.popup-list .hide {
    bottom: -400px;
    z-index: 5;
}

.popup-list {
    width: calc(100%);
    background: #fff;
    position: fixed;
    left: 0; 
	bottom: 0;
	z-index: 205;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 0px 0px 20px;
    max-height:400px;
}
.expr-line {
	border-bottom: 1px solid #bfbfbf;
	margin: 20px 0px;
}

td.small{
	padding:3px 0 3px 10px;
}
p.small{
	margin:7px 0 3px 0px;
}


.idcard-box {
    width: 100%;
    margin: 25px auto;
    overflow:hidden;
}
.idcard-box h3 {
    width: 80%;
    margin:0 auto;
    text-align: center;
    padding-bottom: 15px;
    font-size: 1.5rem;
    font-weight: 100;
}
.idcard-box h3.on {
    width: 80%;
    min-width:300px;
    font-size: 1.0rem;
    text-align: left;
    background: url(../../images/biz/newaccount/icon_check_03_on.png) no-repeat 4px 4px;
    background-size: 20px 15px;
    padding-left: 30px;
    letter-spacing: -1px;
}
.idcard-box h4 {
    width: 80%;
    margin:0 auto;
    text-align: center;
    padding-bottom: 30px;
    font-size: 1.1rem;
    font-weight: 100;
    color: #b43a6b;
    margin-top: -8px;
}

.popup-select {
	font-size:14px;
}
.select {
	background-color : white
}
.inp-pw.type02 .pw-mouse{
	height:32px;
	width:100%;
	background :none;
	top: -4px;
	
}

.sel-pop{
	overflow:hidden;
}

.popup-list li{
	width:100%;
	overflow:hidden;
}

.popup-list li a{
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 23px;
}


.popup-select .user-info-box1 li .check-radio {
   box-sizing:unset;
}
.popup-select .user-info-box1 li label {
   font-size:1rem;
}

.radio-box .check-list li .check-radio{
   box-sizing:unset;
	display: block;
    position: absolute;
    border: 3px solid #bfbfbf;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    z-index: 5;
    left: 0;
    top: 12px;
    transition: border .5s linear;
}

.radio-box .check-list li label{

   font-size:1rem;
   display: block;
    padding-left: 15px;
    cursor: pointer;
}
.radio-box .check-list li input[type="radio"]{
    position: absolute;
    visibility: hidden;
    appearance: auto;
    box-sizing: border-box;
}



.radio-box .check-list li input[type="radio"]:checked ~ label .check-radio{
	    border: 3px solid #e32d83;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}
input[type="checkbox"]:disabled + label:before{
   background:gray;
}



#capture-id{
	background: white;
	width: 100%;
	overflow: hidden;
	height: 320px;
	position : relative;
}

#capture-id.off{
    visibility: hidden !important;
}
#guide-line{
	width: 100%;
	height: 280px;
	position : absolute;
	top: 20px;
	border: 2px solid yellow;
}
#view_data input{
	border : none !important;
	width: 100%;
}
#view_data tr{
	 padding-top:1px;
}
tr.on{
    border-bottom: solid #e32d83;
}/*
tr.incollect{
    border-bottom: solid #ec0a0a;
    border-width: 0 0 2px 0;
}*/
tr.incollect input{
    color:red !important;
}

.common-loading{
	position: fixed;
    display: none;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 201;
    background: rgba(11, 19, 30, 0.10);
    height: 100%;
    width: 100%;
}
    
.c-btn {
	position:relative;
}    

.complete-text {
    text-align: center;
    font-size: 1.4rem;
    padding: 10px 0 15px;
    font-weight: 700;
}
.user-idText strong{
	color : #4385D0;
    font-weight: 700;
	
}
#gdsprps li{
    padding-top: 5px;
    padding-bottom: 5px;
}

.askd_ui[class*="div_define_number"]>ul>[class*="l_define_number"]{
    border-radius: 12px !important;
}
.askd_ui[class*="div_define_"]{
    background-color: #F5F5F5 !important;
    border-radius: 0px;
    padding-top: 8px;
    top: auto !important;
    bottom: 0px !important;
    transform-origin: left bottom !important;
}
#_AhnLabKeypadBg #password-box{
    border-radius: 14px 14px 0 0;
    padding:32px 20px;
    height:203px;
    width:100%;
    position:fixed;
    background:#FFFFFF;
    transform-origin: left bottom !important;
}
#_AhnLabKeypadBg #password-box #pop-password-desc{
    width:100%;
    height:30px;
    line-height:30px;
    color:#1B1B1B;
    font-size:20px;
    margin-bottom:5px;
    font-weight: 700;
    margin-bottom: 24px;
    position: relative;
}
#_AhnLabKeypadBg #password-box #pop-password-desc #pop-password-close{
    position: absolute;
    right:0px;
    top: 3px;
    height: 100%;
    background: url(../../images/biz/newaccount/icon-close-01.png) no-repeat 0 0;
    background-size: 24px 24px;
    width:24px;
}
#_AhnLabKeypadBg #password-box #pop-password-input-box{
    border:1px solid #dddddd;
    border-radius: 12px !important;
    width:100%;
    height: 48px;
    padding: 8px;
    display: flex;
}
#_AhnLabKeypadBg #password-box #pop-password-input-box>span{
    line-height: 28px;
    color:#dddddd;
    margin: 0px 2px;
}
#_AhnLabKeypadBg #password-box #pop-password-input-box>span.pop-password-input-text-delimeter{
    width: 15px;
    text-align: center;
}
#_AhnLabKeypadBg #password-box #pop-password-input-box>span.pop-password-input-text-delimeter.disablekeypadplaceholder{
    color: white;
}
#_AhnLabKeypadBg #password-box #pop-password-input-box>span.complete+.pop-password-input-text-delimeter{
    color:black;
    font-size: 16px;
    font-weight: 700;
}
#_AhnLabKeypadBg #password-box #pop-password-input-box>span .pop-password-input-text-unit{
    font-size:14px;
    width:14px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
}

.bank-list{
    padding: 15px;
}
.bank-list table{
    border-collapse: separate;
    border-spacing: 4px 4px;
}
#filming-id div{
    height: 320px;
    max-width: 460px;
    margin: 0 auto;
}
#filming-id div button{
    background: url(../../images/biz/newaccount/btn_idnt.png) no-repeat 0 0;
    background-size: 100% auto;
}
.layer-pop-wrap .layer-box .layer-foot{
    position: fixed;
}
#agree-selfcnfm{
    margin: 10px 20px 30px 20px;
    border: 1px solid #00000038;
    border-radius: 4px;
    padding: 8px;
    background: url(../../images/biz/newaccount/icon_dropBtn.png) no-repeat 95% 50% !important;
    background-size: 10px 8px !important;
}
#agree-selfcnfm.open{
    margin-bottom: 0px;
    background-image: url(../../images/biz/newaccount/icon_dropBtn_reverse.png) !important;
}
#agree-selfcnfm.checks + .agree-drop-box{
    display: none;
    margin: -3px 20px 10px 20px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    padding: 8px 0px 5px 0px;
    border-radius: 0 0 4px 4px;
    border-width: 0px 1px 1px 1px;
}
#agree-selfcnfm.checks.open + .agree-drop-box{
    display: block;
}
#agree-selfcnfm.checks + .agree-drop-box .checks{
    margin-top:0;
    margin-bottom: 4px;
    margin-left: 20px;
    line-height: 16px;
}
#agree-selfcnfm.checks + .agree-drop-box .checks a{
    float: right;
    margin-right: 20px;
    line-height: 15px;
    font-size:0.8rem;
    border: 1px solid #747474;
    border-radius: 4px;
    padding: 0 3px;
    color: #545454;
 }
#agree-selfcnfm.checks + .agree-drop-box .checks input[type="checkbox"] + label{
    font-size: 0.8rem;
    line-height: 17px;
    padding-left: 23px;
    vertical-align: bottom;
    color: #545454;
}
#agree-selfcnfm.checks + .agree-drop-box .checks input[type="checkbox"] + label:before{
    width: 11px;
    height: 11px;
    line-height: 11px;
    top: 3px;
}
.voice-phishing-pop>p{
    text-align: center;
    font-size: 1.15rem;
    letter-spacing: -0.9px;
    color: #333;
}
.voice-phishing-pop-footer{
        margin-top: min(max(calc(100vh - 40rem - 170px),0px),100px);
}
@media all and (min-width: 370px){
    .voice-phishing-pop-footer{
        margin-top: min(max(calc(100vh - 35rem - 170px),0px),100px);
    }
}
.voice-phishing-pop>.voice-phishing-service{
    border: 1px solid #dddddd;
    border-radius: 6px;
    max-width: 340px;
    width: 22rem;
    margin: 0 auto 15px auto;
    padding: 10px 0px 10px 5rem;
    position: relative;
    min-height: 90px;
    background: url(../../images/biz/newaccount/icon_voice_phishing_service1.png) no-repeat 1rem 50%;
    background-size: 3rem auto;
}
.voice-phishing-pop>.voice-phishing-service:nth-of-type(2){
    background: url(../../images/biz/newaccount/icon_voice_phishing_service2.png) no-repeat 1rem 50%;
    background-size: 3rem auto;
}
.voice-phishing-pop>.voice-phishing-service:last-of-type{
    background: url(../../images/biz/newaccount/icon_voice_phishing_service3.png) no-repeat 1rem 50%;
    background-size: 3rem auto;
}
.voice-phishing-pop>.voice-phishing-service>h3{
    font-size: 1.3rem;
    font-weight: normal;
    margin-bottom: 10px;
}


.voice-phishing-pop>.voice-phishing-service>p{
    font-size: 1.0rem;
    color: #999;
    letter-spacing: -0.8px;
    line-height: 1.5rem;
}
.com_code_radio_group div{
    margin: 0 !important;
}
.com_code_radio_group>div{
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.com_code_radio_group input{
    display: none;
}
.com_code_radio_group input+label div{
    margin: 0 !important;
    border: 2px solid #b9b9b9;
    width: 60px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    color: #b9b9b9;
    font-size: 0.9rem;
}
.com_code_radio_group input.sub+label div{
    display: block;
}

.com_code_radio_group input.sub+label div{
    width: 90px;
}
.com_code_radio_group input:not([type=checkbox]):checked+label div{
    border: 2px solid #e32d83;
    color: #e32d83;
}
.com_code_radio_group input[type=checkbox]~div{
    display: none;
    width: 100px;
    margin-top: -52px !important;
}
.com_code_radio_group input[type=checkbox]~div.selected{
    margin-top: 0px !important;
}
.com_code_radio_group input[type=checkbox]:checked+label div{
    display: none;
}
.com_code_radio_group input[type=checkbox]:checked~div{
    display: block;
    background-color: white;
}
div.sub-check-set>a{
    font-size: 0.9rem;
    display: block;
    width: 100%;
    font-weight: 100;
    padding-left: 18px;
    background: url(../../images/biz/newaccount/icon_check_02.png) no-repeat 0px center;
    background-size: 12px 9px;
    color: #505050;
}
div.sub-check-set>input:checked+a{
    background: url(../../images/biz/newaccount/icon_check_02_on.png) no-repeat 0px center;
    background-size: 12px 9px;
}

.agree-view-wrap{
    background-color: #fff;
    padding: 10px 5px;
    position: relative;
}


.agree-view-wrap nav {
    position: absolute;
    top: -30px;
    left: 5px;
    height: 35px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
    flex-direction: row;
}
.agree-view-wrap nav ol {
    display: flex;
    text-align: center;
    flex-direction: row;
}
.agree-view-wrap nav li {
    width: 18px;
    height: 18px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    line-height: 17px;
    text-align: center;
    border: 1px solid #ccc;
    color: white;
    background: #ccc;
    border-radius: 50%;
    margin-right: 2px;
    font-size: 11px;
}
.agree-view-wrap nav li.on {
    border: 1px solid #181949;
    background-color: #181949;
    color:white;
}

.files-form{
    padding: 0px 5%;
    color: #333;
    margin-bottom: 24px;
}
.files-form .files-file-input{
    display: none;
}
.files-form .files-header{
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 29px;
    margin-bottom: 10px;
}
.files-form .files-header button{
    float: right;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    padding: 4px 7px 4px 7px;
    border-radius: 5px;
}

.files-form .files-buttons{
    width: 100%;
    height: 40px;
    border: 1px solid #212266;
    display: block;
    border-radius: 5px;
}

.files-form .files-buttons .text{
    margin: 0 auto;
    height: 100%;
    width: fit-content;
    color: #212266;
    text-align: center;
    line-height: 38px;
    font-size: 1.0rem;
}
.files-form .files-list .files-buttons .text{
    background: url(../../images/biz/newaccount/icon_add_04.png) no-repeat left center;
    background-size: 16px 16px;
    padding-left: 20px;
}

.files-form .files-list:not(.hide)~.files-first-add-button{
    display: none;
}
.files-form .files-list .files-list-header{
    font-size: 1.0rem;
    border: 1px solid #eee;
    padding: 6px 12px 6px 12px;
    border-radius: 5px 5px 0px 0px;
    background-color: #f7f7f7;
    font-weight: 700;
    
}
.files-form .files-list .files-list-header .files-max-count{
    float: right;
    color: #212266;
    font-weight: 100;
}
.files-form .files-list .files-file{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.files-form .files-list .files-file .files-file-name{
    font-size: 1rem;
    color: #666;
    width: calc(100% - 50px);
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 5px 5px 32px;
    
    background: url(../../images/biz/newaccount/icon_file_16.png) no-repeat 12px center;
    background-size: 14px 14px;
}
.files-form .files-list div.files-file:nth-child(2){
    padding-top: 7px;
}
.files-form .files-list div.files-file:nth-last-child(2){
    padding-bottom: 7px;
    border-bottom: 1px solid #eee;
    margin-bottom: 4px;
    border-radius: 5px;
}

.files-form .files-list .files-file input{
    display: none;
}
.files-form .files-list .files-file .files-file-delete{
    float:right;    
    background: url(../../images/biz/newaccount/icon_close_02.png) no-repeat right 13px;
    background-size: 12px 12px;
    width: 12px;
    height: 32px;
    margin-right: 12px;
}
.files-file-template{
    display: none;
}
input[type=password]{
    caret-color: transparent;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=password]:not(:placeholder-shown) {
		 -webkit-text-size-adjust : 40%;  /* 크롬, 사파리, 오페라 신버전 */
		 -ms-text-size-adjust : none;  /* IE */
		 -moz-text-size-adjust : none;  /* 파이어폭스 */
		 -o-text-size-adjust : none;  /* 오페라 구버전 */
    }
}​

@media all and (max-width: 319px) {
  html,body{
  font-size : 10px;
  
  }
}
@media all and (min-width: 320px) and (max-width: 369px) {
  html,body{
  font-size : 12px;
  
  }
}
@media all and (min-width: 370px){
  html,body{
  font-size : 14px;
  
  }
}





















/*
    비대면 업무 - kyc 재수행
*/


.nftfjob .wrap{
    padding: 30px 20px 104px 20px;
    overflow-x: hidden;
    height: calc(100vh - 75px);
}
.nftfjob h1{
    color: #222;
    font-size:1.8rem;
    line-height: 2.4rem;
    letter-spacing: -0.6px;
}
.nftfjob h2{
    color: #222;
    font-size:1.6rem;
    line-height: 2.0rem;
    font-weight: 400;
}
.nftfjob h3{
    font-size:1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
}
.nftfjob h3+.description {
    font-size: 1.1rem;
    line-height: 1.6rem;
    color:#999;
}
.nftfjob .nftfjob-box:not(:first-of-type){
    padding-top:40px;
}
.nftfjob .nftfjob-box:not(:last-of-type)::after{
    content: " ";
    display: block;
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 12px;
    background-color: #f3f4f6;
}
.nftfjob .nftfjob-box .description{
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: -0.35px;
    color:#999;
    font-weight: normal;
}
.nftfjob .nftfjob-box .icon-box li{
    height: 3rem;
    background-size: 3rem 3rem;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 36px;
    
}
.nftfjob .nftfjob-box .icon-box li:not(:last-of-type){
    margin-bottom: 12px;
}
.nftfjob .nftfjob-box .icon-box li>div{
    padding-left:15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    height: 3rem;
}
.nftfjob .nftfjob-box .icon-box li>div>p{
    color:#333;
    font-size: 1.3rem;
    letter-spacing: -0.5px;
    line-height: 1.6rem;
    flex: auto;
    width: 100%;
}
.nftfjob .nftfjob-box .icon-box li>div>p:not(:first-of-type){
    color:#ccc;
    font-size:1rem;
    line-height: 1.1rem;
}
.nftfjob .call{
    border-radius: 20px;
    padding: 20px;
    height: 80px;
    background: url(../../images/biz/newaccount/nftfjob/kyc/ico_call.png) no-repeat 24px center;
    background-size: 22px 22px;
    background-color: #f7f8fa;
}

.nftfjob .call>div{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    padding-left: 42px;
    background: url(../../images/biz/newaccount/nftfjob/kyc/Arrow_Right_12.png) no-repeat right center;
    background-size: 16px 16px;
}
.nftfjob .call>div p{
    font-size: 1.2rem;
    line-height: 1.6rem;
    flex: auto;
    width: 100%;
}
.nftfjob .call>div p:last-of-type{
    color: #5178f2;
}

.nftfjob .fixed-next-btn{
    width: calc(100% - 40px);
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.4rem;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    border-radius: 10px;
}
.nftfjob .fixed-next-btn.off{
    background: #eaeaf4;
    color: #a1a3c9 !important;
}

.nftfjob .input-list .input-block{
    margin-bottom: 45px;
}

.nftfjob .input-list .input-block p{
    font-size:1.2rem;
    color:#888;
    margin-bottom: 5px;
}
.nftfjob .input-list .input-block input{
    font-size:1.6rem;
    color:#333;
    height: 42px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.nftfjob .input-list .input-block font {
    font-size:1.4rem;
	color: #bdbdbd;
    height: 42px;
    width: 100%;
}
.nftfjob .input-list .input-block font.on {
    color:#333;
}
.nftfjob .popup-list{
    padding: 30px 20px 20px 20px;
    max-height: 494px;
}
.nftfjob .popup-list h3 {
    font-size: 1.6rem;
    text-align: left;
    border:none;
    padding:0 10px;
    margin-bottom: 15px;
}
.nftfjob .popup-list .closer{
    display: none;
}
.nftfjob .popup-list .btn{
    margin-top: 30px;
    display: block !important;
    width: 100%;
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.5rem;
    border-radius: 10px;
    position: relative;
    right: auto;
    top: auto;
    box-sizing: content-box;
    padding:0;
}
.nftfjob .popup-list .btn.off {
    background: #bfbfbf;
}
.nftfjob .popup-list ul{
    max-height: 300px !important;
}

.nftfjob .popup-list ul li{
    border:none;
    background: none;
    height: 50px;
    margin: 0px;
    padding:0;
}
.nftfjob .popup-list:not(.sel-pop-agreement) ul li a:hover, .nftfjob .popup-list ul li a.selected{
    background-color: #f7f8fa;
    border-radius: 8px;
}

.nftfjob .popup-list ul li a{
    background: none;
    padding:0 10px;
    height: 50px;
    color:#666;
}


.nftfjob .popup-list.sel-pop-agreement ul{
    padding: 0 10px;
}
.nftfjob .popup-list.sel-pop-agreement ul li{
    border:none;
    height: 40px;
    margin: 0px;
    padding:0;    
    background: url(../../images/biz/newaccount/nftfjob/kyc/bullet_ck_pop_off.png) no-repeat 0px center !important;
    background-size: 14px 14px !important;
    line-height: 40px;
}
.nftfjob .popup-list.sel-pop-agreement ul li.on{
    background-image: url(../../images/biz/newaccount/nftfjob/kyc/bullet_ck_pop_on.png) !important;
}
.nftfjob .popup-list.sel-pop-agreement ul li:first-of-type{
    background: url(../../images/biz/newaccount/nftfjob/kyc/icon_circle_check_off_20.png) no-repeat 0px center !important;
    background-size: 20px 20px !important;
    font-size: 1.4rem;
    color:#333;
}
.nftfjob .popup-list.sel-pop-agreement ul li:first-of-type.on{
    background-image: url(../../images/biz/newaccount/nftfjob/kyc/icon_circle_check_on_20.png) !important;
    font-size: 1.4rem;
    color:#333;
}

.nftfjob .popup-list.sel-pop-agreement ul li:first-of-type a{
    font-size: 1.4rem;
    color:#333;
    background-image: none;
}
.nftfjob .popup-list.sel-pop-agreement ul li:first-of-type a+a{
    display: none;
}
.nftfjob .popup-list.sel-pop-agreement ul li a{
    display: inline-block;
    padding:0 0px 0px 28px;
    height: 40px;
    color:#999;
    font-size: 1.2rem;
}
.nftfjob .popup-list.sel-pop-agreement ul li.on a{
    color:#333 !important;
}

.nftfjob .popup-list.sel-pop-agreement ul li a:last-of-type{
    background: url(../../images/biz/newaccount/nftfjob/kyc/Arrow_Right_12.png) no-repeat right center !important;
    background-size: 16px 16px !important;
    padding:0;
    height: 40px;
    color:#999;
    font-size: 1.2rem;
}/*
.nftfjob .popup-list.sel-pop-agreement ul li.on a:last-of-type{
    background-image: url(../../images/biz/newaccount/nftfjob/kyc/Arrow_Right_12.png) !important;
    color:#333 !important;
}
*/






.nftfjob .drop-input-menu{
    background: url(../../images/biz/newaccount/nftfjob/kyc/arrow_dropbox.png) no-repeat calc(100% - 8px) center !important;
    background-size: 16px 16px !important;
}
.nftfjob .cdd-edd-detail-box{
    background-color: #f7f8fa;
    border-radius: 20px;
    padding: 110px 30px 40px;
    background-size: 57px 57px;
    background-position: 30px 40px;
    background-repeat: no-repeat;
    background-image:url('../../images/biz/newaccount/nftfjob/kyc/img_cdd.png')
}
.nftfjob .cdd-edd-detail-box:nth-of-type(2){
    background-color: #f7f8fa;
    border-radius: 20px;
    padding: 110px 30px 40px;
    background-size: 57px 57px;
    background-position: 30px 40px;
    background-repeat: no-repeat;
    background-image:url('../../images/biz/newaccount/nftfjob/kyc/img_edd.png')
}
.nftfjob .cdd-edd-detail-box h1{   
    font-size: 1.6rem;
    line-height: 2.2rem;
    color:#222;
}
.nftfjob .cdd-edd-detail-box p{
    color:#666666;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-bottom: 38px;
}
.nftfjob .cdd-edd-detail-box h2{
    color:#5178f2;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 15px;
}
.nftfjob .cdd-edd-detail-box ul li{
    padding-left: 20px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: -0.7px;
    color:#333;
    background: url(../../images/biz/newaccount/nftfjob/kyc/bullet_ck_1.png) no-repeat left 3px;
    background-size: 14px 14px;
}

.nftfjob ul.confirm-data-list{
    width: 100%;
    border-radius: 20px;
    border: solid 1px #eee;
    min-height: 400px;
    padding: 24px 20px 22px 20px;
    margin-bottom: 40px;
}
.nftfjob ul.confirm-data-list li p:first-of-type{
    color:#888;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 8px;
    font-weight: normal;
}
.nftfjob ul.confirm-data-list li p{
    font-weight: 500;
    color:#333;
    font-size: 1.4rem;
    line-height: 1.4rem;
    min-height: 1.4rem;
}
.nftfjob ul.confirm-data-list li:not(:last-of-type){
    margin-bottom: 33px;
}
.nftfjob .end-message{
    height: 11rem;
    width: 100%;
    background: url(../../images/biz/newaccount/nftfjob/kyc/icon_confirm_check.png) no-repeat center 0px;
    background-size: 54px 54px;
    padding-top: 71px;
    text-align: center;
}
.nftfjob .end-message p{
    font-size: 1.6rem;
    font-weight: 500;
    color:#222;
}

.nftfjob .fail-attention {
    background-color: #f5f5f5;
    padding: 24px 24px 22px;
    border-radius: 4px;
    width: 100%;
    margin-top:40px;
    color:#fc1717;
}
.nftfjob .fail-attention ul li{
    background: url(../../images/biz/newaccount/nftfjob/kyc/icon_tooltip_attention.png) no-repeat 0px 4px;
    background-size: 12px 12px;
    padding-left: 16px;
    line-height: 20px;
    font-size: 1.1rem;
}
.nftfjob .fail-attention ul li:not(:last-of-type){
    margin-bottom: 12px;
}

.nftfjob .layer-pop-wrap .layer-box:not(.full){
    left: auto;
    right: auto;
    top: auto;
    bottom: 0px;
    width: 100%;
    transform: none;
    -webkit-transform: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 30px 20px 20px 20px;
}

.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body{
    padding: 0;
}
.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body .alert-desc-box b{
    font-weight: 700;
}
.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body .alert-desc-box{
    font-size: 1.4rem;
    line-height: 2.0rem;
    color:#333;
}
.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item{
    padding: 0;
}

.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item button{
    width: 100%;
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.5rem;
    border-radius: 10px;
    position: relative;
    right: auto;    
    top: auto;
    box-sizing: content-box;
    padding:0;
    border: none;
}
.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item button span{
    padding: 0;
    font-size: 1.5rem;
}
.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item button.btn-cancel{
    background-color: #ddd;
    color:#333!important;
}
.nftfjob .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item+.btn-item{
    margin-left: 10px;
    width: 75%;
}

.nftfjob .notice h3{
    font-size: 1.4rem;
    color:#333;
    line-height: 2.2rem;
    font-weight: 500;
}
.nftfjob .notice ul.dot-list *, .bundle .notice ul.dot-list *{
    font-size: 1rem;
    color:#999;
    line-height: 1.6rem;
    font-weight: normal;
}
.nftfjob .notice ul.dot-list > li:before, .bundle .notice ul.dot-list > li:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #bbb;
}
.nftfjob .camera-box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    width: calc(100% + 40px);
    margin-left: -20px;
}
.nftfjob .camera-box *{
    flex: auto;
}

.nftfjob .scan-section{
    width: 100%;
    height: 100%;
}
.nftfjob .resolution-simulation-iframe{
    width: 100%;
    height: 100%;
}
/*
    비대면 업무 - kyc 재수행
*/





.address-icon {
	width: 100%;
   	display: block;
	background: url(../../images/biz/newaccount/icon_search.png) no-repeat 95% 50%;
	background-size: 14px 14px;
	padding-right: 36px;
	min-height: 21px;
}
.idnt-submit-type-box{
    text-align: center;
}
.idnt-submit-type-box .idnt-submit-type{
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 1.2rem;
    color: #111;
    font-weight: 700;
    line-height: 60px;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
}
.idnt-submit-type-box .idnt-submit-type>div{
    display: inline-block;
}
.idnt-submit-type-box .idnt-submit-type>div.samsungwalletapp{
    width:0px;
    background-image: url(../../images/biz/newaccount/ico-samsung.png);
    background-size: 30px 30px;
    background-position: 0px center;
    background-repeat: no-repeat;
    margin-right: -6px;
    background: none;
    z-index: 2;
}
.idnt-submit-type-box .idnt-submit-type>div.mobileidntapp{
    width:0px;
    background-image: url(../../images/biz/newaccount/ico-m-id.png);
    background-size: 30px 30px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background: none;
    margin-right: 8px;
}

.layer-pop-wrap .layer-box:not(.full).fixed-bot{
    left: auto;
    right: auto;
    top: auto;
    bottom: 0px;
    width: 100%;
    transform: none;
    -webkit-transform: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 30px 20px 20px 20px;
}

.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body{
    padding: 0;
}
.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body .alert-desc-box b{
    font-weight: 700;
}
.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body .alert-desc-box{
    font-size: 1.4rem;
    line-height: 2.0rem;
    color:#333;
}
.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body .btn-page-wrap .inner-flex .btn-item{
    padding: 0;
}

.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body .btn-page-wrap .inner-flex .btn-item button{
    width: 100%;
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.5rem;
    border-radius: 10px;
    position: relative;
    right: auto;    
    top: auto;
    box-sizing: content-box;
    padding:0;
    border: none;
}
.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body .btn-page-wrap .inner-flex .btn-item button span{
    padding: 0;
    font-size: 1.5rem;
}
.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body .btn-page-wrap .inner-flex .btn-item button.btn-cancel{
    background-color: #ddd;
    color:#333!important;
}
.layer-pop-wrap .layer-box:not(.full).fixed-bot .layer-body .btn-page-wrap .inner-flex .btn-item+.btn-item{
    margin-left: 10px;
    width: 75%;
}
ul.logo-app-bundle{
    display: flex;
    justify-content: start;
}
ul.logo-app-bundle li{
    height: 100px;
    width: 80px;
}
ul.logo-app-bundle li div{
    width: 60px;
    height: 60px;
    background-color: red;
    background: url(../../images/biz/newaccount/logo_otherapp_bundle.png?20260310) no-repeat;
    background-position: 0px 0px;
    background-size: 300px 60px;
    border: 1px solid #EDEDED;
    border-radius: 50%;
    margin:0 auto;
    margin-bottom: 8px;
}

ul.logo-app-bundle li div.logo-app-bundle-toss{
    background-position: -60px 0px;
}
ul.logo-app-bundle li div.logo-app-bundle-naver{
    background-position: -180px 0px;
}
ul.logo-app-bundle li div.logo-app-bundle-allonebank{
    background-position: -240px 0px;
}
ul.logo-app-bundle li div.logo-app-bundle-default{
    background-position: -120px 0px;
}
ul.logo-app-bundle li:not(:last-of-type){
    margin-right:6px;
}
ul.logo-app-bundle li>p{
    width: 100%;
    height: 30px;
    font-size: 0.9rem;
    line-height: 1.2rem;
    vertical-align: top;
    text-align: center;
}

.wrap.padding-wrap{
    padding: 30px 20px 104px 20px; 
    overflow-x: hidden;
}
.wrap.padding-wrap h1{
    color: #222;
    font-size:1.7rem;
    line-height: 2rem;
    letter-spacing: -0.6px;
}
.bundle	.table-default p{color:#222; font-size:1.15rem; margin-bottom: 4px;}
.bundle	.table-default table { border: solid #d8d8d8; border-width: 1px 1px 1px 1px;}
.bundle	.table-default table tr th:first-child { border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.bundle	.table-default table th {  height: 36px; line-height: 36px;  text-align: left; color: #222; background: #f1f1f1; padding-left: 10px; font-weight: normal;}
.bundle	.table-default table td { height: 36px;  border-bottom: 1px solid #d8d8d8; font-size: 1.15rem; color: #222; padding-left: 10px;}
.bundle	.table-default table tr td:first-child { border-right: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;} 

.bundle	.table-default.no-border table { border-width: 0px 0px 0px 0px !important; background: none}
.bundle	.table-default.no-border table th,.bundle	.table-default.no-border table td  {border-width: 0px 0px 0px 0px !important; background: none}

.bundle .isa-explanation .table-default.no-border table th{
    font-weight: 500;
}
.bundle .isa-explanation .table-default.no-border table th, .bundle .isa-explanation .table-default.no-border table td{
    vertical-align: top;
    line-height: 100%;
    height: 100%;
    color: #666;
    letter-spacing:  -0.3px;
    font-size: 1.1rem;
    padding-bottom: 20px;
}

.pad20{padding:20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}
.mb10{margin-bottom: 10px;}
.l-align{text-align: left;}
.c-align{text-align: center;}
.bundle .noti .detail>p:first-child{
    font-weight: 500;
    font-size: 1.4rem;
    color:#222;
    margin-bottom: 8px;
}
.bundle .noti .detail{
    padding: 32px 20px 0px 20px;
}
.bundle .dot-list > li{
    background: none;
    font-size: 1.1rem;
    color: #666 !important;
    font-stretch: normal;
    font-weight: normal;
}
.bundle .dot-list > li:before {
    display: block;
    content: "";
    position: absolute;
    left: 2px;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #222 !important;
}
.element-title1{
    color:#222;
    font-weight: 500;
    font-size: 1.4rem;
}
.element-content1{
    color:#666;
    letter-spacing: -0.35px;
    font-size: 1.15rem;
}


.radio-box.select-method{
    width:100%;
}

.radio-box.select-method .check-list{
    
}
.radio-box.select-method .check-list li{
    margin: 8px 0 0px 0px;
    height: 60px;
}
.radio-box.select-method .check-list li input+label{
    padding-left: 50px;
    line-height: 60px;
    font-size: 1.15rem;
    font-weight: 500;
    letter-spacing: -0.35px;
    border: 1px solid #eee;
    border-radius: 8px;
}

.radio-box.select-method .check-list li input+label>div.check-radio{
    width: 22px;
    height: 22px;
    border: 1px solid #bfbfbf;
    left: 14px;
    top: 20px;
    background: white;
    box-sizing: border-box;
    transition: none;
    z-index: 1;
}
.radio-box.select-method .check-list li input+label>div.check-radio:after{
    display: block;
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bfbfbf;
}
.radio-box.select-method .check-list li input:checked+label{
    border-color: #171948;
}
.radio-box.select-method .check-list li input:checked+label>div.check-radio{
    border: 6px solid #181949;
}
.radio-box.select-method .check-list li input:checked+label>div.check-radio:after{
    display: none;
}

span.pink {
    color: #e32d83;
}
.bundle .join-type{
    margin-bottom: 10px;
}
.bundle .join-type .btn{
    width: calc(50% - 10px);
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    border: 1px solid #444;
    padding: 0px 20px 0px 8px;
    margin-right: 10px;
    background-position-y: center;
    letter-spacing: -0.6px;
    overflow: hidden;
    background-position: 94% 11px;
}
.bundle .join-type .btn.checked{
    background: url(../../images/biz/newaccount/icon-check-thick.png) no-repeat 96% 8px;
    background-size: 16px 16px;
    border-color: #212266 !important
}

.bundle .join-type .btn:last-child{
    margin-right: 0px;
}
.bundle .inp-sys-date{
    border:none;
}
.bundle .inp-sys-date .date-viewer{
    border: solid #b2b2b2;
    border-width: 0 0 1px 0;
    padding: 0;
    font-size: 1.4rem;
    color:#111;
        line-height: 32px;
}
.bundle .inp-sys-date .date-viewer.on{
    border: solid #e32d83 !important;
    border-width: 0 0 1px 0 !important;
}
.bundle input:disabled:not(.password-input){
    background-color: #f7f7f7;
    color: #444;
}


.bundle .tooltip{
    background: url(../../images/common/btn-tooltip-trans.png) no-repeat 0 0px;
    background-size: 16px 16px;
    width: 16px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.line{
    border-bottom: 1px solid #ddd;
}

.btn.large{
    width:100%;
    border-radius: 4px;
    height: 40px;
    font-size:1.15rem; 
    display: inline-block;
    text-align: center;
    line-height: 40px;
    background: none;
    padding: 0;
}
.btn.large.change-info{
    width: 92px;
    height: 34px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 34px;
    padding:0;
    vertical-align: middle;
}
.btn.large.query-limit{
    width: auto;
    padding:0 10px;
    height: 24px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 24px;
    vertical-align: middle;
    letter-spacing: -0.3px;
}
.input-hometax{
    display: flex;
    justify-content: center;
}
.input-hometax input{
    width: calc(25% - 5px);
    height: 32px;
    border: solid #b2b2b2;
    border-width: 0 0 1px 0;
    font-size: 1.3rem;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 1.4px;
}

.bundle .isa-explanation .desc1{
    height: 85px; 
    border-radius: 8px; 
    padding:20px; 
    background-color: #f1f1f1
}
.bundle .isa-explanation .desc1 p{
    font-size:1.2rem; font-weight: 500; letter-spacing: -0.8px; text-align: center
}

.bundle .isa-explanation .title1{
    color: #222;
    font-weight: 500;
    font-size:1.4rem;
    letter-spacing: -0.4px;
    margin-bottom: 10px;
    line-height: 30px;
}
.bundle .isa-explanation .title1>img:first-child{
    margin-right: 5px; width:30px; height: 30px;
}

.bundle .isa-explanation .content1{
    color: #222;
    font-weight: normal;
    font-size:1.15rem;
    letter-spacing: -0.35px;
}

.bundle .isa-explanation .content2{
    color: #333;
    font-weight: normal;
    font-size:1.1rem;
    letter-spacing: -0.35px;
    margin-bottom: 10px;
}

.mb20{
    margin-bottom: 20px;
}

.bundle .isa-explanation-guideline .guideline-set{
    margin-bottom: 30px;
}

.bundle .isa-explanation-guideline .guideline-set .title{
    font-size: 1.4rem;
    font-weight: 500;
    color: #222;
    margin-bottom: 10px;
}
.bundle .isa-explanation-guideline .guideline-set .table-default{
    border-top: 1px solid #222;
}

.bundle .isa-explanation-guideline .guideline-set .table-default table{
    border-width: 1px 0px 1px 0px;
}

.bundle .isa-explanation-guideline .guideline-set .table-default table th, .bundle .isa-explanation-guideline .guideline-set .table-default table td{
    background: none;
    padding: 10px;
    border-right: none;
    border-left: none;
    vertical-align: middle;
}
.bundle .isa-explanation-guideline .guideline-set .table-default table th img{
    width:92px;
    height: 20px;
    display: block;
}
.bundle .isa-explanation-guideline .guideline-set .table-default table th p{
    margin: 0px 0px 0px 0px;
    margin-top: 5px !important;
    line-height: 1.15rem;
}

.bundle .isa-explanation-guideline .guideline-set .table-default table td .dot-list li{
    font-size: 1.1rem;
    color: #333;
    letter-spacing: -0.3px;
}

.bundle .isa-explanation-guideline .risk-rating-6-6{
    content: url(../../images/biz/newaccount/bundle/brokerageisa/risk-rating-6-step-06.png);
    
}
.bundle .isa-explanation-guideline .risk-rating-6-5{
    content: url(../../images/biz/newaccount/bundle/brokerageisa/risk-rating-6-step-05.png);
    
}
.bundle .isa-explanation-guideline .risk-rating-6-4{
    content: url(../../images/biz/newaccount/bundle/brokerageisa/risk-rating-6-step-04.png);
    
}
.bundle .isa-explanation-guideline .risk-rating-6-3{
    content: url(../../images/biz/newaccount/bundle/brokerageisa/risk-rating-6-step-03.png);
    
}
.bundle .isa-explanation-guideline .risk-rating-6-2{
    content: url(../../images/biz/newaccount/bundle/brokerageisa/risk-rating-6-step-02.png);
    
}
.bundle .isa-explanation-guideline .risk-rating-6-1{
    content: url(../../images/biz/newaccount/bundle/brokerageisa/risk-rating-6-step-01.png);
    
}
.bundle #annuity-save-transfer-account-list{
    padding: 20px;
}

.radio-box.select-method#annuity-save-transfer-account-list .check-list li{
    height: 133px;
    margin: 0px 0 8px 0px;
    position: relative;
}

.radio-box.select-method#annuity-save-transfer-account-list .check-list li.disabled{
    margin: 0px 0 28px 0px;
}

.radio-box.select-method#annuity-save-transfer-account-list .check-list li.disabled *:not(.transfer-account-alert-message) {
    color: #999 !important;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li.disabled input+label{
    border: solid 1px #e2e2e2;
    background-color: #f5f5f5;
}

.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label{
    height: 133px;
    padding: 19px 16px 19px 50px;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label>div.check-radio:after{
    display: none;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label>div.check-radio{
    border: none;
    background: url(../../images/biz/newaccount/checkbox_round_large.png) no-repeat 50% 50%;
    background-size: 22px 22px;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input:checked+label>div.check-radio{
    background-image: url(../../images/biz/newaccount/checkbox_round_large_checked.png);
}

.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label p.transfer-account-name{
    font-size: 1.15rem;
    font-weight: 500;
    color: #222;
    letter-spacing:  -0.35px;
    height: 1.8rem;
    line-height: 1.8rem;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label p.transfer-account-no{
    font-size: 1rem;
    color: #666;
    letter-spacing:  -0.3px;
    height: 1.5rem;
    line-height: 1.5rem;
    font-weight: normal;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label div.transfer-account-detail{
    display: flex;
    background-color: #f5f5f5;
    padding: 7px 0px;
    margin-top: 5px;
    height: 48px;
    border-radius: 8px;
}


.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label div.transfer-account-detail div{
    padding: 0px 7px;
    text-align: center;
    width:50%;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label div.transfer-account-detail div p{
    height: 1.5rem;
    line-height: 1.5rem;
    font-size:1rem;
    letter-spacing: -0.3px;
    font-weight: normal;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label div.transfer-account-detail div:not(:first-child){
    border-left: 1px solid #ddd;
}

.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label div.transfer-account-detail div p.detail-title{
    font-weight: normal;
    color: #222;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li input+label div.transfer-account-detail div p.detail-content{
    font-weight: normal;
    color: #e22d82;
}

.radio-box.select-method#annuity-save-transfer-account-list .check-list li:not(.disabled)>.transfer-account-alert-message{
    display: none;
}
.radio-box.select-method#annuity-save-transfer-account-list .check-list li.disabled>.transfer-account-alert-message{
    display: none;
    font-weight: normal;
    font-size:1.1rem;
    color:#fc1717;
    position: absolute;
    bottom: -30px;
    left: 10px;
    padding-left: 16px; 
    background: url(../../images/biz/newaccount/ic-notice-12.png) no-repeat 0 12px;
    background-size: 12px 12px;
}




.bundle .agree-box#agree-transfer{
    height: 73px;
    background-color: #f5f5f5;
}
.bundle .agree-box#agree-transfer ul li{
    padding: 16px 44px 16px 16px;
    height: 72px;
    background: none;
    border:none;
}
.bundle .agree-box#agree-transfer ul li label{
    height: 36px;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.4rem;
    letter-spacing: -0.35px;
    font-weight: 500;
    color: #555;
    background: url(../../images/biz/newaccount/icon_check_04.png) no-repeat 4px 0px;
    background-size: 1.7rem 1.7rem;
    padding: 2px 2px 2px 32px;
    display: block;
}

.bundle .agree-box#agree-transfer ul li input:checked+label{
    background-image: url(../../images/biz/newaccount/icon_check_04_on.png);
}

.bundle .user-info-box1{
    width: 100%;
    padding: 0 20px;
}
.bundle .user-info-box1 ul li .text{
    font-size:1.1rem;
    font-weight: normal;
}

.bundle .annuitysave-check-list .check-list{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    list-style: none;
    margin-top: 6px;
}

.bundle .annuitysave-check-list .check-list li.checks{
    width:50%;
    margin:0;
    height: 24px;
    margin-bottom: 6px;
}

.bundle .annuitysave-check-list .check-list .checks input[type="radio"] + label{
    display: inline-block;
    position: relative;
    padding-left: 25px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    
    font-size:1.1rem;
    color:#222;
    font-weight: 500;
}

.bundle .annuitysave-check-list .check-list .checks input[type="radio"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
}

.bundle .annuitysave-check-list .check-list .checks input[type="radio"]:checked + label:before {
    color: #e32d83 !important;
    content: '';
    background: #fff;
    border-color: #e32d83;
    text-shadow: 0px 0px #e32d83;
    font-family: 'Zapf Dingbats';
    border-width: 4px;
    box-sizing: border-box;
}

.bundle .annuitysave-check-list .check-list .checks input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


.bundle .layer-pop-wrap .layer-box:not(.full){
    left: auto;
    right: auto;
    top: auto;
    bottom: 0px;
    width: 100%;
    transform: none;
    -webkit-transform: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 30px 20px 20px 20px;
}
.bundle .layer-pop-wrap .layer-box:not(.full) .layer-head{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body{
    padding: 0;
}
.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .alert-desc-box b{
    font-weight: 700;
}
.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .alert-desc-box{
    font-size: 1.4rem;
    line-height: 2.0rem;
    color:#333;
}
.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item{
    padding: 0;
}

.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item button{
    width: 100%;
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.5rem;
    border-radius: 10px;
    position: relative;
    right: auto;    
    top: auto;
    box-sizing: content-box;
    padding:0;
    border: none;
}
.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item button span{
    padding: 0;
    font-size: 1.5rem;
}
.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item button.btn-cancel{
    background-color: #ddd;
    color:#333!important;
}
.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .btn-page-wrap .inner-flex .btn-item+.btn-item{
    margin-left: 10px;
    width: 75%;
}

.bundle .popup-list:not(.select-annuitysave-type){
    padding: 30px 20px 20px 20px;
    max-height: 494px;
    box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.1);
}
.bundle .popup-list:not(.select-annuitysave-type) h3 {
    font-size: 1.6rem;
    text-align: left;
    border:none;
    padding:0 10px;
    margin-bottom: 15px;
}
.bundle .popup-list:not(.select-annuitysave-type) .closer{
    display: none;
}
.bundle .popup-list:not(.select-annuitysave-type) .btn{
    margin-top: 30px;
    display: block !important;
    width: 100%;
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.5rem;
    border-radius: 10px;
    position: relative;
    right: auto;
    top: auto;
    box-sizing: content-box;
    padding:0;
}
.bundle .popup-list:not(.select-annuitysave-type) .btn.off {
    background: #bfbfbf;
}
.bundle .popup-list:not(.select-annuitysave-type) ul{
    max-height: 300px !important;
}

.bundle .popup-list:not(.select-annuitysave-type) ul li{
    border:none;
    background: none;
    height: 50px;
    margin: 0px;
    padding:0;
}
.bundle .popup-list:not(.sel-pop-agreement):not(.select-annuitysave-type) ul li a:hover, .bundle .popup-list:not(.select-annuitysave-type) ul li a.selected{
    background-color: #f7f8fa;
    border-radius: 8px;
}

.bundle .popup-list:not(.select-annuitysave-type) ul li a{
    background: none;
    padding:0 10px;
    height: 50px;
    color:#666;
}

.bundle .fixed-next-btn{
    width: calc(100% - 40px);
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.4rem;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    border-radius: 10px;
}
.bundle .fixed-next-btn.off{
    background: #eaeaf4;
    color: #a1a3c9 !important;
}

.bundle .layer-pop-wrap .layer-box .layer-foot .btn-page-wrap .btn-primary{
    width: calc(100% - 40px);
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.4rem;
    border-radius: 10px;
    margin: 0 auto 20px auto;
}

.bundle .fixed-btn{
    width: calc(100% - 40px);
    height: 54px;
    background: #212266;
    text-align: center;
    line-height: 54px;
    color: #fff!important;
    font-size: 1.4rem;
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    border-radius: 10px;
}


.bundle .popup-list.select-annuitysave-type h3{
    height: 62px;
    padding: 0px;
    line-height: 62px;
    letter-spacing: -0.45px;
    font-size:1.4rem;
    color: #222;
    font-weight: 700;
}
.bundle .popup-list.select-annuitysave-type .closer{
    top: 19px;
}
.bundle .popup-list.select-annuitysave-type li{
    height: 91px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
}
.bundle .popup-list.select-annuitysave-type li p:first-of-type{
    font-size:1.3rem;
    line-height: 1.4rem;
    margin-bottom: 8px;
    color: #222;
    font-weight: 500;
}
.bundle .popup-list.select-annuitysave-type li p{
    font-size:1rem;
    line-height: 1.1rem;
    color: #666;
}
.bundle .popup-list.select-annuitysave-type li p.pink{
    color:#e22d82;
}
.bundle .popup-list.select-annuitysave-type li:nth-child(2n){
    background-color: white;
}
.bundle .popup-list.select-annuitysave-type{
    padding-bottom: 0px;
}
.bundle .bank-list{
    padding: 0;
}
.bundle .popup-list:not(.select-annuitysave-type) .tab{
    border-radius: 24px;
    background-color: #f4f5f7;
    padding: 3px;
    height: 46px;
    
    display: flex;
    margin-bottom: 10px;
}
.bundle .popup-list:not(.select-annuitysave-type) ul.tab li{
    font-size: 1.2rem;
    height: 40px;
}
.bundle .popup-list:not(.select-annuitysave-type) ul.tab li a{
    color: #999;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
}

.bundle .popup-list:not(.select-annuitysave-type) ul.tab li a:hover, .bundle .popup-list:not(.select-annuitysave-type) ul.tab li a.selected{
    background-color: #fff;
    color: #333;
    border-radius: 20px;
}
.bundle .popup-list:not(.select-annuitysave-type) .tab li.on a{
    border-radius: 20px;
    background-color: #fff;
    color: #333;
}
.bundle .popup-list#recheck-seller .tab-content tr td{
    height: 64px;
    border:none;
    padding: 0;
    box-shadow: none;
    padding-bottom: 10px;
        
}
.bundle .popup-list#recheck-seller .tab-content tr td a{
    text-align: left;
    line-height: 64px;
    font-size: 1.4rem;
    color: #333;
    padding-left: 60px;
    border: solid 1px #e2e2e2;
    border-radius: 16px;
    height: 64px;
    letter-spacing: -0.32px;
    background-repeat: no-repeat;
    background-position: 24px 52%; 
}


.bundle .layer-pop-wrap .layer-box:not(.full) .layer-body .user-info-box1#gdsprps{
    padding: 0;
    margin: 0 auto;
}
.bundle .layer-pop-wrap.newaccount-popup .layer-body{
    padding-top: 40px !important;
}

.bundle .layer-pop-wrap .layer-box .layer-foot .btn-page-wrap .inner-flex .btn-item:first-child{
    width:50%;
}
.bundle .layer-pop-wrap .layer-box .layer-foot .btn-page-wrap .inner-flex .btn-item:first-child button{
    background-color: #ddd;
    color: #333!important;
    border: none;
    width: calc(100% - 20px);
    margin: 0;
    margin-left: auto;
}
.bundle .layer-pop-wrap .layer-box .layer-foot .btn-page-wrap .inner-flex .btn-item:last-child{
    width:75%;
}

.bundle .layer-pop-wrap .layer-box .layer-foot .btn-page-wrap .inner-flex .btn-primary.btn-cancel
,.bundle .layer-pop-wrap .layer-box .layer-foot .btn-page-wrap .inner-flex .btn-primary.btn-confirm{
    border-radius: 10px !important;
}

.bundle .wrap{
    overflow-x: hidden;
    height: calc(100vh - 75px);
}
@supports (height: calc(100dvh - 75px)) {  
    .bundle .wrap{
        height: calc(100dvh - 75px)
    }
}

.radio-box.select-method .check-list li.warning-check{
    font-weight: normal;
    font-size:1.1rem;
    color:#fc1717;
    padding-left: 16px; 
    background: url(../../images/biz/newaccount/ic-notice-12.png) no-repeat 0 12px;
    background-size: 12px 12px;
    margin: 0px 0px 0px 5px;
}
.radio-box.select-method .check-list li.chk-radio.on~li.warning-check{
    display: none;
}
.bundle .input-list .input-block p.disabled{
    background-color: #f7f7f7;
}
.bundle .sub-agree-list>ul>li>div.open{
    height: auto;
    padding-bottom: 16px;
}
.bundle .annuity-save-transfer-account-list-more{
    text-align: center;
}
.bundle .annuity-save-transfer-account-list-more span{
    color: #666;
    font-size:1.1rem;
    font-weight: normal;
}
.bundle .annuity-save-transfer-account-list-more span+img{
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin: 0 0 3px 7px;
}









button.popup-msg-btn {
    width: 20px;
    height: 20px;
    overflow: hidden;
    line-height: 19px;
    text-align: center;
    border: 1px solid #ccc;
    color:#999;
    background: #fff;
    border-radius: 50%;
    margin-left: 7px;
}
h3.popup-msg-title {
	font-size: 1.6rem;
    text-align: left;
    border:none;
    padding:0px;
    margin-bottom: 15px;
}
p.popup-msg-contents {
	text-align: left;
	color:#666;
}