:root {
    -webkit-tap-highlight-color:transparent;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    line-height:1.5;
    overflow-wrap:break-word;
    word-break:break-word;
    tab-size:4;

    --regular:300;
    --midium:400;
    --semibold:500;
    --bold:600;
    --extrabold:800;

    --font-size10:10px;
    --font-size11:11px;
    --font-size12:12px;
    --font-size13:13px;
    --font-size13:13px;
    --font-size14:14px;
    --font-size15:15px;
    --font-size16:16px;
    --font-size18:18px;
    --font-size20:20px;
    --font-size24:24px;
    --font-size28:28px;
    --font-size32:32px;
    --font-size40:40px;

    --gnb-width:240px;
    --gnb-width-off:30px;

    --white:#ffffff;
    --blue1:#1669FF;
    --blue1-rgb:22, 105, 255;
    --red:#FF6158;
    --red-rgb:255, 97, 88;
    --purple:#A160FB;
    --purple-rgb:161, 96, 251;
    --green:#24CE85;
    --green-rgb:36, 206,133;
    --navy:#030c5e;
    --navy-rgb:3, 12, 94;
    --gray1:#f7f7f7;
    --gray2:#dbdbdb;
    --gray3:#efefef;
    --gray2-a50:#cccccc80;
    --gray-icon:#606060;
    --black:#000000;
    --black2:#555555;
    --black3:#999999;
    --black-rgb:0, 0, 0;
    --sky1:#549eff;
    --sky1-rgb:84, 158, 255;
    --orange1:#ff8d7f;
    --orange1-rgb:255, 141, 127;
    --color-placeholder: #8eb0e5;
    --color-placeholder2: #b4becf;
    --color-popheader:#587AA0;
    --color-line-color:#e3e5e8;
    --bgcolor1:#f3f5f8;
    --bgcolor2:#F6F8FA;
    --tab-color1:#dde0e6;
    --arrow-down:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.00065 5L9 1' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --icon-setting:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37801 2.12773L4.86435 1.42882C5.0513 1.16017 5.35788 1 5.68518 1H6.06638C6.39246 1 6.69806 1.15898 6.88524 1.426L7.36483 2.11016M4.37801 2.12773C4.20458 2.37515 3.91631 2.49639 3.61034 2.47478M4.37801 2.12773C4.20374 2.37456 3.91631 2.4974 3.61034 2.47478M3.61034 2.47478L2.74128 2.42022C2.42043 2.40008 2.10946 2.53541 1.90555 2.78394L1.67116 3.0696C1.45496 3.3331 1.38786 3.68857 1.49312 4.01274L1.73657 4.76252M1.73657 4.76252C1.78104 4.90669 1.78673 5.06113 1.75491 5.207M1.73657 4.76252C1.78167 4.90643 1.78715 5.06057 1.7547 5.2085M1.75491 5.207C1.72267 5.35114 1.65355 5.48725 1.55093 5.59746M1.75491 5.207L1.7547 5.2085M1.55093 5.59746L0.990745 6.19995C0.762346 6.44559 0.672316 6.78939 0.751 7.11545L0.826515 7.42838C0.90494 7.75338 1.14059 8.01768 1.45449 8.13273L2.22419 8.41483C2.36664 8.46996 2.4897 8.55956 2.58285 8.67243M1.55093 5.59746C1.65418 5.48815 1.72267 5.35248 1.7547 5.2085M2.58285 8.67243C2.67535 8.78563 2.73836 8.92225 2.7628 9.07018M2.58285 8.67243C2.6762 8.78563 2.73941 8.92189 2.7628 9.07018M2.58285 8.67243L2.58137 8.67081C2.57526 8.66341 2.56873 8.65568 2.5624 8.6485M2.7628 9.07018L2.89405 9.8764C2.94732 10.2036 3.15927 10.4831 3.45995 10.6227L3.80183 10.7815C4.09289 10.9166 4.43113 10.9038 4.71119 10.7471L5.44512 10.3365M5.44512 10.3365C5.57767 10.2621 5.7256 10.2248 5.87352 10.2246M5.44512 10.3365C5.49759 10.3067 5.55259 10.2828 5.60907 10.265C5.69483 10.2378 5.78418 10.2244 5.87352 10.2246M5.87352 10.2246C5.95044 10.2247 6.02735 10.2349 6.10237 10.255C6.17212 10.2737 6.23998 10.3009 6.30425 10.3365M5.87352 10.2246C6.02209 10.2244 6.17086 10.2617 6.30425 10.3365M6.30425 10.3365L7.08214 10.7576C7.36342 10.9099 7.70057 10.9185 7.98919 10.7806L8.33001 10.6178C8.62962 10.4747 8.83866 10.1923 8.88795 9.8639L9.00427 9.08898M9.00427 9.08898C9.02766 8.94023 9.08982 8.80258 9.18212 8.6884M9.00427 9.08898C9.02681 8.9399 9.0894 8.80245 9.18212 8.6884M9.18212 8.6884C9.27378 8.57538 9.39537 8.48534 9.53698 8.42967M9.18212 8.6884C9.27357 8.57494 9.39474 8.48465 9.53698 8.42967M9.53698 8.42967L10.3223 8.12187C10.6303 8.00117 10.8587 7.73598 10.9323 7.4135L11.0076 7.08392C11.0811 6.76229 10.9912 6.42513 10.7674 6.18277L10.1987 5.56698M10.1987 5.56698C10.0941 5.45638 10.0212 5.32427 9.98582 5.18387M10.1987 5.56698C10.1496 5.51533 10.1074 5.45886 10.0731 5.39898C10.0339 5.331 10.0046 5.25863 9.98582 5.18387M9.98582 5.18387C9.95105 5.04447 9.95316 4.89674 9.9972 4.75376L10.2401 3.97526C10.3405 3.65346 10.272 3.30274 10.0579 3.04235L9.83768 2.77451C9.6314 2.52362 9.31612 2.38854 8.99218 2.41227L8.13882 2.47478M8.13882 2.47478C7.98667 2.48552 7.83706 2.45654 7.70388 2.39419M8.13882 2.47478C7.98646 2.48614 7.83706 2.45693 7.70388 2.39419M7.70388 2.39419C7.56986 2.33105 7.45228 2.23395 7.36483 2.11016M7.70388 2.39419C7.56965 2.33128 7.45185 2.23444 7.36483 2.11016M1.7547 5.2085L1.75512 5.20631M7.56796 6.00531C7.56796 6.93778 6.79502 7.69368 5.84171 7.69368C4.88839 7.69368 4.11545 6.93778 4.11545 6.00531C4.11545 5.07283 4.88839 4.31693 5.84171 4.31693C6.79502 4.31693 7.56796 5.07283 7.56796 6.00531Z' stroke='%23666666'/%3E%3C/svg%3E%0A");
    --frame-color:#f4f4f7;


    --loading-spinner-size: 16px;
    --loading-spinner-gap: 1;
    --loading-spinner-wrapper: calc(var(--loading-spinner-size) * 3 + var(--loading-spinner-gap) * var(--loading-spinner-size) * 2); /* [2] */
    --loading-spinner-color: #367dff;

    --animation-timing: cubic-bezier(0, 1, 1, 0);
    --animation-duration: 600ms;
    --animation-count: infinite;
}

