.medicineInfoModal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;line-height:1.5}.medicineInfoModal .x-btn{cursor:pointer}.medicineInfoModal .medicineModal{padding:0 0 20px 0;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)}.medicineInfoModal .medicineModal .modalwrap{position:relative}.medicineInfoModal .medicineModal .top{display:flex;justify-content:space-between;align-items:center;padding:20px;width:100%;position:fixed;top:0;left:0;background:var(--color-bg-inverse);border-radius:var(--border-radius-20) var(--border-radius-20) 0 0}.medicineInfoModal .medicineModal .top .title{font-size:var(--font-size-16);font-weight:var(--font-weight-m)}.medicineInfoModal .medicineModal .top .title .x-btn{cursor:pointer}.medicineInfoModal .medicineModal .infoWrap{padding:0 20px 0 20px;margin:64px 0 0 0;width:100%;height:516px;overflow-y:auto}.medicineInfoModal .medicineModal .infoWrap::-webkit-scrollbar{width:6px;height:100%}.medicineInfoModal .medicineModal .infoWrap::-webkit-scrollbar-thumb{height:30%;background:var(--color-bg-scrollthumb);border-radius:10px}.medicineInfoModal .medicineModal .infoWrap::-webkit-scrollbar-track{background:var(--color-bg-scrolltrack)}.medicineInfoModal .medicineModal .infoWrap::-webkit-scrollbar{width:6px;height:100%}.medicineInfoModal .medicineModal .infoWrap::-webkit-scrollbar-thumb{height:30%;background:var(--color-bg-scrollthumb);border-radius:10px}.medicineInfoModal .medicineModal .infoWrap::-webkit-scrollbar-track{background:var(--color-bg-scrolltrack)}.medicineInfoModal .medicineModal .medicineImg{width:100%;border-radius:var(--border-radius-12)}.medicineInfoModal .medicineModal .medicineImg img{width:100%;border-radius:var(--border-radius-12)}.medicineInfoModal .medicineModal .infobox{margin:20px 0}.medicineInfoModal .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-weight-m);color:var(--color-text-success);border-radius:var(--border-radius-4)}.medicineInfoModal .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)}.medicineInfoModal .medicineModal .infobox .name{margin:4px 0;font-size:var(--font-size-20);font-weight:var(--font-weight-m)}.medicineInfoModal .medicineModal .infobox>ul{font-size:var(--font-size-14);padding:0}.medicineInfoModal .medicineModal .infobox>ul li{margin:4px 0 0 0}.medicineInfoModal .medicineModal .infobox>ul li:first-child{margin:0}.medicineInfoModal .medicineModal ul.tabs{display:flex;overflow-x:scroll;padding:0}.medicineInfoModal .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}.medicineInfoModal .medicineModal ul.tabs::-webkit-scrollbar{display:none}.medicineInfoModal .medicineModal ul.tabs li:last-child{margin:0}.medicineInfoModal .medicineModal ul.tabs li.current{background:var(--color-bg-brand);color:var(--color-text-inverse);border:var(--border-width-1) solid var(--primitive-color-primary)}.medicineInfoModal .medicineModal .tab-content{margin:20px 0 0 0}.medicineInfoModal .medicineModal .tab-content .contentBox .how>p,.medicineInfoModal .medicineModal .tab-content .contentBox .what>p{margin:0 0 8px 0;font-size:var(--font-size-14);font-weight:var(--font-weight-m)}.medicineInfoModal .medicineModal .tab-content .contentBox .how{margin:20px 0 0 0}.medicineInfoModal .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)}.medicineInfoModal .medicineModal .tab-content .contentBox .cautionTitle{margin:8px 0 4px 0;font-weight:var(--font-weight-m)}.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox>div{margin-top:8px}.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox>div:nth-child(1){margin-top:0}.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox .title{font-weight:var(--font-weight-m)}.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox .modalTable{margin-top:8px;width:100%}.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox .modalTable,.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox .modalTable>tbody,.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox .modalTable>tbody>tr,.medicineInfoModal .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)}.medicineInfoModal .medicineModal .tab-content .contentBox .txtbox .modalTable>tbody>tr>td{padding:4px}.medicineInfoModal .medicineModal #dur>ul{padding:0}.medicineInfoModal .medicineModal #dur>ul li{padding:20px 0;font-size:var(--font-size-14);border-bottom:var(--border-width-1) solid var(--color-border-primary)}.medicineInfoModal .medicineModal #dur>ul li:last-child{border-bottom:none;padding-bottom:0}.medicineInfoModal .medicineModal #dur>ul li .title{margin:0 0 10px 0;font-size:var(--font-size-16);font-weight:var(--font-weight-b)}.medicineInfoModal .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)}.medicineInfoModal .page_inform ul{display:flex;flex-direction:column;gap:4px}.medicineInfoModal .page_inform ul li{display:flex;gap:8px}.medicineInfoModal .page_inform ul .inform_title{font-weight:var(--font-weight-m)}.medicineInfoModal .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)}.medicineInfoModal .page_inform>ul>li>div{width:95%;color:var(--color-text-tertiary)}.medicineInfoModal .page_inform>ul>li>div .legal{color:var(--color-text-primary);font-weight:var(--font-weight-m);cursor:pointer}.medicineInfoModal .page_inform>ul>li>div .legal:hover{color:var(--primitive-color-primaryDark);text-decoration:underline}.medicineInfoModal .page_inform .legal_view{padding:12px;margin:12px 0 0 0;background:var(--color-bg-inverse);border-radius:var(--border-radius-8)}.medicineInfoModal .page_inform .legal_view .legal_view_title{margin:0 0 4px 0;font-weight:var(--font-weight-m)}.medicineInfoModal .page_inform .legal_view .legal_view_content{color:var(--color-text-tertiary)}@media screen and (max-width:767px){.medicineInfoModal .medicineModal{padding:0;height:100%;max-width:none;top:0;left:0;transform:translate(0,0);border-radius:0}.medicineInfoModal .medicineModal .infoWrap{padding:0 20px 20px 20px;height:calc(100% - 64px)}}