@import "./font.min.css"; @import "./reset.min.css"; @import "./remixicon.css"; @import "./swiper-bundle.min.css"; :root { --font-primary-color: #D31145; --font-secondary-color: #262626; --font-sub-color:#5E1D1D; --font-active-color: #000; --font-meta-color: #bbb; --button-text-color: #fff; --background-primary-color:#D31145; --background-secondary-color:#5E1D1D; --background-muted-color: #e9e9e9; --table-th-color: #545454; --input-border-color: rgba(0,0,0,0.2); --input-active-text: #262626; --input-font-size: 18px; } * {scroll-behavior: smooth;} html { font-family: 'Paperlogy', 'Noto Sans KR', '맑은 고딕', 'Segoe UI', Roboto, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2; -webkit-text-size-adjust: 100%; background-color: #fff; color: #767676; letter-spacing: -0.36px; min-width: 320px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type='number'] { -moz-appearance: textfield; } /* Section Naming */ .scrollLock { overflow: hidden; } /* Element Style*/ canvas, img, svg, video, button {max-width: 100%;height:auto;box-sizing: border-box;} audio, canvas, img, svg, video {vertical-align: middle;} input, textarea, select , button {outline: none;} input::placeholder, button {font-family: 'Paperlogy';} input::placeholder {color:var(--font-meta-color);font-size:var(--input-font-size);font-weight: 300;} footer {text-align: center;padding: 30px 0 50px; background-color: #545454;} a, a:link, a:hover, a:active, a:visited {color: #767676; text-decoration: none;cursor: pointer;} a.ui-active {color:var(--font-active-color)} img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0);backface-visibility: hidden;} .only-mobile { display: none; } @media (max-width: 640px) { .only-mobile { display: block;} .only-web {display: none;} } .only-web { display: none; } @media (min-width: 641px) { .only-mobile { display: none;} .only-web { display: block; } } /* Text*/ .ui-aia-text {color:#D31145;font-weight: 600;} .ui-aia-text + small {display: inline-block; font-size:14px; font-weight: 500; color: #767676; margin-bottom:10px;} .ui-aia-text span {color:#5E1D1D;} .ui-text-primary {color: var(--font-primary-color) !important;} .ui-text-secondary {color:var(--font-sub-color) !important;} .ui-text-active {color: #262626;} .ui-text-table-th {color: var(--table-th-color)} .ui-text-left {text-align: left;} .ui-text-center {text-align: center;} .ui-text-right{text-align: right;} .ui-text-small {font-size: 14px;} .ui-text-default {font-size: 16px !important; line-height: 1.4;} .ui-text-medium {font-size:18px;} .ui-text-desc {font-size: 20px;} .ui-text-24{font-size: 24px;} .ui-text-28{font-size: 28px;} .ui-flex.ui-text-default {line-height: 16px;align-items: center;} .ui-text-meta {color:#bbb;} .ui-text-normal {font-weight: 400 !important;} .ui-text-semibold {font-weight: 600;} .ui-text-raw {justify-content:flex-end !important;} .ui-default-ul.ui-text-li {color:#262626;} .ui-flex.ui-meta-text {justify-content: flex-start;margin-top:20px;} .ui-flex.ui-meta-text>div:first-child {margin-top: 0;} .ui-main .ui-flex.ui-meta-text {margin-top:50px;} .ui-meta-text {color: #767676;font-size:14px;font-weight: 400; letter-spacing: -0.48px;line-height: 25px;} .ui-font-Pretendard {font-family: 'Pretendard';} @media (max-width: 640px) { .ui-main .ui-flex.ui-meta-text {margin-top:15px;} .ui-flex.ui-meta-text {justify-content: unset;font-size: 13.5px;} .ui-meta-text.ui-text-right {text-align:left !important;} } .ui-phoneno {display: flex; align-items: center;font-family:'GmarketSans'; font-weight: 800;font-size: 18px; color:#fff; line-height: 18px;margin-top:2px;} @media (max-width: 640px) { .ui-phoneno {color:#fff !important;font-size: 18px;letter-spacing: -0.5px;} .ui-btn.ui-link .ui-phoneno {font-size: 18px;} } /* Color */ /* Area Element */ .ui-container {display: flow-root;box-sizing: border-box;margin-left: auto;margin-right: auto;max-width: 1200px;padding:0;} .ui-visual {margin-top: 64px; padding-top: 40px;} .ui-visual-head {display: block; padding: 0;font-size: 20px; font-weight: 600;color:#545454;margin-bottom: 15px;} .ui-slide {width: 720px;flex-grow: 1;max-width: 100%; } .ui-slide .ui-slide-fixed {justify-content: center;gap: 5px;padding-left: 30px; padding-right:30px;} .ui-slide-navigation > * {display: none;} .ui-pagination {display: inline-block;font-family: 'SUITE'; margin-top:20px; margin-bottom: 60px;} .ui-page {display: inline-block; font-size: 22px; font-weight: 700; margin: 0 10px 5px 10px; width:70px; text-align: center; vertical-align: middle;} .swiper-pagination-current {width: 12.41px;color:#262626;} [class*='swiper-button-'] {display: none;} .ui-slide.ui-slide-sub {max-width: 1200px;} .ui-visual-sub {display:flex;flex-direction: row;flex-wrap: wrap; gap:40px;} @media (max-width: 1214px) { .ui-visual-sub {gap: 20px;padding-left:20px;padding-right:20px;} .ui-slide {width: 100%;} .ui-slide-navigation > *{display: block;} } @media (max-width: 960px) { .ui-slide {margin-bottom: 20px;} [class*='swiper-button-'] {display: block;} } @media (max-width:640px) { .ui-visual {margin-top: 64px;padding:0;} .ui-visual-sub {display:block; padding: 20px 20px 0 20px;} .ui-visual-head {display: flex; align-items: center;} .ui-slide {margin-bottom: 0;} .ui-visual .ui-pagination {display: none;} } /*navbar*/ .ui-navbar-container {position: fixed; top:0;left:0;right:0; background-color: var(--background-primary-color); z-index:1030;} .ui-navbar {display: flex; padding: 12px 20px;max-width: 1200px;margin: 0 auto;} .ui-navbar-nav, .ui-navbar-left, .ui-navbar-right, .ui-navbar-center {display: flex; gap:8px; align-items: center;} .ui-navbar-left, .ui-navbar-right, .ui-navbar-center:only-child {flex-wrap: wrap; } .ui-navbar-right {margin-left: auto;} /* hamburger */ .ui-toggle-icon-menu {display: block;user-select: none; -webkit-user-select: none;margin-left:4px;} .ui-toggle-icon-menu input {display: none;} .ui-toggle-icon-menu input + label {position: relative; display: block; width: 24px; height: 20px; cursor: pointer;} .ui-toggle-icon-menu input + label > span {position: absolute; display: block; width: 100%; height: 2px; background: #fff; border-radius: 3px; transition: all .2s;} .ui-toggle-icon-menu input:checked + label > span:nth-child(1) {top: 50%; transform: translate(0, -50%) rotate(45deg);} .ui-toggle-icon-menu input + label > span:nth-child(2) {top:50%; transform: translate(0, -50%); transition: all .2s;} .ui-toggle-icon-menu input:checked + label > span:nth-child(2) {opacity: 0;} .ui-toggle-icon-menu input + label > span:nth-child(3) {bottom:0;transition: all .2s;} .ui-toggle-icon-menu input:checked + label > span:nth-child(3) {top: 50%; transform: translate(0, -50%) rotate(-45deg);} /* navbar dropdown */ .ui-navbar-dropdown {display:none; position: absolute; top:64px;left:0;width:100%;height:100vh;background: rgba(0, 0, 0, 0.4);} .ui-drop {position: absolute;left:0; top:0px;box-sizing: border-box; background-color: #fff;overflow: hidden;min-width:320px;} .ui-open.ui-drop {max-height: 100vh;width:100%;} .ui-drop > ul {display:flex; background-color: #fff; padding: 30px 20px 10px; margin: 0 auto; max-width: 1200px;gap: 10px;} .ui-drop ul + ul {justify-content: end; padding: 30px 20px 40px;} @media (max-width: 640px) { .ui-drop > ul {flex-direction: column;} .ui-drop > ul.ui-cs .ui-btn {background-color: var(--background-primary-color); color: #fff;padding: 15px;width:100%;} .ui-drop ul + ul li:last-child {width: 100%; padding-top: 30px;} .ui-drop > ul.ui-cs {gap:0; margin-top: 15px;} } /*Form Element*/ .ui-form {width: 980px;margin:0 auto;display: block;box-sizing: border-box;} .ui-db {display:flex;justify-content: space-around; align-items: center; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2);margin: 30px 0} .ui-db-cap {font-size: 26px; font-weight: 700 !important; line-height: 1; letter-spacing: 0.3px; } .ui-db-cap p {line-height: 1.2;} .ui-db-cap p span {display: block; } .ui-db-form {display:flex; gap: 8px; } .ui-input, .ui-radio, .ui-checkbox, .ui-select, .ui-textarea {box-sizing: border-box;margin:0;border-radius: 10px;} .ui-input, .ui-select, .ui-textarea {font-family: 'Paperlogy'; width:100%;max-width:100%;padding: 0 10px;background-color:#f7f7f7;border:1px solid rgba(0,0,0,0.2); font-size:var(--input-font-size);font-weight: 500;} .ui-input, .ui-textarea {-webkit-appearance: none;} .ui-input, .ui-select {height:50px;vertical-align: middle;} .ui-input:focus {background-color: var(--button-text-color);} .ui-checkbox {position: absolute; top: -1000px;width:1px;height:1px;overflow: hidden;} .ui-input.ui-active {background-color: #fff;} .ui-name {width: 140px;} .ui-birth {width:180px;} .ui-phone {width:280px;} .ui-merge-block .ui-radio {display: none;} .ui-cta {display: none; width:100%;background-color: transparent;width:56px;height:56px;padding:0;border:0;} .ui-button-left {display: flex;gap:8px; justify-content: flex-end; } .ui-button-left > div:last-child {width:100%;display: flex;justify-content: flex-end;} @media (max-width: 640px) { .ui-cta {display:inline-block;} } /* Sub Page Form Style*/ .ui-form-sub {width: 440px;margin:0;padding: 0;box-sizing: border-box;} .ui-db-sub {background-color: #fff; border-radius: 20px; padding: 30px; border: 0;box-shadow: inset 0 0 0 6px #FDEAEA;} .ui-db-sub .ui-db-form {display: block;margin: 23px 0;} .ui-db-sub .ui-input {width: 100%;margin-bottom: 12px;} .ui-db-sub .ui-db-cap {font-size: 30px;} .ui-db-sub .ui-db-cap p {font-weight: 700;} .ui-db-sub .ui-db-cap p span {display: inline-block;} .ui-floating {position: fixed; bottom: 30px;left:50%;transform: translateX(-50%);width:100%; max-width: 1200px; z-index: 1070;;} .ui-floating .ui-db-sub {display: flex;flex-flow: row wrap; align-items: center;gap: 10px; box-shadow: inset 0 0 0 3px #D31145;} .ui-floating .ui-db-top {display: flex; flex-flow: row nowrap; align-items: center;gap: 20px;} .ui-floating .ui-db-sub .ui-db-cap {font-size:28px;letter-spacing: -1px;} .ui-floating .ui-db-sub .ui-db-form {display: flex;flex-flow: row nowrap;margin:0;} .ui-floating .ui-db-sub .ui-db-item .ui-input {margin:0;width:200px;} .ui-floating .ui-db-sub .ui-db-item .ui-name {width:140px;} .ui-floating .ui-db-sub .ui-button .ui-btn {width: 130px;height: 48px;letter-spacing: -0.5px;} .ui-floating .ui-button-row {gap: 6px;} .ui-floating .ui-meta-text {display: none;} .ui-floating.ui-fixed {position: absolute; bottom: 130px;} .ui-form-close {display: none;position:absolute;top:20px;right:30px} @media (max-width: 1214px) { .ui-form-sub {width: 1200px;padding-bottom:50px;} .ui-visual-sub {gap: 0;} .ui-floating {width: calc(100% - 40px);} .ui-floating .ui-form-close {display: none;} } @media (max-width: 1200px) { .ui-form {width:auto;} .ui-db-sub {display: flex;flex-flow: column wrap; align-items: center;gap: 20px; } .ui-db-sub .ui-db-top {width: 100%;} .ui-db-sub .ui-db-cap {font-size:28px;margin-bottom: 10px;} .ui-db-sub .ui-db-form {display: flex;flex-flow: row nowrap;margin:0;justify-content: flex-start;} .ui-db-sub .ui-db-item>* {margin:0;width:100%;} .ui-db-sub .ui-input {margin:0;} .ui-db-sub .ui-button {width: 100%;} .ui-db-sub .ui-button .ui-btn {width: 100%;letter-spacing: -0.5px;} .ui-floating .ui-db-top {flex-direction: column;gap: 0;margin:0; align-items: stretch;} .ui-floating .ui-db-sub .ui-db-form {justify-content: flex-start;margin-bottom: 10px;} .ui-floating .ui-db-sub .ui-db-item .ui-input {width: 100%;} .ui-floating .ui-db-sub .ui-button .ui-btn {width: 100%;letter-spacing: -0.5px;height:56px;} } @media (max-width: 960px) { .ui-form {padding:15px 30px 30px;} .ui-db { flex-direction: column;align-items: start; gap:15px 0;border:0;margin: 0;} .ui-db-form {flex-direction: column; gap: 10px; width: 100%;} .ui-db-cap p span {display: inline; } .ui-input {width: 100% !important;} .ui-db-sub .ui-db-form {flex-direction: column;} .ui-floating .ui-db-sub .ui-db-form {flex-direction: column;} .ui-floating .ui-db-sub .ui-db-form .ui-input {width: 100%;;} } @media (max-width:640px) { .ui-form-sub {padding: 20px 10px 50px;} .ui-db-sub {box-shadow: none;padding:0;} .ui-button-row {margin:0} .ui-floating.ui-fixed {position: fixed; bottom:-100%;transition: bottom .3s ease-in-out;} .ui-floating {width:100%;bottom:-100%;transition: bottom .3s ease-in-out;box-shadow: 0px -4px 12px -4px rgba(0, 0, 0, 0.15);} .ui-floating .ui-db-sub {box-shadow: none;} .ui-floating.ui-open {bottom:0;border-top-left-radius: 20px;border-top-right-radius: 20px;;} .ui-floating.ui-open .ui-db-sub {box-shadow: none;padding: 20px 30px;} .ui-floating.ui-fixed.ui-open {display: block; position: fixed; bottom:0;} } /* content */ .ui-content {display: flex; flex-wrap: wrap; padding: 20px 20px 30px 20px; max-width: 1200px;margin:0 auto; flex-direction: column;} .ui-content:nth-child(1) {padding-top: 72px;} .ui-content > * {width: 100%;} .ui-content ~ .ui-content {padding-bottom: 50px;} .ui-content.first {padding-top: 100px; padding-bottom: 120px;} .ui-content.last {padding-top:0;padding-bottom: 100px;} .ui-sub-content {display: flex; flex-flow: column wrap;} /* card */ .ui-card {padding: 40px 30px 20px 30px;border-radius: 20px;box-sizing: border-box;text-align: center;} .ui-card .ui-card-top, .ui-card-body {margin-bottom: 15px;text-align: center;} .ui-card .ui-card-body .ui-input {height: 50px; text-align: center;background-color: #fff;font-size:18px; line-height: 50px;color:var(--font-meta-color); font-weight: 400;} .ui-card .ui-card-body .ui-input span.ui-active {font-weight: 500;letter-spacing: 0;color:#545454;} .ui-card-bottom {text-align: center;} .ui-card + .ui-text-desc {margin-top: 30px;margin-bottom: 25px;} @media (max-width: 960px) { .ui-card {padding: 15px 24px;} .ui-card .ui-card-top {margin-bottom: 10px;} .ui-card .ui-card-body {margin-bottom: 0;} .ui-card .ui-card-body .ui-input {height: 13.3333vw; font-size:4.8000vw; line-height: 13.3333vw;} } @media (max-width: 640px) { .ui-content.first {padding-top: 20px;padding-bottom: 30px;} .ui-content.last {padding-bottom:50px;} .ui-card + .ui-text-desc {margin-bottom: 0;} } /* accordion */ .ui-accordion-head {display: flex; align-items: center; gap:8px; font-size: 20px; font-weight: 700;color:var(--font-secondary-color);border-bottom: 1px solid rgba(0, 0, 0, 0.2);padding-bottom: 20px;} .ui-accordion-notice {margin: 0px 12px 10px 12px; color: #D31145; font-weight: 600; font-size: 18px; font-family: Pretendard; line-height: 1.2;} .ui-modal .ui-accordion-head {font-size: 24px;margin-bottom: 30px;} .ui-accordion-title {display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; font-size:18px;font-weight: 600; padding: 20px 0;border-bottom: 1px solid rgba(0,0,0,0.2);gap:0 8px;line-height: 140%;} .ui-accordion-title.normal {display: block;cursor: default;} .ui-accordion-title em {color:var(--font-meta-color);} .ui-accordion-title span:last-child {width: 24px; height: 24px; flex-shrink: 0; transition: all .5s ease;} .ui-accordion-content {max-height: 0;overflow:hidden;transition: max-height 0.15s ease-out;} .ui-accordion-content .ui-panel {padding: 20px 0; line-height:140%;} /* .ui-accordion-content .ui-panel p {padding-top: 8px;} */ .ui-accordion>.ui-open>.ui-accordion-content {border-bottom: 1px solid rgba(0, 0, 0, 0.2);} /* .ui-modal li .ui-accordion-title {font-family: 'Pretendard'; color: #545454;padding: 20px 12px;} .ui-modal li.ui-open .ui-accordion-title {color: #262626;} .ui-modal li .ui-accordion-content {font-family: 'Pretendard';font-size:16px;font-weight: 300; } .ui-modal.ui-modal-info .ui-accordion li.ui-open .ui-accordion-content {padding: 0 12px 20px 12px;} .ui-modal.ui-modal-info .ui-accordion li.ui-open .ui-accordion-content>* {padding-top:0;padding-bottom:0;} .ui-modal.ui-modal-info li.ui-open > * {background-color: rgba(255,247,224,0.4);} .ui-modal.ui-modal-info .ui-accordion li:nth-child(1) .ui-accordion-title {border-top: 1px solid rgba(0, 0, 0, 0.2);} .ui-modal.ui-modal-info .ui-accordion li.ui-open .ui-accordion-title {border-top: 1px solid var(--font-sub-color);} .ui-modal.ui-modal-info .ui-accordion li.ui-open .ui-accordion-title {border-bottom:0;} .ui-modal.ui-modal-terms .ui-accordion>li {position: relative;} .ui-modal.ui-modal-terms input + label {position:absolute; top:22px;display: block;height: 25px; padding-left: 20px;font-family: 'Pretendar'; font-size:17px;font-weight: 600; color:#262626; background: url('../images/common/ico-check-circle_off.png') no-repeat ;} .ui-modal.ui-modal-terms input:checked + label {background-image: url('../images/common/ico-check-circle_on.png');} .ui-modal.ui-modal-terms li .ui-accordion-content {padding:0; height: 300px;overflow: auto;;background-color: #f7f7f7;} .ui-modal.ui-modal-terms li.open .ui-accordion-content {overflow: hidden;} .ui-modal.ui-modal-terms.calculate .ui-accordion {padding-left:20px; padding-right:20px;} .ui-modal.ui-modal-terms.calculate .ui-accordion-content {padding:0; height: 148px;overflow: auto;;background-color: #f7f7f7;} .ui-modal.ui-modal-terms.calculate li.ui-open .ui-accordion-content {height: 150px;} .ui-modal.ui-modal-terms.calculate .ui-default-ul {font-family: 'Pretendard';} */ /* @media (max-width: 640px) { .ui-modal.ui-modal-terms li.ui-open .ui-accordion-content {max-height: 100vh !important;height:auto; overflow: visible;} .ui-modal.ui-modal-terms .ui-modal-body {min-height: calc(100vh - 400px); overflow: visible;} .ui-modal.ui-modal-terms.calculate li.ui-open .ui-accordion-content {height: auto;} } */ /* dl {padding: 20px 15px;font-weight: 400;line-height: 1.4;;} dt {color:#545454;font-weight: 700;} dd:not(:last-child) {padding: 10px 0 20px 0;} */ /* Modal */ .ui-modal {display: none;position: fixed;top:0;left:0;right:0;bottom:0;overflow: hidden;background: rgba(0,0,0,0.4);opacity: 0;align-items: flex-start;overflow: scroll;animation: fadein;z-index:1090;} .ui-modal.ui-open {display: flex;opacity: 1;} .ui-modal-dialog {position: relative;box-sizing: border-box;margin: auto !important;background-color: #fff;padding: 40px 30px;border-radius: 30px; max-width:100% !important;width:800px;} .ui-modal-header {position: relative} .ui-modal-close {position: absolute; top: 40px; right: 20px; padding: 5px; cursor: pointer;z-index:1010;} .ui-modal-footer {text-align: center;padding-top:40px;} .ui-modal.ui-modal-terms .ui-modal-dialog, .ui-modal.ui-modal-result .ui-modal-dialog {width:780px;} .ui-modal.ui-modal-terms .ui-modal-body {height: auto; overflow: hidden;} .ui-modal-info dl {padding: 0;} .ui-modal-info dt {color:#262626;font-size:18px;font-weight: 600; line-height: 140%;letter-spacing: -0.36px;} .ui-modal-info dd {padding:0; margin-top:6px;margin-bottom: 15px;font-size:18px;} .ui-popup-content {font-family: 'Pretendard' !important;} .ui-popup-content dt {font-size:22px;} .ui-popup-content section {display: flex; flex-flow: column wrap; gap:20px;padding-top: 20px; margin-bottom:20px;} .ui-popup-content section .ui-section-title {font-size: 18px;font-weight: 600;color:#262626;line-height: 1.4;} .ui-popup-content section div> :not(:first-child):not(:last-child) {margin-bottom: 10px;} .ui-popup-content section.sub-section {display: flex; flex-flow: column wrap; gap:20px;padding-top: 62px; margin-bottom:20px;} .ui-sub_01 .ui-modal-info dd {font-family: 'Pretendard' !important;} .plan-button {margin-bottom: 30px; display: flex; flex-direction: row; font-size: 20px; font-weight: 600;} .plan-button div {width: 50%; padding: 16px 10px; border-radius: 0 10px 10px 0; border-top: 1px solid var(--black-20, rgba(0, 0, 0, 0.20)); border-right: 1px solid var(--black-20, rgba(0, 0, 0, 0.20)); border-bottom: 1px solid var(--black-20, rgba(0, 0, 0, 0.20)); display: flex; justify-content: center; align-items: center; flex: 1 0 0; cursor: pointer;} .plan-button .plan-1.active {border-radius: 10px 0 0 10px; background: #D31145; color: #fff; border: unset;} .plan-button .plan-2.active {border-radius: 0 10px 10px 0; background: #D31145; color: #fff; border: unset;} .plan-button .plan-1 {border-radius: 10px 0 0 10px; border-top: 1px solid var(--black-20, rgba(0, 0, 0, 0.20)); border-bottom: 1px solid var(--black-20, rgba(0, 0, 0, 0.20)); border-left: 1px solid var(--black-20, rgba(0, 0, 0, 0.20)); background: var(--White, #FFF);} .plan-content {display: none;} .plan-content.is-active {display: block;} .plan-button2 {padding: 20px 0px 10px 0px; display: flex; flex-direction: row; gap: 10px;} .plan-button2 div {height: 22px;border-radius: 100px; border: 1px solid rgba(0, 0, 0, 0.20); background: #F7F7F7; color: #767676; font-weight: 600; font-size: 18px; line-height: 1.2; padding: 10px 20px; cursor: pointer;} .plan-button2 div.active {background: #5E1D1D; color: #fff} .meta.notice {padding: unset !important; text-align: left; font-family: Pretendard; line-height: 1.4;} .ui-result-msg .ui-table tr th {color: #545454; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 500; line-height: 140%; letter-spacing: -0.32px;} .ui-result-msg .ui-table tbody tr td {color: #767676; text-align: center; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.32px;} .ui-result-msg .ui-table tbody tr td:nth-child(1) {text-align: left; border-right: 1px solid #ccc;} .ui-sub_01 .ui-popup-content>section:nth-child(2) {padding-top: 0; } .ui-modal.ui-modal-info .ui-modal-body {height: 480px; overflow: auto;} .ui-modal-info .ui-accordion {font-family: 'Pretendard';} .ui-modal-info .ui-accordion .ui-accordion-title {color: #545454;padding: 20px 12px;} .ui-modal-info .ui-accordion .ui-open .ui-accordion-title {border-bottom: 0;} .ui-modal-info .ui-accordion .ui-accordion-content .ui-panel {padding: 0 12px 20px;} .ui-modal-info .ui-accordion .ui-open .ui-accordion-title, .ui-modal-info .ui-accordion .ui-accordion-content .ui-panel {background-color: rgba(255, 247, 224, 0.4) ; line-height: 1.4;} .ui-popup-caption {margin-bottom: 30px} .ui-popup-caption-title {font-size: 22px;font-weight: 600;color:#262626;margin-bottom:20px;line-height:1.4;} .ui-popup-caption-content {font-family: 'Pretendard'; font-size: 16px;line-height: 1.3;} .ui-result-msg {font-size:28px;font-weight: 600;color:#262626;margin-top:10px;text-align: center; line-height: 1.3;} .ui-result-msg p:first-child {font-size:22px; font-weight: 400;margin-bottom: 10px;} .ui-result-msg .meta {font-family: 'Pretendard';font-size: 16px;font-weight: 400;padding: 30px 0;color:#767676;} .ui-sub_01 .ui-card-list {margin-top: 30px; display: flex; flex-direction: row; gap: 10px; justify-content: center;} .ui-sub_01 .ui-card {width: 315px; padding: 24px; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.20);} .ui-sub_01 .ui-card .ui-card-title {font-weight: 600; line-height: 1.2;} .ui-sub_01 .ui-card .ui-card-bottom {margin-top: 20px; padding-top: 10px; font-weight: 400; line-height: 1.4; border-top: 1px solid rgba(0, 0, 0, 0.10);} .ui-sub_01 .ui-card .ui-card-bottom .items {display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .ui-sub_01 .ui-card .ui-card-bottom .items .detail-btn {padding: 6px 8px; background: #5E1D1D; color: #FFFFFF; border-radius: 8px; font-weight: 500; font-size: 15px; line-height: 20px; cursor: pointer;} .ui-modal .ui-all-check {position:relative;display: block; border-radius: 12px; border: 2px solid #000; padding: 16px 20px;height:30px;line-height: 30px;font-size: 20px !important;margin-bottom: 15px;font-weight: 600;color:#262626;cursor:pointer;} @media (max-width:640px) { .ui-modal.ui-modal-info .ui-modal-body {height: auto;} /*.ui-modal.ui-modal-terms .ui-modal-dialog, .ui-modal.ui-modal-result .ui-modal-dialog {height: 100%;}*/ .ui-modal.ui-modal-terms .ui-modal-dialog {min-height: 100%;} .ui-modal.ui-modal-terms .ui-modal-body {height: auto;} .ui-modal-dialog {border-radius: 0;margin:0 !important; min-height: 100%;} .ui-modal-body {border-radius: 0;margin: 0 auto !important;max-height: unset;} .ui-modal-footer {padding-top:40px;} .ui-sub_01 .ui-modal-footer {padding-top:30px;} .ui-result-msg p:first-child {font-size:20px;} .ui-sub_01 .ui-card-list {margin-top: 30px; display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center;} } @media (max-width:375px) { .ui-sub_01 .ui-card {width: 100%; padding: 15px} } @media (max-width: 348px) { .ui-sub_01 .ui-card .ui-card-bottom .items {font-size: 15px;} } /* Modal Terms Popup*/ /* 개인정보 동의 팝업 수정 - 250325 */ .ui-modal-terms .ui-modal-body {font-family: 'Pretendard';} .ui-modal-terms .ui-form {width:auto; padding:0 !important;} .ui-modal-terms .ui-form>div:first-child {font-size:18px;font-weight: 500; color:#767676;} .ui-modal-terms .ui-form-fieldset {display: flex;flex-flow: row wrap; justify-content: space-between; align-items: center;gap: 0 6px;padding: 20px 10px; } .ui-modal-terms .ui-form>div label {display:flex;align-items: center; gap:0 6px;} .ui-modal-terms .ui-form .ui-radio {-webkit-appearance: none; -moz-appearance:none; appearance: none; width:20px; height: 20px;border: 1px solid rgba(0, 0, 0, 0.2); outline: none;} .ui-modal-terms .ui-form .ui-radio:checked {background-color: #D31145; border:1px solid rgba(0, 0, 0, 0.2);border:5px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);} .ui-modal-terms .ui-form label.ui-form-label { font-weight: 600; font-size: 18px; color:#262626 !important;} .ui-modal-terms .ui-form-label em {color: #767676;} .ui-modal-terms label > label:first-child {margin-right: 20px;} .ui-modal-terms .ui-terms-desc {background-color: #f7f7f7;padding-right: 5px; } .ui-modal-terms .ui-terms-desc > div {height: 215px; overflow: auto; padding: 20px 10px 20px 20px;} .ui-modal-terms .ui-terms-desc dl {font-size:16px;font-weight: 600;} .ui-modal-terms .ui-terms-desc dt {margin-bottom: 6px;} .ui-modal-terms .ui-terms-desc dd {font-size: 18px;padding:0;margin-bottom: 20px;line-height: 1.2;} .ui-modal-terms .ui-terms-desc .ui-default-ul li {font-size: 16px; font-weight: 400;line-height: 1.4;} .ui-modal-terms .ui-default-ul.ui-text-li li::marker {color:#bbb !important;} .ui-modal-terms.calculate .ui-terms-desc > div {height: 120px;} .ui-modal-terms .ui-terms-desc > div::-webkit-scrollbar {width: 21px; margin: 1rem;} .ui-modal-terms .ui-terms-desc > div::-webkit-scrollbar-thumb {width: 8px; border-radius: 2rem;background-color: #d7d7d7;background-clip: padding-box;border:8px solid rgba(0,0,0,0);} .ui-modal-terms .ui-terms-desc > div::-webkit-scrollbar-track {border-radius: 2rem;background-color: #f6f7f6;background-clip: padding-box;border:8px solid rgba(0,0,0,0);} /* .ui-modal-terms.ui-modal-terms input + label {display: block;height: 25px; padding-left: 18px;font-family: 'Pretendar'; font-size:17px;font-weight: 600; color:#262626; background-image: url('../images/common/ico-check-circle_off.png'); background-repeat: no-repeat ;} */ /* .ui-modal-terms input:checked + label {background-image: url('../images/common/ico-check-circle_on.png');} */ .ui-modal-terms.ui-modal-terms input + span {padding-left: 18px;font-family: 'Pretendar'; font-size: 20px;font-weight: 600; color:#262626; background-image: url('../../images/upload/ico-check-circle_off.png'); background-repeat: no-repeat ;background-position: center left;} .ui-modal-terms input:checked + span {background-image: url('../../images/upload/ico-check-circle_on.png');} .ui-modal-terms .tab__content-wrapper {padding-top:0 !important;} .ui-modal-terms .tab {position: relative} .ui-modal-terms .tab::before {content:'';position: absolute;bottom: 0;right:0;left:0;border-bottom:1px solid rgba(0, 0, 0, 0.2);} .ui-modal-terms .tab .tab__item {background-color: #fff;border: 0;font-size: 20px;font-weight: 600;text-align: center;margin:0;} .ui-modal-terms .tab .tab__item {color:#767676; border-bottom: 3px solid transparent;display: inline-block;max-width:100%;border-radius: 0;} .ui-modal-terms .tab .tab__item.active {border-color: #D31145;} .ui-modal-terms .tab .tab__item.active {background-color: #fff;} .ui-modal-terms .tab .tab__item.active a {color:#D31145;} /* .ui-modal-terms .tab__content>div:first-child {display: flex;flex-flow: row wrap; justify-content: space-between; align-items: center;padding: 20px 10px ;} */ /* .ui-modal-terms.calculate .ui-terms-desc {height: 120px} */ @media (max-width: 960px) { .ui-modal .ui-form {flex-wrap: wrap;} .ui-modal .ui-form label.ui-form-label {display: block; } } @media (max-width: 640px) { .ui-modal-terms .ui-form {padding: 20px 0;} .ui-modal-terms .ui-accordion-head em {display: block;} .ui-modal-terms .ui-form label.ui-form-label {letter-spacing: -1px;margin-bottom: 15px;word-break: keep-all;} .ui-modal-terms .tab .tab__item {width:50%; text-align: center;} .ui-modal-terms .tab .tab__item>a { letter-spacing: -1px;font-size: 18px;} .ui-modal-terms .ui-terms-desc {max-height: 433px;} .ui-modal-terms .ui-terms-desc > div {height: calc(100vh - 510px); max-height: 433px;} .ui-modal-terms.consult .ui-modal-footer {position: fixed; bottom:40px; text-align: center;width: calc(100vw - 60px);} .ui-modal-terms .ui-form-fieldset {padding: 20px 0;} .ui-modal-terms .ui-form>div label {margin-left:2px;} .ui-modal-terms .ui-terms-desc .ui-default-ul li {padding: 8px 0px;} } /* Flex */ .ui-flex {display: flex; flex-wrap: wrap;} .ui-flex-center {align-items: center;} /* Grid */ .ui-child-2, .ui-child-3, .ui-child-4 {display: flex; flex-flow: row nowrap;} .ui-child-2>* {width: 50%;} .ui-child-4>* { width: 25%;} .ui-grid.ui-child-2, .ui-grid.ui-child-4 {display:flex; justify-content: space-between;flex-shrink: 1;flex-wrap: nowrap;gap:0 13.3px;} @media (max-width: 960px) { .ui-grid.ui-child-2, .ui-grid.ui-child-4 {flex-wrap: wrap; gap:15px 0;} .ui-grid.ui-child-2>*, .ui-grid.ui-child-4>* {width:100%;} } /* Button */ a.ui-btn {width:auto;height:auto;} a.ui-btn:hover{color:#fff;} .ui-btn {font-size:20px;font-weight:600;color:var(--button-text-color);border-radius: 12px;border:none;width:280px;height:56px;/*padding:20px;*/cursor: pointer;} .ui-btn {display: flex;align-items: center; justify-content: center;} .ui-btn-primary {background-color: var(--background-primary-color);} .ui-btn-secondary {background-color: var(--background-secondary-color);} .ui-btn-muted {background-color: #e9e9e9; color:#767676;} .ui-btn.ui-link {font-size:18px;font-weight:500;width:auto;height:auto;padding:0;background-color: transparent; color:#767676;margin-top:-3px;vertical-align: middle;} .ui-btn.ui-link .ui-phoneno {color:var(--font-primary-color);font-size:20px;vertical-align: top;margin-left:18px;} .ui-button {display: flex; justify-content: center;} .ui-button-row {gap:5px; } .ui-button-column {flex-wrap: wrap; gap: 10px 0;} .ui-btn-between {justify-content: space-between !important;} .last .ui-button-column {gap: 0 10px} .last .ui-btn {width:360px;height:64px;font-size:18px;padding: 20px;} @media (max-width: 1200px) { .last .ui-btn {display: flex;align-items: center;} .last .ui-button-column {gap: 10px;} } @media (max-width: 640px) { .ui-btn {width: 100%;} .ui-floating-banner .ui-btn.ui-modal-open {padding: 20px 10px !important} .last .ui-btn {font-size:4.3333vw;width:100%;height:14.9333vw;} .last .ui-button-column {flex-direction: column; } .ui-btn.ui-link .ui-phoneno {font-size:18px;} } /* Table */ .ui-table {border-collapse: collapse;border-spacing: 0;width:100%;vertical-align: middle !important; border-top: 1px solid #5E1D1D; margin-top: 10px;} .ui-table th {background-color: rgba(255, 247, 224, 0.4); text-align: center;width:120px;} .ui-table td:not(:first-child), .ui-table th:not(:first-child) {border-left:1px solid #ccc;} .ui-table th, .ui-table td {padding: 10px; font-size:14px;vertical-align: middle;min-height: 30px; font-size:16px;line-height: 1.5;border-bottom: solid 1px #ccc;} .ui-eg.ui-table {margin-bottom: 15px} .ui-eg.ui-table thead th {min-height:30px;} .ui-eg td:not(:first-child) {text-align: right;} .ui-eg thead th {border-bottom:1px solid #ccc;} @media (max-width: 640px) { .ui-table th {width: 40px;} .ui-eg th, .ui-eg td {font-size: 12.5px} .ui-table th, .ui-table td {font-size: 14px !important; padding: 6px} .ui-table th em, .ui-table td em {display: block;} } /* Breadcrumb */ .ui-breadcrumb {padding: 0;list-style: none;font-size: 0;} .ui-breadcrumb>* {display: contents;} .ui-breadcrumb>*>* {font-size: 18px;font-weight: 500;;} .ui-breadcrumb>*>*:hover {color:var(--font-active-color)} .ui-breadcrumb>*::after {content: '|';display: inline-block;margin: 0 30px;font-size:18px;color:rgba(0, 0, 0, 0.2);} @media (max-width: 960px) { .ui-breadcrumb>*:last-child::after{content:'';margin:0;font-size:0;} .ui-breadcrumb>:not(:last-child)::after {content: '|';display: inline-block;margin: 0 18px;font-size:18px;color:rgba(0, 0, 0, 0.2);} } /* Postion */ .ui-position-relative {position: relative;} /* Merage*/ .ui-merge-block {display: flex;min-width:100px;} .ui-merge-block .ui-merge-block {margin-left:10px;} @media (max-width:960px) { .ui-merge-block {flex-grow: 1;} } /* Padding */ .ui-padding-top-large {padding-top:30px;} /* Margin */ .ui-m25 {margin-bottom: 20px;} .ui-m10 {margin-bottom: 15px} .ui-m30 {margin-bottom: 30px !important;} .ui-m35 {margin-bottom: 35px;} .ui-margin-large {margin-top:30px; margin-bottom: 30px;} .ui-margin-bottom-xlarge {margin-bottom: 40px;} .ui-margin-top-xsmall {margin-top: 5px;} .ui-margin-top-small {margin-top: 10px;} .ui-margin-top {margin-top:20px} .ui-margin-top-xlarge {margin-top: 60px !important;} .ui-margin-right-small {margin-right:6px;} .ui-margin-top-large {margin-top: 30px;} /* Icon */ .ui-ico-circle {display: inline-block; width:35px; height:35px;line-height: 35px;border:1px solid #bbb;border-radius: 50px;; font-size: 16px; text-align: center;color:#bbb; background-color: #fff; font-weight: 700;cursor: pointer;} .ui-ico-circle:hover {background-color: #5E1D1D; color: #fff;} /* Visibility*/ .ui-hidden , .ui-hidden-s {display: block;} .ui-visible, .ui-visible-s {display: none;} .ui-visible-inline {display:inline-block;} /* Utility */ .ui-close {margin:0;padding:0;border:none;overflow: visible;font-size:0;background: transparent;display: inline-block;line-height: 0;} .ui-modal-page {overflow: hidden;} .ui-default-ul {display: block;list-style-type: disc;padding-inline-start: 1em;} .ui-default-ul li {display: list-item;padding: 5px 0;} .ui-default-ul li::marker {color: #bbb !important;font-size: 14px;} .ui-default-ul.ui-text-li li::marker{color:#262626;} .ui-default-ul.ui-text-primary li::marker {color:rgba(211,19,69,0.2);} .br {display: inline;} .br2 {display: block;} .ui-list-hyphen {list-style-type: '- ';} .ui-breakpoint {position: relative;} .ui-marker-default {line-height: 1.4;} .ui-text-medium + .ui-text-default {line-height: 1.6;} .ui-clearfix {clear: both;} .ui-inline-block {display: list-item;} .ui-inline-block span {display: inline-block;vertical-align: top;} .ui-inline-block span:last-child {width: 91%;} .ui-m25 .ui-text-secondary, .ui-sub_04 .ui-text-default p {line-height: 1.4;} /* Floating Banner */ .ui-floating-banner {position: fixed; display: none;bottom:0;background-color: #fff;border-top-left-radius: 20px; border-top-right-radius: 20px;box-shadow:0px -4px 12px -4px rgba(0,0,0,0.15);left:0; right:0;z-index: 1;} @media (max-width: 640px) { .ui-floating-banner .ui-button {padding: 20px 30px;} .ui-floating-banner .ui-button .ui-btn {height:56px;} .ui-floating-banner.ui-show {display: block;} .ui-pc-br {display: inline;} } /* Tabs */ .tab {display: flex; align-items: center;} .tab .tab__item { padding: 10px 20px;color:#767676;border: 1px solid rgba(0, 0, 0, 0.2);background-color: #f7f7f7; border-radius: 2rem;margin-right:.5em;font-size:18px;font-weight: 500;text-transform: uppercase;transition: .1s ease; transition-property: color, background-color;} .tab .tab__item.active {display: inline-block; background-color: #541828; } .tab .tab__item.active a {color:#fff;} .tab__content-wrapper {padding-top: 10px;} .tab__content {display: none;} .tab__content.active {display: block;} /** SUB Style*/ .ui-section {padding:80px 0; text-align: center;} .ui-section__01 {background-color: #FFF7E0;} .ui-section__02 {background-color: #FDEAEA;} .ui-section__03 {background-color: #F4E3D6;} .ui-section__05 {background-color: #FDEAEA;} .ui-section__06 {background-color: #FDEAEA;} .ui-sub_01 .ui-section__05 {background-color: #FFF7E0;} .ui-sub_01 .ui-section__07 {background-color: #F4E3D6;} .ui-sub_05 .ui-section__05 {background-color: #FDEAEA;} .ui-sub_04 .ui-section__06 {background-color: #fff;} .ui-sub_04 .ui-section__07 {background-color: #F4E3D6;} .ui-sub_01 .ui-section__01 {background-color: #FFF7E0;} .plan01 .ui-section__06 {background-color: #F4E3D6;} .ui-sub_02 .ui-section__01 {background-color: #fff;} .ui-sub_03 .ui-section__05 {background-color: #FDEAEA;} .ui-sub_04 .ui-section__01 {background-color: #fff;} .ui-section > .ui-content > *:not(:last-child) {margin-bottom: 50px;} .ui-link-healthcare {width:237px;margin-top: 30px;} .ui-section.ui_section__0 {background-color: #FDEAEA;padding: 60px 0 50px;} .ui-section.ui-section__00 {padding:80px 0 300px;text-align: unset;max-width: 720px;margin: 0 auto;} .ui-point-header {display: flex; flex-flow: row wrap;gap: 50px; line-height: 1.25;} .ui-point-header-left {width: 539px; align-items: center;justify-content: center;} .ui-point-header-right {width: 611px; align-items: self-start;} .ui-point-header-left .subtitle {font-size: 32px; line-height: 1.1; color:#5E1D1D;font-weight: 600;margin-bottom:4px;} .ui-point-header-left .subtitle>span {color: rgba(94,29,29,0.4);font-weight: 400;} .ui-point-header-left .title {font-size:48px; font-weight:700; color:#D31145;margin-bottom: 50px;} .ui-point-header-right ul li {font-size: 24px; font-weight:400;color:#545454;letter-spacing: -1px;text-align: left;display: flex; align-items: center;} .ui-sub_04 .ui-point-header-right ul li:nth-child(2) {align-items: flex-start;} .ui-point-header-right ul li:not(:last-child) {margin-bottom: 30px;} .ui-point-header-right ul li img {margin-right: 15px;} .ui-point-header-right ul li p span {color: #AC3B59;font-weight:500;} @media (max-width: 1200px) { .ui-point-header-left, .ui-point-header-right {width: 100%;} .ui-point-header-right ul {width: 614px;margin: 0 auto;} } @media (max-width:640px) { .ui-point-header-left .subtitle {font-size:24px;} .ui-point-header-left .title {font-size: 36px;} .ui-point-header-right ul {width: auto; margin: 0 auto;} .ui-point-header-right ul li {font-size: 20px; line-height: 1.2;} .ui-point-header-right ul li:not(:last-child) {margin-bottom: 20px;} .ui-point-images {display: flex; flex-direction: column; gap: 20px;} } @media (max-width: 430px) { .ui-sub_03 .ui-point-header-left .subtitle {font-size:20px;margin-bottom:4px; } } .ui-section .ui-content {max-width: 1200px;padding:0;} .ui-section .ui-content > * {margin: 0 auto;} .ui-point {font-family: 'SUITE'; font-size: 24px; font-weight:900; color:#fff; background-color: var(--background-primary-color);width:180px; height: 40px;line-height: 40px;border-radius: 50px;} .ui-point-title {color:#5E1D1D; font-size:36px;font-weight: 600;} .ui-point-title strong {display: block; font-size: 56px; font-weight: 700; margin-top: 4px;} .ui-point-meta {font-size: 44px;font-weight: 400; color:#545454;} .ui-point-desc {max-width: 800px; width: unset;} .ui-point-desc div p{display: list-item;list-style-type: "*";margin-top: 5px;line-height: 1.3;text-align: left;padding-inline-start: 5px;} .ui-point-notice {color: #E26609; font-size: 24px; font-weight: 500; line-height: 1.2;} .ui-point-notice strong {font-size: 32px; font-weight: 600;} .ui-point07-notice {color: #5E1D1D; text-align: center; font-size: 22px; font-weight: 600; line-height: 1.4; margin-bottom: unset !important;} .ui-point01-notice {color: #B18C70; font-size: 16px; font-weight: 400; line-height: 1.2; margin-top: 25px; text-align: left;} .ui-point-images {display: flex; flex-direction: column; gap: 20px; width: fit-content;} .ui-point-content {display: flex; flex-direction: column; gap: 30px; align-items: center;} .ui-point03-notice {font-size: 32px; font-weight: 700; line-height: 1.2;} .ui-point07-notice-image {display: flex; flex-direction: column; width: fit-content;} @media (max-width:640px) { .ui-point-image img {width: 100%;} .ui-point03-notice {font-size: 30px; font-weight: 700; line-height: 1.2;} } .ui-sub_01 .ui-section__03 .ui-point-desc {max-width: 810px;} .ui-sub_01.ui-sub_03 .ui-section__03 .ui-point-desc {max-width: 100%;} .ui-sub_01 .ui-section__04 .tab {justify-content: space-between;} .ui-sub_01 .ui-section__04 .ui-tabs {max-width:390px;margin: 0 auto;} .ui-sub_01 .ui-section__04 .ui-tabs .tab {max-width: 345px; margin: 0 auto;} .ui-sub_01 .ui-section__04 .ui-tabs .tab__item {border-radius: 0; border: 0;background-color: transparent;padding:0;margin:0} .ui-sub_01 .ui-section__04 .ui-tabs .tab__item.active {background-color: transparent;} .ui-sub_01 .ui-section__04 .ui-tabs .tab__content-wrapper {margin-left: 30px;word-break: keep-all;} .ui-sub_02 .ui-section__04 .ui-tabs .tab__content-wrapper {margin-left: 30px;word-break: keep-all;} .ui-sub_02 .ui-section__04 .tab {justify-content: space-between;} .ui-sub_02 .ui-section__04 .ui-tabs {max-width:390px;margin: 0 auto;} .ui-sub_02 .ui-section__04 .ui-tabs .tab {max-width: 345px; margin: 0 auto;} .ui-sub_02 .ui-section__04 .ui-tabs .tab__item {border-radius: 0; border: 0;background-color: transparent;padding:0;margin:0} .ui-sub_02 .ui-section__04 .ui-tabs .tab__item.active {background-color: transparent;} .ui-sub_02 .ui-section__04 .ui-tabs .tab__content-wrapper {margin-left: 30px;word-break: keep-all;} .ui-sub_01 .ui-section__05 .ui-point-desc {max-width: 810px;} .ui-sub_01.ui-sub_03 .ui-section__05 .ui-point-desc {max-width: 100%;} .ui-sub_01 .ui-popup-content section:first-child {padding-top:0;} /* .ui-sub_01 .ui-point-meta {font-size: 24px;} */ .tabRoll_title {font-size: 26px; font-weight:600;color:#541828; line-height: 1.4;margin-bottom:10px; padding-top: 20px;} .tabRoll_content p {font-size: 24px;list-style-type: none !important; color:#545454;} .tabRoll_content p > span {display: inline-block;} .tabRoll_content p > span:first-child {vertical-align: top;} .tabRoll_content p > span:last-child {width: 95%; padding-left: 6px;} .ui-tabs {text-align: left;max-width:650px;width:650px;} .ui-tab:last-child .ui-tab-title {background-color: var(--background-primary-color);} .ui-tab-title {font-size: 18px; font-weight: 600;width:106px;padding: 8px 0;border-top-left-radius: 12px;border-top-right-radius: 12px; text-align: center;background-color: var(--background-secondary-color);color:#fff;} .ui-tab-content {font-size:16px;font-weight: 500;color:#262626;background-color: #fff;border-top-right-radius: 12px;border-bottom-right-radius: 14px;border-bottom-left-radius: 12px;padding: 16px;word-break: break-all;line-height: 1.4;} .ui-list-title {font-size: 48px; font-weight: 600;color:#5E1D1D;text-align: center;} .ui-list-title b {font-weight: 800;} .ui-list li {font-size: 24px;font-weight: 600;padding: 20px 0;border-bottom:1px solid rgba(0, 0, 0, 0.2);} .ui-list li a {display: flex; justify-content: space-between;} @media (max-width: 435px) { .ui-sub_01 .ui-section__04 .ui-tabs .tab__content-wrapper {margin-left: 0;} .ui-sub_02 .ui-section__04 .ui-tabs .tab__content-wrapper {margin-left: 0;} } /* ROll */ @media (max-width: 360px) { .ui-roll .tab__item:not(:last-child) {margin-right: 10px !important;} .tabRoll_content p {font-size: 24px;} } /* footer */ .ui-footer {max-width: 1200px; text-align: left;letter-spacing: 0;;} .ui-terms {padding-bottom: 20px;margin-bottom:30px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .ui-terms a {font-size: 18px;color:rgba(255,255,255,0.6);letter-spacing: 0;} .ui-terms a:not(:last-child)::after {content:'|'; margin: 0 10px; color:#767676;} .ui-address span:not(:first-child)::before, .ui-biz span:not(:last-child)::after, .ui-cs span:not(:last-child)::after {content:'|'; margin: 0 7px; color:#767676;} .ui-company {display: flex; font-size: 16px; line-height:1.4; gap: 30px;} .ui-company>span:last-child {margin-left: 50px;} .ui-address {color:#9e9e9e;margin-bottom: 15px;} .ui-biz, .ui-cs {color: rgba(255, 255, 255, 0.4);} @media (max-width: 1200px) { .ui-section.ui-section__00 {padding-bottom: 400px;} } @media (max-width: 960px) { .ui-section.ui-section__00 {padding-top: 50px;padding-bottom: 500px;} } @media (max-width:640px) { .ui-footer {text-align: center;} .ui-point {font-size: 20px;width:150px;height: 32px;line-height: 32px;} .ui-terms {text-align: center; border-bottom: 0;} .ui-company {flex-flow: column wrap;} .ui-address>span:last-child {display: block;} .ui-address span:last-child::before {content:''} .ui-biz > span, .ui-cs>span {display: block;} .ui-biz {margin-bottom: 30px;} .ui-biz span:not(:last-child)::after, .ui-cs span:not(:last-child)::after {content:'';} .ui-sub footer {padding-bottom: 140px;} } @media (max-width: 1200px) { .ui-container { padding-left: 20px; padding-right: 20px; } } @media (max-width: 960px) { .ui-hidden {display: none} .ui-visible {display: block;} .ui-section .ui-content {padding-left: 30px; padding-right: 30px;} .br2 {display: inline;} .ui-visible-inline {display:none;} } @media (max-width: 640px) { .ui-container { padding-left: 0; padding-right: 0; } .br {display: block;} .ui-section {padding-top: 60px;} .ui-section-title em {display: block;} .ui-db-cap {font-size: 6.4000vw;} .ui-point-title {font-size:28px;} .ui-point-title strong {font-size: 40px;line-height: 1.2;} .ui-sub_04 .ui-point-title strong {font-size:36px; line-height: 1.1;} .ui-list-title {font-size: 30px;} .ui-list-title strong {font-size: 30px; font-weight: 700;} .ui-point-title em, .ui-list-title em {display: block;} .ui-list li {font-size:20px} .ui-section.ui-section__00 {padding-bottom: 80px;} .ui-hidden-s {display: none;} .ui-visible-s {display: block;} .ui-sub_01 .ui-section.ui-section__00 {padding-top:30px;} } @media (max-width:360px) { .ui-sub_02 .ui-section__04 .ui-point-title strong{font-size: 38px;} .ui-sub_04 .ui-section__02 .ui-point-title strong, .ui-sub_04 .ui-section__03 .ui-point-title strong, .ui-sub_04 .ui-section__04 .ui-point-title strong{font-size: 36px;} } @media (max-width: 320px) { .ui-meta-text {font-size:12px;} .ui-btn-between>div, .ui-breadcrumb>*>* {font-size:14px} .ui-accordion-title {font-size:16px;} .ui-card .ui-card-body .ui-input {height:40.5px; font-size:15.3px; line-height:42.6666px ;} } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .ui-swipper-visible {display: block;} .ui-swipper-hidden {display: none;} @media (max-width: 960px) { .ui-swipper-visible {display: none;} .ui-swipper-hidden {display: block;} } /* swiper overlap */ .swiper-pagination {text-align: left;} .swiper-pagination-bullets.swiper-pagination-horizontal {width: auto;} .swiper-button-next, .swiper-button-prev {font-family: 'SUITE';display: none;justify-content: center; align-items: center; color:#bbb; width: 36px; height: 36px;border: 1px solid rgba(0, 0, 0, 0.2); background-color: #fff;color:#bbb;border-radius: 50px;font-size: 16px;font-weight: 900;;} .swiper-button-next:hover, .swiper-button-prev:hover {background-color: #5E1D1D;color:#fff;} .swiper-button-next::after, .swiper-button-prev::after {content: '';} .ui-slide-sub .ui-pagination {text-align:right;max-width: 315px;margin: 15px auto 0;} .ui-slide-sub .ui-ico-circle {background-color: rgba(0, 0, 0, 0.2);color:#fff; border:0;} .ui-slide-sub .ui-ico-circle:hover {background-color: #5E1D1D; color: #fff;} .swiper-pagination-bullet {width:12px;height:12px;border-radius: 50px; overflow:hidden;background-color: rgba(0, 0, 0, 0.2);transition: .3s ease; transition-property: background-color, border-color, width;} .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #5E1D1D;width:32px;} @media (max-width: 960px) { .swiper-button-next, .swiper-button-prev {display: flex;} .ui-slide-sub .ui-child-2 {margin:0 100px;} } @media (max-width: 640px) { .ui-slide-sub .ui-child-2 {max-width: 315px;margin:0 auto;} } /* add 25-06-18*/ .ui-com {margin-top:0;} .ui-com .ui-hidden {display: none;} .ui-com .ui-visible {display: block;} @media (max-width: 470px) { .ui-com {margin-top: 20px;} .ui-com .ui-hidden {display: block;} .ui-com .ui-visible {display: none;} } /* add 25-07-10*/ .ui-float-right {float: right;} .ui-banner-hidden {display: none !important;} .ui-button-row {gap:0; } .ui-button-row > div {width: 49%;} .ui-button-row > div:nth-child(1) {display:none;} .ui-button-row > div:nth-child(2) > .ui-btn {float: right;} .ui-button-row > div:nth-child(3) {margin-left: 2%} @media (max-width: 640px) { /* .ui-btn.ui-modal-open {padding: 20px 12px !important} 25.09.01 주석처리 */ .ui-button-row > div {width: 100%;} .ui-button-row > div:nth-child(1) {display:block; width:56px;} .ui-button-row > div:nth-child(2) {flex-shrink: 1.1;margin-left: 1.5%} .ui-button-row > div:nth-child(3) {flex-shrink: 1 ;margin-left: 1.5%} .ui-floating .ui-button-row {gap:0;} .ui-floating-banner .ui-btn {padding: 20px 12px;} } @media (max-width: 359px) { .ui-btn.ui-modal-open {/*padding: 20px 6px;*/font-size:18px;} /*25.09.01 padding 주석처리*/ .ui-floating-banner .ui-button {padding: 20px;} } @media (max-width: 640px) { .ui-panel-group,.ui-panel-group.ui-panel-group-small,.ui-panel-group.ui-panel-group-xsmall {width: 100%; max-width: 100%;} .ui-grid.ui-child-2 {flex-direction: column;} .ui-grid.ui-child-2>div {width: 100%;} } @media (max-width: 640px) { .ui-panel-group, .ui-panel-group.ui-panel-group-small, .ui-panel-group.ui-panel-group-xsmall {width: 100%; max-width: 100%;} .ui-tabs {width: 100%; max-width: 100%;} .plan01 .ui-grid.ui-child-2 { flex-direction: row;} .ui-grid.ui-child-2>div {width: 100%;} } @media (max-width: 640px) { .ui-panel-group, .ui-panel-group.ui-panel-group-small, .ui-panel-group.ui-panel-group-xsmall, .plan04 .ui-section.ui-section__01 .ui-panel-group.ui-panel-group-small, .plan01 .ui-section.ui-section__05 .ui-panel-group.ui-panel-group-small {width: 100% !important; max-width: 100% !important;} .ui-tabs {width: 100%; max-width: 100%;} .ui-grid.ui-child-2 {flex-direction: column;} .ui-grid.ui-child-2>div {width: 100%;} } @media (max-width: 640px) { .ui-panel-group, .ui-panel-group.ui-panel-group-small, .ui-panel-group.ui-panel-group-xsmall {width: 100% !important;max-width: 100% !important;} .ui-grid.ui-child-2 {flex-direction: column;} .ui-grid.ui-child-2>div {width: 100%;} } /* 25-07-22*/ .ui-navbar-container {top:env(safe-area-inset-top);left:env(safe-area-inset-left); right: env(safe-area-inset-right);} /* 25-09-01 */ .ui-terms>a {font-size: 20px; color: #fff;} /*AIA_main.html line.442 개인정보처리방침 span tag wapper */ .ui-terms>a>span {text-decoration: underline; text-underline-offset: 3px; } /* 25-09-26 */ p sup {vertical-align: super;font-size: 12px;} .ui-section {padding: 80px 0 100px;} .ui-sub_03 .ui-section__06 {background-color: #FFF;} .ui-visual-sub {flex-direction: column; gap: 0;} .ui-visual-body {display: flex; flex-direction: row; gap: 0 40px;} .ui-visual-head {margin-bottom: 20px;} .ui-point-middle {font-size:36px; font-weight: 600;} .ui-panel-group {width:800px; margin-bottom: 20px;} .ui-panel-group.ui-panel-group-small {width:650px;} .ui-panel-group.ui-panel-group-xsmall {width:400px;} .ui-panel-group .ui-caption {margin-top: 20px;font-size: 16px;color:#545454;} .ui-panel-rounded {border-radius: 20px;} .ui-panel-rounded .ui-header {background-color: #5E1D1D; color: #fff; font-size:28px; font-weight: 600; border-top-left-radius: 20px; border-top-right-radius: 20px;padding: 20px;} .ui-panel-rounded .ui-header.ui-primary {background-color: #D31145;} .ui-panel-rounded .ui-body {background-color: #fff; padding: 24px 24px 24px 20px; text-align: left;font-size: 20px; font-weight: 600; border: 1px solid rgba(0,0,0,0.1); border-top:0;box-sizing: border-box;} .ui-panel-rounded .ui-body.ui-border-none {border:0 !important;} .ui-panel-rounded .ui-body:last-child{border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;} .ui-panel-rounded .ui-body .ui-title {font-size: 20px; font-weight: 400; margin-bottom: 20px;line-height: 1.2;} .ui-panel-rounded .ui-body .ui-title strong {font-size: 28px; font-weight: 600; color: #5E1D1D;} .ui-panel-rounded .ui-body .ui-subtitle {color: #5E1D1D; min-height: 48px; line-height: 1.2;} .ui-panel-rounded .ui-body .ui-subtitle.ui-text-large {font-size:24px;} .ui-panel-rounded .ui-body .ui-subtitle.ui-text-large sup {font-size: 14px;} .ui-panel-rounded .ui-body .ui-subtitle.ui-text-large.small {min-height: 29px;} .ui-panel-rounded .ui-body .ui-subtitle.ui-text-large span {font-size:18px; color:#767676;} .ui-panel-rounded .ui-body .ui-money, .ui-panel-rounded .ui-body .ui-meta {text-align: right;} .ui-panel-rounded .ui-body .ui-money { color: #D31145; letter-spacing: 0;line-height: 1.2;} .ui-panel-rounded .ui-body .ui-money strong {font-size:36px;font-weight: 800;} .ui-panel-rounded .ui-body .ui-meta {font-weight: 400; line-height: 1.4;font-size:18px;} .ui-panel-rounded .ui-body.reverse {background-color: #D31145;} .ui-panel-rounded .ui-body.reverse .ui-subtitle, .ui-panel-rounded .ui-body.reverse .ui-money {color: #FFF !important;} .ui-panel-group-small .ui-panel-rounded .ui-body:first-child, .ui-panel-group-xsmall .ui-panel-rounded .ui-body:first-child {border-top-left-radius: 20px; border-top-right-radius: 20px;} .ui-point-desc div p {font-size: 18px; font-weight: 400; } .ui-point-desc div p.no-marker {list-style-type: '';padding-inline-start: 0;} .ui-sub_01.ui-sub_02 .ui-section.ui-section__01, .ui-sub_01.ui-sub_04 .ui-section.ui-section__01 {background-color: #fff;} .ui-sub_01 .ui-section__01 .ui-point-desc, .ui-sub_01 .ui-section__02 .ui-point-desc, .ui-sub_01.ui-sub_02 .ui-section__01 .ui-point-desc, .ui-sub_01.ui-sub_04 .ui-section__06 .ui-point-desc, .ui-sub_01.ui-sub_04 .ui-section__04 .ui-point-desc {max-width: 810px;} .ui-sub_01 .ui-section__04 .ui-point-desc, .ui-sub_01.ui-sub_03 .ui-section__03 .ui-point-desc {max-width: 810px;} .ui-sub_01 .ui-section.ui-section__00 {padding-top:80px;} .ui-tab-title {font-size: 20px} .ui-tab-content {font-size: 18px;} .ui-tab-content .ui-meta-text {font-size: 16px} .tabRoll_content p > span:last-child {width: 90%;} .ui-modal-info dl {line-height: 1.4;;} @media (max-width: 1200px) { .ui-visual-body {display: block; width:100%;} .ui-form-sub {width: 100%;} } @media (max-width: 640px) { .ui-section {padding: 60px 0 80px;} .ui-point-meta {font-size: 32px;} .ui-panel-rounded .ui-body .ui-subtitle {margin-bottom: 20px;} .ui-section__03 .ui-panel-rounded .ui-body .ui-subtitle {margin-bottom: 0;} .ui-section__05 .ui-panel-rounded .ui-body .ui-subtitle {margin-bottom: 10px;} .ui-point-desc {padding:0;} .ui-point-desc p {padding:0; margin: 15px 0;} .ui-visual-head {margin-bottom: 15px;} .ui-point-desc {justify-content: left;} .tabRoll_title {font-size: 28px; padding-top: 20px;} .tabRoll_content p {font-size: 24px !important;} .ui-point-meta em {display: block;} .ui-point-middle {font-size: 28px} } @media (max-width: 360px) { .ui-visual-head {font-size: 17px;} .ui-point-title {font-size: 23px;} .ui-point-title strong {font-size: 36px;} .ui-panel-rounded .ui-body .ui-title strong {font-size: 26px;} .ui-list-title {font-size: 26px;} } /* 10-05*/ .ui-drop > ul {gap: 0;} .ui-drop > ul > li {border-right: 1px solid rgba(0,0,0,0.1);padding: 0 10px;} .ui-drop > ul > li:last-child {border-right:none;} .ui-drop > ul > li .ui-gnb-txt {display: flex; justify-content: space-between; align-items: center; margin-top: 15px;} .ui-drop > ul > li .ui-gnb-txt:first-child {margin-top: 20px;} .ui-drop > ul > li .ui-gnb-txt:hover, .ui-drop > ul > li .ui-gnb-txt.ui-active {color: #000;} .ui-drop > ul > li .ui-gnb-txt:not(.ui-active):hover img {content: url(../../images/upload/Button_circle_on.png);} .ui-drop > ul > li .ui-gnb-txt p {margin-top: 15px;font-size:18px;} .ui-drop > ul > li .ui-gnb-txt p:first-child {margin-top: 0;} .ui-gnb-txt em {display: block;} .ui-floating {z-index:100;} .plan .ui-point-title {color: #D31145;} .plan .ui-grid.ui-child-auto {display: flex;gap: 20px; align-items: center;} .plan .ui-grid.ui-child-auto div {width: auto;} .ui-panel-rounded.ui-panel-primary .ui-body{background-color: #D31145; } .ui-panel-rounded.ui-panel-secondary .ui-body{background-color: #5E1D1D; } .ui-panel-rounded.ui-panel-primary .ui-body .ui-grid .ui-subtitle, .ui-panel-rounded.ui-panel-primary .ui-body .ui-grid .ui-money, .ui-panel-rounded.ui-panel-secondary .ui-body .ui-grid .ui-subtitle, .ui-panel-rounded.ui-panel-secondary .ui-body .ui-grid .ui-money {color: #fff} .ui-panel-rounded .ui-body .ui-grid .ui-subtitle.ui-text-large sup {font-size: 10px;} .ui-panel-rounded .ui-body .ui-grid .ui-subtitle.ui-text-large {font-size: 20px;} .ui-panel-rounded .ui-body .ui-grid .ui-subtitle.ui-text-large strong {font-size: 28px;} .ui-panel-rounded .ui-body .ui-grid .ui-subtitle {min-height: auto;} .ui-panel-rounded .ui-body .ui-grid .ui-money strong {font-size: 28px;} .ui-panel-rounded .ui-body .ui-grid .ui-money {text-indent: 10px;} .plan .ui-section .ui-point-desc {max-width: 800px;} .plan01 .ui-panel-rounded .ui-body .ui-gender {text-align: left; color: #5E1D1D; text-decoration: underline;} .plan01 .ui-panel-rounded .ui-body .ui-title {font-size: 30px; margin-top: 20px; margin-bottom: 0; } .plan01 .ui-panel-rounded .ui-body .ui-title strong {font-weight: 700; color: #D31145;} .plan01 .ui-panel-rounded .ui-body .ui-title-2 {font-size: 24px; } .plan01 .ui-panel-rounded .ui-body .ui-title-2 strong {font-weight: 700; color: #5E1D1D;} .plan01 .ui-section.ui-section__05 .ui-grid.ui-child-2 {gap: 20px;} .plan01 .ui-section.ui-section__05 .ui-panel-rounded .ui-body {padding: 40px 30px;} .plan01 .ui-section.ui-section__05 .ui-panel-group.ui-panel-group-small {width:520px;} .plan01 .ui-section.ui-section__05 .ui-grid.ui-child-2 {flex-wrap: nowrap;} .plan01 .ui-section.ui-section__05 .ui-grid.ui-child-2>* {width:50%;} .plan03 .ui-section.ui-section__04 .ui-panel-group {max-width: 630px;} .plan03 .ui-section.ui-section__04 .ui-panel-rounded .ui-body .ui-grid .ui-subtitle.ui-text-large strong {font-size: 28px;} .plan03 .ui-section.ui-section__04 .ui-panel-rounded .ui-body .ui-grid .ui-money, .plan04 .ui-section.ui-section__01 .ui-panel-rounded .ui-body .ui-grid .ui-money {font-size: 18px;font-weight:400;} .plan03 .ui-section.ui-section__04 .ui-panel-rounded.ui-panel-secondary .ui-body .ui-grid div {height: 55px; display: flex; align-items: center;} .plan04 .ui-section.ui-section__01 .ui-panel-rounded .ui-body .ui-grid .ui-subtitle.ui-text-large sup {font-size: 14px; line-height: 28px;} .plan04 .ui-section.ui-section__01 .ui-panel-group.ui-panel-group-small {width: 700px; max-width:700px} .plan04 .ui-section.ui-section__01 .ui-panel-rounded .ui-body {padding: 20px 16px} .plan04 .ui-section.ui-section__01 .ui-panel-rounded .ui-body .ui-money {text-align: left;} @media (max-width: 1200px) { .ui-drop > ul > li .ui-gnb-txt {margin-top: 1.6667vw;} .ui-drop > ul > li .ui-gnb-txt p {margin-top: 1.2500vw;font-size:1.5000vw;} .ui-drop > ul > li .ui-gnb-txt img {width: 2vw;} } @media (max-width: 640px) { .ui-grid em {display: block;} .ui-gnb-txt em {display: inline;} /*.ui-visual-head {align-items: start;}*/ .ui-visual-head span>span:last-child {display: block;margin-top: 6px;} .ui-point-title strong {font-size: 10vw;} .ui-tab-content {padding: 16px 20px;} .ui-tab-content .ui-meta-text.tmp {height:0;} .ui-drop > ul > li:last-child {border-bottom: none;} .plan01 .ui-section.ui-section__05 .ui-grid.ui-child-2 {gap: 10px;} .plan01 .ui-section.ui-section__05 .ui-panel-rounded .ui-body {padding: 20px 24px} .plan01 .ui-section.ui-section__05 .ui-panel-rounded .ui-body .ui-gender {text-align: center;font-size: 18px;margin-top: 20px;} .plan01 .ui-panel-rounded .ui-body .ui-title {line-height: 0.8;text-align: center;margin-top: 10px; } .plan01 .ui-panel-rounded .ui-body .ui-title strong {font-size: 24px; } .plan01 .ui-panel-rounded .ui-body .ui-title-2 {font-size: 20px; text-align: center;line-height: 1.2;;} .ui-drop {overflow: scroll; padding-bottom: 30px;} .ui-drop > ul > li {padding: 10px 0;border-right: none; } .ui-drop > ul > li:first-child {padding-top: 0;} .ui-drop > ul > li .ui-gnb-wrap {margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.1);} .ui-drop > ul > li .ui-gnb-txt p {margin-top: 15px;font-size:18px;} .ui-drop > ul > li .ui-gnb-txt img {width: 24px;} } @media (max-width: 360px) { .plan .ui-grid.ui-child-auto {flex-wrap: wrap; gap: 5px;} } /* 10-14 */ .ui-drop ul + ul {padding:60px 20px 40px} .ui-cs > li:first-child {border-right: none;} .ui-gnb-txt {padding: 0 10px;} .plan .ui-modal-info dd {font-family: 'Pretendard' !important;} #popup-info-01 .ui-modal-body dl:nth-child(2)>dd {font-size: 16px} @media (max-width: 640px) { .ui-ico-gender {text-align: center !important;} .ui-drop > ul > li:last-child .ui-gnb-wrap {border:none;padding-bottom:0;} .plan03 .ui-section__04 .ui-panel-rounded .ui-body .ui-subtitle, .plan04 .ui-section__01 .ui-panel-rounded .ui-body .ui-subtitle {margin-bottom: 0;} } @media (max-width: 420px) { .plan04 .ui-section__01 .ui-panel-rounded .ui-body .ui-subtitle strong {font-size:6.6667vw; } } @media (max-width: 375px) { .ui-panel-rounded .ui-body .ui-grid .ui-money {text-indent: 2.6667vw; text-align: left;font-size: 4.7000vw !important;} } @media (max-width: 360px) { .ui-tab-content {font-size: 4.95vw;} } /* 바텀시트 */ .bottomsheet-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.40); z-index: 9998; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;} .bottomsheet-overlay.active {opacity: 1; visibility: visible;} .bottomsheet {position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #FFFFFF; border-radius: 20px 20px 0 0; max-height: 80vh; transform: translateY(100%); transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1); display: flex; flex-direction: column; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); padding: 20px 25px 40px 25px;} .bottomsheet.active {transform: translateY(0);} .bottomsheet-header {display: flex; flex-direction: row; justify-content: right; margin-bottom: 10px;} .bottomsheet-body {overflow-y: auto; -webkit-overflow-scrolling: touch;} .bottomsheet-title {border-bottom: 1px solid #5E1D1D; padding-bottom: 15px; display: flex; flex-direction: row; justify-content: space-between; color: #5E1D1D; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.4px;} .bottomsheet-table-wrap {overflow-x: auto; margin-bottom: 30px;} .bottomsheet-table-wrap .item {border-bottom: 1px solid rgba(0, 0, 0, 0.20); font-family: Pretendard; font-size: 16px; line-height: 140%; letter-spacing: -0.32px; display: flex; padding: 16px 12px; flex-direction: column; align-items: flex-start; gap: 4px; align-self: stretch;} .bottomsheet-table-wrap .item .item-title {color: #262626; font-weight: 500;} .bottomsheet-table-wrap .item .item-detail {width: 100%; display: flex; flex-direction: row; justify-content: space-between; color: #767676; font-weight: 400;} .bottomsheet-table-wrap .item.example {background: rgba(255, 247, 224, 0.40);} .bottomsheet-table-wrap .item .item-badge {padding: 4px 8px; border-radius: 100px; background: #D31145; color: #FFF; width: 53px; text-align: center; font-family: Paperlogy; font-size: 14px; font-weight: 500; line-height: 20px;} .bottomsheet .detail-btn {cursor: pointer;} /* 보험상품 드롭다운 cpcode=SWI089342 쿼리 파라미터가 있을 때만 노출 */ .ui-select2-group {display: none;} .ui-select2-group.is-cpcode-match {display: flex; flex-wrap: wrap; gap: 8px;} .ui-select2-dropdown {position: relative; flex: 1 1 175px; min-width: 175px; font-family: Pretendard, sans-serif;} .ui-select2-dropdown__toggle {display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 175px; height: 50px; padding: 16px 10px 16px 20px; border: 1px solid rgba(0,0,0,0.2); border-radius: 12px; background: #F7F7F7; color: #767676; font-size: 18px; font-weight: 400; line-height: 22px; letter-spacing: -0.36px; cursor: pointer; box-sizing: border-box; text-align: left;} .ui-select2-dropdown__toggle:focus {outline: none;} .ui-select2-dropdown__label {flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .ui-select2-dropdown__icon {width: 14px; height: 8px; margin-left: 8px; flex-shrink: 0; transition: transform 0.2s ease;} .ui-select2-dropdown__panel {display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 20; padding-top: 56px; background: #FFF; border: 1px solid #000; border-radius: 12px; overflow: hidden;} .ui-select2-dropdown__list {margin: 0; padding: 0; list-style: none; max-height: 216px; overflow-y: auto; overscroll-behavior: contain;} .ui-select2-dropdown__list::-webkit-scrollbar {width: 6px;} .ui-select2-dropdown__list::-webkit-scrollbar-thumb {background: #C4C4C4; border-radius: 3px;} .ui-select2-dropdown__list::-webkit-scrollbar-track {background: transparent;} .ui-select2-dropdown__item {display: flex; align-items: center; height: 54px; padding: 16px 20px; color: #767676; font-size: 18px; font-weight: 400; line-height: 22px; letter-spacing: -0.36px; cursor: pointer; box-sizing: border-box;} .ui-select2-dropdown__item:hover {background: #F7F7F7; color: #262626;} .ui-select2-dropdown__item.is-selected {background: #F7F7F7; color: #262626;} .ui-select2-dropdown.is-open .ui-select2-dropdown__panel {display: block;} .ui-select2-dropdown.is-open .ui-select2-dropdown__toggle {position: absolute; top: 0; left: 0; right: 0; z-index: 21; height: 56px; padding: 16px 20px; background: transparent; color: #262626; border: 1px solid transparent;} .ui-select2-dropdown.is-open .ui-select2-dropdown__icon {transform: rotate(180deg); color: #000;} @media (max-width: 640px) { .ui-select2-group .ui-select2-dropdown {flex: 1 1 100%; min-width: 0;} .ui-select2-group .ui-select2-dropdown:nth-child(2), .ui-select2-group .ui-select2-dropdown:nth-child(3) {flex: 1 1 calc(50% - 4px); min-width: 0;} .ui-select2-group .ui-select2-dropdown__toggle {min-width: 0;} } /* 상담일자 달력 위젯 - Figma 스펙: select box 아래 10px, width 262px, padding 16px, gap 12px */ .ui-select2-dropdown[data-dropdown="date"] .ui-select2-dropdown__panel { position: absolute; top: calc(100% + 10px); left: 0; right: auto; width: 262px; padding: 16px; background: #FFF; border: 1px solid rgba(0,0,0,0.2); border-radius: 12px; box-sizing: border-box; z-index: 20; overflow: visible; } .ui-select2-dropdown[data-dropdown="date"].is-open .ui-select2-dropdown__panel {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;} /* 펼침 상태에서도 toggle(select box)은 그대로 노출 (덮지 않음) */ .ui-select2-dropdown[data-dropdown="date"].is-open .ui-select2-dropdown__toggle { position: relative; top: auto; left: auto; right: auto; z-index: auto; height: 50px; padding: 16px 10px 16px 20px; background: #F7F7F7; color: #262626; border: 1px solid rgba(0,0,0,0.2); } .ui-calendar {width: 100%; align-self: stretch; font-family: Pretendard, sans-serif; user-select: none;} .ui-calendar-header {margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; width: 100%;} .ui-calendar-title {flex: 1; text-align: center; font-size: 18px; font-weight: 600; color: #262626; letter-spacing: -0.32px;} .ui-calendar-nav {width: 24px; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;} .ui-calendar-nav img {display: block; width: 100%; height: 100%; object-fit: contain;} .ui-calendar-week {display: grid; grid-template-columns: repeat(7, 1fr); width: 100%;} .ui-calendar-week-cell {display: flex; align-items: center; justify-content: center; height: 28px; font-size: 14px; font-weight: 400; line-height: 24px; color: #262626; padding: 7px 8px 7px 9px;} .ui-calendar-week-cell.is-weekend {color: #D31145;} .ui-calendar-grid {justify-items: center; display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; width: 100%;} .ui-calendar-day {display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 24px; color: #262626; cursor: pointer; padding: 4px 6px;} .ui-calendar-day.is-empty {visibility: hidden; cursor: default;} .ui-calendar-day.is-holiday {color: #D31145;} .ui-calendar-day.is-disabled {cursor: not-allowed;} .ui-calendar-day.is-disabled.is-holiday {color: #D31145;} .ui-calendar-day:not(.is-disabled):not(.is-empty):hover {background: #f7f7f7;} .ui-calendar-day.is-today {width: 100%; height: 100%; background: #262626 !important; color: #fff !important;} .ui-calendar-day.is-outside.is-disabled {color: rgba(38, 38, 38, 0.40);} @media (max-width: 640px) { .ui-select2-dropdown[data-dropdown="date"] .ui-select2-dropdown__panel {width: calc(100vw - 60px); top: calc(100% + 8px)} .ui-calendar-title {font-size: 18px; font-weight: 500;} .ui-calendar-day {font-size: 16px; width: 32px; padding: unset;} .ui-calendar-week-cell {font-size: 16px; height: 32px;} .ui-calendar-day.is-today {width: 32px; height: 32px;} .ui-calendar-grid {gap: 8px;} }