/*input[type="text"],*/
/*input[type="tel"],*/
/*input[type="password"],*/
/*input[type="number"],*/
/*input[type="email"]{*/
/*    outline: none;*/
/*    height: 32px;*/
/*    border:1px solid var(--gray2);*/
/*    border-radius: 8px;*/
/*    background-color: var(--white);*/
/*    transition: box-shadow 0.2s;*/
/*    font-size: 14.5px;*/
/*    padding:0 8px;*/
/*}*/

/*input:focus,*/
/*textarea:focus{*/
/*    border-color: rgb(var(--blue1-rgb),1) !important;*/
/*    box-shadow: 0 0 0 3px rgba(var(--blue1-rgb),0.2) !important;*/
/*}*/
/*input[type="date"]{*/
/*    outline: 0;*/
/*    border:0;*/
/*}*/
/*input[type="text"]::placeholder,*/
/*input[type="tel"]::placeholder,*/
/*input[type="date"]::placeholder,*/
/*input[type="password"]::placeholder,*/
/*input[type="email"]::placeholder,*/
/*textarea::placeholder{*/
/*    color:var(--color-placeholder2);*/
/*    font-weight: var(--midium);*/
/*}*/
/*input[type="text"]:read-only{*/
/*    background-color: var(--gray1);*/
/*    border-color: var(--color-line-color);*/
/*}*/

