@charset "UTF-8"; /**
* Module.Accordion
* ------------------+
*/
.new_direct .accordion {
    border: 1px solid #ccc;
    border-width: 1px 0;
}

.new_direct .accordion.full {
    margin-left: -20px;
    margin-right: -20px;
}

.modal.bottom .new_direct .accordion.full {
    margin-left: -24px;
    margin-right: -24px;
}

.new_direct .accordion .item {
    border-top: 1px solid #ccc;
}

.new_direct .accordion .item:first-child {
    border-top: none;
}

.new_direct .accordion .item .fold_header {
    position: relative;
}

.new_direct .accordion .item .fold_header a {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 24px 20px;
    color: #fff;
}

.new_direct .accordion .item .fold_header .title {
    width: calc(100% - 30px);
}

.new_direct .accordion .item .fold_header .title::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .accordion .item .fold_header .title strong {
    color: #000;
    font-weight: 500;
    vertical-align: middle;
    word-break: break-word;
}

.new_direct .accordion .item .fold_header .title span {
    float: right;
    color: #000;
    vertical-align: middle;
    word-break: break-word;
    text-align: right;
}

.new_direct .accordion .item .fold_header .icon_angle {
    position: absolute;
    top: 24px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: 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='M6 10L12 16L18 10' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 24px 24px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    vertical-align: top;
}

.new_direct .accordion .item .fold_header .icon_angle span {
    position: absolute;
    display: inline-block;
    font-size: 1px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    visibility: hidden;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

.new_direct .accordion .item .fold_body {
    display: none;
    padding: 2px 20px 27px;
}

.new_direct .accordion .item.on .fold_header a {
    border-bottom: none;
}

.new_direct .accordion .item.on .fold_header a .icon_angle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* 아코디언 + 준법감시인 확인필 */
.new_direct .accordion + div.law {
    margin-top: 24px;
}

.new_direct .accordion.notice {
    border: none;
    border-top: 12px solid #F9F9FB;
}

.new_direct .accordion.notice .item {
    border-top-color: #EFEFF1;
}

.new_direct .accordion.notice .fold_header {
    background: #fff;
}

.new_direct .accordion.notice .fold_header a {
    padding: 24px 20px;
}

.new_direct .accordion.notice .fold_header .title {
    position: relative;
    font-size: 15px;
    line-height: 20px;
}

.new_direct .accordion.notice .fold_body {
    padding: 20px 20px;
    border-top: 1px solid #DFDFE1;
    background: #fff;
}

.new_direct .accordion.notice .fold_body.uol_list, .new_direct .accordion.notice .fold_body .uol_list {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    color: #555557;
}

.new_direct .accordion.notice .fold_body.uol_list ul li, .new_direct .accordion.notice .fold_body.uol_list ol li, .new_direct .accordion.notice .fold_body .uol_list ul li, .new_direct .accordion.notice .fold_body .uol_list ol li {
    margin-top: 6px;
}

.new_direct .accordion.notice .fold_body.uol_list ul li:first-child, .new_direct .accordion.notice .fold_body.uol_list ol li:first-child, .new_direct .accordion.notice .fold_body .uol_list ul li:first-child, .new_direct .accordion.notice .fold_body .uol_list ol li:first-child {
    margin-top: 0;
}

.new_direct .accordion.notice .fold_body.uol_list ul li ul li, .new_direct .accordion.notice .fold_body.uol_list ol li ul li, .new_direct .accordion.notice .fold_body .uol_list ul li ul li, .new_direct .accordion.notice .fold_body .uol_list ol li ul li {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    color: #767678;
}

.new_direct .accordion.notice .fold_body.uol_list .nobul > li, .new_direct .accordion.notice .fold_body .uol_list .nobul > li {
    padding-left: 0;
}

.new_direct .accordion.notice .fold_body.uol_list .nobul > li:before, .new_direct .accordion.notice .fold_body .uol_list .nobul > li:before {
    display: none;
}

.new_direct .accordion.notice .fold_body.uol_list ul + p.h5, .new_direct .accordion.notice .fold_body.uol_list ol + p.h5, .new_direct .accordion.notice .fold_body .uol_list ul + p.h5, .new_direct .accordion.notice .fold_body .uol_list ol + p.h5 {
    margin-top: 20px;
}

.new_direct .accordion.notice .fold_body.uol_list p.h5 + ul, .new_direct .accordion.notice .fold_body.uol_list p.h5 + ol, .new_direct .accordion.notice .fold_body .uol_list p.h5 + ul, .new_direct .accordion.notice .fold_body .uol_list p.h5 + ol {
    margin-top: 10px;
}

.new_direct .accordion.notice .fold_body .line04.xs {
    min-width: initial;
    padding: 6px 14px;
}

.new_direct .accordion.notice + .accordion.notice {
    border-top: none;
}

.new_direct .accordion.select {
    border-radius: 8px;
    border: 1px solid #EFEFF1;
}

.new_direct .accordion.select .item {
    border: none;
}

.new_direct .accordion.select .fold_header {
    background: none;
}

.new_direct .accordion.select .fold_header a {
    padding: 16px;
}

.new_direct .accordion.select .fold_header .icon_angle {
    top: 16px;
    right: 16px;
}

.new_direct .accordion.select .fold_body {
    padding: 0 0 16px 16px;
}

.new_direct .accordion.select .fold_body .scroll_wrap {
    overflow: hidden;
    overflow-y: auto;
    padding-right: 16px;
}

.new_direct .filter .item {
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .filter .item .fold_header::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .filter .item .fold_header a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 56px;
    padding: 15px 20px;
}

.new_direct .filter .item .fold_header .title span {
    position: relative;
    display: inline-block;
    padding: 0 12px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    color: #767678;
}

.new_direct .filter .item .fold_header .title span:first-child {
    padding-left: 0;
}

.new_direct .filter .item .fold_header .title span:first-child:after {
    display: none;
}

.new_direct .filter .item .fold_header .title span:last-child:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 1px;
    height: 12px;
    background: #DFDFE1;
}

.new_direct .filter .item .fold_body {
    padding: 24px 20px 32px;
}

.new_direct .filter .item .fold_body .form_area > .form_item + .form_item {
    margin-top: 24px;
}

.new_direct .filter .item.on {
    border-bottom: 12px solid #F9F9FB;
}

.new_direct .filter .item.on .fold_header a {
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .filter .item.on .fold_header .btn.toggle:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -7px;
    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%3Cpath d='M12 7L8 11L4 7' stroke='%23028CED' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.new_direct .filter .item.disabled .fold_header a {
    border-bottom: none;
    background-color: #F9F9FB;
}

.new_direct .filter .item.disabled .fold_header .btn.toggle {
    color: #B7B7B9;
    background-color: #EFEFF1;
}

.new_direct .filter .item.disabled .fold_header .btn.toggle:after {
    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='M12 7L8 11L4 7' stroke='%23B7B7B9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .tab_content[data-tab=tabRound] > .filter {
    margin-top: 20px;
}

.new_direct .amount_title .title {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    color: #3F3F41;
}

.new_direct .amount_title .title span {
    display: inline-block;
    margin-left: 2px;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .amount_title .amount {
    font-weight: 700;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    display: inline-block;
}

.new_direct .amount_title .amount em {
    font-weight: 500;
}

.new_direct .amount_title .amount.icon01 {
    position: relative;
}

.new_direct .amount_title .amount.icon01:after {
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    width: 32px;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7696 25.267H4.03319C3.49979 25.267 3.06641 24.8336 3.06641 24.3002V9.30717C3.06641 8.77155 3.49979 8.33594 4.03764 8.33594H28.7674C29.303 8.33594 29.7386 8.76933 29.7386 9.30717V24.3002C29.7364 24.8336 29.303 25.267 28.7696 25.267Z' fill='%232E7D32'/%3E%3Cpath d='M28.7985 22.5599H4.0043C3.48646 22.5599 3.06641 22.1399 3.06641 21.6221V9.30717C3.06641 8.77155 3.49979 8.33594 4.03764 8.33594H28.7674C29.303 8.33594 29.7386 8.76933 29.7386 9.30717V21.6221C29.7364 22.1399 29.3164 22.5599 28.7985 22.5599Z' fill='%2366BB6A'/%3E%3Cpath d='M10.9982 17.1057C10.9982 16.8324 10.9026 16.6013 10.7115 16.4146C10.5204 16.228 10.196 16.0569 9.74048 15.9058C9.10718 15.7125 8.64498 15.4614 8.35611 15.1503C8.06501 14.8392 7.92057 14.4436 7.92057 13.9659C7.92057 13.477 8.06279 13.077 8.34722 12.7659C8.63165 12.4526 9.02274 12.2682 9.51827 12.2082V11.4371C9.51827 11.3238 9.6116 11.2305 9.72492 11.2305H9.97602C10.0893 11.2305 10.1827 11.3238 10.1827 11.4371V12.2126C10.6826 12.2815 11.0715 12.4904 11.3493 12.8415C11.5982 13.157 11.7359 13.5748 11.7626 14.097C11.767 14.1992 11.6826 14.2836 11.5804 14.2836H11.1204C11.0226 14.2836 10.9471 14.2059 10.9382 14.1081C10.9137 13.7681 10.816 13.4926 10.6449 13.2815C10.4449 13.0348 10.176 12.9104 9.83825 12.9104C9.48494 12.9104 9.21384 13.0015 9.02718 13.1859C8.84053 13.3681 8.74497 13.6259 8.74497 13.9525C8.74497 14.257 8.84497 14.4992 9.04274 14.6792C9.2405 14.8592 9.56715 15.0236 10.0205 15.1703C10.4738 15.3169 10.8271 15.4791 11.0826 15.6569C11.3359 15.8347 11.5248 16.0391 11.6448 16.2747C11.7648 16.5102 11.8248 16.7857 11.8248 17.1013C11.8248 17.6035 11.6737 18.0079 11.3715 18.3145C11.0693 18.6212 10.6471 18.8034 10.1027 18.859V19.5034C10.1027 19.6167 10.0094 19.71 9.89603 19.71H9.64715C9.53382 19.71 9.44049 19.6167 9.44049 19.5034V18.859C8.88719 18.8079 8.45388 18.6123 8.14056 18.2679C7.86058 17.9612 7.70503 17.5568 7.67614 17.0568C7.66948 16.9546 7.75614 16.8702 7.85835 16.8702H8.32277C8.4161 16.8702 8.4961 16.9391 8.50277 17.0324C8.52721 17.3679 8.63387 17.6324 8.82275 17.8257C9.04051 18.0479 9.34716 18.1612 9.74714 18.1612C10.136 18.1612 10.4427 18.0679 10.6671 17.879C10.8871 17.6857 10.9982 17.4301 10.9982 17.1057Z' fill='white'/%3E%3Cpath d='M10.1014 19.0435L9.44141 18.8547L9.51696 12.2283V12.0039L10.1814 12.2106L10.1014 18.8502V19.0435Z' fill='white'/%3E%3Cpath opacity='0.5' d='M21.0211 19.5577C23.2914 19.5577 25.1319 17.7172 25.1319 15.4468C25.1319 13.1764 23.2914 11.3359 21.0211 11.3359C18.7507 11.3359 16.9102 13.1764 16.9102 15.4468C16.9102 17.7172 18.7507 19.5577 21.0211 19.5577Z' fill='%232E7D32'/%3E%3Cpath d='M25.8357 9.93278C26.0269 11.1329 26.9781 12.0842 28.1782 12.2753V18.6183C26.9781 18.8095 26.0269 19.7607 25.8357 20.9608H6.93781C6.69334 19.8251 5.76877 18.9495 4.62196 18.7672V12.4242C5.87323 12.2264 6.85113 11.2041 6.98448 9.93278H25.8357ZM26.2447 9.48828H6.55332C6.55554 9.53718 6.55776 9.58607 6.55776 9.63719C6.55776 10.9507 5.49319 12.0153 4.17969 12.0153V19.1784C5.44207 19.1784 6.47553 20.163 6.55332 21.4076H26.2469C26.2469 20.0941 27.3115 19.0295 28.625 19.0295V11.8664C27.3092 11.8664 26.2447 10.8018 26.2447 9.48828Z' fill='%232E7D32'/%3E%3Cpath d='M18.8479 8.33594H13.957V25.267H18.8479V8.33594Z' fill='%23FFECB3'/%3E%3Cpath d='M18.8479 22.5605H13.957V25.2671H18.8479V22.5605Z' fill='%23FFC06C'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.new_direct .amount_title .amount.icon02 {
    position: relative;
}

.new_direct .amount_title .amount.icon02:after {
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    width: 32px;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6666 10.878C24.1579 10.5469 26.1003 9.06695 26.3959 8.33809C26.5693 7.91145 25.7047 7.24482 25.4736 6.97594C24.9446 6.36264 25.158 6.06044 25.3624 5.32936C25.5958 4.49829 25.0424 3.58056 24.2579 3.22058C23.4733 2.8606 22.5354 2.97393 21.7464 3.32502C20.9575 3.67612 20.284 4.24053 19.624 4.79606C19.1417 4.49163 18.3727 3.14725 17.1281 4.02054C16.268 4.62273 16.1902 5.93378 16.3013 6.98039C16.5613 9.39582 17.157 10.6491 18.2793 10.9868C19.6973 11.4135 21.2664 11.1891 22.6666 10.878Z' fill='%23FFCA28'/%3E%3Cpath d='M25.0896 3.92969C24.9007 7.18507 21.7253 9.34496 20.2188 10.296L21.1965 11.136C21.1965 11.136 21.8164 11.1493 22.6653 10.8782C24.1208 10.416 26.2473 9.10942 26.394 8.33835C26.6095 7.21618 25.4585 7.46061 25.1985 6.57399C25.0629 6.10513 25.8585 5.21851 25.0896 3.92969Z' fill='%23E2A610'/%3E%3Cpath d='M19.6245 4.79753C19.6245 4.79753 19.0579 4.21756 18.6379 3.95312C18.429 4.34644 18.2801 4.77308 18.2068 5.21306C18.0757 5.98635 18.2068 7.08407 18.5157 7.90181C18.5646 8.02847 18.7468 8.00847 18.7668 7.87514C19.0334 6.11746 19.6245 4.79753 19.6245 4.79753Z' fill='%23E2A610'/%3E%3Cpath d='M15.6675 10.5923C15.6675 10.5923 8.73552 11.3413 5.60846 17.3599C2.4814 23.3784 5.13951 27.0277 7.9532 28.3568C10.7669 29.6859 17.8567 30.1548 22.4683 29.0613C27.08 27.9679 28.2335 25.7009 28.0179 23.5118C27.7046 20.3158 24.7353 18.3511 24.7353 18.3511C24.7353 18.3511 24.8531 14.4039 21.7905 11.8414C19.0724 9.56555 15.6675 10.5923 15.6675 10.5923Z' fill='%23FFCA28'/%3E%3Cpath d='M18.5119 20.7216C17.0251 18.8458 15.2693 18.5947 14.707 17.9213C14.4003 17.5546 14.2203 17.1834 14.2892 16.7233C14.3625 16.2344 14.9292 15.8966 15.3693 15.8143C15.8827 15.7166 17.1073 15.7677 18.1363 16.7478C18.3808 16.9789 18.2919 17.339 18.2852 17.6612C18.2674 18.3524 19.2565 19.0236 20.0566 18.4458C20.8589 17.8657 20.2432 16.5744 19.7254 15.9477C19.3342 15.4743 17.9163 14.4319 16.1538 14.2675C15.6582 14.2208 13.6646 13.9252 12.5134 16.1144C12.1822 16.7433 12.06 18.2635 13.7935 19.5481C14.1558 19.8171 16.0361 20.7727 16.5583 21.3928C17.4629 22.4663 16.8428 23.4108 16.1361 23.5353C14.2092 23.8731 13.1179 22.8308 12.9157 22.2596C12.7712 21.8529 12.9223 21.4128 12.7356 21.0306C12.5445 20.6372 12.1533 20.4816 11.74 20.6127C10.3842 21.0439 10.8154 22.5263 11.4155 23.342C12.0578 24.2154 12.8468 24.7421 13.7335 25.0311C17.0428 26.109 18.6342 24.4065 18.912 23.1597C19.1164 22.2463 19.0942 21.455 18.5119 20.7216Z' fill='%236B4B46'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4571 21.9611C14.9341 19.2887 15.7696 15.8332 17.2066 12.7637L18.2128 13.2349C16.8343 16.1795 16.02 19.5281 15.5509 22.1564C15.3169 23.4674 15.17 24.5922 15.0817 25.3884C15.0375 25.7863 15.0081 26.1018 14.9897 26.3169C14.9805 26.4245 14.9741 26.5069 14.97 26.562C14.9679 26.5896 14.9665 26.6103 14.9655 26.6239L14.9645 26.6389L14.9643 26.643C14.9643 26.643 14.9643 26.643 14.4099 26.6077C13.8555 26.5723 13.8555 26.5722 13.8555 26.572L13.8559 26.5654L13.8571 26.5475C13.8582 26.532 13.8598 26.5093 13.862 26.4798C13.8664 26.4207 13.8731 26.3341 13.8827 26.2223C13.9018 25.9986 13.9321 25.6738 13.9774 25.2658C14.0679 24.4501 14.2181 23.3005 14.4571 21.9611Z' fill='%236B4B46'/%3E%3Cpath d='M20.0475 9.21431C21.923 9.82538 22.3385 11.5209 22.203 11.983C22.0408 12.5252 19.9631 10.4142 16.8744 10.5409C15.7944 10.5853 16.1077 9.92316 16.6077 9.54095C17.2677 9.03654 18.3765 8.67211 20.0475 9.21431Z' fill='%236D4C41'/%3E%3Cpath d='M20.0475 9.21431C21.923 9.82538 22.3385 11.5209 22.203 11.983C22.0408 12.5252 19.9631 10.4142 16.8744 10.5409C15.7944 10.5853 16.1077 9.92316 16.6077 9.54095C17.2677 9.03654 18.3765 8.67211 20.0475 9.21431Z' fill='%236B4B46'/%3E%3Cpath d='M23.3419 15.1929C23.5774 15.0306 24.3685 15.3106 24.5907 16.8594C24.6996 17.6172 24.7329 18.3505 24.7329 18.3505C24.7329 18.3505 23.7996 17.5127 23.4908 16.9239C23.1019 16.1795 22.9508 15.4595 23.3419 15.1929Z' fill='%23E2A610'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.new_direct .amount_title + .card_list {
    margin-top: 24px;
}

.new_direct .amount_title + .list {
    margin-top: 24px;
}

.new_direct .amount_accordion .item {
    position: relative;
    padding-bottom: 44px;
}

.new_direct .amount_accordion .item:after {
    content: "";
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: 0;
    height: 12px;
    background: #F9F9FB;
}

.new_direct .amount_accordion .fold_header::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .amount_accordion .fold_header a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 63px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.new_direct .amount_accordion .fold_header .btn.toggle {
    height: 26px;
    margin-bottom: 4px;
}

.new_direct .amount_accordion .fold_body {
    display: none;
    padding: 24px 0 0;
}

.new_direct .amount_accordion .item.on .fold_header .btn.toggle:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -7px;
    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%3Cpath d='M12 7L8 11L4 7' stroke='%23028CED' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.new_direct .toggle_accordion .item {
    position: relative;
    padding-top: 44px;
}

.new_direct .toggle_accordion .item:after {
    content: "";
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
    height: 12px;
    background: #F9F9FB;
}

.new_direct .toggle_accordion .fold_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.new_direct .toggle_accordion .fold_header .title {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
}

.new_direct .toggle_accordion .fold_header .switch_toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.new_direct .toggle_accordion .fold_body {
    display: none;
    padding-top: 24px;
}

.new_direct .card_accordion + .card_accordion {
    margin-top: 10px;
}

.new_direct .card_accordion .card_wrap {
    padding: 0;
}

.new_direct .card_accordion .fold_header::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .card_accordion .fold_header a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
}

.new_direct .card_accordion .fold_header .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
}

.new_direct .card_accordion .fold_header .title strong {
    display: block;
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
}

.new_direct .card_accordion .fold_header .title p {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 400;
    color: #555557;
    color: #555557;
    margin-top: 6px;
}

.new_direct .card_accordion .fold_header .title p span:not(:first-child) {
    position: relative;
    padding-left: 24px;
}

.new_direct .card_accordion .fold_header .title p span:not(:first-child):after {
    content: "";
    position: absolute;
    left: 12px;
    top: 4px;
    width: 1px;
    height: 12px;
    background: #DFDFE1;
}

.new_direct .card_accordion .fold_header .title.year {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
}

.new_direct .card_accordion .fold_header .title.year span {
    color: #767678;
}

.new_direct .card_accordion .fold_header .title.year strong {
    font-size: 16px;
    letter-spacing: -0.02em;
}

.new_direct .card_accordion .fold_header .btn.toggle {
    height: 26px;
}

.new_direct .card_accordion .fold_body {
    display: none;
    padding: 16px 24px 32px;
}

.new_direct .card_accordion .item.on .fold_header .btn.toggle:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -7px;
    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%3Cpath d='M12 7L8 11L4 7' stroke='%23028CED' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.new_direct .accordion.qna {
    border-color: #EFEFF1;
    border-top: 0;
}

.new_direct .accordion.qna .item {
    border-color: #EFEFF1;
}

.new_direct .accordion.qna .item .fold_header a {
    padding: 20px 20px 20px 30px;
}

.new_direct .accordion.qna .item .fold_header a .title {
    position: relative;
}

.new_direct .accordion.qna .item .fold_header a .title:before {
    content: "Q";
    position: absolute;
    top: 2px;
    left: -26px;
    display: inline-block;
    width: 10px;
    height: 21px;
    color: #1F1F21;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.new_direct .accordion.qna .item .fold_header a .title strong {
    color: #1F1F21;
}

.new_direct .accordion.qna .item .fold_header a .icon_angle {
    top: 20px;
    right: 20px;
}

/**
* Module.Box
* ------------------
*/
.new_direct .box {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #EAEBED;
    background-color: #fff;
}

.new_direct .box.gray {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 16px;
    border-color: #F9F9FB;
    background-color: #F9F9FB;
}

.new_direct .box.gray .box_head strong {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
}

.new_direct .box.gray .box_head + .box_body {
    margin-top: 16px;
}

.new_direct .box.gray .box_body {
    line-height: 1.5em;
}

.new_direct .box.gray .box_body strong {
    font-weight: 500;
}

.new_direct .box.gray .box_body + .box_footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #EFEFF1;
}

.new_direct .box.gray .box_body + .box_footer .btn_area {
    margin-top: 0;
}

.new_direct .box.gray .box_footer input[type=checkbox] + label {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
}

.new_direct .box.gray.chkbox {
    margin-bottom: 10px;
}

.new_direct .box.gray.chkbox:last-child {
    margin-bottom: 0;
}

.new_direct .box.gray.chkbox input[type=checkbox] + label {
    color: #1F1F21;
    font-size: 15px;
}

.new_direct .box.gray.chkbox .bul_dot {
    margin: 8px 0 0 32px;
    font-size: 13px;
}

.new_direct .box.gray.chkbox .btn_area {
    margin: 16px 0 0 32px;
}

.new_direct .box.gray.chkbox .btn_area .btn {
    background: transparent;
}

.new_direct .box.gray.chkbox .item {
    position: relative;
    padding-right: 34px;
}

.new_direct .box.gray.chkbox .item .chk_anchor {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: 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 8L14.5 12.5L10 17' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
}

.new_direct .box.gray.chkbox .item .chk_anchor:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
}

.new_direct .box.gray_line {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 16px;
    border-color: #EFEFF1;
    background-color: #F9F9FB;
}

.new_direct .box.blue {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 16px;
    border-color: #F3F9FF;
    background-color: #F3F9FF;
}

.new_direct .box .num_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
}

.new_direct .box .num_box input {
    width: 51px;
    height: 34px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
    letter-spacing: -0.04em;
    color: #1F1F21;
}

.new_direct .box .num_box span:after {
    content: "-";
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
    letter-spacing: -0.04em;
    color: #1F1F21;
}

.new_direct .box.notice {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 16px;
    border-color: #F9F9FB;
    background-color: #F9F9FB;
    margin-top: 32px;
}

.new_direct .box.notice .box_head {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #3F3F41;
}

.new_direct .box.notice .box_head:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_712_5181)'%3E%3Crect x='0.5' y='1' width='15' height='15' rx='7.5' stroke='%23FF2D55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.31445 4.2168H8.68555L8.58008 9.85156H8H7.41992L7.31445 4.2168ZM8.00007 12.7832C7.54304 12.7773 7.16218 12.4082 7.16804 11.9512C7.16218 11.4941 7.54304 11.1191 8.00007 11.1191C8.45124 11.1191 8.82624 11.4941 8.8321 11.9512C8.82624 12.4082 8.45124 12.7773 8.00007 12.7832Z' fill='%23FF2D55'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_712_5181'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new_direct .box.notice .box_body {
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
}

.new_direct .box.notice .box_body table {
    margin-top: 24px;
}

.new_direct .box.notice .box_body table + table, .new_direct .box.notice .box_body table + p {
    margin-top: 16px;
}

.new_direct .box.notice .box_body table + .bul_imp, .new_direct .box.notice .box_body table + .bottom_text {
    margin-top: 12px;
}

.new_direct .box.notice .box_body p {
    margin-bottom: 4px;
}

.new_direct .box.notice .box_body p + p {
    margin-top: 12px;
}

.new_direct .box.notice .box_body .bul_imp {
    margin-top: 16px;
    color: #767678;
}

.new_direct .box.notice .box_body p, .new_direct .box.notice .box_body div {
    text-indent: 0;
}

