@charset "UTF-8"; /*------------------------------------------------------------------- @ 바른플랜 | 제휴 -------------------------------------------------------------------*/ .custom--LC .lpds2-wrap .text--primary { color: #007881 !important; } .custom--LC .lpds2-wrap .bg--primary { background-color: #007881 !important; } .custom--LC .lpds2-wrap .bg--primary700 { background-color: #007881 !important; } .custom--LC .lpds2-wrap .bg--primary50 { background-color: #F3F0ED !important; } .custom--LC .lpds2-wrap .bg--coral100 { background-color: #FFC9CE !important; } .custom--LC .lpds2-wrap .bg--warning { background-color: #EE1100 !important; } .custom--LC .lpds2-wrap .btn.bg--primary { background-color: #5DDBDB !important; color: #222222 !important; } .custom--LC .lpds2-wrap .btn.bg--primary.disabled { background-color: #E2F5F5 !important; color: #C7D3DB !important; } .custom--LC .lpds2-wrap .btn.bg--done { background-color: #5DDBDB !important; color: #222222 !important; } .custom--LC .lpds2-wrap .btn.bg--done > span::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m2 8.423 3.705 4.373L14 4' stroke='%235DDBDB' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .btn.bg--done.disabled { background-color: #5DDBDB !important; color: #C7D3DB !important; } .custom--LC .lpds2-wrap .btn.is-active.bg--done { background-color: # !important; color: #5DDBDB !important; } .custom--LC .lpds2-wrap .btn-toggle.js-active { background-color: #E2F5F5; } .custom--LC .lpds2-wrap .btn-toggle.js-active .btn-toggle__switch { border-color: #5DDBDB; } .custom--LC .lpds2-wrap .input--focus { border-color: #222222; } .custom--LC .lpds2-wrap .input--focus.input--on { border-color: #222222; } .custom--LC .lpds2-wrap .input--thin.input--focus .input__inner { border-color: #222222; } .custom--LC .lpds2-wrap .input--thin.input--focus.input--on .input__inner { border-color: #222222; } .custom--LC .lpds2-wrap .input--textarea.input--focus textarea { border-color: #222222; } .custom--LC .lpds2-wrap .input--textarea.input--on.input--focus textarea { border-color: #222222; } .custom--LC .lpds2-wrap .input--switch.input--focus .input__inner { border-color: #222222; } .custom--LC .lpds2-wrap .checkbox__input:checked + .checkbox__label::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect stroke='%23222222' fill='%23222222' x='.5' y='.5' width='19' height='19' rx='4'/%3E%3Cpath d='M13.365 6.712a1 1 0 1 1 1.455 1.372l-5.658 6a1 1 0 0 1-1.49-.04l-2.528-2.982A1 1 0 0 1 6.67 9.769l1.804 2.128 4.891-5.185z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .checkbox.round-type .checkbox__input:checked + .checkbox__label::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23222222' fill='%23222222' cx='10' cy='10' r='9.5'/%3E%3Cpath d='M13.365 6.712a1 1 0 1 1 1.455 1.372l-5.658 6a1 1 0 0 1-1.49-.04l-2.528-2.982A1 1 0 0 1 6.67 9.769l1.804 2.128 4.891-5.185z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A"); } .custom--LC .lpds2-wrap .checkbox.line-type .checkbox__input:checked + .checkbox__label::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m2 8.423 3.705 4.373L14 4' stroke='%23222222' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .checkbox.rounded-type .checkbox__input:checked + .checkbox__label::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23222222' fill='%23222222' cx='10' cy='10' r='9.5'/%3E%3Cpath d='M13.365 6.712a1 1 0 1 1 1.455 1.372l-5.658 6a1 1 0 0 1-1.49-.04l-2.528-2.982A1 1 0 0 1 6.67 9.769l1.804 2.128 4.891-5.185z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A"); } .custom--LC .lpds2-wrap .checkbox.fill-black .checkbox__input:checked + .checkbox__label::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%230A1C31' fill='%230A1C31' cx='10' cy='10' r='9.5'/%3E%3Cpath d='M13.365 6.712a1 1 0 1 1 1.455 1.372l-5.658 6a1 1 0 0 1-1.49-.04l-2.528-2.982A1 1 0 0 1 6.67 9.769l1.804 2.128 4.891-5.185z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E%0A"); } .custom--LC .lpds2-wrap .radiobox__input:checked + .radiobox__label::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23222222' fill='%23222222' cx='10' cy='10' r='9.5'/%3E%3Ccircle fill='%23ffffff' cx='10' cy='10' r='4'/%3E%3C/g%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .radiobox.round-type .radiobox__label::before { background: none; } .custom--LC .lpds2-wrap .radiobox.round-check-type .radiobox__input:checked + .radiobox__label { border-color: #222222; } .custom--LC .lpds2-wrap .radiobox.round-check-type .radiobox__input:checked + .radiobox__label::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23222222' fill='%23222222' cx='10' cy='10' r='9.5'/%3E%3Ccircle fill='%23ffffff' cx='10' cy='10' r='4'/%3E%3C/g%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .select--focus { border-color: #222222; } .custom--LC .lpds2-wrap .select--on.select--focus { border-color: #222222; } .custom--LC .lpds2-wrap .select--switch.select--focus .select__inner { border-color: #222222; } .custom--LC .lpds2-wrap .selectric-items { border-color: #222222; } .custom--LC .lpds2-wrap .selectric-items li.selected::after { border-color: #222222; } .custom--LC .lpds2-wrap .tab-wrap.inline-type.primary-type .tab-list-wrap { background-color: #007881 !important; } .custom--LC .lpds2-wrap .tab-wrap.radio-type.bg--dark > .tab-list-wrap > .tab-list > li.js-active .tab-list__btn * { color: #007881 !important; } .custom--LC .lpds2-wrap .icon-check { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m2 8.423 3.705 4.373L14 4' stroke='%23007881' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .analysis-tab__tab a.on span { color: #007881 !important; font-weight: 500; opacity: 1; } .custom--LC .lpds2-wrap .analysis-tab__tab a.on .icon-tab-insurance { background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='m20.288%205.085-7.152-3.771a2.713%202.713%200%200%200-2.535%200L3.46%205.082A2.744%202.744%200%200%200%202%207.497c-.024%2011.958%206.958%2014.807%209.192%2015.413.444.12.912.12%201.356%200%202.235-.606%209.217-3.455%209.192-15.417a2.73%202.73%200%200%200-1.452-2.408'%20fill='%23007881'/%3E%3Cpath%20d='m20.288%205.085-7.152-3.771a2.713%202.713%200%200%200-2.535%200L3.46%205.082A2.744%202.744%200%200%200%202%207.497c-.024%2011.958%206.958%2014.807%209.192%2015.413.444.12.912.12%201.356%200%202.235-.606%209.217-3.455%209.192-15.417a2.73%202.73%200%200%200-1.452-2.408z'%20stroke='%23007881'%20stroke-width='2'/%3E%3Cpath%20stroke='%23FFF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m7.574%2012.754%202.822%202.76%205.77-6.899'/%3E%3Cpath%20d='M0%200h24v24H0z'/%3E%3C/g%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .analysis-tab__tab a.on .icon-tab-analysis { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23007881' fill-rule='evenodd'%3E%3Cpath d='M2.5 23c-.827 0-1.5-.673-1.5-1.5v-19C1 1.673 1.673 1 2.5 1S4 1.673 4 2.5v19c0 .827-.673 1.5-1.5 1.5'/%3E%3Cpath d='M2.5 0A2.503 2.503 0 0 0 0 2.5v19C0 22.878 1.122 24 2.5 24 3.879 24 5 22.878 5 21.5v-19C5 1.122 3.879 0 2.5 0m0 2a.5.5 0 0 1 .5.5v19a.5.5 0 0 1-1 0v-19a.5.5 0 0 1 .5-.5M12 23c-.827 0-1.5-.673-1.5-1.5v-11c0-.827.673-1.5 1.5-1.5s1.5.673 1.5 1.5v11c0 .827-.673 1.5-1.5 1.5'/%3E%3Cpath d='M12 8a2.503 2.503 0 0 0-2.5 2.5v11c0 1.378 1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5v-11C14.5 9.122 13.378 8 12 8m0 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5M21.5 23c-.827 0-1.5-.673-1.5-1.5v-6c0-.827.673-1.5 1.5-1.5s1.5.673 1.5 1.5v6c0 .827-.673 1.5-1.5 1.5'/%3E%3Cpath d='M21.5 13a2.503 2.503 0 0 0-2.5 2.5v6c0 1.378 1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5v-6c0-1.378-1.122-2.5-2.5-2.5m0 2a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0v-6a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .analysis-tab__tab a.on .icon-tab-estimate { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11' fill='%23007881'/%3E%3Cpath d='M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11z' stroke='%23007881' stroke-width='2'/%3E%3Cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6.395 8.486 2.334 8.029M11.195 8.493l-2.334 8.029'/%3E%3Cpath d='M12.536 14.727c.011 1.55.894 2.426 2.503 2.426.841 0 1.304-.106 1.903-.548.494-.408.78-1.062.78-1.948 0-1.504-.938-1.901-2.074-2.345-1.209-.466-2.197-.793-2.197-2.075 0-.933.81-1.587 1.735-1.587.8 0 1.62.397 1.672 1.377h.726c-.01-.747-.379-1.318-.915-1.645-.463-.291-.873-.408-1.515-.408-1.22 0-2.407.828-2.407 2.368 0 1.492.967 2.006 2.03 2.379 1.43.595 2.228.828 2.228 1.994 0 1.178-.989 1.76-1.86 1.76-.979 0-1.894-.431-1.862-1.748h-.747z' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .analysis-tab__tab a.on .icon-tab-disease { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 11.999c0 6.628 5.373 12 12 12 6.626 0 11.999-5.372 11.999-12C23.999 5.373 18.626 0 12 0z' id='nvok35gaaa'/%3E%3Cpath d='m6.175.798-.74 2.118h-1.09L3.603.798c-.214-.61-.899-.943-1.544-.737-.641.203-.987.863-.773 1.474l.481 1.381h-.544C.547 2.916 0 3.438 0 4.083S.547 5.25 1.223 5.25h1.359L3.73 8.535c.167.477.632.798 1.159.798s.994-.32 1.158-.798l1.15-3.285h.273l1.15 3.285c.164.477.632.798 1.158.798.527 0 .992-.32 1.159-.798l1.148-3.285h1.36c.676 0 1.222-.522 1.222-1.167s-.546-1.167-1.222-1.167H12.9l.482-1.38c.214-.612-.133-1.272-.773-1.475-.645-.206-1.331.126-1.545.737l-.741 2.118h-1.09L8.492.798C8.328.32 7.86 0 7.334 0c-.527 0-.992.32-1.159.798z' id='njt37081cc'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cmask id='o3xmvcd58b' fill='%23fff'%3E%3Cuse xlink:href='%23nvok35gaaa'/%3E%3C/mask%3E%3Cpath fill='%23007881' mask='url(%23o3xmvcd58b)' d='M-.667 24.666h25.334V-.668H-.667z'/%3E%3C/g%3E%3Cpath d='M18.111 10.25h-.545l.482-1.382c.213-.61-.132-1.27-.773-1.474-.644-.207-1.331.126-1.545.737l-.741 2.118h-1.09l-.741-2.118c-.164-.478-.632-.798-1.158-.798-.527 0-.993.32-1.159.798L10.1 10.25H9.01l-.741-2.118c-.214-.61-.899-.944-1.545-.737-.64.203-.986.863-.772 1.474l.481 1.381h-.545c-.675 0-1.221.521-1.221 1.167 0 .645.546 1.166 1.221 1.166h1.361l1.147 3.286c.167.477.632.798 1.159.798s.994-.32 1.159-.798l1.149-3.286h.273l1.15 3.286c.165.477.632.798 1.158.798.527 0 .992-.32 1.159-.798l1.148-3.286h1.36c.676 0 1.222-.52 1.222-1.166 0-.646-.546-1.167-1.222-1.167' fill='%23FFF'/%3E%3Cg transform='translate(4.666 7.333)'%3E%3Cmask id='ggggb0b1md' fill='%23fff'%3E%3Cuse xlink:href='%23njt37081cc'/%3E%3C/mask%3E%3Cpath fill='%23FFF' mask='url(%23ggggb0b1md)' d='M-.666 10h16V-.81h-16z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .custom--LC .lpds2-wrap .icon.icon-cert { background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='m20.288%205.085-7.152-3.771a2.713%202.713%200%200%200-2.535%200L3.46%205.082A2.744%202.744%200%200%200%202%207.497c-.024%2011.958%206.958%2014.807%209.192%2015.413.444.12.912.12%201.356%200%202.235-.606%209.217-3.455%209.192-15.417a2.73%202.73%200%200%200-1.452-2.408'%20fill='%23007881'/%3E%3Cpath%20d='m20.288%205.085-7.152-3.771a2.713%202.713%200%200%200-2.535%200L3.46%205.082A2.744%202.744%200%200%200%202%207.497c-.024%2011.958%206.958%2014.807%209.192%2015.413.444.12.912.12%201.356%200%202.235-.606%209.217-3.455%209.192-15.417a2.73%202.73%200%200%200-1.452-2.408z'%20stroke='%23007881'%20stroke-width='2'/%3E%3Cpath%20stroke='%23FFF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m7.574%2012.754%202.822%202.76%205.77-6.899'/%3E%3Cpath%20d='M0%200h24v24H0z'/%3E%3C/g%3E%3C/svg%3E"); } .custom--LC .lpds2-wrap .load-cert__img:after { background-image: url("/lpds2/resources/images/analysis/icon_loading_wrap_LC.png"); } .custom--LC .lpds2-wrap .tab-insurance { background-color: #F3F0ED !important; } .custom--LC .lpds2-wrap .load-design__magnifier .magnifier-motion .magnifier { background: url(/lpds2/resources/images/analysis/img_magnifier_LC.png) center center/cover !important; } .custom--LC .lpds2-wrap .load-design__magnifier .load-text strong { color: #222222 !important; } .custom--LC .lpds2-wrap .premium-loading-percent { color: #007881 !important; } .custom--LC .lpds2-wrap .receipt-visual .paper-wrap .paper__head .subject .desc { color: #007881 !important; } .custom--LC .lpds2-wrap .receipt-visual .paper-wrap .receipt-list__result .result { color: #007881 !important; } .custom--LC .lpds2-wrap .compare-panel__item .panel-change .panel-desc .txt { color: #007881 !important; } .custom--LC .lpds2-wrap .analysis-sticky .tag.bg--primary100 { background-color: #ECE8E4 !important; color: #007881 !important; } .custom--LC .lpds2-wrap .analysis-sticky .tag.bg--coral100 { background-color: #ffe1e1 !important; } .custom--LC .lpds2-wrap .d-coverage .d-cover__title.bg--primary100 { background-color: #ECE8E4 !important; } .custom--LC .lpds2-wrap .possess-graph--warning .bar { background-color: #EE1100 !important; } .custom--LC .lpds2-wrap .possess-graph--enough .bar { background-color: #007881 !important; } .custom--LC .lpds2-wrap .estimate-paper__title .fee { color: #007881 !important; } .custom--LC .lpds2-wrap .insurance-box__rank li.active .box-border { border: 1px solid #007881 !important; padding: 12px; } .custom--LC .lpds2-wrap .insurance-box__rank li.active .box-border .rank-number { font-size: 16px; font-weight: 700; } .custom--LC .lpds2-wrap .insurance-box__rank li.active .box-border .rank-number span { color: #007881 !important; } .custom--LC .lpds2-wrap .search-rank .rank-list .js-active a { border: 1px solid #007881 !important; } .custom--LC .lpds2-wrap .search-rank .js-active .rank-number span { color: #007881 !important; } .custom--LC .mbsc-mobiscroll .dw-i::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m2 8.423 3.705 4.373L14 4' stroke='%23007881' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .custom--LC .mbsc-mobiscroll .ui-complete .dwb { background-color: #007881; } .custom--LC #lpKeypad > div { background-color: #007881; } .custom--LC #lpKeypad button.BackspaceButton { fill: #fff; border-bottom-color: #007881; border-right-color: #007881; background-color: #007881; } .custom--LC #lpKeypad button.NumberButton { fill: #fff; border-bottom-color: #007881; border-right-color: #007881; background-color: #007881 !important; } .custom--LC #lpKeypad button.NumberButton:active { background-color: #007881; } .custom--LC #lpKeypad button.NumberButton:disabled { background-color: #007881; } .custom--LC #lpKeypad .keypadClose { border-bottom-color: #007881; background-color: #007881; } /*------------------------------------------------------------------- @ 바른플랜 | 아이콘(확인) -------------------------------------------------------------------*/ .icon.icon-login-kakao { background-image: url("data:image/svg+xml,%3Csvg width='64' height='58' viewBox='0 0 64 58' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='jeqs9zs5oa' d='M0 0h63.143v58.009H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='0ewcwbs48b' fill='%23fff'%3E%3Cuse xlink:href='%23jeqs9zs5oa'/%3E%3C/mask%3E%3Cpath d='M31.572 0C14.135 0 0 11.174 0 24.959c0 8.972 5.989 16.837 14.978 21.236-.66 2.464-2.392 8.93-2.737 10.313-.43 1.717.627 1.694 1.32 1.235.545-.363 8.652-5.877 12.15-8.256 1.9.282 3.858.431 5.86.431 17.438 0 31.573-11.173 31.573-24.959C63.144 11.174 49.009 0 31.572 0' fill='%23371C1D' mask='url(%230ewcwbs48b)'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-login-message { background-image: url("data:image/svg+xml,%3Csvg width='71' height='52' viewBox='0 0 71 52' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='19fdbq9ffa' d='M0 0h70.554v45.838H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 5.317)'%3E%3Cmask id='zt0lr196tb' fill='%23fff'%3E%3Cuse xlink:href='%2319fdbq9ffa'/%3E%3C/mask%3E%3Cpath d='M35.277 24.428a2.994 2.994 0 0 1-1.812-.609L2.048 0A11.907 11.907 0 0 0 0 6.683v27.155c0 6.6 5.4 12 12 12h46.554c6.6 0 12-5.4 12-12V6.683c0-2.469-.756-4.77-2.048-6.683L37.089 23.819a2.994 2.994 0 0 1-1.812.609' fill='%23FEFEFE' mask='url(%23zt0lr196tb)'/%3E%3C/g%3E%3Cpath d='M63.9 1.279A11.872 11.872 0 0 0 58.555 0H12c-1.921 0-3.733.468-5.347 1.279l26.91 20.403a2.835 2.835 0 0 0 3.427 0L63.9 1.279z' fill='%23FEFEFE'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-face-smile { background-image: url("data:image/svg+xml,%3Csvg width='21' height='26' viewBox='0 0 21 26' xmlns='http://www.w3.org/2000/svg'%3E%3Ctext transform='translate(-408 -893)' fill='%23293A46' fill-rule='evenodd' font-family='AppleColorEmoji, Apple Color Emoji' font-size='16' letter-spacing='-.2'%3E%3Ctspan x='408' y='913'%3E😀%3C/tspan%3E%3C/text%3E%3C/svg%3E%0A"); } .icon.icon-cert { background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='qym5930jta' d='M0 0h33v36H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h36v36H0z'/%3E%3Cg transform='translate(2)'%3E%3Cmask id='n5wyrfclmb' fill='%23fff'%3E%3Cuse xlink:href='%23qym5930jta'/%3E%3C/mask%3E%3Cpath d='m24.593 14.625-8.758 10.348c-.27.321-.666.514-1.088.536-.025.002-.05.002-.076.002-.396 0-.777-.153-1.061-.428l-4.283-4.138c-.6-.58-.61-1.53-.024-2.122a1.532 1.532 0 0 1 2.146-.023l3.11 3.005 7.707-9.104a1.53 1.53 0 0 1 2.137-.189c.644.532.728 1.478.19 2.113m5.393-8.324L19.131.643a5.7 5.7 0 0 0-5.265.002l-10.84 5.65A5.584 5.584 0 0 0 0 11.243c-.038 19.041 11.528 23.62 15.074 24.571a5.525 5.525 0 0 0 2.853-.002c3.546-.949 15.114-5.53 15.073-24.576a5.572 5.572 0 0 0-3.014-4.935' fill='%2330B566' mask='url(%23n5wyrfclmb)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .icon.icon-tab-insurance { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='7th91ufzea' d='M0 0h21.74v24H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' opacity='.3'%3E%3Cg transform='translate(1)'%3E%3Cmask id='bmr273kidb' fill='%23fff'%3E%3Cuse xlink:href='%237th91ufzea'/%3E%3C/mask%3E%3Cpath d='M10.872 2c-.276 0-.553.067-.806.2l-7.14 3.766c-.57.3-.925.888-.926 1.533-.023 11.272 6.465 13.907 8.453 14.446.274.074.565.074.835-.001 1.988-.538 8.476-3.173 8.452-14.45a1.726 1.726 0 0 0-.919-1.524l-7.15-3.772A1.704 1.704 0 0 0 10.871 2M10.87 24c-.315 0-.632-.042-.938-.124C7.594 23.242-.024 20.189 0 7.495a3.731 3.731 0 0 1 1.992-3.3L9.134.432a3.713 3.713 0 0 1 3.468-.002l7.153 3.77a3.723 3.723 0 0 1 1.985 3.29c.027 12.7-7.594 15.753-9.93 16.386a3.62 3.62 0 0 1-.94.125' fill='%23293A46' mask='url(%23bmr273kidb)'/%3E%3C/g%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M10.396 16.513a1 1 0 0 1-.699-.285L6.875 13.47a.999.999 0 1 1 1.398-1.43l2.05 2.003 5.076-6.069a.997.997 0 0 1 1.408-.125c.424.353.48.984.125 1.408l-5.769 6.9a1.008 1.008 0 0 1-.717.356l-.05.001' fill='%23293A46'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-tab-analysis { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23293A46' fill-rule='evenodd' opacity='.3'%3E%3Cpath d='M3 0C1.346 0 0 1.346 0 3v18c0 1.654 1.346 3 3 3s3-1.346 3-3V3c0-1.654-1.346-3-3-3m0 2a1 1 0 0 1 1 1v18a1 1 0 0 1-2 0V3a1 1 0 0 1 1-1M12 8c-1.654 0-3 1.346-3 3v10c0 1.654 1.346 3 3 3s3-1.346 3-3V11c0-1.654-1.346-3-3-3m0 2a1 1 0 0 1 1 1v10a1 1 0 0 1-2 0V11a1 1 0 0 1 1-1M21 13c-1.654 0-3 1.346-3 3v5c0 1.654 1.346 3 3 3s3-1.346 3-3v-5c0-1.654-1.346-3-3-3m0 2a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-tab-estimate { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23293A46' fill='none' fill-rule='evenodd' opacity='.3'%3E%3Cpath stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6.395 8.486 2.334 8.029M11.195 8.493l-2.334 8.029'/%3E%3Cpath d='M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11z' stroke-width='2'/%3E%3Cpath d='M12.536 14.726c.011 1.55.894 2.426 2.503 2.426.841 0 1.304-.106 1.903-.548.494-.408.78-1.062.78-1.948 0-1.504-.938-1.901-2.074-2.344-1.209-.467-2.197-.793-2.197-2.076 0-.934.81-1.586 1.735-1.586.8 0 1.62.396 1.672 1.376h.726c-.01-.746-.379-1.32-.915-1.645-.463-.292-.873-.408-1.515-.408-1.22 0-2.407.828-2.407 2.367 0 1.493.967 2.007 2.03 2.38 1.43.595 2.228.828 2.228 1.994 0 1.178-.989 1.76-1.86 1.76-.979 0-1.894-.431-1.862-1.748h-.747z' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-tab-disease { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='m6.175.798-.74 2.118h-1.09L3.603.798c-.214-.61-.899-.943-1.544-.737-.641.203-.987.863-.773 1.474l.481 1.381h-.544C.547 2.916 0 3.438 0 4.083S.547 5.25 1.223 5.25h1.359L3.73 8.535c.167.477.632.798 1.159.798s.994-.32 1.158-.798l1.15-3.285h.273l1.15 3.285c.164.477.632.798 1.158.798.527 0 .992-.32 1.159-.798l1.148-3.285h1.36c.676 0 1.222-.522 1.222-1.167s-.546-1.167-1.222-1.167H12.9l.482-1.38c.214-.612-.133-1.272-.773-1.475-.645-.206-1.331.126-1.545.737l-.741 2.118h-1.09L8.492.798C8.328.32 7.86 0 7.334 0c-.527 0-.992.32-1.159.798z' id='0mpboakywa'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11z' stroke='%23BBC1C4' stroke-width='2'/%3E%3Cpath d='M18.111 10.25h-.545l.482-1.382c.213-.61-.132-1.27-.773-1.474-.644-.207-1.331.126-1.545.737l-.741 2.118h-1.09l-.741-2.118c-.164-.478-.632-.798-1.158-.798-.527 0-.993.32-1.159.798L10.1 10.25H9.01l-.741-2.118c-.214-.61-.899-.944-1.545-.737-.64.203-.986.863-.772 1.474l.481 1.381h-.545c-.675 0-1.221.521-1.221 1.167 0 .645.546 1.166 1.221 1.166h1.361l1.147 3.286c.167.477.632.798 1.159.798s.994-.32 1.159-.798l1.149-3.286h.273l1.15 3.286c.165.477.632.798 1.158.798.527 0 .992-.32 1.159-.798l1.148-3.286h1.36c.676 0 1.222-.52 1.222-1.166 0-.646-.546-1.167-1.222-1.167' fill='%23BBC1C4'/%3E%3Cg transform='translate(4.666 7.333)'%3E%3Cmask id='0esq73y2eb' fill='%23fff'%3E%3Cuse xlink:href='%230mpboakywa'/%3E%3C/mask%3E%3Cpath fill='%23BBC1C4' mask='url(%230esq73y2eb)' d='M-.666 10h16V-.81h-16z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-quick-insurance { background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='crmlteyu4a' d='M0 0h33v36H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23979797' fill='%23456071' d='M8.5 8.5h20v19h-20z'/%3E%3Cpath d='M0 0h36v36H0z'/%3E%3Cg transform='translate(2)'%3E%3Cmask id='qtskgnsetb' fill='%23fff'%3E%3Cuse xlink:href='%23crmlteyu4a'/%3E%3C/mask%3E%3Cpath d='m24.593 14.625-8.758 10.348c-.27.321-.666.514-1.088.536-.025.002-.05.002-.076.002-.396 0-.777-.153-1.061-.428l-4.283-4.138c-.6-.58-.61-1.53-.024-2.122a1.532 1.532 0 0 1 2.146-.023l3.11 3.005 7.707-9.104a1.53 1.53 0 0 1 2.137-.189c.644.532.728 1.478.19 2.113m5.393-8.324L19.131.643a5.7 5.7 0 0 0-5.265.002l-10.84 5.65A5.584 5.584 0 0 0 0 11.243c-.038 19.041 11.528 23.62 15.074 24.571a5.525 5.525 0 0 0 2.853-.002c3.546-.949 15.114-5.53 15.073-24.576a5.572 5.572 0 0 0-3.014-4.935' fill='%23DDE4E9' mask='url(%23qtskgnsetb)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon.icon-graphic-ban { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='n9i87wt1na' cx='10' cy='10' r='10'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='f2c71kenzb' fill='%23fff'%3E%3Cuse xlink:href='%23n9i87wt1na'/%3E%3C/mask%3E%3Ccircle stroke='%23E91445' stroke-width='3' cx='10' cy='10' r='8.5'/%3E%3Cpath stroke='%23E91445' stroke-width='3' stroke-linecap='square' mask='url(%23f2c71kenzb)' d='m15.795 4.053-10.833 12.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-thumb { background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='4mrxwcql7a' d='M0 0h41.163v60H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h60v60H0z'/%3E%3Cg transform='translate(9)'%3E%3Cmask id='ue772g6eub' fill='%23fff'%3E%3Cuse xlink:href='%234mrxwcql7a'/%3E%3C/mask%3E%3Cpath d='M41.163 39.016a5.34 5.34 0 0 0-3.799-5.117 5.34 5.34 0 0 0 3.798-5.022c.052-3.002-2.43-5.436-5.424-5.436H19.829C28.46 8.068 21.379-.068 17.805 0c-3.574.068-3.912 2.906-3.912 2.908V8.2a4.078 4.078 0 0 1-1.363 3.047C.126 22.28 0 33.066 0 33.066v15.027C0 54.67 5.317 60 11.876 60h22.093c2.396 0 4.409-1.907 4.431-4.308a4.339 4.339 0 0 0-1.334-3.178 4.89 4.89 0 0 0 3.037-4.527 4.89 4.89 0 0 0-2.162-4.065 5.342 5.342 0 0 0 3.222-4.906' fill='%23FFBFA9' mask='url(%23ue772g6eub)'/%3E%3C/g%3E%3Cpath d='M45.892 34.251h-6.11c-.046 0-.084-.022-.084-.05 0-.027.038-.05.084-.05h6.11c.047 0 .085.023.085.05 0 .028-.038.05-.085.05M46.588 44.019h-6.804c-.048 0-.086-.023-.086-.05 0-.028.038-.05.086-.05h6.804c.048 0 .086.022.086.05 0 .027-.038.05-.086.05M45.898 52.39h-5.424c-.043 0-.079-.022-.079-.05 0-.027.036-.05.08-.05h5.423c.043 0 .079.023.079.05 0 .028-.036.05-.08.05M28.455 23.786h-2.631c-.044 0-.08-.022-.08-.05 0-.028.036-.05.08-.05h2.631c.044 0 .08.022.08.05 0 .028-.036.05-.08.05' fill='%23FFBFA9'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-arrow.right { transform: rotate(180deg); } .icon.icon-circle { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle transform='rotate(1 197.589 -8469.56)' cx='157' cy='11' r='7' stroke='%23AFBFC4' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E%0A"); } .icon.icon-triangle { background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8 2.006 6.271 10.907H1.73L8 2.006z' stroke='%23AFBFC4' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E%0A"); } .icon.icon-estimate { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cg transform='translate(0 2)'%3E%3Cpath fill='%23C6D9DC' d='m12 13 6.26 7H5.74z'/%3E%3Crect fill='%23C6D9DC' y='11' width='24' height='3' rx='1.5'/%3E%3Cellipse fill='%2330B566' cx='4.174' cy='4' rx='4.174' ry='4'/%3E%3Crect fill='%2342B2EB' x='15.652' width='8.348' height='8' rx='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-round-check { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%2328A65B' width='20' height='20' rx='10'/%3E%3Cpath stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m5.907 10.415 2.528 2.983 5.658-6'/%3E%3C/g%3E%3C/svg%3E"); } .icon.icon-round-check-ng { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect fill='%23C5E8D0' width='16' height='16' rx='8'/%3E%3Cpath stroke='%2328A65B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m4.726 8.332 2.022 2.386 4.526-4.8'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-brain { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='aker6r0e4a' d='M11.825 2H24v21.039H11.825z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M11.571 4.625c-.677-1.33-1.958-2.332-3.553-2.332-2.133 0-3.863 1.72-3.863 3.842 0 .126.007.25.02.373l-.02-.001c-2.133 0-3.863 1.72-3.863 3.843 0 1.34.69 2.518 1.734 3.206a3.08 3.08 0 0 0-.737 2 3.104 3.104 0 0 0 2.545 3.047 3.111 3.111 0 0 0 3.343 2.519 2.49 2.49 0 0 0 2.337 1.625c1.376 0 2.367-1.11 2.367-2.48V5.703c0-.396-.147-.757-.31-1.077' fill='%23ED8F95'/%3E%3Cpath d='M7.177 20.829c.121 0 .232.075.274.191a2.207 2.207 0 0 0 2.063 1.434c1.183 0 2.075-.94 2.075-2.187V5.701c0-.35-.141-.673-.279-.944-.692-1.36-1.923-2.172-3.291-2.172-1.969 0-3.571 1.593-3.571 3.55 0 .116.006.231.017.344a.294.294 0 0 1-.291.321h-.001C2.186 6.8.585 8.392.585 10.35c0 1.194.599 2.301 1.602 2.961a.293.293 0 0 1 .062.434 2.8 2.8 0 0 0-.667 1.811 2.81 2.81 0 0 0 2.306 2.759.292.292 0 0 1 .234.234 2.816 2.816 0 0 0 3.029 2.281l.026-.001m2.337 2.21a2.795 2.795 0 0 1-2.527-1.613l-.09.002a3.402 3.402 0 0 1-3.308-2.579 3.392 3.392 0 0 1-2.592-3.293c0-.694.215-1.372.612-1.938A4.121 4.121 0 0 1 0 10.35c0-2.183 1.708-3.976 3.864-4.126l-.001-.089C3.863 3.855 5.727 2 8.019 2c1.593 0 3.018.931 3.813 2.492.159.313.342.733.342 1.209v14.566c0 1.554-1.168 2.772-2.66 2.772' fill='%23ED8F95'/%3E%3Cpath d='M23.707 10.35c0-2.122-1.729-3.843-3.863-3.843h-.018c.011-.122.018-.246.018-.372 0-2.122-1.729-3.843-3.863-3.843-1.594 0-2.893.994-3.553 2.333-.183.37-.31.68-.31 1.076v14.566c0 1.37.991 2.479 2.367 2.479a2.491 2.491 0 0 0 2.338-1.624 3.111 3.111 0 0 0 3.342-2.519 3.104 3.104 0 0 0 2.545-3.046c0-.763-.277-1.461-.737-2.001a3.833 3.833 0 0 0 1.734-3.206' fill='%23ED8F95'/%3E%3Cmask id='1v3kkclwob' fill='%23fff'%3E%3Cuse xlink:href='%23aker6r0e4a'/%3E%3C/mask%3E%3Cpath d='M15.981 2.585c-1.37 0-2.631.83-3.29 2.169-.182.368-.28.628-.28.947v14.566c0 1.247.892 2.187 2.075 2.187.916 0 1.745-.576 2.062-1.434a.29.29 0 0 1 .301-.19 2.816 2.816 0 0 0 3.028-2.28.293.293 0 0 1 .235-.235 2.808 2.808 0 0 0 2.305-2.758 2.79 2.79 0 0 0-.667-1.811.294.294 0 0 1 .063-.434 3.54 3.54 0 0 0 1.601-2.962c0-1.958-1.601-3.55-3.57-3.55a.316.316 0 0 1-.226-.096.302.302 0 0 1-.084-.225c.011-.113.017-.228.017-.344 0-1.957-1.601-3.55-3.57-3.55m-1.495 20.454c-1.492 0-2.661-1.218-2.661-2.772V5.7c0-.476.161-.842.341-1.206C12.925 2.955 14.387 2 15.981 2c2.291 0 4.156 1.855 4.156 4.135l-.001.09C22.3 6.383 24 8.173 24 10.35a4.121 4.121 0 0 1-1.609 3.268c.396.566.612 1.244.612 1.939a3.393 3.393 0 0 1-2.592 3.292 3.402 3.402 0 0 1-3.398 2.577 2.796 2.796 0 0 1-2.527 1.613' fill='%23ED8F95' mask='url(%231v3kkclwob)'/%3E%3C/g%3E%3C/svg%3E"); } .icon.icon-heart { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M12 5.648C10.011.543 0 1.3 0 9.02c0 3.846 3.06 8.964 12 14.179 8.94-5.215 12-10.333 12-14.179 0-7.675-10-8.508-12-3.373z' fill='%23F8959B' fill-rule='nonzero'/%3E%3Cpath stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' d='M.72 13.293 5.4 8.612l6.118 6.118 2.893-2.893h2.922'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-surgery { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='528a0st3ca' d='M0 0h12.9v12.145H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23ED8F95' d='M0 24h24v-1.86H0z'/%3E%3Cpath d='M12.649 10.048 2.288 20.409c1.439 1.439 7.768-2.556 9.207-3.995l1.563-1.564-.306-2.186 1.78-1.78' fill='%23AFBFC4'/%3E%3Cg transform='translate(11.1)'%3E%3Cmask id='fa9iulm81b' fill='%23fff'%3E%3Cuse xlink:href='%23528a0st3ca'/%3E%3C/mask%3E%3Cpath d='M12.337.563c.752.752.752 1.97 0 2.721L3.55 12.071a.252.252 0 0 1-.294.046l-3.12-1.61a.253.253 0 0 1-.062-.403L9.616.564a1.925 1.925 0 0 1 2.72 0' fill='%2376909A' mask='url(%23fa9iulm81b)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-fracture { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='ibh2pmfuja' d='M0 0h17v17H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M6 20.994a3 3 0 1 1-6 0 3 3 0 0 1 6 0' fill='%2330B566'/%3E%3Cpath d='M7.116 7.367h9.902l-.78 2.429H6.638v-1.95a.48.48 0 0 1 .479-.479M23.01 0H20.46c-.658 0-1.24.435-1.414 1.043l-1.394 4.345H7.116a2.462 2.462 0 0 0-2.46 2.459v10.982L3.07 19.887a.982.982 0 0 0-.42.629.988.988 0 0 0 1.518 1.018l2.47-1.645v-3.458h10.258l.314-.98h1.424V9.796h-.316l2.508-7.817h2.185c.545 0 .99-.444.99-.99a.991.991 0 0 0-.99-.99' fill='%23C8DEE6'/%3E%3Cg transform='translate(7 6.994)'%3E%3Cmask id='4x270xfwyb' fill='%23fff'%3E%3Cuse xlink:href='%23ibh2pmfuja'/%3E%3C/mask%3E%3Cpath d='M8.351.001A8.5 8.5 0 1 0 8.65 17 8.5 8.5 0 0 0 8.35 0' fill='%2330B566' mask='url(%234x270xfwyb)'/%3E%3C/g%3E%3Cpath d='M21.5 15.494a6 6 0 1 1-12 0 6 6 0 0 1 12 0' fill='%23E9F2F4'/%3E%3C/g%3E%3C/svg%3E%0A"); } .icon.icon-good { background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle transform='rotate(1 13730.844 -2906.1)' cx='64' cy='250' r='8.5' stroke='%2330B566' stroke-width='3' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E%0A"); } .icon.icon-fail { background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg width="19px" height="19px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square"%3E%3Cg id="Group-9" transform="translate(3, 3)" stroke="%23FD404F" stroke-width="3"%3E%3Cline x1="0.342105263" y1="0.342105263" x2="13" y2="13" id="Line-7"%3E%3C/line%3E%3Cline x1="13" y1="0" x2="0" y2="13" id="Line-7"%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); } .icon.icon-cancel { background-image: url('data:image/svg+xml,%3Csvg width="19px" height="19px" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"%3E%3Cg stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square"%3E%3Cg transform="translate(3, 3)" stroke="%23456071" stroke-width="3"%3E%3Cline x1="0.342105263" y1="0.342105263" x2="13" y2="13"/%3E%3Cline x1="13" y1="0" x2="0" y2="13"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E'); } .icon.icon-diagnosis { background-image: url("/lpds2/resources/images/analysis/diagnosis.png"); } .icon.icon-surgerym { background-image: url("/lpds2/resources/images/analysis/surgerym.png"); } .icon.icon-wallet { background-image: url("/lpds2/resources/images/analysis/icon_wallet.png"); } .corp-logo { display: inline-block; width: 52px; height: 52px; background-color: #F2F4F6; background-position: 50% 50%; background-repeat: no-repeat; background-size: 50px 50px; border-radius: 50%; } .corp-logo.L01 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu37.png"); } .corp-logo.L02 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu01.png"); } .corp-logo.L03 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu23.png"); } .corp-logo.L04 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu40.png"); } .corp-logo.L05 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu13.png"); } .corp-logo.L11 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu26.png"); } .corp-logo.L17 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu34.png"); } .corp-logo.L18 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu09.png"); } .corp-logo.L31 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu07.png"); } .corp-logo.L33 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu11.png"); } .corp-logo.L34 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu22.png"); } .corp-logo.L42 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu14.png"); } .corp-logo.L43 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu18-2.png"); } .corp-logo.L51 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu17.png"); } .corp-logo.L52 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu02.png"); } .corp-logo.L61 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu33.png"); } .corp-logo.L62 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu43.png"); } .corp-logo.L63 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu35.png"); } .corp-logo.L71 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu05.png"); } .corp-logo.L72 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu21.png"); } .corp-logo.L74 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu16.png"); } .corp-logo.L76 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu44.png"); } .corp-logo.L77 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu28.png"); } .corp-logo.L78, .corp-logo.N66 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu29.png"); } .corp-logo.M71 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu42.png"); } .corp-logo.M48 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu45.png"); } .corp-logo.N01 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu20.png"); } .corp-logo.N02 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu38.png"); } .corp-logo.N03 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu19.png"); } .corp-logo.N04, .corp-logo.M45 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu12.png"); } .corp-logo.N05 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu41.png"); } .corp-logo.N08 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu24.png"); } .corp-logo.N09 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu39.png"); } .corp-logo.N10 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu10.png"); } .corp-logo.N11 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu06.png"); } .corp-logo.N16 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu04.png"); } .corp-logo.N17 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu36.png"); } .corp-logo.N51 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu03.png"); } .corp-logo.N52 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu27.png"); } .corp-logo.N69 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu31.png"); } .corp-logo.N71 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu15.png"); } .corp-logo.cp08 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu08.png"); } .corp-logo.cp25 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu25.png"); } .corp-logo.cp32 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu32.png"); } .corp-logo.M72 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu46.png"); } .corp-logo.N70 { background-image: url("/lpds2/resources/images/analysis/img_corp_insu47.png"); } .person { width: 100px; height: 100px; border-radius: 100%; background-size: 100%; background-position: center bottom; background-repeat: no-repeat; } .person.expert1 { background-image: url("/lpds2/resources/images/analysis/estimate_expert1.jpg"); } .person.expert2 { background-image: url("/lpds2/resources/images/analysis/estimate_expert2.jpg"); } .person.expert3 { background-image: url("/lpds2/resources/images/analysis/estimate_expert3.jpg"); } .person.expert4 { background-image: url("/lpds2/resources/images/analysis/estimate_expert4.jpg"); } .person.expert5 { background-image: url("/lpds2/resources/images/analysis/estimate_expert5.jpg"); } .person.woman20 { background-image: url("/lpds2/resources/images/analysis/woman20.png"); } .person.woman30 { background-image: url("/lpds2/resources/images/analysis/woman30.png"); } .person.woman40 { background-image: url("/lpds2/resources/images/analysis/woman40.png"); } .person.woman50 { background-image: url("/lpds2/resources/images/analysis/woman50.png"); } .person.woman60 { background-image: url("/lpds2/resources/images/analysis/woman60.png"); } .person.woman70 { background-image: url("/lpds2/resources/images/analysis/woman70.png"); } .person.woman80 { background-image: url("/lpds2/resources/images/analysis/woman80.png"); } .person.woman90 { background-image: url("/lpds2/resources/images/analysis/woman90.png"); } .person.woman100 { background-image: url("/lpds2/resources/images/analysis/woman100.png"); } .person.woman20.warning { background-image: url("/lpds2/resources/images/analysis/woman20_crying.png"); } .person.woman30.warning { background-image: url("/lpds2/resources/images/analysis/woman30_crying.png"); } .person.woman40.warning { background-image: url("/lpds2/resources/images/analysis/woman40_crying.png"); } .person.woman50.warning { background-image: url("/lpds2/resources/images/analysis/woman50_crying.png"); } .person.woman60.warning { background-image: url("/lpds2/resources/images/analysis/woman60_crying.png"); } .person.woman70.warning { background-image: url("/lpds2/resources/images/analysis/woman70_crying.png"); } .person.woman80.warning { background-image: url("/lpds2/resources/images/analysis/woman80_crying.png"); } .person.woman90.warning { background-image: url("/lpds2/resources/images/analysis/woman90_crying.png"); } .person.woman100.warning { background-image: url("/lpds2/resources/images/analysis/woman100_crying.png"); } .person.man20 { background-image: url("/lpds2/resources/images/analysis/man20.png"); } .person.man30 { background-image: url("/lpds2/resources/images/analysis/man30.png"); } .person.man40 { background-image: url("/lpds2/resources/images/analysis/man40.png"); } .person.man50 { background-image: url("/lpds2/resources/images/analysis/man50.png"); } .person.man60 { background-image: url("/lpds2/resources/images/analysis/man60.png"); } .person.man70 { background-image: url("/lpds2/resources/images/analysis/man70.png"); } .person.man80 { background-image: url("/lpds2/resources/images/analysis/man80.png"); } .person.man90 { background-image: url("/lpds2/resources/images/analysis/man90.png"); } .person.man100 { background-image: url("/lpds2/resources/images/analysis/man100.png"); } .person.man20.warning { background-image: url("/lpds2/resources/images/analysis/man20_crying.png"); } .person.man30.warning { background-image: url("/lpds2/resources/images/analysis/man30_crying.png"); } .person.man40.warning { background-image: url("/lpds2/resources/images/analysis/man40_crying.png"); } .person.man50.warning { background-image: url("/lpds2/resources/images/analysis/man50_crying.png"); } .person.man60.warning { background-image: url("/lpds2/resources/images/analysis/man60_crying.png"); } .person.man70.warning { background-image: url("/lpds2/resources/images/analysis/man70_crying.png"); } .person.man80.warning { background-image: url("/lpds2/resources/images/analysis/man80_crying.png"); } .person.man90.warning { background-image: url("/lpds2/resources/images/analysis/man90_crying.png"); } .person.man100.warning { background-image: url("/lpds2/resources/images/analysis/man100_crying.png"); } .disease-icon { width: 40px; height: 40px; background-size: contain; background-position: center; background-repeat: no-repeat; } .disease-icon.D01-1 { background-image: url("/lpds2/resources/images/analysis/D01-1.png"); } .disease-icon.D01-2 { background-image: url("/lpds2/resources/images/analysis/D01-2.png"); } .disease-icon.D01-3 { background-image: url("/lpds2/resources/images/analysis/D01-3.png"); } .disease-icon.D01-4 { background-image: url("/lpds2/resources/images/analysis/D01-4.png"); } .disease-icon.D02-1 { background-image: url("/lpds2/resources/images/analysis/D02-1.png"); } .disease-icon.D02-2 { background-image: url("/lpds2/resources/images/analysis/D02-2.png"); } .disease-icon.D02-3 { background-image: url("/lpds2/resources/images/analysis/D02-3.png"); } .disease-icon.D02-4 { background-image: url("/lpds2/resources/images/analysis/D02-4.png"); } .disease-icon.D02-5 { background-image: url("/lpds2/resources/images/analysis/D02-5.png"); } .disease-icon.D03-1 { background-image: url("/lpds2/resources/images/analysis/D03-1.png"); } .disease-icon.D03-2 { background-image: url("/lpds2/resources/images/analysis/D03-2.png"); } .disease-icon.D03-3 { background-image: url("/lpds2/resources/images/analysis/D03-3.png"); } .disease-icon.D03-4 { background-image: url("/lpds2/resources/images/analysis/D03-4.png"); } .disease-icon.D03-5 { background-image: url("/lpds2/resources/images/analysis/D03-5.png"); } .disease-icon.D03-6 { background-image: url("/lpds2/resources/images/analysis/D03-6.png"); } .disease-icon.D04-1 { background-image: url("/lpds2/resources/images/analysis/D04-1.png"); } .disease-icon.D04-2 { background-image: url("/lpds2/resources/images/analysis/D04-2.png"); } .disease-icon.D04-3 { background-image: url("/lpds2/resources/images/analysis/D04-3.png"); } .disease-icon.D04-4 { background-image: url("/lpds2/resources/images/analysis/D04-4.png"); } .disease-icon.D05-1 { background-image: url("/lpds2/resources/images/analysis/D05-1.png"); } .disease-icon.D05-2 { background-image: url("/lpds2/resources/images/analysis/D05-2.png"); } .disease-icon.D05-3 { background-image: url("/lpds2/resources/images/analysis/D05-3.png"); } .disease-icon.D05-4 { background-image: url("/lpds2/resources/images/analysis/D05-4.png"); } .disease-icon.D06-1 { background-image: url("/lpds2/resources/images/analysis/D06-1.png"); } .disease-icon.D06-2 { background-image: url("/lpds2/resources/images/analysis/D06-2.png"); } .disease-icon.D06-3 { background-image: url("/lpds2/resources/images/analysis/D06-3.png"); } .disease-icon.D06-4 { background-image: url("/lpds2/resources/images/analysis/D06-4.png"); } .disease-icon.D06-5 { background-image: url("/lpds2/resources/images/analysis/D06-5.png"); } .disease-icon.D07-1 { background-image: url("/lpds2/resources/images/analysis/D07-1.png"); } .disease-icon.D07-2 { background-image: url("/lpds2/resources/images/analysis/D07-2.png"); } .disease-icon.D08-1 { background-image: url("/lpds2/resources/images/analysis/D08-1.png"); } .disease-icon.D08-2 { background-image: url("/lpds2/resources/images/analysis/D08-2.png"); } .disease-icon.D08-3 { background-image: url("/lpds2/resources/images/analysis/D08-3.png"); } .disease-icon.D08-4 { background-image: url("/lpds2/resources/images/analysis/D08-4.png"); } .disease-icon.D08-5 { background-image: url("/lpds2/resources/images/analysis/D08-5.png"); } .disease-icon.D08-6 { background-image: url("/lpds2/resources/images/analysis/D08-6.png"); } .disease-icon.D09-1 { background-image: url("/lpds2/resources/images/analysis/D09-1.png"); } .disease-icon.D09-2 { background-image: url("/lpds2/resources/images/analysis/D09-2.png"); } .disease-icon.D10-1 { background-image: url("/lpds2/resources/images/analysis/D10-1.png"); } .disease-icon.D10-2 { background-image: url("/lpds2/resources/images/analysis/D10-2.png"); } .disease-icon.D10-3 { background-image: url("/lpds2/resources/images/analysis/D10-3.png"); } .disease-icon.D10-4 { background-image: url("/lpds2/resources/images/analysis/D10-4.png"); } .disease-icon.D10-5 { background-image: url("/lpds2/resources/images/analysis/D10-5.png"); } /*------------------------------------------------------------------- @ 바른플랜 | 컬러(확인) -------------------------------------------------------------------*/ .bg--kakao { background-color: #fae100; } .bg--coral50 { background: #ffe1e1; } /*------------------------------------------------------------------- @ 바른플랜 | layout -------------------------------------------------------------------*/ .lpds2-pc .lpds2-wrap { overflow: hidden; max-width: 768px; min-width: 768px; min-height: 100%; margin: 0 auto; } .lpds2-pc .lpds2-wrap .content { width: 768px; padding-bottom: 80px; } .lpds2-pc .lpds2-wrap .section:first-child { padding-top: 50px; } .lpds2-wrap .section.section--lighten { padding-bottom: 105px !important; } .lpds2-pc .lpds2-wrap .section.section--lighten { padding-bottom: 150px !important; } .lpds2-wrap .section.section--lighten.wide-bottom { padding-bottom: 120px !important; } .lpds2-pc .lpds2-wrap .section.section--lighten.wide-bottom { padding-bottom: 150px !important; } .lpds2-wrap .tab-contents .tab-content { padding: 30px 0; } .lpds2-pc .lpds2-wrap .pop-contents .content--border .section { padding-left: 0; padding-right: 0; } .lpds2-pc .lpds2-wrap .pop-contents.content--border .section { padding-left: 0; padding-right: 0; } .lpds2-pc .lpds2-wrap .content--border .section { padding-left: 30px; padding-right: 30px; } .lpds2-pc .lpds2-wrap .content--border .section:first-child { padding-top: 50px; } .lpds2-mo .lpds2-wrap .content--border .grid-column .section:first-child { padding-top: 30px !important; } .lpds2-wrap .bottom-fixed { max-height: 80vh; overflow-y: auto; } .lpds2-pc .lpds2-wrap .bottom-fixed { width: 768px; max-width: 768px; margin: 0 auto; padding: 20px; border-radius: 16px 16px 0 0; } .lpds2-wrap .bottom-fixed.upper-type { bottom: 70px; } .lpds2-pc .lpds2-wrap .bottom-fixed.upper-type { padding: 20px 20px 40px; } @media (max-width: 367px) { .lpds2-wrap .bottom-fixed .two-btns-fixed .btn { padding: 0 0; } } .lpds2-wrap .section-intro, .lpds2-wrap .premium-share, .lpds2-wrap .section-premium-expert, .lpds2-wrap .estimate-pop-visual { position: relative; } .lpds2-wrap .section-intro:after, .lpds2-wrap .section-intro:before, .lpds2-wrap .premium-share:after, .lpds2-wrap .premium-share:before, .lpds2-wrap .section-premium-expert:after, .lpds2-wrap .section-premium-expert:before, .lpds2-wrap .estimate-pop-visual:after, .lpds2-wrap .estimate-pop-visual:before { position: absolute; top: 0; width: 30px; height: 100%; content: ''; display: block; } .lpds2-mo .lpds2-wrap .section-intro:after, .lpds2-mo .lpds2-wrap .section-intro:before, .lpds2-mo .lpds2-wrap .premium-share:after, .lpds2-mo .lpds2-wrap .premium-share:before, .lpds2-mo .lpds2-wrap .section-premium-expert:after, .lpds2-mo .lpds2-wrap .section-premium-expert:before, .lpds2-mo .lpds2-wrap .estimate-pop-visual:after, .lpds2-mo .lpds2-wrap .estimate-pop-visual:before { width: 16px; } .lpds2-wrap .section-intro:after, .lpds2-wrap .premium-share:after, .lpds2-wrap .section-premium-expert:after, .lpds2-wrap .estimate-pop-visual:after { left: -30px; } .lpds2-mo .lpds2-wrap .section-intro:after, .lpds2-mo .lpds2-wrap .premium-share:after, .lpds2-mo .lpds2-wrap .section-premium-expert:after, .lpds2-mo .lpds2-wrap .estimate-pop-visual:after { left: -16px; } .lpds2-wrap .section-intro:before, .lpds2-wrap .premium-share:before, .lpds2-wrap .section-premium-expert:before, .lpds2-wrap .estimate-pop-visual:before { right: -30px; } .lpds2-mo .lpds2-wrap .section-intro:before, .lpds2-mo .lpds2-wrap .premium-share:before, .lpds2-mo .lpds2-wrap .section-premium-expert:before, .lpds2-mo .lpds2-wrap .estimate-pop-visual:before { right: -16px; } .lpds2-pc .lpds2-wrap .estimate-pop-visual:after, .lpds2-pc .lpds2-wrap .estimate-pop-visual:before { display: none; } .lpds2-wrap .section-premium-expert:after, .lpds2-wrap .section-premium-expert:before, .lpds2-wrap .section-intro:after, .lpds2-wrap .section-intro:before { background-color: #F2F4F6; } .lpds2-wrap .premium-share:after, .lpds2-wrap .premium-share:before { background: linear-gradient(to bottom, white, #C4E8D0); } .lpds2-wrap .estimate-pop-visual:after, .lpds2-wrap .estimate-pop-visual:before { background: linear-gradient(to bottom, white, #B8E8F9); } .lpds2-wrap .section-bottom { margin-bottom: 50px !important; } .lpds2-mo .lpds2-wrap .section-disease:first-child { margin-top: 50px !important; } .lpds2-wrap .section-analysis .section + .section--border { margin-top: 0px; } /*------------------------------------------------------------------- @ 바른플랜 | 컴포넌트 -------------------------------------------------------------------*/ .lpds2-wrap .img-area { text-align: center; } .lpds2-wrap .img-area > img { max-width: 335px; width: 100%; } .lpds2-pc .lpds2-wrap .img-area > img { max-width: 400px; } .lpds2-wrap .summary-list li { position: relative; display: flex; align-items: baseline; justify-content: space-between; margin-top: 8px; } .lpds2-wrap .summary-list li:first-child { margin-top: 0; } .lpds2-pc .lpds2-wrap .summary-list li:first-child { margin-top: 0; } .lpds2-pc .lpds2-wrap .summary-list li { margin-top: 12px; } .lpds2-wrap .summary-list__title { flex: 0 1 auto; padding-right: 10px; font-weight: 400; color: #6A8294; } .lpds2-wrap .summary-list__cont { flex: 0 1 auto; padding-left: 10px; text-align: right; } .lpds2-wrap .summary-tb-wrap .summary-tb.hidden { position: relative; max-height: 355px; overflow: hidden; } .lpds2-wrap .summary-tb-wrap .summary-tb.hidden::after { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 67px; background-image: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0)); } .lpds2-wrap .summary-tb-wrap .btn-summary-more { display: block; width: 100%; padding: 10px 0; box-sizing: border-box; margin-bottom: -25px; } .lpds2-wrap .summary-tb-wrap .btn-summary-more .icon { transition: .2s; margin-left: 4px; } .lpds2-wrap .summary-tb-wrap .btn-summary-more.active .icon { transform: rotate(180deg); } .lpds2-wrap .summary-tb > li + li { margin-top: 20px; } .lpds2-wrap .summary-tb--border > li { padding: 20px 0 30px; } .lpds2-wrap .summary-tb--border > li:first-child { padding-top: 0; } .lpds2-wrap .summary-tb--border > li + li { border-top: 1px solid #DDE4E9; margin: 0; } .lpds2-wrap .summary-tb .cover-list__cell.fs-sm { text-align: left; color: #456071; } .lpds2-wrap .summary-tb .cover-list__cell.fs-sm, .lpds2-wrap .summary-tb .cover-list__cell.auto { padding: 4px 0; } .lpds2-wrap .summary-tb .cover-list__cell.tit { width: auto; text-align: left; padding-left: 0; } .lpds2-wrap .summary-tb .cover-list__cell.tit [class*="icon-bullet-list"] { position: relative; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; background-color: #F2F4F6; background-size: 20px; } .lpds2-wrap .summary-tb .cover-list .possess-graph { padding-bottom: 0; margin-top: 0; padding-left: 30px; } .lpds2-wrap .summary-tb .cover-list .possess-graph__bg .bar::before { content: none; } .lpds2-wrap .summary-tb .cover-list__tit + .cover-list { margin-top: 8px; padding-left: 28px; box-sizing: border-box; } .lpds2-wrap .summary-tb .cover-list + .cover-list { margin-top: 8px; } .lpds2-wrap .bubble-btn { display: inline-block; border-radius: 24px; position: relative; margin-top: 8px; } .lpds2-wrap .bubble-btn.bg--primary100:before { background-color: #C4E8D0; } .lpds2-wrap .bubble-btn:before { display: block; content: ''; position: absolute; top: -4px; left: 36px; width: 12px; height: 12px; transform: rotate(45deg); } .lpds2-wrap .bubble-btn a { display: inline-block; padding: 10px 12px 12px; } .lpds2-wrap .bubble-btn a .icon.icon-graphic-fee { animation: moneyAni 3s infinite; } .lpds2-wrap .bubble-btn a b { margin-left: 8px; margin-right: 8px; display: inline-block; transform: translateY(1px); } @keyframes moneyAni { 0%, 100% { transform: rotateY(0deg); } 30% { transform: rotateY(180deg); } 60% { transform: rotateY(0deg); } } .lpds2-wrap .speech-bubble { display: inline-block; position: relative; background-color: #8454C6; color: #FFFFFF; height: 24px; line-height: 24px; border-radius: 12px; text-align: center; padding: 0 16px; font-size: 12px; } .lpds2-pc .lpds2-wrap .speech-bubble { font-size: 14px; height: 26px; line-height: 26px; } .lpds2-wrap .speech-bubble:after { display: block; content: ""; width: 0; height: 0; position: absolute; left: 4px; bottom: -7px; border-top: 6px solid #8454C6; border-bottom: 6px solid transparent; border-right: 6px solid #8454C6; border-left: 6px solid transparent; } .lpds2-wrap .message { position: absolute; display: inline-block; z-index: 1; animation: moveMessage 1s infinite; } .lpds2-pc .lpds2-wrap .message { font-size: 14px; } .lpds2-wrap .message b { position: relative; font-weight: 400; } .lpds2-wrap .message b:after { display: block; content: ''; position: absolute; } .lpds2-wrap .message--type1 { background-color: #8454C6; font-size: 12px; padding: 0 12px; border-radius: 12px; margin-top: -15px; height: 24px; line-height: 24px; left: 15px; animation: none; } .lpds2-wrap .message--type1.text--white { background-color: #8454C6; } .lpds2-wrap .message--type1 b { color: #FFFFFF; font-weight: 400; z-index: 2; } .lpds2-wrap .message--type1:after { display: block; content: ''; position: absolute; left: -3px; bottom: -8px; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-left: 12px solid transparent; border-right: 12px solid #8454C6; } .lpds2-wrap .message--type1-right { animation: moveMessage 1s infinite; } .lpds2-wrap .message--type1-right:after { right: 0; left: auto; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-left: 12px solid #8454C6; border-right: 12px solid transparent; } .lpds2-wrap .message--type2 { background-color: #28A65B; font-size: 12px; padding: 0 18px; border-radius: 12px; margin-top: -30px; height: 24px; line-height: 24px; right: 10px; } .lpds2-wrap .message--type2.text--white { background-color: #28A65B; } .lpds2-wrap .message--type2 b { color: #FFFFFF; font-weight: 400; z-index: 2; } .lpds2-wrap .message--type2:after { display: block; content: ''; position: absolute; right: -3px; bottom: -9px; border-bottom: 14px solid transparent; border-top: 14px solid transparent; border-left: 14px solid #28A65B; border-right: 14px solid transparent; } .lpds2-wrap .message--type3 { background-color: #28A65B; font-size: 12px; padding: 0 12px; border-radius: 12px; margin-top: -15px; height: 24px; line-height: 24px; left: 15px; animation: moveMessage 1s infinite; } .lpds2-pc .lpds2-wrap .message--type3 { font-size: 14px; border-radius: 16px; height: 28px; line-height: 28px; } .lpds2-wrap .message--type3.text--white { background-color: #28A65B; } .lpds2-wrap .message--type3 b { color: #FFFFFF; font-weight: 400; z-index: 2; } .lpds2-wrap .message--type3:after { display: block; content: ''; position: absolute; left: 115px; bottom: -8px; border-bottom: 12px solid transparent; border-top: 12px solid transparent; border-left: 12px solid #28A65B; border-right: 12px solid transparent; } @keyframes moveMessage { 0% { transform: translateY(0px); } 50% { transform: translateY(-3px); } 100% { transform: translateY(0px); } } .lpds2-wrap .text-add { margin-top: -16px; padding: 20px; box-sizing: border-box; background: #F2F4F6; border-radius: 0 0 16px 16px; } .lpds2-wrap .bounce-updown i { width: 2px; display: inline-block; } .lpds2-wrap .bounce-updown span { margin-right: -3px; animation: bounceUpDown 3s infinite; display: inline-block; } .lpds2-pc .lpds2-wrap .bounce-updown span { margin-right: -3.5px; } .lpds2-wrap .bounce-updown span:nth-child(1) { animation-delay: 0s; } .lpds2-wrap .bounce-updown span:nth-child(2) { animation-delay: 0.02s; } .lpds2-wrap .bounce-updown span:nth-child(3) { animation-delay: 0.04s; } .lpds2-wrap .bounce-updown span:nth-child(4) { animation-delay: 0.06s; } .lpds2-wrap .bounce-updown span:nth-child(5) { animation-delay: 0.08s; } .lpds2-wrap .bounce-updown span:nth-child(6) { animation-delay: 0.10s; } .lpds2-wrap .bounce-updown span:nth-child(7) { animation-delay: 0.12s; } .lpds2-wrap .bounce-updown span:nth-child(8) { animation-delay: 0.14s; } .lpds2-wrap .bounce-updown span:nth-child(9) { animation-delay: 0.16s; } .lpds2-wrap .bounce-updown span:nth-child(10) { animation-delay: 0.18s; } .lpds2-wrap .bounce-updown span:nth-child(11) { animation-delay: 0.20s; } .lpds2-wrap .bounce-updown span:nth-child(12) { animation-delay: 0.22s; } .lpds2-wrap .bounce-updown span:nth-child(13) { animation-delay: 0.24s; } .lpds2-wrap .bounce-updown span:nth-child(14) { animation-delay: 0.26s; } .lpds2-wrap .bounce-updown span:nth-child(15) { animation-delay: 0.28s; } .lpds2-wrap .bounce-updown span:nth-child(16) { animation-delay: 0.30s; } .lpds2-wrap .bounce-updown span:nth-child(17) { animation-delay: 0.32s; } .lpds2-wrap .bounce-updown span:nth-child(18) { animation-delay: 0.34s; } .lpds2-wrap .bounce-updown span:nth-child(19) { animation-delay: 0.36s; } .lpds2-wrap .bounce-updown span:nth-child(20) { animation-delay: 0.38s; } .lpds2-wrap .bounce-updown span:nth-child(21) { animation-delay: 0.40s; } .lpds2-wrap .bounce-updown span:nth-child(22) { animation-delay: 0.42s; } @keyframes bounceUpDown { 0%, 100% { transform: translateY(0); } 10% { transform: translateY(-3px); } 20% { transform: translateY(0); } } .lpds2-wrap .discount-loading-area { position: relative; } .lpds2-wrap .discount-loading-area .skeleton { position: absolute; top: calc(50% - 5px); left: 50%; transform: translate(-50%, -50%); background-color: #F2F4F6; border-radius: 10px; overflow: hidden; z-index: 2; width: 100%; height: 100%; } .lpds2-wrap .discount-loading-area .skeleton::after { content: ''; position: absolute; top: -100px; left: -150%; width: 150px; height: 200%; background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); transform: rotate(25deg); animation: diagonal-shimmer 1.5s infinite; filter: blur(20px); } .lpds2-wrap .discount-loading-area .skeleton-icon { position: relative; overflow: hidden; z-index: 2; display: block; } .lpds2-wrap .discount-loading-area .skeleton-icon::after { content: ''; position: absolute; top: 0; left: 0; width: 150px; height: 200%; background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); transform: rotate(25deg); animation: diagonal-shimmer 1.5s infinite; filter: blur(20px); } .lpds2-wrap .discount-loading-area .skeleton-icon .icon { background-image: none; } .lpds2-wrap .discount-loading-area .skeleton-icon .corp-logo { background-image: none; } .lpds2-wrap .discount-loading-area .skeleton-icon.corp-logo { background-image: none; } .lpds2-wrap .discount-loading-area.done .skeleton { display: none; } .lpds2-wrap .skeleton-text { position: relative; background-color: #F2F4F6; border-radius: 8px; color: #F2F4F6; overflow: hidden; display: inline-block; vertical-align: middle; transform: translateY(-2px); padding: 2px; color: transparent !important; } .lpds2-wrap .skeleton-text::after { content: ''; position: absolute; top: -15px; left: -150%; width: 30px; height: 200%; background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%); transform: rotate(25deg); animation: diagonal-shimmer 1.5s infinite; filter: blur(10px); } .lpds2-wrap .skeleton-text .icon { background-image: none; } .lpds2-wrap .skeleton-text .message { display: none; } .lpds2-wrap .skeleton-premium { position: relative; background-color: #f2f4f600; border-radius: 8px; overflow: hidden; transform: translateY(-2px); } .lpds2-wrap .section-insurance-loading .skeleton-text { margin-bottom: 2px; } .lpds2-wrap .box-border .skeleton-text { width: 80px; } .lpds2-mo .lpds2-wrap .box-border .skeleton-text { width: 40px; height: 25px; } @media (max-width: 367px) { .lpds2-wrap .box-border .skeleton-text { width: 23px; height: 20px; } } .lpds2-wrap .analysis-tab .discount-loading-area .skeleton-icon { display: none; } .lpds2-wrap .analysis-tab .skeleton-text { width: 80px; height: 45px; margin: 0 auto; } .lpds2-wrap .analysis-tab__tab.done .discount-loading-area a span { color: #293A46 !important; } .lpds2-wrap .analysis-tab__tab.done .discount-loading-area .on span { color: #158244 !important; } .lpds2-wrap .analysis-tab__tab.done .discount-loading-area .skeleton-icon { position: relative; overflow: hidden; z-index: 2; display: block; } .lpds2-wrap .analysis-tab__tab.done .discount-loading-area .skeleton-icon::after { content: ''; display: none; } .lpds2-wrap .analysis-tab__tab.done .discount-loading-area .skeleton-icon .icon { background-image: none; } .lpds2-wrap .analysis-tab__tab.done .skeleton-text { color: inherit; background-color: inherit; padding: 0; margin-bottom: 0; transform: translateY(0); border-radius: 0; width: auto !important; height: auto !important; } .lpds2-wrap .analysis-tab__tab.done .skeleton-text::after { display: none; } .lpds2-wrap .analysis-tab__tab.done span { margin-top: 6px; } .lpds2-wrap .section.done .skeleton-text, .lpds2-wrap .section__box.done .skeleton-text { color: inherit !important; background-color: inherit; padding: 0; margin-bottom: 0; transform: translateY(0); border-radius: 0; } .lpds2-wrap .section.done .skeleton-text::after, .lpds2-wrap .section__box.done .skeleton-text::after { display: none; } .lpds2-wrap .section.done .skeleton-text.text--primary, .lpds2-wrap .section__box.done .skeleton-text.text--primary { color: #28A65B !important; } .lpds2-wrap .section.done .skeleton-text.text--orange900, .lpds2-wrap .section__box.done .skeleton-text.text--orange900 { color: #F06300 !important; } .lpds2-wrap .section.done .discount-loading-area .skeleton, .lpds2-wrap .section__box.done .discount-loading-area .skeleton { display: none; } .lpds2-wrap .bottom-fixed.done .skeleton-text { color: #fff !important; background-color: #fff; } .lpds2-wrap .bottom-fixed.done .skeleton-text::after { display: none; } .lpds2-wrap .tab-list-wrap.done .skeleton-text { color: inherit !important; background-color: inherit; padding: 0; } .lpds2-wrap .tab-list-wrap.done .skeleton-text::after { display: none; } @keyframes diagonal-shimmer { 0% { left: -150%; } 100% { left: 150%; } } .lpds2-wrap .img { flex-shrink: 0; } .lpds2-wrap .img .person { position: relative; width: 88px; height: 88px; background-color: #F2F4F6; } .lpds2-mo .lpds2-wrap .img .person { width: 63px; height: 63px; } .lpds2-wrap .img .person .effect { position: relative; display: block; width: 100%; height: 100%; border-radius: 100%; overflow: hidden; } .lpds2-wrap .img .person.fine.on .effect::after, .lpds2-wrap .img .person.fine.on .effect::before { position: absolute; display: block; content: ''; width: 10px; height: 10px; background-image: url(/lpds2/resources/images/analysis/icon_twinkle.png); background-size: cover; opacity: .2; transform: scale(0.6); animation: twinkle .6s ease-in alternate infinite; } .lpds2-wrap .img .person.fine.on .effect::before { top: 18px; right: 15px; transform: scale(1); } .lpds2-wrap .img .person.fine.on .effect::after { bottom: 20px; left: 13px; animation-delay: .3s; transform: scale(1); } .lpds2-wrap .img .person.warning.on::after { position: absolute; display: block; content: ''; width: 3px; height: 20px; background-color: #456071; border-radius: 4px; top: 10px; right: 26px; opacity: 0; animation: worryStick .5s ease-in alternate forwards; } .lpds2-mo .lpds2-wrap .img .person.warning.on::after { top: 0px; right: 22px; } .lpds2-wrap .img .person.warning.on .effect::after, .lpds2-wrap .img .person.warning.on .effect::before { position: absolute; display: block; content: ''; width: 3px; height: 20px; background-color: #456071; border-radius: 4px; opacity: 0; animation: worryStick .5s ease-in alternate forwards; animation-delay: .2s; } .lpds2-wrap .img .person.warning.on .effect::before { top: 15px; right: 20px; } .lpds2-mo .lpds2-wrap .img .person.warning.on .effect::before { top: 5px; right: 16px; } .lpds2-wrap .img .person.warning.on .effect::after { top: 22px; right: 14px; animation-delay: .2s; } .lpds2-mo .lpds2-wrap .img .person.warning.on .effect::after { top: 12px; right: 10px; } /*------------------------------------------------------------------- @ 보험 가이드라인 | NG00005S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .cx-guide-page .icon-logo-lp { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.15; background-size: 214px auto; width: 214px; height: 214px; } .lpds2-wrap .cx-back-page { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 201; } .lpds2-wrap .cx-back-page > div { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); } .lpds2-wrap .cx-back-page > div img { width: 354px; } .lpds2-wrap .cx-back-page > div h2 { margin: 30px 0 0; padding: 0 0 50px; } /*------------------------------------------------------------------- @ 보장채우기 팝업 | NG00005L.jsp -------------------------------------------------------------------*/ .lpds2-mo .lpds2-wrap.pop-coverage .section--scroll { max-height: 87vh; } .lpds2-wrap .customer-info { position: relative; } .lpds2-wrap .customer-info__head { gap: 10px; align-items: center !important; } .lpds2-pc .lpds2-wrap .customer-info__head { gap: 16px; } .lpds2-wrap .customer-info__head .person { width: 60px; height: 60px; background-color: #7A8DAC; } .lpds2-wrap .customer-info__content .list { display: flex; flex-wrap: wrap; gap: 8px; } .lpds2-wrap .customer-info__content .list > li { display: inline-flex; background-color: #DDE4E9; border-radius: 17px; padding: 0 12px; height: 36px; align-items: center; text-align: center; gap: 4px; } .lpds2-wrap .counseling-product .radiobox__label { padding: 0 20px !important; font-weight: 400 !important; color: #6A8294; } .lpds2-wrap .counseling-product .radiobox__label .icon { margin-right: 12px; } .lpds2-wrap .counseling-product .radiobox__label:before { left: auto !important; right: 20px; background: none !important; background-size: 20px 20px !important; } .lpds2-wrap .counseling-product .radiobox input[type='radio']:checked + label { font-weight: 700 !important; color: #28A65B; } .lpds2-wrap .counseling-product .radiobox input[type='radio']:checked + label:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m2 8.423 3.705 4.373L14 4' stroke='%2328A65B' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-size: cover; } /* 라플앱 진입 시 */ .custom-app .lpds2-wrap .analysis-tab__tab a { padding: 16px 0 26px; } .custom-app .lpds2-wrap .bottom-fixed.upper-type { bottom: 82px; } .custom-app .lpds2-wrap .section-dsearch { padding-bottom: 50px !important; } .custom-app.lpds2-mo .lpds2-wrap .section.section-estimatetab-last { padding-bottom: 130px !important; } /*------------------------------------------------------------------- @ 서비스소개 | NG01000S.jsp -------------------------------------------------------------------*/ .lpds2-wrap.analysis-service .content { padding-top: 0; padding-bottom: 0; } .lpds2-wrap.analysis-service .bg--kakao { overflow: inherit; } .lpds2-wrap.analysis-service .bg--kakao .speech-bubble { position: absolute; top: -10px; left: 30%; transform: translate(-50%, 0); } .lpds2-wrap.analysis-service .section-intro { background-color: #F2F4F6; position: relative; } .lpds2-pc .lpds2-wrap.analysis-service .section-intro { padding-top: 50px; margin-top: -50px; } .lpds2-wrap.analysis-service .section-intro .intro-lottie { position: relative; margin: 24px auto 0; width: 160px; } .lpds2-wrap.analysis-service .section-intro .intro-lottie__bg { position: absolute; left: 0; top: 0; width: 80px; height: 134px; background: url(/lpds2/resources/images/analysis/img_intro_question.png) no-repeat center center/cover; } .lpds2-wrap.analysis-service .section-intro .intro-lottie__player { padding-top: 32px; margin-left: 8px; height: 154px; overflow: hidden; } .lpds2-pc .lpds2-wrap.analysis-service .insurance-list { width: 500px; margin: 0 auto; } .lpds2-wrap.analysis-service .insurance-list__prod { background-color: #FFFFFF; position: relative; } .lpds2-wrap.analysis-service .insurance-list__prod .corp-logo { position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); } .lpds2-wrap.analysis-service .insurance-list__prod .text { padding-left: 64px; box-sizing: border-box; } .lpds2-wrap.analysis-service .insurance-list__prod .text p { font-size: 12px; color: #6A8294; } .lpds2-wrap.analysis-service .insurance-list__prod .text span { font-weight: 700; margin-top: 2px; display: block; } .lpds2-wrap.analysis-service .insurance-list .total-premium { font-weight: 700; padding-top: 4px; } .lpds2-wrap.analysis-service .insurance-list .total-premium__premium { text-align: right; } .lpds2-wrap.analysis-service .insurance-list .premium { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); font-weight: 700; } .lpds2-pc .lpds2-wrap.analysis-service .age-box { width: 500px; margin: 0 auto; } .lpds2-wrap.analysis-service .age-box .person { width: 100px; height: 100px; border-radius: 50%; background-color: #18262F; margin: 0 auto; } .lpds2-wrap.analysis-service .age-box .text { font-size: 20px; font-weight: 700; text-align: center; } .lpds2-wrap.analysis-service .age-box .text span { border-bottom: 1px solid #171717; } .lpds2-pc .lpds2-wrap.analysis-service .diagnosis { width: 500px; margin: 0 auto; } .lpds2-pc .lpds2-wrap.analysis-service .diagnosis .tag { transform: translateY(-2px); } .lpds2-wrap.analysis-service .kakao-chat { border-radius: 32px; padding: 20px; box-sizing: border-box; background-color: #A6C2D3; max-width: 300px; margin: 0 auto; } .lpds2-pc .lpds2-wrap.analysis-service .kakao-chat { max-width: 500px; } .lpds2-wrap.analysis-service .kakao-chat .col:nth-child(2) p { animation-delay: 0.4s; } .lpds2-wrap.analysis-service .kakao-chat .col:nth-child(3) p { animation-delay: 0.8s; } .lpds2-wrap.analysis-service .kakao-chat .col:nth-child(4) p { animation-delay: 1.2s; } .lpds2-wrap.analysis-service .kakao-chat.done p { animation: opacityShow 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards, bottomUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .lpds2-wrap.analysis-service .kakao-chat p { padding: 12px 15px; border-radius: 16px; display: inline-block; opacity: 0; } .lpds2-wrap.analysis-service .kakao-chat .send { background-color: #FFE600; } .lpds2-pc .lpds2-wrap.analysis-service .kakao-chat .send br { display: none; } .lpds2-wrap.analysis-service .kakao-chat .reception { background-color: #F2F4F6; } /*------------------------------------------------------------------- @ 본인확인 | NG01100S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .timer { padding: 0 10px; font-size: 16px; font-weight: 700; } .lpds2-wrap .load-cert > div { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); text-align: center; } .lpds2-wrap .load-cert__img { width: 72px; height: 72px; display: block; margin: 0 auto; position: relative; } .lpds2-wrap .load-cert__img .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lpds2-wrap .load-cert__img:after { display: block; content: ''; width: 72px; height: 72px; background-image: url("/lpds2/resources/images/analysis/icon_loading_wrap.png"); position: absolute; top: 0; left: 0; background-size: cover; z-index: -1; animation: certLoadAni 1.2s linear infinite; transform-origin: 50% 50%; } @keyframes certLoadAni { 100% { transform: rotate(360deg); } } /*------------------------------------------------------------------- @ 탭 | NG01200S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .container-tab .content { padding-top: 0; } .lpds2-pc .lpds2-wrap .container-tab .section:first-child { padding-top: 50px; } .lpds2-wrap .container-tab .section-insurance { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } .lpds2-wrap .container-tab .section-insurance .tab-content { padding-top: 0 !important; } .lpds2-wrap .container-tab .section-estimate { padding-top: 50px !important; } .lpds2-pc .lpds2-wrap .container-tab .content--border .section { padding-left: 30px; padding-right: 30px; } .lpds2-pc .lpds2-wrap .container-tab .content--border .section:first-child { padding-top: 50px; } .lpds2-mo .lpds2-wrap .container-tab .content--border .grid-column .section:first-child { padding-top: 30px !important; } .skeleton-wrap.lpds2-wrap .skeleton-box { position: relative; color: transparent !important; pointer-events: none; user-select: none; } .skeleton-wrap.lpds2-wrap .skeleton-box > *:not(.skeleton-line) { opacity: 0 !important; position: relative; z-index: 0; } .skeleton-wrap.lpds2-wrap .skeleton-box .skeleton-line { position: relative; z-index: 1; } .skeleton-wrap.lpds2-wrap .skeleton-box.skeleton-avatar { width: 69px; height: 69px; border-radius: 50%; background-color: #DDE4E9; overflow: hidden; } .lpds2-pc .skeleton-wrap.lpds2-wrap .skeleton-box.skeleton-avatar { width: 88px; height: 88px; } .skeleton-wrap.lpds2-wrap .skeleton-box.skeleton-avatar::before, .skeleton-wrap.lpds2-wrap .skeleton-box.skeleton-avatar::after { display: none !important; content: none !important; } .skeleton-wrap.lpds2-wrap .skeleton-box.skeleton-avatar::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); background-repeat: no-repeat; background-size: 200% 100%; animation: shimmer 1.5s infinite linear; } .skeleton-wrap.lpds2-wrap .skeleton-line { height: 30px; margin-bottom: 0.4em; border-radius: 4px; background-color: #DDE4E9; position: relative; overflow: hidden; width: 70%; } .skeleton-wrap.lpds2-wrap .skeleton-line.tab-area { width: 80% !important; height: 25px !important; margin: 16px !important; } .lpds2-pc .skeleton-wrap.lpds2-wrap .skeleton-line.tab-area { margin: 16px !important; } .lpds2-mo .skeleton-wrap.lpds2-wrap .skeleton-line.tab-area { margin: 16px 0 !important; } .skeleton-wrap.lpds2-wrap .skeleton-line.short { width: 50%; } .skeleton-wrap.lpds2-wrap .skeleton-line.long { width: 80%; } .skeleton-wrap.lpds2-wrap .skeleton-line::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); background-repeat: no-repeat; background-size: 200% 100%; animation: shimmer 1.5s infinite linear; } @keyframes shimmer { 100% { transform: translateX(100%); } } .skeleton-wrap.lpds2-wrap .section-insurance { margin-top: 90px; } .skeleton-wrap.lpds2-wrap .section-analysis .tab-list__btn::after { background-color: transparent !important; } .skeleton-wrap.lpds2-wrap .section-analysis .js-active::after { background-color: transparent !important; } .skeleton-wrap.lpds2-wrap .section-analysis .summary-tb-wrap .btn-summary-more { display: none !important; } .skeleton-wrap.lpds2-wrap .section-analysis .d-coverage { border-radius: 0 !important; } .skeleton-wrap.lpds2-wrap .load-pop-wrap { position: fixed; top: 30px; left: 50%; transform: translate(-50%, 0%); width: 92%; z-index: 5; } .lpds2-pc .skeleton-wrap.lpds2-wrap .load-pop-wrap { width: 768px; top: 36px; } .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont { border: 1px solid #28A65B; background: white; padding: 16px; border-radius: 50px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25); } .lpds2-pc .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont { padding: 20px 30px; } .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont.col { display: flex; align-items: center; font-weight: bold; color: #28A65B; } .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont .timer { background-color: transparent; box-shadow: inset 0px 0px 0px 2px #28A65B; border-radius: 50%; position: relative; } .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont .timer:after, .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont .timer:before { position: absolute; content: ""; background-color: #28A65B; } .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont .timer:after { width: 7px; height: 2px; top: 9px; left: 9px; transform-origin: 1px 1px; animation: minhand 2s linear infinite; } .lpds2-pc .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont .timer:after { width: 8px; height: 2px; top: 11px; left: 11px; } .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont .timer:before { transform-origin: 1px 1px; animation: hrhand 8s linear infinite; } .lpds2-pc .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont .timer:before { width: 8px; height: 2px; top: 11px; left: 11px; } .skeleton-wrap.lpds2-wrap .load-pop-wrap .load-pop-cont #progress-text { font-weight: bold; color: #28A65B; } @keyframes minhand { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes hrhand { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lpds2-wrap .analysis-tab { padding: 0 !important; background: none !important; overflow-y: inherit !important; } .lpds2-wrap .analysis-tab__btn { padding: 0 20px 16px; box-sizing: border-box; } .lpds2-wrap .analysis-tab__tab { padding: 0 !important; background-color: #FFFFFF; border-radius: 16px 16px 0 0; text-align: center; box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); } .lpds2-wrap .analysis-tab__tab .icon { margin: 0 auto; } .lpds2-wrap .analysis-tab__tab span { display: block; font-size: 12px; font-weight: 500; margin-top: 6px; color: #293A46; opacity: 0.5; } .lpds2-pc .lpds2-wrap .analysis-tab__tab span { font-size: 14px; margin-top: 8px; } .lpds2-wrap .analysis-tab__tab a { display: block; padding: 16px 0 12px; } .lpds2-pc .lpds2-wrap .analysis-tab__tab a { padding: 16px 0; } .lpds2-wrap .analysis-tab__tab a.on span { font-weight: 500; color: #158244; opacity: 1; } .lpds2-wrap .analysis-tab__tab a.on .icon { animation: tabAni 0.1s linear 1; } .lpds2-wrap .analysis-tab__tab a.on .icon-tab-insurance { background-image: url("data:image/svg+xml,%3Csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20fill='none'%20fill-rule='evenodd'%3E%3Cpath%20d='m20.288%205.085-7.152-3.771a2.713%202.713%200%200%200-2.535%200L3.46%205.082A2.744%202.744%200%200%200%202%207.497c-.024%2011.958%206.958%2014.807%209.192%2015.413.444.12.912.12%201.356%200%202.235-.606%209.217-3.455%209.192-15.417a2.73%202.73%200%200%200-1.452-2.408'%20fill='%23158244'/%3E%3Cpath%20d='m20.288%205.085-7.152-3.771a2.713%202.713%200%200%200-2.535%200L3.46%205.082A2.744%202.744%200%200%200%202%207.497c-.024%2011.958%206.958%2014.807%209.192%2015.413.444.12.912.12%201.356%200%202.235-.606%209.217-3.455%209.192-15.417a2.73%202.73%200%200%200-1.452-2.408z'%20stroke='%23158244'%20stroke-width='2'/%3E%3Cpath%20stroke='%23FFF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='m7.574%2012.754%202.822%202.76%205.77-6.899'/%3E%3Cpath%20d='M0%200h24v24H0z'/%3E%3C/g%3E%3C/svg%3E"); } .lpds2-wrap .analysis-tab__tab a.on .icon-tab-analysis { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23158244' fill-rule='evenodd'%3E%3Cpath d='M2.5 23c-.827 0-1.5-.673-1.5-1.5v-19C1 1.673 1.673 1 2.5 1S4 1.673 4 2.5v19c0 .827-.673 1.5-1.5 1.5'/%3E%3Cpath d='M2.5 0A2.503 2.503 0 0 0 0 2.5v19C0 22.878 1.122 24 2.5 24 3.879 24 5 22.878 5 21.5v-19C5 1.122 3.879 0 2.5 0m0 2a.5.5 0 0 1 .5.5v19a.5.5 0 0 1-1 0v-19a.5.5 0 0 1 .5-.5M12 23c-.827 0-1.5-.673-1.5-1.5v-11c0-.827.673-1.5 1.5-1.5s1.5.673 1.5 1.5v11c0 .827-.673 1.5-1.5 1.5'/%3E%3Cpath d='M12 8a2.503 2.503 0 0 0-2.5 2.5v11c0 1.378 1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5v-11C14.5 9.122 13.378 8 12 8m0 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5M21.5 23c-.827 0-1.5-.673-1.5-1.5v-6c0-.827.673-1.5 1.5-1.5s1.5.673 1.5 1.5v6c0 .827-.673 1.5-1.5 1.5'/%3E%3Cpath d='M21.5 13a2.503 2.503 0 0 0-2.5 2.5v6c0 1.378 1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5v-6c0-1.378-1.122-2.5-2.5-2.5m0 2a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0v-6a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3C/svg%3E"); } .lpds2-wrap .analysis-tab__tab a.on .icon-tab-estimate { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11' fill='%23158244'/%3E%3Cpath d='M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11z' stroke='%23158244' stroke-width='2'/%3E%3Cpath stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m6.395 8.486 2.334 8.029M11.195 8.493l-2.334 8.029'/%3E%3Cpath d='M12.536 14.727c.011 1.55.894 2.426 2.503 2.426.841 0 1.304-.106 1.903-.548.494-.408.78-1.062.78-1.948 0-1.504-.938-1.901-2.074-2.345-1.209-.466-2.197-.793-2.197-2.075 0-.933.81-1.587 1.735-1.587.8 0 1.62.397 1.672 1.377h.726c-.01-.747-.379-1.318-.915-1.645-.463-.291-.873-.408-1.515-.408-1.22 0-2.407.828-2.407 2.368 0 1.492.967 2.006 2.03 2.379 1.43.595 2.228.828 2.228 1.994 0 1.178-.989 1.76-1.86 1.76-.979 0-1.894-.431-1.862-1.748h-.747z' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E"); } .lpds2-wrap .analysis-tab__tab a.on .icon-tab-disease { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 11.999c0 6.628 5.373 12 12 12 6.626 0 11.999-5.372 11.999-12C23.999 5.373 18.626 0 12 0z' id='nvok35gaaa'/%3E%3Cpath d='m6.175.798-.74 2.118h-1.09L3.603.798c-.214-.61-.899-.943-1.544-.737-.641.203-.987.863-.773 1.474l.481 1.381h-.544C.547 2.916 0 3.438 0 4.083S.547 5.25 1.223 5.25h1.359L3.73 8.535c.167.477.632.798 1.159.798s.994-.32 1.158-.798l1.15-3.285h.273l1.15 3.285c.164.477.632.798 1.158.798.527 0 .992-.32 1.159-.798l1.148-3.285h1.36c.676 0 1.222-.522 1.222-1.167s-.546-1.167-1.222-1.167H12.9l.482-1.38c.214-.612-.133-1.272-.773-1.475-.645-.206-1.331.126-1.545.737l-.741 2.118h-1.09L8.492.798C8.328.32 7.86 0 7.334 0c-.527 0-.992.32-1.159.798z' id='njt37081cc'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg%3E%3Cmask id='o3xmvcd58b' fill='%23fff'%3E%3Cuse xlink:href='%23nvok35gaaa'/%3E%3C/mask%3E%3Cpath fill='%23158244' mask='url(%23o3xmvcd58b)' d='M-.667 24.666h25.334V-.668H-.667z'/%3E%3C/g%3E%3Cpath d='M18.111 10.25h-.545l.482-1.382c.213-.61-.132-1.27-.773-1.474-.644-.207-1.331.126-1.545.737l-.741 2.118h-1.09l-.741-2.118c-.164-.478-.632-.798-1.158-.798-.527 0-.993.32-1.159.798L10.1 10.25H9.01l-.741-2.118c-.214-.61-.899-.944-1.545-.737-.64.203-.986.863-.772 1.474l.481 1.381h-.545c-.675 0-1.221.521-1.221 1.167 0 .645.546 1.166 1.221 1.166h1.361l1.147 3.286c.167.477.632.798 1.159.798s.994-.32 1.159-.798l1.149-3.286h.273l1.15 3.286c.165.477.632.798 1.158.798.527 0 .992-.32 1.159-.798l1.148-3.286h1.36c.676 0 1.222-.52 1.222-1.166 0-.646-.546-1.167-1.222-1.167' fill='%23FFF'/%3E%3Cg transform='translate(4.666 7.333)'%3E%3Cmask id='ggggb0b1md' fill='%23fff'%3E%3Cuse xlink:href='%23njt37081cc'/%3E%3C/mask%3E%3Cpath fill='%23FFF' mask='url(%23ggggb0b1md)' d='M-.666 10h16V-.81h-16z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); } @keyframes tabAni { 0% { transform: scale(0.1); } 100% { transform: scale(1); } } /*------------------------------------------------------------------- @ 로딩화면 | NG01301S.jsp -------------------------------------------------------------------*/ .load-area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 200; } .load-area.load-design { z-index: 100000000; } .load-design__magnifier { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .load-design__magnifier .magnifier-motion { position: relative; width: 160px; height: 160px; margin: 0 auto; } .load-design__magnifier .magnifier-motion .magnifier { position: absolute; top: 100%; left: 100%; transform: translate(-50%, -50%); width: 160px; height: 160px; background: url(/lpds2/resources/images/analysis/img_magnifier.png) center center/cover; offset-rotate: 0deg; offset-path: path("M 0,10 a 10,10 0 1,0 20,0 a 10,10 0 1,0 -20,0"); animation: magnifierSpin 2.2s linear infinite; } .load-design__magnifier .magnifier-motion .icon-quick-insurance { position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); transform: translate(-50%, -50%); width: 56px; height: 56px; } .load-design__magnifier .load-text { margin-top: 40px; font-size: 20px; font-weight: 700; text-align: center; } .load-design__magnifier .load-text strong { color: #28A65B; display: block; margin-top: 20px; } .load-design__premium { position: relative; width: 100%; height: 100%; background: #FFFFFF; } .load-design__premium .premium-area-bg { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, #C4E8D0, #FFFFFF); opacity: 1; transition: .3s; } .load-design__premium .premium-area-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: calc(100vw - 60px); max-width: 340px; height: 304px; } .load-design__premium .premium-area-wrap .reuse-case { position: relative; width: 100%; } .load-design__premium .premium-area-wrap .title-sub, .load-design__premium .premium-area-wrap .text-steps { margin-top: 20px; } .load-design__premium .premium-area-wrap .text-steps { height: 30px; overflow: hidden; opacity: 1; transition: .3s; } .load-design__premium .premium-area-wrap .text-steps .title-sub { margin-top: 0; transition: .2s; } .load-design__premium .premium-area-wrap .text-steps .title-sub.loading-text-step1 { opacity: 1; transform: translateY(0); } .load-design__premium .premium-area-wrap .text-steps .title-sub.loading-text-step2 { opacity: 0; transform: translateY(10px); } .load-design__premium .premium-area-wrap .text-steps.active .loading-text-step1 { opacity: 0; transform: translateY(10px); } .load-design__premium .premium-area-wrap .text-steps.active .loading-text-step2 { opacity: 1; transform: translateY(-40px); } .lpds2-mo .load-design__premium .premium-area-wrap .text-steps.active .loading-text-step2 { transform: translateY(-30px); } .load-design__premium .premium-area-wrap .text-steps.active + .premium-loading-percent { display: none; } .load-design__premium .premium-area-wrap .text-steps.no-active { transition: none; } .load-design__premium .premium-area-wrap .text-steps.no-active .loading-text-step1 { display: none; } .load-design__premium .premium-area-wrap .text-steps.no-active .loading-text-step2 { opacity: 1; transform: none; } .load-design__premium .premium-area-wrap .text-steps.no-active + .premium-loading-percent { display: none; } .load-design__premium .premium-area-wrap .text-steps.receipt--close { opacity: 0; transform: translateY(140px); } .load-design__premium .premium-area-wrap .premium-loading-percent { font-size: 20px; font-weight: 700; color: #28A65B; margin-top: 12px; } .load-design .receipt-visual.receipt-visual--loading .paper-wrap .paper { top: -5px; margin-top: -20px; animation: receiptResultLoading 1.4s linear infinite; opacity: 1; transition: .3s; } .load-design .receipt-visual.receipt-visual--loading .paper-wrap .paper .receipt-list li + li { border-top: 0; } .load-design .receipt-visual.receipt-visual--loading .paper-wrap .paper .receipt-list__item { opacity: 0.5; padding: 9px 0; } .load-design .receipt-visual.receipt-visual--loading .paper-wrap .paper .receipt-list__item .grid-row .col { filter: blur(3px); opacity: .3; } .load-design .receipt-visual.receipt-visual--loading .paper-wrap .paper .receipt-list__result { padding: 12px 0; } .load-design .receipt-visual.receipt-visual--loading.receipt--close .printer { opacity: 0; } .load-design .receipt-visual.receipt-visual--loading.receipt--close .paper-wrap .paper { opacity: 0; margin-top: -140px; } .load-design .receipt-visual.receipt-visual--loading.receipt--close .paper-wrap::after { opacity: 0; } @keyframes magnifierSpin { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } /*------------------------------------------------------------------- @ 내 보험 - 요약 | NG01400S~ -------------------------------------------------------------------*/ .lpds2-wrap .rolling-banner { position: relative; overflow: hidden; } .lpds2-wrap .rolling-banner.bottom .slick-slide__inner .icon { width: 102px; height: 80px; top: auto; bottom: 0; transform: none; background-size: cover; right: 10px; } .lpds2-wrap .rolling-banner.bottom .slick-slide strong { position: relative; z-index: 1; } .lpds2-wrap .rolling-banner .topbanner-slick-slider { opacity: 0; visibility: hidden; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } .lpds2-wrap .rolling-banner .topbanner-slick-slider.slick-initialized { visibility: visible; opacity: 1; } .lpds2-wrap .rolling-banner .topbanner-slick-slider .slick-track { height: 88px; overflow: hidden; } .lpds2-pc .lpds2-wrap .rolling-banner .topbanner-slick-slider .slick-track { height: 94px; } .lpds2-wrap .rolling-banner .topbanner-slick-slider .grid-column { gap: 0; } .lpds2-wrap .rolling-banner .topbanner-slick-slider .slick-slide { padding: 20px; } .lpds2-wrap .rolling-banner .topbanner-slick-slider .slick-slide__inner .title-sub-sm { position: relative; z-index: 1; } .lpds2-wrap .rolling-banner .topbanner-slick-slider .slick-slide__inner .icon { right: 20px; } .lpds2-wrap .rolling-banner .slick-slide { border-radius: 16px; padding: 20px 20px 30px; box-sizing: border-box; position: relative; } .lpds2-wrap .rolling-banner .slick-slide__inner span { display: block; font-size: 12px; color: #456071; margin-bottom: 4px; } .lpds2-wrap .rolling-banner .slick-slide__inner strong { font-size: 16px; } .lpds2-pc .lpds2-wrap .rolling-banner .slick-slide__inner strong { font-size: 18px; } .lpds2-wrap .rolling-banner .slick-slide__inner p { color: #456071; margin-top: 4px; } .lpds2-wrap .rolling-banner .slick-slide__inner .icon { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); background-size: cover; } .lpds2-wrap .rolling-banner .slick-prev, .lpds2-wrap .rolling-banner .slick-next { display: none; } .lpds2-wrap .rolling-banner .slick-dots { position: absolute; bottom: 16px; left: 20px; display: flex; justify-content: center; padding: 0; margin: 0; list-style: none; } .lpds2-wrap .rolling-banner .slick-dots li { margin: 0 2px; } .lpds2-wrap .rolling-banner .slick-dots button { background-color: transparent; border: none; padding: 5px 0; cursor: pointer; width: auto; margin: 0 2px; } .lpds2-wrap .rolling-banner .slick-dots button:before { content: ' '; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #C7D3DB; } .lpds2-wrap .rolling-banner .slick-dots .slick-active button { width: auto; } .lpds2-wrap .rolling-banner .slick-dots .slick-active button:before { background-color: #293A46; } .lpds2-wrap .tab-insurance { background-color: #F2F4F6; padding-top: 30px !important; } .lpds2-mo .lpds2-wrap .container-tab .content--border .grid-column .section.tab-insurance { padding-top: 20px !important; } .lpds2-wrap .insurance-box { background-color: #FFFFFF; border-radius: 16px; padding: 20px; } .lpds2-wrap .insurance-box__link { display: flex; justify-content: space-between; } .lpds2-wrap .insurance-box .blind-title { display: none; } .lpds2-wrap .insurance-box__btn { display: flex; justify-content: center; position: relative; } .lpds2-wrap .insurance-box__btn .inner { width: 100%; display: flex; justify-content: center; } .lpds2-wrap .insurance-box__btn .inner .btn { min-width: 155px; width: auto; padding: 0 24px; } .lpds2-wrap .insurance-box__btn .inner .box-default { position: relative; width: 100%; } .lpds2-wrap .insurance-box__title { display: flex; align-items: flex-start; gap: 8px; font-size: 16px; } .lpds2-wrap .insurance-box__title .icon { flex-shrink: 0; margin-top: 4px; } .lpds2-wrap .insurance-box__desc { color: #456071; margin-top: 4px; } .lpds2-wrap .insurance-box__estimate .img { width: 56px; height: 56px; background-color: #F2F4F6; border-radius: 16px; position: relative; transform: translateY(4px); } .lpds2-wrap .insurance-box__estimate .img .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lpds2-wrap .insurance-box__estimate .img .dot { position: absolute; top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%); } .lpds2-wrap .insurance-box__estimate .img .dot span { width: 4px; height: 4px; border-radius: 50%; background-color: #6A8294; display: inline-block; margin: 0 1px; animation: bounce 1.5s infinite ease-in-out; } .lpds2-wrap .insurance-box__estimate .img .dot span:nth-child(1) { animation-delay: 0s; } .lpds2-wrap .insurance-box__estimate .img .dot span:nth-child(2) { animation-delay: 0.1s; } .lpds2-wrap .insurance-box__estimate .img .dot span:nth-child(3) { animation-delay: 0.2s; } .lpds2-wrap .insurance-box__estimate .txt { padding-top: 4px; padding-bottom: 12px; box-sizing: border-box; } .lpds2-wrap .insurance-box__estimate .txt p { font-weight: 500; margin-bottom: 4px; } .lpds2-wrap .insurance-box__review strong { margin-top: 8px; margin-bottom: 12px; display: block; } .lpds2-wrap .insurance-box__review p { margin-bottom: 4px; } .lpds2-wrap .insurance-box__review p i { margin-right: 8px; transform: translateY(-2px); } .lpds2-wrap .insurance-box__review .slick-slider { position: relative; padding-bottom: 16px; } .lpds2-wrap .insurance-box__review .slick-dots { position: absolute; bottom: 4px !important; left: 50% !important; transform: translate(-50%, 0); display: flex; justify-content: center; padding: 0; margin: 0; list-style: none; } .lpds2-wrap .insurance-box__review .slick-dots li { margin: 0 2px; } .lpds2-wrap .insurance-box__review .slick-dots button { background-color: transparent; border: none; padding: 5px 0; cursor: pointer; width: auto; margin: 0 2px; } .lpds2-wrap .insurance-box__review .slick-dots button:before { content: ' '; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #C7D3DB; } .lpds2-wrap .insurance-box__review .slick-dots .slick-active button { width: auto; } .lpds2-wrap .insurance-box__review .slick-dots .slick-active button:before { background-color: #293A46; } .lpds2-wrap .insurance-box__rank li.active .box-border { border: 1px solid #28A65B; padding: 12px; } .lpds2-wrap .insurance-box__rank li.active .box-border .rank-number { font-size: 16px; font-weight: 700; } .lpds2-wrap .insurance-box__rank li.active .box-border .rank-number span { color: #28A65B; } .lpds2-wrap .insurance-box__rank li.active .box-border .tag { transform: translateX(-4px); } .lpds2-wrap .insurance-box__rank li .box-border { padding: 8px 16px; border: 1px solid #FFFFFF; } .lpds2-wrap .insurance-box__rank li .box-border .rank-number { font-size: 14px; } .lpds2-wrap .insurance-box__rank li .box-border .rank-number span { margin-right: 12px; } .lpds2-wrap .insurance-box .my-insurance { display: flex; justify-content: space-between; align-items: flex-end; } .lpds2-wrap .insurance-box .my-insurance .amount { color: #293A46; } .lpds2-wrap .insurance-box .my-insurance .amount dt { font-size: 14px; font-weight: 400; } .lpds2-wrap .insurance-box .my-insurance .amount dd { font-size: 24px; font-weight: 700; margin-top: 4px; } .lpds2-wrap .insurance-box .my-insurance .amount dd > span { font-weight: 400; } .lpds2-wrap .insurance-box .my-insurance .insurance-logos { display: flex; flex-shrink: 0; } .lpds2-wrap .insurance-box .my-insurance .insurance-logos > li { width: 40px; height: 40px; border-radius: 100%; border: 2px solid #FFFFFF; flex: 1; margin-left: -8px; overflow: hidden; } .lpds2-wrap .insurance-box .my-insurance .insurance-logos > li i { width: 100%; height: 100%; background-size: 40px 40px; } .lpds2-wrap .insurance-box .my-insurance .insurance-logos > li i.more { display: flex; background-color: #19274e; align-items: center; justify-content: center; } .lpds2-wrap .insurance-box .my-insurance .insurance-logos > li i.more .num { color: #FFFFFF; font-size: 14px; font-style: normal; } .lpds2-wrap .insurance-box__graph .stick-graph { display: flex; width: 100%; justify-content: space-around; max-width: 360px; margin: 0 auto; } .lpds2-wrap .insurance-box__graph .stick-graph__bar { display: flex; flex-direction: column; gap: 12px; flex: 1; text-align: center; height: 109px; } .lpds2-wrap .insurance-box__graph .stick-graph__bar .bar { position: relative; width: 8px; height: 100%; overflow: hidden; border-radius: 16px; background-color: #DDE4E9; font-size: 12px; margin: 0 auto; } .lpds2-wrap .insurance-box__graph .stick-graph__bar .bar .val { position: absolute; bottom: 0; width: 100%; left: 0; height: 0; } .lpds2-wrap .insurance-box__graph .stick-graph__bar.warning .val { display: block; background-color: #F60019; } .lpds2-wrap .insurance-box__graph .stick-graph__bar.fine .val { display: block; background-color: #28A65B; animation: stickGraphAni_fine 0.8s cubic-bezier(0, 0, 0.2, 1) forwards; } .lpds2-wrap .insurance-prods__list li + li { margin-top: 20px; } .lpds2-wrap .insurance-prods__list li.hide { display: none; } .lpds2-wrap .insurance-prods__item { display: flex; gap: 12px; } .lpds2-wrap .insurance-prods__item .corp-logo { width: 40px; height: 40px; flex-shrink: 0; background-size: 40px 40px; } .lpds2-pc .lpds2-wrap .insurance-prods__item .corp-logo { width: 48px; height: 48px; background-size: 48px 48px; } .lpds2-wrap .insurance-prods__item .text { display: flex; flex-direction: column; } .lpds2-wrap .insurance-prods__item .text .prod { font-size: 12px; color: #6A8294; white-space: normal; word-break: break-word; overflow-wrap: break-word; max-width: 100%; } .lpds2-pc .lpds2-wrap .insurance-prods__item .text .prod { font-size: 14px; } .lpds2-wrap .insurance-prods__item .text .fee { font-size: 16px; font-weight: 700; } .lpds2-pc .lpds2-wrap .insurance-prods__item .text .fee { font-size: 18px; } .lpds2-wrap .insurance-prods .btn-insurance-more { display: block; width: calc(100% + 40px); padding: 16px 0; margin: 24px -20px -20px; box-sizing: border-box; border-top: 1px solid #DDE4E9; } .lpds2-pc .lpds2-wrap .insurance-prods .btn-insurance-more { padding: 20px 0; } .lpds2-wrap .insurance-prods .btn-insurance-more .icon { transition: .2s; margin-left: 4px; } .lpds2-wrap .insurance-prods .btn-insurance-more.active .icon { transform: rotate(180deg); } .lpds2-wrap .insurance-prods .grid-column.no-data { align-items: center; gap: 16px; padding-bottom: 10px; } /*------------------------------------------------------------------- @ 내보험조회 | NG01410S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .section-insurance-list { background-color: #F2F4F6; } .lpds2-wrap .insur-inquiry > li + li { margin-top: 16px; } .lpds2-wrap .insur-inquiry__item { display: flex; width: 100%; box-sizing: border-box; flex-direction: column; } .lpds2-wrap .insur-inquiry__company { display: flex; align-items: center; gap: 8px; } .lpds2-wrap .insur-inquiry__company .corp-logo { width: 26px; height: 26px; flex-shrink: 0; background-size: contain; } .lpds2-wrap .insur-inquiry__prod { display: flex; flex-direction: column; gap: 8px; padding: 10px 0 0; } .lpds2-wrap .insur-inquiry__prod .sub-title-md { display: block; } .lpds2-wrap .insur-inquiry__desc { border-top: 1px solid #DDE4E9; padding-top: 16px; margin-top: 16px; } .lpds2-wrap .insur-inquiry__date { margin-top: 16px; } .lpds2-wrap .state-graph { position: relative; height: 8px; background-color: #DDE4E9; margin: 45px 0 15px; padding-left: 0; padding-right: 8px; border-radius: 16px; } .lpds2-pc .lpds2-wrap .state-graph { height: 12px; } .lpds2-wrap .state-graph:before { display: block; content: ''; clear: both; width: 0; height: 4px; background-color: #28A65B; position: absolute; top: 0; left: 0; border-radius: 16px 0 0 16px; } .lpds2-pc .lpds2-wrap .state-graph:before { height: 12px; } .lpds2-wrap .state-graph__bar { position: relative; max-width: 100%; height: 100%; background-color: #28A65B; border-radius: 16px; padding-right: 8px; box-sizing: content-box; } .lpds2-wrap .state-graph__bar .pointer { position: absolute; bottom: 17px; left: 100%; min-width: 64px; height: 32px; padding: 5px 13px; background-color: #28A65B; border-radius: 16px 16px 16px 0; display: block; color: #FFFFFF; box-sizing: border-box; font-size: 14px; } .lpds2-wrap .state-graph__bar .pointer.reversal { border-radius: 16px 16px 0 16px; left: auto; right: 4px; } .lpds2-pc .lpds2-wrap .state-graph__bar .pointer { bottom: 30px; font-size: 16px; } /*-------------------------------------------------------------------- @ 보험료 줄이기 | NG01500S~ --------------------------------------------------------------------*/ .lpds2-wrap .tab-reduce { background: linear-gradient(to top, #C4E8D0, #FFFFFF); padding-top: 50px !important; } .lpds2-wrap .tab-reduce .title-page + .receipt-visual-wrap { margin-top: 20px; } .lpds2-wrap .tab-reduce-compare { padding: 0 !important; border-top: 0 !important; } .lpds2-wrap .tab-reduce + .tab-reduce-compare, .lpds2-wrap .tab-reduce-compare + .section { border-top: 0; } .lpds2-wrap .section-premium-expert { background-color: #F2F4F6; padding-top: 30px !important; margin-top: -30px !important; } .lpds2-pc .lpds2-wrap .section-premium-expert { margin-top: -50px !important; } .lpds2-wrap .compare-panel { position: relative; padding-top: 20px; } .lpds2-wrap .compare-panel::before, .lpds2-wrap .compare-panel::after { display: block; content: ''; width: 50%; height: 100%; position: absolute; top: 0; } .lpds2-wrap .compare-panel::before { left: 0; background-color: #F2F4F6; } .lpds2-wrap .compare-panel::after { right: 0; background-color: #E6F6EC; } .lpds2-wrap .compare-panel__list { padding: 16px 0 20px; } .lpds2-wrap .compare-panel__list li + li { margin-top: 20px; } .lpds2-wrap .compare-panel__title { position: relative; z-index: 1; display: flex; justify-content: space-around; align-items: center; } .lpds2-wrap .compare-panel__title .tit { flex: 1; text-align: center; } .lpds2-wrap .compare-panel__item { position: relative; z-index: 1; } .lpds2-wrap .compare-panel__item::after { display: block; content: ''; clear: both; } .lpds2-wrap .compare-panel__item .panel-current, .lpds2-wrap .compare-panel__item .panel-change { width: 50%; display: flex; align-items: center; flex-direction: column; gap: 12px; } .lpds2-wrap .compare-panel__item .panel-icon { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background-color: #FFFFFF; border-radius: 100%; overflow: hidden; } .lpds2-wrap .compare-panel__item .panel-icon .corp-logo { width: 50px; height: 50px; border: 2px solid #FFFFFF; box-sizing: border-box; background-size: cover; } .lpds2-wrap .compare-panel__item .panel-icon .icon { background-size: cover; width: 100%; height: 100%; } .lpds2-wrap .compare-panel__item .panel-icon .icon.icon-compare-current01 { background-image: url("/lpds2/resources/images/analysis/icon_compare_current01.png"); } .lpds2-wrap .compare-panel__item .panel-icon .icon.icon-compare-current02 { background-image: url("/lpds2/resources/images/analysis/icon_compare_current02.png"); } .lpds2-wrap .compare-panel__item .panel-icon .icon.icon-compare-change01 { background-image: url("/lpds2/resources/images/analysis/icon_compare_change01.png"); } .lpds2-wrap .compare-panel__item .panel-icon .icon.icon-compare-change02 { background-image: url("/lpds2/resources/images/analysis/icon_compare_change02.png"); } .lpds2-wrap .compare-panel__item .panel-icon .icon.icon-compare-change03 { background-image: url("/lpds2/resources/images/analysis/icon_compare_change03.png"); } .lpds2-wrap .compare-panel__item .panel-current .panel-icon { position: relative; } .lpds2-wrap .compare-panel__item .panel-current .panel-icon .corp-logo { position: relative; flex-shrink: 0; } .lpds2-wrap .compare-panel__item .panel-current .panel-icon .corp-logo:nth-child(1) { z-index: 4; } .lpds2-wrap .compare-panel__item .panel-current .panel-icon .corp-logo:nth-child(2) { z-index: 3; margin-left: -45px; background-color: #C7D3DB; } .lpds2-wrap .compare-panel__item .panel-current .panel-icon .corp-logo:nth-child(3) { z-index: 2; margin-left: -46px; background-color: #C7D3DB; } .lpds2-wrap .compare-panel__item .panel-current .panel-icon .corp-logo:nth-child(4) { z-index: 1; margin-left: -45px; background-color: #C7D3DB; transform: scale(0.97); } .lpds2-wrap .compare-panel__item .panel-desc { display: flex; align-items: center; flex-direction: column; font-size: 14px; text-align: center; } .lpds2-pc .lpds2-wrap .compare-panel__item .panel-desc { font-size: 16px; } .lpds2-wrap .compare-panel__item .panel-desc .txt { font-weight: 700; color: #28A65B; } .lpds2-wrap .compare-panel__item .panel-desc .txt a { vertical-align: top; margin-left: 3px; } .lpds2-wrap .compare-panel__item .panel-current { float: left; } .lpds2-wrap .compare-panel__item .panel-current .txt { color: #F56665; } .lpds2-wrap .compare-panel__item .panel-change { float: right; } .lpds2-wrap .reduce-box { position: relative; background-color: #FFFFFF; border-radius: 16px; padding: 20px; overflow: hidden; } .lpds2-wrap .reduce-box .grid-column { gap: 16px; } .lpds2-wrap .reduce-box__item { display: flex; row-gap: 12px; column-gap: 16px; align-items: center; } .lpds2-wrap .reduce-box__item .logo { flex-shrink: 0; width: 36px; height: 36px; align-self: flex-start; } .lpds2-wrap .reduce-box__item .logo--more { position: relative; background-color: #F2F4F6; border-radius: 50%; } .lpds2-wrap .reduce-box__item .logo--more .corp-logo { border: 2px solid #FFFFFF; box-sizing: content-box; box-shadow: 4px 4px 0 -2px #b1cbcf; } .lpds2-wrap .reduce-box__item .logo .corp-logo { width: 100%; height: 100%; position: relative; overflow: hidden; background-size: 36px 36px; } .lpds2-wrap .reduce-box__item .info .desc { font-size: 14px; font-weight: 500; color: #293A46; word-break: break-all; } .lpds2-pc .lpds2-wrap .reduce-box__item .info .desc { font-size: 16px; } .lpds2-wrap .reduce-box__item .info .desc span { vertical-align: middle; } .lpds2-wrap .reduce-box__item .info .desc i { vertical-align: middle; } .lpds2-wrap .reduce-box__item .info .fee { display: block; font-size: 18px; color: #293A46; margin-top: 2px; } .lpds2-pc .lpds2-wrap .reduce-box__item .info .fee { font-size: 20px; } .lpds2-wrap .reduce-box__arrow { text-align: center; margin: -6px 0 -2px; } .lpds2-wrap .reduce-box__arrow .icon-arrow { transform: translateY(5px) rotate(270deg); } .lpds2-wrap .reduce-box__arrow .icon-arrow.has--ani { animation: arrow 1.2s ease-in-out infinite; } .lpds2-wrap .possess-graph { position: relative; margin-top: 20px; padding-bottom: 35px; } .lpds2-wrap .possess-graph > span { display: block; position: absolute; top: calc(100% - 17px); line-height: 1.2; } .lpds2-wrap .possess-graph > span.start-txt { left: 0; text-align: left; } .lpds2-wrap .possess-graph > span.end-txt { right: 0; text-align: right; } .lpds2-wrap .possess-graph__bg { position: relative; width: 100%; height: 8px; background-color: #DDE4E9; border-radius: 8px; box-sizing: border-box; } .lpds2-wrap .possess-graph__bg .bar { position: relative; height: 100%; border-radius: 8px; max-width: 100%; z-index: 1; } .lpds2-wrap .possess-graph--warning .bar { background-color: #F60019; } .lpds2-wrap .possess-graph--enough .bar { background-color: #28A65B; } .lpds2-wrap .possess-graph--off .bar { background-color: transparent; } .lpds2-wrap .cover-title { text-align: right; margin-bottom: 7px; } .lpds2-wrap .cover-title span { display: block; text-align: right; min-width: 36px; } .lpds2-wrap .cover-title .age { white-space: nowrap; } .lpds2-wrap .cover-list { min-width: 220px; display: table; table-layout: auto; width: 100%; } .lpds2-wrap .cover-list.first li:nth-child(1) .cover-list__cell:nth-child(2), .lpds2-wrap .cover-list.first li:nth-child(1) .cover-list__cell:nth-child(4) { position: relative; } .lpds2-wrap .cover-list.first li:nth-child(1) .cover-list__cell:nth-child(2):after, .lpds2-wrap .cover-list.first li:nth-child(1) .cover-list__cell:nth-child(4):after { display: block; font-size: 14px; position: absolute; top: -30px; right: 0; font-weight: 400; color: #6A8294; } .lpds2-wrap .cover-list.first li:nth-child(1) .cover-list__cell:nth-child(2):after { content: '현재'; } .lpds2-wrap .cover-list.first li:nth-child(1) .cover-list__cell:nth-child(4):after { content: '갈아타면'; } .lpds2-wrap .cover-list.amount-title > li:first-child .desc:not(.text--warning)::after { display: block; content: '현재'; font-size: 14px; font-weight: 400; color: #293A46; position: absolute; bottom: calc(100% + 7px); right: 0; } .lpds2-wrap .cover-list__row, .lpds2-wrap .cover-list > li { display: table-row; width: 100%; } .lpds2-wrap .cover-list__row .corp-logo, .lpds2-wrap .cover-list > li .corp-logo { width: 36px; height: 36px; background-size: 36px 36px; border: 2px solid #FFFFFF; box-sizing: border-box; } .lpds2-wrap .cover-list .icon-arrow { min-width: 16px; display: inline-block; background-size: 16px; } .lpds2-wrap .cover-list .name { word-break: break-all; } .lpds2-wrap .cover-list .tit { color: #293A46; word-break: break-all; padding-right: 5px; } .lpds2-wrap .cover-list__cell { position: relative; display: table-cell; width: 20px; padding: 4px 10px; vertical-align: middle; text-align: center; } .lpds2-wrap .cover-list__cell.tit { width: auto; text-align: left; padding-left: 0; } .lpds2-wrap .cover-list__cell.desc { font-weight: 700; white-space: nowrap; text-align: right; padding: 4px 0; } .lpds2-wrap .cover-list__cell.desc:last-child { padding-right: 0; } .lpds2-wrap .cover-list__cell .icon-arrow { margin-bottom: 3px; margin-left: 3px; } .lpds2-wrap .cover-list__cell.full { width: 100%; } .lpds2-wrap .cover-list__cell.auto { width: auto; } .lpds2-wrap .cover-list__tit { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: #171717; } .lpds2-pc .lpds2-wrap .cover-list__tit { font-size: 18px; } .lpds2-wrap .cover-list + h5 { margin-top: 20px; } .lpds2-wrap .permium-expert-visual { position: relative; } .lpds2-wrap .permium-expert-visual .message { position: absolute; top: 0; left: calc(50% - 80px); transform: translate(-50%, 0); } .lpds2-pc .lpds2-wrap .permium-expert-visual .message { left: calc(50% - 60px); } .lpds2-wrap .permium-expert-visual .lottie-area { width: 120px; height: 100px; margin: 0 auto; } .lpds2-pc .lpds2-wrap .permium-expert-visual .lottie-area { width: 180px; height: 150px; } .lpds2-wrap .toggle-list.box-default { padding: 0; } .lpds2-wrap .toggle-list__btn { padding: 16px 20px; display: block; } .lpds2-wrap .toggle-list__btn.js-active .icon-accordion-thin { transform: rotate(180deg); } .lpds2-wrap .toggle-list__con { padding: 0 20px 20px; } @keyframes arrow { 0% { transform: translateY(5px) rotate(270deg); } 50% { transform: translateY(-5px) rotate(270deg); } 100% { transform: translateY(5px) rotate(270deg); } } /*------------------------------------------------------------------- @ 보험료줄이기 소개 | NG01502S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .graph-vertical { display: flex; height: 175px; align-items: flex-end; padding: 0 25px; border-bottom: 0; } .lpds2-wrap .graph-vertical__box { position: relative; width: 50%; height: 100%; display: flex; flex-direction: column; align-items: center; padding: 0 13px; box-sizing: border-box; gap: 12px; } .lpds2-wrap .graph-vertical__box[class*="active-"] .val { color: #293A46; } .lpds2-wrap .graph-vertical__box.active-blue .bar { background-image: linear-gradient(to top, #E6F6EC, #28A65B); } .lpds2-wrap .graph-vertical__box.active-red .bar { background-image: linear-gradient(to top, #FFC9CE, #F60019); } .lpds2-wrap .graph-vertical__box.active-none .bar { background: transparent; border: 1px dashed #6A8294; box-sizing: border-box; } .lpds2-wrap .graph-vertical.type-middle { width: 280px; margin: 0 auto; } .lpds2-wrap .graph-vertical.type-middle .graph-vertical__box { padding: 0 16px; } .lpds2-wrap .graph-vertical__title { order: 2; white-space: nowrap; } .lpds2-wrap .graph-vertical__view { position: relative; width: 100%; height: 100%; order: 1; display: flex; gap: 8px; align-items: center; flex-direction: column; justify-content: flex-end; } .lpds2-wrap .graph-vertical__view .bar { width: 100%; border-radius: 16px; background-color: #DDE4E9; position: relative; } .lpds2-wrap .graph-vertical__view .val { display: block; position: absolute; top: 0; transform: translateY(-100%); width: 100%; color: #6A8294; text-align: center; font-size: 16px; font-weight: 700; white-space: nowrap; padding-bottom: 8px; } .lpds2-wrap .premium-share { padding-top: 0px; padding-bottom: 30px; background: linear-gradient(to bottom, white, #C4E8D0); } .lpds2-wrap .receipt-visual { max-width: 335px; height: 100%; margin: 0 auto; position: relative; } .lpds2-pc .lpds2-wrap .receipt-visual { max-width: 370px; } .lpds2-wrap .receipt-visual .printer { width: 100%; height: 10px; border-radius: 5px; background-color: #293A46; opacity: 1; transition: .3s; } .lpds2-wrap .receipt-visual .paper-wrap { width: 100%; padding: 0 12px; box-sizing: border-box; margin-top: -5px; overflow: hidden; } .lpds2-wrap .receipt-visual .paper-wrap::after { position: absolute; top: 5px; left: 12px; display: block; content: ''; width: calc(100% - 24px); height: 5px; background-image: linear-gradient(to bottom, #d9d9d9, transparent 100%); opacity: 1; transition: .3s; } .lpds2-wrap .receipt-visual .paper-wrap .paper { position: relative; width: 100%; height: 100%; overflow: hidden; background: url("/lpds2/resources/images/analysis/img_receipt_bg.png") repeat-x center bottom/contain; padding-bottom: 12px; } .lpds2-wrap .receipt-visual .paper-wrap .paper__content { padding: 20px 16px 0; background: #FFFFFF; } .lpds2-wrap .receipt-visual .paper-wrap .paper__head { padding-bottom: 20px; border-bottom: 1px solid #DDE4E9; } .lpds2-wrap .receipt-visual .paper-wrap .paper__head .subject { display: flex; flex-direction: column; gap: 8px; align-items: center; } .lpds2-wrap .receipt-visual .paper-wrap .paper__head .subject .txt { font-size: 14px; font-weight: normal; color: #293A46; } .lpds2-pc .lpds2-wrap .receipt-visual .paper-wrap .paper__head .subject .txt { font-size: 16px; } .lpds2-wrap .receipt-visual .paper-wrap .paper__head .subject .desc { color: #28A65B; font-size: 28px; line-height: 1.2; } .lpds2-wrap .receipt-visual .paper-wrap .paper__head + .grid-column { margin: 20px 0 0; padding-bottom: 15px; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list li + li { border-top: 1px dashed #C7D3DB; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list__item { display: flex; flex-direction: column; padding: 16px 0; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list__item:first-child { padding-top: 0; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list__item .tit { font-size: 12px; font-weight: 400; color: #6A8294; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list__item .grid-row { align-items: center; font-size: 14px; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list__item .grid-row .result { font-size: 16px; font-weight: 700; text-align: right; margin-left: auto; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list__result { justify-content: space-between; align-items: center; font-size: 14px; padding: 15px 0; border-top: 1px solid #C7D3DB; } .lpds2-wrap .receipt-visual .paper-wrap .paper .receipt-list__result .result { font-size: 20px; font-weight: 700; text-align: right; margin-left: auto; color: #28A65B; } .lpds2-wrap .receipt-visual.receipt-visual--result { height: 97px; } .lpds2-wrap .receipt-visual.receipt-visual--result .printer { background-color: #293A46; } .lpds2-wrap .receipt-visual.receipt-visual--result .paper-wrap .paper { top: -100px; animation: myReceiptResult 0.8s cubic-bezier(0.67, 0.13, 0.43, 0.89) forwards; } .lpds2-wrap .receipt-visual.receipt-visual--result .paper-wrap .paper .receipt-list__item { opacity: 0.5; padding: 9px 0; } .lpds2-wrap .receipt-visual.receipt-visual--result .paper-wrap .paper .receipt-list__result { padding: 12px 0; } .lpds2-wrap .receipt-visual.receipt-visual--full { min-height: 310px; } .lpds2-wrap .receipt-visual.receipt-visual--anim .paper-wrap .paper { top: -295px; transition: .2s; } .lpds2-wrap .receipt-visual.receipt-visual--anim .paper-wrap .paper--down { animation: receiptPrint .5s ease-in-out forwards; } .lpds2-wrap .receipt-visual.receipt-visual--anim .paper-wrap .paper .to-receipt.prepare { opacity: 0; } .lpds2-wrap .receipt-visual.receipt-visual--anim .paper-wrap .paper .to-receipt.active { opacity: 1; } .lpds2-wrap .receipt-visual.receipt-visual--share { height: 156px; } .lpds2-wrap .receipt-visual.receipt-visual--share .paper-wrap .paper { animation: receiptShare 1.5s linear infinite; } .lpds2-wrap .receipt-visual.receipt-visual--share .paper-wrap .paper__content { padding: 11px 16px 0; } .lpds2-wrap .receipt-visual.receipt-visual--share .paper-wrap .paper .receipt-list li { padding: 0 0 4px; } .lpds2-wrap .receipt-visual.receipt-visual--share .paper-wrap .paper .receipt-list li + li { border-top: 0; padding: 4px 0 11px; } .lpds2-wrap .receipt-visual.receipt-visual--share .paper-wrap .paper .receipt-list__item .grid-row .col { filter: blur(3px); opacity: .3; } .lpds2-wrap .receipt-visual.receipt-visual--share .paper-wrap .paper .receipt-list__result { padding: 10px 0 15px; border-top: 1px solid #C7D3DB; } .lpds2-wrap .receipt-visual.receipt-visual--share .paper-wrap .paper .receipt-list__result .result { font-size: 24px; } .lpds2-wrap .from-coupon { position: fixed; font-size: 32px; font-weight: 700; color: #FFFFFF; opacity: 0; transition: .3s; } .lpds2-wrap .from-coupon.active { color: #0286E8; opacity: 1; } .lpds2-wrap .from-coupon.off { transform: scale(1.35); opacity: 0; } @keyframes receiptShare { 0% { top: -6px; } 13% { top: 0px; } 87% { top: 0; } 100% { top: -6px; } } @keyframes myReceiptResult { 0% { top: -100px; } 75% { top: -38px; } 100% { top: -43px; } } @keyframes receiptResultLoading { 0% { top: -5px; } 10% { top: 0px; } 90% { top: 0; } 100% { top: -5px; } } @keyframes receiptPrint { 0% { top: -295px; } 100% { top: 0; } } .lpds2-wrap .discount { overflow: hidden; position: relative; margin: -12px auto -4px; max-width: 300px; } .lpds2-pc .lpds2-wrap .discount { max-width: 500px; } .lpds2-wrap .discount .slick-slide__inner { padding: 6px 0; } .lpds2-wrap .discount:after, .lpds2-wrap .discount:before { display: block; content: ''; width: 100%; height: 70px; position: absolute; top: 0; left: 0; z-index: 1; } .lpds2-wrap .discount:after { background: linear-gradient(to bottom, white, transparent); } .lpds2-wrap .discount:before { background: linear-gradient(to top, white, transparent); bottom: 0; top: auto; } .lpds2-wrap .discount__person { position: relative; padding-left: 82px; box-sizing: border-box; } .lpds2-pc .lpds2-wrap .discount__person { padding-left: 100px; } .lpds2-wrap .discount__person .person { background-color: #FFFFFF; width: 48px; height: 48px; position: absolute; top: 50%; left: 20px; transform: translate(0, -50%); } .lpds2-pc .lpds2-wrap .discount__person .person { width: 60px; height: 60px; } .lpds2-wrap .discount__person .text { text-align: left; } .lpds2-wrap .discount__person .text .date { display: block; font-size: 12px; color: #6A8294; } .lpds2-pc .lpds2-wrap .discount__person .text .date { font-size: 14px; } .lpds2-wrap .discount__person .text .desc { display: block; font-size: 14px; color: #293A46; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; } .lpds2-pc .lpds2-wrap .discount__person .text .desc { font-size: 16px; } .lpds2-wrap .discount__person .text p { font-size: 16px; font-weight: 700; margin-top: 4px; } .lpds2-pc .lpds2-wrap .discount__person .text p { font-size: 18px; } .lpds2-wrap .discount__person .text p b { color: #28A65B; } .lpds2-wrap .premium-page__visual { position: relative; margin: 0 auto; width: 100%; max-width: 292px; padding-top: 50px; padding-bottom: 10px; } .lpds2-wrap .premium-page__visual.type-static { padding-top: 0; padding-bottom: 0; max-width: 350px; } .lpds2-wrap .premium-page__visual.type-static .graph-vertical { height: 215px; } .lpds2-wrap .premium-page__visual.type-static .graph-vertical__title { font-size: 16px; } .lpds2-wrap .premium-page__visual.type-static .graph-vertical__view .message--type2 { bottom: calc(100% + 12px); right: 50%; transform: translateX(50%); white-space: nowrap; padding: 0 14px; animation: none; } .lpds2-wrap .premium-page__visual.type-static .graph-vertical__view .message--type2::after { right: auto; left: 50%; bottom: -5px; transform: translateX(-50%); border-bottom: 0 solid transparent; border-top: 5px solid #28A65B; border-left: 5px solid transparent; border-right: 5px solid transparent; } .lpds2-wrap .premium-page__visual.type-static .graph-vertical .bar { max-width: 100px; min-width: 100px; } .lpds2-wrap .premium-page__visual.type-static .graph-vertical__box { gap: 12px; } .lpds2-wrap .premium-page__visual.type-static .graph-vertical .arrow { top: 50%; transform: translate(-50%, -50%); position: absolute; left: 50%; } /*------------------------------------------------------------------- @ 분석탭 | NG01610S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .section-disease .tab-wrap.inline-type .tab-list-wrap { position: relative; } .lpds2-mo .lpds2-wrap .section-disease .tab-wrap.inline-type .tab-list-wrap { padding: 0; } .lpds2-pc .lpds2-wrap .section-disease .tab-wrap.inline-type .tab-list > li { margin-right: 40px; } .lpds2-mo .lpds2-wrap .section-disease .tab-wrap.inline-type .tab-list > li { margin-right: 24px; margin-left: 17px; } .lpds2-pc .lpds2-wrap .section-disease .tab-wrap.inline-type .tab-list__btn { padding: 0; } .lpds2-mo .lpds2-wrap .section-disease .tab-wrap.inline-type .tab-list__btn { padding: 0; } .lpds2-wrap .section-disease .analysis-sticky { position: relative; } .lpds2-pc .lpds2-wrap .section-disease .analysis-sticky .tab-list li { width: calc(768px/4); margin-right: 0 !important; } .lpds2-pc .lpds2-wrap .section-disease .analysis-sticky { margin: 20px 0 0 -30px; width: calc(100% + 60px); } .lpds2-mo .lpds2-wrap .section-disease .analysis-sticky { margin: 20px 0 0 -16px; width: calc(100% + 32px); } .lpds2-wrap .section-disease .analysis-sticky .tab-wrap { position: relative; z-index: 2; } .lpds2-pc .lpds2-wrap .section-disease .analysis-sticky .tab-wrap { width: 768px; margin: 0 auto; } .lpds2-wrap .section-disease .analysis-sticky .tab-wrap.scrollable-fix .tab-list-wrap { position: static; padding-top: 0; border-bottom: 1px solid #DDE4E9; } .lpds2-wrap .section-disease .analysis-sticky.fixed { position: fixed; top: 0; left: 0; background-color: #FFFFFF; z-index: 2; margin: 0 0 0 -16px; padding: 0 0 0 16px; width: calc(100% + 32px); border-bottom: 1px solid #DDE4E9; } .lpds2-pc .lpds2-wrap .section-disease .analysis-sticky.fixed { margin: 0 auto; left: 0; right: 0; } .lpds2-wrap .section-disease .analysis-sticky.fixed .tab-list-wrap { border: none; } .lpds2-wrap .section-disease .analysis-sticky.fixed + .section { padding-top: 100px; } .lpds2-pc .lpds2-wrap .section-disease .analysis-sticky + .section { padding-top: 100px; } .lpds2-mo .lpds2-wrap .section-disease .analysis-sticky + .section { padding-top: 56px; } .lpds2-wrap .section-disease .summary-tb-wrap .analysis-tb.summary-tb > li + li { margin-top: 0px; } .lpds2-wrap .section-disease .summary-tb-wrap .analysis-tb.hidden { position: relative; max-height: 430px; overflow: hidden; } .lpds2-wrap .section-disease .summary-tb-wrap .analysis-tb.hidden::after { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 67px; background-image: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0)); } .lpds2-wrap .section-disease .summary-tb-wrap .analysis-tb-title { display: flex; text-align: center; } .lpds2-wrap .section-disease .anchor-section { margin-top: 40px; } .lpds2-pc .lpds2-wrap .section-disease .disease-img { width: 50%; } .lpds2-wrap .section-disease .d-coverage { padding: 0; border-radius: 20px; } .lpds2-wrap .section-disease .d-coverage .d-cover__title { padding: 0 20px; border-radius: 20px 20px 0 0; } .lpds2-wrap .section-disease .d-coverage .d-cover__cont { padding: 10px 20px 20px 20px; border-radius: 0 0 20px 20px; } .lpds2-wrap .icon.icon-cancer { background-image: url("/lpds2/resources/images/analysis/cancer_disease2.png"); } .lpds2-wrap .icon.icon-brain2 { background-image: url("/lpds2/resources/images/analysis/brain_disease2.png"); } .lpds2-wrap .icon.icon-heart2 { background-image: url("/lpds2/resources/images/analysis/heart_disease2.png"); background-size: 55px; } .lpds2-mo .lpds2-wrap .content-feed > a { padding: 11px 20px; } .lpds2-wrap .content-feed .img-feed { width: 55px; height: 64px; display: inline-block; background-size: cover; } .lpds2-wrap .lottie-person .grid-row { position: relative; } .lpds2-wrap .lottie-person .intro-lottie__player { position: absolute; right: 0; bottom: -27px; } .lpds2-wrap .tab-content.js-active .panel-box__title .btn-accodion .icon { transform: none; } .lpds2-wrap .tab-content.js-active .panel-box__title a.js-active .btn-accodion .icon { transform: rotate(180deg); } .lpds2-wrap .panel-box > li { border-radius: 16px; overflow: hidden; border: 1px solid transparent; } .lpds2-wrap .panel-box > li.js-active { border: 1px solid #afbfc4; } .lpds2-wrap .panel-box > li + li { margin-top: 12px; } .lpds2-wrap .panel-box--bg > li { background-color: #F2F4F6; } .lpds2-wrap .panel-box--bg > li.js-active { border: 1px solid transparent; } .lpds2-wrap .panel-box--bg > li .panel-box__view { padding: 0 20px 20px; } .lpds2-wrap .panel-box--bg > li .panel-box__view .cover-list { margin-top: 12px; } .lpds2-wrap .panel-box--bg > li .panel-box__view .cover-list .tit { color: #293A46; } .lpds2-wrap .panel-box--bg > li .panel-box__view .summary-list li + li { margin-top: 8px; } .lpds2-wrap .panel-box--icon > li:first-child { position: relative; } .lpds2-wrap .panel-box--icon > li:first-child::after { display: block; content: ''; width: 32px; height: 32px; border-radius: 100%; background: #fff url(/resources/images/analysis/icon_plus.png) no-repeat center center/24px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); position: absolute; top: calc(100% - 10px); left: 50%; transform: translateX(-50%); z-index: 1; } .lpds2-wrap .panel-box--icon > li { overflow: visible; } .lpds2-wrap .panel-box--icon > li .panel-box__item { position: relative; border-radius: 16px; overflow: hidden; } .lpds2-wrap .panel-box__item { display: flex; flex-direction: column; gap: 0; } .lpds2-wrap .panel-box__title { background-color: #F2F4F6; } .lpds2-wrap .panel-box__title > .sub-title-md { padding: 12px 20px; display: flex; gap: 8px; justify-content: flex-start; align-items: center; } .lpds2-pc .lpds2-wrap .panel-box__title > .sub-title-md { padding: 25px 20px; } .lpds2-wrap .panel-box__title > .fs-16 { font-weight: 700; color: #293A46; padding: 12px 20px; display: flex; gap: 8px; justify-content: flex-start; align-items: center; } .lpds2-wrap .panel-box__title .btn-accodion { margin-left: auto; } .lpds2-wrap .panel-box__view { padding: 24px 20px 32px; } .lpds2-wrap .panel-box__view .tit-desc { display: inline-flex; align-items: center; font-size: 18px; font-weight: 700; color: #171717; } .lpds2-wrap .panel-box__view .grid-column + .grid-column { border-top: 1px solid #DDE4E9; padding-top: 20px; } /*------------------------------------------------------------------- @ 질병상세(내 보험금, 질병정보) | NG01616P.jsp, NG01612S.jsp, NG01613S -------------------------------------------------------------------*/ .lpds2-wrap { /* 질병상세 여백제거 */ } .lpds2-wrap .content-detail-disease { padding-bottom: 80px !important; } .lpds2-pc .lpds2-wrap .content-detail-disease .section { padding-left: 0px; padding-right: 0px; } .lpds2-pc .lpds2-wrap .content-detail-disease .section:first-child { padding-top: 40px !important; } .lpds2-pc .lpds2-wrap .content-detail-disease .section-disease-age { padding-left: 30px !important; padding-right: 30px !important; } .lpds2-mo .lpds2-wrap .content-detail-disease .title-page { font-size: 21px; } .lpds2-wrap .disease-info-tit { border-bottom: 1px solid #C7D3DB; padding-bottom: 30px; } .lpds2-wrap .rolling-banner-section { padding: 0 !important; } .lpds2-wrap .rolling-banner-section .icon-box__bg { margin: 0 15px 0 0; } .lpds2-wrap .rolling-banner-section .icon-box .icon-surgerym { width: 70px; height: 70px; margin: 0 15px 15px 0; } .lpds2-wrap .rolling-banner-section .slick-dots { position: absolute; bottom: 20px; left: 21px; } .lpds2-pc .lpds2-wrap .disease-title { padding-top: 50px; } .lpds2-wrap .disease-title .title-sub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; } .lpds2-wrap .disease-status { display: flex; flex-direction: column; gap: 16px; margin-bottom: 10px; } .lpds2-wrap .disease-status__info { display: flex; width: 100%; justify-content: space-between; } .lpds2-wrap .disease-status__info .title { display: flex; flex-direction: column; } .lpds2-wrap .disease-status__info .title .age-summary { font-size: 14px; color: #6A8294; font-weight: normal; } .lpds2-wrap .disease-status__info .title .tit { display: block; margin-top: 8px; font-size: 24px; line-height: 36px; } .lpds2-wrap .disease-status__info .title .tit span, .lpds2-wrap .disease-status__info .title .tit strong { display: block; } @keyframes twinkle { 0% { opacity: .3; transform: scale(0.6); } 100% { opacity: 1; transform: scale(1); } } @keyframes worryStick { 0% { opacity: 0; height: 5px; } 100% { opacity: 1; height: 20px; } } .lpds2-wrap .text-link.fs-md { font-size: 16px; } .lpds2-pc .lpds2-wrap .text-link.fs-md { font-size: 18px; } .lpds2-wrap .tab-wrap.analysis-scrollable-fix .tab-list { display: flex; align-items: center; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; margin: 0 0 0 16px; } .lpds2-wrap .tab-wrap.analysis-scrollable-fix .tab-list::-webkit-scrollbar { display: none; } .lpds2-wrap .tab-wrap.analysis-scrollable-fix .tab-list__btn { min-width: auto; } .lpds2-wrap .disease-detail .tab-list-wrap { margin: 0 0 0 -16px; width: calc(100% + 32px); } .lpds2-wrap .disease-detail .tab-contents .section-disease-age { margin: 0 0 0 -16px; width: calc(100% + 32px); } .lpds2-wrap .insurance-box { background-color: #FFFFFF; border-radius: 16px; padding: 20px; } .lpds2-wrap .insurance-box__graph .stick-graph { display: flex; width: 100%; justify-content: space-around; max-width: 360px; margin: 0 auto; } .lpds2-wrap .insurance-box__graph .stick-graph__bar { display: flex; flex-direction: row; gap: 12px; flex: 1; text-align: center; height: 109px; } .lpds2-wrap .insurance-box__graph .stick-graph__bar .bar { position: relative; width: 8px; height: 100%; overflow: hidden; border-radius: 16px; background-color: #DDE4E9; font-size: 12px; margin: 0 auto; } .lpds2-wrap .insurance-box__graph .stick-graph__bar .bar .val { position: absolute; bottom: 0; width: 100%; left: 0; height: 0; } .lpds2-wrap .insurance-box__graph .stick-graph__bar.warning .val { display: block; background-color: #F60019; animation: stickGraphAni_fine 0.8s cubic-bezier(0, 0, 0.2, 1) forwards; } .lpds2-wrap .insurance-box__graph .stick-graph__bar.fine .val { display: block; background-color: #28A65B; animation: stickGraphAni_fine 0.8s cubic-bezier(0, 0, 0.2, 1) forwards; } @keyframes stickGraphAni_fine { 0% { height: 0%; } 100% { height: 100%; } } @keyframes stickGraphAni_warning { 0% { height: 0%; } 100% { opacity: 1; } } .lpds2-wrap .content-diary .box-default { padding-top: 40px; padding-bottom: 40px; position: relative; } .lpds2-wrap .content-diary .box-default:first-child:after, .lpds2-wrap .content-diary .box-default:first-child:before { display: none; } .lpds2-wrap .content-diary .box-default:after, .lpds2-wrap .content-diary .box-default:before { width: 8px; border-radius: 16px; background-color: #DDE4E9; display: block; content: ''; position: absolute; } .lpds2-pc .lpds2-wrap .content-diary .box-default:after, .lpds2-pc .lpds2-wrap .content-diary .box-default:before { top: -45px; height: 55px; } .lpds2-mo .lpds2-wrap .content-diary .box-default:after, .lpds2-mo .lpds2-wrap .content-diary .box-default:before { top: -30px; height: 40px; } .lpds2-wrap .content-diary .box-default:after { left: 60px; } .lpds2-wrap .content-diary .box-default:before { right: 60px; } .lpds2-wrap .content-diary-product__company { display: flex; align-items: center; gap: 8px; } .lpds2-wrap .content-diary-product__company .corp-logo { width: 24px; height: 24px; background-size: 24px 24px; } .lpds2-wrap .content-diary-product__prod { margin-top: 12px; } .lpds2-wrap .content-diary-product__desc { margin-top: 12px; } .lpds2-wrap .content-diary-guarantee .text-list .grid-row { grid-template-columns: 1fr auto; } .lpds2-wrap .content-diary-guarantee .text-list .grid-row .col { word-break: break-word; white-space: normal; } .lpds2-wrap .disease-tab1-graph .title-sub { padding: 0 0 20px 0; } .lpds2-wrap .disease-tab1-graph .graph-title { display: flex; align-items: center; justify-content: center; } .lpds2-wrap .disease-tab1-graph .graph-vertical { width: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; margin: 0; padding: 0; border-left: 1px solid #C7D3DB; height: 135px; } .lpds2-mo .lpds2-wrap .disease-tab1-graph .graph-vertical { padding: 0px; height: 110px; } .lpds2-wrap .disease-tab1-graph .graph-vertical__box { width: 100%; padding: 0; } .lpds2-wrap .disease-tab1-graph .graph-vertical__box.active-blue .bar { background-image: linear-gradient(to right, #E6F6EC, #28A65B); width: 0; animation: barGrow 1.5s ease-out forwards; } .lpds2-wrap .disease-tab1-graph .graph-vertical__box.active-red .bar { background-image: linear-gradient(to right, #FFC9CE, #F60019); width: 0; animation: barGrow 1.5s ease-out forwards; } .lpds2-wrap .disease-tab1-graph .graph-vertical__box.active-gray .bar { background-color: #C7D3DB; width: auto; animation: none; } .lpds2-wrap .disease-tab1-graph .graph-vertical__box.active-none .bar { background: transparent; border: 1px dashed #6A8294; border-left: none; width: auto; animation: none; } .lpds2-wrap .disease-tab1-graph .graph-vertical__box.active-none .bar .val { left: 11px !important; } .lpds2-mo .lpds2-wrap .disease-tab1-graph .graph-vertical__box.active-none .bar .val { left: 38px !important; } .lpds2-wrap .disease-tab1-graph .graph-vertical__view { display: flex; align-items: flex-start; justify-content: center; gap: 4px; } .lpds2-wrap .disease-tab1-graph .graph-vertical__view .bar { height: 30px; border-radius: 0 16px 16px 0; background-color: #DDE4E9; position: relative; width: 0; animation: barGrow 1.5s ease-out forwards; --bar-width: 100%; } .lpds2-pc .lpds2-wrap .disease-tab1-graph .graph-vertical__view .bar-L .val { right: 11px; } .lpds2-mo .lpds2-wrap .disease-tab1-graph .graph-vertical__view .bar-L .val { right: 7px; } .lpds2-pc .lpds2-wrap .disease-tab1-graph .graph-vertical__view .bar-R .val { right: 12px; } .lpds2-mo .lpds2-wrap .disease-tab1-graph .graph-vertical__view .bar-R .val { right: 7px; } .lpds2-wrap .disease-tab1-graph .graph-vertical__view .val { z-index: 9; top: 6px; right: 9px; transform: translateY(0%); width: auto; font-size: 13px; } .lpds2-pc .lpds2-wrap .disease-tab1-graph .graph-vertical__box { height: 28%; } .lpds2-wrap .disease-tab1-graph .graph-border { border-left: 1px solid #C7D3DB; } .lpds2-wrap .disease-tab1-graph .graph-legend { display: flex; flex-direction: row-reverse; } .lpds2-wrap .disease-tab1-graph .graph-cont { margin-bottom: 39px; border-bottom: 1px solid #C7D3DB; padding: 0 0 30px 0; } .lpds2-mo .lpds2-wrap .disease-tab1-graph .legend-right { width: 40%; } @keyframes barGrow { from { width: 0; } to { width: var(--bar-width); } } .lpds2-wrap .disease-info { white-space: pre-line; word-break: break-word; font-family: "SpoqaHanSans"; } .lpds2-wrap .disease-info-pop { padding-top: 25px; } .lpds2-wrap .disease-info-pop .disease-info-img { border: 1px solid #C7D3DB; max-width: 170px; } /*------------------------------------------------------------------- @ 수술정보 | NG01615S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .content-surgery .surgery-title { padding-bottom: 12px; } .lpds2-wrap .content-surgery .surgery-cont { border: 1px solid #C7D3DB; border-radius: 20px; overflow: hidden; } .lpds2-wrap .content-surgery .surgery-cont__title { padding: 20px 20px 20px 20px; background: #F2F4F6; } .lpds2-wrap .content-surgery .surgery-cont__list { padding-top: 20px; margin-left: 20px; margin-right: 20px; border-top: 1px solid #DDE4E9; } .lpds2-wrap .content-surgery .surgery-cont__list:first-child { border: none; } .lpds2-wrap .content-surgery .surgery-cont__list .content-surgery-product__company { display: flex; align-items: center; gap: 8px; } .lpds2-wrap .content-surgery .surgery-cont__list .content-surgery-product__company .corp-logo { width: 24px; height: 24px; background-size: 24px 24px; } .lpds2-wrap .content-surgery .surgery-cont__list .content-surgery-product__prod { margin-top: 12px; } .lpds2-wrap .content-surgery .surgery-cont__list .content-surgery-product__desc { margin-top: 12px; } .lpds2-wrap .content-surgery .surgery-cont__list .content-surgery-guarantee { padding-top: 12px; } .lpds2-wrap .content-surgery .surgery-cont__text { padding: 0 16px 20px 16px; } .lpds2-wrap .content-surgery .surgery-cont .summary-tb-wrap .btn-summary-more { margin-bottom: 10px; } .lpds2-wrap .content-surgery .surgery-cont .summary-tb-wrap .summary-tb { padding-bottom: 20px; } .lpds2-wrap .content-surgery .content-surgery-guarantee .text-list .grid-row { grid-template-columns: 1fr auto; } .lpds2-wrap .content-surgery .content-surgery-guarantee .text-list .grid-row .col { word-break: break-word; white-space: normal; } /*------------------------------------------------------------------- @ 보장분석 | NG01630S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .sticky-top { position: fixed; top: 0; left: 0; background-color: #FFFFFF; width: 100%; z-index: 2; transition: .2s; } .lpds2-mo .lpds2-wrap .sticky-top { top: 56px; } .lpds2-wrap .sticky-top .tab-wrap { position: relative; z-index: 2; } .lpds2-wrap .sticky-top .tab-wrap.scrollable-fix .tab-list-wrap { position: static; padding-top: 0; border-bottom: 1px solid #DDE4E9; } .lpds2-mo .lpds2-wrap .sticky-top.fixed { top: 0px; } .lpds2-wrap .sticky-top.fixed + .section { padding-top: 100px; } .lpds2-pc .lpds2-wrap .sticky-top + .section { padding-top: 100px; } .lpds2-mo .lpds2-wrap .sticky-top + .section { padding-top: 40px; } .lpds2-wrap .analysis-detail .sticky-top + .section { padding-top: 80px; } .lpds2-wrap .analysis-detail .sticky-top { z-index: 0; } .lpds2-wrap .analysis-detail .sticky-top .tab-wrap.scrollable-fix .tab-list-wrap { position: fixed; padding-top: 56px; top: 0; border-bottom: 1px solid #DDE4E9; } .lpds2-wrap .analysis-detail__title { display: flex; flex-direction: column; gap: 8px; } .lpds2-wrap .analysis-detail__title .category { display: flex; align-items: center; gap: 6px; } .lpds2-wrap .analysis-detail__title .category .icon { flex-shrink: 0; } .lpds2-wrap .analysis-detail__tip { display: flex; gap: 10px; align-items: flex-start; } .lpds2-wrap .analysis-detail__tip .icon { flex-shrink: 0; margin-top: 4px; } .lpds2-wrap .analysis-detail__list > .col:not(:first-child) { padding-top: 20px; border-top: 1px solid #DDE4E9; } .lpds2-wrap .analysis-detail__item { display: flex; gap: 12px; } .lpds2-wrap .analysis-detail__item .icon, .lpds2-wrap .analysis-detail__item .corp-logo { width: 40px; height: 40px; flex-shrink: 0; background-size: cover; background-color: #FFFFFF; } .lpds2-wrap .analysis-detail__item .text { flex: 1 1 auto; min-width: 0; } .lpds2-wrap .analysis-detail__item .text > p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lpds2-wrap .analysis-detail__item .fee { margin-left: auto; font-size: 16px; } .lpds2-wrap .analysis-detail .summary-list__title { flex: 0 1 auto; padding-right: 10px; font-weight: 400; color: #293A46; } .lpds2-wrap .analysis-detail .analysis-panel { border: 1px solid #C7D3DB; border-radius: 20px; } .lpds2-wrap .tab-wrap.rounded-type.scrollable-fix .tab-list { max-width: 768px; margin: 0 auto; } .lpds2-wrap .tab-wrap.rounded-type + .scrollable-type .tab-list-wrap::after { position: absolute; display: block; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #DDE4E9; } .lpds2-wrap .tab-wrap.rounded-type + .scrollable-type .tab-list { max-width: 768px; margin: 0 auto; border-bottom: 1px solid transparent; } .lpds2-wrap .tab-wrap.scrollable-fix .tab-list-wrap { position: fixed; top: 0; left: 0; width: 100%; padding-top: 28px; background-color: #FFFFFF; z-index: 2; transition: padding .2s; } .lpds2-wrap .tab-wrap.scrollable-fix .tab-list { display: flex; align-items: center; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; } .lpds2-pc .lpds2-wrap .tab-wrap.scrollable-fix .tab-list { padding: 12px 20px 12px 0; } .lpds2-mo .lpds2-wrap .tab-wrap.scrollable-fix .tab-list { padding: 12px 20px; } .lpds2-wrap .tab-wrap.scrollable-fix .tab-list::-webkit-scrollbar { display: none; } .lpds2-wrap .tab-wrap.scrollable-fix .tab-list__btn { min-width: auto; } .lpds2-wrap .toast-pop { position: fixed; background-color: #18262F; width: calc(100% - 40px); box-sizing: border-box; padding: 11px 20px; border-radius: 29px; opacity: 0; bottom: 0; left: 50%; transform: translateX(-50%); transition: .3s; z-index: 10; max-width: 640px; } .lpds2-wrap .toast-pop .grid-row { gap: 12px; align-items: center; } .lpds2-wrap .toast-pop .grid-row .icon { display: block; } .lpds2-wrap .toast-pop .btn-toast-close { position: absolute; top: -4px; left: -4px; border-radius: 50%; background-color: #DDE4E9; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .lpds2-wrap .toast-pop .btn-toast-close .icon { width: 10px; height: 10px; background-size: 10px 10px; } .lpds2-wrap .toast-pop.show { opacity: 1; bottom: 20px; } .lpds2-wrap .analysis-check__head .grid-row { align-items: center; } .lpds2-wrap .analysis-check .col > .icon-title { width: 55px; height: 55px; border-radius: 50%; background-color: #F2F4F6; background-size: 24px 24px; background-repeat: no-repeat; background-position: center; } .lpds2-wrap .analysis-check .summary-list { margin-top: 0; } .lpds2-wrap .analysis-check .summary-list > li { display: flex; align-items: baseline; justify-content: flex-start; align-items: center; gap: 8px; color: #293A46; } .lpds2-wrap .analysis-check .summary-list > li .icon { flex-shrink: 0; } .lpds2-wrap .analysis-check .summary-list__title { color: #293A46 !important; } .lpds2-wrap .bottom-fixed.upper-type .grid-column { position: relative; z-index: 2; } .lpds2-wrap .bottom-fixed.upper-type .toast-pop { position: absolute; bottom: auto; top: 33px; left: 20px; z-index: 1; transform: none; } .lpds2-wrap .bottom-fixed.upper-type .toast-pop.show { opacity: 1; top: -33px; bottom: auto; } /*------------------------------------------------------------------- @ 견적비교 | NG01800S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .people-ani { overflow: hidden; height: 24px !important; } .lpds2-wrap .people-ani .people { display: flex !important; align-items: center; flex-wrap: nowrap; transform: translateY(2px); width: 36px; overflow: hidden; float: left; } .lpds2-pc .lpds2-wrap .people-ani .people { width: 47px; } .lpds2-wrap .people-ani .people .person { width: 16px !important; height: 16px !important; border-radius: 50%; display: inline-block; margin: 0 -2px; background-color: #E6F6EC; transform: translateY(1px); flex-shrink: 0; float: none !important; } .lpds2-pc .lpds2-wrap .people-ani .people .person { width: 20px !important; height: 20px !important; transform: translateY(0); } .lpds2-wrap .people-ani .text { float: left; color: #6A8294; font-size: 14px; margin-left: 6px; } .lpds2-pc .lpds2-wrap .people-ani .text { font-size: 16px; margin-left: 10px; } .lpds2-wrap .section-estimate { position: relative; } .lpds2-wrap .section-estimate.ing { background: linear-gradient(to bottom, white 5%, #B8E8F9 30%); } .lpds2-pc .lpds2-wrap .section-estimate { padding-left: 30px; padding-right: 30px; } .lpds2-wrap .section-estimate:after { display: block; content: ''; width: 100%; height: 270px; position: absolute; bottom: 0; left: 0; z-index: -1; background: linear-gradient(to bottom, white, #B8E8F9); } .lpds2-mo .lpds2-wrap .section.section-estimatetab-last { padding-bottom: 110px !important; } .lpds2-pc .lpds2-wrap .section.section-estimatetab-last { padding-bottom: 140px !important; } .lpds2-wrap .section-estimate-info { background: linear-gradient(to bottom, white, #B8E8F9); padding-top: 0 !important; padding-bottom: 0 !important; } .lpds2-pc .lpds2-wrap .section-estimate-info { padding-top: 50px !important; } .lpds2-wrap .section-estimate-info.tab { padding-top: 50px !important; } .lpds2-wrap .section-estimate-ani { background-color: #ECF0FF; } .lpds2-wrap .section-estimate-ani .anitext-area { width: 220px; height: 36px; overflow: hidden; position: relative; margin: 0 auto; } .lpds2-pc .lpds2-wrap .section-estimate-ani .anitext-area { width: 285px; height: 48px; } .lpds2-wrap .section-estimate-ani .anitext-area b { position: absolute; top: 0; left: 0; } .lpds2-wrap .section-estimate-ani .anitext-area b:last-child { left: auto; right: 0; } .lpds2-wrap .section-estimate-ani .anitext-area .anitext-slick-slider { transform: translateY(-1px) translateX(16px); } .lpds2-wrap .section-estimate-ani .lottie-area { margin: 0 -16px; height: 180px; overflow: hidden; position: relative; } .lpds2-wrap .section-estimate-ani .lottie-area > div { height: 100%; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } .lpds2-wrap .section-estimate-comparison .lottie-area { width: 330px; height: 230px; margin: 0 auto; } .lpds2-wrap .estimate-view * { width: 100%; } .lpds2-wrap .estimate-img { height: 220px; position: relative; overflow: hidden; } .lpds2-pc .lpds2-wrap .estimate-img { height: 250px; } .lpds2-wrap .estimate-img__img { background-color: #FFFFFF; border-radius: 12px 12px 0 0; box-shadow: 0px 3px 16px rgba(2, 134, 232, 0.2); width: 191px; padding: 16px; box-sizing: border-box; position: absolute; bottom: 0; transform: translate(-50%, 0); left: 50%; } .lpds2-pc .lpds2-wrap .estimate-img__img { width: 215px; padding: 24px 16px; } .lpds2-wrap .estimate-img__img:after { display: block; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140px; height: 98px; background-size: contain; background-repeat: no-repeat; } .lpds2-wrap .estimate-img__img strong { display: block; font-size: 16px; text-align: center; margin-bottom: 14px; } .lpds2-pc .lpds2-wrap .estimate-img__img strong { font-size: 18px; } .lpds2-wrap .estimate-img__img ul { margin-top: 8px; margin-bottom: 32px; } .lpds2-wrap .estimate-img__img ul li { overflow: hidden; margin-top: 2px; } .lpds2-pc .lpds2-wrap .estimate-img__img ul li { margin-top: 4px; } .lpds2-wrap .estimate-img__img ul li span { color: #6A8294; float: left; } .lpds2-wrap .estimate-img__img ul li i { float: right; transform: translateY(3px); } .lpds2-wrap .estimate-img__img p { font-size: 20px; text-align: right; color: #6A8294; } .lpds2-wrap .estimate-img__img.designer { animation: estimateDesignerAni 1s 0.7s forwards; } .lpds2-wrap .estimate-img__img.designer strong { color: #42B2EB; } .lpds2-wrap .estimate-img__img.designer:after { background-image: url("data:image/svg+xml,%3Csvg width='157' height='98' viewBox='0 0 157 98' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%2342B2EB' stroke-width='16' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.16'%3E%3Cpath d='M22.442 8.732 49.705 90M79.442 8.732 106.705 90M135.558 8.732 108.295 90M77.558 8.732 50.295 90M8.212 28.5l140.721.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .lpds2-wrap .estimate-img__img.lifeplanet { opacity: 0; animation: estimateLifeplanetAni 1s 0.7s forwards; } .lpds2-wrap .estimate-img__img.lifeplanet strong { color: #75CC93; } .lpds2-wrap .estimate-img__img.lifeplanet:after { background-image: url("data:image/svg+xml,%3Csvg width='157' height='98' viewBox='0 0 157 98' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%2330B566' stroke-width='16' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-opacity='.16'%3E%3Cpath d='M22.442 8.732 49.705 90M79.442 8.732 106.705 90M135.558 8.732 108.295 90M77.558 8.732 50.295 90M8.212 28.5l140.721.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } @keyframes estimateDesignerAni { 0% { left: 50%; } 100% { left: 40%; } } @keyframes estimateLifeplanetAni { 0% { left: 50%; opacity: 0; } 100% { opacity: 1; left: 60%; } } .lpds2-wrap .indicator__inner .indicator .grid-row { align-items: center; } .lpds2-wrap .indicator__inner .indicator-step { display: inline-flex; align-items: center; color: #6A8294; } .lpds2-pc .lpds2-wrap .indicator__inner .indicator-step { gap: 24px; } .lpds2-mo .lpds2-wrap .indicator__inner .indicator-step { gap: 8px; } .lpds2-wrap .indicator__inner .indicator-step li.ing { font-weight: 700; } .lpds2-wrap .indicator__inner .indicator-step li.ing .indicator__num { background-color: #293A46; } .lpds2-wrap .indicator__inner .indicator-step li.ing .indicator__text { color: #293A46; } .lpds2-wrap .indicator__inner .indicator__status { display: flex; align-items: center; gap: 8px; } .lpds2-wrap .indicator__inner .indicator__num { display: flex; align-items: center; justify-content: center; color: #FFFFFF; background-color: #C7D3DB; border-radius: 50%; } .lpds2-pc .lpds2-wrap .indicator__inner .indicator__num { width: 24px; height: 24px; line-height: 24px; font-size: 14px; } .lpds2-mo .lpds2-wrap .indicator__inner .indicator__num { width: 20px; height: 20px; font-size: 12px; } .lpds2-wrap .estimate-paper { box-shadow: 0 0 10px rgba(2, 134, 232, 0.2); background-color: #FFFFFF; border-radius: 16px; padding: 20px; box-sizing: border-box; position: relative; } .lpds2-pc .lpds2-wrap .estimate-paper { padding: 30px 24px; } .lpds2-wrap .estimate-paper:after { display: block; content: ''; position: absolute; top: -9px; right: 16px; width: 30px; height: 37px; background-size: contain; background-image: url("/lpds2/resources/images/analysis/estimate_clip.png"); } .lpds2-wrap .estimate-paper__title { text-align: center; border-bottom: 1px solid #DDE4E9; padding-bottom: 20px; } .lpds2-wrap .estimate-paper__title .text { font-size: 18px; } .lpds2-pc .lpds2-wrap .estimate-paper__title .text { font-size: 20px; } .lpds2-wrap .estimate-paper__title .fee { font-size: 20px; color: #28A65B; display: block; margin-top: 4px; } .lpds2-wrap .estimate-paper__contents { padding-top: 20px; } .lpds2-wrap .estimate-paper__contents .wait { text-align: center; } .lpds2-wrap .estimate-paper__contents .wait .dot { padding-bottom: 8px; } .lpds2-wrap .estimate-paper__contents .wait .dot span { width: 6px; height: 6px; border-radius: 50%; background-color: #C7D3DB; display: inline-block; margin: 0 4px; animation: bounce 1s infinite ease-in-out; } .lpds2-wrap .estimate-paper__contents .wait .dot span:nth-child(1) { animation-delay: 0s; } .lpds2-wrap .estimate-paper__contents .wait .dot span:nth-child(2) { animation-delay: 0.1s; } .lpds2-wrap .estimate-paper__contents .wait .dot span:nth-child(3) { animation-delay: 0.2s; } .lpds2-wrap .estimate-paper__contents .wait .dot span:nth-child(4) { animation-delay: 0.3s; } .lpds2-wrap .estimate-paper__contents .done .expert { text-align: center; padding-right: 10px; box-sizing: border-box; } .lpds2-wrap .estimate-paper__contents .done .expert .person { width: 60px; height: 60px; margin: 0 auto; border-radius: 50%; } .lpds2-pc .lpds2-wrap .estimate-paper__contents .done .expert .person { width: 70px; height: 70px; } .lpds2-wrap .estimate-paper__contents .done .expert span { font-size: 12px; margin-top: 4px; line-height: 1.5; display: inline-block; } .lpds2-pc .lpds2-wrap .estimate-paper__contents .done .expert span { font-size: 14px; } .lpds2-wrap .estimate-paper__contents .done .text { background-color: #F2F4F6; padding: 12px 16px; box-sizing: border-box; border-radius: 16px; position: relative; word-break: break-all; } .lpds2-pc .lpds2-wrap .estimate-paper__contents .done .text { font-size: 16px; padding: 16px; } .lpds2-wrap .estimate-paper__contents .done .text:after { position: absolute; top: 16px; left: -12px; display: block; transform: rotate(90deg); content: ''; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 20px solid #F2F4F6; /* 삼각형의 색 */ } .lpds2-wrap .expert-paper { margin-top: 100px; } .lpds2-mo .lpds2-wrap .expert-paper { margin-top: 60px; } .lpds2-wrap .expert-paper__title { padding-bottom: 20px; } .lpds2-wrap .expert-paper__title .name { font-size: 14px; display: block; margin-bottom: 6px; color: #456071; } .lpds2-pc .lpds2-wrap .expert-paper__title .name { font-size: 16px; } .lpds2-wrap .expert-paper__title .text { font-size: 20px; margin-top: 4px; } .lpds2-pc .lpds2-wrap .expert-paper__title .text { font-size: 24px; } .lpds2-wrap .expert-paper__title .fee { font-size: 24px; color: #28A65B; display: block; margin-top: 4px; } .lpds2-wrap .expert-paper__title .fee .btn { vertical-align: middle; margin-left: 8px; } .lpds2-pc .lpds2-wrap .expert-paper__title .fee { font-size: 26px; } .lpds2-wrap .expert-paper__title .btn { margin-top: 12px; } .lpds2-pc .lpds2-wrap .expert-paper__title .btn { margin-top: 20px; } .lpds2-wrap .expert-paper-expert { position: fixed; top: 40px; left: 50%; transform: translate(-50%, 0); } .lpds2-wrap .expert-paper-expert .person { width: 130px; height: 130px; border-radius: 50%; } .lpds2-wrap .my-paper__title { border-bottom: 1px solid #DDE4E9; margin-bottom: 24px; padding-bottom: 24px; } .lpds2-wrap .my-paper__title .text { font-size: 20px; } .lpds2-pc .lpds2-wrap .my-paper__title .text { font-size: 24px; } @keyframes bounce { 0%, 35%, 100% { transform: translateY(0); } 20% { transform: translateY(-8px); } } /*------------------------------------------------------------------- @ 견적비교 리스트 | NG01802S.jsp -------------------------------------------------------------------*/ .lpds2-wrap.estimate-list .content { padding-top: 10px !important; padding-bottom: 0 !important; } .lpds2-wrap.estimate-list .section-estimate { padding-bottom: 40px; } .lpds2-wrap.estimate-list .section-estimate .estimate-lottie { width: 280px; margin: 0 auto -30px; } .lpds2-pc .lpds2-wrap.estimate-list .section-estimate .estimate-lottie { margin: 0 auto -44px; } .lpds2-pc .lpds2-wrap .review-con__list > li:first-child { padding-top: 0; } .lpds2-mo .lpds2-wrap .review-con__list > li:first-child { padding-top: 0; } .lpds2-wrap .review-con__list > li:last-child { padding-bottom: 0; } /*------------------------------------------------------------------- @ 로딩화면 | NG01811S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .load-estimate { background: linear-gradient(to bottom, white 5%, #B8E8F9 30%); text-align: center; } .lpds2-wrap .load-estimate__img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .lpds2-wrap .load-estimate__img .img { position: relative; height: 150px; } .lpds2-wrap .load-estimate__img .img span { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 24px; font-weight: 700; display: inline-block; position: absolute; top: 16px; left: calc(50% + 90px); transform: translate(-50%, 0); background-color: #F06300; color: #FFFFFF; } .lpds2-wrap .load-estimate__img .load-text { font-size: 24px; font-weight: 700; } /*------------------------------------------------------------------- @ 질병검색 | NG01900S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .section-dsearch { padding-top: 50px !important; } .lpds2-pc .lpds2-wrap .section-dsearch { padding-bottom: 100px !important; } .lpds2-wrap .section-dsearch .tab-content { padding: 20px 0 !important; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list .recent-item { position: relative; display: inline-flex; align-items: center; margin-right: 8px; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list .recent-item .btn-recent-delete { background: none; border: none; cursor: pointer; margin-left: -21px; margin-top: -2px; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list .recent-item .btn-recent-delete .icon { width: 12px; height: 12px; margin-top: -2px; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list li { width: auto; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list::-webkit-scrollbar { display: none; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list .slick-track { display: flex !important; align-items: center; cursor: grab; min-width: 100%; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list .slick-slide { margin: 0 20px 0 0; float: none !important; display: flex !important; align-items: center; height: auto !important; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list__btn { min-width: auto; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .recent-list .no-search { width: 100%; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .tag.icon-type { display: flex; align-items: center; color: #171717; padding: 0 30px 0 0; } .lpds2-wrap .section-dsearch .dsearch-scrollable-fix .tag.icon-type > span { display: inline-block; margin-left: 8px; font-size: 14px; } .lpds2-mo .lpds2-wrap .section-dsearch .tab-list-wrap { margin-left: -16px; width: calc(100% + 32px); } .lpds2-wrap .section-dsearch .search-rank .rank-list .col { display: flex; align-items: center; } .lpds2-wrap .section-dsearch .search-rank .rank-list .box-border { border: none; padding: 10px 15px; } .lpds2-wrap .section-dsearch .search-rank .rank-list .js-active a { border: 1px solid #28A65B; } .lpds2-wrap .section-dsearch .search-rank .rank-number span { padding-right: 12px; } .lpds2-wrap .section-dsearch .search-rank .rank-desc { display: none; } .lpds2-wrap .section-dsearch .search-rank .rank-desc p { white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: hidden; } .lpds2-pc .lpds2-wrap .section-dsearch .search-rank .rank-desc p { width: 250px; } .lpds2-mo .lpds2-wrap .section-dsearch .search-rank .rank-desc p { width: 40%; } .lpds2-wrap .section-dsearch .search-rank .js-active .rank-number { font-weight: bold; transition: color 0.2s ease-in-out; } .lpds2-wrap .section-dsearch .search-rank .js-active .rank-number span { color: #28A65B; } .lpds2-pc .lpds2-wrap .section-dsearch .search-loading { margin: 30px auto; } .lpds2-mo .lpds2-wrap .section-dsearch .search-loading { width: 90%; margin: 10px auto; } .lpds2-wrap .section-dsearch .search-loading .img { width: 56px; height: 56px; background-color: #F2F4F6; border-radius: 16px; position: relative; transform: translateY(4px); } .lpds2-wrap .section-dsearch .search-loading .img .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lpds2-wrap .section-dsearch .search-loading .img .dot { position: absolute; top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%); } .lpds2-wrap .section-dsearch .search-loading .img .dot span { width: 4px; height: 4px; border-radius: 50%; background-color: #6A8294; display: inline-block; margin: 0 1px; animation: bounce 1.5s infinite ease-in-out; } .lpds2-wrap .section-dsearch .search-loading .img .dot span:nth-child(1) { animation-delay: 0s; } .lpds2-wrap .section-dsearch .search-loading .img .dot span:nth-child(2) { animation-delay: 0.1s; } .lpds2-wrap .section-dsearch .search-loading .img .dot span:nth-child(3) { animation-delay: 0.2s; } .lpds2-wrap .section-dsearch .search-loading .txt { box-sizing: border-box; } .lpds2-wrap .section-dsearch .search-loading .txt p { font-weight: 500; } .lpds2-wrap .section-dsearch .summary-tb-wrap .summary-tb.hidden { position: relative; max-height: 255px; overflow: hidden; } .lpds2-wrap .section-dsearch .summary-tb-wrap .summary-tb.hidden::after { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 67px; background-image: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0)); } .lpds2-wrap .section-dsearch .summary-tb-wrap .summary-tb > li + li { margin-top: 0px; } .lpds2-pc .lpds2-wrap .section-dsearch .intro-lottie__player { width: 80px; height: 80px; } .lpds2-mo .lpds2-wrap .section-dsearch .intro-lottie__player { width: 60px; height: 60px; } .lpds2-wrap .section-dsearch .input__inner { height: 65px; } /*------------------------------------------------------------------- @ 빠른검색 | NG01910S.jsp -------------------------------------------------------------------*/ .lpds2-wrap .quick-search-wrap.inline-type { overflow: hidden; overflow-x: auto; white-space: nowrap; scroll-behavior: initial; } .lpds2-wrap .quick-search-wrap .quick-search-list { scroll-snap-type: x mandatory; overflow: initial; display: flex; align-items: center; border: none; border-radius: 0; } .lpds2-wrap .quick-search-wrap .quick-search-list > li { margin-right: 0px; width: calc(784px/10); scroll-snap-align: start; flex: 0 0 auto; position: relative; text-align: center; align-items: flex-start; } .lpds2-pc .lpds2-wrap .quick-search-wrap .quick-search-list > li { width: calc(768px/10); } .lpds2-wrap .quick-search-wrap .img { display: flex; background: #F2F4F6; width: 72px; height: 72px; border-radius: 20px; justify-content: center; align-items: center; } .lpds2-wrap .content-quick-search .tab-wrap.inline-type .tab-list-wrap { overflow-x: auto; overflow-y: hidden; white-space: nowrap; scroll-behavior: smooth; } .lpds2-wrap .content-quick-search .tab-wrap.inline-type .tab-list { scroll-snap-type: x mandatory; } .lpds2-wrap .content-quick-search .tab-wrap.inline-type .tab-list > li { margin-right: 0px; width: calc(784px/10); scroll-snap-align: start; } .lpds2-wrap .content-quick-search .tab-contents .tab-content { padding: 10px 0px 0 0; } .lpds2-wrap .content-quick-search .title-sub { padding: 0 16px; } .lpds2-wrap .content-quick-search .section { padding: 0 !important; } .lpds2-wrap .content-quick-search .img { display: flex; background: #F2F4F6; width: 72px; height: 72px; border-radius: 20px; justify-content: center; align-items: center; } .lpds2-wrap .content-quick-search .disease-status__info { display: flex; width: 100%; justify-content: space-between; align-items: center; } .lpds2-wrap .content-quick-search .panel-box > li { border-radius: 0; overflow: hidden; border: 1px solid transparent; } .lpds2-wrap .content-quick-search .panel-box > li + li { margin-top: 12px; } .lpds2-wrap .content-quick-search .panel-box--bg > li { background-color: #F2F4F6; } .lpds2-wrap .content-quick-search .panel-box--bg > li.js-active { border: 1px solid transparent; } .lpds2-wrap .content-quick-search .panel-box--bg > li .panel-box__view { padding: 0 20px 20px; } .lpds2-wrap .content-quick-search .panel-box--bg > li .panel-box__view .cover-list { margin-top: 12px; } .lpds2-wrap .content-quick-search .panel-box--bg > li .panel-box__view .cover-list .tit { color: #293A46; } .lpds2-wrap .content-quick-search .panel-box--bg > li .panel-box__view .summary-list li + li { margin-top: 8px; } .lpds2-wrap .content-quick-search .panel-box--icon > li:first-child { position: relative; } .lpds2-wrap .content-quick-search .panel-box--icon > li:first-child::after { display: block; content: ''; width: 32px; height: 32px; border-radius: 100%; background: #fff url(/resources/images/analysis/icon_plus.png) no-repeat center center/24px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12); position: absolute; top: calc(100% - 10px); left: 50%; transform: translateX(-50%); z-index: 1; } .lpds2-wrap .content-quick-search .panel-box--icon > li { overflow: visible; } .lpds2-wrap .content-quick-search .panel-box--icon > li .panel-box__item { position: relative; border-radius: 16px; overflow: hidden; } .lpds2-wrap .content-quick-search .panel-box__item { display: flex; flex-direction: column; gap: 0; } .lpds2-wrap .content-quick-search .panel-box__title { background-color: #FFFFFF; border-bottom: 1px solid #DDE4E9; } .lpds2-wrap .content-quick-search .panel-box__title > .sub-title-md { padding: 12px 20px; display: flex; gap: 8px; justify-content: flex-start; align-items: center; } .lpds2-wrap .content-quick-search .panel-box__title > .fs-16 { font-weight: 400; color: #293A46; padding: 12px 20px; display: flex; gap: 8px; justify-content: flex-start; align-items: center; } .lpds2-wrap .content-quick-search .panel-box__title .btn-accodion { margin-left: auto; } .lpds2-wrap .content-quick-search .panel-box__view { padding: 24px 20px 32px; border-bottom: 1px solid #DDE4E9; } .lpds2-wrap .content-quick-search .panel-box__view .tit-desc { display: inline-flex; align-items: center; font-weight: 400; color: #171717; } .lpds2-pc .lpds2-wrap .content-quick-search .panel-box__view .tit-desc { font-size: 16px; } .lpds2-mo .lpds2-wrap .content-quick-search .panel-box__view .tit-desc { font-size: 14px; } .lpds2-wrap .content-quick-search .panel-box__view .grid-column + .grid-column { border-top: 1px solid #DDE4E9; padding-top: 20px; } /*------------------------------------------------------------------- @ 검색결과 | NG01920P.jsp -------------------------------------------------------------------*/ .lpds2-wrap .content-result .section-dsearch { padding-top: 0; } .lpds2-wrap .content-result .text-list > li { padding-left: 0; } .lpds2-wrap .content-result .summary-tb li .box-border { margin-bottom: 16px; } .lpds2-wrap .content-result .summary-tb li span { white-space: normal; word-break: break-word; overflow-wrap: break-word; max-width: 100%; } /*# sourceMappingURL=lpds2.analysis.css.map */