@charset "UTF-8";
@import url('./base.css?v=1');
/**************************************************/
/* ************************************ wrap_popContainer ************************************ */

.wrap_popContainer{
    position: fixed; z-index: 1000; top: 0; left: 0; 
    display: block;
    width: 100%; height: 100%; background: rgba(0,0,0,.6);
    backdrop-filter: blur(1px);
    user-select:none;
}
/*
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
  */
.wrap_popContainer .popup{
    position: absolute; top: 50%; left: 50%;
    display: flex; flex-flow: row wrap;
    background: #fff; border: 1px solid #E2E2E2;
    transform: translate(-50%, -50%);
}
/*.wrap_popContainer .popup.active{ display: flex; }*/
.wrap_popContainer h2{ 
    margin : 0px;
    position: absolute; top: 0; left: 0; 
    width: 100%; line-height: 50px; 
    outline: 1px solid var(--primary);
    text-align: center; font-size: 16px; 
}
.wrap_popContainer .btn_close{
    position: absolute; z-index: 10000; top: 2px; right: 2px; 
    width: 48px; height: 48px; 
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20.0157' height='1.92589' transform='matrix(0.707659 0.706554 -0.707659 0.706554 1.62793 0.453125)' fill='white'/%3E%3Crect width='20.0157' height='1.92589' transform='matrix(-0.707659 0.706554 -0.707659 -0.706554 15.792 1.81445)' fill='white'/%3E%3C/svg%3E%0A") var(--primary) no-repeat center;
}