/*input[type="text"].bold{*/
/*    height: 50px;*/
/*    border: 2px solid var(--blue1);*/
/*    border-radius: 6px;*/
/*    padding-left: 20px;*/
/*    font-size: var(--font-size18);*/
/*    font-weight: var(--bold);*/

/*}*/
/*input[type="checkbox"] {*/
/*    all:unset;*/
/*    display: block;*/
/*    width: 14px;*/
/*    height: 14px;*/
/*    background-color: transparent;*/
/*    border-radius: 4px;*/
/*    margin-right: 5px;*/
/*    border: 1px solid #aaaaaa;*/
/*    cursor: pointer;*/
/*    transition: box-shdow 0.2s;*/
/*}*/
/*input[type="checkbox"]:checked{*/
/*    border-color: var(--blue1);*/
/*    background-color: var(--blue1);*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-image: 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%3Cpath d='M4 9.14342L6.92531 11.4291L11.4286 5.71484' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
/*}*/
/*input[type="checkbox"].always{*/
/*    pointer-events: none;*/
/*}*/
/*input[disabled='disabled'],*/
/*select[disabled='disabled']{*/
/*    background: #e9ecef;*/
/*    color:#000000;*/
/*}*/
/*div textarea {*/
/*    padding:10px;*/
/*    border:1px solid var(--gray2);*/
/*    overflow-y:auto;*/
/*    outline:none;*/
/*    padding-left:10px;*/
/*    !*background-color: rgba(var(--blue1-rgb),0.02);*!*/
/*    border-radius: 8px;*/
/*    resize: none;*/
/*}*/
/*textarea:read-only:focus{*/
/*    border-color: var(--gray2) !important;*/
/*    box-shadow: none !important;*/
/*    cursor: inherit;*/
/*}*/
em, address {font-style:normal;}
table {border-spacing:0;border-collapse:collapse; width:99.9%;}
a, a:link, a:visited {text-decoration:none; }
p, a, h2, h3 {word-wrap:break-word;}
strong{ font-weight:600; }
th{ font-weight:400;}

/*input[type=text].non_focus:focus{ border:1px solid #cfd1d6 !important;}*/
/*input[type=text].non_br{ border:none !important;}*/
/*input[type=date].non_focus:focus{ border:1px solid #cfd1d6 !important;}*/
/*input[type=date].non_br{ border:none !important;}*/
/*input[type=password].non_focus:focus{ border:1px solid #cfd1d6 !important;}*/
/*input[type=password].non_br{ border:none !important;}*/
/*input[type=text]::-ms-clear {font-size:10px;}*/


/*select:focus{outline: none;}*/
/*!*date:focus{outline: none;border:1px solid #FBA60B;box-shadow: none;}*!*/
/*input[type=button],*/
/*button:focus{outline:none; cursor: pointer}*/
/*div select{*/
/*    -webkit-appearance: none;*/
/*    -moz-appearance: none;*/
/*    appearance: none;*/
/*    vertical-align:middle;*/
/*    height: 32px;*/
/*    width: fit-content;*/
/*    font-size: 14.5px;*/
/*    border: 1px solid var(--gray2);*/
/*    border-radius: 8px;*/
/*    padding-left: 12px;*/
/*    padding-right: 32px;*/
/*    background-color: var(--white);*/
/*    background-position: calc(100% - 10px) center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 10px;*/
/*    background-image: var(--arrow-down);*/
/*    transition: box-shadow 0.2s;*/
/*}*/

select[class*="rounded"]{
    background-position: calc(100% - 16px) center;
}
option{
    zoom: 1.05;
}

.IBPickHeaderFont{
    color:#000 !important;
}


.IBProgressButton, .IBMessageButton{
    border : 1px solid #1a364e;
}

.IBDisabled,.IBDisabledHard{
    background: var(--gray2) !important;
}