.new_direct .box.notice .box_body ul + p, .new_direct .box.notice .box_body ol + p, .new_direct .box.notice .box_body p + ul, .new_direct .box.notice .box_body p + ol {
    margin-top: 12px;
}

.new_direct .box.notice .box_body ul + ul, .new_direct .box.notice .box_body ol + ol, .new_direct .box.notice .box_body ul + ol, .new_direct .box.notice .box_body ol + ul {
    margin-top: 12px;
}

.new_direct .box.notice .box_body strong {
    color: #1F1F21;
    font-weight: 500;
}

.new_direct .box.notice .box_body ul li, .new_direct .box.notice .box_body ol li, .new_direct .box.notice .box_body.fz_sm ul li, .new_direct .box.notice .box_body.fz_sm ol li {
    position: relative;
    margin-top: 8px;
    color: #3F3F41;
    word-break: break-all;
}

.new_direct .box.notice .box_body ul li p, .new_direct .box.notice .box_body ol li p, .new_direct .box.notice .box_body.fz_sm ul li p, .new_direct .box.notice .box_body.fz_sm ol li p {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    margin-top: 6px;
}

.new_direct .box.notice .box_body ul li ul, .new_direct .box.notice .box_body ul li ol, .new_direct .box.notice .box_body ol li ul, .new_direct .box.notice .box_body ol li ol, .new_direct .box.notice .box_body.fz_sm ul li ul, .new_direct .box.notice .box_body.fz_sm ul li ol, .new_direct .box.notice .box_body.fz_sm ol li ul, .new_direct .box.notice .box_body.fz_sm ol li ol {
    margin-top: 6px;
}

.new_direct .box.notice .box_body ul li ul li, .new_direct .box.notice .box_body ul li ol li, .new_direct .box.notice .box_body ol li ul li, .new_direct .box.notice .box_body ol li ol li, .new_direct .box.notice .box_body.fz_sm ul li ul li, .new_direct .box.notice .box_body.fz_sm ul li ol li, .new_direct .box.notice .box_body.fz_sm ol li ul li, .new_direct .box.notice .box_body.fz_sm ol li ol li {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    color: #767678;
    margin-top: 6px;
}

.new_direct .box.notice .box_body ul li ul li p, .new_direct .box.notice .box_body ul li ol li p, .new_direct .box.notice .box_body ol li ul li p, .new_direct .box.notice .box_body ol li ol li p, .new_direct .box.notice .box_body.fz_sm ul li ul li p, .new_direct .box.notice .box_body.fz_sm ul li ol li p, .new_direct .box.notice .box_body.fz_sm ol li ul li p, .new_direct .box.notice .box_body.fz_sm ol li ol li p {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
    margin-top: 6px;
}

.new_direct .box.notice .box_body ul li:first-child, .new_direct .box.notice .box_body ol li:first-child, .new_direct .box.notice .box_body.fz_sm ul li:first-child, .new_direct .box.notice .box_body.fz_sm ol li:first-child {
    margin-top: 0;
}

.new_direct .box.notice .box_body ol li {
    margin-top: 8px;
    padding-left: 19px;
    text-indent: -19px;
}

.new_direct .box.notice .box_body ol li:first-letter {
    letter-spacing: 3px;
}

.new_direct .box.notice .box_body ol li li {
    padding-left: 15px;
    text-indent: -15px;
}

.new_direct .box.notice .box_body ol li ul li {
    position: relative;
    padding-left: 10px;
    padding-left: 16px;
    text-indent: 0px;
}

.new_direct .box.notice .box_body ol li ul li:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #767678;
}

.new_direct .box.notice .box_body ol li ol li {
    padding-left: 12px;
    text-indent: -12px;
}

.new_direct .box.notice .box_body ol li ol li:first-letter {
    letter-spacing: 0px;
}

.new_direct .box.notice .box_body ol li ol li ul li {
    text-indent: 0;
}

.new_direct .box.notice .box_body ul > li {
    position: relative;
    padding-left: 10px;
}

.new_direct .box.notice .box_body ul > li:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 10px;
    width: 2px;
    height: 2px;
    background-color: #909090;
    border-radius: 50%;
}

.new_direct .box.notice .box_body ul > li > ul > li {
    position: relative;
    padding-left: 10px;
}

.new_direct .box.notice .box_body ul > li > ul > li:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #767678;
}

.new_direct .box.notice .box_body ul.bul_bar > li {
    position: relative;
    padding-left: 10px;
}

.new_direct .box.notice .box_body ul.bul_bar > li:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #767678;
}

.new_direct .box.notice .box_body .bul_bar {
    padding-left: 0;
}

.new_direct .box.notice .box_body .bul_bar:before {
    content: "";
    width: 0;
    height: 0;
}

.new_direct .box.notice .box_body .bul_dot {
    padding-left: 0;
}

.new_direct .box.notice .box_body .bul_dot:before {
    content: "";
    width: 0;
    height: 0;
}

.new_direct .box.notice .box_body ul .bul_imp, .new_direct .box.notice .box_body ol > li .bul_imp {
    font-size: 13px;
    margin-left: -10px;
    margin-top: 4px;
}

.new_direct .box.notice .box_body ul > ul .bul_imp, .new_direct .box.notice .box_body ul ol > li .bul_imp, .new_direct .box.notice .box_body ol > li > ul .bul_imp, .new_direct .box.notice .box_body ol > li ol > li .bul_imp {
    font-size: 12px;
}

.new_direct .box.notice .box_body ol > li .bul_imp {
    margin-left: -19px;
}

.new_direct .box.notice .box_body ul li .btn_area, .new_direct .box.notice .box_body ol li .btn_area {
    margin-top: 6px;
    text-align: left;
}

.new_direct .box.notice .box_body ul li [class*=btn_], .new_direct .box.notice .box_body ol li [class*=btn_] {
    text-indent: 0;
}

.new_direct .box.notice .box_body p + [class*=btn_] {
    margin-top: 8px;
}

.new_direct .box.notice .box_body ul + [class*=btn_], .new_direct .box.notice .box_body ol + [class*=btn_] {
    margin-top: 8px;
}

.new_direct .box.notice .box_body li br + [class*=btn_] {
    margin-top: 8px;
}

.new_direct .box.notice .box_body ul li {
    margin-top: 6px;
    color: #555557;
}

.new_direct .box.notice .box_body ul li:first-child {
    margin-top: 0;
}

.new_direct .box.notice .box_body ul li:first-child em {
    font-weight: 500;
}

.new_direct .box_manager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 6px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.new_direct .box_manager > * {
    width: calc( 50% - 6px );
}

.new_direct .box_manager.no_pad {
    gap: 0;
}

.new_direct .box_manager.no_pad > * {
    width: 50%;
}

.new_direct .box_manager li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_direct .box_manager .box_wrap {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 16px;
    border-color: #F9F9FB;
    background-color: #F9F9FB;
    display: block;
    width: 100%;
}

.new_direct .box_manager .box_wrap .name {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    word-break: break-all;
    color: #555557;
    position: relative;
    display: block;
    padding-top: 32px;
}

.new_direct .box_manager .box_wrap .name:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-size: 100%;
}

.new_direct .box_manager .box_wrap .name.icon_manager:after {
    background: 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='M12.0006 4.5105C7.64838 4.5105 4.62301 5.53396 3.15449 6.17571C2.53608 6.44574 2.1377 7.05582 2.1377 7.7309V20.6059C2.1377 21.2676 2.67443 21.806 3.33785 21.806H12.0006H20.6633C21.3251 21.806 21.8635 21.2693 21.8635 20.6059V7.7309C21.8635 7.05582 21.4651 6.44574 20.8467 6.17571C19.3782 5.53396 16.3528 4.5105 12.0006 4.5105Z' fill='%23BAE2FD'/%3E%3Cpath d='M7.79904 11.9841C7.79904 11.9841 7.63568 12.3741 8.5708 12.2191C9.26755 12.1041 11.9112 10.4759 12.2846 10.4759C12.6563 10.4759 15.5533 13.2091 16.4201 12.0858C16.8318 11.5525 12.4546 8.21267 12.4546 8.21267L11.7195 8.19434L7.79904 11.9841Z' fill='%2377ABC0'/%3E%3Cpath d='M10.7389 13.4516C10.7389 13.4516 9.49067 15.0685 9.30234 17.0688C9.19901 18.1606 9.05402 21.6077 9.05402 21.6077C9.05402 21.6077 8.96903 22.0027 9.84065 21.9994C10.5456 21.996 13.4205 22.0027 14.2038 22.0027C15.0654 22.0027 15.0037 21.606 15.0037 21.606C15.0037 21.606 14.912 18.5956 14.7871 17.2788C14.6187 15.4936 13.2471 13.79 13.2471 13.5166C13.2471 13.3249 14.4054 11.9164 14.8937 11.1197L12.0272 8.29932L9.73232 10.5913C9.89731 11.3497 10.7389 13.4516 10.7389 13.4516Z' fill='%23DE7340'/%3E%3Cpath d='M14.6998 16.7433C13.4532 15.82 11.0333 14.5017 10.31 14.1134C10.2033 14.2967 10.0883 14.5117 9.97168 14.755C11.6766 15.5983 13.4532 16.5966 14.8231 17.7149C14.8114 17.5566 14.7998 17.4099 14.7881 17.2816C14.7698 17.0999 14.7381 16.9199 14.6998 16.7433Z' fill='%23F3AB47'/%3E%3Cpath d='M14.9455 20.0269C13.164 18.6603 10.6491 17.1604 9.37917 16.5321C9.37917 16.5321 9.34251 16.7504 9.32751 16.8588C9.30251 17.0337 9.28418 17.2971 9.28418 17.2971C10.5708 17.9687 13.2173 19.5219 14.9822 20.9702C14.9739 20.7319 14.9589 20.4002 14.9455 20.0269Z' fill='%23F3AB47'/%3E%3Cpath d='M9.11523 20.2606C10.0519 20.8356 11.0885 21.5056 11.8351 21.9989C12.2767 21.9989 12.7284 22.0005 13.1284 22.0005C12.1151 21.3072 10.5768 20.3106 9.15523 19.4457C9.1419 19.7273 9.1269 20.004 9.11523 20.2606Z' fill='%23F3AB47'/%3E%3Cpath d='M13.2352 10.4128C13.2352 10.4128 13.0669 10.2295 12.9036 10.1362C12.7402 10.0429 12.5603 9.97119 12.5603 9.97119C11.792 10.4662 10.8303 11.2295 10.1787 11.9811C10.2787 12.2561 10.3804 12.5277 10.4704 12.761C11.1537 11.8311 12.3703 10.9461 13.2352 10.4128Z' fill='%23F3AB47'/%3E%3Cpath d='M13.2583 13.4382L13.2483 13.5782C12.7867 13.8482 12.3933 13.9165 11.9367 13.9299C11.4801 13.9432 11.0418 13.8049 10.6484 13.5715L10.7251 13.4116C11.0184 13.1616 11.4667 13.1082 11.8467 13.1066C12.8717 13.1049 13.2583 13.4382 13.2583 13.4382Z' fill='%23874D36'/%3E%3Cpath d='M10.0005 11.4775C10.0005 11.4775 11.0371 9.83256 12.1521 9.90089C13.572 9.98588 14.227 12.0874 14.227 12.0874L14.8253 11.2442L12.1871 8.44097C12.1187 8.43763 11.9637 8.44596 11.8921 8.44763L9.74219 10.6808C9.78385 10.8658 10.0005 11.4775 10.0005 11.4775Z' fill='%23874D36'/%3E%3Cpath d='M18.4566 4.77557C18.4566 4.77557 17.5864 3.66043 16.7763 3.41707C16.1246 3.22038 16.2913 3.79545 15.4845 5.10395C14.8128 6.19409 12.6592 7.80429 12.0274 8.29935C11.3973 7.80429 9.24373 6.19409 8.57031 5.10395C7.76521 3.79712 7.9319 3.22038 7.27849 3.41707C6.46838 3.6621 5.59828 4.77557 5.59828 4.77557C5.11488 5.40232 4.98987 6.22576 5.2399 6.96085L7.40684 11.7681C7.55019 12.2515 8.21194 12.3765 8.57031 12.0015L12.0274 8.45437L15.4845 11.9998C15.8429 12.3765 16.5046 12.2498 16.648 11.7665L18.8149 6.95918C19.065 6.22576 18.9399 5.40232 18.4566 4.77557Z' fill='%23E8F6FF'/%3E%3Cpath d='M15.3362 5.06381C15.0995 5.46212 13.3426 7.23203 12.0491 8.08532C12.0325 8.09699 11.9708 8.09699 11.9541 8.08532C10.6606 7.23203 8.90374 5.46212 8.66705 5.06381C8.43035 4.6655 8.85874 4.5205 9.06209 4.49551C9.06209 4.49551 10.2272 4.29885 12.0025 4.28052C13.7777 4.30052 14.9428 4.49551 14.9428 4.49551C15.1445 4.51884 15.5729 4.66383 15.3362 5.06381Z' fill='%2377ABC0'/%3E%3Cpath d='M17.4876 3.45814C16.9576 2.95649 16.4792 2.51318 15.7757 2.33153C15.1273 2.1632 14.4506 2.09821 13.7855 2.05321C13.1904 2.01488 12.5953 1.99988 12.0003 1.99988C11.4052 1.99988 10.8101 2.01488 10.215 2.05488C9.5483 2.09987 8.87321 2.16487 8.2248 2.33319C7.51971 2.51485 7.04299 2.95816 6.51292 3.4598C5.78283 4.14977 5.45112 4.87473 5.24609 5.4247C5.67448 4.80473 6.21955 4.13643 6.85463 3.75312C6.98798 3.67312 7.51804 3.22815 7.79808 3.82312C8.02144 4.29809 8.13312 4.62641 8.46316 5.09805C9.50496 6.57964 11.4669 8.05456 11.9186 8.37288C11.9669 8.40788 12.0319 8.40788 12.0819 8.37288C12.5337 8.05456 14.5739 6.51964 15.5374 5.09805C15.8391 4.65474 15.9808 4.29809 16.2025 3.82312C16.4808 3.22815 17.0126 3.67312 17.1459 3.75312C17.781 4.13643 18.3261 4.80473 18.7544 5.4247C18.5511 4.87473 18.2177 4.14977 17.4876 3.45814ZM15.1123 5.13805C14.8906 5.50969 13.2521 7.16127 12.0453 7.9579C12.0286 7.9679 11.9719 7.9679 11.9569 7.9579C10.7501 7.16127 9.10991 5.50969 8.88988 5.13805C8.66819 4.7664 9.06824 4.62974 9.25826 4.60808C9.25826 4.60808 10.3451 4.42475 12.0019 4.40642C13.6588 4.42475 14.7456 4.60808 14.7456 4.60808C14.934 4.62974 15.3324 4.76473 15.1123 5.13805Z' fill='%23BAE2FD'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.new_direct .box_manager .box_wrap .name.icon_office:after {
    background: 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.7217 13.6172H3.32422V21.2428H20.7217V13.6172Z' fill='%23E1E1E1'/%3E%3Cpath d='M2.66059 21.8061C2.66059 21.9565 2.74398 22 3.01707 22C3.29016 22 20.8986 21.9783 21.0457 21.9783C21.1929 21.9783 21.3401 21.8496 21.3401 21.6557C21.3401 21.4618 21.3891 21.0405 21.3205 20.8667C21.2518 20.6928 20.6892 20.4739 20.6892 20.4739H3.27053C3.27053 20.4739 2.79468 20.7179 2.7031 20.9035C2.61153 21.089 2.66059 21.6339 2.66059 21.8061Z' fill='%239A9A9A'/%3E%3Cpath d='M9.13147 13.8061C9.13147 13.8061 8.83221 13.9047 8.81586 14.102C8.79951 14.2992 8.81586 20.2232 8.81586 20.3218C8.81586 20.4204 8.86492 20.5525 9.06442 20.5525C9.26392 20.5525 14.9072 20.5525 15.0069 20.5525C15.1067 20.5525 15.2228 20.4539 15.2228 20.3385C15.2228 20.2232 15.2228 14.2173 15.2228 14.0853C15.2228 13.9532 15.0233 13.8212 14.9072 13.8061C14.7927 13.7911 9.13147 13.8061 9.13147 13.8061Z' fill='%2300C1EC'/%3E%3Cpath d='M15.2401 17.2178H8.79883V17.8463H15.2401V17.2178Z' fill='%23178BFD'/%3E%3Cpath d='M7.9866 14.5865H4.24023V17.5669H7.9866V14.5865Z' fill='%23A7D0D6'/%3E%3Cpath d='M19.8636 14.5464H16.0977V17.5067H19.8636V14.5464Z' fill='%23A7D0D6'/%3E%3Cpath d='M12.3508 13.7893H11.7539V20.5541H12.3508V13.7893Z' fill='%23B0E4FF'/%3E%3Cpath d='M12.1071 11.2753L2.50488 13.343C2.50488 13.343 2.53759 13.7425 2.79269 13.8795C2.93495 13.9564 3.32251 13.933 3.32251 13.933C3.32251 13.933 21.0585 13.933 21.1778 13.933C21.2972 13.933 21.4542 13.796 21.4689 13.6205C21.4836 13.4449 21.4689 13.2694 21.4689 13.2694L12.1071 11.2753Z' fill='%23016DA7'/%3E%3Cpath d='M2.50491 13.3447L2.5 12.5707L2.91045 11.9573L21.4804 12.6526L21.4771 13.3363C21.4771 13.3363 2.53925 13.3079 2.50491 13.3447Z' fill='%23178BFD'/%3E%3Cpath d='M2.5 12.5707V11.4475L11.5479 10.8457L21.4886 11.4475L21.4804 12.651C21.4804 12.6526 2.51308 12.5841 2.5 12.5707Z' fill='%23E1E1E1'/%3E%3Cpath d='M11.9701 9.1322H10.8418V10.6633H11.9701V9.1322Z' fill='%235C6567'/%3E%3Cpath d='M5.25998 8.94348H4.1709V10.6H5.25998V8.94348Z' fill='%235C6567'/%3E%3Cpath d='M2.5 11.4474C2.5 11.4474 2.5 11.0178 2.5 10.7921C2.5 10.5665 2.60302 10.3408 2.94152 10.3408C3.28002 10.3408 20.8001 10.3408 21.034 10.3408C21.2678 10.3408 21.5 10.4612 21.5 10.6735C21.5 10.8857 21.4886 11.4474 21.4886 11.4474H2.5Z' fill='%23048901'/%3E%3Cpath d='M3.84222 2.50773L12.1404 2.5C12.3384 2.5 12.5 2.66998 12.5 2.88168V9.03179C12.5 9.29139 12.302 9.5 12.0588 9.5H3.89609C3.69079 9.5 3.52479 9.32539 3.52188 9.10905L3.50004 2.8755C3.49713 2.67307 3.65147 2.50773 3.84222 2.50773Z' fill='%23F8670D'/%3E%3Cpath d='M10 5.5H6V6.5H10V5.5Z' fill='white'/%3E%3Cpath d='M7 8L7 4L6 4L6 8L7 8Z' fill='white'/%3E%3Cpath d='M10.25 8L10.25 4L9.25 4L9.25 8L10.25 8Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.new_direct .box_manager .box_wrap .num {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    word-break: break-all;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    color: #555557;
}

.new_direct .box_manager .box_wrap .num:after {
    content: "";
    position: absolute;
    right: -26px;
    top: 0;
    width: 18px;
    height: 18px;
    background-size: 100%;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23878787'/%3E%3Cpath d='M7.89021 5.55876C7.75522 5.22129 7.42836 5 7.06489 5H5.84211C5.37702 5 5 5.37704 5 5.84212C5 9.79533 8.2048 13 12.158 13C12.6231 13 13 12.623 13 12.1579L13 10.9351C13 10.5717 12.7786 10.2448 12.4412 10.1098L11.2699 9.64129C10.9667 9.52003 10.6216 9.57468 10.3708 9.7837L10.068 10.0359C9.71487 10.3302 9.19556 10.3067 8.87047 9.98159L8.01839 9.12957C7.69331 8.80448 7.66988 8.28513 7.9642 7.93195L8.21637 7.62933C8.42539 7.37851 8.48002 7.03331 8.35876 6.73017L7.89021 5.55876Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

/* 2024웹접근성_65 */
.new_direct .box_manager.full .box_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
}

.new_direct .box_manager.full .box_wrap span {
    padding: 0;
    margin: 0;
}

.new_direct .box_manager.full .box_wrap .name {
    padding-left: 32px;
}

.new_direct .box_manager.full .box_wrap .name:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new_direct .box_manager.full .box_wrap .num {
    min-width: 120px;
    padding-right: 26px;
    margin-left: 10px;
}

.new_direct .box_manager.full .box_wrap .num:after {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new_direct .box_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_direct .box_link .box_wrap {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 68px;
    border-radius: 16px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
    width: 100%;
    margin-top: 10px;
}

.new_direct .box_link .box_wrap strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #3F3F41;
}

.new_direct .box_link .box_wrap span {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .box_link .box_wrap .icon {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_01] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11C1.5 10.1716 2.17157 9.5 3 9.5H29C29.8284 9.5 30.5 10.1716 30.5 11V22C30.5 22.8284 29.8284 23.5 29 23.5H3C2.17157 23.5 1.5 22.8284 1.5 22V11Z' fill='%23EDEDED' stroke='%233B3F43'/%3E%3Cpath d='M11.9212 13.4545V20H10.5373V14.7681H10.4989L9 15.7077V14.4805L10.6204 13.4545H11.9212Z' fill='%233B3F43'/%3E%3Cpath d='M13.1168 20V19.0028L15.4467 16.8455C15.6449 16.6538 15.8111 16.4812 15.9453 16.3278C16.0817 16.1744 16.185 16.0241 16.2553 15.8771C16.3256 15.728 16.3608 15.5671 16.3608 15.3945C16.3608 15.2028 16.3171 15.0376 16.2298 14.8991C16.1424 14.7585 16.0231 14.6509 15.8718 14.5763C15.7205 14.4996 15.549 14.4613 15.3572 14.4613C15.157 14.4613 14.9822 14.5018 14.8331 14.5827C14.6839 14.6637 14.5689 14.7798 14.4879 14.9311C14.407 15.0824 14.3665 15.2624 14.3665 15.4712H13.0529C13.0529 15.043 13.1499 14.6712 13.3437 14.3558C13.5376 14.0405 13.8093 13.7965 14.1587 13.6239C14.5082 13.4513 14.9109 13.3651 15.3668 13.3651C15.8356 13.3651 16.2436 13.4481 16.5909 13.6143C16.9403 13.7784 17.212 14.0064 17.4059 14.2983C17.5998 14.5902 17.6967 14.9247 17.6967 15.3018C17.6967 15.549 17.6477 15.793 17.5497 16.0337C17.4538 16.2745 17.2823 16.5419 17.0352 16.8359C16.788 17.1278 16.4396 17.4783 15.9901 17.8874L15.0344 18.8239V18.8686H17.783V20H13.1168Z' fill='%233B3F43'/%3E%3Cpath d='M20.8452 20.0895C20.3679 20.0895 19.9428 20.0075 19.57 19.8434C19.1992 19.6772 18.9062 19.4492 18.691 19.1594C18.478 18.8675 18.3682 18.5309 18.3619 18.1495H19.7553C19.7638 18.3093 19.816 18.4499 19.9119 18.5714C20.0099 18.6907 20.1399 18.7834 20.3018 18.8494C20.4638 18.9155 20.6459 18.9485 20.8484 18.9485C21.0593 18.9485 21.2457 18.9112 21.4077 18.8366C21.5696 18.7621 21.6964 18.6587 21.788 18.5266C21.8796 18.3945 21.9254 18.2422 21.9254 18.0696C21.9254 17.8949 21.8764 17.7404 21.7784 17.6062C21.6825 17.4698 21.544 17.3633 21.3629 17.2866C21.1839 17.2099 20.9709 17.1715 20.7237 17.1715H20.1133V16.1552H20.7237C20.9325 16.1552 21.1168 16.119 21.2766 16.0465C21.4386 15.9741 21.5643 15.8739 21.6538 15.7461C21.7432 15.6161 21.788 15.4648 21.788 15.2923C21.788 15.1282 21.7486 14.9844 21.6697 14.8608C21.593 14.7351 21.4844 14.6371 21.3437 14.5668C21.2052 14.4964 21.0433 14.4613 20.8579 14.4613C20.6704 14.4613 20.4989 14.4954 20.3434 14.5636C20.1878 14.6296 20.0632 14.7244 19.9695 14.848C19.8757 14.9716 19.8256 15.1165 19.8192 15.2827H18.4929C18.4993 14.9055 18.6069 14.5731 18.8157 14.2855C19.0245 13.9979 19.3057 13.7731 19.6594 13.6111C20.0153 13.4471 20.4169 13.3651 20.8643 13.3651C21.316 13.3651 21.7113 13.4471 22.0501 13.6111C22.3888 13.7752 22.652 13.9968 22.8395 14.2759C23.0291 14.5529 23.1229 14.864 23.1207 15.2092C23.1229 15.5756 23.0089 15.8814 22.7788 16.1264C22.5508 16.3714 22.2535 16.527 21.8871 16.593V16.6442C22.3686 16.706 22.7351 16.8732 22.9865 17.1459C23.24 17.4165 23.3658 17.7553 23.3636 18.1623C23.3658 18.5352 23.2582 18.8665 23.0408 19.1562C22.8256 19.446 22.5284 19.674 22.1491 19.8402C21.7699 20.0064 21.3352 20.0895 20.8452 20.0895Z' fill='%233B3F43'/%3E%3Ccircle cx='5' cy='17' r='1' fill='%233B3F43'/%3E%3Ccircle cx='27' cy='17' r='1' fill='%233B3F43'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_02] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 24.2333H9.93333V26.5667C9.93333 27.6712 9.0379 28.5667 7.93333 28.5667H5C3.89543 28.5667 3 27.6712 3 26.5667V24.2333Z' fill='%233B3F43'/%3E%3Cpath d='M22.0667 24.2333H29V26.5667C29 27.6712 28.1046 28.5667 27 28.5667H24.0667C22.9621 28.5667 22.0667 27.6712 22.0667 26.5667V24.2333Z' fill='%233B3F43'/%3E%3Cpath d='M7.49311 5.79352C7.7676 4.98061 8.53 4.43335 9.388 4.43335H22.612C23.47 4.43335 24.2324 4.98061 24.5069 5.79352L27.2667 13.9667H4.73334L7.49311 5.79352Z' fill='%23028CED'/%3E%3Cpath d='M3 14.5C3 13.3954 3.89543 12.5 5 12.5H27C28.1046 12.5 29 13.3954 29 14.5V25.5H3V14.5Z' fill='%23028CED'/%3E%3Cpath d='M13.524 11L12.9154 13.4394L15.3548 14.0479' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.7756 16.134C13.6655 15.7061 13.2294 15.4485 12.8015 15.5586C12.3736 15.6687 12.116 16.1049 12.2261 16.5328L13.7756 16.134ZM19.2 15.4445C19.2 16.9663 17.9663 18.2 16.4444 18.2V19.8C18.8499 19.8 20.8 17.85 20.8 15.4445H19.2ZM16.4444 12.6889C17.9663 12.6889 19.2 13.9226 19.2 15.4445H20.8C20.8 13.039 18.8499 11.0889 16.4444 11.0889V12.6889ZM14.3776 13.622C14.8837 13.0486 15.6215 12.6889 16.4444 12.6889V11.0889C15.1434 11.0889 13.9749 11.6603 13.178 12.5632L14.3776 13.622ZM16.4444 18.2C15.1616 18.2 14.0816 17.3226 13.7756 16.134L12.2261 16.5328C12.7096 18.4112 14.4138 19.8 16.4444 19.8V18.2Z' fill='white'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_03] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='8.5' r='5' fill='%23BBBBC3'/%3E%3Cpath d='M16 15.5C9.59505 15.5 4.27196 21.011 3.19772 26.5134C2.98607 27.5975 3.89543 28.5 5 28.5H27C28.1046 28.5 29.0139 27.5975 28.8023 26.5134C27.728 21.011 22.4049 15.5 16 15.5Z' fill='%23BBBBC3'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23F8670D'/%3E%3Cpath d='M26.8571 20.7857L23.4286 24.7857L21.1429 22.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_04] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='8.5' r='5' fill='%23BBBBC3'/%3E%3Cpath d='M16 15.5C9.59505 15.5 4.27196 21.011 3.19772 26.5134C2.98607 27.5975 3.89543 28.5 5 28.5H27C28.1046 28.5 29.0139 27.5975 28.8023 26.5134C27.728 21.011 22.4049 15.5 16 15.5Z' fill='%23BBBBC3'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23028CED'/%3E%3Cpath d='M21.524 18.5L20.9154 20.9394L23.3548 21.5479' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7756 23.634C21.6655 23.2061 21.2294 22.9485 20.8015 23.0586C20.3736 23.1687 20.116 23.6049 20.2261 24.0328L21.7756 23.634ZM27.2 22.9445C27.2 24.4663 25.9663 25.7 24.4444 25.7V27.3C26.8499 27.3 28.8 25.35 28.8 22.9445H27.2ZM24.4444 20.1889C25.9663 20.1889 27.2 21.4226 27.2 22.9445H28.8C28.8 20.539 26.8499 18.5889 24.4444 18.5889V20.1889ZM22.3776 21.122C22.8837 20.5486 23.6215 20.1889 24.4444 20.1889V18.5889C23.1434 18.5889 21.9749 19.1603 21.178 20.0632L22.3776 21.122ZM24.4444 25.7C23.1616 25.7 22.0816 24.8226 21.7756 23.634L20.2261 24.0328C20.7096 25.9112 22.4138 27.3 24.4444 27.3V25.7Z' fill='white'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_05] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.44' cy='9.9' r='4.4' fill='%23BBBBC3'/%3E%3Cpath d='M11.44 16.06C5.89501 16.06 1.27143 20.7537 0.222896 25.5163C-0.0145987 26.5951 0.895431 27.5 2 27.5H20.88C21.9846 27.5 22.8946 26.5951 22.6571 25.5163C21.6086 20.7537 16.985 16.06 11.44 16.06Z' fill='%23BBBBC3'/%3E%3Ccircle cx='20.44' cy='9.9' r='4.4' fill='%236D6E70'/%3E%3Cpath d='M20.44 16.06C14.895 16.06 10.2714 20.7537 9.2229 25.5163C8.9854 26.5951 9.89543 27.5 11 27.5H29.88C30.9846 27.5 31.8946 26.5951 31.6571 25.5163C30.6086 20.7537 25.985 16.06 20.44 16.06Z' fill='%236D6E70'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_06] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='8.5' r='5' fill='%23BBBBC3'/%3E%3Cpath d='M16 15.5C9.59505 15.5 4.27196 21.011 3.19772 26.5134C2.98607 27.5975 3.89543 28.5 5 28.5H27C28.1046 28.5 29.0139 27.5975 28.8023 26.5134C27.728 21.011 22.4049 15.5 16 15.5Z' fill='%23BBBBC3'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23F8670D'/%3E%3Cpath d='M26.8571 20.7857L23.4286 24.7857L21.1429 22.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_07] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2.5' width='20' height='28' rx='2' fill='%23EDEDED'/%3E%3Cpath d='M8 8.5H19' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.5H17' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23028CED'/%3E%3Cpath d='M21.524 18.5L20.9154 20.9394L23.3548 21.5479' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7756 23.634C21.6655 23.2061 21.2294 22.9485 20.8015 23.0586C20.3736 23.1687 20.116 23.6049 20.2261 24.0328L21.7756 23.634ZM27.2 22.9445C27.2 24.4663 25.9663 25.7 24.4444 25.7V27.3C26.8499 27.3 28.8 25.35 28.8 22.9445H27.2ZM24.4444 20.1889C25.9663 20.1889 27.2 21.4226 27.2 22.9445H28.8C28.8 20.539 26.8499 18.5889 24.4444 18.5889V20.1889ZM22.3776 21.122C22.8837 20.5486 23.6215 20.1889 24.4444 20.1889V18.5889C23.1434 18.5889 21.9749 19.1603 21.178 20.0632L22.3776 21.122ZM24.4444 25.7C23.1616 25.7 22.0816 24.8226 21.7756 23.634L20.2261 24.0328C20.7096 25.9112 22.4138 27.3 24.4444 27.3V25.7Z' fill='white'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_08] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.3' cx='18.5' cy='19' r='13.5' fill='%23F8670D'/%3E%3Ccircle cx='15.5' cy='16' r='13' fill='%23F8670D'/%3E%3Cpath d='M10.5 13L13 20L15.5 13L18 20L20.5 13' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 16H8.5' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M22 16H19.5' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_09] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12.5C3 11.3954 3.89543 10.5 5 10.5H27C28.1046 10.5 29 11.3954 29 12.5V25.5C29 26.6046 28.1046 27.5 27 27.5H5C3.89543 27.5 3 26.6046 3 25.5V12.5Z' fill='%236D6E70'/%3E%3Cpath d='M8.67845 7.10777C8.86542 6.17292 9.68625 5.5 10.6396 5.5H21.3604C22.3138 5.5 23.1346 6.17292 23.3216 7.10777L25.5216 18.1078C25.7691 19.3454 24.8225 20.5 23.5604 20.5H8.43961C7.17751 20.5 6.23093 19.3454 6.47845 18.1078L8.67845 7.10777Z' fill='%236D6E70'/%3E%3Ccircle cx='16' cy='18.5' r='4' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_10] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='19' r='11' fill='%23949FB6'/%3E%3Cpath d='M16 19V12.5' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M16 18.9999L21 20.9999' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3Crect x='11' y='3.5' width='10' height='2.4' rx='1.2' fill='%23949FB6'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon01_11] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2.5' width='20' height='28' rx='2' fill='%23EDEDED'/%3E%3Cpath d='M8 8.5H19' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.5H17' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23EB5050'/%3E%3Cpath d='M21.5 20L26.5 25' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M26.5 20L21.5 25' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon02_01] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.5C2 7.39543 2.89543 6.5 4 6.5H28C29.1046 6.5 30 7.39543 30 8.5V22.5C30 23.6046 29.1046 24.5 28 24.5H4C2.89543 24.5 2 23.6046 2 22.5V8.5Z' fill='%23EDEDED'/%3E%3Cpath d='M6 10.5C6 9.94772 6.44772 9.5 7 9.5H25C25.5523 9.5 26 9.94772 26 10.5C26 11.0523 25.5523 11.5 25 11.5H7C6.44772 11.5 6 11.0523 6 10.5Z' fill='%23949FB6'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23F8670D'/%3E%3Cpath d='M26.8571 20.7857L23.4286 24.7857L21.1429 22.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon02_02] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3258 3.5H10.6742C9.91754 3.5 9.43501 4.30787 9.79375 4.9741L15.1195 14.8648C15.4971 15.566 16.5029 15.566 16.8805 14.8648L22.2063 4.9741C22.565 4.30787 22.0825 3.5 21.3258 3.5Z' fill='%2331AE65'/%3E%3Cpath d='M29 21.5C29 28.6797 26.1797 30 16 30C4.8203 30 3 28.6797 3 21.5C3 14.3203 8.8203 8.5 16 8.5C23.1797 8.5 29 14.3203 29 21.5Z' fill='%2354B97E'/%3E%3Cpath d='M11 16.5L13.5 23.5L16 16.5L18.5 23.5L21 16.5' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 19.5H9' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M22.5 19.5H20' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon02_03] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9C2 7.89543 2.89543 7 4 7H28C29.1046 7 30 7.89543 30 9V23C30 24.1046 29.1046 25 28 25H4C2.89543 25 2 24.1046 2 23V9Z' fill='%23EDEDED'/%3E%3Cpath d='M6 11C6 10.4477 6.44772 10 7 10H25C25.5523 10 26 10.4477 26 11V11C26 11.5523 25.5523 12 25 12H7C6.44772 12 6 11.5523 6 11V11Z' fill='%23949FB6'/%3E%3Cpath d='M28.0721 16.5H21.9279C21.5144 16.5 21.2552 16.9466 21.4604 17.3056L24.5325 22.6818C24.7392 23.0436 25.2608 23.0436 25.4675 22.6818L28.5396 17.3056C28.7448 16.9466 28.4856 16.5 28.0721 16.5Z' fill='%23FFA928'/%3E%3Cpath d='M32 26.7558C32 30.7631 30.4814 31.5 25 31.5C18.9802 31.5 18 30.7631 18 26.7558C18 22.7485 21.134 19.5 25 19.5C28.866 19.5 32 22.7485 32 26.7558Z' fill='%23FFCA28'/%3E%3Cpath d='M22.001 23.8L23.501 28.3L25.001 23.8L26.501 28.3L28.001 23.8' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 25.8H21' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M29 25.8H27.5' stroke='white' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon02_04] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2.5' width='20' height='28' rx='2' fill='%23EDEDED'/%3E%3Cpath d='M8 8.5H19' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.5H17' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23EB5050'/%3E%3Cpath d='M21.5 20L26.5 25' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M26.5 20L21.5 25' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon02_05] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2.5' width='20' height='28' rx='2' fill='%23EDEDED'/%3E%3Cpath d='M8 8.5H19' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.5H17' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23028CED'/%3E%3Cpath d='M21.524 18.5L20.9154 20.9394L23.3548 21.5479' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7756 23.634C21.6655 23.2061 21.2294 22.9485 20.8015 23.0586C20.3736 23.1687 20.116 23.6049 20.2261 24.0328L21.7756 23.634ZM27.2 22.9445C27.2 24.4663 25.9663 25.7 24.4444 25.7V27.3C26.8499 27.3 28.8 25.35 28.8 22.9445H27.2ZM24.4444 20.1889C25.9663 20.1889 27.2 21.4226 27.2 22.9445H28.8C28.8 20.539 26.8499 18.5889 24.4444 18.5889V20.1889ZM22.3776 21.122C22.8836 20.5486 23.6215 20.1889 24.4444 20.1889V18.5889C23.1434 18.5889 21.9749 19.1603 21.178 20.0632L22.3776 21.122ZM24.4444 25.7C23.1615 25.7 22.0816 24.8226 21.7756 23.634L20.2261 24.0328C20.7096 25.9112 22.4138 27.3 24.4444 27.3V25.7Z' fill='white'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon03_01] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.5C3 5.39543 3.89543 4.5 5 4.5H27C28.1046 4.5 29 5.39543 29 6.5V26.5C29 27.6046 28.1046 28.5 27 28.5H5C3.89543 28.5 3 27.6046 3 26.5V6.5Z' fill='%23EDEDED'/%3E%3Cpath d='M11 19.5H21M21 19.5L18.5 16.5M21 19.5L18.5 22.5' stroke='%23BBBBC3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 6.5C3 5.39543 3.89543 4.5 5 4.5H27C28.1046 4.5 29 5.39543 29 6.5V11.5H3V6.5Z' fill='%23EB5050'/%3E%3Ccircle cx='9.60002' cy='7.59999' r='1.7' fill='white'/%3E%3Cpath d='M9.60004 7.5V3.5' stroke='%233B3F43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='22.4001' cy='7.59999' r='1.7' fill='white'/%3E%3Cpath d='M22.4001 7.5V3.5' stroke='%233B3F43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='7.59999' r='1.7' fill='white'/%3E%3Cpath d='M16.0001 7.5V3.5' stroke='%233B3F43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap .icon[data-icon=icon03_02] {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2.5' width='20' height='28' rx='2' fill='%23EDEDED'/%3E%3Cpath d='M8 8.5H19' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.5H17' stroke='%23BBBBC4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='24' cy='22.5' r='8' fill='%23EB5050'/%3E%3Cpath d='M21.5 20L26.5 25' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M26.5 20L21.5 25' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_link .box_wrap:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.5L14.5 13L10 17.5' stroke='%23C8C8CA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 100% 100%;
}