.wrap_popContainer .bx_btn { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; }
.wrap_popContainer .bx_btn button{ display: inline-flex; align-items: center; justify-content: center; width: 90px; height: 30px; }
.wrap_popContainer .bx_btn .br_gray{ background: #fff; border: 1px solid #E2E2E2;}

/**************************************************/
/* ===================== alertLayout */
.wrap_popContainer .alertLayout{ width: 280px; min-height: 180px; border-radius: 10px; overflow: hidden;}
.wrap_popContainer .alertLayout .icon{ 
    display: block; width: 32px; height: 32px; margin: 30px auto 0; border-radius: 50%;
}

.wrap_popContainer .alertLayout.confirmed .icon{
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 32C7.1632 32 0 24.8368 0 16C0 7.1632 7.1632 0 16 0C24.8368 0 32 7.1632 32 16C32 24.8368 24.8368 32 16 32ZM14.4048 22.4L25.7168 11.0864L23.4544 8.824L14.4048 17.8752L9.8784 13.3488L7.616 15.6112L14.4048 22.4Z' fill='%23112A46'/%3E%3C/svg%3E%0A");
}
.wrap_popContainer .alertLayout.failed .icon{
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 32C7.1632 32 0 24.8368 0 16C0 7.1632 7.1632 0 16 0C24.8368 0 32 7.1632 32 16C32 24.8368 24.8368 32 16 32ZM14.4 20.8V24H17.6V20.8H14.4ZM14.4 8V17.6H17.6V8H14.4Z' fill='%237A7A7A'/%3E%3C/svg%3E%0A");
}


.wrap_popContainer .alertLayout p{ width: 100%; padding: 10px 10px 30px; text-align: center; line-height: 195%; font-weight: 400; margin-bottom: 0px;}
.wrap_popContainer .alertLayout span{ color: #7A7A7A; font-size: 11px;}
.wrap_popContainer .alertLayout button{
    width: 100%; height: 50px; background: #fff;
    border-top: 1px solid #D9D9D9; backdrop-filter: blur(8px);
    color: var(--primary); font-weight: 600; font-size: 14px;
}
.wrap_popContainer .alertLayout .btn_close{
    position: absolute !important; z-index: 10000 !important; top: -1px !important; right: 2px !important; 
    width: 48px !important; height: 48px !important; 
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20.0157' height='1.92589' transform='matrix(0.707659 0.706554 -0.707659 0.706554 1.62793 0.453125)' fill='white'/%3E%3Crect width='20.0157' height='1.92589' transform='matrix(-0.707659 0.706554 -0.707659 -0.706554 15.792 1.81445)' fill='white'/%3E%3C/svg%3E%0A") var(--primary) no-repeat center !important;
 }
 #us-verify-cert-value { width: 100%; padding: 74px 10px 0px; text-align: center; line-height: 195%; font-weight: 400; word-break: break-all;}

/**************************************************/
/* ===================== confirmLayout */
.wrap_popContainer .confirmLayout{ width: 420px; padding: 68px 26px 30px;}
.wrap_popContainer .confirmLayout p{ width: 100%; margin-bottom: 35px; font-size: 14px; line-height: 25px; font-weight: 400;}
.wrap_popContainer .confirmLayout span{ font-size: 14px; line-height: 25px; color: #7A7A7A; }

/**************************************************/
/* ===================== ssnLayout */
.wrap_popContainer .ssnLayout{ width: 420px; padding: 68px 26px 30px;}
.wrap_popContainer .ssnLayout .t_info{
    display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 6px 0; margin: 14px 0 24px;
    background: rgba(175, 203, 233, 0.37); border-radius: 6px; 
    color: var(--primary); font-size: 11px;
    line-height: 16px;
}
.wrap_popContainer .ssnLayout label {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
}
.wrap_popContainer .ssnLayout label input {
    width: 100%;
    margin-top: 6px;
    padding: 0 12px;
}

/**************************************************/
/* ===================== ssnLayout */
.wrap_popContainer .pinLayout{ width: 300px; padding: 68px 26px 30px;}
.wrap_popContainer .pinLayout label {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
}
.wrap_popContainer .pinLayout label input {
    width: 100%;
    padding: 0 12px;
    margin: 10px 0 24px;
    height: 30px;
}

/**************************************************/
/* ===================== productLayout */
.wrap_popContainer .productLayout{ width: 420px; padding: 94px 26px 42px;}
.wrap_popContainer .productLayout *:is(p, span){ font-size: 14px; line-height: 20px;margin-bottom: 0px;}
.wrap_popContainer .productLayout span{ margin: 8px 0 50px; color: #7A7A7A;}
/**************************************************/
/* ===================== tokenLayout */
.wrap_popContainer .tokenLayout{ width: 580px; padding: 72px 28px 28px; }
.wrap_popContainer .tokenLayout p {margin-bottom: 10px;}
.wrap_popContainer .tokenLayout ul{ width: 100%;}
.wrap_popContainer .tokenLayout li{ display: flex; width: 100%;}
.wrap_popContainer .tokenLayout .bx_scroll_Y li{ display: flex; width: 100%; cursor: pointer; border-bottom: 1px solid #7A7A7A;}
.wrap_popContainer .tokenLayout .bx_scroll_Y li.active {
    background: #E0EBF7;
    color: var(--primary);
}
.wrap_popContainer .tokenLayout li span:nth-of-type(1){ width: 35%; }
.wrap_popContainer .tokenLayout li span:nth-of-type(2){ width: 45%; }
.wrap_popContainer .tokenLayout li span:nth-of-type(3){ width: 20%; text-align: center;}

.wrap_popContainer .tokenLayout ul:not(.bx_scroll_Y){ border: 1px solid #7A7A7A; border-right: none; margin: 0px;}
.wrap_popContainer .tokenLayout ul:not(.bx_scroll_Y) span{ height: 21px; border-right: 1px solid #7A7A7A; text-align: center;}

.wrap_popContainer .tokenLayout .bx_scroll_Y{ height: 145px; margin-bottom: 32px;  background: #F2F2F2; border: 1px solid #7A7A7A; border-top: none; }
.wrap_popContainer .tokenLayout .bx_scroll_Y span{ padding: 6px;  color: #7A7A7A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }

.wrap_popContainer .tokenLayout p.t_primary{ width: 318px; font-size: 14px; line-height: 20px; }

.wrap_popContainer .tokenLayout .bx_download{ display: flex; flex-flow: column nowrap; align-items: flex-end; gap: 12px; width: calc(100% - 318px);}
.wrap_popContainer .tokenLayout .bx_download button{ height: 30px; padding: 0 16px; font-size: 14px; }

.wrap_popContainer .tokenLayout .bx_btn{ margin-top: 23px;}

/**************************************************/
/* ===================== certificateLayout */
.wrap_popContainer .certificateLayout{ width: 420px; padding: 70px 25px 35px;}
.wrap_popContainer .certificateLayout .bx_tabBtn{ display: flex; width: 100%; border: 1px solid #7A7A7A; border-right: none; }
.wrap_popContainer .certificateLayout .bx_tabBtn button{ 
    flex: 1; height: 38px; background: #fff; border-right: 1px solid #7A7A7A; 
}
.wrap_popContainer .certificateLayout .bx_tabBtn button.active{background: #AFCBE9;}

.wrap_popContainer .certificateLayout .bx_tab{ width: 100%;}

/* bx_tab[data-index="0"] */
.wrap_popContainer .certificateLayout .bx_tab[data-index="0"]{ 
    padding: 2px 18px 20px; border: 1px solid #7A7A7A; border-top: none;
}
.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] table{ font-size: 14px; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] tr{ border-bottom: 1px solid #F2F2F2; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] tr > *{ padding: 22px 0;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] th{ text-align: left; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] td{ white-space: normal; color: #7A7A7A; }

.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] .wrap_td{ display: flex; align-items: center; line-height: 20px; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] img{ display: inline-block; width: 60px; margin: 0 24px 0 12px;}

.wrap_popContainer .certificateLayout .bx_tab[data-index="0"] .bx_btn{ margin-top:30px;}

/* bx_tab[data-index="1"] */
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"]  *{font-size: 12px;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] span{ width: 90px; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] p{ width: calc(100% - 90px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;line-height: inherit; margin: 0px;}

.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_title{
    display: flex; width: 100%; padding-top: 12px; border: 1px solid #7A7A7A; border-top: none;
}
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_title > *{ 
    height: 26px; border-top: 1px solid #7A7A7A; 
    line-height: 24px; text-align: center; 
}
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_title span{ border-right: 1px solid #7A7A7A; }

.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_list{ height: 340px; border: 1px solid #7A7A7A; border-top: none; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_list button{ 
    display: flex; width: 100%; border-bottom: 1px solid #f2f2f2; background: #fff; text-align: left;
}
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_list button > *{ padding: 6px 6px 6px 8px; color: #7A7A7A;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_list span{ background: #F2F2F2;  }

.wrap_popContainer .certificateLayout .bx_tab[data-index="1"] .bx_detail{
    width: 100%; height: 121px; margin-top: 6px; padding: 14px 10px; background: #fff; border: 1px solid #7A7A7A; word-break: break-all; user-select: text;
}


/* bx_tab[data-index="2"] */
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"]{ padding: 10px 18px 30px; border: 1px solid #7A7A7A; border-top: none;}

.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree{ padding-bottom: 14px;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li{ position: relative; display: flex; padding: 4px 0; color: #7A7A7A; height:40px; font-size: 11px; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:nth-child(n+2){ background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0V13H14' stroke='black' stroke-dasharray='2 2'/%3E%3C/svg%3E%0A") no-repeat;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:before{
    position: absolute; top: 8px;
    display: inline-block; width: 38px; height: 38px; 
    background: url(../img/cert_valid.png) no-repeat center/contain;
    content: '';
}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li.disabled:before{ width: 44.57px; height: 42.4px; background-image: url(../img/cert_invalid.png); }
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:nth-of-type(1){ padding-left: 48px; word-break: break-word;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:nth-of-type(2){ padding-left: 70px; background-position: top 12px left; word-break: break-word;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:nth-of-type(3){ padding-left: 92px; background-position: top 12px left 22px; word-break: break-word; }

.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:nth-of-type(1):before{ left: 0; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:nth-of-type(2):before{ left: 22px;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] .bx_tree li:nth-of-type(3):before{ left: 44px;}

.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] tr{ border-top: 1px solid #F2F2F2; }
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] tr > *{ padding: 14px 0; white-space: normal; text-overflow: unset;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] th{ width: 96px; text-align: left; vertical-align: top;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] td{ color: #7A7A7A;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] td a{  color: inherit; word-break: break-all;}
.wrap_popContainer .certificateLayout .bx_tab[data-index="2"] td a:hover{ text-decoration: underline;}

/**************************************************/
/* ===================== inputLayout */

.wrap_popContainer .inputLayout{ width: 420px; padding: 70px 25px 25px; }
.wrap_popContainer .inputLayout > div{ border: 1px solid #7A7A7A;}
.wrap_popContainer .inputLayout hr{ width: 100%; border: 1px solid #F2F2F2; }
.wrap_popContainer .inputLayout *:not(h2){ font-size: 14px; line-height: 20px; }
/* bx_input */
.wrap_popContainer .inputLayout .bx_input{ padding: 30px 18px 34px; color: #7A7A7A; }
.wrap_popContainer .inputLayout .bx_input hr{ margin: 30px 0; }
.wrap_popContainer .inputLayout .bx_input input[type="file"]{ display: contents; }

.wrap_popContainer .inputLayout #us-import-cert-drag-pnl div.bx_drag {
    color: #7A7A7A;
    width: 100%;
    height: 318px;
    padding: 30px 18px 34px;
    text-align: center;
}

#us-import-cert-lbl {display: block; width: 110px; height: 30px; margin: 0 auto; text-align: center; line-height: 30px; cursor: pointer;}
#us-import-cert-lbl:hover{ filter: brightness(95%);}


/* bx_output */
.wrap_popContainer .inputLayout .bx_output{ width: 368px; padding: 40px 16px 34px;}
.wrap_popContainer .inputLayout .bx_output img{ display: block; width: 46px; margin: 0 auto;}
.wrap_popContainer .inputLayout .bx_output p{ text-align: center; margin-bottom: 0px;}
.wrap_popContainer .inputLayout .bx_output hr{ margin: 15px 0 15px;}
.wrap_popContainer .inputLayout .bx_output label > span{  
   margin-left: 4px; font-size: 11px; line-height: 16px;color: #7A7A7A;
}
.wrap_popContainer .inputLayout .bx_output input:not([type="checkbox"]){ width: 100%; height: 30px; margin: 8px 0 25px; padding: 0 12px;}
.wrap_popContainer .inputLayout .bx_output .lb_chk{margin-bottom: 10px;}
.wrap_popContainer .inputLayout button.b_primary{ width: 110px; }
.wrap_popContainer .inputLayout strong{ display: inline-block; transform: rotate(90deg);}



/**************************************************/
/* ===================== saveLayout */
.wrap_popContainer .saveLayout{ width: 510px; padding: 70px 25px 42px; }
.wrap_popContainer .saveLayout .bx_medium{ display: flex; gap: 4px; width: 100%; margin-bottom: 20px; padding: 26px 10px; border: 1px solid #7A7A7A; }

/* bx_authSubCate */
.wrap_popContainer .saveLayout .bx_authSubCate { 
    display: none; gap: 4px; width: calc(100% - 22px); height: 96px; padding: 0 6px; 
}
.wrap_popContainer .saveLayout .bx_authSubCate.active{  display: flex; align-items: center; }

/* btn_authSubCate */
.wrap_popContainer .saveLayout .btn_authSubCate{
    position: relative;
    display: inline-flex; flex-flow: column nowrap; align-items: center; justify-content: flex-end;
    width: calc(20% - 4px); height: 84px; margin: 0 1px; padding-bottom: 14px; background: #fff; border: 1px solid #F2F2F2; border-radius: 5px;
    line-height: 17px; cursor: pointer;
}

.wrap_popContainer .saveLayout .btn_authSubCate img{ height: 38px; margin-bottom: 3px; }

.wrap_popContainer .saveLayout .btn_authSubCate.download{ background:  url(../img/ico_download.svg) no-repeat top 8px right 8px;  }
.wrap_popContainer .saveLayout .btn_authSubCate.disabled{ background: #E2E2E2; color: #7A7A7A; cursor: default; }
.wrap_popContainer .saveLayout .btn_authSubCate.disabled img{ filter: brightness(3);}

.wrap_popContainer .saveLayout .btn_authSubCate.active{ 
    position: relative; 
    background: var(--point); border: 1.5px solid var(--primary); 
    color: var(--primary); font-weight: 700;
}
.wrap_popContainer .saveLayout .btn_authSubCate.active:before{
   position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; border-radius: 50%;
   background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.12507 5.41167L1.21382 3.50042L0.562988 4.14667L3.12507 6.70875L8.62507 1.20875L7.97882 0.5625L3.12507 5.41167Z' fill='white'/%3E%3C/svg%3E%0A") var(--primary) no-repeat center ;
   box-shadow: 2px 2px 4px #B7B7B7;
   content: '';
}

.wrap_popContainer .saveLayout .btn_authSubCate summary{ 
    position: absolute; top: 0; left: 0;
    display: inline-flex; flex-flow: column nowrap; align-items: center; justify-content: flex-end; 
    width: 100%; height: 100%; padding-bottom: 14px; 
}
.wrap_popContainer .saveLayout .btn_authSubCate .bx_lists{ position: absolute; z-index: 50; left: 0; top: 85px; width: auto; box-shadow: 2px 2px 4px rgba(192, 192, 192, 0.25)} 
.wrap_popContainer .saveLayout details.btn_authSubCate:last-of-type .bx_lists{ left: unset; right: 0; }

.wrap_popContainer .saveLayout .btn_authSubCate .bx_lists button{
    display: flex; align-items: center; width: 100%; height: 34px; padding: 0 14px 0 8px;  background: #fff; border: 1px solid #E1E1E1; 
    font-size: 11px; white-space: nowrap; text-align: left;
}
.wrap_popContainer .saveLayout .btn_authSubCate .bx_lists button img{ height: 18px; margin: 0 2px 0 0; }

.wrap_popContainer .saveLayout .bx_stepBtn{ 
    display: flex; flex-flow: column nowrap;
    width: 22px; height: 96px; padding-right: 4px;
}
.wrap_popContainer .saveLayout .bx_stepBtn button{ 
    flex: 1; 
    background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.834L2 6.41732L7 1.00065' stroke='%23112A46' stroke-width='2'/%3E%3C/svg%3E%0A") #fff no-repeat center left 4px;
}
.wrap_popContainer .saveLayout .bx_stepBtn .btn_nextStep{ transform: rotate(180deg);}


/*
.wrap_popContainer .saveLayout .bx_medium label{ 
    flex: 1;
    display: flex; flex-flow: column nowrap; align-items: center;
    justify-content: flex-end;
    aspect-ratio: 1/1; padding-bottom: 14px;
    background: #fff; border: 1px solid #F2F2F2; border-radius: 5px;
    font-size: 12px; cursor: pointer;
}
.wrap_popContainer .saveLayout .bx_medium label img{ height: 38px; margin-bottom: 3px; }
.wrap_popContainer .saveLayout .bx_medium label:hover{ filter: brightness(95%);}
.wrap_popContainer .saveLayout .bx_medium label:has(input:checked){
    position: relative;
    background: var(--point);
    border: 1.5px solid var(--primary);
    color: var(--primary);
    font-weight: 700;
}
.wrap_popContainer .saveLayout .bx_medium label:has(input:checked):before{
    position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.12507 5.41167L1.21382 3.50042L0.562988 4.14667L3.12507 6.70875L8.62507 1.20875L7.97882 0.5625L3.12507 5.41167Z' fill='white'/%3E%3C/svg%3E%0A") var(--primary) no-repeat center ;
    box-shadow: 2px 2px 4px #B7B7B7;
    content: '';
}
*/
/**************************************************/
/* ===================== pwchgLayout */
.wrap_popContainer .pwchgLayout{ 
    width: 420px; padding: 60px 35px 30px;
}
.wrap_popContainer .pwchgLayout .t_guide{ 
    display: flex; align-items: center; 
    width: 100%; margin-bottom: 10px; line-height: 20px; 
}
.wrap_popContainer .pwchgLayout .t_guide img{ margin-right: 26px;}
.wrap_popContainer .pwchgLayout label{
    width: 100%; margin-top: 20px; font-size: 14px; line-height: 20px;
}
.wrap_popContainer .pwchgLayout label input{
    width: 100%; margin-top: 6px; padding: 0 12px;
}

/* bx_pwchkList */
.wrap_popContainer .pwchgLayout .bx_pwchkList{
    width: 100%; margin-top: 6px; padding: 3px 0;
    background: rgba(175, 203, 233, 0.37); border-radius: 6px;
}
.wrap_popContainer .pwchgLayout .bx_pwchkList li{ 
    padding: 3px 13px;
    color: #E7231E; font-size: 11px; line-height: 16px;
}

.wrap_popContainer .pwchgLayout .bx_pwchkList li.disable {
    color:#c1bcbc;
}

.wrap_popContainer .pwchgLayout .bx_pwchkList li.disable:before{
    display: inline-block; width: 8px; height: 8px; margin-right: 8px;
    background:url(../img/password_disable.png) 0 7px no-repeat !important;
    content: '';
}
.wrap_popContainer .pwchgLayout .bx_pwchkList li:before{
    display: inline-block; width: 8px; height: 8px; margin-right: 8px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.17285' y='0.708008' width='8.9165' height='1' transform='rotate(45 1.17285 0.708008)' fill='%23E7231E'/%3E%3Crect x='7.46973' y='1.31445' width='8.9165' height='1' transform='rotate(135 7.46973 1.31445)' fill='%23E7231E'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    content: '';
}
.wrap_popContainer .pwchgLayout .bx_pwchkList li.active{ color: var(--primary);}
.wrap_popContainer .pwchgLayout .bx_pwchkList li.active:before{
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.605469 3L3.10547 5.5L7.60547 1' stroke='%23112A46' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.wrap_popContainer .pwchgLayout .t_red{ display: none; font-size: 11px; margin-top: 2px;}


.wrap_popContainer .pwchgLayout .t_info{
    display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 6px 0; margin: 14px 0 24px;
    background: rgba(175, 203, 233, 0.37); border-radius: 6px; 
    color: var(--primary); font-size: 11px;
    line-height: 16px;
}

.wrap_popContainer .conditionLayout{
    width: 420px;
    min-height: 180px;
    height: 700px;
    border-radius: 10px;
    overflow: hidden;
}
.wrap_popContainer .conditionLayout .us-outer-info{
    margin-top: 50px;
    height: 595px;
    overflow: auto;
}
.wrap_popContainer .conditionLayout div{
    padding: 10px 3px 10px 5px;
}

.wrap_popContainer .conditionLayout div > p{
    text-align: left;
    font-size: 12px;
}

.wrap_popContainer .conditionLayout button{
    width: 100%; height: 50px; background: #fff;
    border-top: 1px solid #D9D9D9; backdrop-filter: blur(8px);
    color: var(--primary); font-weight: 600; font-size: 14px;
}
.wrap_popContainer .conditionLayout .btn_close{
    position: absolute !important; z-index: 10000 !important; top: -1px !important; right: 2px !important; 
    width: 48px !important; height: 48px !important; 
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20.0157' height='1.92589' transform='matrix(0.707659 0.706554 -0.707659 0.706554 1.62793 0.453125)' fill='white'/%3E%3Crect width='20.0157' height='1.92589' transform='matrix(-0.707659 0.706554 -0.707659 -0.706554 15.792 1.81445)' fill='white'/%3E%3C/svg%3E%0A") var(--primary) no-repeat center !important;
 }

/* ===================== pwchgLayout */
.wrap_popContainer .newpwLayout{ 
    width: 420px; padding: 60px 35px 30px;
}
.wrap_popContainer .newpwLayout .t_guide{ 
    display: flex; align-items: center; 
    width: 100%; margin-bottom: 10px; line-height: 20px; 
}
.wrap_popContainer .newpwLayout .t_guide img{ margin-right: 26px;}
.wrap_popContainer .newpwLayout label{
    width: 100%; margin-top: 20px; font-size: 14px; line-height: 20px;
}
.wrap_popContainer .newpwLayout label input{
    width: 100%; margin-top: 6px; padding: 0 12px;
}

/* bx_pwchkList */
.wrap_popContainer .newpwLayout .bx_pwchkList{
    width: 100%; margin-top: 6px; padding: 3px 0;
    background: rgba(175, 203, 233, 0.37); border-radius: 6px;
}
.wrap_popContainer .newpwLayout .bx_pwchkList li{ 
    padding: 3px 13px;
    color: #E7231E; font-size: 11px; line-height: 16px;
}

.wrap_popContainer .newpwLayout .bx_pwchkList li.disable {
    color:#c1bcbc;
}

.wrap_popContainer .newpwLayout .bx_pwchkList li.disable:before{
    display: inline-block; width: 8px; height: 8px; margin-right: 8px;
    background:url(../img/password_disable.png) 0 7px no-repeat !important;
    content: '';
}
.wrap_popContainer .newpwLayout .bx_pwchkList li:before{
    display: inline-block; width: 8px; height: 8px; margin-right: 8px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.17285' y='0.708008' width='8.9165' height='1' transform='rotate(45 1.17285 0.708008)' fill='%23E7231E'/%3E%3Crect x='7.46973' y='1.31445' width='8.9165' height='1' transform='rotate(135 7.46973 1.31445)' fill='%23E7231E'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    content: '';
}
.wrap_popContainer .newpwLayout .bx_pwchkList li.active{ color: var(--primary);}
.wrap_popContainer .newpwLayout .bx_pwchkList li.active:before{
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.605469 3L3.10547 5.5L7.60547 1' stroke='%23112A46' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
/*.wrap_popContainer .newpwLayout .bx_pwchkList li.disable{ display:none;}*/

.wrap_popContainer .newpwLayout .t_red{ display: none; font-size: 11px; margin-top: 2px;}


.wrap_popContainer .newpwLayout .t_info{
    display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 6px 0; margin: 14px 0 24px;
    background: rgba(175, 203, 233, 0.37); border-radius: 6px; 
    color: var(--primary); font-size: 11px;
    line-height: 16px;
}
/**************************************************/
/* ===================== pwinputLayout */
.wrap_popContainer .pwinputLayout{ width: 420px; padding: 80px 26px 30px;}
.wrap_popContainer .pwinputLayout img{ display: block; height: 60px; margin: 0 auto 16px;}
.wrap_popContainer .pwinputLayout label{ width: 100%; font-size: 14px; line-height: 20px;}
.wrap_popContainer .pwinputLayout input{ width: 100%; height: 30px; padding: 0 12px; margin: 6px 0 30px;}


/**************************************************/
/* ===================== pwinputLayout */
.wrap_popContainer .revokeLayout{ width: 420px; padding: 74px 36px 30px;}
.wrap_popContainer .revokeLayout .bx_radio{ margin-bottom: 25px; padding: 20px 0; border: 1px solid #E2E2E2; }
.wrap_popContainer .revokeLayout .lb_chk{ width: 100%; padding: 6px 36px;}


/**************************************************/
/* ===================== pwinputLayout */
.wrap_popContainer .issueLayout{ width: 420px; padding: 80px 36px 42px;}
.wrap_popContainer .issueLayout p{ width: 100%; margin-bottom: 20px; text-align: center; font-size: 14px; }
.wrap_popContainer .issueLayout label{display: flex; align-items: center; width: 100%; padding: 10px 0; font-size: 14px;}
.wrap_popContainer .issueLayout input{ flex: 1; height: 30px; margin-left: 14px; padding: 0 12px;}
.wrap_popContainer .issueLayout .bx_btn{ margin-top: 42px; }


/* ************************************ wrap_authContainer & wrap_authSetter (= wrap_certForm) ************************************ */
.wrap_certForm{ 
    position: fixed; top: 50%; left: 50%;
    display: flex; height: 570px; transform: translate(-50%, -50%);
    user-select: none;
}
.wrap_certForm h2{ 
    margin: 0px;
    position: absolute; top: 0; left: 0; width: 100%; 
    outline: 1px solid var(--primary);
    line-height: 50px; 
}
.wrap_certForm .btn_close{
    position: absolute; z-index: 10000; top: 2px; right: 2px; 
    width: 48px; height: 48px; 
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20.0157' height='1.92589' transform='matrix(0.707659 0.706554 -0.707659 0.706554 1.62793 0.453125)' fill='white'/%3E%3Crect width='20.0157' height='1.92589' transform='matrix(-0.707659 0.706554 -0.707659 -0.706554 15.792 1.81445)' fill='white'/%3E%3C/svg%3E%0A") var(--primary) no-repeat center;
}

/* === formLayout === */
.wrap_certForm .formLayout{
    background: white;
    position: relative; width: 450px; padding-top: 50px; 
    overflow-x: auto;
    border: 1px solid #ABABAB; background-color: #fff;
}
.wrap_certForm .formLayout h2{ font-size: 18px; text-indent: 28px; }
.wrap_certForm .formLayout .wrap_form{ width: 100%; height: 100%; }
.wrap_certForm .formLayout .wrap_form > .bx{ 
    display: flex; flex-flow: column nowrap; align-items: center; height: calc(100% - 50px); 
}

/* bx_0 */
.wrap_certForm .formLayout .bx_0{ flex-flow: row wrap !important; align-items: flex-start !important; align-content: flex-start; }
.wrap_certForm .formLayout .bx_0 p{ 
    margin: 0px;
    width: 100%; padding: 0 16px; 
    border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;
    text-align: left; color: #333; line-height: 30px;
}

/* bx_stepBtn */
.wrap_certForm .formLayout .bx_stepBtn{ 
    display: flex; flex-flow: column nowrap;
    width: 22px; height: 96px; padding-right: 4px;
}
.wrap_certForm .formLayout .bx_stepBtn button{ 
    flex: 1; 
    background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.834L2 6.41732L7 1.00065' stroke='%23112A46' stroke-width='2'/%3E%3C/svg%3E%0A") #fff no-repeat center left 4px;
}
.wrap_certForm .formLayout .bx_stepBtn .btn_nextStep{ transform: rotate(180deg);}


/* bx_authSubCate */
.wrap_certForm .formLayout .bx_authSubCate { 
    display: none; gap: 4px; width: calc(100% - 22px); height: 96px; padding: 0 6px; 
}
.wrap_certForm .formLayout .bx_authSubCate.active{  display: flex; align-items: center; }

/* btn_authSubCate */
.wrap_certForm .formLayout .btn_authSubCate{
    position: relative;
    display: inline-flex; flex-flow: column nowrap; align-items: center; justify-content: flex-end;
    width: calc(20% - 4px); height: 84px; margin: 0 1px; padding-bottom: 14px; background: #fff; border: 1px solid #F2F2F2; border-radius: 5px;
    line-height: 17px; cursor: pointer;
}

.wrap_certForm .formLayout .btn_authSubCate img{ height: 38px; margin-bottom: 3px; }

.wrap_certForm .formLayout .btn_authSubCate.download{ background:  url(../img/ico_download.svg) no-repeat top 8px right 8px;  }
.wrap_certForm .formLayout .btn_authSubCate.disabled{ background: #E2E2E2; color: #7A7A7A; cursor: default; }
.wrap_certForm .formLayout .btn_authSubCate.disabled img{ filter: brightness(3);}

.wrap_certForm .formLayout .btn_authSubCate.active{ 
    position: relative; 
    background: var(--point); border: 1.5px solid var(--primary); 
    color: var(--primary); font-weight: 700;
}
.wrap_certForm .formLayout .btn_authSubCate.active:before{
   position: absolute; top: 5px; left: 5px; width: 15px; height: 15px; border-radius: 50%;
   background: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.12507 5.41167L1.21382 3.50042L0.562988 4.14667L3.12507 6.70875L8.62507 1.20875L7.97882 0.5625L3.12507 5.41167Z' fill='white'/%3E%3C/svg%3E%0A") var(--primary) no-repeat center ;
   box-shadow: 2px 2px 4px #B7B7B7;
   content: '';
}

.wrap_certForm .formLayout .btn_authSubCate summary{ 
    position: absolute; top: 0; left: 0;
    display: inline-flex; flex-flow: column nowrap; align-items: center; justify-content: flex-end; 
    width: 100%; height: 100%; padding-bottom: 14px; 
}
.wrap_certForm .formLayout .btn_authSubCate .bx_lists{ position: absolute; z-index: 50; left: 0; top: 85px; width: auto; box-shadow: 2px 2px 4px rgba(192, 192, 192, 0.25)} 
.wrap_certForm .formLayout details.btn_authSubCate:last-of-type .bx_lists{ left: unset; right: 0; }

.wrap_certForm .formLayout .btn_authSubCate .bx_lists button{
    display: flex; align-items: center; width: 100%; height: 34px; padding: 0 14px 0 8px;  background: #fff; border: 1px solid #E1E1E1; 
    font-size: 11px; white-space: nowrap; text-align: left;
}
.wrap_certForm .formLayout .btn_authSubCate .bx_lists button img{ height: 18px; margin: 0 2px 0 0; }

/* table */
.wrap_certForm .formLayout .bx_0 thead{ border-bottom: 1px solid #E2E2E2; }
.wrap_certForm .formLayout .bx_0 th{ height: 20px; border-right: 1px solid #E2E2E2; border-top: none;  font-size: 12px; text-align: center; }
.wrap_certForm .formLayout .bx_0 th>div:nth-of-type(1){width: 96%; cursor: default; float: left; }
.wrap_certForm .formLayout .bx_0 th:last-of-type>div{width: 100%; cursor: default; }
.wrap_certForm .formLayout .bx_0 th:last-of-type{ border-right: none;}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y { width: 100%; height: 178px; overflow-y: hidden; }
#wrap_authSetter .formLayout .bx_0 .bx_scroll_Y { height: 178px;/* height: 227px;*/}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y table {
    display: block;
    table-layout: fixed;
    overflow-y: hidden;
}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y tbody {
    display: grid;
    height: 150px;
    overflow: auto;
}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y thead>tr { height: 20px; outline: none;}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y tr:disabled{ background: #F2F2F2; cursor: default;}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y tr.active{background: #E0EBF7; color: var(--primary); }

.wrap_certForm .formLayout .bx_0 .bx_scroll_Y th:nth-of-type(1), .wrap_certForm .formLayout .bx_0 .bx_scroll_Y td:nth-of-type(1){ width:102px; }
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y th:nth-of-type(2), .wrap_certForm .formLayout .bx_0 .bx_scroll_Y td:nth-of-type(2){ width:164px;}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y th:nth-of-type(3), .wrap_certForm .formLayout .bx_0 .bx_scroll_Y td:nth-of-type(3){ width:88px;}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y th:last-child { width:94px;}
 .wrap_certForm .formLayout .bx_0 .bx_scroll_Y td:last-child { width:88px;}

 .wrap_certForm .formLayout .bx_0 .bx_scroll_Y tbody>tr { height: 25px; }
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y td{ 
    font-size: 12px; line-height: 25px; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; display: inline-block;
}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y td:nth-of-type(2){padding: 0 4px;}

.wrap_certForm .formLayout .bx_0 .bx_scroll_Y td:nth-of-type(1){ 
    padding-left: 30px;
    background: url(../img/img_cert.png) no-repeat center left 4px;
    text-align: left;
}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y td.month:nth-of-type(1){ 
    padding-left: 30px;
    background: url(../img/img_month_cert.png) no-repeat center left 4px;
    text-align: left;
}
.wrap_certForm .formLayout .bx_0 .bx_scroll_Y td.exp:nth-of-type(1){ 
    padding-left: 30px;
    background: url(../img/img_exp_cert.png) no-repeat center left 4px;
    text-align: left;
}
/* bx_manage */
.wrap_certForm .formLayout .bx_0 .bx_manage { display: flex; width: 100%; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;  }
.wrap_certForm .formLayout .bx_0 .bx_manage li{ border-right: 1px solid #E2E2E2;}

.wrap_certForm .formLayout .bx_0 .bx_manage.default li{ flex: 1; }
.wrap_certForm .formLayout .bx_0 .bx_manage.default li:last-of-type{ border-right: none; }

.wrap_certForm .formLayout .bx_0 .bx_manage.setting{ flex-flow: row wrap;  }
.wrap_certForm .formLayout .bx_0 .bx_manage.setting li{ width: 33.33%; }
.wrap_certForm .formLayout .bx_0 .bx_manage.setting li:nth-of-type(-n+6){ border-bottom: 1px solid #E2E2E2; }
.wrap_certForm .formLayout .bx_0 .bx_manage.setting li:nth-of-type(3n){ border-right: none;}

.wrap_certForm .formLayout .bx_0 .bx_manage button{ 
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 38px; background: #FFF; 
    font-size: 12px;
}

#wrap_authSetter .us-cert-detail {
    width: 97%;
}
#wrap_authSetter .us-detail-box {
    width: 100%;
    margin-left: 3%;
}

#us-detail-box-savepath-data {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    width: 370px;
}
#us-detail-box-expire-data {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    width: 370px;  
}
#us-detail-box-subject-data b {
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
}

.us-cert-loding-box {
    font-size: 15px;
    font: small-caption;
    background: #414449;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 78px;
}
.us-auth-loding-box {
    font-size: 15px;
    font: small-caption;
    background: #414449;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 50%;
}

.wrap_certForm .formLayout .bx_0 .bx_manage button.b_point{ background: var(--point); outline: 1px solid var(--primary); outline-offset: -1px;}
.wrap_certForm .formLayout .bx_0 .bx_manage button:disabled{ background: #E2E2E2B3; color: #7A7A7A; }
.wrap_certForm .formLayout .bx_0 .bx_manage button:disabled img{ filter: brightness(3);}

.wrap_certForm .formLayout .bx_0 .bx_manage img{ margin-right: 2px;}

/* bx_btn */
.wrap_certForm .formLayout .bx_btn{ display: flex; width: 100%;  margin-top: auto;}
.wrap_certForm .formLayout .bx_btn button{ flex: 1; height: 50px; font-size: 14px;}
.wrap_certForm .formLayout .bx_btn .btn_confirm{ background: var(--primary); color: #fff; }
.wrap_certForm .formLayout .bx_btn .btn_confirm:disabled{ background: #EBECEE !important; color: #C0C0C0 !important;}
.wrap_certForm .formLayout .bx_btn .btn_cancel{background: #F2F2F2; border-top: 1px solid #E2E2E2;}

/* ************************************ wrap_authContainer ************************************ */
/**************************************************/
/* ===================== selectLayout */
#wrap_authContainer .selectLayout {
    background: white;
    width: 138px; padding-top: 14px;
    /* border: 1px solid #E2E2E2;  */
    border: 1px solid #ABABAB; border-right: none; 

}
#wrap_authContainer .selectLayout .img_logo{ display: block; height: 21px; margin: 0 auto;}
#wrap_authContainer .selectLayout > .bx_scroll_Y{ 
    background: white;
    width: 100%; height: calc(100% - 57px); 
    padding: 48px 4px 10px; 
}
#wrap_authContainer .selectLayout > .bx_scroll_Y .btn_authCate{ 
    position: relative; 
    display: flex; flex-flow: row wrap; align-items: center; align-content: center;
    width: 100%; height: 40px; margin-bottom: 14px; padding-left: 46px;
    background: #fff; border: 1px solid #E2E2E2; border-radius: 36px; 
    font-size: 12px; text-align: left;
}
#wrap_authContainer .selectLayout > .bx_scroll_Y .btn_authCate:disabled{ background: #EBECEE;color: #C0C0C0;}
#wrap_authContainer .selectLayout > .bx_scroll_Y .btn_authCate:disabled img{ filter: grayscale(1);}
#wrap_authContainer .bx_scroll_Y .btn_authCate.active{ background: var(--point); border-color: var(--secondary); }
#wrap_authContainer .bx_scroll_Y .btn_authCate img{ 
    position: absolute; left: 10px; top: 3px;
}
#wrap_authContainer .bx_scroll_Y .btn_authCate span{ font-size: 10px; }

/**************************************************/
/* ===================== formLayout */
/* wrap_form */

#wrap_authContainer .formLayout .img_brandLogo{ height: 36px; margin: 45px 0 24px; }

#wrap_authContainer .formLayout *:is(.input_defaults, .bx_policy, .lb_chkAll, span.t_red){ width: 100%; max-width: 298px;}
#wrap_authContainer .formLayout .input_defaults{ display: block; border-radius: 40px; margin-top: 10px; }

#wrap_authContainer .formLayout span.t_red{ 
    display: none;
    margin-top: 4px; font-size: 11px; text-align: left; font-weight: 400; line-height: 16px; 
}

/* bx_phone */
#wrap_authContainer .formLayout .bx_phone{
    display: flex; align-items: center; gap: 4px; 
    width: 100%; max-width: 298px; margin-top: 10px; 
}
#wrap_authContainer .formLayout .bx_phone select{ 
    width: 82px; height: 40px; border-radius: 34px; padding: 0 22px;
}
#wrap_authContainer .formLayout .bx_phone input{ flex: 1;  margin: 0;}

#wrap_authContainer .formLayout .lb_chkAll{ padding: 6px 0; margin-top: 24px;}

/* bx_policy */
#wrap_authContainer .formLayout .bx_policy li{ display: flex; justify-content: space-between; align-items: center; color: #A7A7A7;}
#wrap_authContainer .formLayout .bx_policy li *{ color: inherit;}
#wrap_authContainer .formLayout .bx_policy .lb_chk{ padding: 5px 0;  font-size: 12px; }
#wrap_authContainer .formLayout .bx_policy .lb_chk input{ 
    background: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L3.5 7.5L10 1' stroke='%23A7A7A7' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat center;    
    background-color: unset !important; border-color: transparent !important;
}
#wrap_authContainer .formLayout .bx_policy .lb_chk input:checked{
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L3.5 7.5L10 1' stroke='%23222222' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

#wrap_authContainer .formLayout .bx_policy a:after{ 
    display: inline-block; width: 4px; height: 8px; margin-left: 5px;
    background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23A7A7A7'/%3E%3C/svg%3E%0A") no-repeat center; content: '';
}



/* label[for="input_pwCertificate"] */
#wrap_authContainer .formLayout .bx_0 label[for="us-pw-text"]{ width: 100%; margin-bottom: auto; padding: 10px 16px 0; font-size: 14px; line-height: 20px; }
#wrap_authContainer .formLayout .bx_0 label[for="us-pw-text"] span{ color: #7A7A7A; font-size: 11px; }
#wrap_authContainer .formLayout .bx_0 #us-pw-text{ 
    width: 100%; height: 30px; margin-top: 6px; padding: 0 12px; border-color: var(--primary); background: var(--point); 
}

/**************************************************/
/* ===================== browserGuide */
#wrap_authContainer .browserGuide{ 
    background: white;
    position: relative; display: none; 
    flex-flow: column nowrap; justify-content: flex-start;
    width: 280px; margin-left: 4px; padding: 80px 25px 25px; 
    border: 1px solid #ABABAB; 
}
#wrap_authContainer .browserGuide.active{ display: flex; }

#wrap_authContainer .browserGuide h2{ text-align: center; font-size: 16px;}
#wrap_authContainer .browserGuide *:not(h2){ line-height: 20px;}

#wrap_authContainer .browserGuide ul{ border-bottom: 1px solid #F2F2F2;  }
#wrap_authContainer .browserGuide li{ 
    position: relative; margin-bottom: 24px; padding-left: 30px; counter-increment: li; font-size: 14px;
}

#wrap_authContainer .browserGuide li:before{ 
    position: absolute; left: 0; width: 20px; background: var(--primary); border-radius: 50%;
    font-size: 13px; line-height: 20px; text-align: center; color: #fff; content: counter(li); 
}
#wrap_authContainer .browserGuide p.t_primary{ 
    margin: 12px 0px 18px 0px; font-size: 12px; 
}
#wrap_authContainer .browserGuide p.br_gray{ 
    padding: 15px 22px 26px; border: 1px solid #7A7A7A; color: var(--primary); font-size: 13px;
}
#wrap_authContainer .browserGuide p.br_gray strong{ display: block; margin-bottom: 6px; }

/* ===================== authTransfer_ */
.wrap_popContainer [class*="authTransfer_"]{ width: 420px; padding: 85px 15px 15px;}

/* h2 */
.wrap_popContainer [class*="authTransfer_"] h2{
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 15px 8px 25px; line-height: unset;
}
.wrap_popContainer [class*="authTransfer_"] h2 div{ text-align: right;}
.wrap_popContainer [class*="authTransfer_"] h2 img{height: 35px; margin-right: 5px; }
.wrap_popContainer [class*="authTransfer_"] h2 p{ 
    padding: 0 14px; margin-top: 4px;
    background: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 1px 2px rgba(0, 0, 0, 0.25); 
    border-radius: 40px; font-size: 10px; line-height: 18px;
}

/* bx_form */
.wrap_popContainer [class*="authTransfer_"] .bx_form{ width: 100%; padding: 0 20px 12px; border: 1px solid #7A7A7A; }
.wrap_popContainer [class*="authTransfer_"] .bx_form p{
    padding: 14px 12px; background: #F8F8F8;
    border: 1px solid #ECECEC; border-radius: 5px;
    font-size: 12px; font-weight: 350; line-height: 150.8%;
}

/* bx_number */
.wrap_popContainer [class*="authTransfer_"] .bx_number{ 
    display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 10px 0; padding: 28px 0; 
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}
.wrap_popContainer [class*="authTransfer_"] .bx_number:before{ margin-right: 15px; content: '승인번호';}
.wrap_popContainer [class*="authTransfer_"] .bx_number input{ width: calc(33.33% - 29px); height: 30px; padding: 0 12px; text-align: center; color: #000; font-size: large;}

.wrap_popContainer [class*="authTransfer_"] .link_version{ width: 100%; padding-top: 12px; text-align: right; color: #7A7A7A; font-size: 11px; line-height: 16px; }

/* ===================== authTransfer_1 */
.wrap_popContainer .authTransfer_1 .bx_form{ padding-top: 15px;}
.wrap_popContainer .authTransfer_1 .bx_form strong{ display: block; width: 100%; margin-bottom: 12px;}
.wrap_popContainer .authTransfer_1 .bx_number{ margin-bottom: 18px;}

/* ===================== authTransfer_2 */
.wrap_popContainer .authTransfer_2 .bx_form p{ padding: 8px 12px; margin-bottom: 20px; }

/* ===================== authTransfer_3 */
.wrap_popContainer .authTransfer_3 .bx_form p{ margin-bottom: 18px;}

.wrap_popContainer .authTransfer_3 .bx_qr{ display: flex; width: 100%; padding: 20px 0 15px;}
.wrap_popContainer .authTransfer_3 .bx_qr img{ height: 134px; margin-left: 64px; border: 1px solid #ddd;}
.wrap_popContainer .authTransfer_3 .bx_qr:before{ content: 'QR 코드'; line-height: 19px; }
/**************************************************/

.wrap_popContainer [class*="cloudService_"]{ width: 420px; padding: 82px 34px 42px;}

/* ===================== cloudService_1 */
.wrap_popContainer .cloudService_1 tr > *{ padding: 10px 0;}
.wrap_popContainer .cloudService_1 th{ width: 80px; text-align: left; font-size: 14px;}
.wrap_popContainer .cloudService_1 td input{ width: 100%; height: 30px; padding: 0 12px; }

.wrap_popContainer .cloudService_1 .lb_chk{ width: 100%; padding: 4px 0; margin-bottom: 14px; color: rgba(38, 41, 47, 0.7); }

/* ===================== cloudService_2 */
.wrap_popContainer .cloudService_2 { padding-top: 70px; display: none;}
.wrap_popContainer .cloudService_2 > *:is(p, span, b){ display: block; width: 100%; text-align: center;}
.wrap_popContainer .cloudService_2 p{ font-size: 13px; line-height: 19px; font-weight: 400; }
.wrap_popContainer .cloudService_2 span{ margin: 30px auto 20px; color: #7A7A7A; font-size: 12px; line-height: 17px; font-weight: 400; }
.wrap_popContainer .cloudService_2 span:before{ display: block; content: attr(title); font-weight: 700;}

.wrap_popContainer .cloudService_2 b{ margin-bottom: 40px; font-size: 47px; line-height: 68px; }
.wrap_popContainer .cloudService_2 .bx_btn button:disabled{ background: #EBECEE !important; color: #C0C0C0 !important;}
/* ================================= responsive */

/* ===================== authCertHistory_ */
.wrap_popContainer [class*="authCertHistory_"]{ width: 420px; padding: 50px 0 16px;display: none;}
.wrap_popContainer [class*="authCertHistory_"] p{ 
    display: flex; flex-flow: row wrap; align-items: center;
    width: 100%; height: 50px; padding: 0 18px; background: #FAFAFA; 
    font-weight: 400; font-size: 15px; line-height: 24px; margin: 5px 0px;
}
.wrap_popContainer .active {
    display: block;
}

.wrap_popContainer [class*="authCertHistory_"] hr{ 
    width: calc(100% - 24px); height: 1px; margin: auto; 
    background-color: #ECECEC; border: none;
}
.wrap_popContainer [class*="authCertHistory_"] .bx_scroll_Y{ width: 100%; padding: 0 12px; height: 475px;  }
.wrap_popContainer [class*="authCertHistory_"] .bx_scroll_Y li{ 
    display: flex; flex-flow: row wrap;
    width: 100%; height: 95px; padding: 16px 0 20px 75px; 
    background: url(../img/img_cloudlock.png) no-repeat center left 10px/ 45px 25px; border-bottom: 1px solid #ECECEC;
}
.wrap_popContainer [class*="authCertHistory_"] .bx_scroll_Y span{ font-weight: 400; font-size: 12px; }

/* ===================== authCertHistory_1 */
.wrap_popContainer .bx_scroll_Y li{ align-content: space-between; }
.wrap_popContainer .bx_scroll_Y span{ width: 100%;}
/* ===================== authCertHistory_2 */
.wrap_popContainer .bx_scroll_Y li{ align-items: center;}
.wrap_popContainer .bx_scroll_Y span{ width: calc(100% - 80px);}
.wrap_popContainer .bx_scroll_Y button{ width: 80px; height: 28px; border: 1px solid #E2E2E2; border-radius: 2px; background: #FFF; }

.us-layout-cert-processing{width:435px;height:50px;background:#414449;line-height:50px;text-align:center;}
.us-layout-cert-processing img{margin:0;padding:0;border:0;outline:0;vertical-align:top;}
.us-layout-cert-processing-img img{vertical-align:middle;margin:-3px 5px 0 0;}
.us-layout-cert-processing-text{display: contents; font-family:'Dotum',Dotum,Sans-serif;color:#fff;font-size:15px;font-weight:bold;}
.us-layout-loading-o{z-index: 9998;margin: 0px; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position:absolute; cursor: auto; opacity: 0.5; background-image: none; background-color: rgb(0, 0, 0);}
.us-layout-loading{z-index: 9999; position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; height: 40px; line-height: 40px; background-color: #414449; margin-left: 30%; margin-top: 25%;}

.us-layout-loading img{vertical-align:middle;margin:-3px 5px 0 0;}

.resizer {
    width:2px; 
    height:20px; 
    float: right; 
    cursor: e-resize;
}
/* ##### [capslock] ##### */
.ly_v2 {
/*	top: 380px;*/
    position: absolute;
    z-index: 10;
    left: 30px;
    display: block;
    zoom: 1;
}
.ly_change_password_v2 {
    top: 230px;
    left: 40px;
}

.ly_pin_v2 {
/*	top: 135px; */
    left: 30px;
}

.ly_new_password_v2 {
    top: 230px;
    left: 40px;
}
.ly_import_cert_v2{
    top: 225px;
    left: 50px;
}

.ly_v2 .ly_box {
    font-size: 11px;
    line-height: 14px;
    position: static;
    margin-top: 8px;
    padding: 9px 9px 7px;
    letter-spacing: -1px;
    color: #777;
    border: solid 1px #d8d1aa;
    background: #fffadc;
}

.ly_v2 .ly_box strong {
    color: #555;
}

.ly_v2 .ly_point {
    position: absolute;
    top: 0;
    left: 8px;
    display: block;
    width: 12px;
    height: 10px;
    background: url(../img/top_arrow.png) no-repeat;
    background-position: -2px -1px;
}
#us-err-msg-capslock-text {
    color: #7A7A7A;
    font-size: 11px;
}
@media screen and (min-width: 1025px){
    
}
@media screen and (max-width: 1680px){

}