.password_view{
    position: absolute;
    z-index: 2;
    right: 0;
    width: 42px;
    height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: 0.7;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.20181 12.1069C3.20243 12.1083 3.20305 12.1098 3.20368 12.1113C3.27291 12.2751 3.38146 12.5146 3.5344 12.8048C3.84098 13.3866 4.32169 14.1642 5.01495 14.9437C6.3932 16.4933 8.6064 18.0497 12.013 18.1054C15.4034 18.1609 17.6059 16.6135 18.9821 15.0384C19.6747 14.2458 20.1556 13.447 20.4628 12.8466C20.616 12.5471 20.7248 12.2992 20.7943 12.1292C20.7968 12.1233 20.7991 12.1175 20.8015 12.1118C20.7988 12.1049 20.7961 12.098 20.7934 12.0909C20.7259 11.9175 20.62 11.6647 20.4701 11.3589C20.1694 10.7457 19.6962 9.92884 19.0085 9.11459C17.6419 7.49666 15.4373 5.89258 12.0007 5.89258C8.56414 5.89258 6.35946 7.49666 4.99289 9.11459C4.30515 9.92884 3.83198 10.7457 3.53132 11.3589C3.38138 11.6647 3.27546 11.9175 3.20801 12.0909C3.2059 12.0963 3.20384 12.1016 3.20181 12.1069ZM21.6007 12.1187C22.3164 11.8946 22.3163 11.8942 22.3162 11.8938L22.3159 11.8929L22.3152 11.8906L22.3131 11.884L22.3064 11.8635C22.3007 11.8465 22.2928 11.823 22.2826 11.7935C22.262 11.7345 22.2318 11.6511 22.1913 11.547C22.1103 11.3389 21.9876 11.0467 21.8169 10.6985C21.4762 10.0037 20.9398 9.07648 20.1544 8.14669C18.5748 6.27656 15.9795 4.39258 12.0007 4.39258C8.02187 4.39258 5.42654 6.27656 3.84696 8.14669C3.06162 9.07648 2.52518 10.0037 2.1845 10.6985C2.01377 11.0467 1.89107 11.3389 1.81009 11.547C1.76957 11.6511 1.73941 11.7345 1.71884 11.7935C1.70854 11.823 1.70064 11.8465 1.69503 11.8635L1.68832 11.884L1.68623 11.8906L1.6855 11.8929L1.68521 11.8938C1.68508 11.8942 1.68497 11.8946 2.4007 12.1187L1.68497 11.8946L1.61133 12.1297L1.69151 12.3627L2.4007 12.1187C1.69151 12.3627 1.69164 12.3631 1.69177 12.3635L1.69209 12.3644L1.69288 12.3667L1.69511 12.3731L1.7022 12.3929C1.70811 12.4092 1.7164 12.4317 1.72715 12.4599C1.74864 12.5164 1.78002 12.5959 1.822 12.6952C1.90589 12.8937 2.03243 13.1721 2.20738 13.5041C2.55657 14.1667 3.10277 15.0508 3.89413 15.9405C5.48511 17.7293 8.07192 19.5412 11.9884 19.6052C15.9211 19.6695 18.5186 17.8486 20.1116 16.0254C20.9036 15.119 21.4496 14.2111 21.7982 13.5297C21.9729 13.1883 22.0991 12.9014 22.1828 12.6969C22.2246 12.5946 22.2558 12.5127 22.2772 12.4546C22.2879 12.4256 22.2961 12.4025 22.302 12.3858L22.309 12.3655L22.3111 12.359L22.3119 12.3567L22.3122 12.3558C22.3124 12.3554 22.3125 12.3551 21.6007 12.1187ZM21.6007 12.1187L22.3125 12.3551L22.3887 12.1255L22.3164 11.8946L21.6007 12.1187ZM12.0007 10.4435C11.07 10.4435 10.3507 11.1725 10.3507 12.0289C10.3507 12.8853 11.07 13.6142 12.0007 13.6142C12.9314 13.6142 13.6507 12.8853 13.6507 12.0289C13.6507 11.1725 12.9314 10.4435 12.0007 10.4435ZM8.8507 12.0289C8.8507 10.3057 10.2804 8.94353 12.0007 8.94353C13.721 8.94353 15.1507 10.3057 15.1507 12.0289C15.1507 13.7521 13.721 15.1142 12.0007 15.1142C10.2804 15.1142 8.8507 13.7521 8.8507 12.0289Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.password_view:hover{
    opacity: 1;
}
.password_view.on{
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4004 19.5L5.40039 4.5M10.2004 10.4416C9.82697 10.8533 9.60039 11.394 9.60039 11.9863C9.60039 13.2761 10.6749 14.3217 12.0004 14.3217C12.6115 14.3217 13.1693 14.0994 13.593 13.7334M20.4392 14.3217C21.2654 13.0848 21.6004 12.0761 21.6004 12.0761C21.6004 12.0761 19.4158 5.1 12.0004 5.1C11.5841 5.1 11.1843 5.12199 10.8004 5.16349M17.4004 17.3494C16.023 18.2281 14.2497 18.8495 12.0004 18.8127C4.67731 18.693 2.40039 12.0761 2.40039 12.0761C2.40039 12.0761 3.45825 8.69808 6.60039 6.64332' stroke='%23666666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.yearpicker-container {
    top: 100%;
    border-radius: 8px !important;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.15) !important;
    border: 0 !important;
}
.yearpicker-header{
    border-bottom: 1px solid #E5E8EB !important;
    justify-content: space-between !important;
}
.yearpicker-year{
    display: grid !important;
    grid-template-columns:  1fr 1fr 1fr;
}
.yearpicker-items{
    letter-spacing: -0.8px;
    color: var(--black2) !important;
    border-radius: 4px;
}
.yearpicker-items:hover{
    background-color: rgba(var(--blue1-rgb),0.1) !important;
}
.yearpicker-items.selected{
    color: var(--blue1) !important;
    font-weight: 600;
}
.yearpicker-items{
    padding: 10px !important;
}
.yearpicker-prev,
.yearpicker-next{
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0 !important;
    margin-top: 0 !important;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.25 15.5L14 11.875L10.25 8' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.yearpicker-prev{
    transform: rotate(-180deg);
}


.pop_alim {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(var(--black-rgb),0.3);
}
.pop_alim.normal,
.pop_alim.error,
.pop_alim.warning,
.pop_alim.confirm,
.pop_alim.confirm3type,
.pop_alim.message,
.pop_alim.success {
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: 0;
    padding-left: 0;
}
.pop_bgLayer {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(var(--black-rgb),0.3);
    top: 0;
    left: 0;
}
.pop_box {
    max-width: 400px;
    width: 90%;
    border-radius: 24px;
    padding:20px ;
    background-color: var(--white);
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
.pop_box.pass {
    opacity: 1;
    position: relative;
    display: inline-block;
    top: 50%;
    margin-top: -95px;
    height: 189px;
}
.pop_alim.message .pop_box {
    background: #ffffff;
    width: 550px;
    height: auto;
    text-align: center;
    border-radius: 6px;
    opacity: 1;
    box-sizing: border-box;
    padding: 20px;
}

.pop_box .pop_t {
    min-height: 80px;
}
.pop_box .pop_t .pop_title {
    font-size: 22px;
    font-weight: 600;
    color: #2f2f2f;
    padding: 10px 0 13px 0;
}

.pop_alim.error .pop_box .pop_t .pop_title {
    color: #d32525;
    padding-top: 10px;
}

.pop_alim.warning .pop_box .pop_t .pop_title {
    color: #cfb124;
    padding-top: 10px;
}

.pop_alim.confirm .pop_box .pop_t .pop_title {
    padding-top: 10px;
}

.pop_alim.success .pop_box .pop_t .pop_title {
    color: #cfb124;
    padding-top: 10px;
}

.pop_alim.confirm3type .pop_box .pop_t .pop_title {
    color: #cfb124;
    padding-top: 10px;
}

.pop_box .pop_t .pop_message {
    font-size: var(--font-size16);
    padding:10px 15px;
    font-weight: var(--semibold);
}

.pop_box .pop_t .pop_message .ui-datepicker-trigger {
    margin-top: 2px;
}

.pop_box .pop_t .pop_message .point {
    color: #4caf4f;
    display: inline-block;
}

.pop_box .pop_b {
    border-top: 1px solid #9f9f9f;
    margin-top: 0;
    line-height: 70px;
    padding-top: 10px;
}

.pop_alim.confirm .pop_box .pop_b .pop_confirm {
    display: inline-block;
    min-width: 83px;
    padding: 0 10px;
    height: 35px;
    background: #4caf4f;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: .25rem;
}

.pop_alim.confirm .pop_box .pop_b .pop_confirm:focus {
    border-color: #000;
}

.pop_alim.confirm .pop_box .pop_b .pop_cancel {
    display: inline-block;
    min-width: 83px;
    padding: 0 10px;
    height: 35px;
    background: #afafaf;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    border-radius: .25rem;
}

.pop_alim.confirm3type .pop_box .pop_b .pop_yes {
    display: inline-block;
    min-width: 83px;
    padding: 0 10px;
    height: 35px;
    background: #4caf4f;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: .25rem;
}
.pop_alim.confirm3type .pop_box .pop_b .pop_yes:focus {
    border-color: #000;
}
.pop_alim.confirm3type .pop_box .pop_b .pop_no {
    display: inline-block;
    min-width: 83px;
    padding: 0 10px;
    height: 35px;
    background: #4caf4f;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: .25rem;
}
.pop_alim.confirm3type .pop_box .pop_b .pop_cancel {
    display: inline-block;
    min-width: 83px;
    padding: 0 10px;
    height: 35px;
    background: #afafaf;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    border-radius: .25rem;
}
.pop_alim.error .pop_box .pop_b .pop_confirm {
    display: inline-block;
    min-width: 83px;
    height: 35px;
    padding: 0 10px;
    background: #4caf4f;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: .25rem;
}
.pop_alim.error .pop_box .pop_b .pop_confirm:focus {
    border-color: #000;
}
.pop_alim.warning .pop_box .pop_b .pop_confirm {
    display: inline-block;
    min-width: 83px;
    height: 35px;
    padding: 0 10px;
    background: #4caf4f;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: .25rem;
}
.pop_alim.warning .pop_box .pop_b .pop_confirm:focus {
    border-color: #000;
}
.pop_alim.success .pop_box .pop_b .pop_confirm {
    display: inline-block;
    min-width: 83px;
    height: 35px;
    padding: 0 10px;
    background: #4caf4f;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    cursor: pointer;
    border-radius: .25rem;
}
.pop_alim.success .pop_box .pop_b .pop_confirm:focus {
    border-color: #000;
}
.pop_alim.normal .pop_box .pop_b .pop_yes,
.pop_alim.confirm .pop_box .pop_b .pop_yes,
.pop_alim.message .pop_box .pop_b .pop_yes,
.pop_alim.success .pop_box .pop_b .pop_yes,
.pop_alim.error .pop_box .pop_b .pop_yes,
.pop_alim.warning .pop_box .pop_b .pop_yes,
.pop_alim.normal .pop_box .pop_b .pop_no,
.pop_alim.confirm .pop_box .pop_b .pop_no,
.pop_alim.message .pop_box .pop_b .pop_no,
.pop_alim.success .pop_box .pop_b .pop_no,
.pop_alim.error .pop_box .pop_b .pop_no,
.pop_alim.warning .pop_box .pop_b .pop_no,
.pop_alim.normal .pop_box .pop_b .pop_cancel,
.pop_alim.message .pop_box .pop_b .pop_cancel,
.pop_alim.success .pop_box .pop_b .pop_cancel,
.pop_alim.error .pop_box .pop_b .pop_cancel,
.pop_alim.warning .pop_box .pop_b .pop_cancel {
    display: none;
}

.pop_alim.message.pop_box {
    background: #ffffff;
    width: 550px;
    height: 210px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    border-radius: 6px;
    opacity: 1;
    margin-left: -252px;
    margin-top: -105px;
    box-sizing: border-box;
    padding: 0 20px;
}

.pop_alim.message .pop_box .pop_t {
    /*height: 237px*/
}

.pop_alim.message .pop_box .pop_t .pop_title {
    padding-top: 10px;
    padding-left: 10px
}

.pop_alim.message .pop_box .pop_t .pop_message {
    font-size: var(--font-size16);
    /*text-align: left;*/
    height: auto;
    display: table-cell;
    max-width: 5400px;
    width: 100%;
    font-weight: 600;
    line-height: 22px;
    padding: 20px 0;
}

.pop_alim.message .pop_box .pop_b {
    border-top: 1px solid #9f9f9f;
    margin-top: 0;
    line-height: 170px;
    padding-top: 10px;
    border-radius: .25rem;
}

.pop_alim.message .pop_box .pop_b .pop_confirm {
    display: inline-block;
    width: 103px;
    height: 35px;
    background: #4caf4f;
    line-height: 34px;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    border-radius: .25rem;
    cursor: pointer;
}

/**
    toast alert Start
 */
.toast-top-center {
    top: 10% !important; /* 원하는 margin-top 높이로 조절 */
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    padding: 10px;
    color: #fff;
    border-radius: 50% !important;
}
.toast.toast-success {
    background-color: rgba(var(--blue1-rgb), 1) !important; /* 성공 메시지 배경색 */
}
.toast.toast-error {
    background-color: rgba(255, 0, 0, 0.95); /* 오류 메시지 배경색 */
}
.toast.toast-warning {
    background-color: rgba(255, 165, 0, 0.95); /* 경고 메시지 배경색 */
}
.toast.toast-info {
    background-color: rgba(0, 123, 255, 0.95); /* 정보 메시지 배경색 */
}
.toast.toast-success:hover {
    background-color: rgba(var(--blue1-rgb), 1); /* hover 시 배경색 */
}

#toast-container.toast-top-center>div{
    display: flex;
    align-items: center;
    top: -50px !important;
    width: fit-content !important;
    padding: 15px 15px 15px 60px !important;
    /*padding-right: 15px !important;*/
    border-radius: 20px !important;
    opacity: 1 !important;
    font-size: 16px !important;
    font-weight: medium;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2) !important;
    animation: toastFadeIn;
    animation-duration: 0.5s;
    transition: translate3d 0.3s ease-out;
}
.toast-top-center .toast{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap:10px;
}
.toast-top-center .toast .toast-close-button{
    width: 32px;
    height: 16px;
    font-size:0;
    margin-left: 10px;
    background-image: url(/image/old/icon_close_white-6692c8e42b6b8893f08604710866fbac.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 12px;
    border-left:1px solid #ffffff33;
}

#toast-container>.toast-success{
    background-position: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='11' stroke='white' stroke-width='2'/%3E%3Cpath d='M7.25 12.5151C8.19144 13.1998 10.0743 15.0827 10.8446 16.3665C11.786 14.3124 14.1824 9.69077 16.75 7.63672' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
#toast-container>.toast-warning{
    background-color: #f59e0b !important;
    background-position: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.4' x='0.21875' y='0.25' width='24' height='24' rx='12' fill='white'/%3E%3Cpath d='M12.2188 12.9964V7.01562M12.2188 17.4294V17.4819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
#toast-container>.toast-error{
    background-position: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.4' x='0.21875' y='0.25' width='24' height='24' rx='12' fill='white'/%3E%3Cpath d='M12.2188 12.9964V7.01562M12.2188 17.4294V17.4819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}
