@charset "UTF-8";:root{--size-title:18px;--color-primary-darker:#29446c;--color-warning:#ad603c}html{scroll-behavior:smooth}html body{color:#626262}main{overflow-x:hidden}main .container,main>.container-fluid{margin-top:48px;padding-left:0;padding-right:0}main.with-banner .container,main.with-banner>.container-fluid{margin-top:120px}@media (max-width:834px){main.with-banner .container,main.with-banner>.container-fluid{margin-top:200px}}@media (max-width:576px){main.with-banner .container,main.with-banner>.container-fluid{margin-top:120px}}#hero{margin:0 auto 48px;max-width:900px}@media (max-width:834px){#hero{margin-top:32px;max-width:600px}}@media (max-width:576px){#hero{margin-top:16px;max-width:100%}}#hero .title{color:var(--color-primary-darker);font-weight:700;margin-bottom:16px}#hero .title.section-title{font-size:var(--size-title)}#hero .description{color:var(--color-primary-darker);white-space:normal;word-break:keep-all}#case-list{height:250px;margin:0 auto 24px;max-width:540px;position:relative}#case-list .slider-loading{align-items:center;display:flex;height:200px;justify-content:center;position:absolute;width:100%}#case-list .slider-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#5c98de;height:40px;width:40px}#case-list .slider-mask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);opacity:0;visibility:hidden}#case-list .slider-mask.initialized{opacity:1;transition:opacity .3s ease;visibility:visible}.case-box{cursor:pointer;min-width:160px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:991.98px){.case-box{min-width:130px}}.case-box .case-circle{border:3px solid #e8e8e8;border-radius:50%;height:130px;margin:16px auto;position:relative;transition:all .5s;width:130px}@media (max-width:991.98px){.case-box .case-circle{height:110px;width:110px}}.case-box .case-circle .case-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:116px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s;width:116px}@media (max-width:991.98px){.case-box .case-circle .case-image{height:100px;width:100px}}.case-box .case-circle:after{background-color:#5c98de;border-radius:50%;color:#fff;content:"▶";font-size:16px;height:30px;left:90px;line-height:28px;position:absolute;text-align:center;top:94px;transition:all .5s;width:30px}@media (max-width:991.98px){.case-box .case-circle:after{height:25.5px;left:78px;line-height:24.5px;top:78px;width:25.5px}}@media (hover:hover){.case-box:hover .case-circle{height:151px;width:151px}}@media (hover:hover) and (max-width:991.98px){.case-box:hover .case-circle{height:121px;width:121px}}@media (hover:hover){.case-box:hover .case-circle .case-image{height:135px;width:135px}}@media (hover:hover) and (max-width:991.98px){.case-box:hover .case-circle .case-image{height:110px;width:110px}}@media (hover:hover){.case-box:hover .case-circle:after{left:109px;top:107px}}@media (hover:hover) and (max-width:991.98px){.case-box:hover .case-circle:after{left:89px;top:89px}}.case-box .case-text{text-align:center}.case-box .case-text .case-name{font-weight:600}.case-box .case-text .case-name,.case-box .case-text .case-occ{color:#29446c;font-size:16px;font-style:normal;letter-spacing:.9px;line-height:normal}.case-box .case-text .case-occ{font-weight:500}.case-box .case-text .case-note{color:#626262;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.16px;line-height:20px}.case-modal .modal-content{border-radius:15px}.case-modal .btn-close{background:unset;background-color:#5c98de;border:none;border-radius:20px;color:#fff;cursor:pointer;height:unset;opacity:unset;padding:0 15px;width:unset}.case-modal .embed-responsive{display:block;margin-inline:auto;max-width:580px;overflow:hidden;padding:0;position:relative;width:100%}.case-modal .embed-responsive:before{content:"";display:block}.case-modal .embed-responsive iframe{border:0 initial;border-color:initial;-o-border-image:initial;border-image:initial;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.case-modal .embed-responsive-16by9:before{padding-top:56.25%}.case-modal .postImg img{max-width:100%}#graduate{margin:0 auto 48px;max-width:750px}@media (max-width:834px){#graduate{margin-top:32px;max-width:600px}}@media (max-width:576px){#graduate{margin-top:16px;max-width:100%}}#graduate .title{color:var(--color-primary-darker);font-weight:700;margin-bottom:16px}#graduate .title.section-title{font-size:var(--size-title)}#graduate .description{color:var(--color-primary-darker);white-space:normal;word-break:keep-all}@media (max-width:834px){#graduate .description{margin:0 auto 16px;max-width:85%}}#graduate .graduate-chart-box{height:203px;margin:32px auto;position:relative;width:203px}@media (max-width:991.98px){#graduate .graduate-chart-box{height:150px;width:150px}}#graduate .graduate-chart-box .circular-chart{height:203px;width:203px}@media (max-width:991.98px){#graduate .graduate-chart-box .circular-chart{height:150px;width:150px}}#graduate .graduate-chart-box .circular-chart .circle-bg{fill:none;stroke:#d9d9d9;stroke-width:2.425}#graduate .graduate-chart-box .circular-chart .circle{stroke:#9cc7fa;fill:none;stroke-width:2.425;stroke-linecap:round;animation:progress 1s ease-out forwards}#graduate .graduate-chart-box .chart-text{color:#24458a;font-size:36px;font-style:normal;font-weight:700;left:50%;letter-spacing:1.8px;line-height:25px;position:absolute;top:54%;transform:translate(-50%,-50%);width:120px}@media (max-width:991.98px){#graduate .graduate-chart-box .chart-text{font-size:32px}}#graduate .graduate-chart-box .chart-text .sub-text{color:#626262;font-size:16px;font-style:normal;font-weight:500;letter-spacing:.6px;line-height:25px}@media (max-width:991.98px){#graduate .graduate-chart-box .chart-text .sub-text{font-size:14px;line-height:18.5px}}#graduate #onehundred_plan{background-image:url(/images/omo/ivf/100plan_pc.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:143.5px;max-width:722.47px;width:100%}@media (max-width:991.98px){#graduate #onehundred_plan{background-image:url(/images/omo/ivf/100plan_mb.svg);height:330.61px;max-width:299px}}#lab-results{margin:0 auto 48px;max-width:750px}#lab-results .title{color:var(--color-primary-darker);font-weight:700;margin-bottom:16px}#lab-results .title.section-title{font-size:var(--size-title)}#lab-results .score-chart-box{height:160px;margin:26px auto 8px;position:relative;width:160px}@media (max-width:991.98px){#lab-results .score-chart-box{height:128px;width:128px}}#lab-results .score-chart-box .circular-chart{height:160px;width:160px}@media (max-width:991.98px){#lab-results .score-chart-box .circular-chart{height:128px;width:128px}}#lab-results .score-chart-box .circular-chart .circle-bg{fill:none;stroke:#d9d9d9;stroke-width:2.425}#lab-results .score-chart-box .circular-chart .circle{stroke:#9cc7fa;fill:none;stroke-width:2.425;stroke-linecap:round;animation:progress 1s ease-out forwards}#lab-results .score-chart-box .chart-text{color:#24458a;font-size:28px;font-style:normal;font-weight:700;left:50%;letter-spacing:1.8px;line-height:25px;position:absolute;top:50%;transform:translate(-50%,-50%);width:130px}#lab-results .score-chart-box .chart-text .small-title{font-size:16px}#lab-results .score-chart-box .chart-text .sub-text{color:#626262;font-size:16px;font-style:normal;font-weight:500;letter-spacing:.6px;line-height:25px}#lab-results .score-chart-mb-text{color:#626262;font-size:14px}#how{margin:0 auto 48px;max-width:750px}@media (max-width:834px){#how{margin-top:32px;max-width:600px}}@media (max-width:576px){#how{margin-top:16px;max-width:calc(100% - 40px)}}#how .title{color:var(--color-primary-darker);font-weight:700;margin-bottom:16px}#how .title.section-title{font-size:var(--size-title)}#how .description{color:var(--color-primary-darker);white-space:normal;word-break:keep-all}@media (max-width:834px){#how .description{margin:0 auto 16px;max-width:85%}}#how #suggest_plan{background-image:url(/images/omo/ivf/suggestplan_pc.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:302px;max-width:600.95px;width:100%}@media (max-width:991.98px){#how #suggest_plan{background-image:url(/images/omo/ivf/suggestplan_mb.svg);height:298.56px;max-width:341.9px}}#how .bg-gray{background-color:#f5f5f5}#consultation-cta{bottom:0;left:0;margin-bottom:48px;position:fixed;text-align:center;width:100%;z-index:40}#consultation-cta .cta-btn{border-radius:20px;color:#fff;display:inline-block;font-size:18px;font-weight:400;min-width:250px;padding:16px 0}#consultation-cta .cta-btn.primary{background:linear-gradient(186deg,#27b2c8 17%,#5c98de);transition:all .3s ease}@media (hover:hover){#consultation-cta .cta-btn.primary:hover{background:linear-gradient(186deg,#27bcd2 17%,#52a2e8)}}#floating-alerts{align-items:center;display:flex;flex-direction:column;left:0;pointer-events:none;position:fixed;right:0;top:20%;z-index:1050}#floating-alerts .alert{word-wrap:break-word;animation:slideInDown .3s ease-out;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);line-height:1.5;max-width:300px;padding:16px 24px;text-align:left;width:90%}@media (max-width:576px){#floating-alerts .alert{max-width:300px;width:calc(100% - 48px)}}#floating-alerts .alert.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}#floating-alerts .alert.alert-success{background-color:#d1f2eb;border:1px solid #7deca0;color:#0f5132}#floating-alerts .alert.fade:not(.show){animation:slideOutUp .3s ease-in}#floating-alerts .alert p{margin:0}#register{margin-inline:auto;max-width:330px}#register .title{font-size:18px;font-weight:700;letter-spacing:.9px;margin-bottom:24px}#register .notice,#register .title{color:var(--color-primary-darker);text-align:center}#register .notice{letter-spacing:.8px;line-height:normal}#register #register-form{color:#626262}#register #register-form .form-group-horizontal{align-items:center;display:flex}#register #register-form .form-group-horizontal.grow>input{flex-grow:1}#register #register-form .form-group-horizontal>input{margin-left:16px}#register #register-form .form-group-vertical{display:flex;flex-direction:column}#register #register-form .form-group-vertical>label{margin-bottom:4px}#register #register-form .required{line-height:1.6;position:relative}#register #register-form .required:after{color:#ad603c;content:"*"}#register #register-form .custom-input{border:1px solid #e8e8e8;border-radius:10px;color:#626262;font-size:14px;height:32px;padding-left:.6rem;vertical-align:middle}#register #register-form .custom-input:focus-visible{outline:none}#register #register-form .custom-input::-moz-placeholder{color:#dedede;font-size:14px;text-align:right}#register #register-form .custom-input::placeholder{color:#dedede;font-size:14px;text-align:right}#register #register-form .custom-textarea{border:1px solid #e8e8e8;border-radius:10px;color:#626262;font-size:14px;padding-left:.6rem}#register #register-form .btn-submit{background-color:#5c98de;border:none;border-radius:15px;color:#fff;display:block;font-size:18px;height:60px;width:250px}#register #register-form .btn-submit:focus{outline:none}#result{color:#626262;margin-top:80px;margin-inline:auto;max-width:400px}@media (max-width:576px){#result{max-width:90%}}#result .title{color:var(--color-primary-darker);font-size:18px;font-weight:700;margin-bottom:24px;text-align:center}#result .success-message{background:#f6f6f6;border-radius:10px;padding:16px 24px}#result .success-message p{margin-bottom:0}#result .success-message span{color:#ad603c}#result .success-message ul{list-style:none;margin:0;padding:0}#result .contact-info{margin-top:16px}#result .contact-info a{color:#5c98de!important;text-decoration:underline}#result .contact-info .time{display:flex;line-height:1.6}#result .btn-wrapper{text-align:center}#result .btn-wrapper .btn-home{background-color:#29446c;border:1px solid #29446c;border-radius:10px;color:#fff!important;font-size:14px;padding:4px 24px;text-decoration:none}#result .btn-wrapper .btn-home:hover{background-color:#375b91;border-color:#375b91}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progress{0%{stroke-dasharray:0 100}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}