/**
* Module.Button
* ------------------
*/
/* as-is 초기화 */
.new_direct .btn span {
    float: none;
    display: inline-block;
    width: initial;
}

.new_direct .btn {
    overflow: initial;
    float: initial;
    display: inline-block;
    width: initial;
    height: auto;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    background: none 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    padding: 12px 12px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
}

.new_direct .btn:hover, .new_direct .btn:focus, .new_direct .btn.focus {
    text-decoration: none;
    outline: 0;
}

.new_direct .btn:disabled, .new_direct .btn.disabled {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.new_direct .btn.disabled, .new_direct .btn:disabled {
    color: #B7B7B9;
}

.new_direct .btn.lg {
    padding: 17px 24px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 16px;
}

.new_direct .btn.lg.disabled, .new_direct .btn.lg:disabled {
    color: #B7B7B9;
}

.new_direct .btn.md, .new_direct .btn.line02.md {
    padding: 12px 12px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
}

.new_direct .btn.md.disabled, .new_direct .btn.md:disabled {
    color: #B7B7B9;
}

.new_direct .btn.sm, .new_direct .btn.line02.sm {
    font-weight: 500;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
}

.new_direct .btn.xs, .new_direct .btn.line02.xs {
    font-weight: 500;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
}

.new_direct .btn.line01.md {
    font-weight: 400;
    padding: 13px 12px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
}

.new_direct .btn.line01.sm {
    font-weight: 500;
    padding: 12px 19px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
}

.new_direct .btn.line01.h40 {
    font-weight: 500;
    padding: 10px 19px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
}

.new_direct .btn.line01.xs {
    font-weight: 400;
    padding: 6px 6px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
}

.new_direct .btn.line03.sm {
    font-weight: 500;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
}

.new_direct .btn.line03.xs {
    font-weight: 500;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
}

.new_direct .btn.line04.xs {
    font-weight: 400;
    padding: 6px 6px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
}

.new_direct .btn.line03_gray.xs {
    font-weight: 500;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
}

.new_direct .btn.fill01 {
    color: #fff;
    background-color: #F8670D;
}

.new_direct .btn.fill01.hover, .new_direct .btn.fill01:hover {
    background-color: #F95F00;
}

.new_direct .btn.fill01:focus, .new_direct .btn.fill01.focus {
    background: #E25A05;
}

.new_direct .btn.fill01.disabled, .new_direct .btn.fill01:disabled {
    background: #EFEFF1 !important;
    color: #767678;
}

.new_direct .btn.fill01:not(:disabled):not(.disabled):active, .new_direct .btn.fill01:not(:disabled):not(.disabled).active {
    color: #fff;
    border: 1px solid transparent;
    background-color: #E25A05;
}

.new_direct .btn.fill02 {
    color: #fff;
    background-color: #909090;
}

.new_direct .btn.fill02.hover, .new_direct .btn.fill02:hover {
    background-color: #767678;
}

.new_direct .btn.fill02:focus, .new_direct .btn.fill02.focus {
    background: #3F3F41;
}

.new_direct .btn.fill02.disabled, .new_direct .btn.fill02:disabled {
    background: #EFEFF1 !important;
    color: #767678;
}

.new_direct .btn.fill02:not(:disabled):not(.disabled):active, .new_direct .btn.fill02:not(:disabled):not(.disabled).active {
    background-color: #3F3F41;
}

.new_direct .btn.fill03 {
    color: /*#028CED*/ #007cd3;
    background-color: #F5F5F7;
}

/* 2024웹접근성_69 */
.new_direct .btn.fill03.hover, .new_direct .btn.fill03:hover {
    background-color: #F1F1F3;
}

.new_direct .btn.fill03:focus, .new_direct .btn.fill03.focus {
    background: #E8E8EA;
    border: 1px solid #F18D00;
}

.new_direct .btn.fill03.disabled, .new_direct .btn.fill03:disabled {
    background: #EFEFF1 !important;
    color: #B7B7B9;
}

.new_direct .btn.fill03:not(:disabled):not(.disabled):active, .new_direct .btn.fill03:not(:disabled):not(.disabled).active {
    background-color: #E8E8EA;
    color: #028CED;
}

.new_direct .btn.fill03.arrow {
    position: relative;
    padding-right: 32px;
}

.new_direct .btn.fill03.arrow:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 14px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    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%3Cpath d='M6 4L10 8L6 12' stroke='%23767678' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .btn.fill03.arrow:after {
    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='M6 4L10 8L6 12' stroke='%23028ced' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.fill03.arrow.hover:after, .new_direct .btn.fill03.arrow:hover:after {
    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='M6 4L10 8L6 12' stroke='%23008cd3' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.fill03.arrow:focus:after, .new_direct .btn.fill03.arrow.focus:after {
    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='M6 4L10 8L6 12' stroke='%23003070' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.fill03.arrow.disabled:after, .new_direct .btn.fill03.arrow:disabled:after {
    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='M6 4L10 8L6 12' stroke='%23B7B7B9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.fill03.arrow:not(:disabled):not(.disabled):active:after, .new_direct .btn.fill03.arrow:not(:disabled):not(.disabled).active:after {
    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='M6 4L10 8L6 12' stroke='%23003070' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.line01 {
    font-weight: 400;
    color: #1F1F21;
    border: 1px solid #DFDFE1;
    background-color: #fff;
    -width: 200px;
    font-weight: 400;
    padding: 13px 12px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
}

.new_direct .btn.line01.hover, .new_direct .btn.line01:hover {
    background-color: #F1F1F3;
}

.new_direct .btn.line01:focus, .new_direct .btn.line01.focus {
    border: 1px solid #F18D00;
    background: #F1F1F3;
}

.new_direct .btn.line01.disabled, .new_direct .btn.line01:disabled {
    background: #EFEFF1 !important;
    color: #B7B7B9;
}

.new_direct .btn.line01:not(:disabled):not(.disabled):active, .new_direct .btn.line01:not(:disabled):not(.disabled).active {
    color: #1F1F21;
    border: 1px solid #B7B7B9;
    background-color: #F1F1F3;
}

.new_direct .btn.line02 {
    font-weight: 700;
    color: #F8670D;
    border: 1px solid #F8670D;
    background-color: #fff;
    min-width: 200px;
    padding: 12px 12px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
}

.new_direct .btn.line02.hover, .new_direct .btn.line02:hover {
    background-color: #F9F9FB;
}

.new_direct .btn.line02:focus, .new_direct .btn.line02.focus {
    border: 1px solid #F8670D;
    background: #F1F1F3;
}

.new_direct .btn.line02.disabled, .new_direct .btn.line02:disabled {
    background: #EFEFF1 !important;
    color: #B7B7B9;
}

.new_direct .btn.line02:not(:disabled):not(.disabled):active, .new_direct .btn.line02:not(:disabled):not(.disabled).active {
    color: #F8670D;
    border: 1px solid #F8670D;
    background-color: #F5F5F7;
}

.new_direct .btn.line02.disabled, .new_direct .btn.line02:disabled {
    color: #B7B7B9;
}

.new_direct .btn.line03 {
    font-weight: 500;
    color: #028CED;
    border: 1.4px solid #DFDFE1;
    background-color: #fff;
    padding: 12px 12px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
}

.new_direct .btn.line03.hover, .new_direct .btn.line03:hover {
    background-color: #F9F9FB;
}

.new_direct .btn.line03:focus, .new_direct .btn.line03.focus {
    border: 1.4px solid #F18D00;
    background: #F1F1F3;
}

.new_direct .btn.line03.disabled, .new_direct .btn.line03:disabled {
    background: #EFEFF1 !important;
    border: 1.4px solid #DFDFE1;
    color: #B7B7B9;
}

.new_direct .btn.line03:not(:disabled):not(.disabled):active, .new_direct .btn.line03:not(:disabled):not(.disabled).active {
    color: #028CED;
    border: 1.4px solid #B7B7B9;
    background-color: #F1F1F3;
}

.new_direct .btn.line03.disabled, .new_direct .btn.line03:disabled {
    color: #B7B7B9;
}

.new_direct .btn.line03_gray {
    font-weight: 500;
    color: #028CED;
    border: 1.4px solid #DFDFE1;
    background-color: #fff;
    font-weight: 500;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
    color: #555557;
}

.new_direct .btn.line03_gray.hover, .new_direct .btn.line03_gray:hover {
    background-color: #F9F9FB;
}

.new_direct .btn.line03_gray:focus, .new_direct .btn.line03_gray.focus {
    border: 1.4px solid #F18D00;
    background: #F1F1F3;
}

.new_direct .btn.line03_gray:visited, .new_direct .btn.line03_gray.visited {
    border: 1.4px solid #DFDFE1;
    background: #F9F9FB;
}

.new_direct .btn.line03_gray.disabled, .new_direct .btn.line03_gray:disabled {
    background: #EFEFF1 !important;
    border: 1.4px solid #DFDFE1;
    color: #B7B7B9;
}

.new_direct .btn.line03_gray:not(:disabled):not(.disabled):active, .new_direct .btn.line03_gray:not(:disabled):not(.disabled).active {
    color: #028CED;
    border: 1.4px solid #B7B7B9;
    background-color: #F1F1F3;
}

.new_direct .btn.line03_gray.hover, .new_direct .btn.line03_gray:hover {
    color: #555557;
}

.new_direct .btn.line03_gray:focus, .new_direct .btn.line03_gray.focus {
    color: #1F1F21;
}

.new_direct .btn.line03_gray.disabled, .new_direct .btn.line03_gray:disabled {
    color: #B7B7B9;
}

.new_direct .btn.line03_gray:not(:disabled):not(.disabled):active, .new_direct .btn.line03_gray:not(:disabled):not(.disabled).active {
    color: #555557;
}

.new_direct .btn.line04 {
    font-weight: 500;
    color: #1F1F21;
    border: 1.4px solid #000;
    background-color: #fff;
    min-width: 200px;
    font-weight: 400;
    padding: 13px 12px;
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
}

.new_direct .btn.line04.hover, .new_direct .btn.line04:hover {
    background-color: #F9F9FB;
}

.new_direct .btn.line04:focus, .new_direct .btn.line04.focus {
    border: 1.4px solid #F18D00;
    background: #F1F1F3;
}

.new_direct .btn.line04.disabled, .new_direct .btn.line04:disabled {
    background: #EFEFF1 !important;
    border: 1.4px solid #DFDFE1;
    color: #B7B7B9;
}

.new_direct .btn.line04:not(:disabled):not(.disabled):active, .new_direct .btn.line04:not(:disabled):not(.disabled).active {
    color: #1F1F21;
    border: 1.4px solid #000000;
    background-color: #F1F1F3;
}

.new_direct .btn.text {
    padding: 0px 0px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 0;
    font-weight: 500;
    color: #767678;
    background-color: #fff;
    text-decoration: underline;
    text-decoration-color: #767678;
    vertical-align: top;
}

.new_direct .btn.text.hover, .new_direct .btn.text:hover {
    color: #555557;
    text-decoration: underline;
    text-decoration-color: #555557;
}

.new_direct .btn.text:focus, .new_direct .btn.text.focus {
    color: #3F3F41;
    text-decoration: underline;
    text-decoration-color: #F18D00;
}

.new_direct .btn.text.disabled, .new_direct .btn.text:disabled {
    color: #B7B7B9;
    text-decoration: underline;
    text-decoration-color: #B7B7B9;
}

.new_direct .btn.text:not(:disabled):not(.disabled):active, .new_direct .btn.text:not(:disabled):not(.disabled).active {
    color: #3F3F41;
    text-decoration: underline;
    text-decoration-color: #3F3F41;
}

.new_direct .btn.text.arrow {
    position: relative;
    padding-right: 18px;
}

.new_direct .btn.text.arrow:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 1px;
    right: 0px;
    width: 16px;
    height: 16px;
    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%3Cpath d='M6 4L10 8L6 12' stroke='%23767678' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .btn.text.arrow.hover:after, .new_direct .btn.text.arrow:hover:after {
    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='M6 4L10 8L6 12' stroke='%23555557' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.arrow:focus:after, .new_direct .btn.text.arrow.focus:after {
    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='M6 4L10 8L6 12' stroke='%233F3F41' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.arrow.disabled:after, .new_direct .btn.text.arrow:disabled:after {
    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='M6 4L10 8L6 12' stroke='%23B7B7B9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.arrow:not(:disabled):not(.disabled):active:after, .new_direct .btn.text.arrow:not(:disabled):not(.disabled).active:after {
    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='M6 4L10 8L6 12' stroke='%233F3F41' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.blue {
    color: #028CED;
    background-color: #fff;
    text-decoration: underline;
    text-decoration-color: #028CED;
}

.new_direct .btn.text.blue.hover, .new_direct .btn.text.blue:hover {
    color: #008CD3;
    text-decoration: underline;
    text-decoration-color: #008CD3;
}

.new_direct .btn.text.blue:focus, .new_direct .btn.text.blue.focus {
    color: #003070;
    text-decoration: underline;
    text-decoration-color: #003070;
}

.new_direct .btn.text.blue.disabled, .new_direct .btn.text.blue:disabled {
    color: #B7B7B9;
    text-decoration: underline;
    text-decoration-color: #B7B7B9;
}

.new_direct .btn.text.blue:not(:disabled):not(.disabled):active, .new_direct .btn.text.blue:not(:disabled):not(.disabled).active {
    color: #003070;
    text-decoration: underline;
    text-decoration-color: #003070;
}

.new_direct .btn.text.blue.arrow:after {
    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='M6 4L10 8L6 12' stroke='%23028ced' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.blue.arrow.hover:after, .new_direct .btn.text.blue.arrow:hover:after {
    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='M6 4L10 8L6 12' stroke='%23008cd3' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.blue.arrow:focus:after, .new_direct .btn.text.blue.arrow.focus:after {
    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='M6 4L10 8L6 12' stroke='%23003070' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.blue.arrow.disabled:after, .new_direct .btn.text.blue.arrow:disabled:after {
    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='M6 4L10 8L6 12' stroke='%23B7B7B9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.text.blue.arrow:not(:disabled):not(.disabled):active:after, .new_direct .btn.text.blue.arrow:not(:disabled):not(.disabled).active:after {
    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='M6 4L10 8L6 12' stroke='%23003070' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.more {
    padding: 2px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 0;
    font-weight: 500;
    color: #767678;
    background-color: #fff;
    text-decoration: underline;
    text-decoration-color: #767678;
    width: 100%;
    font-weight: 400;
    text-decoration: none;
}

.new_direct .btn.more.hover, .new_direct .btn.more:hover {
    color: #555557;
    text-decoration: underline;
    text-decoration-color: #555557;
}

.new_direct .btn.more:focus, .new_direct .btn.more.focus {
    color: #3F3F41;
    text-decoration: underline;
    text-decoration-color: #F18D00;
}

.new_direct .btn.more.disabled, .new_direct .btn.more:disabled {
    color: #B7B7B9;
    text-decoration: underline;
    text-decoration-color: #B7B7B9;
}

.new_direct .btn.more:not(:disabled):not(.disabled):active, .new_direct .btn.more:not(:disabled):not(.disabled).active {
    color: #3F3F41;
    text-decoration: underline;
    text-decoration-color: #3F3F41;
}

.new_direct .btn.more.hover, .new_direct .btn.more:hover {
    background: #F9F9FB;
}

.new_direct .btn.more:focus, .new_direct .btn.more.focus {
    color: #3F3F41;
}

.new_direct .btn.more:focus span, .new_direct .btn.more.focus span {
    text-decoration: underline;
    text-decoration-color: #f18d00;
}

.new_direct .btn.more:not(:disabled):not(.disabled):active, .new_direct .btn.more:not(:disabled):not(.disabled).active {
    background: #F9F9FB;
}

.new_direct .btn.more span {
    float: initial;
    position: relative;
    display: inline-block;
    width: auto;
    margin-left: -10px;
}

.new_direct .btn.more span:after {
    content: "";
    position: absolute;
    top: 1px;
    right: -20px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 7L8.5 11L4.5 7' stroke='%23909090' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .btn.plus {
    position: relative;
    color: #555557;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    background: #EFEFF5;
    border-radius: 8px;
    padding: 12px 36px 12px 18px;
}

.new_direct .btn.plus:after {
    top: 50%;
    right: 18px;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9997 0C5.44741 0 4.9997 0.536028 4.9997 1.19725V4.85412L0.912317 4.85412C0.408391 4.85412 -0.00012207 5.30184 -0.00012207 5.85412C-0.00012207 6.40641 0.408391 6.85412 0.912318 6.85412L4.9997 6.85412L4.9997 10.8027C4.9997 11.464 5.44741 12 5.9997 12C6.55198 12 6.9997 11.464 6.9997 10.8027L6.9997 6.85412L11.0874 6.85412C11.5914 6.85412 11.9999 6.40641 11.9999 5.85412C11.9999 5.30184 11.5914 4.85412 11.0874 4.85412L6.9997 4.85412V1.19725C6.9997 0.536028 6.55198 0 5.9997 0Z' fill='%23777779'/%3E%3C/svg%3E%0A");
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new_direct .btn.round {
    border-radius: 99px;
}

.new_direct .btn.option {
    font-weight: 500;
    color: #767678;
    border: 1px solid #DFDFE1;
    background-color: #fff;
    font-weight: 400;
    padding: 6px 6px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
}

.new_direct .btn.option.hover, .new_direct .btn.option:hover {
    color: #767678;
    border: 1px solid #DFDFE1;
    background-color: #F1F1F3;
}

.new_direct .btn.option:focus, .new_direct .btn.option.focus {
    color: #555557;
    background: #F1F1F3;
    border: 1px solid #F18D00;
}

.new_direct .btn.option.disabled, .new_direct .btn.option:disabled {
    color: #B7B7B9;
    border: 1px solid #DFDFE1;
    background: #EFEFF1 !important;
}

.new_direct .btn.option:not(:disabled):not(.disabled):active, .new_direct .btn.option:not(:disabled):not(.disabled).active {
    color: #767678;
    border: 1px solid #B7B7B9;
    background-color: #F1F1F3;
}

.new_direct .btn.call {
    padding: 12px 19px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    font-weight: 500;
    color: #555557;
    border: 1px solid #DFDFE1;
    background-color: #fff;
    font-weight: 500;
    padding: 12px 19px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    border-radius: 99px;
    padding-left: 45px;
    position: relative;
}

.new_direct .btn.call.hover, .new_direct .btn.call:hover {
    color: #555557;
    border: 1px solid #DFDFE1;
    background-color: #F1F1F3;
}

.new_direct .btn.call:focus, .new_direct .btn.call.focus {
    color: #1F1F21;
    background: #F1F1F3;
    border: 1px solid #F18D00;
}

.new_direct .btn.call.disabled, .new_direct .btn.call:disabled {
    color: #B7B7B9;
    border: 1px solid #DFDFE1;
    background: #EFEFF1 !important;
}

.new_direct .btn.call:not(:disabled):not(.disabled):active, .new_direct .btn.call:not(:disabled):not(.disabled).active {
    color: #1F1F21;
    border: 1px solid #B7B7B9;
    background-color: #F1F1F3;
}

.new_direct .btn.call:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 13px;
    left: 19px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23B7B7B9'/%3E%3Cpath d='M7.89021 5.55876C7.75522 5.22129 7.42836 5 7.06489 5H5.84211C5.37702 5 5 5.37704 5 5.84212C5 9.79533 8.2048 13 12.158 13C12.6231 13 13 12.623 13 12.1579L13 10.9351C13 10.5717 12.7786 10.2448 12.4412 10.1098L11.2699 9.64129C10.9667 9.52003 10.6216 9.57468 10.3708 9.7837L10.068 10.0359C9.71487 10.3302 9.19556 10.3067 8.87047 9.98159L8.01839 9.12957C7.69331 8.80448 7.66988 8.28513 7.9642 7.93195L8.21637 7.62933C8.42539 7.37851 8.48002 7.03331 8.35876 6.73017L7.89021 5.55876Z' fill='white'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .btn.download {
    font-weight: 500;
    color: #767678;
    border: 1px solid #DFDFE1;
    background-color: #fff;
    font-weight: 500;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
    padding-right: 36px;
    position: relative;
}

.new_direct .btn.download.hover, .new_direct .btn.download:hover {
    color: #767678;
    border: 1px solid #DFDFE1;
    background-color: #F1F1F3;
}

.new_direct .btn.download:focus, .new_direct .btn.download.focus {
    color: #555557;
    background: #F1F1F3;
    border: 1px solid #F18D00;
}

.new_direct .btn.download.disabled, .new_direct .btn.download:disabled {
    color: #B7B7B9;
    border: 1px solid #DFDFE1;
    background: #EFEFF1 !important;
}

.new_direct .btn.download:not(:disabled):not(.disabled):active, .new_direct .btn.download:not(:disabled):not(.disabled).active {
    color: #767678;
    border: 1px solid #B7B7B9;
    background-color: #F1F1F3;
}

.new_direct .btn.download:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    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%3Cpath d='M8 10V3.00002' stroke='%23909090' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M2 10.3358V12.5343C2 12.923 2.14865 13.2958 2.41325 13.5707C2.67784 13.8456 3.03671 14 3.41091 14H12.5891C12.9633 14 13.3222 13.8456 13.5868 13.5707C13.8514 13.2958 14 12.923 14 12.5343V10.3358' stroke='%23909090' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5.09131 7.76711L8.0004 10.7892L10.9095 7.76711' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .btn.text_download {
    font-weight: 500;
    color: #767678;
    background-color: #fff;
    text-decoration: underline;
    text-decoration-color: #767678;
    font-weight: 500;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 8px;
    padding: 0 24px 0 0;
    text-decoration: none;
    position: relative;
}

.new_direct .btn.text_download.hover, .new_direct .btn.text_download:hover {
    color: #555557;
    text-decoration: underline;
    text-decoration-color: #555557;
}

.new_direct .btn.text_download:focus, .new_direct .btn.text_download.focus {
    color: #3F3F41;
    text-decoration: underline;
    text-decoration-color: #F18D00;
}

.new_direct .btn.text_download.disabled, .new_direct .btn.text_download:disabled {
    color: #B7B7B9;
    text-decoration: underline;
    text-decoration-color: #B7B7B9;
}

.new_direct .btn.text_download:not(:disabled):not(.disabled):active, .new_direct .btn.text_download:not(:disabled):not(.disabled).active {
    color: #3F3F41;
    text-decoration: underline;
    text-decoration-color: #3F3F41;
}

.new_direct .btn.text_download:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    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%3Cpath d='M8 10V3.00002' stroke='%23909090' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M2 10.3358V12.5343C2 12.923 2.14865 13.2958 2.41325 13.5707C2.67784 13.8456 3.03671 14 3.41091 14H12.5891C12.9633 14 13.3222 13.8456 13.5868 13.5707C13.8514 13.2958 14 12.923 14 12.5343V10.3358' stroke='%23909090' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M5.09131 7.76711L8.0004 10.7892L10.9095 7.76711' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .btn.toggle {
    color: #028CED;
    background-color: #F5F5F7;
    font-weight: 500;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    border-radius: 99px;
    position: relative;
    padding-right: 28px;
}

.new_direct .btn.toggle.hover, .new_direct .btn.toggle:hover {
    background-color: #F1F1F3;
}

.new_direct .btn.toggle:focus, .new_direct .btn.toggle.focus {
    background: #E8E8EA;
    border: 1px solid #F18D00;
}

.new_direct .btn.toggle.disabled, .new_direct .btn.toggle:disabled {
    background: #EFEFF1 !important;
    color: #B7B7B9;
}

.new_direct .btn.toggle:not(:disabled):not(.disabled):active, .new_direct .btn.toggle:not(:disabled):not(.disabled).active {
    background-color: #E8E8EA;
    color: #028CED;
}

.new_direct .btn.toggle:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    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%3Cpath d='M12 7L8 11L4 7' stroke='%23028CED' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .btn.toggle.disabled, .new_direct .btn.toggle:disabled {
    color: #B7B7B9;
}

.new_direct .btn.toggle.disabled:after, .new_direct .btn.toggle:disabled:after {
    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='M12 7L8 11L4 7' stroke='%23B7B7B9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.toggle.on:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    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%3Cpath d='M12 7L8 11L4 7' stroke='%23028CED' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.new_direct .btn.toggle.on.disabled:after, .new_direct .btn.toggle.on:disabled:after {
    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='M12 7L8 11L4 7' stroke='%23B7B7B9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .btn.round_line {
    padding: 12px 19px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    font-weight: 500;
    color: #555557;
    border: 1px solid #DFDFE1;
    background-color: #fff;
    font-weight: 500;
    padding: 12px 19px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    border-radius: 99px;
}

.new_direct .btn.round_line.hover, .new_direct .btn.round_line:hover {
    color: #555557;
    border: 1px solid #DFDFE1;
    background-color: #F1F1F3;
}

.new_direct .btn.round_line:focus, .new_direct .btn.round_line.focus {
    color: #1F1F21;
    background: #F1F1F3;
    border: 1px solid #F18D00;
}

.new_direct .btn.round_line.disabled, .new_direct .btn.round_line:disabled {
    color: #B7B7B9;
    border: 1px solid #DFDFE1;
    background: #EFEFF1 !important;
}

.new_direct .btn.round_line:not(:disabled):not(.disabled):active, .new_direct .btn.round_line:not(:disabled):not(.disabled).active {
    color: #1F1F21;
    border: 1px solid #B7B7B9;
    background-color: #F1F1F3;
}

.new_direct .btn_input {
    overflow: initial;
    float: initial;
    display: inline-block;
    width: initial;
    height: auto;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    background: none 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    color: #028CED;
    background-color: #F5F5F7;
    font-weight: 500;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    width: auto;
}

.new_direct .btn_input:hover, .new_direct .btn_input:focus, .new_direct .btn_input.focus {
    text-decoration: none;
    outline: 0;
}

.new_direct .btn_input:disabled, .new_direct .btn_input.disabled {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.new_direct .btn_input.hover, .new_direct .btn_input:hover {
    background-color: #F1F1F3;
}

.new_direct .btn_input:focus, .new_direct .btn_input.focus {
    background: #E8E8EA;
    border: 1px solid #F18D00;
}

.new_direct .btn_input.disabled, .new_direct .btn_input:disabled {
    background: #EFEFF1 !important;
    color: #B7B7B9;
}

.new_direct .btn_input:not(:disabled):not(.disabled):active, .new_direct .btn_input:not(:disabled):not(.disabled).active {
    background-color: #E8E8EA;
    color: #028CED;
}

.new_direct .btn_form {
    overflow: initial;
    float: initial;
    display: inline-block;
    width: initial;
    height: auto;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    background: none 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    font-weight: 500;
    padding: 3px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 4px;
    color: #028CED;
    background-color: #F5F5F7;
    border-radius: 99px;
    height: 26px;
}

.new_direct .btn_form:hover, .new_direct .btn_form:focus, .new_direct .btn_form.focus {
    text-decoration: none;
    outline: 0;
}

.new_direct .btn_form:disabled, .new_direct .btn_form.disabled {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.new_direct .btn_form.hover, .new_direct .btn_form:hover {
    background-color: #F1F1F3;
}

.new_direct .btn_form:focus, .new_direct .btn_form.focus {
    background: #E8E8EA;
    border: 1px solid #F18D00;
}

.new_direct .btn_form.disabled, .new_direct .btn_form:disabled {
    background: #EFEFF1 !important;
    color: #B7B7B9;
}

.new_direct .btn_form:not(:disabled):not(.disabled):active, .new_direct .btn_form:not(:disabled):not(.disabled).active {
    background-color: #E8E8EA;
    color: #028CED;
}

.new_direct .btn_clear {
    position: relative;
    width: 24px;
    height: 24px;
    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%3Cg clip-path='url(%23clip0_415_92)'%3E%3Cpath opacity='0.77' d='M12 2C14.6522 2 17.1957 3.05357 19.0711 4.92893C20.9464 6.8043 22 9.34784 22 12C22 14.6522 20.9464 17.1957 19.0711 19.0711C17.1957 20.9464 14.6522 22 12 22V22C9.34784 22 6.8043 20.9464 4.92893 19.0711C3.05357 17.1957 2 14.6522 2 12V12C2 9.34784 3.05357 6.8043 4.92893 4.92893C6.8043 3.05357 9.34784 2 12 2V2Z' fill='%234c4c4c'/%3E%3Cpath d='M9 9L15 15' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M15 9L9 15' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_415_92'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* 2024웹접근성_74 */
.new_direct .btn_clear:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.new_direct .btn_search {
    position: relative;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background: 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='M11.2223 17.4446C14.6588 17.4446 17.4446 14.6588 17.4446 11.2223C17.4446 7.78582 14.6588 5 11.2223 5C7.78582 5 5 7.78582 5 11.2223C5 14.6588 7.78582 17.4446 11.2223 17.4446Z' stroke='%233F3F41' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0001 19.0001L15.6167 15.6167' stroke='%233F3F41' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 100% 100%;
}

.new_direct .btn_search:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    margin-left: 5px;
}

.new_direct .btn.share {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    position: relative;
    min-width: 40px;
    height: 40px;
}

.new_direct .btn.share:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    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%3Cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 9.99999 11.5621 9.99999 12.6666C9.99999 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.99999 10C5.10456 10 5.99999 9.10457 5.99999 8C5.99999 6.89543 5.10456 6 3.99999 6C2.89542 6 1.99999 6.89543 1.99999 8C1.99999 9.10457 2.89542 10 3.99999 10Z' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.72666 9.00671L10.28 11.66' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 9.99999 2.2288 9.99999 3.33337C9.99999 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2733 4.33997L5.72666 6.9933' stroke='%23909090' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    background-size: 100% 100%;
}

.new_direct .btn.block {
    display: block;
    width: 100%;
}

.new_direct .btn.block + .btn.block {
    margin-top: 8px;
    margin-left: 0;
}

.new_direct input[type=submit].block, .new_direct input[type=reset].block, .new_direct input[type=button].block {
    width: 100%;
}

.new_direct .btn_area.d_f {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.new_direct .btn_area.d_f .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

/**
* Module.Card
* ------------------
*/
.new_direct .card_item .card_header .name {
    display: inline-block;
    margin-left: 8px;
    color: #1F1F21;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
}

.new_direct .card_item .card_header .name:first-child {
    margin-left: 0;
}

.new_direct .card_item ~ .card_item {
    margin-top: 24px;
}

.new_direct .card_item.check_type .card_wrap, .new_direct .card_item input + .card_wrap {
    display: block;
    padding: 24px;
    border: 1px solid transparent;
}

.new_direct .card_item.check_type .card_wrap:before, .new_direct .card_item input + .card_wrap:before {
    top: 20px;
    right: 20px;
    left: auto;
}

.new_direct .card_item.check_type .card_wrap .card_header, .new_direct .card_item.check_type .card_wrap .dl_head, .new_direct .card_item input + .card_wrap .card_header, .new_direct .card_item input + .card_wrap .dl_head {
    padding-right: 30px;
}

.new_direct .card_item.check_type .card_wrap .card_header .title, .new_direct .card_item.check_type .card_wrap .dl_head .title, .new_direct .card_item input + .card_wrap .card_header .title, .new_direct .card_item input + .card_wrap .dl_head .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    letter-spacing: -0.04em;
}

.new_direct .card_item.check_type .card_wrap .card_header .title strong, .new_direct .card_item.check_type .card_wrap .dl_head .title strong, .new_direct .card_item input + .card_wrap .card_header .title strong, .new_direct .card_item input + .card_wrap .dl_head .title strong {
    font-size: 17px;
}

.new_direct .card_item.check_type .card_wrap .card_header, .new_direct .card_item.check_type .card_wrap .dl_head {
    padding-right: 0;
}

.new_direct .card_item.check_type.checked .card_wrap, .new_direct .card_item input:checked + .card_wrap {
    border-color: #F8670D;
    -webkit-box-shadow: 0px 3px 10px rgba(248, 103, 13, 0.14);
    box-shadow: 0px 3px 10px rgba(248, 103, 13, 0.14);
}

.new_direct .card_item.check_type.disabled .card_wrap, .new_direct .card_item input:disabled + .card_wrap {
    background: #F9F9FB;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.new_direct .card_item.check_type.disabled .card_wrap:before, .new_direct .card_item input:disabled + .card_wrap:before {
    display: none;
}

.new_direct .card_item.check_type.disabled .card_wrap .dl_head .title, .new_direct .card_item input:disabled + .card_wrap .dl_head .title {
    color: #555557;
}

.new_direct .card_item.check_type.disabled .card_wrap .dl_list dl strong, .new_direct .card_item input:disabled + .card_wrap .dl_list dl strong {
    color: #555557;
}

.new_direct .card_wrap {
    display: block;
    padding: 24px;
    border-radius: 16px;
    background: #FFFFFF;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.new_direct .card_wrap.focus {
    border-color: #F8670D !important;
    -webkit-box-shadow: 0px 3px 10px rgba(248, 103, 13, 0.14);
    box-shadow: 0px 3px 10px rgba(248, 103, 13, 0.14);
}

.new_direct .card_wrap.focus .form_wrap.focus {
    border-color: #1F1F21;
}

.new_direct .card_wrap.focus .form_wrap.focus:after {
    height: 1px;
    background-color: #DFDFE1;
}

.new_direct .card_header + .card_body {
    margin-top: 20px;
}

.new_direct .card_header + .card_body:not(.border_top) {
    margin-top: 32px;
}

.new_direct .card_header .badge ~ .card_title {
    margin-top: 12px;
    padding-right: 0;
}

.new_direct .card_header .card_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    word-break: break-all;
}

.new_direct .card_header .card_title span.num {
    display: block;
}

.new_direct .card_body.border_top {
    padding-top: 20px;
    border-top: 1px solid #EFEFF1;
}

.new_direct .card_body.border_bottom {
    padding-bottom: 20px;
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .card_anchor {
    display: block;
    position: relative;
    margin: -24px;
    padding: 24px;
}

.new_direct .card_anchor .card_title, .new_direct .card_anchor .dl_head .title {
    padding-right: 30px;
}

.new_direct .card_anchor:after {
    content: "";
    position: absolute;
    top: 24px;
    right: 24px;
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M12 9L15.5 12.6923L12 17' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 100% 100%;
}

.new_direct .card_anchor + .card_footer {
    position: relative;
    z-index: 1;
    margin-top: -12px;
    padding-top: 12px;
}

.new_direct .card_footer {
    margin-top: 20px;
}

.new_direct .card_utill {
    text-align: right;
}

.new_direct .card_utill + .card_item {
    margin-top: 20px;
}

.new_direct .card_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .card_list.icon_type .card_item + .card_item {
    margin-top: 10px;
}

.new_direct .card_list.icon_type .card_wrap {
    position: relative;
    padding: 18px 20px 18px 68px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}

.new_direct .card_list.icon_type .card_title {
    color: #3F3F41;
    font-size: 15px;
    font-weight: 500;
}

.new_direct .card_list.icon_type .card_link {
    margin-top: 6px;
}

.new_direct .card_list.icon_type .card_link .tel {
    color: #1F1F21;
    font-size: 14px;
    font-weight: 700;
}

.new_direct .card_list.icon_type .card_link .tel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new_direct .card_list.icon_type .card_link .txt {
    position: relative;
    margin-left: 12px;
    color: #767678;
    font-size: 13px;
    font-weight: 500;
}

.new_direct .card_list.icon_type .card_link .txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #C8C8CA;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new_direct .card_list.icon_type .icon {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 50%;
    left: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.new_direct .card_list.icon_type_large .icon {
    left: 18px;
    width: 48px;
    height: 48px;
}

.new_direct .card_list.icon_type_large .card_wrap {
    padding-left: 78px;
    border-radius: 16px 16px 0px 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    word-wrap: break-word;
}

.new_direct .card_list.icon_type_large .card_title {
    color: #1F1F21;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em;
}

.new_direct .card_list.icon_type_large .card_link {
    margin-top: 4px;
}

.new_direct .card_list.icon_type_large .card_link .txt:first-child {
    margin-left: 0;
}

.new_direct .card_list.icon_type_large .card_link .txt:first-child::before {
    display: none;
}

/**
* Module.Datepicker 
* ------------------
*/
.new_direct .ui-datepicker {
    display: none;
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 9000 !important;
    padding: 42px 20px 72px;
    border-radius: 24px 24px 0px 0px;
    background: #FFFFFF !important;
    -webkit-box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.08);
}

.new_direct .ui-datepicker:before {
    content: "";
}

.new_direct .ui-datepicker .ui-datepicker-calendar {
    width: calc(100% - 4px);
    margin: 0 auto;
}

.new_direct .ui-datepicker .ui-datepicker-calendar th {
    padding-bottom: 8px;
    border-bottom: 1px solid #DFDFE1;
}

.new_direct .ui-datepicker .ui-datepicker-calendar th span {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #1F1F21;
}

.new_direct .ui-datepicker .ui-datepicker-calendar tbody tr:first-child td {
    padding-top: 4px;
}

.new_direct .ui-datepicker .ui-datepicker-calendar tbody tr td a, .new_direct .ui-datepicker .ui-datepicker-calendar tbody tr td span {
    margin-top: 8px;
    margin-bottom: 8px;
}

.new_direct .ui-state-default {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    color: #1F1F21;
}

.new_direct .ui-state-default.ui-state-active {
    position: relative;
    font-weight: 700 !important;
    color: #fff !important;
}

.new_direct .ui-state-default.ui-state-active:after {
    content: "";
    position: absolute;
    top: 50% !important;
    left: 50%;
    z-index: -1;
    width: 40px !important;
    height: 40px !important;
    margin: -20px 0 0 -20px;
    border-radius: 50%;
    background-color: #000 !important;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.new_direct .ui-state-disabled span, .new_direct .ui-state-disabled a {
    color: #C8C8CA;
}

.new_direct [data-handler=today], .new_direct [data-handler=current] {
    display: none;
}

.new_direct [data-handler=hide] {
    display: inline-block;
    width: 100%;
    height: 58px;
    padding: 17px 24px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.02em;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    color: #fff;
    background-color: #F8670D;
}

.new_direct [data-handler=hide]:hover, .new_direct [data-handler=hide]:focus, .new_direct [data-handler=hide].focus {
    text-decoration: none;
    outline: 0;
}

.new_direct [data-handler=hide]:disabled, .new_direct [data-handler=hide].disabled {
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.new_direct [data-handler=hide].hover, .new_direct [data-handler=hide]:hover {
    background-color: #F95F00;
}

.new_direct [data-handler=hide]:focus, .new_direct [data-handler=hide].focus {
    background: #E25A05;
}

.new_direct [data-handler=hide].disabled, .new_direct [data-handler=hide]:disabled {
    background: #EFEFF1 !important;
    color: #767678;
}

.new_direct [data-handler=hide]:not(:disabled):not(.disabled):active, .new_direct [data-handler=hide]:not(:disabled):not(.disabled).active {
    color: #fff;
    border: 1px solid transparent;
    background-color: #E25A05;
}

.new_direct .ui-widget-header .ui-datepicker-title {
    margin-bottom: 45px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    letter-spacing: -0.02em;
    color: #1F1F21;
}

.new_direct .ui-widget-header .ui-datepicker-prev, .new_direct .ui-widget-header .ui-datepicker-next {
    overflow: hidden;
    position: absolute;
    top: 40px;
    width: 26px;
    height: 26px;
    text-indent: -9999em;
    color: transparent;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.new_direct .ui-widget-header .ui-datepicker-prev:after, .new_direct .ui-widget-header .ui-datepicker-next:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
}

.new_direct .ui-widget-header .ui-datepicker-prev {
    left: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' transform='matrix(-1 0 0 1 26 0)' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M14 9L10.5 12.6923L14 17' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .ui-widget-header .ui-datepicker-next {
    right: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13' cy='13' r='12.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M12 9L15.5 12.6923L12 17' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .ui-datepicker-today .ui-state-default {
    position: relative;
    font-weight: 700;
    color: #F8670D;
}

.new_direct .ui-datepicker-today .ui-state-default:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 5px;
    height: 5px;
    background-color: #F8670D;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.new_direct .ui-monthpicker.ui-datepicker {
    padding-bottom: 50px;
}

.new_direct .ui-monthpicker.ui-datepicker .ui-widget-header .ui-datepicker-title {
    margin-bottom: 49px;
}

.new_direct .ui-monthpicker.ui-datepicker tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new_direct .ui-monthpicker.ui-datepicker tr {
    display: contents;
}

.new_direct .ui-monthpicker.ui-datepicker tr td {
    display: inline-block;
    min-width: 25%;
    padding-top: 0 !important;
}

.new_direct .ui-monthpicker.ui-datepicker tr td a, .new_direct .ui-monthpicker.ui-datepicker tr td span {
    margin: 0 !important;
    height: 75px;
    font-size: 15px;
    line-height: 75px;
}

.new_direct .ui-monthpicker.ui-datepicker .ui-state-default:not([data-handler=hide]) {
    width: auto;
    height: 75px !important;
    line-height: 75px !important;
}

.new_direct .ui-monthpicker.ui-datepicker .ui-state-default:not([data-handler=hide]).ui-state-active {
    font-weight: 500 !important;
}

.new_direct .ui-monthpicker.ui-datepicker .ui-state-default:not([data-handler=hide]).ui-state-active:after {
    width: 56px !important;
    height: 56px !important;
    margin: -28px 0 0 -28px;
}

.new_direct .ui-monthpicker.ui-datepicker .ui-state-disabled span, .new_direct .ui-monthpicker.ui-datepicker .ui-state-disabled a {
    color: #B7B7B9;
}

/**
 * base.form
 * ------------------
 */
/* 보안 키패드 솔루션 위치 */
.new_direct .form_wrap input[autocomplete=new-password] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.new_direct[data-category=register] .form_wrap input[autocomplete=new-password] {
    position: absolute;
    top: 390px;
    left: 0;
    width: 100%;
}

/* ios(safari) 적용 */
.new_direct input {
    -webkit-text-fill-color: inherit;
    opacity: 1;
}

.new_direct input[type=text], .new_direct input[type=number], .new_direct input[type=password] {
    width: 100%;
    height: 56px;
    outline: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    color: #000000;
    background-color: transparent;
    caret-color: #F18D00;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.new_direct input[type=text][readonly=readonly], .new_direct input[type=number][readonly=readonly], .new_direct input[type=password][readonly=readonly] {
    background-color: #F9F9FB;
}

.new_direct input[type=text]:disabled, .new_direct input[type=number]:disabled, .new_direct input[type=password]:disabled {
    color: /*#B7B7B9*/ #1d1d1d;
    background-color: #F1F1F3;
}

/* 2024웹접근성_54 */
.new_direct input[type=text]:-moz-read-only, .new_direct input[type=number]:-moz-read-only, .new_direct input[type=password]:-moz-read-only {
    background-color: #F9F9FB;
}

.new_direct input[type=text]:read-only, .new_direct input[type=number]:read-only, .new_direct input[type=password]:read-only {
    background-color: #F9F9FB;
}

.new_direct input[type=text]::-webkit-input-placeholder, .new_direct input[type=number]::-webkit-input-placeholder, .new_direct input[type=password]::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: /*#B7B7B9*/ #1d1d1d;
}

/* 2024웹접근성_54 */
.new_direct input[type=text]::-moz-placeholder, .new_direct input[type=number]::-moz-placeholder, .new_direct input[type=password]::-moz-placeholder {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: /*#B7B7B9*/ #1d1d1d;
}

/* 2024웹접근성_54 */
.new_direct input[type=text]:-ms-input-placeholder, .new_direct input[type=number]:-ms-input-placeholder, .new_direct input[type=password]:-ms-input-placeholder {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: /*#B7B7B9*/ #1d1d1d;
}

/* 2024웹접근성_54 */
.new_direct input[type=text]::-ms-input-placeholder, .new_direct input[type=number]::-ms-input-placeholder, .new_direct input[type=password]::-ms-input-placeholder {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: /*#B7B7B9*/ #1d1d1d;
}

/* 2024웹접근성_54 */
.new_direct input[type=text]::placeholder, .new_direct input[type=number]::placeholder, .new_direct input[type=password]::placeholder {
    font-size: 17px;
    font-weight: 400;
    text-align: left;
    color: /*#B7B7B9*/ #1d1d1d;
}

/* 2024웹접근성_54 */
.new_direct input[type=number]::-webkit-inner-spin-button, .new_direct input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.new_direct input::-ms-check {
    display: none;
}

.new_direct input[type=checkbox], .new_direct input[type=radio] {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    clip: rect(1px, 1px, 1px, 1px);
}

/* 231201 엣지 클릭 이슈로 clip 수정 */
.new_direct input[type=checkbox] + label {
    display: inline-block;
    position: relative;
    min-width: 24px;
    min-height: 24px;
    padding: 2px 0 0 32px;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    vertical-align: top;
    color: #767678;
    cursor: pointer;
}

.new_direct input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: 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%3Ccircle cx='12' cy='12' r='12' fill='%23F5F5F7'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='%23909090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}

.new_direct input[type=checkbox]:checked + label:before, .new_direct input[type=checkbox].box_chk:checked + label:before {
    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%3Ccircle cx='12' cy='12' r='12' fill='%23F8670D'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=checkbox]:disabled + label {
    cursor: default;
}

.new_direct input[type=checkbox]:disabled + label:before {
    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%3Ccircle cx='12' cy='12' r='12' fill='%23F1F1F3'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='%23B7B7B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=checkbox]:checked:disabled + label:before, .new_direct input[type=checkbox].box_chk:checked:disabled + label:before {
    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%3Ccircle cx='12' cy='12' r='12' fill='%23FFA873'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=checkbox].box_chk + label:before {
    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%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='%23909090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=checkbox].box_chk:disabled + label:before {
    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%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='%23B7B7B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=checkbox].chk_normal + label {
    min-width: 16px;
    min-height: 16px;
    font-size: 13px !important;
    line-height: 16px !important;
    padding: 0 0 0 20px;
}

.new_direct input[type=checkbox].chk_normal + label:before {
    width: 16px;
    height: 16px;
    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='M13.25 5L7.0625 11.3L4.25 8.43636' stroke='%23B7B7B9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=checkbox].chk_normal:checked + label:before {
    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='M13.25 5L7.0625 11.3L4.25 8.43636' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=radio] + label {
    display: inline-block;
    position: relative;
    min-width: 24px;
    min-height: 24px;
    padding: 2px 0 0 32px;
    font-size: 13px;
    line-height: 1.5em;
    vertical-align: top;
    cursor: pointer;
}

.new_direct input[type=radio] + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: 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%3Ccircle cx='12' cy='12' r='12' fill='%23888888'/%3E%3Ccircle cx='12' cy='12' r='10' fill='%23F5F5F7'/%3E%3/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 100% 100%;
}

/* 2024웹접근성_53 */
.new_direct input[type=radio]:checked + label:before {
    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%3Ccircle cx='12' cy='12' r='12' fill='%23F8670D'/%3E%3Ccircle cx='12' cy='12' r='10' fill='%23F5F5F7'/%3E%3Ccircle cx='12' cy='12' r='6' fill='%23F8670D'/%3E%3C/svg%3E%0A");
}

/* 2024웹접근성_53 */
.new_direct input[type=radio]:disabled + label {
    cursor: default;
}

.new_direct input[type=radio]:disabled + label:before {
    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%3Ccircle cx='12' cy='12' r='12' fill='%23F9F9FB'/%3E%3Ccircle cx='12' cy='12' r='6' fill='%23E8E8EA'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=radio]:checked:disabled + label:before {
    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%3Ccircle cx='12' cy='12' r='12' fill='%23FFA873'/%3E%3Ccircle cx='12' cy='12' r='6' fill='white'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=radio].btn_chk + label:before {
    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%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='%23909090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=radio].btn_chk:disabled + label:before {
    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%3Ccircle cx='12' cy='12' r='11.5' fill='white' stroke='%23EFEFF1'/%3E%3Cpath d='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='%23B7B7B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=radio].btn_rdo + label {
    height: 40px;
    padding: 9px 24px;
    border-radius: 8px;
    border: 1px solid #DFDFE1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    white-space: nowrap;
    color: #767678;
    background-color: #fff;
}

.new_direct input[type=radio].btn_rdo + label:before {
    display: none;
    position: static;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: none;
    vertical-align: -2px;
}

.new_direct input[type=radio].btn_rdo:checked + label {
    padding: 9px 18px 9px 10px;
    border-color: #1F1F21;
    color: #1F1F21;
}

.new_direct input[type=radio].btn_rdo:checked + label:before {
    display: block;
    display: inline-block;
    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='M13.25 5L7.0625 11.1875L4.25 8.375' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=radio].btn_rdo:disabled + label {
    border-color: #DFDFE1;
    color: #B7B7B9;
}

.new_direct input[type=radio].btn_rdo:disabled + label:before {
    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='M13.25 5L7.0625 11.1875L4.25 8.375' stroke='%23B7B7B9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct input[type=radio].btn_rdo:checked:disabled + label {
    border-color: #C8C8CA;
    color: #B7B7B9;
}

.new_direct .form_data {
    width: 100%;
    height: 56px;
    padding: 16px 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    color: #1F1F21;
}

.new_direct select {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    height: 56px;
    padding-right: 32px;
    outline: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    color: #1F1F21;
    background: 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='M6 10L12 16L18 10' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
}

.new_direct select::-ms-expand {
    display: none;
}

.new_direct select.placeholder {
    color: #B7B7B9;
    font-weight: 400;
}

.new_direct select option {
    color: #1F1F21;
}

.new_direct select option[value=placeholder] {
    display: none;
}

.new_direct select:disabled {
    background-color: #F1F1F3;
}

.new_direct select.select_type02 {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    width: auto;
    height: 20px;
    padding-right: 18px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 7L8.5 11L4.5 7' stroke='%23909090' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
}

.new_direct .btn_select {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    height: 56px;
    outline: none;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    text-align: left;
    color: #1F1F21;
    background: 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='M6 10L12 16L18 10' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 100% 50%;
}

.new_direct .btn_select.placeholder {
    color: #B7B7B9;
    font-weight: 400;
}

.new_direct .btn_select:disabled {
    background-color: #F1F1F3;
}

.new_direct .form_item {
    position: relative;
    padding-top: 20px;
}

.new_direct .form_item.col2::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .form_item.col2:before {
    content: "";
    position: absolute;
    top: 48px;
    left: 50%;
    z-index: 1;
    width: 8px;
    height: 1px;
    margin-left: -4px;
    background-color: #555557;
}

.new_direct .form_item.col2 .form_wrap {
    float: left;
    width: calc(50% - 12px);
    margin-top: 0;
}

.new_direct .form_item.col2 .form_wrap + .form_wrap {
    float: right;
}

.new_direct .form_item.col2 .form_wrap + .form_wrap:after {
    background-color: transparent;
}

.new_direct .form_item.col2 .form_wrap.form_key + .form_msg {
    padding-top: 10px;
}

.new_direct .form_item.col2 .form_wrap.form_key + .form_msg:after {
    top: 12px;
}

.new_direct .form_item .form_phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_direct .form_item .form_phone .form_wrap {
    margin-top: 0;
}

.new_direct .form_item .form_phone .form_wrap:nth-last-child(2) {
    min-width: 64px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin-right: 8px;
}

.new_direct .form_item .form_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_direct .form_item .form_card .form_wrap {
    margin-top: 0;
}

.new_direct .form_item .form_card .form_wrap + .form_wrap {
    margin-left: 8px;
}

.new_direct .form_item .form_card .form_wrap.form_key .pin_area strong:not(.active) {
    background-color: transparent;
}

.new_direct .form_item.dash:before {
    content: "";
    position: absolute;
    top: 48px;
    right: -24px;
    z-index: 1;
    width: 8px;
    height: 1px;
    margin-left: -4px;
    background-color: #555557;
}

.new_direct .form_item.dash2 {
    width: calc(50% - 12px);
}

.new_direct .form_item.dash2 + .form_item {
    width: calc(50% - 12px);
}

.new_direct .form_item.dash2:before {
    content: "~";
    position: absolute;
    top: 50%;
    right: -17px;
    z-index: 1;
    width: 9px;
    height: 3px;
    color: #555557;
}

.new_direct .form_item.pt0.dash2:before {
    top: 35%;
}

.new_direct .form_item.form_box {
    padding-top: 0;
}

.new_direct .form_item.form_box .form_wrap {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #1F1F21;
}

.new_direct .form_item.form_box .form_wrap.focus {
    border-color: #F18D00;
}

.new_direct .form_item.form_box .form_wrap.readonly {
    border-color: #1F1F21;
    background-color: #F9F9FB;
}

.new_direct .form_item.form_box .form_wrap.disabled {
    border-color: #DFDFE1;
    background-color: #F1F1F3;
}

.new_direct .form_item.form_box .form_wrap.error {
    border-color: #FF2D55;
}

.new_direct .form_item.form_box .form_wrap.confirm02 {
    border-color: #048901;
}

.new_direct .form_item.form_box .form_wrap input[type=text], .new_direct .form_item.form_box .form_wrap input[type=number], .new_direct .form_item.form_box .form_wrap input[type=password] {
    height: 48px;
    padding: 12px 0 12px 16px;
}

.new_direct .form_item.form_box .form_wrap .append {
    margin-right: 16px;
}

.new_direct .form_item.form_box .form_wrap:after {
    display: none;
}

.new_direct .form_item.form_box .option_area {
    margin-top: 12px;
}

.new_direct .form_item.select_box {
    padding-top: 0;
}

.new_direct .form_item.select_box .form_label {
    position: relative;
    margin-bottom: 10px;
}

.new_direct .form_item.select_box .form_wrap {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DFDFE1;
}

.new_direct .form_item.select_box .form_wrap.focus {
    border-color: #F18D00;
}

.new_direct .form_item.select_box .form_wrap.readonly {
    border-color: #DFDFE1;
    background-color: #F9F9FB;
}

.new_direct .form_item.select_box .form_wrap.disabled {
    border-color: #DFDFE1;
    background-color: #F1F1F3;
}

.new_direct .form_item.select_box .form_wrap.error {
    border-color: #FF2D55;
}

.new_direct .form_item.select_box .form_wrap.confirm02 {
    border-color: #048901;
}

.new_direct .form_item.select_box .form_wrap select {
    height: 48px;
    padding: 12px 0 12px 16px;
    background-position-x: calc(100% - 16px);
}

.new_direct .form_item.select_box .form_wrap:after {
    display: none;
}

.new_direct .form_item.select_box .form_wrap .btn_select {
    height: 48px;
    padding: 12px 52px 12px 16px;
    background-position-x: calc(100% - 16px);
}

.new_direct .form_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
}

.new_direct .form_wrap.noline:after {
    display: none;
}

.new_direct .form_wrap input[type=text], .new_direct .form_wrap input[type=password], .new_direct .form_wrap input[type=number], .new_direct .form_wrap .pin_area {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    padding-right: 0;
    border: none !important;
}

.new_direct .form_wrap .append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_direct .form_wrap .append .unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    color: #000000;
}

.new_direct .form_wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 56px;
    left: 0;
    height: 1px;
    background-color: #DFDFE1;
}

.new_direct .form_wrap.focus:after {
    height: 2px;
    background-color: #F18D00;
}

.new_direct .form_wrap.readonly:after {
    height: 1px;
    background-color: #DFDFE1;
}

.new_direct .form_wrap.disabled:after {
    background-color: #DFDFE1;
}

.new_direct .form_wrap.placeholder .btn_select {
    color: #B7B7B9;
}

.new_direct .form_wrap.confirm02:after {
    height: 2px;
    background-color: #048901;
}

.new_direct .form_wrap.error:after {
    height: 2px;
    background-color: #FF2D55;
}

.new_direct .form_wrap.form_key {
    width: 100%;
    height: 56px;
}

.new_direct .form_wrap.form_right input {
    text-align: right;
}

.new_direct .form_wrap .icon_key {
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    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='0.75' y='4.75' width='21.5' height='15.5' rx='3.25' stroke='black' stroke-width='1.5'/%3E%3Crect x='7' y='15.5' width='9' height='1.5' rx='0.75' fill='black'/%3E%3Ccircle cx='7' cy='9' r='1' fill='black'/%3E%3Ccircle cx='10' cy='9' r='1' fill='black'/%3E%3Ccircle cx='13' cy='9' r='1' fill='black'/%3E%3Ccircle cx='16' cy='9' r='1' fill='black'/%3E%3Ccircle cx='7' cy='12' r='1' fill='black'/%3E%3Ccircle cx='10' cy='12' r='1' fill='black'/%3E%3Ccircle cx='13' cy='12' r='1' fill='black'/%3E%3Ccircle cx='16' cy='12' r='1' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.new_direct .form_wrap .icon_key:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.new_direct .form_radio label {
    margin-top: 16px;
    margin-right: 20px;
    font-size: 15px !important;
    font-weight: 400;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .form_radio label:last-child {
    margin-right: 0;
}

.new_direct .form_radio input[type=radio]:checked + label {
    color: #1F1F21;
}

.new_direct .form_radio .radio_txt {
    padding: 16px 0;
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .form_radio .radio_txt input[type=radio] + label {
    width: 100%;
    padding: 0;
    margin: 0;
}

.new_direct .form_radio .radio_txt input[type=radio] + label:before {
    left: auto;
    right: 0;
    background-image: none;
}

.new_direct .form_radio .radio_txt input[type=radio]:checked + label {
    color: #F8670D;
}

.new_direct .form_radio .radio_txt input[type=radio]:checked + label:before {
    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='M19.875 7.5L10.5938 16.7812L6.375 12.5625' stroke='%23F8670D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .form_check_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    padding-top: 16px;
}

.new_direct .form_check_wrap:not(.box_type) input[type=checkbox] + label {
    font-size: 15px;
    font-weight: 400;
}

.new_direct .form_check_wrap:not(.box_type) input[type=checkbox] + label:before {
    top: 1px;
}

.new_direct .form_check_wrap:not(.box_type) input[type=checkbox]:checked + label {
    color: #F8670D;
}

.new_direct .form_check_wrap.box_type {
    padding-top: 0;
}

.new_direct .form_check_wrap.box_type input[type=checkbox] + label {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 16px;
    border-radius: 16px;
    border-color: #F9F9FB;
    background-color: #F9F9FB;
    width: 100%;
    padding-left: 60px;
}

.new_direct .form_check_wrap.box_type input[type=checkbox] + label::before {
    left: 16px;
    top: 50%;
    margin-top: -12px;
}

.new_direct .form_check_wrap.box_type label {
    color: #1F1F21;
}

.new_direct .form_check_wrap.box_type label strong {
    font-weight: 500;
    color: #1F1F21;
}

.new_direct .right_chk[type=checkbox] + label {
    padding: 2px 32px 0 0;
}

.new_direct .right_chk[type=checkbox] + label:before {
    right: 0;
    left: auto;
}

.new_direct .form_email .email_autocomplete {
    display: none;
    width: 100%;
    max-height: 196px;
    overflow-y: auto;
    margin-top: 10px;
    border-radius: 16px;
    border: 1px solid #EFEFF1;
    background-color: rgba(255, 255, 255, 0.85);
}

.new_direct .form_email .email_autocomplete li {
    border-top: 1px solid #EFEFF1;
}

.new_direct .form_email .email_autocomplete li:first-child {
    border-top: none;
}

.new_direct .form_email .email_autocomplete li button {
    width: 100%;
    padding: 14px 16px 13px;
    font-size: 0;
    text-align: left;
}

.new_direct .form_email .email_autocomplete li button span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.02em;
    vertical-align: middle;
    color: #1F1F21;
}

.new_direct .form_email .email_autocomplete li button span.domain {
    color: #F8670D;
}

.new_direct .switch_toggle {
    display: inline-block;
    position: relative;
}

.new_direct .switch_toggle::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .switch_toggle a, .new_direct .switch_toggle input[type=checkbox] + label {
    width: 42px;
    height: 24px;
    padding: 0;
    border-radius: 99px;
    background-color: /*#C8C8CA*/#878787;
    vertical-align: middle;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

/* 2024웹접근성2차_29 */
.new_direct .switch_toggle a:before, .new_direct .switch_toggle input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: #FFFFFF;
    -webkit-transition: left 0.2s ease;
    transition: left 0.2s ease;
}

.new_direct .switch_toggle a + .date, .new_direct .switch_toggle input[type=checkbox] + label + .date {
    display: none;
    float: left;
    margin-right: 8px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #555557;
}

.new_direct .switch_toggle a.on, .new_direct .switch_toggle input[type=checkbox]:checked + label {
    background-color: #F8670D;
}

.new_direct .switch_toggle a.on:before, .new_direct .switch_toggle input[type=checkbox]:checked + label:before {
    left: 20px;
}

.new_direct .switch_toggle a.on + .date, .new_direct .switch_toggle input[type=checkbox]:checked + label + .date {
    display: block;
}

.new_direct .switch_toggle a.disabled, .new_direct .switch_toggle input[type=checkbox]:disabled + label {
    background-color: #B7B7B9;
}

.new_direct .switch_toggle a.disabled:before, .new_direct .switch_toggle input[type=checkbox]:disabled + label:before {
    background: #DFDFE1;
}

.new_direct .terms_title {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #3F3F41;
}

.new_direct .terms_title + .terms_chk {
    margin-top: 24px;
}

.new_direct .terms_text {
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .terms_chk input[type=checkbox] + label, .new_direct .terms_chk .label {
    font-size: 15px;
    font-weight: 400;
    color: #1F1F21;
    letter-spacing: -0.04em;
}

.new_direct .terms_chk input[type=checkbox] + label span, .new_direct .terms_chk .label span {
    color: #FF2D55;
}

.new_direct .terms_chk .item {
    position: relative;
    padding-right: 34px;
    padding-left: 34px;
}

.new_direct .terms_chk .item label {
    position: static;
    padding-left: 0;
}

.new_direct .terms_chk .item + .item {
    margin-top: 20px;
}

.new_direct .terms_chk .item .terms_anchor {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: 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 8L14.5 12.5L10 17' stroke='%23909090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}

.new_direct .terms_chk .item .terms_anchor:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
}

.new_direct .terms_chk .item .agree_channel {
    margin: 17px 0 34px;
}

.new_direct .terms_chk .item .chk_default + label:before {
    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='M17.25 8.625L11.0625 14.8125L8.25 12' stroke='%23909090' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .terms_chk .item .chk_default:checked + label:before {
    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='M13.25 4.625L7.0625 10.8125L4.25 8' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .terms_chk .item.tc_gray input[type=checkbox] + label {
    color: #767678;
    font-size: 13px;
}

.new_direct .terms_chk .terms_sub {
    margin-top: 3px;
    font-size: 0;
}

.new_direct .terms_chk .terms_sub > p {
    display: inline-block;
    position: relative;
    margin: 6px 13px 0 0;
    padding-left: 9px;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .terms_chk .terms_sub > p:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: #767678;
    border-radius: 50%;
}

.new_direct .terms_chk + .terms_uol_list {
    margin-top: 32px;
}

.new_direct .terms_chk + .terms_uol_list li {
    color: #767678;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
}

.new_direct .terms_chk .item_title {
    margin-bottom: 24px;
    padding: 0;
}

.new_direct .terms_chk .item_title span {
    font-size: 15px;
    font-weight: 700;
}

.new_direct .terms_agree + .terms_agree {
    margin-top: 24px;
}

.new_direct .terms_agree .item > span {
    font-size: 16px;
}

.new_direct .terms_agree .post_item {
    padding: 0;
    border: none;
}

.new_direct .terms_agree .post_item > span {
    font-size: 15px;
    font-weight: 500;
    color: #1F1F21;
}

.new_direct .terms_agree .post_item > div {
    padding: 12px;
    border-radius: 8px;
    background-color: #F9F9FB;
}

.new_direct .form_label {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
}

.new_direct .form_label label, .new_direct .form_label .form_title {
    display: inline-block;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    vertical-align: top;
    /*color: #767678*/
    ;}

/* 2024웹접근성_54/컬러삭제 */
.new_direct .form_label label {
    cursor: pointer;
}

.new_direct .form_label .tooltip_wrap {
    top: -2px;
}

.new_direct .time_msg {
    display: block;
    font-size: 0;
    width: 100%;
    margin-top: 10px;
}

.new_direct .time_msg span {
    display: inline-block;
    margin-right: 8px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .time_msg span em {
    color: #F8670D;
}

.new_direct .time_msg button {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #3F3F41;
}

.new_direct .form_msg {
    position: relative;
    width: 100% !important;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    clear: both;
}

.new_direct .form_msg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.new_direct .form_msg.confirm02 {
    padding-left: 20px;
    color: #048901;
}

.new_direct .form_msg.confirm02:after {
    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%3Cg clip-path='url(%23clip0_415_234)'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23048901'/%3E%3Cpath d='M5 8L7 10L11 6' stroke='%23048901' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_415_234'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.new_direct .form_msg.error {
    padding-left: 20px;
    color: #FF2D55;
}

.new_direct .form_msg.error:after {
    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%3Cg clip-path='url(%23clip0_415_252)'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23FF2D55'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.31445 3.7168H8.68555L8.58008 9.35156H8H7.41992L7.31445 3.7168ZM8.00007 12.2832C7.54304 12.2773 7.16218 11.9082 7.16804 11.4512C7.16218 10.9941 7.54304 10.6191 8.00007 10.6191C8.45124 10.6191 8.82624 10.9941 8.8321 11.4512C8.82624 11.9082 8.45124 12.2773 8.00007 12.2832Z' fill='%23FF2D55'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_415_252'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.new_direct .textarea_txt .form_msg::after {
    top: 2px;
}

.new_direct .textarea_txt .form_msg {
    padding-top: 0px;
}

.new_direct .option_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 6px;
    width: 100% !important;
    margin-top: 16px;
}

.new_direct .option_area > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.new_direct .option_area.type_radio {
    gap: 8px;
}

.new_direct .option_area.type_radio label {
    padding: 9px 0 !important;
}

.new_direct .option_area.type_radio.size01 label {
    min-width: calc(50% - 4px);
}

.new_direct .option_area.type_radio.size02 label {
    width: 100%;
}

.new_direct .option_area.type_radio + .type_radio {
    margin-top: 8px;
}

.new_direct .pin_area {
    height: 100%;
    font-size: 0;
    vertical-align: middle;
    cursor: pointer;
    line-height: 56px;
}

.new_direct .pin_area input[type=password]:read-only {
    background-color: transparent;
}

.new_direct .pin_area strong {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #DFDFE1;
    vertical-align: middle;
}

.new_direct .pin_area strong + strong {
    margin-left: 4px;
}

.new_direct .pin_area strong.active {
    background-color: #F18D00 !important;
}

.new_direct .pin_area strong.val {
    height: auto;
    background: none;
    border-radius: 0;
    color: #1F1F21;
    font-size: 17px;
    line-height: 1.4em;
    letter-spacing: -0.02em;
}

.new_direct .pin_area.cont_pin {
    display: block;
    width: 200px;
    margin: 20px auto 70px auto;
    line-height: 0;
}

.new_direct .pin_area.cont_pin strong {
    width: 20px;
    height: 20px;
}

.new_direct .pin_area.cont_pin strong + strong {
    margin-left: 16px;
}

.new_direct .pin_area.cont_pin strong.active {
    background-color: #F8670D;
}

.new_direct .pin_area.cont_pin + .btn_area {
    margin-top: 32px;
}

.new_direct .pin_area.cont_pin input[type=password] {
    height: 0;
    border: none 0;
}

/* s: 웹접근성2차_버튼추가 추가 */
.new_direct .pin_area.cont_pin.addbtn {
    width: 240px;
}

.new_direct .pin_area.cont_pin.addbtn .form_wrap {
    z-index: 10;
    top: 14px;
    width: 40px;
    height: 30px;
    display: inline-block;
}

.new_direct .pin_area.cont_pin.addbtn .form_wrap::after {
    height: 0;
}

.new_direct .form_wrap .pin_area + .icon_key {
    right: -5px;
}

/* e: 웹접근성2차_버튼추가 추가 */
.new_direct .pin_area.readonly, .new_direct .pin_area.disabled {
    cursor: default;
    background: #F1F1F3;
}

.new_direct .pin_area.readonly strong, .new_direct .pin_area.disabled strong {
    background: #B7B7B9;
}

.new_direct .pin_area.readonly {
    background-color: #F9F9FB;
    border-bottom: 1px solid #DFDFE1;
}

.new_direct .pin_area + input {
    position: absolute !important;
    display: inline-block;
    font-size: 1px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    visibility: hidden;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

.new_direct .form_search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    margin-top: 10px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #F9F9FB;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new_direct .form_search .form_wrap input[type=text] {
    font-size: 14px;
}

.new_direct .form_search .form_wrap input[type=text]::-webkit-input-placeholder {
    font-size: 14px;
    color: #000;
}

/* 2024웹접근성_74 */
.new_direct .form_search .form_wrap input[type=text]::-moz-placeholder {
    font-size: 14px;
    color: #000;
}

/* 2024웹접근성_74 */
.new_direct .form_search .form_wrap input[type=text]:-ms-input-placeholder {
    font-size: 14px;
    color: #000;
}

/* 2024웹접근성_74 */
.new_direct .form_search .form_wrap input[type=text]::-ms-input-placeholder {
    font-size: 14px;
    color: #000;
}

/* 2024웹접근성_74 */
.new_direct .form_search .form_wrap input[type=text]::placeholder {
    font-size: 14px;
}

.new_direct .form_search .form_wrap:after {
    display: none;
}

.new_direct .agree_channel_list {
    font-size: 0;
}

.new_direct .agree_channel_item {
    display: inline-block;
    position: relative;
    width: 50%;
    margin-top: 14px;
}

.new_direct .agree_channel_title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #555557;
}

.new_direct .agree_channel input[type=checkbox].simple_chk + label {
    padding-left: 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .agree_channel input[type=checkbox].simple_chk + label:before {
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    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%3Cpath d='M13.25 5L7.0625 11.3L4.25 8.43636' stroke='%23B7B7B9' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
}

.new_direct .agree_channel input[type=checkbox].simple_chk:checked + label {
    color: #1F1F21;
}

.new_direct .agree_channel input[type=checkbox].simple_chk:checked + label:before {
    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='M13.25 5L7.0625 11.3L4.25 8.43636' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.new_direct .box_checkbox input[type=radio] + label {
    display: block;
    padding: 24px 56px 24px 24px;
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #1F1F21;
    border-radius: 16px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.new_direct .box_checkbox input[type=radio] + label::before {
    left: auto;
    top: 50%;
    right: 20px;
    margin-top: -12px;
}

.new_direct .box_checkbox input[type=radio]:checked + label {
    border-color: #F8670D;
    -webkit-box-shadow: 0 3px 10px rgba(248, 103, 13, 0.14);
    box-shadow: 0 3px 10px rgba(248, 103, 13, 0.14);
}

.new_direct [class*=grid] .form_item + .form_item {
    margin-top: 0;
}

.new_direct [class*=grid].form_item {
    padding-top: 0;
    gap: 0 20px;
}

.new_direct .form_item.no_label {
    padding-top: 0;
}

.new_direct .form_item + .form_item, .new_direct .form_item + .form_item_group, .new_direct .form_item_group + .form_item {
    margin-top: 32px;
}

.new_direct .form_wrap + .form_wrap, .new_direct .form_check_wrap + .form_check_wrap, .new_direct .form_wrap + .form_check_wrap, .new_direct .form_check_wrap + .form_wrap {
    margin-top: 8px;
}

.new_direct .form_area .grid2 + .uol_list.light {
    margin-top: 24px;
}

.new_direct .box_checkbox + .card_list {
    margin-top: 24px;
}

.new_direct .form_area.gap_lg .form_item + .form_item {
    margin-top: 36px;
}

.new_direct .form_area > .grid2 {
    gap: 0 20px;
}

.new_direct .form_area > .grid2 + .grid2 {
    margin-top: 24px;
}

.new_direct .tab_content .form_search {
    margin-top: 32px;
}

.new_direct .tab_content .form_search ~ .governing.nodata {
    margin-bottom: 0;
}

.new_direct .form_inline + .form_inline {
    display: inline-block;
    margin-left: 20px;
}

.new_direct .form_item .form_label + .textarea_wrap {
    margin-top: 8px;
}

.new_direct .form_item .form_label + .table_area {
    margin: 1.5rem 0 0;
}

.new_direct .textarea_wrap {
    position: relative;
    font-size: 16px;
    border-radius: 16px;
}

.new_direct .textarea_wrap textarea {
    width: 100%;
    height: 154px;
    padding: 16px;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.4em;
    border: 1px solid #DFDFE1;
    border-radius: 16px;
    resize: none;
}

.new_direct .textarea_wrap textarea:-moz-read-only {
    color: #B7B7B9;
    border: 2px solid #F8670D;
}

.new_direct .textarea_wrap textarea:read-only {
    color: #B7B7B9;
    border: 2px solid #F8670D;
}

.new_direct .textarea_wrap textarea:disabled {
    color: #1F1F21;
    background: #F9F9FB;
    border: 1px solid #DFDFE1;
}

.new_direct .textarea_wrap textarea::-webkit-input-placeholder {
    font-size: 17px;
    font-weight: 400;
    color: #B7B7B9;
}

.new_direct .textarea_wrap textarea::-moz-placeholder {
    font-size: 17px;
    font-weight: 400;
    color: #B7B7B9;
}

.new_direct .textarea_wrap textarea:-ms-input-placeholder {
    font-size: 17px;
    font-weight: 400;
    color: #B7B7B9;
}

.new_direct .textarea_wrap textarea::-ms-input-placeholder {
    font-size: 17px;
    font-weight: 400;
    color: #B7B7B9;
}

.new_direct .textarea_wrap textarea::placeholder {
    font-size: 17px;
    font-weight: 400;
    color: #B7B7B9;
}

.new_direct .textarea_wrap textarea.error {
    color: #B7B7B9;
    background: #F1F1F3;
    border: 1px solid #DFDFE1;
}

.new_direct .textarea_wrap .textarea_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.new_direct .textarea_wrap .textarea_txt .form_msg:first-child {
    margin-top: 0;
}

.new_direct .textarea_wrap .textarea_txt .word {
    color: #767678;
    font-size: 13px;
}

.new_direct .textarea_wrap .textarea_txt .word .act {
    color: /*#F8670D*/ #e95800;
}

/* 2024웹접근성_78 */
.new_direct .chk_wrap input[type=checkbox] + label {
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
}

.new_direct .chk_wrap input[type=checkbox]:checked + label {
    color: #1F1F21;
}

.new_direct .month_option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 6px;
    width: 100% !important;
    margin-top: 13px;
}

.new_direct .month_option > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.new_direct .month_option.type_radio {
    gap: 8px;
}

.new_direct .month_option.type_radio.size01 label {
    min-width: calc(50% - 4px);
}

.new_direct .month_option.type_radio.size02 label {
    width: 100%;
}

.new_direct .month_option.type_radio + .new_direct .month_option.type_radio {
    margin-top: 8px;
}

.new_direct .month_option input[type=radio].btn_rdo + label {
    height: 32px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    line-height: 18px;
}

.new_direct .month_option input[type=radio].btn_rdo + label, .new_direct .month_option spq input[type=radio].btn_rdo:checked + label {
    min-height: 18px;
    padding: 6px 10px 6px 6px;
}

.new_direct .month_option input[type=radio].btn_rdo + label::before, .new_direct .month_option spq input[type=radio].btn_rdo:checked + label::before {
    display: none;
}

.new_direct .month_option.lg input[type=radio].btn_rdo + label, .new_direct .month_option.lg input[type=radio].btn_rdo:checked + label {
    height: 32px;
    padding: 8px 6px;
}

.new_direct .month_option + .uol_list {
    margin-top: 16px;
}

/**
* Module.List
* ------------------
*/
.new_direct .my_deposit_list {
    position: relative;
    margin-top: 32px;
}

.new_direct .my_deposit_list {
    position: relative;
    height: 12px;
    padding-top: 12px;
}

.new_direct .my_deposit_list:before {
    content: "";
    position: absolute;
    left: -20px;
    right: -20px;
    top: 0;
    height: 12px;
    background: #F9F9FB;
}

.new_direct .my_deposit_list.mtb {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 0;
}

.new_direct .my_deposit_list.mtb_sm {
    margin-top: 16px;
    margin-bottom: 16px;
    padding-top: 0;
}

.new_direct .my_deposit_list + .comp {
    margin-top: 0;
}

.new_direct .my_deposit_list.section, .new_direct .my_deposit_list.comp {
    height: auto;
}

.new_direct .my_deposit_list.section:before, .new_direct .my_deposit_list.comp:before {
    top: 0;
}

.new_direct .my_deposit_list.section.mtb, .new_direct .my_deposit_list.comp.mtb {
    margin-top: 76px;
}

.new_direct .my_deposit_list.section.mtb:before, .new_direct .my_deposit_list.comp.mtb:before {
    top: -44px;
}

.new_direct .my_deposit_list.section:last-child, .new_direct .my_deposit_list.comp:last-child {
    margin-bottom: 0;
}

.new_direct .my_deposit_list > .list {
    margin-top: 8px;
}

.new_direct .my_deposit_list .form_area {
    margin-top: 24px;
}

.new_direct .my_deposit_list > .form_area {
    margin-top: 32px;
}

.new_direct .my_deposit_list .form_area + .list {
    margin-top: 0;
}

.new_direct .my_deposit_list .list .list_item:first-child .list_body {
    border-top: none;
}

.new_direct .list {
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .list.border_top_none {
    border-top: none;
}

.new_direct .list.border_top_none .list_item:first-child .list_body {
    border-top: none;
}

.new_direct .list.border_top {
    border-top: 1px solid #EFEFF1;
}

.new_direct .list.border_top .list_item:first-child .list_body {
    border-top: 1px solid #EFEFF1;
}

.new_direct .list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.new_direct .list_item .list_wrap {
    padding-bottom: 12px;
}

.new_direct .list_item .list_body {
    padding: 24px 0 12px;
}

.new_direct .list_item .list_footer {
    padding-bottom: 12px;
}

.new_direct .list_item .list_wrap {
    width: 100%;
}

.new_direct .list_item .list_body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #EFEFF1;
}

.new_direct .list_item .list_body strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    display: block;
    word-break: break-all;
}

.new_direct .list_item .list_body span:not(.badge) {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    display: block;
    margin-top: 6px;
    word-break: break-all;
}

.new_direct .list_item .list_body span.fz14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 400;
    color: #555557;
    color: #1F1F21;
}

.new_direct .list_item .list_body span.fz15 {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    color: #1F1F21;
}

/* 청약내용 자세히 보기 > 담보 내용 탭 */
.new_direct .list_item .list_body .title span:first-child {
    margin-top: 0;
}

.new_direct .list_item .list_body .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 100px;
    margin-left: 20px;
    padding-right: 2px;
    text-align: right;
}

.new_direct .list_item .list_body .right span:first-child {
    margin-top: 0;
}

.new_direct .list_item .list_body .right strong {
    display: inline-block;
    font-weight: 700;
    vertical-align: middle;
}

.new_direct .list_item .list_body .right .badge {
    margin-right: 8px;
    vertical-align: top;
}

.new_direct .list_item .list_footer .box {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 4px;
    border-color: #F9F9FB;
    background-color: #F9F9FB;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
    color: #555557;
}

.new_direct .list_item .list_footer .form_box {
    margin-top: 4px;
    text-align: right;
}

.new_direct .list_item .list_wrap.disabled .list_body strong {
    color: #767678;
}

.new_direct .list_item .list_wrap.disabled .list_body span {
    color: #767678;
}

.new_direct .list_item .list_wrap.disabled .list_body .right {
    color: #767678;
}

.new_direct .list_item .list_wrap.disabled .list_body .right strong {
    color: #767678;
    font-weight: 500;
}

.new_direct .list_item .list_wrap.disabled .list_body .right .point_color {
    color: #767678 !important;
}

.new_direct .list_item button.list_wrap .list_body, .new_direct .list_item a.list_wrap .list_body {
    padding-right: 24px;
}

.new_direct .list_item button.list_wrap .list_body:after, .new_direct .list_item a.list_wrap .list_body:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    width: 24px;
    height: 24px;
    margin-top: -6px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 8.5L14.5 13L10 17.5' stroke='%23C8C8CA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: 100% 100%;
}

.new_direct .list_bottom {
    border-top: 1px solid #1F1F21;
}

.new_direct .list_bottom .result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 32px 0 16px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 700;
}

.new_direct .list_bottom .result strong {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
}

.new_direct .list.notice .list_item .list_wrap {
    padding-bottom: 8px;
}

.new_direct .list.notice .list_item .list_body {
    padding: 16px 0 8px;
}

.new_direct .list.notice .list_item .list_body strong {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
}

.new_direct .list.notice .list_item .list_body span {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
}

.new_direct .list.notice .list_item .list_body div.sub_wrap {
    margin-top: 6px;
    font-size: 0;
}

.new_direct .list.notice .list_item .list_body div.sub_wrap span {
    display: inline-block;
    position: relative;
    margin-top: 0;
    vertical-align: top;
}

.new_direct .list.notice .list_item .list_body div.sub_wrap span + span {
    margin-left: 6px;
    padding-left: 9px;
}

.new_direct .list.notice .list_item .list_body div.sub_wrap span + span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 3px;
    margin-top: -1px;
    border-radius: 50%;
    background-color: #C8C8CA;
}

.new_direct .list.notice button.list_wrap, .new_direct .list.notice a.list_wrap .list_body {
    padding-right: 0px;
}

.new_direct .list.notice button.list_wrap:after, .new_direct .list.notice a.list_wrap .list_body:after {
    content: "";
    width: 0;
    height: 0;
    display: none;
}

.new_direct .list.notice + .btn_area.more .btn.more {
    margin-top: 16px;
}

.new_direct .list.card_type {
    border-bottom: none;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 24px;
    border-radius: 16px;
    border: 1px solid #EAEBED;
    background-color: #fff;
}

.new_direct .list.card_type .list_item:first-child .list_wrap .list_body {
    border-top: none;
}

.new_direct .list[class*=icon_type] .list_item .list_wrap {
    padding-bottom: 0;
}

.new_direct .list[class*=icon_type] .list_item .list_wrap .list_body {
    padding: 16px 30px 16px 58px;
}

.new_direct .list[class*=icon_type] .list_item .list_wrap .list_body:after {
    margin-top: -12px;
}

.new_direct .list[class*=icon_type] .list_item .list_wrap .list_body .title span:first-child {
    margin-top: 0;
}

.new_direct .list[class*=icon_type] .list_item .list_wrap .list_body .title .desc {
    color: #555557;
}

.new_direct .list[class*=icon_type] .list_item .icon {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-position: 50% 50%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.new_direct .list[class*=icon_type] button.list_wrap, .new_direct .list[class*=icon_type] a.list_wrap .list_body {
    padding-right: 24px;
}

.new_direct .list[class*=icon_type].no_link .list_body::after {
    display: none;
}

.new_direct .list.icon_type2 .list_item .list_wrap .list_body {
    padding: 24px 30px 24px 56px;
}

.new_direct .table_list dl {
    margin-top: 32px;
    text-align: center;
    line-height: 1.5em;
    border-top: 1px solid #EFEFF1;
}

.new_direct .table_list dl::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .table_list dl dt {
    float: left;
    width: calc(100% - 112px);
    padding: 16px 0;
    padding-right: 20px;
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .table_list dl dd {
    float: right;
    width: 112px;
    padding: 16px 0;
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .list.step .list_item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new_direct .list.step .list_wrap {
    padding-bottom: 0;
}

.new_direct .list.step .list_body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 0 24px 48px;
}

.new_direct .list.step .list_body:after {
    display: none;
}

.new_direct .list.step .list_body .title .step {
    color: #F8670D;
    font-size: 12px;
    font-weight: 500;
}

.new_direct .list.step .list_body .title .step_txt {
    color: #1F1F21;
    font-size: 15px;
    font-weight: 500;
}

.new_direct .list.step .list_body .title .step_subtxt {
    color: #555557;
    font-size: 14px;
    font-weight: 400;
}

.new_direct .list.step .list_body span {
    margin-top: 2px;
}

.new_direct .list + .list, .new_direct .list + .list_bottom {
    margin-top: -1px;
}

.new_direct .h3 + .list.notice, .new_direct .list + .form_area, .new_direct .form_area + .list, .new_direct .card_list + .uol_list {
    margin-top: 24px;
}

.new_direct .form_search + .list.notice {
    margin-top: 32px;
}

.new_direct .form_search + .list.notice + .btn_area.more .btn.more {
    margin-top: 26px;
}

.new_direct .form_area + .uol_list.mt40.light, .new_direct .select_address + .uol_list.mt40.light {
    margin-top: 24px !important;
}

/**
* Layout.popup
* ------------------
*/
/* 해외여행보험 > 우리말 도움 서비스 안내 */
.new_direct [data-category=overseastrip_modal] .comp, .new_direct .modal .comp {
    margin: 24px auto 0;
}

.new_direct [data-category=overseastrip_modal] .h3, .new_direct .modal .h3 {
    color: #1F1F21;
}

.new_direct [data-category=overseastrip_modal] .h4, .new_direct .modal .h4 {
    color: #3F3F41;
}

.new_direct [data-category=overseastrip_modal] em.point_color, .new_direct .modal em.point_color {
    font-weight: 500;
}

.new_direct [data-category=overseastrip_modal] .governing p.info_text, .new_direct .modal .governing p.info_text {
    font-weight: 400;
}

.new_direct [data-category=overseastrip_modal] .uol_list .h4 + ul, .new_direct .modal .uol_list .h4 + ul {
    margin-top: 8px;
}

.new_direct [data-category=overseastrip_modal] .uol_list ul + .h4, .new_direct .modal .uol_list ul + .h4 {
    margin-top: 24px;
}

.new_direct [data-category=overseastrip_modal] .uol_list.fz_sm li, .new_direct .modal .uol_list.fz_sm li {
    color: #767678;
}

.new_direct [data-category=overseastrip_modal] .uol_list.fz_sm li + li, .new_direct .modal .uol_list.fz_sm li + li {
    margin-top: 6px;
}

.new_direct [data-category=overseastrip_modal] .comp p, .new_direct .modal .comp p {
    color: #555557;
    font-size: 15px;
    font-weight: 400;
}

.modal .modal_content {
    width: calc(100% - 40px);
}

.modal.full .modal_content, .modal.bottom .modal_content, .modal.bar .modal_content {
    width: 100%;
}

.modal.full .modal_content {
    height: 100%;
}

.modal.alert .modal_content {
    width: calc(100% - 40px);
    max-width: 300px;
}

.modal.alert.urgent_notice .modal_content {
    width: calc(100% - 40px);
    max-width: none;
}

.modal {
    z-index: 8010;
}

.modal.alert {
    z-index: 8300;
}

.modal_open {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.modal.fade {
    -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1) 0s;
    transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1) 0s;
    opacity: 0;
}

.modal.show {
    opacity: 1;
}

.modal.full.fade {
    -webkit-transition: none;
    transition: none;
    opacity: 0;
}

.modal.full.show {
    opacity: 1;
}

.modal.drag.fade, .modal.bottom.fade {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0;
}

.modal.drag.show, .modal.bottom.show {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.modal_backdrop {
    position: fixed;
    z-index: 8000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
}

.modal .modal_dialog {
    position: relative;
    width: auto;
    height: auto;
    min-height: 100%;
    margin: 0 auto;
    pointer-events: none;
    -webkit-appearance: none;
    vertical-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal .modal_content {
    position: relative;
    margin: 0 auto;
    border-radius: 24px;
    background: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.08);
    pointer-events: auto;
    outline: 0;
    -webkit-transition: -webkit-box-shadow 0.15s linear;
    transition: -webkit-box-shadow 0.15s linear;
    transition: box-shadow 0.15s linear;
    transition: box-shadow 0.15s linear, -webkit-box-shadow 0.15s linear;
}

.modal .modal_header .wrapper {
    padding: 15px 20px 16px;
}

.modal .modal_header .wrapper .modal_title {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    padding-right: 40px;
}

.modal .modal_header .wrapper .modal_title strong {
    color: #FF2D55;
}

.modal .modal_header .wrapper .modal_title strong:first-child {
    font-size: 19px;
    line-height: 1.4em;
}

.modal .modal_body {
    position: relative;
}

.modal .modal_body .wrapper {
    position: relative;
    height: auto;
    padding: 0 0 64px;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: auto;
}

.modal .modal_body .wrapper.nav_scroll {
    scroll-behavior: auto;
}

[data-category=direct_tv] .modal .modal_body .wrapper {
    padding-bottom: 0;
}

.modal .modal_footer {
    position: relative;
    z-index: 1;
}

.modal .btn_modal_close {
    position: absolute;
    top: 11px;
    right: 20px;
    background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 8L16 12M8 20L14 14' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 8L20 20' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
    width: 28px;
    height: 28px;
}

.modal .btn_modal_close span {
    position: absolute;
    display: inline-block;
    font-size: 1px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    visibility: hidden;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

.modal .btn_modal_close:after {
    width: 36px;
    height: 36px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal .btn_modal_handle {
    width: 56px;
    height: 4px;
    background: #E8E8EA;
    border-radius: 3px;
}

/* full popup */
/* .modal.full .modal_body{height: calc(100vh);} */
.modal.full .modal_body {
    height: calc(100vh - 143px);
}

.modal.full .modal_body .wrapper {
    height: calc(100% - 11px);
}

.modal.full .modal_body .wrapper.no_footer {
    height: calc(100vh - 64px);
}

.modal.full .modal_footer.fix {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.modal.full .modal_dialog {
    height: 100%;
}

.modal.full .modal_content {
    border-radius: 0;
}

.modal.full .modal_content .governing .governing_title + .info_text + .info_text {
    margin-top: 12px;
}

.modal.full.complete .modal_title {
    padding: 0;
    text-align: center;
}

.modal.full.complete .btn_modal_close {
    display: none;
}

.modal.full[data-bg=gray] .modal_content, .modal.full[data-bg=gray] .section {
    background-color: transparent;
}

.modal.full[data-bg=gray] .modal_header, .modal.full[data-bg=gray] .tab {
    background-color: #ffffff;
}

.modal.full .search_area + .comp {
    margin-top: 32px;
    padding-top: 0;
}

.modal.full.p_sh .modal_content {
    position: relative;
    min-width: 464px;
    max-width: 688px;
    max-height: 795px;
    height: auto;
    margin: 0 auto;
    border-radius: 16px;
    background: #fff;
}

.modal.full.p_sh .modal_header .wrapper {
    min-height: 80px;
}

.modal.full.p_sh .modal_header .wrapper .modal_title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 40px 77px 40px 40px;
    color: #1F1F21;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    word-break: break-word;
}

.modal.full.p_sh .modal_header .wrapper .modal_title strong {
    color: #FF2D55;
}

.modal.full.p_sh .modal_header .wrapper .modal_title.ta_c {
    margin-top: 40px;
}

.modal.full.p_sh .modal_header .wrapper .modal_title_area {
    padding: 40px 77px 40px 40px;
}

.modal.full.p_sh .modal_header .wrapper .modal_title_area .modal_title {
    position: static;
    padding: 0;
}

.modal.full.p_sh .modal_header .wrapper .modal_title_area .modal_desc {
    margin-top: 20px;
    color: #1F1F21;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: -0.02em;
    color: #555557;
}

.modal.full.p_sh .modal_body {
    height: auto !important;
}

.modal.full.p_sh .modal_body .wrapper {
    height: auto !important;
}

.modal.full.p_sh .modal_footer {
    border-radius: 0 0 16px 16px;
}

.modal.full.p_sh .modal_footer::before {
    display: none;
}

.modal.full.p_sh .btn.text {
    padding: 0px 0px;
    font-size: 15px;
    line-height: 21px;
}

.modal.full.p_sh .btn.text.arrow {
    padding-right: 22px;
}

.modal.full.p_sh .btn.text.arrow:after {
    width: 20px;
    height: 20px;
    background-size: cover;
}

.modal.full.p_sh .btn_modal_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:gray;%7D.cls-1,.cls-2%7Bfill-rule:evenodd;stroke-width:0px;%7D.cls-2%7Bfill:%23f2f2f3;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m16,32c8.84,0,16-7.16,16-16S24.84,0,16,0,0,7.16,0,16s7.16,16,16,16Z'/%3E%3Cpath class='cls-1' d='m21.63,10.63c-.47-.47-1.24-.47-1.71,0l-3.99,3.99-3.91-3.91c-.47-.47-1.24-.47-1.71,0-.47.47-.47,1.24,0,1.71l3.91,3.91-3.99,3.99c-.47.47-.47,1.24,0,1.71.47.47,1.24.47,1.71,0l3.99-3.99,3.91,3.91c.47.47,1.24.47,1.71,0,.47-.47.47-1.24,0-1.71l-3.91-3.91,3.99-3.99c.47-.47.47-1.24,0-1.71Z'/%3E%3C/svg%3E") no-repeat center center;
    z-index: 2;
}

/* 2024웹접근성_24 */
.modal.full.p_sh .btn_modal_close span {
    position: absolute;
    display: inline-block;
    font-size: 1px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    visibility: hidden;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

.modal.bottom {
    margin-top: 10px;
}

.modal.bottom .modal_dialog {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.modal.bottom .modal_content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.modal.bottom .modal_content.no_header .modal_header {
    height: 0;
    opacity: 0;
}

.modal.bottom .modal_content.no_header .modal_body .wrapper .comp:first-child {
    margin-top: 0;
}

.modal.bottom .modal_content .button_select .item {
    border-bottom: 1px solid #EFEFF1;
}

.modal.bottom .modal_content .button_select .item button {
    display: block;
    width: 100%;
    padding: 16px 0;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    text-align: left;
    color: #1F1F21;
}

.modal.bottom .modal_header .wrapper {
    padding: 40px 20px 20px 24px;
}

/* .modal.bottom .modal_body{padding-bottom: 20px;} */
.modal.bottom .modal_body .wrapper {
    padding: 0 0 40px;
}

.modal.bottom .modal_body .wrapper.no_footer {
    padding-bottom: 56px;
}

.modal.bottom .modal_body .wrapper .governing:first-child {
    padding: 0 24px;
    margin-bottom: 32px;
}

.modal.bottom .modal_body .wrapper .governing:first-child .governing_title {
    font-size: 17px;
    line-height: 1.4em;
    padding-right: 40px;
}

.modal.bottom .modal_body .wrapper .governing:first-child .governing_title strong {
    color: #FF2D55;
}

.modal.bottom .modal_body .wrapper .governing:first-child .governing_title strong:first-child {
    font-size: 19px;
    line-height: 1.4em;
}

.modal.bottom .modal_body .wrapper .governing:first-child .info_text {
    margin-top: 20px;
}

.modal.bottom .modal_body .wrapper .governing:first-child .info_text + .info_text {
    margin-top: 10px;
}

/* .modal.bottom .modal_body .wrapper .governing:not(.ta_l) .governing_title{padding-left: 40px;} */
.modal.bottom .modal_body .wrapper .comp:first-of-type {
    margin-top: 12px;
}

.modal.bottom .modal_body .wrapper .modal_subtitle {
    margin-top: -12px;
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 400;
    color: #555557;
}

.modal.bottom .modal_body .wrapper .comp.border_top:first-child {
    margin-top: 0;
    border-top: 1px solid #1F1F21;
}

.modal.bottom .modal_body .wrapper .comp.border_top:first-child .modal_subtitle {
    margin-top: 0px;
}

.modal.bottom .modal_header .wrapper .modal_title, .modal.bottom .modal_body .wrapper .modal_title {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 48px;
    line-height: 1.4em;
    word-wrap: break-word;
    word-break: keep-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.modal.bottom .modal_header .dl_list .dl_head.fz_lg dl > dt, .modal.bottom .modal_body .dl_list .dl_head.fz_lg dl > dt {
    width: 155px;
}

.modal.bottom .modal_header .dl_list .dl_head.fz_lg dl > dd, .modal.bottom .modal_body .dl_list .dl_head.fz_lg dl > dd {
    width: calc(100% - 155px);
}

.modal.bottom .modal_header .dl_list .dl_head.fz_lg dl, .modal.bottom .modal_body .dl_list .dl_head.fz_lg dl {
    line-height: 23px;
}

.modal.bottom .modal_header .dl_list .dl_head.fz_lg dl strong, .modal.bottom .modal_body .dl_list .dl_head.fz_lg dl strong {
    font-size: 17px;
    font-weight: 700;
}

.modal.bottom .btn_modal_close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:gray;%7D.cls-1,.cls-2%7Bfill-rule:evenodd;stroke-width:0px;%7D.cls-2%7Bfill:%23f2f2f3;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m16,32c8.84,0,16-7.16,16-16S24.84,0,16,0,0,7.16,0,16s7.16,16,16,16Z'/%3E%3Cpath class='cls-1' d='m21.63,10.63c-.47-.47-1.24-.47-1.71,0l-3.99,3.99-3.91-3.91c-.47-.47-1.24-.47-1.71,0-.47.47-.47,1.24,0,1.71l3.91,3.91-3.99,3.99c-.47.47-.47,1.24,0,1.71.47.47,1.24.47,1.71,0l3.99-3.99,3.91,3.91c.47.47,1.24.47,1.71,0,.47-.47.47-1.24,0-1.71l-3.91-3.91,3.99-3.99c.47-.47.47-1.24,0-1.71Z'/%3E%3C/svg%3E") no-repeat center center;
    width: 32px;
    height: 32px;
}

/* 2024웹접근성_24 */
.modal.bottom.drag {
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
}

.modal.bottom.drag[aria-hidden=true] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.modal.bottom.drag[aria-hidden=true] .modal_content {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.modal.bottom.drag .modal_content {
    -webkit-transition: border-radius 0.5s, -webkit-transform 0.5s;
    transition: border-radius 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0.5s;
    transition: transform 0.5s, border-radius 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.modal.bottom.drag .modal_content:not(.not_selectable) {
    -webkit-transition: border-radius 0.5s, height 0.5s, -webkit-transform 0.5s;
    transition: border-radius 0.5s, height 0.5s, -webkit-transform 0.5s;
    transition: transform 0.5s, border-radius 0.5s, height 0.5s;
    transition: transform 0.5s, border-radius 0.5s, height 0.5s, -webkit-transform 0.5s;
}

.modal.bottom.drag .modal_header .wrapper {
    height: 40px;
    padding: 0;
}

.modal.bottom.drag .modal_header .wrapper .drag_handler {
    position: relative;
    display: block;
    height: 40px;
    cursor: -webkit-grab;
    cursor: grab;
}

.modal.bottom.drag .modal_header .wrapper .drag_handler:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 56px;
    height: 4px;
    margin-left: -28px;
    background: #E8E8EA;
    border-radius: 3px;
}

.modal.bottom.drag .modal_body .wrapper .comp:first-child {
    margin-top: 0;
}

.modal.bottom.drag .modal_body .wrapper .modal_subtitle {
    margin-top: 0;
}

.modal.bottom.drag .modal_footer.fix {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal.bottom.drag .btn_modal_close {
    display: none;
}

.modal.bottom.drag .modal_content {
    z-index: 100;
}

.modal.bottom.drag .modal_backdrop {
    z-index: 99;
}

.content_footer.fix.calc_footer, #content .content_footer.fix.calc_footer {
    padding: 12px 20px 32px;
    -webkit-box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
}

.content_footer.fix.calc_footer:before {
    display: none;
}

.content_footer.fix.calc_footer .calc_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content_footer.fix.calc_footer .calc_wrap > *:first-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    min-width: calc(100% - 116px);
    margin-right: 20px;
}

.content_footer.fix.calc_footer .calc_wrap > *:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger {
    position: relative;
    cursor: default;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger .title {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
    color: #555557;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger .title span {
    color: #767678;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger .title em {
    color: #F8670D;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger .title + .num_txt {
    margin-top: 2px;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger .num_txt {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 700;
    color: #1F1F21;
    letter-spacing: -0.02em;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger:not(.disabled) {
    cursor: pointer;
}

.content_footer.fix.calc_footer .calc_wrap .modalbar_trigger:not(.disabled):after {
    content: "";
    position: absolute;
    right: 16px;
    top: 12px;
    width: 24px;
    height: 24px;
    background: 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='M6 14L12 8L18 14' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.content_footer.fix.calc_footer .calc_wrap .btn_area {
    margin-top: 0;
}

.content_footer.fix.calc_footer .calc_wrap .btn_area .btn {
    width: 100%;
}

.content_footer.fix.calc_footer .calc_wrap .btn_area:after {
    content: "";
    position: absolute;
    left: -20px;
    height: 100%;
    width: 1px;
    border-left: 1px solid #EFEFF1;
}

.modal.md .modal_dialog {
    height: 100%;
}

.modal.md .modal_content {
    border-radius: 16px;
}

.modal.md .modal_header .wrapper {
    padding: 40px 20px 20px;
}

.modal.md .modal_header .wrapper .modal_title, .modal.md .modal_body .wrapper .modal_title {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 48px;
    line-height: 1.4em;
    word-wrap: break-word;
    word-break: keep-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.modal.md .modal_footer {
    border-radius: 16px;
}

.modal.md .btn_modal_close {
    position: absolute;
    top: 20px;
    right: 20px;
    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%3Cg opacity='0.78'%3E%3Cg filter='url(%23filter0_b_142_14154)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z' fill='%23EFEFF1'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6256 10.6256C21.1531 10.1531 20.387 10.1532 19.9144 10.6257L15.9235 14.6167L12.0089 10.7021C11.5364 10.2296 10.7703 10.2297 10.2978 10.7022C9.82521 11.1748 9.82514 11.9409 10.2976 12.4134L14.2122 16.328L10.2212 20.3189C9.74869 20.7915 9.74863 21.5576 10.2211 22.0301C10.6936 22.5025 11.4597 22.5025 11.9322 22.0299L15.9232 18.039L19.8378 21.9535C20.3103 22.426 21.0764 22.426 21.5489 21.9534C22.0215 21.4808 22.0215 20.7147 21.5491 20.2423L17.6345 16.3277L21.6254 12.3367C22.098 11.8642 22.0981 11.0981 21.6256 10.6256Z' fill='%23777779'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_142_14154' x='-54.3656' y='-54.3656' width='140.731' height='140.731' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='27.1828'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_142_14154'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_142_14154' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
    width: 32px;
    height: 32px;
}

.modal.alert .modal_content {
    border-radius: 16px;
}

.modal.alert .modal_header .wrapper {
    padding: 32px 32px 6px;
}

.modal.alert .modal_header .wrapper .modal_title {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 700;
    padding-right: 0;
    color: #1F1F21;
    text-align: center;
}

.modal.alert .modal_body .wrapper {
    padding: 0 32px 32px;
    margin-bottom: 0;
    text-align: center;
}

.modal.alert .modal_body .wrapper .alert_msg {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 400;
    color: #555557;
    line-height: 1.5em;
}

.modal.alert .modal_body .wrapper .alert_msg strong {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    color: #1F1F21;
}

.modal.alert .modal_body .wrapper .alert_msg p + p {
    margin-top: 12px;
}

.modal.alert .modal_body .wrapper .alert_msg .gray_line dt strong {
    font-size: 14px;
    font-weight: 400;
    color: #555557;
}

.modal.alert .modal_body .wrapper .alert_msg .base_list h4 {
    color: #1F1F21;
}

.modal.alert .modal_body .wrapper .alert_msg .base_list p + h4 {
    margin-top: 20px;
}

.modal.alert .modal_body .wrapper .alert_msg .base_list ul li {
    color: #555557;
}

.modal.alert .modal_body .wrapper .icon {
    position: relative;
    height: 64px;
    margin-bottom: 10px;
}

.modal.alert .modal_body .wrapper .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    width: 64px;
    height: 64px;
    background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='40' fill='%23FFF4EB'/%3E%3Cpath d='M28 39.4146L36.8462 48L53 32' stroke='%23F8670D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    background-size: 100%;
}

.modal.alert .modal_body .wrapper .icon.info:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    position: absolute;
    width: 64px;
    height: 64px;
    background: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23F5F5F7'/%3E%3Ccircle cx='2' cy='2' r='2' transform='matrix(1 0 0 -1 30 44)' fill='%23F8670D'/%3E%3Crect width='4' height='18' rx='2' transform='matrix(1 0 0 -1 30 38)' fill='%23F8670D'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    background-size: 100%;
}

.modal.alert .modal_body .wrapper .icon.fail:after {
    content: "";
    position: absolute;
    width: 64px;
    height: 64px;
    background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='40' fill='%23FFF4EB'/%3E%3Cpath d='M30.0001 30L50.0001 50' stroke='%23F8670D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50.0001 30L30.0001 50' stroke='%23F8670D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    background-size: 100%;
}

.modal.alert .modal_footer .btn_area {
    border-top: 1px solid #EFEFF1;
}

.modal.alert .modal_footer .btn_area .alert_btn {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    margin: 0;
    color: #F8670D;
}

.modal.alert .modal_footer .btn_area .alert_btn + .alert_btn {
    border-left: 1px solid #EFEFF1;
    border-radius: 0;
    font-weight: 700;
}

.modal.alert .modal_footer .btn_area .btn_cancel {
    color: #555557;
}

.modal.alert .btn_modal_close {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url("data:image/svg+xml,%3Csvg  width='32' height='32' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:gray;%7D.cls-1,.cls-2%7Bfill-rule:evenodd;stroke-width:0px;%7D.cls-2%7Bfill:%23f2f2f3;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m16,32c8.84,0,16-7.16,16-16S24.84,0,16,0,0,7.16,0,16s7.16,16,16,16Z'/%3E%3Cpath class='cls-1' d='m21.63,10.63c-.47-.47-1.24-.47-1.71,0l-3.99,3.99-3.91-3.91c-.47-.47-1.24-.47-1.71,0-.47.47-.47,1.24,0,1.71l3.91,3.91-3.99,3.99c-.47.47-.47,1.24,0,1.71.47.47,1.24.47,1.71,0l3.99-3.99,3.91,3.91c.47.47,1.24.47,1.71,0,.47-.47.47-1.24,0-1.71l-3.91-3.91,3.99-3.99c.47-.47.47-1.24,0-1.71Z'/%3E%3C/svg%3E") no-repeat center center;
    width: 32px;
    height: 32px;
}

/* 2024웹접근성_24 */
.modal.alert.alert_md .modal_content {
    max-width: 320px;
}

.modal.alert.alert_md .modal_header .wrapper {
    padding: 32px 28px 20px;
}

.modal.alert.alert_md .modal_header .wrapper .modal_title {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
    /*padding-right:40px;*/
    text-align: left;
}

.modal.alert.alert_md .modal_body .wrapper {
    padding: 0 28px 32px;
    text-align: left;
}

.modal.alert.alert_md.wide_left .modal_content {
    max-width: calc(100% - 40px);
}

.modal.alert.alarm .modal_header .wrapper {
    padding: 32px 28px 20px;
}

.modal.alert.alarm .modal_header .wrapper .modal_title {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
    /*padding-right:40px;*/
    text-align: left;
}

.modal.alert.alarm .modal_body .wrapper {
    padding: 0 28px 32px;
    text-align: left;
}

.modal.alert.alarm .modal_footer {
    padding: 0 28px 32px;
}

.modal.alert.alarm .modal_footer .btn_area {
    border-top: none;
}

.modal.urgent_notice .modal_content i.icon {
    position: absolute;
    top: -43px;
    right: 20px;
    width: 43px;
    height: 43px;
    background: url("../../images/new/apng/img_alarm.png") 50% 50% no-repeat;
    background-size: 100% 100%;
}

.modal.urgent_notice .modal_header .wrapper {
    padding: 32px 28px 24px;
}

.modal.urgent_notice .modal_header .wrapper .modal_title {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
    padding-right: 40px;
    text-align: left;
}

.modal.urgent_notice .modal_body .wrapper {
    padding: 0 28px 32px;
    text-align: left;
}

.modal.urgent_notice .modal_body .wrapper .alert_msg strong {
    font-weight: 500;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #1F1F21;
    font-weight: 700;
}

.modal.urgent_notice .btn_modal_close {
    display: block;
}

.btn_area.cta.btn_samples {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.btn_area.cta.btn_samples .btn {
    min-width: 100%;
    margin: 0;
}

.modal.event .modal_body .wrapper {
    margin-top: 0 !important;
    padding: 0;
}

.modal.event .modal_body .wrapper .comp {
    width: 100%;
    margin: 0 !important;
}

.modal.event .modal_footer.fix {
    padding: 16px 24px 50px;
}

.modal.event .modal_footer.fix:before {
    display: none;
}

.modal.event .modal_footer.fix .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal.event .modal_footer.fix .btn_area button, .modal.event .modal_footer.fix .btn_area a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #3F3F41;
}

.modal.event .modal_footer.fix .btn_area button.point_color, .modal.event .modal_footer.fix .btn_area a.point_color {
    font-weight: 700;
}

/* 뷰어 영역 */
.modal .modal_body .rd_viewer {
    height: calc(100vh - 160px) !important;
}

/**
* Module.swiper
* ------------------
*/
.new_direct .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100% !important;
    height: 6px;
    font-size: 0;
    text-align: center;
}

.new_direct .swiper-pagination-bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 8px;
    border-radius: 50%;
    vertical-align: top;
    background-color: #D9D9D9;
}

.new_direct .swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 20px;
    background-color: #212121;
}

.new_direct .swiper-pagination-bullet:first-child {
    margin-left: 0;
}

.new_direct .swiper-pagination-bullets.swiper-pagination-lock {
    display: none;
}

.new_direct .swiper[data-slider^=card] {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
}

.new_direct .swiper[data-slider=indicator_banner] .img_area {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.new_direct .swiper[data-slider=indicator_banner] .img_area > img {
    width: 100%;
}

.new_direct .swiper[data-slider=indicator_banner] .swiper-pagination {
    top: 8px;
    left: auto;
    right: 16px;
    z-index: 10;
    width: 33px !important;
    height: 18px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.6);
    line-height: 16px;
    z-index: 10;
}

.new_direct .swiper + .alert_msg.ta_c, .modal .swiper + .alert_msg.ta_c {
    margin-top: 20px;
}

.new_direct .swiper, .new_direct swiper-container, .modal .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}

/* Auto Height */
.new_direct .swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.new_direct .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.new_direct .swiper-android .swiper-slide, .new_direct .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.new_direct .swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.new_direct .swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.new_direct .swiper-slide, .new_direct swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    /*height: 100%;*/
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block;
}

.new_direct .swiper-slide-invisible-blank {
    visibility: hidden;
}

.new_direct .swiper-autoheight, .new_direct .swiper-autoheight .swiper-slide {
    height: auto;
}

.new_direct .swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.new_direct .swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 3D Effects */
.new_direct .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.new_direct .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.new_direct .swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.new_direct .swiper-3d .swiper-slide, .new_direct .swiper-3d .swiper-slide-shadow, .new_direct .swiper-3d .swiper-slide-shadow-left, .new_direct .swiper-3d .swiper-slide-shadow-right, .new_direct .swiper-3d .swiper-slide-shadow-top, .new_direct .swiper-3d .swiper-slide-shadow-bottom, .new_direct .swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.new_direct .swiper-3d .swiper-slide-shadow, .new_direct .swiper-3d .swiper-slide-shadow-left, .new_direct .swiper-3d .swiper-slide-shadow-right, .new_direct .swiper-3d .swiper-slide-shadow-top, .new_direct .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.new_direct .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.new_direct .swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.new_direct .swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.new_direct .swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.new_direct .swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.new_direct .swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

/* CSS Mode */
.new_direct .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.new_direct .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.new_direct .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.new_direct .swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.new_direct .swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}

.new_direct .swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;}

.new_direct .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);}

/* .new_direct .swiper-centered.swiper-horizontal > .swiper-wrapper: :before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.new_direct .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);}

.new_direct .swiper-centered.swiper-vertical > .swiper-wrapper: :before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
} */

.new_direct .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.new_direct .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .new_direct swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .new_direct .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
}

.new_direct .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.new_direct .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/**
* Module.Tab
* ------------------
*/
.new_direct .tab, .modal .tab {
    padding-top: 10px;
}

.new_direct .tab.full, .modal .tab.full {
    margin-left: -20px;
    margin-right: -20px;
}

.modal.bottom .new_direct .tab.full {
    margin-left: -24px;
    margin-right: -24px;
}

.new_direct .tab .tab_wrap, .modal .tab .tab_wrap {
    position: relative;
}

.new_direct .tab .tab_wrap::after, .modal .tab .tab_wrap::after {
    display: block;
    content: "";
    clear: both;
}

/* 탭안에 유의사항이 있는 경우 */
.new_direct .tab_content.tab_flex, .modal .tab_content.tab_flex {
    display: flex !important;
    flex-wrap: wrap;
    flex-direction: column;
}

.new_direct .tab_content, .modal .tab_content {
    margin-top: 24px;
    display: none;
}

.new_direct .tab_content .tab_con_title + .comp .card_list, .modal .tab_content .tab_con_title + .comp .card_list {
    margin-top: 32px;
}

.new_direct .tab_content .search_area, .modal .tab_content .search_area {
    margin-top: 32px;
}

.new_direct .tab_content .search_area ~ [id^=search_target] .governing.nodata[data-icon=nodata2], .modal .tab_content .search_area ~ [id^=search_target] .governing.nodata[data-icon=nodata2] {
    margin-top: 56px;
}

.new_direct .tab_content .search_area ~ [id^=search_target] .amount_title + .card_list, .modal .tab_content .search_area ~ [id^=search_target] .amount_title + .card_list {
    margin-top: 24px;
}

.new_direct .tab_round ~ .tab_content .filter, .modal .tab_round ~ .tab_content .filter {
    margin-top: 20px;
}

.new_direct .tab_content .tab_con_title + .comp, .modal .tab_content .tab_con_title + .comp {
    margin-top: 0;
}

.new_direct .tab_content .tab_con_title + .comp .amount_title, .modal .tab_content .tab_con_title + .comp .amount_title {
    margin-top: 32px;
}

.new_direct .tab_content .section.bottom_fix + .content_footer ~ .section.bottom_fix , .modal .tab_content .section.bottom_fix + .content_footer ~ .section.bottom_fix {
    border: 1px solid #333;
}

.new_direct .tab_line.hr, .modal .tab_line.hr {
    height: auto;
    padding-top: 12px;
}

.new_direct .tab_line .tab_wrap, .modal .tab_line .tab_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .tab_line li, .modal .tab_line li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}

.new_direct .tab_line li:after, .modal .tab_line li:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 1px;
    background-color: transparent;
}

.new_direct .tab_line li a, .modal .tab_line li a {
    display: block;
    min-height: 50px;
    padding: 14px 5px 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    color: #767678;
    text-align: center;
}

.new_direct .tab_line li.on:after, .modal .tab_line li.on:after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #1F1F21;
}

.new_direct .tab_line li.on a, .modal .tab_line li.on a {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 700;
    color: #1F1F21;
    color: #1F1F21;
}

.new_direct .comp + .tab_line, .modal .comp + .tab_line {
    margin-top: 32px;
}

.new_direct .tab_line.tab_left .tab_wrap, .modal .tab_line.tab_left .tab_wrap {
    -webkit-box-flex: inline-flex;
    -ms-flex: inline-flex;
    flex: inline-flex;
    padding-left: 20px;
    gap: 0 20px;
}

.new_direct .tab_line.tab_left li, .modal .tab_line.tab_left li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.new_direct .tab_line.tab_left li a, .modal .tab_line.tab_left li a {
    padding: 14px 0 15px;
}

.new_direct .tab_bar.hr, .modal .tab_bar.hr {
    height: auto;
    padding-top: 12px;
}

.new_direct .tab_bar .tab_wrap, .modal .tab_bar .tab_wrap {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 5px;
    padding-left: 24px;
    gap: 0 24px;
}

.new_direct .tab_bar li, .modal .tab_bar li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.new_direct .tab_bar li:after, .modal .tab_bar li:after {
    content: "";
    position: absolute;
    left: -11px;
    top: calc(50% - 5px);
    width: 1px;
    height: 10px;
    background-color: #D9D9D9;
}

.new_direct .tab_bar li:first-child::after, .modal .tab_bar li:first-child::after {
    display: none;
}

.new_direct .tab_bar li a, .modal .tab_bar li a {
    display: block;
    min-height: 50px;
    padding: 14px 0 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    color: #767678;
    text-align: center;
}

.new_direct .tab_bar li.on a, .modal .tab_bar li.on a {
    color: #1F1F21;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.04em;
    text-decoration: underline;
}

/* 2024웹접근성 */
.new_direct .tab_bar ~ .tab_content, .modal .tab_bar ~ .tab_content {
    margin-top: 0;
}

.new_direct .tab_bar ~ .tab_content.comp, .modal .tab_bar ~ .tab_content.comp {
    width: 100%;
    background-color: #fff;
}

.new_direct .tab_bar ~ .tab_content.comp .tag_scroll, .modal .tab_bar ~ .tab_content.comp .tag_scroll {
    margin-left: -34px;
    margin-right: -34px;
    padding-left: 34px;
}

.new_direct .tab_bar ~ .tab_content.comp .tag_scroll .tag_wrap, .modal .tab_bar ~ .tab_content.comp .tag_scroll .tag_wrap {
    padding-right: 34px;
}

.new_direct .tab_round .tab_wrap, .modal .tab_round .tab_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    margin-right: 52px;
    margin-left: 52px;
    border-radius: 100px;
    background: #F5F5F7;
}

.new_direct .tab_round li, .modal .tab_round li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.new_direct .tab_round li:last-child, .modal .tab_round li:last-child {
    margin-left: -8px;
}

.new_direct .tab_round li a, .modal .tab_round li a {
    display: block;
    min-height: 40px;
    padding: 9px;
    background: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 400;
    color: #555557;
    color: #555557;
    text-align: center;
}

.new_direct .tab_round li.on a, .modal .tab_round li.on a {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    font-weight: 700;
    color: #1F1F21;
    color: #1F1F21;
    background: #fff;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 99px;
}

.new_direct .tab_scroll, .modal .tab_scroll {
    overflow-y: hidden;
    overflow-x: auto;
}

.new_direct .tab_scroll::-webkit-scrollbar, .new_direct .tag_scroll::-webkit-scrollbar, .modal .tab_scroll::-webkit-scrollbar, .new_direct .tag_scroll::-webkit-scrollbar {
    display: none;
}

.comp .new_direct .tab_scroll, .modal .new_direct .tab_scroll {
    margin-left: -20px;
    margin-right: -20px;
}

.modal.bottom .comp .new_direct .tab_scroll {
    margin-left: -24px;
    margin-right: -24px;
}

.tab_content .new_direct .tab_scroll, .modal .new_direct .tab_scroll {
    margin-top: 16px;
}

.new_direct .tab_scroll .tab_wrap, .modal .tab_scroll .tab_wrap {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 20px;
}

.new_direct .tab_scroll .tab_wrap.tab_indent li:first-child, .modal .tab_scroll .tab_wrap.tab_indent li:first-child {
    padding-left: 20px;
}

.new_direct .tab_scroll li, .modal .tab_scroll li {
    float: left;
    padding-right: 6px;
}

.new_direct .tab_scroll li:first-child, .modal .tab_scroll li:first-child {
    padding-left: 20px;
}

.new_direct .tab_scroll li:last-child, .modal .tab_scroll li:last-child {
    padding-right: 0;
}

.new_direct .tab_scroll li a, .modal .tab_scroll li a {
    border-radius: 99px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.04em;
    color: #1F1F21;
    display: block;
    padding: 6px 14px;
    color: #767678;
    background: #F5F5F7;
}

.new_direct .tab_scroll li.on a, .modal .tab_scroll li.on a {
    color: #fff;
    background: #1F1F21;
}

/* (구)디자인 (신)디자인 전체 메뉴 호환240322 - H */
.tab .tab_wrap::after, .modal .tab .tab_wrap::after {
    display: block;
    content: "";
    clear: both;
}

.tab_scroll::-webkit-scrollbar, .tag_scroll::-webkit-scrollbar, .modal .tab_scroll::-webkit-scrollbar, .tag_scroll::-webkit-scrollbar {
    display: none;
}

.tab_scroll .tab_wrap, .modal .tab_scroll .tab_wrap {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 20px;
}

.tab_scroll .tab_wrap.tab_indent li:first-child, .modal .tab_scroll .tab_wrap.tab_indent li:first-child {
    padding-left: 20px;
}

/* 환급/차감 상세 내역 스크롤 탭 */
.modal .title_area + .tab_scroll > .tab_wrap li:first-child {
    padding-left: 0;
}

/* .new_direct .tab_scroll > .tab_wrap li:first-child, */
.modal .tab_scroll > .tab_wrap li:first-child {
    padding-left: 20px;
}

.new_direct .main_wrap .tab_scroll .tab_wrap li:first-child, .modal .main_wrap .tab_scroll .tab_wrap li:first-child {
    padding-left: 20px;
}

/**
* Module.Table
* ------------------
*/
.new_direct .table_area .table_top {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.new_direct .table_area .table_bottom {
    margin-top: 12px;
}

.new_direct .table_area .table_bottom::after {
    display: block;
    content: "";
    clear: both;
}

.new_direct .table_area .table_bottom .btn_area {
    margin-top: 0;
}

.new_direct .table_area .table_bottom .btn_area .btn + .btn {
    margin-left: 5px;
}

.new_direct .table_area + .table_area {
    margin-top: 20px;
}

.new_direct .table.col2 colgroup col:nth-of-type(1) {
    width: 112px;
}

.new_direct .table.col2 colgroup col:nth-of-type(2) {
    width: auto;
}

.new_direct .table.col3 colgroup col:nth-of-type(1) {
    width: 112px;
}

.new_direct .table.col3 colgroup col:nth-of-type(2) {
    width: auto;
}

.new_direct .table.col3 colgroup col:nth-of-type(3) {
    width: auto;
}

.new_direct .table.col4 colgroup col:nth-of-type(1) {
    width: 112px;
}

.new_direct .table.col4 colgroup col:nth-of-type(2) {
    width: calc(50% - 112px);
}

.new_direct .table.col4 colgroup col:nth-of-type(3) {
    width: 112px;
}

.new_direct .table.col4 colgroup col:nth-of-type(4) {
    width: auto;
}

.new_direct .table.col2_same colgroup col {
    width: 50%;
}

.new_direct .table.col3_same colgroup col {
    width: 33.333%;
}

.new_direct .table.col3_same colgroup col:nth-of-type(3) {
    width: auto;
}

.new_direct .table.col3_same tbody th:not([rowspan]), .new_direct .table.col3_same tbody td {
    width: 33.3333333333%;
}

.new_direct .table.col4_same colgroup col {
    width: 25%;
}

.new_direct .table {
    position: relative;
    border-collapse: collapse;
    border-top: 1px solid #EFEFF1;
    border-bottom: 1px solid #EFEFF1;
    border-left: none;
    border-right: none;
}

.new_direct .table th {
    border-left: 1px solid #EFEFF1;
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .table td {
    border-left: 1px solid #EFEFF1;
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .table tr > *:first-child {
    border-left: none;
}

.new_direct .table tr:last-child td, .new_direct .table tr:last-child th {
    border-bottom: none;
}

.new_direct .table thead th {
    border-left: 1px solid #EFEFF1;
    border-bottom: 1px solid #EFEFF1;
    background: #F9F9FB;
}

.new_direct .table thead tr:last-child th {
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .table thead th[rowspan] {
    border-bottom: 1px solid #EFEFF1;
}

.new_direct .table tbody th {
    border-left: 1px solid #F9F9FB;
    border-bottom: 1px solid #EFEFF1;
    background: #F9F9FB;
}

.new_direct .table tbody td {
    border-left: 1px solid #F9F9FB;
    border-bottom: 1px solid #EFEFF1;
    background: #fff;
}

.new_direct .table tbody th + td {
    border-left: 1px solid #F9F9FB;
}

.new_direct .table tfoot th {
    background: #f9f9f9;
}

.new_direct .table tfoot td {
    border-left: none;
    background: #f9f9f9;
}

.new_direct .table tfoot tr:first-child th, .new_direct .table tfoot tr:first-child td {
    border-top: 1px solid #EFEFF1;
}

.new_direct .table tr th.bd_l {
    border-left: 1px solid #F9F9FB;
}

.new_direct .table tr td.bd_l {
    border-left: 1px solid #EFEFF1;
}

.new_direct .table tr th.bd_r {
    border-right: 1px solid #F9F9FB;
}

.new_direct .table tr.bd_strong th, .new_direct .table tr.bd_strong td {
    border-top: 2px solid #EFEFF1;
}

.new_direct .table {
    color: #3F3F41;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
}

.new_direct .table strong {
    font-weight: 500;
    color: #1F1F21;
}

.new_direct .table th, .new_direct .table td {
    height: 50px;
    padding: 14px;
    text-align: left;
    vertical-align: middle;
}

.new_direct .table td {
    color: #555557;
}

.new_direct .table thead th {
    text-align: center;
}

.new_direct .table tfoot th, .new_direct .table tfoot td {
    font-weight: 500;
}

.new_direct .table tfoot th {
    color: #000;
    text-align: left;
}

.new_direct .table tfoot td {
    color: #F8670D;
    text-align: right;
}

.new_direct .table.ta_c th, .new_direct .table.ta_c td {
    text-align: center;
}

.new_direct .table.ta_thc th, .new_direct .table.ta_thc td {
    text-align: center;
}

.new_direct .table .table_horizon table th, .new_direct .table .table_horizon table td, .new_direct .table .table.compact th, .new_direct .table .table.compact td, .new_direct .table .dialog .table th, .new_direct .table .dialog .table td {
    padding: 7px 9px;
}

.new_direct .table .list_dot, .new_direct .table .imp_txt {
    margin-top: 5px;
}

.new_direct .table .list_dot .list_bar > li {
    font-weight: 300;
}

.new_direct .table td > .list_dot:first-child, .new_direct .table td > .imp_txt:first-child {
    margin-top: 0px;
}

.new_direct table + table, .new_direct table + p {
    margin-top: 32px;
}

.new_direct table .link {
    color: #000;
    text-decoration: underline;
}

.new_direct table .link:hover {
    color: #F8670D;
}

.new_direct .table_horizon {
    position: relative;
}

.new_direct .table_horizon .tbl_scroll_guide {
    display: none;
}

.new_direct .table_horizon .table_clone {
    position: relative;
    height: 50px;
    overflow: hidden;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #ccc;
}

.new_direct .table_horizon .table_clone .table_clone_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
}

.new_direct .table_horizon .table_clone .table_clone_wrapper table.clone thead {
    visibility: visible;
}

.new_direct .horizon_scrollbar {
    position: relative;
    overflow-y: auto;
    max-height: calc(100vh - 350px);
    min-height: 50px;
    padding-bottom: 8px;
}

.new_direct .horizon_scrollbar table {
    position: relative;
    margin-top: 1px;
    margin-top: -50px;
}

.new_direct .horizon_scrollbar + .list_dot {
    margin-top: 20px;
}

.new_direct .horizon_scrollbar.empty {
    height: 13px;
    min-height: 0;
    overflow-y: hidden !important;
}

.new_direct .dialog .horizon_scrollbar {
    max-height: calc(100vh - 650px);
}

/**
* Module.Toast
* ------------------
*/
.new_direct .toast {
    z-index: 8100;
    position: fixed;
    left: 20px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px 6px;
}

.new_direct .toast .toast_wrap {
    position: relative;
    margin: 0 auto;
    min-height: 44px;
    padding: 12px 16px 12px 40px;
    border-radius: 100px;
    background: rgba(34, 34, 34, 0.7);
}

.new_direct .toast .toast_wrap:after {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23EB6868'/%3E%3Cpath d='M8.00008 12.7656C7.99304 13.3149 8.45077 13.7586 9.00004 13.7656C9.54227 13.7586 9.99296 13.3149 10 12.7656C9.99296 12.2163 9.54227 11.7656 9.00004 11.7656C8.45077 11.7656 7.99304 12.2163 8.00008 12.7656Z' fill='white'/%3E%3Cpath d='M10 4H8L8.3 10.4H9H9.7L10 4Z' fill='white'/%3E%3C/svg%3E%0A") 0 0 no-repeat;
}

.new_direct .toast .toast_wrap .msg {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: #767678;
    color: #fff;
}

.new_direct .toast {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.new_direct .toast.init {
    opacity: 0;
}

.new_direct .toast.animate {
    opacity: 1;
}

.new_direct .toast.end {
    opacity: 0;
}

/**
* Module.Tooltip
* ------------------
*/
.new_direct .btn_tooltip {
    position: relative;
    top: 3px;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    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%3Cg clip-path='url(%23clip0_470_1407)'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='7.5' stroke='%23767678'/%3E%3Cpath d='M8.54492 9.39258H7.05078C7.05469 9.04102 7.08203 8.73828 7.13281 8.48438C7.1875 8.22656 7.2793 7.99414 7.4082 7.78711C7.54102 7.58008 7.7168 7.375 7.93555 7.17188C8.11914 7.00781 8.2793 6.85156 8.41602 6.70312C8.55273 6.55469 8.66016 6.40234 8.73828 6.24609C8.81641 6.08594 8.85547 5.9082 8.85547 5.71289C8.85547 5.48633 8.82031 5.29883 8.75 5.15039C8.68359 4.99805 8.58203 4.88281 8.44531 4.80469C8.3125 4.72656 8.14453 4.6875 7.94141 4.6875C7.77344 4.6875 7.61719 4.72461 7.47266 4.79883C7.32812 4.86914 7.20898 4.97852 7.11523 5.12695C7.02539 5.27539 6.97852 5.4707 6.97461 5.71289H5.27539C5.28711 5.17773 5.41016 4.73633 5.64453 4.38867C5.88281 4.03711 6.20117 3.77734 6.59961 3.60938C6.99805 3.4375 7.44531 3.35156 7.94141 3.35156C8.48828 3.35156 8.95703 3.44141 9.34766 3.62109C9.73828 3.79688 10.0371 4.05664 10.2441 4.40039C10.4512 4.74023 10.5547 5.1543 10.5547 5.64258C10.5547 5.98242 10.4883 6.28516 10.3555 6.55078C10.2227 6.8125 10.0488 7.05664 9.83398 7.2832C9.61914 7.50977 9.38281 7.74414 9.125 7.98633C8.90234 8.18555 8.75 8.39453 8.66797 8.61328C8.58984 8.83203 8.54883 9.0918 8.54492 9.39258ZM6.875 11.2031C6.875 10.9531 6.96094 10.7461 7.13281 10.582C7.30469 10.4141 7.53516 10.3301 7.82422 10.3301C8.10938 10.3301 8.33789 10.4141 8.50977 10.582C8.68555 10.7461 8.77344 10.9531 8.77344 11.2031C8.77344 11.4453 8.68555 11.6504 8.50977 11.8184C8.33789 11.9863 8.10938 12.0703 7.82422 12.0703C7.53516 12.0703 7.30469 11.9863 7.13281 11.8184C6.96094 11.6504 6.875 11.4453 6.875 11.2031Z' fill='%23767678'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_470_1407'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    vertical-align: top;
    outline: none;
}

.new_direct .btn_tooltip:after {
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    z-index: 7001;
    width: 16px;
    height: 7px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='7' viewBox='0 0 16 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.64645 5.64645L1.79289 6.5L3 6.5H8L13 6.5H14.2071L13.3536 5.64645L9.06066 1.35355C8.47487 0.767767 7.52513 0.767766 6.93934 1.35355L2.64645 5.64645Z' fill='white' stroke='%23DFDFE1'/%3E%3Cpath d='M7.29289 1.70711L2 7L8 7L14 7L8.70711 1.70711C8.31658 1.31658 7.68342 1.31658 7.29289 1.70711Z' fill='white'/%3E%3C/svg%3E%0A");
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: default;
}

.new_direct .btn_tooltip.active:after {
    display: block;
    bottom: -12px;
}

.new_direct .btn_tooltip[data-pos=top] ~ .tooltip_clone {
    bottom: 31px;
    left: -10px;
    top: inherit;
}

.new_direct .btn_tooltip[data-pos=top] ~ .tooltip_clone .tooltip_wrap {
    position: initial;
    bottom: initial;
    left: initial;
}

.new_direct .btn_tooltip[data-pos=top]::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -14px;
    left: 0;
}

.new_direct .btn_tooltip[data-pos=bottom] ~ .tooltip_clone {
    top: 30px;
    left: 0;
    right: 0;
}

.new_direct .btn_tooltip[data-pos=bottom] .tooltip_wrap {
    position: absolute;
    top: 30px;
    left: -10px;
}

.new_direct .btn_tooltip[data-pos=right] ~ .tooltip_clone {
    top: 30px;
    right: -10px;
    left: initial;
}

.new_direct .btn_tooltip[data-pos=right] ~ .tooltip_clone .tooltip_title {
    text-align: left;
}

.new_direct .btn_tooltip[data-pos=right] ~ .tooltip_clone .tooltip_contents {
    text-align: left;
}

/* 기타 툴팁 위치 */
.new_direct .form_radio .btn_tooltip[data-pos=bottom] ~ .tooltip_clone {
    top: 36px;
    left: 0;
}

.new_direct .dl_list dl > dd .tooltip {
    vertical-align: initial;
}

.new_direct .title_area .btn_tooltip[data-pos=bottom] ~ .tooltip_clone {
    top: 33px;
}

.new_direct .form_label {
    width: 100%;
}

/* 카드형 안에 dl + 툴팁 위치 */
.new_direct .card_item .dl_list dl > .tooltip_dl dt .btn_tooltip, .new_direct .card_footer .card_text .btn_tooltip {
    top: 0;
}

.new_direct .card_item .dl_list dl > .tooltip_dl dt .btn_tooltip[data-pos=bottom] ~ .tooltip_clone, .new_direct .card_footer .card_text .btn_tooltip[data-pos=bottom] ~ .tooltip_clone {
    top: 41px;
}

.new_direct .card_item .dl_list dl > .tooltip_dl dt .btn_tooltip[data-pos=top] ~ .tooltip_clone {
    bottom: 34px;
}

.new_direct .card_wrap .dl_list dl > dt .btn_tooltip[data-pos=top] ~ .tooltip_clone {
    left: 0;
    right: 0;
    /* bottom: 0;*/
}

.new_direct .dl_list dl > .tooltip_dl > dd .btn_tooltip[data-pos=bottom] ~ .tooltip_clone {
    top: 43px;
    text-align: left;
}

.new_direct .tooltip_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.new_direct .tooltip_area .tooltip_text {
    color: #555557;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #767678;
}

.new_direct .tooltip {
    display: inline-block;
    position: static;
    vertical-align: middle;
    white-space: normal;
}

.new_direct .tooltip_wrap {
    display: none;
    z-index: 1;
    max-width: 360px;
    padding: 8px 38px 8px 12px;
    border: 1px solid #DFDFE1;
    background-color: #fff;
    border-radius: 6px;
}

.new_direct .tooltip_wrap .tooltip_title {
    padding-right: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #1F1F21;
    margin-bottom: 6px;
}

.new_direct .tooltip_wrap .tooltip_con {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #555557;
}

.new_direct .tooltip_wrap .tooltip_con .uol_list li {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #555557;
}

.new_direct .tooltip_wrap .tooltip_con .uol_list li:before {
    background-color: #767678;
}

.new_direct .tooltip_wrap .tooltip_close {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background-size: 100% 100%;
    font-size: 0;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_151_599)'%3E%3Cpath opacity='0.77' d='M9 1.5C10.9891 1.5 12.8968 2.29018 14.3033 3.6967C15.7098 5.10322 16.5 7.01088 16.5 9C16.5 10.9891 15.7098 12.8968 14.3033 14.3033C12.8968 15.7098 10.9891 16.5 9 16.5V16.5C7.01088 16.5 5.10322 15.7098 3.6967 14.3033C2.29018 12.8968 1.5 10.9891 1.5 9V9C1.5 7.01088 2.29018 5.10322 3.6967 3.6967C5.10322 2.29018 7.01088 1.5 9 1.5V1.5Z' fill='%23525252'/%3E%3Cpath d='M6.75 6.75L11.25 11.25' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3Cpath d='M11.25 6.75L6.75 11.25' stroke='white' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_151_599'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}

/* 2024웹접근성_68 */
/* 2024웹접근성2차_30 */
.new_direct .btn_tooltip.on {
    border: 1px solid #f00;
}

.new_direct .btn_tooltip.on + .tooltip_wrap {
    display: block;
}

.new_direct .tooltip_clone {
    z-index: 7000;
    outline: 0;
    position: absolute;
    height: auto;
    left: 0;
    top: 0;
}

.new_direct .tooltip_clone .tooltip_wrap {
    display: block;
    max-width: 100%;
}

.new_direct .tooltip_clone.hover .tooltip_close {
    display: none;
}

.new_direct .tooltip_clone.in_sidesheet {
    position: absolute;
    left: auto !important;
    right: 40px;
    width: 520px;
}

.new_direct .tooltip_clone.in_sidesheet .tooltip_wrap {
    width: 100%;
    margin-left: 0;
}

.new_direct label .tooltip {
    vertical-align: sub;
}

.new_direct label + .tooltip {
    vertical-align: super;
}

.new_direct .dl_footer .btn_tooltip[data-pos=bottom] ~ .tooltip_clone {
    top: 42px;
    ;}

.new_direct .tooltip .tooltip_test {
    border: 1px solid #333;
    position: absolute;
    top: 0;
    left: 0;
}

/* zoom/2408 */
.zoomBox {
    background: #fff;
    height: auto;
    padding: 10px;
}

.zoom_control > span {
    display: block;
    line-height: 30px;
    font-size: 14px !important;
    color: #555;
    padding-right: 5px;
}

.zoom_control .btn_mo_zoom {
    position: absolute;
    top: 0;
    width: 36px;
    height: 30px;
    border: 1px solid #666;
}

.zoom_control .btn_mo_zoom.up {
    right: 35px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.zoom_control .btn_mo_zoom.up:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 12px;
    background: #202020;
    top: 8px;
    left: 17px;
}

.zoom_control .btn_mo_zoom.up:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 2px;
    background: #202020;
    top: 13px;
    left: 12px;
}

.zoom_control .btn_mo_zoom.down {
    right: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.zoom_control .btn_mo_zoom.down:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 2px;
    background: #202020;
    top: 13px;
    left: 10px;
}

.zoom_control .btn_mo_zoom:disabled {
    opacity: 0.5;
}

.zoom_control + *:not(.dot_paging) {
    margin-top: 20px;
}

.zoom_control .offscr {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    font-size: 3px;
    line-height: 0.5;
    margin: 0 !important;
}

.modal .zoom_control {
    position: relative;
    display: block;
    text-align: right;
    margin: 0;
    padding-right: 73px;
}