/* layout */
.site-main {padding-top: 56px;}
.site-container {padding: 8px 19px 15px;}
 
/* common class */
.fx {display: flex;justify-content: space-between;align-items: center;}
.fx-s {display: flex;justify-content: start;align-items: center;}
.fx-c {display: flex;justify-content: center;align-items: center;}
.fx-1 {flex: 1;}
.pg-full-flex {display: flex;flex-direction: column;min-height: calc(100vh - 95px);}
.pg-flex {display: flex;flex-direction: column;height: 100%;}
.flex-fill {flex: 1;}

/* titles */
h1.section-title {font-size: 16px;font-weight: 700;line-height: 28px;color: #474747;}
h2.section-title {font-size: 16px;font-weight: 600;line-height: 24px;color: #171717;}
.form-title {font-size: 12px;line-height: 16px;color: #171717;}

/* description-box */
.page-description-box {padding: 16px 21px;background: #FEF2F0;border-radius: 4px;}
.page-description-box p {position: relative;padding-left: 12px;font-size: 14px;color: #474747;line-height: 20px;}
.page-description-box p span {color: #F8503A;}
.page-description-box p strong {font-weight: 600;}
.page-description-box p:before {position: absolute;top: 8px;left: 0;width: 3px;height: 3px;border-radius: 3px;background: #FA7C6B;content: "";}
.page-description-box p.start:before {background: #F8503A;}
.page-description-box p + p {margin-top: 8px;}


ol.reservation-order {position: relative;margin-left: 30px;}
ol.reservation-order li {position: relative;padding-left: 40px;font-size: 16px;padding-bottom: 40px;}
ol.reservation-order li:before {display: flex;justify-content: center;align-items: center;position: absolute;top: 1px;left: 0;width: 24px;height: 24px;border-radius: 24px;background: #737373;font-size: 12px;font-weight: 600;color: #FFFFFF;z-index: 2;}
ol.reservation-order li:after {position: absolute;top: 11px;left: 11px;width: 2px;height: 100%;background: #ededed;content: "";}
ol.reservation-order li:last-child:after {display: none;}
ol.reservation-order li:first-child:before {content: "1";}
ol.reservation-order li:nth-child(2):before {content: "2";}
ol.reservation-order li:nth-child(3):before {content: "3";}
ol.reservation-order li:nth-child(4):before {content: "4";}
ol.reservation-order li:nth-child(5):before {content: "5";}
ol.reservation-order li:nth-child(6):before {content: "6";}
ol.reservation-order li:nth-child(7):before {content: "7";}
ol.reservation-order li:nth-child(8):before {content: "8";}


ol.reservation-progress {position: relative;padding-bottom: 40px;display: flex;justify-content: space-between;align-items: center;}
ol.reservation-progress:before {position: absolute;top: 9px;left: 8px;width: calc(100% - 8px);height: 1px;background: #DCDCDC;content: "";}
ol.reservation-progress li {flex: 1;position: relative;}
ol.reservation-progress li:before {position: absolute;top: 1px;left: 0;width: 18px;height: 18px;border-radius: 18px;border: 2px solid #DCDCDC;background: #ffffff;content: "";z-index: 2;}
ol.reservation-progress.purpose-3 li:nth-child(2):before {left: calc(50% - 8px);}
ol.reservation-progress.purpose-3 li:nth-child(3):before {left: auto;right: 0;}

ol.reservation-progress.purpose-4 li:nth-child(2):before {left: calc(33% - 8px);}
ol.reservation-progress.purpose-4 li:nth-child(3):before {left: calc(66% - 8px);}
ol.reservation-progress.purpose-4 li:nth-child(4):before {left: auto;right: 0;}
ol.reservation-progress.purpose-4 li:nth-child(5):before {left: auto;right: 0;}

ol.reservation-progress.purpose-5 li:nth-child(2):before {left: calc(25% - 8px);}
ol.reservation-progress.purpose-5 li:nth-child(3):before {left: calc(50% - 8px);}
ol.reservation-progress.purpose-5 li:nth-child(4):before {left: calc(75% - 8px);}
ol.reservation-progress.purpose-5 li:nth-child(5):before {left: auto;right: 0;}


ol.reservation-progress li span {display: none;position: absolute;top: 24px;left: 0;font-size: 11px;line-height: 18px;color: #474747;white-space: nowrap;}
ol.reservation-progress.purpose-3 li:nth-child(2) span {left: 50%;transform: translateX(-50%);}
ol.reservation-progress.purpose-3 li:nth-child(3) span {left: auto;right: 0;}

ol.reservation-progress.purpose-4 li:nth-child(2) span {left: 33%;transform: translateX(-50%);}
ol.reservation-progress.purpose-4 li:nth-child(3) span {left: 66%;transform: translateX(-50%);}
ol.reservation-progress.purpose-4 li:nth-child(4) span {left: auto;right: 0;}
ol.reservation-progress.purpose-4 li:nth-child(5) span {left: auto;right: 0;}

ol.reservation-progress.purpose-5 li:nth-child(2) span {left: 25%;transform: translateX(-50%);}
ol.reservation-progress.purpose-5 li:nth-child(3) span {left: 50%;transform: translateX(-50%);}
ol.reservation-progress.purpose-5 li:nth-child(4) span {left: 75%;transform: translateX(-50%);}
ol.reservation-progress.purpose-5 li:nth-child(5) span {left: auto;right: 0;}

ol.reservation-progress li.active span {display: inline-block;}

ol.reservation-progress li.active:before {top: 0;width: 18px;height: 18px;background: #ffffff url('../img/reservation/reservation-progress-active2.svg') no-repeat 50%;border: 1px solid #3d56e5;z-index: 2;}
ol.reservation-progress li.complete:before {width: 18px;height: 18px;background: #ffffff url('../img/reservation/reservation-progress-completion2.svg') no-repeat 50%;border: 0;z-index: 2;}

ol.reservation-progress:after {position: absolute;top: 9px;left: 16px;width: 0;height: 1px;background: #162CA6;content: "";}

ol.reservation-progress.purpose-3:has( > li.complete + li.active + li):after {width: calc(50% - 16px);}
ol.reservation-progress.purpose-3:has( > li.complete + li.complete + li.active):after {width: calc(100% - 16px);}

ol.reservation-progress.purpose-4:has( > li.complete + li.active + li + li):after {width: calc(33.3% - 16px);}
ol.reservation-progress.purpose-4:has( > li.complete + li.complete + li.active + li):after {width: calc(66.6% - 16px);}
ol.reservation-progress.purpose-4:has( > li.complete + li.complete + li.complete + li.active):after {width: calc(100% - 16px);}

ol.reservation-progress.purpose-5:has( > li.complete + li.active + li + li + li ):after {width: calc(25% - 16px);}
ol.reservation-progress.purpose-5:has( > li.complete + li.complete + li.active + li + li ):after {width: calc(50% - 16px);}
ol.reservation-progress.purpose-5:has( > li.complete + li.complete + li.complete + li.active + li ):after {width: calc(75% - 16px);}
ol.reservation-progress.purpose-5:has( > li.complete + li.complete + li.complete + li.complete + li.active ):after {width: calc(100% - 32px);}



ol.reservation-progress.man:before {top: 10px;}
ol.reservation-progress.man li span {display: block;top: 27px;font-size: 12px;}

ol.reservation-progress.man li:nth-child(2) span {left: calc(50% - 20px);}
ol.reservation-progress.man li:nth-child(3) span {left: auto;right: -8px;}

ol.reservation-progress.man li:before {width: 18px;height: 18px;border-radius: 18px;background: #F7F7F7;border: 2px solid #DCDCDC;}
ol.reservation-progress.man li.active:before {top: 1px;border: 0;background: #ffffff url('../img/reservation/reservation-progress-active2.svg') no-repeat 50%;}
ol.reservation-progress.man li.complete:before {border: 0;background: #ffffff url('../img/reservation/reservation-progress-completion2.svg') no-repeat 50%;}

ol.reservation-progress.man li:nth-child(2):before {left: calc(50% - 8px);}
ol.reservation-progress.man li:nth-child(3):before {left: calc(100% - 8px);}

ol.reservation-progress.man:has( > li.complete + li + li ):after {width: calc(25% - 16px);}
ol.reservation-progress.man:has( > li.complete + li.complete + li ):after {width: calc(75% - 16px);}
ol.reservation-progress.man:has( > li.complete + li.complete + li.complete ):after {width: calc(100% - 16px);}



.btn-delete-form {display: inline-block;width: 40px;height: 40px;background: url('../img/reservation/btn-del-form.svg') no-repeat 50%;}

.exam-result-mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(23, 23, 25, 0.75);z-index: 110;}
.exam-result-mask.active {display: block;}

.exam-result-container {display: none;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 120;}
.exam-result-container.active {display: flex;}

.exam-result-container .exam-result {width: 275px;border-radius: 8px;text-align: center;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);}
.exam-result-container .exam-result .top {padding: 30px 20px 24px;border-radius: 8px 8px 0 0;}
.exam-result-container .exam-result .bottom {padding: 24px 20px 24px;border-radius: 0 0 8px 8px;}
.exam-result-container.pass .exam-result .top {background: #f1faf5;}
.exam-result-container.fail .exam-result .top {background: #fff1f1;}
.exam-result-container.pass .exam-result .bottom {background: rgba(71, 184, 129, 1);}
.exam-result-container.fail .exam-result .bottom {background: rgba(246, 76, 76, 1);}
.exam-result .top img {margin: 0 auto;}

.exam-result-container .exam-result .top h3 {margin-bottom: 8px;font-size: 20px;font-weight: 800;line-height: 20px;}
.exam-result-container .exam-result .top p {font-size: 12px;font-weight: 400;line-height: 16px;}
.exam-result-container .exam-result .bottom p {margin-bottom: 12px;font-size: 12px;font-weight: 400;line-height: 16px;}
.exam-result-container.pass .exam-result .top h3 {margin-top: 14px;color: #0088FF;}
.exam-result-container.fail .exam-result .top h3 {margin-top: 20px;color: #F64C4C;}
.exam-result-container.pass .exam-result .top p {color: #8A8A8A;}
.exam-result-container.pass .exam-result .top p span {color: #0088FF;}
.exam-result-container.fail .exam-result .top p {color: #8A8A8A;}
.exam-result-container.pass .exam-result .bottom p {color: #F8F9FE;}
.exam-result-container.fail .exam-result .bottom p {color: #F8F9FE;}
.exam-result-container.pass .exam-result .bottom a, 
.exam-result-container.fail .exam-result .bottom a {display: flex;height: 48px;justify-content: center;align-items: center;font-size: 12px;color: #FFFFFF;}
.exam-result-container .exam-result .bottom .btn {display: flex;height: 48px;justify-content: center;align-items: center;font-size: 16px;border-radius: 4px;padding: 0;}
.exam-result-container.fail .exam-result .bottom .btn {background: transparent;border: 1px solid #EDEDED;color: #FFFFFF;}

.btn-area {display: flex;justify-content: space-between;align-items: center;gap: 10px;}
.btn-area .btn {flex: 1;}

.list-top {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;margin-bottom: 16px;}
.list-top .rt {display: flex;align-items: center;flex-wrap: wrap;max-width: 100%;gap: 8px;}

.dialog-mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.64);z-index: 110;}
.dialog-mask.active {display: block;}
.dialog-container {display: none;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 120;}
.dialog-container.active {display: flex;}
.dialog {width: 320px;padding: 24px;background: #ffffff;border-radius: 4px;z-index: 120;}

.dialog-title {font-size: 18px;margin-bottom: 16px;}
.dialog-title span {font-weight: 600;}
.dialog-desc {font-size: 16px;margin-bottom: 16px;}
.dialog-desc span {font-weight: 600;}

.dialog-buttonbox {display: flex;justify-content: space-between;align-items: center;gap: 10px;width: 100%;padding-top: 18px;}
.dialog-buttonbox .btn {flex: 1;}



.formbox-mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.64);z-index: 120;}
.formbox-mask.active {display: block;}
.formbox-container {display: none;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 0 20px;z-index: 120;}
.formbox-container.active {display: flex;}

.formbox {display: flex;flex-direction: column;position: relative;min-width: 300px;width: 100%;background: #ffffff;border-radius: 4px;z-index: 120;}
.formbox .title-area {padding: 21px 20px;border-radius: 4px 4px 0 0;cursor: move;}
.formbox .content-area {flex: 1;padding: 6px 20px 20px;border-radius: 0 0 4px 4px;max-height: calc(90vh -  69px);overflow-y: auto;}
.formbox .content-area::-webkit-scrollbar {width: 4px;}
.formbox .content-area::-webkit-scrollbar-track {background-color: transparent;}
.formbox .content-area::-webkit-scrollbar-thumb {background-color: #DCDCDC;}
.formbox .content-area::-webkit-scrollbar-button {display: none;}
.formbox .content-area::-webkit-scrollbar-thumb:hover {background-color: #c1c1c1;}
.formbox .content-area::-webkit-scrollbar-track,
.formbox .content-area::-webkit-scrollbar-thumb {border-radius: 4px;}

.btn_formbox_close {position: absolute;top: 22px;right: 20px;display: block;width: 24px;height: 24px;background: url('../img/popup/close2.svg') no-repeat 50%;}

.formbox-title {width: calc(100% - 30px);font-size: 18px;font-weight: 700;color: #171717;}

.formbox-buttonbox {margin-top: 42px;display: flex;justify-content: end;align-items: center;gap: 10px;width: 100%;}
.formbox-buttonbox .btn {width: 88px;}

.formbox-container.fill {padding: 0;}
.formbox-container.fill .formbox-mask {background: rgba(23, 23, 25, 0.9);opacity: 1 !important;}
.formbox-container.fill .btn_formbox_close {background: url('../img/popup/close_w.png') no-repeat 50%;}
.formbox-container.fill .formbox {justify-content: center;align-items: center;height: 100%;background: transparent;}
.formbox-container.fill .formbox .formbox_panel {width: 100%;}
.formbox-container.fill .formbox .content-area {border-radius: 0;}


table.pop-select-table {width: 100%;}
table.pop-select-table tbody td {width: 50px;padding: 8px 0;border-bottom: 1px solid #EDEDED;white-space: nowrap;}
table.pop-select-table tbody td:first-child {width: 100%;white-space: wrap;}
table.pop-select-table tbody td .title {font-size: 16px;font-weight: 500;color: #171717;}
table.pop-select-table tbody td .desc {font-size: 14px;color: #8A8A8A;}

.video-list-info {display: flex;justify-content: space-between;font-size: 13px;font-weight: 500;color: #8A8A8A;}
.video-list-info strong {color: #5c5c5c;}
.video-list-info a {font-size: 13px;font-weight: 500;color: #8A8A8A;}
.video-list-info input {font-size: 13px;font-weight: 500;color: #8A8A8A;}


table.video-list-table {width: 100%;}
table.video-list-table td {padding: 8px 0;border-bottom: 1px solid #ededed;font-size: 14px;color: #737373;}
table.video-list-table td {width: calc(100% - 88px);}
table.video-list-table td:first-child {width: 40px;text-align: center;}
table.video-list-table td:nth-child(3) {width: 48px;text-align: center;}
table.video-list-table tr.active td {background: #F7F7F7;}

table.video-list-table span {display: inline-block;width: 24px;height: 24px;text-align: center;}
table.video-list-table span.play {background: url('../img/reservation/btn-play.png') no-repeat 50%;}

table.video-list-table .img-box {display: flex;width: 80px;height: 45px;}
table.video-list-table .img-box img {width: 100%;height: 100%;object-fit: cover;}

.cnt-textarea {margin-top: 10px;text-align: right;}

.hr-bar {width: calc(100% + 38px);height: 4px;margin-left: -19px;margin-right: -19px;margin-top: 35px;margin-bottom: 30px;background: #EDEDED;}

/* page style */

.section-resv {display: none;}
.pg-resv00 {display: flex;}

.pg-inq01 #remain-time {position: absolute;right: 10px;font-size: 16px;font-weight: 500;color: #3D56E5;line-height: 56px;}

.pg-resv00 h1.section-title {margin-top: 39px;margin-bottom: 22px;}
.pg-resv01 ol.reservation-progress {margin-bottom: 29px;}
.pg-resv01 .page-description-box {margin-bottom: 32px;}
.pg-resv01 #remain-time {position: absolute;right: 10px;font-size: 16px;font-weight: 500;color: #3D56E5;line-height: 56px;}
.pg-resv02 ol.reservation-progress {margin-bottom: 29px;}
.pg-resv02 .page-description-box {margin-bottom: 32px;}

.pg-resv02 span.visitant {display: inline-block;line-height: 1;margin-left: 8px;margin-top: 1px;padding: 2px 3px;font-size: 12px;font-weight: 400;color: #8E8E8E;border: 1px solid #E1E1E1;border-radius: 2px;vertical-align: text-top;}
.pg-resv03 .page-description-box {margin-bottom: 32px;}
.pg-resv03 ol.reservation-progress {margin-bottom: 29px;}
.pg-resv03 .btn-primary-rev.complete {background: rgba(71, 184, 129, 0.08);color: #47B881;}
.pg-resv03 .btn-primary-rev.complete i {display: inline-block;width: 18px;height: 18px;background: url('../img/reservation/agree-complete.svg') no-repeat 50%;vertical-align: bottom;margin-top: -1px;margin-right: 8px;}
.pg-resv04 .page-description-box {margin-bottom: 32px;}
.pg-resv04-test .pg-flex .flex-fill {margin-right: -8px;overflow-y: auto;padding-right: 12px;}
.pg-resv04-test ol.exam li {margin-top: 20px;}
.pg-resv04-test ol.exam li label.radios-f:first-child {margin-top: 20px;}

.pg-inq03 .btn-view-addition span {padding-left: 25px;background: url('../img/inquiry/btn-view-addition.svg') no-repeat 0 50%;}



.pg-resv05 .pg-flex .flex-fill {margin-right: -8px;overflow-y: auto;padding-right: 12px;}

.pg-resv06 .pg-flex .flex-fill {margin-right: -8px;overflow-y: auto;padding-right: 12px;}
.pg-resv06 ol.exam li {margin-top: 20px;}
.pg-resv06 ol.exam li label.radios-f2:first-child {margin-top: 20px;}

.pg-inq01 .page-description-box {margin-bottom: 32px;}
.pg-inq02 ul.tabs {width: calc(100% + 30px);margin-left: -15px;margin-right: -15px;margin-bottom: 16px;}
.pg-inq02 .info-date {margin-top: 15px;margin-bottom: 14px;}

.pg-inq03 .info-detail-bar {width: calc(100% + 30px);height: 6px;margin-left: -15px;margin-right: -15px;margin-top: 20px;margin-bottom: 20px;background: #F7F7F7;}

ol.exam {list-style: none; counter-reset: num;} 
ol.exam li {counter-increment: num;margin-bottom: 40px;}
ol.exam li::before {content: counter(num) ". ";}
ol.exam li label.radios-f {display: flex;height: auto;min-height: 56px;padding: 17px 15px;}
ol.exam li label.radios-f:first-child {margin-top: 16px;}
ol.exam li label.radios-f span {flex: 1;white-space: normal;word-break: break-all;}
ol.exam li > img {width: 100%;margin: 15px 0;}



ol.exam.answer-sheet label.radios-f {position: relative;}

ol.exam.answer-sheet label.radios-f:has( > input:checked):after {position: absolute;top: 13px;right: 11px;display: inline-flex;justify-content: center;align-items: center;width: 49px;height: 28px;border-radius: 28px;background: #f64c4c;border: 1px solid #e1e1e1;color: #ffffff;content: "오답";}
ol.exam.answer-sheet label.radios-f.correct:after {position: absolute;top: 13px;right: 11px;display: inline-flex;justify-content: center;align-items: center;width: 49px;height: 28px;border-radius: 28px;background: #47b881;border: 1px solid #e1e1e1;color: #ffffff;content: "정답";}
ol.exam.answer-sheet label.radios-f.correct:has( > input:checked):after {position: absolute;top: 13px;right: 11px;display: inline-flex;justify-content: center;align-items: center;width: 49px;height: 28px;border-radius: 28px;background: #47b881;border: 1px solid #e1e1e1;color: #ffffff;content: "정답";}

ol.exam.answer-sheet label.radios-f:has( > input:checked) {background: #fee9e9;border: 1px solid #f64c4c;}
ol.exam.answer-sheet label.radios-f.correct {background: #e8f6ef;border: 1px solid #47b881;}
ol.exam.answer-sheet label.radios-f.correct:has( > input:checked) {background: #e8f6ef;border: 1px solid #47b881;}

ol.exam.answer-sheet label.radios-f input:checked ~ span {color: #F64C4C;}
ol.exam.answer-sheet label.radios-f.correct input:checked ~ span {color: #47B881;}
ol.exam.answer-sheet label.radios-f.correct input ~ span {color: #47B881;}

ol.exam.answer-sheet label.radios-f.correct input ~ i {margin-top: 1px;width: 18px;height: 18px;background: url('../img/form/radio2_checked_exam_correct.png') no-repeat 50%;border: 0;}
ol.exam.answer-sheet label.radios-f.correct input:checked ~ i {width: 18px;height: 18px;background: url('../img/form/radio2_checked_exam_correct.png') no-repeat 50%;}
ol.exam.answer-sheet label.radios-f input:checked ~ i {margin-top: 1px;width: 18px;height: 18px;background: url('../img/form/radio2_checked_exam_incorrect.png') no-repeat 50%;}




.pg-resv04 .btn.btn-con.complete {color: rgba(71, 71, 71, 0.38);border: 1px solid #dcdcdc;}
.pg-resv04 .btn.btn-con.complete i {display: inline-block;width: 18px;height: 18px;margin-right: 8px;background: url('../img/reservation/complete-check.svg') no-repeat 50%;vertical-align: bottom;opacity: 0.38;}



.privacy-period {padding: 0 10px 20px;font-size: 14px;font-weight: 600;color: #474747;}
.privacy-period:empty {padding: 0 10px 0;}
.privacy-content {padding: 0 10px;font-family: 'Roboto';font-size: 14px;color: #474747;}
.btn-privacy-list {display: flex;align-items: center;padding: 0 15px;width: 100%;height: 52px;margin-top: 20px;background: #FAFAFA;border: 1px solid #EDEDED;border-radius: 8px;}
.btn-privacy-list span {font-size: 14px;color: #171717;text-decoration: underline;}

table.privacy_table {width: 100%;}
table.privacy_table thead th {padding: 15px 16px 10px;font-size: 14px;font-weight: 600;color: #474747;background: #fafafa;border-bottom: 1px solid #f0f0f0;text-align: left;}
table.privacy_table tbody td {padding: 14px 16px 11px;font-size: 14px;font-weight: 400;color: #474747;border-bottom: 1px solid #eeeeee;}
table.privacy_table tbody td a {color: #474747;text-decoration: underline;}


.reservation-result .result-content {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.reservation-result img {margin: 0 auto;}
.reservation-result h2 {font-size: 28px;font-weight: 700;line-height: 130%;}
.reservation-result.pass h2 {color: #47B881;}
.reservation-result.fail h2 {font-size: 24px;color: #F8503A;}


.reservation-result .result {display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding: 0 15px;border-radius: 8px;width: 226px;height: 40px;background: #F7F7F7;border: 1px solid #EDEDED;}
.reservation-result p {font-size: 16px;font-weight: 400;line-height: 24px;color: #737373;}
.reservation-result p strong {font-weight: 700;color: #474747;}
.reservation-result.pass .result p:nth-child(2) {padding-left: 20px;background: url('../img/reservation/success.png') no-repeat 0 50%;color: #47B881;}
.reservation-result.fail .result p:nth-child(2) {padding-left: 20px;background: url('../img/reservation/forbid.png') no-repeat 0 50%;color: #F64C4C;}
.reservation-result .bottom {text-align: center;}
.reservation-result .btn-group {display: flex;justify-content: center;align-items: center;gap: 11px;}
.reservation-result .btn-line {font-size: 14px;font-weight: 500;color: #8A8A8A;margin: 0 auto;border-bottom: 1px solid #8A8A8A;}
.reservation-result .btn-border {display: inline-block;width: 80px;height: 32px;line-height: 31px;border: 1px solid #8A8A8A;border-radius: 32px;font-size: 14px;font-weight: 500;color: #8A8A8A;text-align: center;}

.pop-qr-title {font-size:20px;font-weight:600;color:#ffffff;}
.pop-qr-number {font-size:14px;font-weight:600;color:#ffffff;}
.pop-qr-time {display: inline-block;height: 32px;padding: 3px 16px 0;border-radius: 32px;border: 1px solid #B0B0B0;font-size:16px;font-weight:500;color:#ffffff;}
.pop-qr-button {display: inline-flex;height: 32px;padding: 2px 16px 0;border-radius: 32px;border: 1px solid #B0B0B0;font-size:16px;font-weight:500;color:#ffffff;}
.pop-qr-button span {display: inline-block;padding-left: 23px;background: url('../img/popup/refresh.png') no-repeat 0 4px;}


.loading-box {display: none;position: fixed;top: 50%;left: 50%;width: 150px;height: 150px;background: #fff;border-radius: 20px;margin-top: -75px;margin-left: -75px;z-index: 320;}
.shadow {position: fixed;top: -100%;left: 0;width: 100%;height: 100%;background-color: rgba( 0, 0, 0, 0.4 );opacity: 0;transition: opacity ease 0.4s 0s;z-index: 315;}
.shadow.active {top: 0;opacity: 1;}