.toast-message{
    width: calc(100% - 5px);
    line-height: normal;
    word-wrap: normal;
}

@keyframes toastFadeIn {
    0%{
        transform: translate3d(0, -120px, 0) ;
        visibility: visible;
    }
    100%{
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/**
    toast alert end
 */


.sort-header .sort-icon,
.sort-header-p .sort-icon{
    opacity:0;
}
@media screen and (max-width: 1023px) {
    .sort-header .sort-icon,
    .sort-header-p .sort-icon{
        display: none;
    }
}
.sort-header:hover .sort-icon,
.sort-header-p:hover .sort-icon,
.sort-header .sort-icon.head-sort-up,
.sort-header .sort-icon.head-sort-down{
    opacity: 1;
}

.sort-header:has(.head-sort-up),
.sort-header:has(.head-sort-down){
    color: var(--blue1);
}
.stuck{
    position: relative;
}

.scroll_container > div.grid:first-child .stuck:first-child:after{
    content: "";
    position: absolute;
    right: -16px;
    top: 0;
    width: 16px;
    height: 100%;
    display: block;
    background: radial-gradient(100% 100% at 0 100%, rgba(0, 0, 0, .06) 0, transparent 100%);
}
.scroll_container .stuck:after{
    content: "";
    position: absolute;
    right: -16px;
    top: 0;
    width: 16px;
    height: 100%;
    display: block;
    background: linear-gradient(90deg, rgba(0, 0, 0, .06), transparent);
}

.list_view_toggle div{
    opacity: 0.3;
    cursor:pointer
}
.list_view_toggle div:hover{
    opacity: 0.8;
}
.list_view_toggle .on{
    opacity: 1;
    background-color: #ffffff;
}
.list_view_toggle .on:first-child{
    border-right: 1px solid #e5e7eb;
}
.list_view_toggle .on:last-child{
    border-left: 1px solid #e5e7eb;
}

.link_hover:hover{
    color:var(--blue1) !important;
    text-decoration: underline;
    cursor: pointer;
}


.popup_side{
    /*margin-top: 60px;*/
    width: 100%;
    max-width: 800px;
    left: auto !important;
    right: 0;
    top: 0;
    background:#fff;
}
.popup_side .popup_view{
    z-index: 10 !important;
    left:auto !important;
    right:-100%;
    top: 0 !important;
    max-width: 800px;
    width: 100% !important;
    /*height: calc(100% - 60px);*/
    height: 100%;
    opacity: 0;
    transition: right 0.3s;
    padding:0;
    border-radius: 0 !important;
    box-shadow: -2px 0 5px rgba(0,0,0,0.1);
}
@media screen and (max-width: 1023px) {
    .popup_side .popup_view{
        width: 100% !important;
    }
}
.popup_side .contract.preview{
    padding:0;
    border-radius: 0;
}
.popup_side .contract.preview{
    border-radius: 0;
    height: 60px;
    background: #fff;
    color: #333;
    /*padding: 0 10px 0 15px;*/
    border-bottom: 1px solid #eaeaea;
    position: sticky;
    max-width: 800px;
    width: 100%;
    /*z-index: 1000;*/
    top: 0;
    left: auto;
    right: 0;
    box-shadow: -2px -2px 5px rgba(0,0,0,0.1);
}

/**
sheet-datepicker
 */

/*.sheet-datepicker {*/
/*    display: inline-block;*/
/*    width: 20px;         !* 원하는 너비 *!*/
/*    height: 20px;        !* 원하는 높이 *!*/
/*    border: none;        !* 기본 테두리 제거 *!*/
/*    background-color: transparent; !* 배경 투명 *!*/
/*    cursor: pointer;     !* 포인터 표시 *!*/
/*    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.95536 4.6875H8.62502M2.95536 1.45312V2.29698M8.6875 1.45312V2.29688M8.6875 2.29688H3.0625C2.13052 2.29688 1.375 3.05239 1.375 3.98438V8.85943C1.375 9.79141 2.13052 10.5469 3.0625 10.5469H8.6875C9.61948 10.5469 10.375 9.79141 10.375 8.85943L10.375 3.98438C10.375 3.05239 9.61948 2.29688 8.6875 2.29688Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: 16px; !* 아이콘 크기 *!*/
/*}*/


/*!***/
/*     custom-select*/
/* *!*/

/*.custom-select {*/
/*    position: relative;*/
/*    width: 100px;*/
/*    font-family: sans-serif;*/
/*    user-select: none;*/
/*    height: var(--input-md-height);*/
/*    padding-block: 0.531rem;*/
/*    padding-left: 0.938rem;*/
/*    max-width: var(--input-normal-width);*/
/*    background-color: var(--neutral-solid-50);*/
/*    outline: 1px solid var(--neutral-solid-300);*/
/*    border-radius: var(--input-md-radius);*/
/*    font-size: var(--text-sm);*/
/*    font-weight: var(--font-medium);*/
/*    transition: all var(--speed-fast) ease, box-shadow var(--speed-basic) ease, outline var(--speed-basic) ease;*/
/*}*/

/*.select-selected {*/
/*    !*border: 1px solid #ccc;*!*/
/*    !*padding: 4px;*!*/
/*    background: #fff;*/
/*    cursor: pointer;*/
/*    border-radius: 4px;*/
/*}*/

/*.select-items {*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    border: 1px solid #ccc;*/
/*    border-top: none;*/
/*    background: #fff;*/
/*    display: none;*/
/*    max-height: 150px;*/
/*    overflow-y: auto;*/
/*    z-index: 10;*/
/*}*/

/*.select-items li {*/
/*    padding: 8px;*/
/*    cursor: pointer;*/
/*}*/

/*.select-items li:hover {*/
/*    background: #f0f0f0;*/
/*}*/

/*.custom-select.open .select-items {*/
/*    display: block;*/
/*}*/