.loaderWrapper{text-align:center}.medicalRecordsDetail{margin:60px auto 0;width:calc(100% - 80px);max-width:1024px;line-height:1.5}.medicalRecordsDetail .md_back{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;opacity:var(--opacity-6);z-index:9998}.medicalRecordsDetail .loader{z-index:9999;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.medicalRecordsDetail .listCon{display:flex;flex-direction:column;gap:16px}.medicalRecordsDetail .listItem,.medicalRecordsDetail .titleItem{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 40px;position:relative;border:var(--border-width-1) solid var(--color-border-primary);border-radius:var(--primitive-size-12)}.medicalRecordsDetail .listItem .cg_right{position:absolute;top:24px;right:40px}.medicalRecordsDetail .listItem .cg_right .more{color:var(--color-text-placeholder);font-size:var(--font-size-14);text-align:right;text-decoration:underline}.medicalRecordsDetail .listItem .left,.medicalRecordsDetail .titleItem .left{display:flex;flex-direction:column;gap:8px}.medicalRecordsDetail .titleItem .kind{font-size:var(--font-size-16);color:var(--primitive-color-success)}.medicalRecordsDetail .listItem .left .name,.medicalRecordsDetail .titleItem .left .name{font-size:var(--font-size-22);font-weight:var(--font-weight-m)}.medicalRecordsDetail .listItem .info,.medicalRecordsDetail .titleItem .left .info{display:flex;gap:4px;font-size:var(--font-size-16);color:var(--color-text-tertiary)}.medicalRecordsDetail .listItem{cursor:pointer}.medicalRecordsDetail .info>p{margin:0}.medicalRecordsDetail .listItem .days{font-size:var(--font-size-16);color:var(--color-text-brand)}.medicalRecordsDetail .medicalRecordsModal{position:relative;width:100%;height:100%;z-index:9999}.medicalRecordsDetail .medicalRecordsModal .x-btn{cursor:pointer}.medicalRecordsDetail .medicalRecordsModal .medicineModal{width:100%;max-width:535px;position:fixed;top:50%;left:50%;transform:translate(calc(-50% + .5px),calc(-50% + 1px));background-color:#fff;z-index:9999;border-radius:var(--border-radius-20)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .modalwrap{position:relative}.medicalRecordsDetail .medicalRecordsModal .medicineModal .top{display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;position:sticky;top:0;left:0;background:var(--color-bg-inverse);border-radius:var(--border-radius-20) var(--border-radius-20) 0 0}.medicalRecordsDetail .medicalRecordsModal .medicineModal .top .title{font-size:var(--font-size-16);font-weight:var(--font-weight-m)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .top .title .x-btn{cursor:pointer}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap{padding:0 20px 0 20px;margin:0 0 20px 0;width:100%;height:516px;overflow-y:auto}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap::-webkit-scrollbar{width:6px;height:100%}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap::-webkit-scrollbar-thumb{height:30%;background:var(--color-bg-scrollthumb);border-radius:10px}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap::-webkit-scrollbar-track{background:var(--color-bg-scrolltrack)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap::-webkit-scrollbar{width:6px;height:100%}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap::-webkit-scrollbar-thumb{height:30%;background:var(--color-bg-scrollthumb);border-radius:10px}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap::-webkit-scrollbar-track{background:var(--color-bg-scrolltrack)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .medicineImg{width:100%;border-radius:var(--border-radius-12)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .medicineImg .skeleton{width:100%;height:270px;border-radius:var(--border-radius-12);background-color:var(--color-bg-box);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.medicalRecordsDetail .medicalRecordsModal .medicineModal .medicineImg img{width:100%;border-radius:var(--border-radius-12)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infobox{margin:20px 0}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infobox .normal{display:inline-block;padding:2px 10px;background-color:var(--color-bg-lightgreen);font-size:var(--font-size-12);font-weight:var(--font-size-m);color:var(--color-text-success);border-radius:var(--border-radius-4)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infobox .pro{display:inline-block;padding:2px 10px;background-color:var(--color-bg-lightred);font-size:var(--font-size-12);color:var(--color-text-error);border-radius:var(--border-radius-4)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infobox .name{margin:4px 0;font-size:var(--font-size-20);font-weight:var(--font-weight-m)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infobox>ul{font-size:var(--font-size-14);padding:0}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infobox>ul li{margin:4px 0 0 0}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infobox>ul li:first-child{margin:0}.medicalRecordsDetail .medicalRecordsModal .medicineModal ul.tabs{display:flex;overflow-x:scroll;padding:0}.medicalRecordsDetail .medicalRecordsModal .medicineModal ul.tabs li{padding:8px 20px;margin:0 4px 0 0;border-radius:var(--border-radius-20);font-size:var(--font-size-14);cursor:pointer;border:var(--border-width-1) solid var(--color-border-primary);box-sizing:border-box;white-space:nowrap}.medicalRecordsDetail .medicalRecordsModal .medicineModal ul.tabs::-webkit-scrollbar{display:none}.medicalRecordsDetail .medicalRecordsModal .medicineModal ul.tabs li:last-child{margin:0}.medicalRecordsDetail .medicalRecordsModal .medicineModal ul.tabs li.current{background:var(--color-bg-brand);color:var(--color-text-inverse);border:none}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content{margin:20px 0 0 0}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .how>p,.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .what>p{margin:0 0 8px 0;font-size:var(--font-size-14);font-weight:var(--font-weight-m)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .how{margin:20px 0 0 0}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox{padding:20px;border-radius:var(--border-radius-12);font-size:var(--font-size-14);background-color:var(--color-bg-lightskyblue)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .cautionTitle{margin:8px 0 4px 0;font-weight:var(--font-weight-m)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox .title{font-weight:var(--font-weight-m);margin-top:4px}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox .modalTable{margin-top:8px;width:100%}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox .modalTable,.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox .modalTable>tbody,.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox .modalTable>tbody>tr,.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox .modalTable>tbody>tr>td{border:var(--border-width-1) solid var(--color-border-black);border-collapse:collapse;background-color:var(--color-bg-inverse)}.medicalRecordsDetail .medicalRecordsModal .medicineModal .tab-content .contentBox .txtbox .modalTable>tbody>tr>td{padding:4px}.medicalRecordsDetail .medicalRecordsModal .medicineModal #dur>ul{padding:0}.medicalRecordsDetail .medicalRecordsModal .medicineModal #dur>ul li{padding:20px 0;font-size:var(--font-size-14);border-bottom:var(--border-width-1) solid var(--color-border-primary)}.medicalRecordsDetail .medicalRecordsModal .medicineModal #dur>ul li:last-child{border-bottom:none;padding-bottom:0}.medicalRecordsDetail .medicalRecordsModal .medicineModal #dur>ul li .title{margin:0 0 10px 0;font-size:var(--font-size-16);font-weight:var(--font-weight-b)}.medicalRecordsDetail .medicalRecordsModal .page_inform{padding:20px;margin:20px 0 0 0;font-size:var(--font-size-14);background:var(--color-bg-box);border-radius:var(--border-radius-12)}.medicalRecordsDetail .medicalRecordsModal .page_inform ul{display:flex;flex-direction:column;gap:4px}.medicalRecordsDetail .medicalRecordsModal .page_inform ul li{display:flex;gap:8px}.medicalRecordsDetail .medicalRecordsModal .page_inform ul .inform_title{font-weight:var(--font-weight-m)}.medicalRecordsDetail .medicalRecordsModal .page_inform>ul>li>.dot{margin:8px 0 0 4px;width:4px;height:4px;background:var(--color-bg-darkgrey);border-radius:var(--border-radius-full)}.medicalRecordsDetail .medicalRecordsModal .page_inform>ul>li>div{width:95%;color:var(--color-text-tertiary)}.medicalRecordsDetail .medicalRecordsModal .page_inform>ul>li>div .legal{color:var(--color-text-primary);font-weight:var(--font-weight-m);cursor:pointer}.medicalRecordsDetail .medicalRecordsModal .page_inform>ul>li>div .legal:hover{color:var(--primitive-color-primaryDark);text-decoration:underline}.medicalRecordsDetail .medicalRecordsModal .page_inform .legal_view{padding:12px;margin:12px 0 0 0;background:var(--color-bg-inverse);border-radius:var(--border-radius-8)}.medicalRecordsDetail .medicalRecordsModal .page_inform .legal_view .legal_view_title{margin:0 0 4px 0;font-weight:var(--font-weight-m)}.medicalRecordsDetail .medicalRecordsModal .page_inform .legal_view .legal_view_content{color:var(--color-text-tertiary)}@media screen and (max-width:1024px){.medicalRecordsDetail{width:calc(100% - 64px)}}@media screen and (max-width:767px){.medicalRecordsDetail{margin:40px auto 0;width:calc(100% - 40px)}.medicalRecordsDetail .titleItem{padding:16px 24px}.medicalRecordsDetail .listItem .cg_right{top:16px;right:24px}.medicalRecordsDetail .listItem .left,.medicalRecordsDetail .titleItem .left{gap:4px}.medicalRecordsDetail .listItem .left .name,.medicalRecordsDetail .titleItem .left .name{font-size:var(--font-size-18)}.medicalRecordsDetail .listItem .info,.medicalRecordsDetail .titleItem .left .info{font-size:var(--font-size-14)}.medicalRecordsDetail .titleItem .kind{font-size:var(--font-size-14)}.medicalRecordsDetail .listItem .days{font-size:var(--font-size-14)}.medicalRecordsDetail .listItem{padding:16px 24px;flex-direction:column;align-items:flex-start;gap:4px}.medicalRecordsDetail .medicalRecordsModal .medicineModal{max-width:100%;height:100%;top:0;left:0;transform:translate(0,0);border-radius:0}.medicalRecordsDetail .medicalRecordsModal .medicineModal .infoWrap{padding:0 20px 20px 20px;height:calc(100% - 64px)}}