@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;text-align:center;background-color:#fff;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.body-container{display:flex;min-height:calc(100vh - 60px);max-width:600px;background-color:#fff;width:100%;margin:0 auto;position:relative}.main-page-container{width:100%;padding-bottom:80px;display:flex;flex-direction:column;height:calc(100dvh - 60px);min-height:calc(100vh - 60px);background-image:linear-gradient(to bottom,#5670bb,#25377e)}.main-banner-container{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;overflow:hidden;height:calc(100dvh - 60px);min-height:calc(100vh - 60px);background-image:linear-gradient(to bottom,#5670bb,#25377e)}.main-banner-container .title-container{width:100%;overflow:hidden;height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap}.main-banner-container .title-container .title-message{font-size:28px;color:#fff;text-align:start;font-weight:600}@media (min-width: 450px){.main-banner-container .title-container .title-message{font-size:28px}}@media (max-width: 449px){.main-banner-container .title-container .title-message{font-size:24px}}.main-banner-container .title-container .title-message-highlight{color:#fff}.main-banner-container .title-container .sub-message{font-size:18px;color:#fff;text-align:start;font-weight:400;margin-top:4px}@media (min-width: 450px){.main-banner-container .title-container .sub-message{font-size:18px}}@media (max-width: 449px){.main-banner-container .title-container .sub-message{font-size:16px}}@media (max-width: 390px){.main-banner-container .title-container .sub-message{font-size:14px}}.main-banner-container .title-container .sub-message-highlight{font-weight:600;color:#fff}.main-banner-container .banner-component-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 400px){.main-banner-container .banner-component-container{width:400px}}@media (max-width: 399px){.main-banner-container .banner-component-container{width:100%}}.main-banner-container .a-chatting-banner-container{width:100%;max-width:min(400px,100% - 40px);flex:1;background-color:#e6e6e6;margin:0 20px;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 0 8px #0000001a;border:.5px solid #E6E6E6;border-bottom:none;pointer-events:none;touch-action:none;overflow:hidden}.main-banner-container .service-container{width:100%;max-width:min(400px,100% - 40px);margin:0 20px;height:220px;display:flex;flex-direction:column;background-image:linear-gradient(to bottom,#fff,#f2f2f2);box-shadow:0 0 8px #0000001a;border-left:.5px solid #E6E6E6;border-right:.5px solid #E6E6E6;padding:24px 16px 16px}.main-banner-container .service-container .service-menu-icon-container{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.chatting-banner-container{width:100%;height:100%;display:flex;flex-direction:column;padding-top:1px}.chatting-banner-container .message-container{display:flex;flex-direction:column;width:100%;height:auto;flex:1;background-color:#f2f2f2;padding:0 20px 16px;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.chatting-banner-container .keypad-container{width:100%;height:56px;padding:8px;display:flex;flex-direction:row;border-bottom:.5px solid #CCCCCC;background-color:#f2f2f2}.chatting-banner-container .keypad-container .input-message{flex-grow:1;height:40px;background-color:#e6e6e6;border:1.5px solid #E6E6E6;border-radius:8px;color:#333;font-size:16px;padding:16px;margin-right:6px;transition:border-color .5s ease}.chatting-banner-container .keypad-container .input-message::placeholder{color:#767676}.chatting-banner-container .keypad-container .input-message:focus{border-color:#b0c8f3;outline:none}.chatting-banner-container .keypad-container .btn-send-message{background-color:#7693da;width:40px;height:40px;border-radius:8px;border:1px solid #7693DA;align-items:center;cursor:pointer;transition:background-color .3s ease}.chatting-banner-container .keypad-container .btn-send-message .icon-send-message{color:#fff}.chatting-banner-container .keypad-container .btn-send-message:hover{background-color:#5670bb}.chatting-banner-container .keypad-container .btn-send-message:disabled{background-color:#7693da;cursor:not-allowed;opacity:.5}.user-message-container{height:fit-content;padding:16px 20px;margin-top:16px;background-color:#4d4d4d;border-radius:16px 0 16px 16px;align-self:flex-end}.user-message-container .user-message{font-size:16px;color:#fff;text-align:start}@media (min-width: 600px){.user-message-container{max-width:460px}}@media (max-width: 599px){.user-message-container{max-width:80vw}}@media (max-width: 450px){.user-message-container{max-width:100%}}.text-message-container{height:fit-content;padding:16px 20px;margin-top:8px;background-color:#fff;border-radius:0 16px 16px;align-self:flex-start}.text-message-container .text-message{font-size:16px;color:#333;text-align:start}.text-message-container .text-message-highlight{color:#3b519c}@media (min-width: 600px){.text-message-container{max-width:460px}}@media (max-width: 599px){.text-message-container{max-width:80vw}}@media (max-width: 450px){.text-message-container{max-width:100%}}.chat-bot-profile-container{display:flex;flex-direction:row;height:fit-content;margin-top:16px;align-items:flex-end;align-self:flex-start}.chat-bot-profile-container .character-image{width:36px;height:36px;object-fit:cover;border-radius:50%;background-color:#fff;border:1px solid #E6E6E6;display:flex;align-items:center;justify-content:center}.chat-bot-profile-container .character-name{margin-left:4px;color:#767676;font-size:16px}.wating-anim-message-container{height:fit-content;padding:16px 20px;margin-top:8px;background-color:#fff;border-radius:0 16px 16px;align-self:flex-start}.wating-anim-message-container .wating-anim-message{font-size:16px;color:#98b2e8;text-align:start;animation:blink-animation 1s infinite alternate ease-in-out}@media (min-width: 600px){.wating-anim-message-container{max-width:460px}}@media (max-width: 599px){.wating-anim-message-container{max-width:80vw}}@media (max-width: 450px){.wating-anim-message-container{max-width:100%}}@keyframes blink-animation{0%{opacity:.4}to{opacity:1}}.banner-basic-woonsae-container{display:flex;flex-direction:column;height:fit-content;padding:16px 16px 24px;margin-top:8px;background-color:#fff;border-radius:0 16px 16px;align-self:flex-start;width:100%}.banner-basic-woonsae-container .text-category{width:100%;text-align:start;color:#333;font-size:18px}.banner-basic-woonsae-container .text-category .highlight-color{color:#3b519c;font-weight:600}.banner-basic-woonsae-container .text-category .highlight-bold{font-weight:600}.banner-basic-woonsae-container #ohang,.banner-basic-woonsae-container #daewoon{margin-top:24px}.banner-basic-woonsae-container .contents-container{margin-top:8px;border-top:1px solid #999999;border-bottom:1px solid #999999}.wongook-sipsung-container .cell-title{width:100%;color:#767676;font-size:14px;text-align:start;align-content:center;border-right:.5px solid #CCCCCC}.wongook-sipsung-container .cell-saju{width:100%;font-size:14px;text-align:center;align-content:center;border-right:.5px solid #CCCCCC}.wongook-sipsung-container #empty-cell{background-color:#f2f2f2}.wongook-ganji-container{width:100%;height:60px;display:flex;flex-direction:row}.wongook-ganji-container .cell-title{width:100%;color:#767676;font-size:14px;text-align:start;align-content:center;border-right:.5px solid #CCCCCC}.wongook-ganji-container .cell-saju{width:100%;display:flex;flex-direction:column;align-content:center;justify-content:center;border-right:.5px solid #CCCCCC}.wongook-ganji-container .cell-saju .text-name{width:100%;color:#333;font-size:18px;text-align:center;align-content:center}.wongook-ganji-container .cell-saju .text-eumyang-ohang{width:100%;color:#767676;font-size:14px;text-align:center;align-content:center}.wongook-ganji-container #empty-cell{background-color:#f2f2f2}.wongook-ganji-container #last-cell{border:none}.wongook-extra-details-container{width:100%;height:32px;display:flex;flex-direction:row}.wongook-extra-details-container .cell-title{width:100%;color:#767676;font-size:14px;text-align:start;align-content:center;border-right:.5px solid #CCCCCC}.wongook-extra-details-container .cell-saju{width:100%;color:#333;font-size:14px;text-align:center;align-content:center;border-right:.5px solid #CCCCCC}.wongook-extra-details-container #empty-cell{background-color:#f2f2f2}.wongook-extra-details-container #last-cell{border:none}.horizontal-list{display:flex;align-items:center;justify-content:space-between;width:100%}.horizontal-list .list-item{width:100%;height:100%;font-size:14px;color:#767676;text-align:center;white-space:nowrap;align-content:center;border-right:.5px solid #CCCCCC}.horizontal-list #last-cell{border:none}.btn-container{width:100%;height:80px;display:flex;flex-direction:column}.btn-container .div-icon{width:100%;height:80px;background-color:#f2f2f2;border-radius:16px;display:flex;align-items:center;justify-content:start;position:relative;padding:0 16px}.btn-container .div-icon[service-type=my_fortune]{background-image:linear-gradient(to right,#4ca5db,#d2eeff)}.btn-container .div-icon[service-type=compatibility]{background-image:linear-gradient(to right,#e77ec4,#ffd1eb)}.btn-container .div-icon .img-icon{width:60px;height:60px;object-fit:cover}.btn-container .div-icon .div-service-info{display:flex;flex-direction:column;align-items:start;justify-content:space-between;margin-left:16px}.btn-container .div-icon .div-service-info .tv-service-name{font-size:24px;font-weight:600}.btn-container .div-icon .div-service-info .tv-service-name[service-type=my_fortune]{color:#1b4f6e}.btn-container .div-icon .div-service-info .tv-service-name[service-type=compatibility]{color:#7b195a}.btn-container .div-icon .div-service-info .tv-character-name{color:#fff;font-size:14px;font-weight:600}.btn-container .div-icon .div-tag{position:absolute;height:24px;width:48px;top:-12px;right:-4px;padding:4px 12px;border-radius:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.btn-container .div-icon .div-tag[service-type=my_fortune]{background-color:#3b519c}.btn-container .div-icon .div-tag[service-type=compatibility]{background-color:#b71a27}.btn-container .div-icon .div-tag .ic-tag{width:14px;height:14px}.btn-container .div-icon .div-tag .tv-tag{font-weight:700;color:#fff;font-size:13px;font-weight:600}.payment-page-container{width:100%;background-color:#fff;padding:0 20px 100px;display:flex;align-items:center;flex-direction:column}.payment-page-container .component-title{margin-top:32px;font-size:20px;font-weight:600;align-self:flex-start;color:#333}.payment-page-container .component-lable{margin-top:32px;margin-left:8px;margin-bottom:16px;font-size:16px;font-weight:600;align-self:flex-start;color:#767676}.payment-page-container .bg-input{width:100%;height:48px;background-color:#fff;border:1px solid #B3B3B3;border-radius:12px}.payment-page-container #input-name{color:#333;font-size:16px;padding:16px}.payment-page-container #input-name::placeholder{color:#767676}.payment-page-container .divider-title-checkbox{height:16px}.payment-page-divider{height:8px;margin:32px -20px 0;background-color:#f2f2f2;width:calc(100% + 40px);display:block}.payment-checkbox{display:inline-flex;width:fit-content;align-items:center;gap:4px;font-size:16px;margin-top:16px;cursor:pointer;-webkit-user-select:none;user-select:none;align-self:flex-start}.payment-checkbox .checkbox-icon{font-size:20px;transition:color .3s ease-in-out}.payment-checkbox .checkbox-label{font-size:16px;color:#333;align-self:flex-start}.payment-checkbox .checkbox-label a,.payment-checkbox .checkbox-label a:visited{color:inherit}.payment-checkbox .checkbox-icon.checked{color:#3b519c}.payment-checkbox .checkbox-icon.unchecked{color:#ccc}.btn-pay{width:100%;height:60px;margin-top:16px;font-size:20px;font-weight:600;text-align:center;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#999;color:#fff;cursor:not-allowed}.btn-pay.active-kakao{background:#fee500;color:#392020;cursor:pointer}.btn-pay.active-kakao:hover{background:#e8d000}.btn-pay.active-basic{background:#3b519c;cursor:pointer}.btn-pay.active-basic:hover{background:#162468}.infobox-component-container{width:100%;height:180px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;position:relative;line-height:1.3}@media (max-width: 450px){.infobox-component-container{height:160px}}.infobox-message{max-width:60%;display:block;flex-shrink:1;text-align:left;word-break:keep-all;font-size:28px;color:#333;font-weight:600;position:absolute;left:0;bottom:40px}@media (max-width: 600px){.infobox-message{font-size:24px}}.highlight{color:#3b519c}.infobox-image{max-width:30%;max-height:132px;height:auto;transition:max-width .3s ease;flex-shrink:0;position:absolute;right:16px;bottom:0}.info-value-box-container{width:100%;display:flex;flex-direction:column;gap:24px;font-size:18px;background-color:#fff;border:1px solid #E6E6E6;padding:24px;border-radius:16px}.key-value-item{display:flex;width:100%;flex-direction:column;align-items:flex-start;text-align:start;gap:4px}.key{font-weight:600;color:#767676;font-size:14px}.value{color:#333;font-size:16px}.price-regular{color:#767676;text-decoration:line-through}.price-discount{font-weight:600;color:inherit}.price-rate{color:#ff4635;font-weight:600}.header{width:100%;height:60px;background-color:#fff;display:flex;align-items:center;padding:0;border-bottom:1px solid #F2F2F2}.header-container{width:100%;max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background-color:#fff;position:relative}.btn-back{width:40px;height:40px;position:absolute;background:none;left:0;border:none;margin-left:4px}.btn-show-sidebar{width:40px;height:40px;position:absolute;background:none;right:0;margin-right:10px;border:none}.back-icon,.menu-icon{color:#767676}.logo-title-container{flex-grow:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.iv-service-logo{width:28px;height:28px}.tv-service-title{text-align:center;font-size:20px;color:#333;font-weight:600}.sidebar{position:fixed;top:0;right:0;width:250px;height:100dvh;max-height:100vh;background:#fff;box-shadow:-4px 0 10px #0006;z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.sidebar .close-btn-container{width:100%;height:60px;display:flex;justify-content:left;align-items:center}.sidebar .close-btn-container .close-btn{border:none;background:none;margin-left:14px;cursor:pointer;position:absolute;color:#ccc}.sidebar .service-title{align-self:flex-start;color:#ccc;font-size:16px;margin:20px 0 8px 20px;align-content:left;font-weight:600}.sidebar nav ul{margin-top:8px;list-style:none;padding-left:20px}.sidebar nav ul li{font-size:18px;padding:20px 0;cursor:pointer;transition:color .3s;color:#333;text-align:left}.sidebar nav ul li:hover{color:#5670bb;font-weight:600}.backdrop{position:fixed;top:0;left:0;width:100%;height:100dvh;max-height:100vh;background:#0006;z-index:900}.no-scroll{overflow:hidden;height:100dvh;max-height:100vh}.footer{background-color:#f2f2f2;padding:52px 0;font-size:14px;border-top:1px solid #E6E6E6}.footer .footer-container{max-width:600px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:start;gap:10px}.footer .footer-container .service-title{font-size:20px;font-weight:600;color:#4d4d4d;padding-bottom:16px}.footer .footer-container .business-info{font-size:16px;color:gray;margin:2px 0}.footer .footer-container .business-info a{text-decoration:none;color:inherit}.footer .footer-container .business-info a:visited{color:inherit}.footer .footer-container .business-info strong{font-weight:600!important}.footer .footer-container .copy-right{margin-top:16px;font-size:14px;color:gray}.page-container{width:100%;background-color:#f2f2f2;padding:0 20px;display:flex;align-items:center;flex-direction:column}.btn-check-myfortune{width:100%;height:60px;margin-top:80px;font-size:20px;font-weight:600;text-align:center;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#999;color:#fff;cursor:not-allowed}.btn-check-myfortune.active{background:#3b519c;cursor:pointer}.btn-check-myfortune.active:hover{background:#162468}.component-container{display:flex;flex-direction:column;width:100%;background-color:#f2f2f2}.component-container .component-title{margin-top:32px;font-size:20px;font-weight:600;align-self:flex-start;color:#333}.component-container .component-lable{margin-top:32px;margin-left:8px;margin-bottom:16px;font-size:16px;font-weight:600;align-self:flex-start;color:#767676}.component-container .bg-input{width:100%;height:48px;background-color:#fff;border:1px solid #B3B3B3;border-radius:12px}.component-container #input-name{color:#333;font-size:16px;padding:16px}.component-container #input-name::placeholder{color:#767676}.component-container .annotation-birth-time{margin-top:8px;font-size:14px;color:#767676;align-self:flex-end}.gender-selector button,.calendar-selector button{height:100%;color:#767676;font-size:16px;border-radius:10px;background:transparent;transition:background .3s ease,color .3s ease;border:none}.gender-selector #type-gender,.calendar-selector #type-gender{width:50%}.gender-selector #type-calendar,.calendar-selector #type-calendar{width:33.33%}.gender-selector button.selected,.calendar-selector button.selected{color:#333;font-weight:600;border:2px solid #3B519C}.date-selector{-moz-appearance:none;padding:0 16px;color:#333;font-size:16px;-webkit-appearance:none;appearance:none}.select-wrapper{position:relative;display:inline-block;margin-top:16px}.select-birth-time-wrapper{position:relative;display:inline-block}.select-wrapper:after,.select-birth-time-wrapper:after{content:"▼";font-size:10px;color:#767676;position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.custom-checkbox{display:inline-flex;width:fit-content;align-items:center;gap:4px;font-size:16px;cursor:pointer;margin-bottom:12px;margin-left:8px;-webkit-user-select:none;user-select:none}.custom-checkbox .checkbox-icon{font-size:20px;transition:color .3s ease-in-out}.custom-checkbox .checkbox-label{font-size:16px;color:#333}.custom-checkbox .checkbox-icon.checked{color:#3b519c}.custom-checkbox .checkbox-icon.unchecked{color:#ccc}.review-message-component-container{height:auto;display:flex;flex-direction:column;margin-top:32px}@media (min-width: 450px){.review-message-component-container{width:350px}}@media (max-width: 449px){.review-message-component-container{width:92%}}.review-message-component-container .div-profile{margin-left:4px;display:flex;flex-direction:row;align-items:center}.review-message-component-container .div-profile .ic-profile{width:32px;border-radius:16px 16px 10px 10px;color:#999;background-color:#fff}.review-message-component-container .div-profile .tv-profile{margin-left:6px;font-size:16px;color:#767676}.review-message-component-container .tv-review-message{border-radius:12px;padding:16px;border:2px solid #B3B3B3;color:#333;text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-container{width:100%;background-color:#f2f2f2;display:flex;align-items:center;flex-direction:column;padding:0 20px}.page-container .review-message-title{margin-top:80px;font-size:24px;color:#4d4d4d;font-weight:600}.page-footer{margin-top:16px;padding-top:24px;margin-bottom:32px;width:92%;height:auto;min-height:660px;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(to bottom,#fff,#f2f2f2);border-radius:16px}.btn-check-ourcampatibility{width:100%;height:60px;margin-top:80px;font-size:20px;font-weight:600;text-align:center;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#999;color:#fff;cursor:not-allowed}.btn-check-ourcampatibility.active{background:#3b519c;cursor:pointer}.btn-check-ourcampatibility.active:hover{background:#162468}.business-info{width:100%;text-align:start;font-size:16px;margin:12px 0 0 8px;color:#767676}.divider-form{height:8px;margin:32px -20px 0;background-color:#e6e6e6;width:calc(100% + 40px);display:block}.history-page-container{width:100%;background-color:#fff;padding:0 20px 100px;display:flex;align-items:center;flex-direction:column}.history-page-container .component-title{margin-top:32px;font-size:20px;font-weight:600;align-self:flex-start;color:#333}.history-page-container .component-lable{margin-top:32px;margin-left:8px;margin-bottom:16px;font-size:16px;font-weight:600;align-self:flex-start;color:#767676}.history-page-container .bg-input{width:100%;height:48px;background-color:#fff;border:1px solid #B3B3B3;border-radius:12px}.history-page-container #input-name{color:#333;font-size:16px;padding:16px}.history-page-container #input-name::placeholder{color:#767676}.history-page-container .divider-title-checkbox{height:16px}.history-page-divider{height:8px;margin:32px -20px 0;background-color:#f2f2f2;width:calc(100% + 40px);display:block}.btn-history-sign-in{width:100%;height:60px;margin-top:48px;font-size:20px;font-weight:600;text-align:center;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#999;color:#fff;cursor:not-allowed}.btn-history-sign-in.active{background:#3b519c;cursor:pointer}.btn-history-sign-in.active:hover{background:#162468}.chatting-room-list-page-container{width:100%;background-color:#fff;padding:0 20px 100px;display:flex;align-items:center;flex-direction:column}.chatting-room-list-page-container .component-title{margin-top:32px;font-size:20px;font-weight:600;align-self:flex-start;color:#333}.chatting-room-list-page-container .component-lable{margin-top:32px;margin-left:8px;margin-bottom:16px;font-size:16px;font-weight:600;align-self:flex-start;color:#767676}.chatting-room-list-page-divider{height:8px;margin:32px -20px 0;background-color:#f2f2f2;width:calc(100% + 40px);display:block}.chatting-room-item-container{width:100%;height:200px;background-color:#fff;border-bottom:1px solid #E6E6E6;padding:24px 0;display:flex;flex-direction:column}.chatting-room-type{font-size:20px;color:#333;text-align:start;font-weight:600}.chatting-room-info{margin-top:8px;flex-grow:1;display:flex;flex-direction:column}.chatting-room-info .info-text{font-size:16px;color:#333;text-align:start}.chatting-room-item-bottom-container{display:flex;justify-content:space-between;align-items:flex-end}.chatting-room-created-at{font-size:16px;color:#767676}.chatting-room-buttons{display:flex;align-items:flex-end}.btn-delete-chatting-room{display:flex;flex-direction:row;height:48px;border-radius:12px;background-color:#fff;align-items:center;padding:0 16px;gap:8px;border:2px solid #FF4635;margin-right:8px}.btn-delete-chatting-room .md-delete-outline{color:#ff4635}.btn-delete-chatting-room p{color:#ff4635;font-weight:600;font-size:16px}.btn-open-chatting-room{display:flex;flex-direction:row;height:48px;border-radius:12px;background-color:#fff;align-items:center;padding:0 12px;gap:8px;border:2px solid #5670BB}.btn-open-chatting-room .ri-chat-ai-line{color:#5670bb}.btn-open-chatting-room p{color:#5670bb;font-weight:600;font-size:16px}.management-page-container{display:flex;flex-direction:row;position:absolute;left:50%;transform:translate(-50%);width:1200px;height:calc(100dvh - 60px);min-height:calc(100vh - 60px);background-color:#fff;border:1px solid #E6E6E6;-webkit-user-select:text;user-select:text}.management-left-container{display:flex;flex-direction:column;width:600px;background-color:#fff;border-right:1px solid #E6E6E6}.management-left-container .price-update-container{background-color:#fff;border-bottom:1px solid #E6E6E6;min-height:200px}.management-left-container .purchase-record-container{background-color:#fff;flex-grow:1;overflow:hidden}.log-container{width:600px;background-color:#fff;overflow:hidden}.price-update-component-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff}.price-update-component-container .price-update-title{color:#333;font-size:20px;font-weight:600;width:100%;height:72px;padding-top:16px;padding-left:16px;align-content:center;text-align:start}.price-update-component-container .service-type-container{display:flex;flex-direction:row;flex-grow:1;align-items:center;justify-content:start;padding:0 0 16px 16px}.price-update-component-container .service-type-container .service-name{color:#767676;font-size:16px;margin-right:8px}.price-update-component-container .service-type-container .bg-input{width:120px;height:48px;background-color:#fff;border:1px solid #B3B3B3;border-radius:12px;color:#333;font-size:16px;margin-left:8px;padding:0 8px}.price-update-component-container .service-type-container .bg-input::placeholder{color:#767676}.price-update-component-container .service-type-container .btn-update-price{height:48px;padding:0 20px;font-size:16px;font-weight:600;text-align:center;border:none;border-radius:12px;margin-left:8px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#999;color:#fff;cursor:not-allowed}.price-update-component-container .service-type-container .btn-update-price.active{background:#3b519c;cursor:pointer}.price-update-component-container .service-type-container .btn-update-price.active:hover{background:#162468}.price-update-component-container .service-type-container .btn-create-chat-my-fortune{height:48px;padding:0 20px;font-size:16px;font-weight:600;text-align:center;border:none;border-radius:12px;margin-left:8px;background:#4ca5db;color:#fff}.price-update-component-container .service-type-container .btn-create-chat-compatibility{height:48px;padding:0 20px;font-size:16px;font-weight:600;text-align:center;border:none;border-radius:12px;margin-left:8px;background:#e77ec4;color:#fff}.purchase-record-component-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff;padding:16px 16px 0;overflow:hidden}.purchase-record-component-container .purchase-record-title{color:#333;font-size:20px;font-weight:600;width:100%;margin-top:8px;text-align:start}.purchase-record-component-container .select-quarter-container{display:flex;flex-direction:row}.purchase-record-component-container .select-quarter-container .bg-input{height:48px;background-color:#fff;border:1px solid #B3B3B3;border-radius:12px}.purchase-record-component-container .btn-search-purchase-record{height:48px;padding:0 20px;font-size:16px;font-weight:600;margin-top:16px;text-align:center;border:none;border-radius:12px;margin-left:8px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#3b519c;color:#fff}.purchase-record-component-container .quarter-selector{width:200px;-moz-appearance:none;padding:0 16px;color:#333;font-size:16px;-webkit-appearance:none;appearance:none}.purchase-record-component-container .select-wrapper{position:relative;display:inline-block}.purchase-record-component-container .select-wrapper:after{content:"▼";font-size:10px;color:#767676;position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.purchase-record-component-container .divider-purchase-record-list{width:100%;height:1px;margin-top:16px;background-color:#ccc}.purchase-record-component-container .purchase-record-list-container{width:100%;flex:1;overflow-y:auto;overflow-x:hidden}.purchase-record-component-container .purchase-record-list-container .date-section{width:100%;color:#333;padding:24px 0;border-bottom:1px solid #CCCCCC;text-align:start}.purchase-record-component-container .purchase-record-list-container .date-section .date-text{color:#3b519c;font-size:20px;font-weight:600}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container{width:100%;display:flex;flex-direction:row;margin-top:16px}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section{width:100%;display:flex;flex-direction:column}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section .service-name{width:100%;color:#333;font-size:16px;font-weight:600;text-align:start}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section .usage-board{width:100%;display:flex;flex-direction:row;margin-top:4px;justify-content:space-between}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section .usage-board .divider-usage{width:1px;height:100%;background-color:#e6e6e6;margin-right:8px}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section .usage-board .usage{width:50%}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section .usage-board .usage .usage-count-text{font-size:16px;color:#767676;font-weight:600}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section .usage-board .usage .usage-count-li{font-size:14px;color:#333;font-weight:400}.purchase-record-component-container .purchase-record-list-container .date-section .service-section-container .service-section .usage-board .usage .highlight{font-weight:600}.log-record-component-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff;padding:16px 0 0;overflow:hidden}.log-record-component-container .log-record-title{color:#333;font-size:20px;font-weight:600;margin-left:16px;width:100%;flex:0 0 32px;margin-top:8px;text-align:start}.log-record-component-container .date-input-contanier{width:100%;flex:0 0 24px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 16px;margin-top:8px}.log-record-component-container .date-input-contanier .date-input-title{font-size:16px;color:#767676;margin-right:8px;font-weight:600}.log-record-component-container .date-input-contanier #date-input{width:fit-content;height:fit-content}.log-record-component-container .date-input-contanier .divider-date-input{height:2px;width:8px;margin:0 8px;background-color:#ccc}.log-record-component-container .search-log-container{width:100%;display:flex;flex-direction:row;overflow:hidden;flex:0 0 72px;margin-bottom:8px;padding:0 16px}.log-record-component-container .search-log-container .bg-input{width:120px;height:48px;background-color:#fff;border:1px solid #B3B3B3;border-radius:12px;margin-right:8px}.log-record-component-container .search-log-container .input-text{color:#333;font-size:16px;padding:16px;margin-top:16px}.log-record-component-container .search-log-container .input-text::placeholder{color:#767676}.log-record-component-container .search-log-container .search-type-selector{-moz-appearance:none;padding:0 16px;color:#333;font-size:16px;-webkit-appearance:none;appearance:none}.log-record-component-container .search-log-container .select-wrapper{position:relative;display:inline-block}.log-record-component-container .search-log-container .select-wrapper:after{content:"▼";font-size:10px;color:#767676;position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.log-record-component-container .search-log-container .btn-search-log-record{height:48px;padding:0 20px;font-size:16px;font-weight:600;margin-top:16px;text-align:center;border:none;border-radius:12px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#3b519c;color:#fff}.log-record-component-container .divider-log-record-list{flex:0 0 1px;width:100%;background-color:#ccc;margin:0 16px}.log-record-component-container .log-record-list-container{width:calc(100% - 32px);margin:0 16px;flex:1;background-color:#fff;overflow-y:auto;overflow-x:hidden;flex-direction:column}.log-record-component-container .log-record-list-container .log-item{display:flex;flex-direction:column;padding:20px 0;border-bottom:1px solid #CCCCCC}.log-record-component-container .log-record-list-container .log-item .log-header{display:flex;flex-direction:row;justify-content:space-between;align-items:end}.log-record-component-container .log-record-list-container .log-item .log-header .log-title{font-size:16px;color:#333;font-weight:600}.log-record-component-container .log-record-list-container .log-item .log-header .log-time{font-size:12px;color:#767676}.log-record-component-container .log-record-list-container .log-item .log-message{margin-top:8px;font-size:16px;color:#333;text-align:start;display:flex;flex-direction:column}.log-record-component-container .log-record-list-container .log-item .log-message .btn-go-chatting{width:fit-content;height:32px;padding:0 16px;font-size:14px;font-weight:600;text-align:center;border:none;margin-top:16px;border-radius:4px;cursor:pointer;transition:background .3s ease,color .3s ease;background:#5670bb;color:#fff}.admin-chatting-page-back-drop{width:100%;height:100dvh;max-height:100vh;position:fixed;display:flex;padding:32px calc((100vw - 600px)/2);justify-content:center;align-items:center;align-content:center;background-color:#0006;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.admin-chatting-page-back-drop #admin-chatting-page-container{border-radius:16px;z-index:9999}.chatting-page-container{width:100%;height:calc(100dvh - 60px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;background-color:#f2f2f2;overflow:hidden}.chatting-page-container .exit-button{position:absolute;top:10px;right:20px;background-color:#7693dacc;color:#fff;font-size:14px;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.chatting-page-container .exit-button:hover{background-color:#3b519c}.chatting-page-container .message-container{display:flex;flex-direction:column;width:100%;height:auto;flex:1;background-color:#f2f2f2;padding:0 20px 32px;overflow-y:auto;overflow-x:hidden}.chatting-page-container .keypad-container{width:100%;height:80px;padding:12px 20px 20px;display:flex;flex-direction:row;border-top:.5px solid #CCCCCC;background-color:#fff}.chatting-page-container .keypad-container .input-message{flex-grow:1;background-color:#e6e6e6;border:1.5px solid #E6E6E6;border-radius:12px;color:#333;font-size:16px;padding:16px;margin-right:8px;transition:border-color .5s ease}.chatting-page-container .keypad-container .input-message::placeholder{color:#767676}.chatting-page-container .keypad-container .input-message:focus{border-color:#b0c8f3;outline:none}.chatting-page-container .keypad-container .btn-send-message{background-color:#7693da;width:48px;height:48px;border-radius:12px;border:1px solid #7693DA;align-items:center;cursor:pointer;transition:background-color .3s ease}.chatting-page-container .keypad-container .btn-send-message .icon-send-message{color:#fff}.chatting-page-container .keypad-container .btn-send-message:hover{background-color:#5670bb}.chatting-page-container .keypad-container .btn-send-message:disabled{background-color:#b3b3b3;cursor:not-allowed;opacity:.5}.basic-woonsae-message-container{display:flex;flex-direction:column;height:fit-content;padding:16px 16px 24px;margin-top:8px;background-color:#fff;border-radius:0 16px 16px;align-self:flex-start}@media (min-width: 600px){.basic-woonsae-message-container{width:460px}}@media (max-width: 599px){.basic-woonsae-message-container{width:80vw}}@media (max-width: 450px){.basic-woonsae-message-container{width:100%}}.basic-woonsae-message-container .text-category{width:100%;text-align:start;color:#333;font-size:18px}.basic-woonsae-message-container .text-category .highlight-color{color:#3b519c;font-weight:600}.basic-woonsae-message-container .text-category .highlight-bold{font-weight:600}.basic-woonsae-message-container #ohang,.basic-woonsae-message-container #daewoon{margin-top:24px}.basic-woonsae-message-container .contents-container{margin-top:8px;border-top:1px solid #999999;border-bottom:1px solid #999999}.divider-bold{width:100%;height:1px;background-color:#999}.divider-regular{width:100%;height:.5px;background-color:#ccc}.wongook-sipsung-container{width:100%;height:24px;display:flex;flex-direction:row}.wongook-sipsung-container .cell-daewoon{width:100%;font-size:14px;text-align:center;align-content:center;border-right:.5px solid #CCCCCC}.wongook-sipsung-container #last-cell{border:none}.daewoon-ganji-container{width:100%;height:32px;display:flex;flex-direction:row}.daewoon-ganji-container .cell-daewoon{width:100%;font-size:14px;text-align:center;align-content:center;font-weight:600;border-right:.5px solid #CCCCCC}.daewoon-ganji-container #last-cell{border:none}.daewoon-extra-details-container{width:100%;height:24px;display:flex;flex-direction:row}.daewoon-extra-details-container .cell-daewoon{width:100%;font-size:14px;color:#767676;text-align:center;align-content:center;border-right:.5px solid #CCCCCC;white-space:nowrap}.daewoon-extra-details-container #last-cell{border:none}.ohang-container{width:100%;height:fit-content;display:flex;flex-direction:column}.ohang-container .ohang-box-container{width:100%;display:flex;direction:row;padding:12px 0;justify-content:space-between}.ohang-container .ohang-box-container .ohang-box{display:flex;flex-direction:column;justify-content:center;border-radius:8px}@media (min-width: 450px){.ohang-container .ohang-box-container .ohang-box{width:64px;height:64px}}@media (max-width: 450px){.ohang-container .ohang-box-container .ohang-box{width:52px;height:52px}}.ohang-container .ohang-box-container .ohang-box .ohang-text{color:#fff}@media (min-width: 450px){.ohang-container .ohang-box-container .ohang-box .ohang-text{font-size:16px}}@media (max-width: 450px){.ohang-container .ohang-box-container .ohang-box .ohang-text{font-size:14px}}@media (min-width: 450px){.ohang-container .ohang-box-container .ohang-icon{font-size:18px}}@media (max-width: 450px){.ohang-container .ohang-box-container .ohang-icon{font-size:14px}}.ohang-container .ohang-count-container{width:100%;height:48px;display:flex;direction:row;padding:12px 0;justify-content:space-between}.ohang-container .ohang-count-container .ohang-count{display:flex;height:100%;flex-direction:column;justify-content:center}@media (min-width: 450px){.ohang-container .ohang-count-container .ohang-count{width:64px}}@media (max-width: 450px){.ohang-container .ohang-count-container .ohang-count{width:52px}}.ohang-container .ohang-count-container .ohang-count .count-text{color:#666;font-weight:600}@media (min-width: 450px){.ohang-container .ohang-count-container .ohang-count .count-text{font-size:20px}}@media (max-width: 450px){.ohang-container .ohang-count-container .ohang-count .count-text{font-size:18px}}.ohang-container .divider-ohang{height:.5px;width:100%;background-color:#ccc}.button-message-container{display:flex;flex-direction:row;justify-content:space-between;height:fit-content;min-height:52px;padding:0 20px;margin-top:8px;background-color:#5670bb;border-radius:12px;align-items:center;align-self:flex-start}.button-message-container .button-message{width:100%;height:100%;font-size:16px;color:#fff;text-align:start;align-content:center;font-weight:600}@media (min-width: 600px){.button-message-container{width:460px}}@media (max-width: 599px){.button-message-container{width:80vw}}@media (max-width: 450px){.button-message-container{width:100%}}.backdrop{width:100%;height:100dvh;max-height:100vh;position:fixed;display:flex;justify-content:center;align-items:center;align-content:center;background-color:#0006;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.backdrop .loading-container{width:100%;max-width:440px;height:auto;background-color:#272727;padding:20px 16px 16px;border-radius:24px;box-shadow:0 0 32px #0006;display:flex;flex-direction:column;opacity:0;transform:scale(.9);animation:fadeInScale .5s ease-out forwards}@media (max-width: 472px){.backdrop .loading-container{width:100%;margin-left:16px;margin-right:16px}}.backdrop .loading-container .loading-title{width:100%;text-align:start;font-size:20px;color:#fff;font-weight:600;margin-bottom:4px;animation:blink-animation 1.2s infinite alternate ease-in-out}.backdrop .loading-container .loading-message{width:100%;text-align:start;word-break:keep-all;font-size:16px;color:#ccc;margin-bottom:16px}.backdrop .loading-container .highlight{color:#b0c8f3;font-weight:600}@keyframes blink-animation{0%{opacity:.7}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.saju-culture-component-container{position:relative;width:100%;max-height:280px;overflow:hidden;display:flex}.saju-culture-component-container .place-image{width:100%;border-radius:12px}.saju-culture-component-container .character-image{width:40px;height:40px;position:absolute;bottom:12px;transition:transform .1s linear}button,a,input[type=button],input[type=submit],label{cursor:pointer}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.5}.mobile-payment-page-container{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-self:center;align-items:center}.mobile-payment-page-container .retry-message{width:270px;height:auto;text-align:center;color:#767676;font-size:14px}.mobile-payment-page-container .btn-retry-payment{width:200px;height:48px;padding:0 20px;font-size:14px;font-weight:600;margin-top:16px;text-align:center;align-content:center;border:none;border-radius:12px;background:#b0c8f3;color:#fff}.mobile-payment-page-container .btn-home{width:200px;height:48px;padding:0 20px;font-size:14px;font-weight:600;margin-top:8px;text-align:center;align-content:center;border:none;border-radius:12px;background:#e6e6e6;color:#767676}