html, body {margin:0;height:100%;}
html { font-size: 15px }
body.waitMe_container {position: fixed; top: 0; left: 0; width: 100%;}

html {
  /* 261px 이하: 9px / 430px 이상: 15px */
  font-size: clamp(9px, 3.55vw - 0.266px, 15px);
}

/* 
@media screen and (max-width: 430px) {
  html { font-size: 15px }
}
*/

a, a:hover, a:visited {text-decoration:none; color: inherit;}
p {margin: 0;}
div.wrapper {position:relative;}
.container {margin:0 auto; max-width:430px; position: relative;}
.content-body {position: relative; font-size: 0; margin: 0 auto;}
.button {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; cursor: pointer;}
.button.disabled {cursor: not-allowed;}
.clearboth:after {content: ''; display: block; clear: both;}
.overflow-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.multiline-ellipsis-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
ul {list-style: none; padding: 0; margin: 0;}
img {max-width: 100%;}
.text-danger {color: #ff0000;}
.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.col {position: relative; width: 100%; box-sizing: border-box;}
.d-inline-block {display: inline-block !important;}
input:focus, textarea:focus {outline: none;}
input[type="checkbox"] {margin-top: 0; margin-bottom: 0;}
input[type="number"], input[type="text"], input[type="password"], input[type="tel"], textarea {border: none; padding: 1rem 0.8rem; min-width: 0;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0; border-radius: 0;
}
li.empty_list {text-align: center; padding: 5rem 0;}
.datepicker {position: absolute; left: 0; top: 0; background-color: #fff; border: 1px solid #b9c3c8;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent;}
@supports (-webkit-touch-callout: none) {
    select {text-align: center; text-indent: 33.3%;}
}
button {background: none; border: none; padding: 0; margin: 0; font: inherit; color: inherit; outline: inherit; cursor: pointer; font-size: 0;}
button.hidden {display: none; width: 0;}

/* 점검중 */
body.is-maintenance {overflow: hidden;}
.maintenance-notice { position: fixed; top: 0; left: 0; width: 100%; height: 100%; height: 100dvh; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; z-index: 9999; padding: 1.5rem; box-sizing: border-box; }
.maintenance-notice__card { width: 100%; max-width: 320px; background: #fff; border-radius: 0.75rem; padding: 2rem 1.5rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); text-align: center; }
.maintenance-notice__text { margin: 0; font-size: 0.95rem; line-height: 1.6; color: #333; }


/* 모달 */
.modal-open {overflow: hidden;}
.modal-backdrop.show {opacity: .5; position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; background-color: #000;}
.modal {position: fixed; top:0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.modal .modal-dialog {position: absolute;width: 90%;max-width: 380px;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;display: block;}
.modal .modal-dialog .modal-content {display: flex;flex-direction: column;max-height: 80vh;min-height: 10rem;overflow: auto;padding: 4% 0 7%;}
.modal .modal-dialog .modal-content .modal-header {padding: 0 5% 5% 7%; flex-shrink: 0; color: #4e00ff;}
.modal .modal-dialog .modal-content .modal-body {padding: 0 3%; overflow-y: auto; flex: 1 1 auto; min-height: 0; max-height: 60vh; font-size: 0;}
.modal .modal-dialog .modal-content .modal-footer {padding: 5% 7% 0; flex-shrink: 0;}

.modal .modal-dialog .modal-content .modal-header .popup_close {font-size: 0; text-align: right; padding-bottom: 1%;}
.modal .modal-dialog .modal-content .modal-header .popup_close button.close { font-size: 2.3rem; line-height: 2.3rem; color: #333333; }
.modal .modal-dialog .modal-content .modal-header .title {font-size: 1.5rem;font-weight: 600;}
.modal .modal-dialog .modal-content .modal-header .desc {font-size: 1rem; word-break: keep-all;}
.modal .modal-dialog .modal-content .modal-header .added {font-size: 0.85rem; word-break: keep-all;}

/* .modal .modal-dialog .modal-content .modal-footer button {width: 100%;background: #4e00ff;display: block;padding: 4% 0;text-align: center;color: #fff;font-size: 1.5rem;border-radius: 10px;box-sizing: border-box;} */

.modal.modal--agree-modal .modal-dialog .modal-content .modal-header .title { color: #000000;}
.modal.modal--agree-modal .modal-dialog .modal-content .modal-body { padding: 0 7%; }

.modal-body .content tbody td.empty {text-align: center; min-height: 40vh; max-height: 40vh; border-bottom: 0 !important; justify-content: center !important; font-weight: normal !important; color: #333 !important; cursor: default !important;}

/* #alert-modal .modal-dialog .modal-body button.close {position: absolute;right: 3%;color: #333333;font-size: 2.3rem;} */
#alert-modal .modal-dialog { width: 75%; }
#alert-modal .modal-dialog .modal-body .content {min-height: 13vh;font-size: 1.2rem;display: flex;justify-content: center;padding: 6% 0;align-items: center;}
#alert-modal .modal-dialog .modal-body .content p { width: 100%; text-align: center; line-height: 2rem; font-weight: 500;}
#alert-modal .modal-dialog .modal-body .content p .gray {color: #999;}
#alert-modal .modal-dialog .modal-content .modal-footer {padding: 0; flex-shrink: 0;}


.container {min-height: 90vh; min-height: 100dvh;}
.section {box-sizing: border-box;}
.section__row {display: flex;}
.content-body .mt-0 {margin-top: 0 !important;}
.content-body .mt-5 {margin-top: 5% !important;}
.content-body .mt-10 {margin-top: 10% !important;}
.content-body .mt-15 {margin-top: 15% !important;}

/* user/login */
.login-container {background-color: #02112c;}
.login-container .section--login {position: absolute; width: 100%; top: 50%;}
.login-container .section--login .login-box {padding: 0 18%;}
.login-container .section--login .login-box .login-row {display: flex;flex-wrap: nowrap;background-color: #fff;align-items: center;height: 3rem;margin-bottom: 0.5rem;}
.login-container .section--login .login-box .login-row label {flex: 0 0 35%;font-size: 1rem;text-align: center;color: #a7a9ac;}
.login-container .section--login .login-box .login-row input {flex: 0 0 65%;font-size: 1.1rem;padding: 0;box-sizing: border-box;font-weight: 500;}
.login-container .section--login .login-box .login-row input::placeholder { color: #a8a9ab; font-size: 1rem; }

.login-container .section--login .login-box p {font-size: 0.7rem; font-weight: 500; color: #a7a9ac; line-height: 1rem; text-align: center;}

.login-container .section--login .login-box #btn-submit {font-size: 1.3rem;font-weight: 500;color: #fff;background-color: #4e00ff;border-radius: 10px;width: 100%;height: 4rem;letter-spacing: 0.2rem;margin-top: 10%;}
.login-container .section--login .login-box .btn-box {text-align: right; margin-top: 3%; margin-right: 3%;}
.login-container .section--login .login-box .btn-box .find-pw {font-size: .9rem;font-weight: 400;text-decoration: underline;color: #fff;}

.login-container .section--footer {position: absolute; width: 100%; bottom: 2%; padding: 0 8%;}
.login-container .section--footer .cs-box {display: flex; flex-wrap: nowrap; color: #c49a6c; align-items: flex-end; justify-content: space-between;}
.login-container .section--footer .cs-box p {font-size: 0.7rem;}
.login-container .section--footer .cs-box p.tit {font-size: 0.8rem; font-weight: 600;}

.login-container .section--footer .pos-box {display: flex; justify-content: right; align-items: center; color: #a7a9ac; margin: 3% -2% 0;}
.login-container .section--footer .pos-box i {font-size: 1.4rem; font-weight: 500;}
.login-container .section--footer .pos-box button {font-size: 0.8rem; font-weight: 500;}

.login-container .section--footer .copyright {font-size: 0.7rem; color: #a7a9ac; margin-top: 3%; line-height: 1rem; text-align: center;}
.login-container .section--footer .copyright p:nth-child(2) {font-size: 0.67rem;}


/* 비밀번호 분실 모달 */
#pw-modal.modal .modal-dialog .modal-content .modal-header {padding: 0 5% 5% 7%;flex-shrink: 0;color: #4e00ff;}
#pw-modal.modal .modal-dialog .modal-content .modal-header .title {font-size: 1.5rem;font-weight: 600;padding-bottom: 5%;}
#pw-modal.modal .modal-dialog .modal-content .modal-header .desc {font-size: 1.1rem;word-break: keep-all;color: #333333;font-weight: 500;line-height: 1.6rem;}
#pw-modal .modal-body .content {padding: 0 5% 10%;}
#pw-modal .modal-body .content .input-row {display: flex;border-bottom: 1px solid #c3c3c3;align-items: center;justify-content: space-between;padding: 1rem 0 0.5rem;}
#pw-modal .modal-body .content .input-row .label {font-size: 1rem; flex: 0 0 5rem; color: #4d4d4d; text-align: left;}
#pw-modal .modal-body .content .input-row input {font-size: 1rem;width: 100%;padding: .3rem;text-align: left;}

/* 이용약관, 개인정보 처리방침 모달 */
#pos-modal .modal-body, #policy-modal .modal-body {font-size: 1rem;padding: 0 5% 5% 7%;}


/* inner-header */
.section--inner-header {position: sticky; top: 0; z-index: 100;}
.section--inner-header .header-row {display: flex; flex-wrap: nowrap; height: 4rem; align-items: center; justify-content: space-between; padding: 0 5%; background-color: #e3edfa;}
.section--inner-header .header-row .header-back a {font-size: 2rem; color: #414042; margin-left: -0.5rem;}
.section--inner-header .header-row .header-title p {font-size: 1.3rem; font-weight: 600; color: #003fca;}
.section--inner-header .header-row .header-home {flex: 0 0 7%;}
.section--inner-header .header-row .header-home a {display: block; font-size: 0;}


/* inner-footer */
.section--inner-footer {}
.section--inner-footer .footer-row {display: flex; flex-wrap: nowrap; height: 4rem; align-items: center; justify-content: space-between; padding: 0 5%;}
.section--inner-footer .footer-row.bg-gray {background-color: #eaeaea;}
.section--inner-footer .footer-row .footer-col {box-sizing: border-box;}
.section--inner-footer .footer-row .footer-col.footer-faq {text-align: center; flex: 0 0 35%;}
.section--inner-footer .footer-row .footer-col.footer-faq a {display: flex; justify-content: center; align-items:center; border: 1px solid #0042c3; color: #0042c3; height: 2rem; border-radius: 5px; font-weight: 500;}
.section--inner-footer .footer-row .footer-col.footer-faq a i {font-size: 1.5rem; margin-right: -0.8rem;}

.section--inner-footer .footer-row .footer-col.footer-cs {text-align: right;}
.section--inner-footer .footer-row .footer-col.footer-cs p {font-size: 0.7rem; color: #939393; line-height: 1rem;}
.section--inner-footer .footer-row .footer-col.footer-cs p.tit {font-size: 0.8rem; font-weight: 600;}


/* pw */
.pw-container .content-body {min-height: 90vh; min-height: 100dvh;display: flex;flex-direction: column;justify-content: space-between;}

.pw-container .tit-box {box-sizing: border-box;padding: 0 5%;margin: 10% 0;width: 100%;}
.pw-container .tit-box p {color: #000000;font-size: 1.5rem;font-weight: 600;}

.pw-container .form-box {box-sizing: border-box;padding: 0 5%;margin: 10% 0 0;width: 100%;flex-grow: 1;}
.pw-container .form-box .input-item {margin-bottom: 11%;}
.pw-container .form-box .input-item label {font-size: 1.3rem;color: #000000;font-weight: 500;}
.pw-container .form-box .input-item input {font-size: 1.3rem;border-bottom: 1px solid #c3c3c3;display: block;width: 80%;margin: 1rem 0 0.5rem;}
.pw-container .form-box .input-item .cond {font-size: 1rem;color: #ff6a96;font-weight: 500;}

.pw-container .bottom-box {box-sizing: border-box;padding: 0 5%;margin: 5% 0;width: 100%;}
.pw-container .bottom-box button {font-size: 1.3rem;font-weight: 500;color: #fff;background-color: #4e00ff;border-radius: 10px;width: 100%;height: 4rem;margin-top: 10%;}


/* user/main */
.main-container {display: flex; flex-direction: column;}
.main-container .content-body {flex-grow: 1; width: 100%; background-color: #e3edfa; padding: 5%; box-sizing: border-box;}

.main-container .section--main-header {}
.main-container .section--main-header .section__row {align-items: center; justify-content: space-between;}
.main-container .section--main-header .section__row .logo-main {flex: 0 0 60%;}
.main-container .section--main-header .section__row .logo-ssfire {flex: 0 0 20%;}
.main-container .section--main-header .section__row .logo-ssfire img {margin-bottom: 10%;}

.main-container .section--user-btns {display: flex; justify-content: right; align-items: center; color: #6c6e71; margin: 2% -2%;}
.main-container .section--user-btns i {font-size: 1.4rem; font-weight: 500;}
.main-container .section--user-btns a {font-size: 0.9rem; font-weight: 500;}

.main-container .section--profile {margin-top: 0;}
.main-container .section--profile .section__row {align-items: flex-end; justify-content: space-between;}
.main-container .section--profile .section__row .txt-greeting {flex: 0 0 50%;}
.main-container .section--profile .section__row .txt-greeting p {font-size: 1.3rem; line-height: 1.8rem; font-weight: 600;}
.main-container .section--profile .section__row .btn-box {flex: 0 0 30%;}
.main-container .section--profile .section__row .btn-box a {display: flex; align-items: center; font-size: 1rem; color: #0042c3; text-decoration: underline; font-weight: 500;}
.main-container .section--profile .section__row .btn-box a i {font-size: 1.5rem; margin-left: -0.3rem;}

.main-container .section--current-point {margin-top: 5%; background-color: #ced8ff; border-radius: 10px; height: 5.7rem; padding: 5%; align-items: center;}
.main-container .section--current-point .section--point-row {flex: 0 0 50%; align-items: flex-start; justify-content: space-between; height: 100%;}
.main-container .section--current-point .section--point-row .col--icon {flex: 0 0 10%;}
.main-container .section--current-point .section--point-row .col--point {flex: 0 0 88%; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.main-container .section--current-point .section--point-row .col--point .tit {font-size: 1rem; font-weight: 500;}
.main-container .section--current-point .section--point-row .col--point .point {font-size: 1.3rem; font-weight: 700;}
.main-container .section--current-point .row--basic .col--point .point {color: #0042c3;}
.main-container .section--current-point .row--driver .col--point .point {font-size: 1.1rem;}

.main-container .section--service-list {margin-top: 7%;}
.main-container .section--service-list .section--service-row {flex-wrap: wrap; justify-content: space-between;}
.main-container .section--service-list .section--service-row .col--service {flex: 0 0 48%; padding: 3%; box-sizing: border-box; background-color: #fff; margin: 2% 0; border-radius: 10px;}
.main-container .section--service-list .section--service-row .col--service a {display: flex; height: 4rem; align-items: center;}
.main-container .section--service-list .section--service-row .col--service a div {flex: 0 0 23%;}
.main-container .section--service-list .section--service-row .col--service a p {flex-grow: 1; font-size: 1.1rem; font-weight: 600; padding-left: 0.5rem; color: #414042;}
.main-container .section--service-list .section--service-row .col--service a i {flex: 0 0 10%; font-size: 1.5rem; margin: 0 -0.5rem; color: #414042;}

/* service/application, service/check-region */
.application-container {display: flex; flex-direction: column;}
.application-container .content-body {flex-grow: 1; width: 100%; background-color: #fff; padding: 5%; box-sizing: border-box;}

.application-container .content-body input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1.2rem;height: 1.2rem;border: 1px solid #bcbec0;border-radius: 50%;cursor: pointer;margin: 0;background-color: none;display: inline-block;vertical-align: middle;}
.application-container .content-body input[type='radio']:checked { background-color: #000; box-shadow: inset 0 0 0 3px #fff; }

.application-container .content-body input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1rem;height: 1rem;border-radius: 5px;cursor: pointer;background-color: #a7a9ac;}
.application-container .content-body input[type="checkbox"]:checked { background-color: #4d00ff; }

.application-container .content-body .box--options input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1.1rem; height: 1.1rem; border-radius: 0; cursor: pointer; border: 1px solid #bbbec0; background: unset; position: relative;}
.application-container .content-body .box--options input[type="checkbox"]:checked::after { content: "\F012C"; font-family: "Material Design Icons"; position: absolute; top: 30%; left: 70%; transform: translate(-50%, -50%); font-size: 1.4rem; line-height: 1; color: #000; pointer-events: none; font-weight: 700; }



.application-container .content-body .section--info { background-color: #f8efe0; border-radius: 10px; padding: 5% 3%; }
.application-container .content-body .section--info .row--info-title { align-items: center;}
.application-container .content-body .section--info .row--info-title .title { color: #3c2512; font-size: 1.2rem; font-weight: 700; flex: 1; line-height: 1.7rem; }
.application-container .content-body .section--info .row--info-title .title-img { flex: 0 0 19%; }
.application-container .content-body .section--info .box--info-subtitle { font-size: 1rem; font-weight: 600; color: #4700ee; margin: .5rem 0 0; line-height: 1.5rem; }
.application-container .content-body .section--info .row--link { font-size: 1rem; color: #6d6e71; justify-content: flex-start; font-weight: 500; margin: 1rem 0; }
.application-container .content-body .section--info .row--link a { flex: 0 0 50%; text-decoration: underline; }
.application-container .content-body .section--info .box--desc { font-size: .9rem; font-weight: 500; text-indent: -.5rem; margin-left: .5rem; }
.application-container .content-body .section--info .box--desc p { margin-bottom: .3rem; line-height: 1.1rem; }

.application-container .content-body .section--application {margin-top: 10%;}
.application-container .content-body .section--application .section__box.summernote p {font-weight: 500;}
.application-container .content-body .section--application .section__box p.box-title {font-size: 1.2rem; font-weight: 600; line-height: 1.7rem;}
.application-container .content-body .section--application .section__box p.box-title small {font-size: 0.9rem; font-weight: 500;}

.application-container .content-body .section--application .box--designated-recipient {margin-top: 5%; background-color: #e8f0fa; height: 3rem; display: flex; align-items: center; justify-content: center;}
.application-container .content-body .section--application .box--designated-recipient p {font-size: 1.1rem; font-weight: 500; line-height: 1.1rem;}

.application-container .content-body .row--option-items label {display: flex;align-items: center;gap: .5rem;font-size: 1rem;font-weight: 500;flex-grow: 1;}

.application-container .content-body .section--application .box--points {margin-top: 15%;}
.application-container .content-body .section--application .box--points .row--balance {justify-content: flex-end;gap: 1rem;margin-right: 1.5rem;}
.application-container .content-body .section--application .box--points .row--balance .tit p {font-size: 1.1rem;color: #58595b;font-weight: 600;}
.application-container .content-body .section--application .box--points .row--balance .point p {font-size: 1.1rem;font-weight: 600;}

.application-container .content-body .section--application .box--points .row--deduction {padding: 0 1rem; background: #e6e9fc;border-radius: 10px;margin: .5rem 0 1rem; flex-wrap: wrap; height: 5rem; align-items: center;}
.application-container .content-body .section--application .box--points .row--deduction .row--deduction-content {flex-wrap: wrap; justify-content: space-between; width: 100%;}
.application-container .content-body .section--application .box--points .row--deduction .row--deduction-content .tit p {color: #4d4d4d;font-weight: 700;font-size: 1.3rem;}
.application-container .content-body .section--application .box--points .row--deduction .row--deduction-content .point p {color: #4400fc;font-weight: 700;font-size: 1.3rem;}
.application-container .content-body .section--application .box--points .row--deduction .row--deduction-content .sub {flex: 0 0 100%; margin-top: 0.5rem;}
.application-container .content-body .section--application .box--points .row--deduction .row--deduction-content .sub p {color: #4400fc;font-weight: 600;font-size: 0.79rem;}

.application-container .content-body .section--application .box--points .box--paying {padding: 1.2rem 1rem;background: #efefef;border-radius: 10px;}
.application-container .content-body .section--application .box--points .box--paying .row--paying {justify-content: space-between;margin-bottom: 1rem;}
.application-container .content-body .section--application .box--points .box--paying .row--paying .tit p {color: #4d4d4d;font-weight: 700;font-size: 1.3rem;}
.application-container .content-body .section--application .box--points .box--paying .row--paying .point p {color: #4d4d4d;font-weight: 700;font-size: 1.3rem;}
.application-container .content-body .section--application .box--points .box--paying button {font-size: 1.2rem;width: 100%;background: #fff;padding: .9rem;border: 1px solid #fe5596;border-radius: 8px;color: #fe5596;font-weight: 700;}
.application-container .content-body .section--application .box--points .box--paying-notice {margin: .5rem 0 1rem;}
.application-container .content-body .section--application .box--points .box--paying-notice .paying-info {font-size: .85rem;font-weight: 500;color: #4302fc; margin-bottom: 0.5rem;}
.application-container .content-body .section--application .box--points .box--paying-notice .paying-info .bullet {margin-right: 0.1rem;}

.application-container .content-body .section--application .box--agree {border-top: 1px solid #000000;text-align: center;margin-bottom: 2rem;}
.application-container .content-body .section--application .box--agree p {font-size: .85rem;font-weight: 500;line-height: 1.2rem; margin: .6rem 0;}
.application-container .content-body .section--application .box--agree p button {color: #2100ff;font-size: .85rem;text-decoration: underline;}
.application-container .content-body .section--application .box--agree label {font-size: .85rem;font-weight: 500;}

.application-container .content-body .section--application .box--agree .row--agree {justify-content: center;gap: .3rem;}



.application-container .content-body .input-box .input.input--icon .icon {flex: 0 0 10%; padding: 0 2.5%; box-sizing: border-box;}
.application-container .content-body .input-box .label {font-size: 1.1rem; font-weight: 600; color: #003fca;}
.application-container .content-body .input-box .label small {font-size: 0.9rem; font-weight: 500; color: #000;}

.application-container .content-body .input-box .sub-label {font-size: 0.9rem; font-weight: 500; margin-top: 1rem;}
.application-container .content-body .input-box .input {display: flex; flex-wrap: nowrap; height: 2.5rem; border: 1px solid #bbbec0; margin-top: 0.5rem; align-items: center; background-color: #fff;}
.application-container .content-body .input-box .input.input--textarea {height: 10rem;}
.application-container .content-body .input-box .input.input--radio {border: none;}
.application-container .content-body .input-box .input.input--checkbox {border: none; height: auto; margin-top: 0; margin-left: .5rem;}
.application-container .content-body .input-box .input input:not([type="radio"]):not([type="checkbox"]),
.application-container .content-body .input-box .input select,
.application-container .content-body .input-box .input textarea {padding:0; padding-left: 0.5rem; font-size: 1rem; width: 100%; height: 100%; border: none; background-color: #fff;}
.application-container .content-body .input-box .input input::placeholder,
.application-container .content-body .input-box .input textarea::placeholder,
.application-container .content-body .input-box .input select.unselected {font-size: 0.9rem; color :#bbbec0;}
.application-container .content-body .input-box .input select option:not([value=""]) {font-size: 1rem; color: #000;}
.application-container .content-body .input-box .input textarea {resize: none; height: 100%; padding: 0.5rem; box-sizing: border-box;}

.application-container .content-body .input-box .input-box-row {display: flex; flex-wrap: nowrap; justify-content: space-between;}
.application-container .content-body .input-box .input-box-row .input-box-col {flex: 0 0 48%; width: 48%;}
.application-container .content-body .input-box .input-box-row .input-box-col .input.input--icon .icon {flex: 0 0 15%; padding: 0 3%;}

.application-container .content-body .input-box .input-box-row2 {display: flex; flex-wrap: nowrap; justify-content: flex-start;}

.application-container .content-body .row--notice {display: flex; flex-wrap: nowrap; font-size: 1rem; font-weight: 500; margin-bottom: 0.3rem; line-height: 1.2rem;}
.application-container .content-body .row--notice .bullet {margin-right: 0.1rem;}
.application-container .content-body .row--notice .txt {word-break: keep-all;}

.box--btn {text-align: center;}
.box--btn .btn-confirm {font-size: 1.2rem;font-weight: 400;height: 3rem;width: 45%;background-color: #58595b;color: #fff;}
.box--btn .btn-submit {width: 100%;background: #4e00ff;display: block;padding: 4% 0;text-align: center;color: #fff;font-size: 1.5rem;border-radius: 10px;box-sizing: border-box;font-weight: 500;}

.box--btn .md { width: 55%;}
.box--btn .full { width: 100%;}


/* 아코디언 페이지 공통 */
.bcc-container .content-body { min-height: 90vh; min-height: 100dvh; display: flex; flex-direction: column;}
.bcc-container .content-body .tit-box {box-sizing: border-box;padding: 0 5%;margin: 7% 0;width: 100%; }
.bcc-container .content-body .tit-box p { color: #000000;font-size: 1.3rem;font-weight: 600;}

.bcc-container .content-body .content-box {box-sizing: border-box;padding: 0 5%;margin: 7% 0;width: 100%; flex-grow: 1;}
.bcc-container .content-body .content-box .bc-content {border-top: 1px solid #000;}
.bcc-container .content-body .content-box .bc-content .bcc {border-bottom: 1px solid #000000;cursor: pointer;}
.bcc-container .content-body .content-box .bc-content .bcc .bcc-title {color: #000000;padding: .7rem 0;line-height: 1.7rem;display: flex;justify-content: space-between;align-items: center;min-height: 2rem;font-size: 1rem;}

.bcc-container .content-body .content-box:has(.empty) { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 50vh;  }
.bcc-container .content-body .content-box .empty {text-align: center;padding: 2rem 0;font-size: 1rem;}

.bcc-container .bottom-box {box-sizing: border-box;padding: 0 5%;margin: 5% 0;width: 100%;}
.bcc-container .bottom-box a {display: block;width: 100%;box-sizing: border-box;text-align: center;}

/*  공지사항 & 이용안내 */
.bcc-container .content-body .content-box .bc-content .bcc .bcc-title .post-box {display: flex;column-gap: 1.2rem;width: 100%;}
.bcc-container .content-body .content-box .bc-content .bcc .bcc-title .post-box .date {color: #4d4d4d;font-weight: 600;}
.bcc-container .content-body .content-box .bc-content .bcc .bcc-title .post-box .title {font-weight: 600;flex: 0 0 70%;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.bcc-container .content-body .content-box .bc-content .bcc .bcc-content { display: none; overflow: hidden; cursor: default; }
.bcc-container .content-body .content-box .bc-content .bcc .bcc-content .bcc-content-wrap {background: #f7f7f9;padding: 0.8rem;color: #000000;line-height: 1.7rem;border-top: 1px solid #000000;font-size: 1rem;font-weight: 600;}
.bcc-container .content-body .content-box .bc-content .bcc .bcc-content .bcc-content-wrap img { width: 100%;}

.bcc-container .content-body .content-box .bc-content .bcc .bcc-content .bcc-content-wrap p.tit { line-height: 1.4rem; margin-bottom: .8rem; }

.bcc-container .content-body .content-box .bc-content .bcc .bcc-content .bcc-content-wrap .summ {font-size: .9rem;line-height: 1.4rem;padding: .7rem 0;border-top: 1px solid #454545;font-weight: 500;}
/* service/confirm */
.confirm-container {display: flex; flex-direction: column;}
.confirm-container .content-body {flex-grow: 1; width: 100%; background-color: #fff; padding: 5%; box-sizing: border-box;}
.confirm-container .content-body .section__box p.box-title {font-size: 1.2rem; font-weight: 600; line-height: 1.7rem;}
.confirm-container .content-body .section__box p.box-title small {font-size: 0.9rem; font-weight: 500;}

.confirm-container .content-body .section--confirm {font-size: 1rem;}
.confirm-container .content-body .section--confirm .confirm-title {font-size: 1rem; font-weight: 600; color: #6d6e71;}
.confirm-container .content-body .section--confirm .box--confirm-data {background-color: #e9eef9; border-radius: 10px; padding: 5%; margin-top: 2%;}
.confirm-container .content-body .section--confirm .box--confirm-data .row--confirm-data {font-size: 1.1rem; font-weight: 600; height: 2rem; display: flex; align-items: center;}
.confirm-container .content-body .section--confirm .box--confirm-data .row--confirm-data .tit {flex: 0 0 40%; color: #003fc9;}
.confirm-container .content-body .section--confirm .box--confirm-data .row--confirm-data .value {flex: 0 0 60%;}

.confirm-container .content-body .box--notice {}
.confirm-container .content-body .box--notice .row--notice {display: flex; align-items: center; margin-bottom: 5%;}
.confirm-container .content-body .box--notice .row--notice .icon {flex: 0 0 18%; padding-right: 3%;}
.confirm-container .content-body .box--notice .row--notice .txt {flex: 0 0 75%; font-size: 1rem; font-weight: 600; line-height: 1.5rem;}

.confirm-container .content-body .box--btn .section__row {justify-content: space-between;}
.confirm-container .content-body .box--btn .section__row .btn {flex: 0 0 48%;}
.confirm-container .content-body .box--btn .section__row .btn-back {width: 100%;background: #919497;display: flex; justify-content: center; align-items: center; color: #fff;border-radius: 10px;box-sizing: border-box;font-weight: 500;}
.confirm-container .content-body .box--btn .section__row .btn-back p {font-size: 1.5rem; line-height: 1.2rem;}
.confirm-container .content-body .box--btn .section__row .btn-back p small {font-size: 0.9rem;}


/* DRIVER */
.application-container.DRIVER .box--driver-recipient {font-size: 1rem; padding: 5%; border-radius: 10px; background-color: #e9eef9;}
.application-container.DRIVER .box--driver-recipient .box--driver-info {font-size: 1rem; font-weight: 600; color: #4800ee;}
.application-container.DRIVER .box--driver-recipient .box--driver-info .section__row div {display: flex; flex-wrap: wrap; align-items: flex-start;}
.application-container.DRIVER .box--driver-recipient .box--driver-info .section__row .icon {flex: 0 0 15%; padding-right: 3%;}
.application-container.DRIVER .box--driver-recipient .box--driver-info .section__row .curr-driver p {line-height: 1.5rem; width: 100%;}
.application-container.DRIVER .box--driver-recipient .box--driver-info .section__row .curr-driver p.expire {color: #fc5696; font-size: 0.9rem; margin-top: 2%; font-weight: 500;}

.application-container.DRIVER .box--driver-recipient .box--curr-point {margin-top: 10%; padding-top: 3%; border-top: 1px solid #000;}
.application-container.DRIVER .box--driver-recipient .box--curr-point p {font-size: 1rem; font-weight: 500;}

.application-container.DRIVER .content-body .input-box .input {position: relative;}
.application-container.DRIVER .content-body .input-box .input.input--icon select {background: #fff; z-index: 1;}
.application-container.DRIVER .content-body .input-box .input.input--icon select.unselected {background: none; z-index: 1;}
.application-container.DRIVER .content-body .input-box .input.input--icon .sub {font-weight: 500; right: 12%; position: absolute;}
.application-container.DRIVER .content-body .input--radio {flex-wrap: wrap; background-color: inherit; justify-content: space-between; height: auto;}
.application-container.DRIVER .content-body .input--radio label {flex: 0 0 30%; background-color: #fff; margin-bottom: 3%; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #babdbf; color: #58595b; font-weight: 500; font-size: 1rem;}
.application-container.DRIVER .content-body .input--radio label input {visibility: hidden; width: 0; height: 0;}
.application-container.DRIVER .content-body .input--radio label:has(input:checked) {border-color: #003fc9; color: #003fc9;}

.application-container.DRIVER .box--notice .row--notice {justify-content: center;}
.application-container.DRIVER .box--notice .row--notice .txt {line-height: 1.5rem; text-align: center;}
.application-container.DRIVER .box--notice .row--notice .txt span {color: #4800ee; font-weight: 600;}

.application-container.DRIVER .box--btn-toggle {text-align: right;}
.application-container.DRIVER .box--btn-toggle .btn-toggle {font-size: 1rem; font-weight: 600; text-decoration: underline; color: #6d6e71;}

/* DRIVER repeat */
.application-container.DRIVER.repeat .box--notice .row--notice .txt {color: #fc5696;}
.application-container.DRIVER.repeat .box--notice .row--notice .txt span {color: #fc5696; font-weight: 700;}

.application-container.DRIVER.repeat .box--btn .btn-submit {padding: 3% 0;}
.application-container.DRIVER.repeat .box--btn .btn-submit p {font-size: 1.5rem; line-height: 1.2rem;}
.application-container.DRIVER.repeat .box--btn .btn-submit p small {font-size: 0.9rem;}

.application-container.DRIVER.repeat .box--howtouse {font-size: 1rem; font-weight: 600; padding: 2% 0 5%;}
.application-container.DRIVER.repeat .box--howtouse .title {color: #4800ee; border-top: 1px solid #4800ee; padding: 2% 0 5%;}
.application-container.DRIVER.repeat .box--howtouse .row--howtouse {display: flex; line-height: 1.5rem;}
.application-container.DRIVER.repeat .box--howtouse .row--howtouse .bullet {margin-right: 0.1rem;}
.application-container.DRIVER.repeat .box--howtouse .row--howtouse .txt {word-break: keep-all;}

.application-container.DRIVER.repeat .box--point-toggle .box--btn {text-align: right;}
.application-container.DRIVER.repeat .box--point-toggle .box--btn .btn-exchange {width: 35%; height: 2.5rem; font-size: 1rem; color: #fff; background-color: #414042; border-radius: 5px;}