@media (max-width:1560px) {
    .footer_content_r {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex-direction: column-reverse;
    }
}

@media (max-width:1400px) {
    .sub_contents{
        padding: 20px;
    }
    .checkdetails_graphs{
        width: 100%;
        overflow-x: auto;
    }
    .checkdetails_graph{
        width: 1400px;
    }
    
    .dictionary_popup4{
        width: 100%;
    }
    .main_contents{
        min-height: unset;
    }
    .header{
        width: 100%;
        background-color: #0000009d !important;
    }
    .headerarea {
        width: 1290px;
    }
    .header.active2 {
        background-color: #0000009d !important;
        border:  unset !important;
    }
    header.active{
        background-color: #0000009d !important;
    }
    .sub_header_menubk{
        top: 76px;
    }
    .subpage_txtboxs{
        padding-top: 90px;
    }
    .subpage_txtitem{
        padding: 12px 0;
    }
}

@media (max-width:1300px) {
    .processing_guide{
        width: 100%;
    }
    .preparation_area7{
        width: 100%;
    }
    .subpage_txtbox{
        width: 100%;
    }
    .sub_contents{
        min-height: unset;
    }
    .headerarea {
        width: 100%;
        padding: 0 12px;
    }
    .header_logo {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 56%;
        left: 12px;
        transform: translateY(-50%);
        z-index: 9999;
    }
    .user_registration {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translatey(-50%);
    }
    .preparation_area4{
        width: 100%;
    }
    .preparation_area6{
        width: 100%;
    }
    .patientmanagement_areas{
        width: 100%;
    }
    .greetings_area01{
        width: 100%;
    }
    .greetings_items{
        width: 100%;
        gap: 12px;
    }
    .making_area{
        width: 100%;
    }
    .facilities_areas{
        width: 100%;
    }
    .kor-herbal_area{
        width: 100%;
    }
    .directions_areas{
        width: 100%;
    }
    .instructions_area{
        width: 100%
    }
    #content_body{
        width: 100%;
    }
    #content_body img{
        width: 100%;
    }
    .prior_prescription_list{
        width: 100%;
    }
    .payment_grapharea{
        width: 100%;
    }
    .payment_area{
        width: 100%;
        flex-direction: column;
    }
    .payment_inforarea{
        width: 100%;
    }
    .payment_inforarea2{
        width: 100%;
    }
    .fermentation-intro-content{
        padding-left: 0;
        gap: 12px;
    }
}
@media (max-width:1200px) {
    .notice_board_areas2{width: 100%;}
    .sub_content_7{overflow-x: auto; align-items: flex-start;}
    .subpage_menu{
        width: 100%;
    }
}
@media (max-width:1100px) {
    .fermentation-intro-content{
        flex-direction: column;
        gap: 30px;
    }
    .fermentation-intro-text{
        width: 100%;
    }
    .fermentation-intro-image{
        width: 100%;
    }
    .payment_graphss{
        width: 100%;
        overflow-x: auto;
    }
    .sub_content.sub_content_0 form{
        width: 100%;
        overflow-x: auto;
    }
    .sub_header_menu, .user_inforbox{display: none;}
    .header{
        height: 60px;
    }
    .notice_board_areas{
        width: 100%;
    }
    .detail_content{
        width: 100%;
    }
    .notice_board_areas{
        width: 100%;
    }
    .new_inforarea{
        width: 100%;
    }
    .new_inforarea form{
        overflow-x: auto;
    }
    .new_inforbox{
        width: 1100px;
    }
    .dictionary_popup_tabmenuarea{
        overflow-x: auto;
    }
    .payment_graphs{
        width: 100%;
        overflow-x: auto;
    }
    .payment_graph{
        min-width:1100px;
    }
}
@media (max-width:1000px) {
    .fermentation-closing{
        padding: 120px 16px;
    }
    .company-intro-image{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .company-intro-inner{
        flex-direction: column;
        gap: 36px;
    }
    .company-intro-content{
        width: 100%;
        padding: 16px;
    }
    .fermentation-intro-header{
        padding: 16px;
    }
    .product_area.product_infor form{
        width: 100%;
    }
    .product_inforbox{
        width: 100%;
    }
    .product_imgarea {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
    .product_infor{
        flex-direction: column;
    }
    .product_area{
        width: 100%;
    }
    .prior_prescription_item:nth-child(4n+1) .prior_prescription_butarea .prior_prescription_buts .prior_prescription_butitem .prior_prescription_but2 span.buynow_areas{
        left: unset;
        right: 0;
    }
    .prior_prescription_item:nth-child(3n+1) .prior_prescription_butarea .prior_prescription_buts .prior_prescription_butitem .prior_prescription_but2 span.buynow_areas{
        right: 0;
        left: 0;
    }
    .buynow_area{
        min-width: 450px;
    }
    #patientPopup,
    #viewComPopup,
    #viewComFrame4{
        overflow-x: auto;
        padding: 0px 10px;
        height: 100vh;
    }
    .dictionary_popup03_content{
        height: fit-content;
        overflow-x: auto;
        padding:10px;
        max-height: 90vh;
    }
    .load_dosage_popupcontent{
        width: 800px;
    }
    .load_dosage_popup{
        width: 90vw;
        overflow-x: auto;
        top: 10px;
        left: 20px;
        transform: unset;
    }
    .popuparea_contentbox{
        width: 90vw;
        height: fit-content;
        overflow-x: auto;
    }
    .sub_content_4{
        width: 100vw;
    }
    .payment_inforfixed.on {
        position: unset;
        padding: unset;
        top: unset;
        width: unset;
        z-index: unset;
    }
    .wrep_agreementbox {
        border-radius: 5px;
        margin-top: 20px;
        position: relative;
        overflow-x: auto;
        height: 95vh;
        width: 100vw;
    }
    .wrep_agreement{
        min-width: 800px;
    }    
    .dictionary_popuparea{
        width: 100%;
    }
    .preparation_area8{
        width: 100%;
    }
    .prior_prescription_list{
        width: 100%;
            grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width:900px) {
    .new_inforitmes2 {
        display: grid;
        grid-template-columns: 1fr;
    }
    .new_inforitmes2 .new_inforitme:last-child {
        border-left: 0px;
    }
    .new_inforitmes2 .new_inforitme:first-child{
        border-bottom: 1px solid #dbdbdb;
    }
    .patientmanagement_area{
        overflow-x: auto;
    }
    .patientmanagement_table{
        width: 1200px;
    }
    .dictionary_popupcontentitem2{
        flex-direction: column;
    }
    .dictionary_popupcontentitem2 .dictionary_popupcontentitem{
        width: 100%;
    }
    .dictionary_popupcontentitem3{
        flex-direction: column;
    }
    .dictionary_popupcontentitem3 .dictionary_popupcontentitem{
        width: 100%;
    }
    .dictionary_popupcontentitem2 .dictionary_popupcontentitem:first-child{
        border-bottom: 1px solid #dbdbdb !important;
        border-right: 1px solid #dbdbdb !important;
    }
    .dictionary_popupcontentitem3 .dictionary_popupcontentitem:nth-child(1){
               border-bottom: 1px solid #dbdbdb !important;
        border-right: 1px solid #dbdbdb !important; 
    }
    .dictionary_popupcontentitem3 .dictionary_popupcontentitem:nth-child(2){
        border-bottom: 1px solid #dbdbdb !important;
        border-right: 1px solid #dbdbdb !important;
    }
    .dictionary_popupcontent {overflow-x: auto;}
    .prescription_history{
        width: 900px;
    }
    .prescription_historyds{
        top: 0 !important;
        left: 0 !important;
    }
}
@media (max-width:800px) {
    .dictionary_popup03{
        overflow: auto;
        width: 95%;
        height: 95%;
        justify-content: flex-start;
    }
    .new_inforitmeinput{
        flex-wrap: wrap;
    }
    .address_infor{
        width: calc(100% - 10px);
    }
    .kor-herbal_txt {
        width:100%;
        height: fit-content;
        padding-bottom: 19px;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .kor-herbal_img {
        width: 150px;
        height: fit-content;
    }
    .kor-herbal_box {
        width: 100%;
        background-color: #ffffff;
        padding: 24px;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 27px;
        flex-direction: column;
    }
    .directions_areas {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-direction: column;
    }
    .directions_mapbox{
        width: 100%;
    }
    .directions_txtboxs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        width: 100%;
        height: 260px;
    }
    .subpage_menus{
        width: 100%;
        overflow-x: auto;
        display: unset;
        align-items: unset;
        justify-content: unset;
    }
    .subpage_menus .subpage_menu{
        width: fit-content;
        min-width: 1000px;
    }
}
@media (max-width:750px) {
    .prescription_areabox{
        padding-top: 22px;
    }
    .prescription_area{
        overflow-x: auto;
    }
    #print_box{
        width: 700px;
    }
    .dictionary_popupcontents{
        overflow-x: auto;
    }
    .dictionary_popupcontents .dictionary_popupcontent{
        width: 600px;
    }
    .dictionary_popupregistration{
        width: 100%;
        overflow-x: auto;
    }
    .dictionary_popupregistration .dictionary_registrationitems.dictionary_registrationitems2{
        width: 100%;
            grid-template-columns: 1fr;
            gap: 10px;
    }
    .prior_prescription_item:nth-child(3n+1) .prior_prescription_butarea .prior_prescription_buts .prior_prescription_butitem .prior_prescription_but2 span.buynow_areas{
        left: unset;
        right: 0;
    }
    .prior_prescription_item:nth-child(2n+1) .prior_prescription_butarea .prior_prescription_buts .prior_prescription_butitem .prior_prescription_but2 span.buynow_areas{
        right: 0;
        left: 0;
    }
    .new_inforitmeinput textarea{
        width: 97%;
    }
    .new_inforitmeinput7 input{
        width: 97%;
    }
    .notice_board_area{
        overflow-x: auto;
    }
    .notice_board_area2 table{
        width: 750px !important;
    }
    .prior_prescription_list{
        width: 100%;
        grid-template-columns: 1fr 1fr ;
    }
    .sub_contents{
        padding: 0 12px;
    }
    .fermentation-span {
        width: 100%;
        height: 2px;
        background-color: #E6E6E6;
        margin-bottom: 24px;
    }
}
@media (max-width:650px) {
    .company-intro-image img{
        width: 96%;
    }
    .company-intro-inner{
        gap: 12px;
    }
    .company-intro-content{
        padding: 0;
        gap: 6px;
    }
    .company-intro{
        margin-bottom: 0;
    }
    .company-intro-header h1{
        font-size: 28px;
    }
    .company-intro-info {
        display: grid;
        grid-template-columns: 1fr;
    }
    .company-intro-header{
        padding-left: 6px;
    }
    .company-intro-box h3 {
        color: #000;
        font-size: 14px;
        margin-bottom: 6px;
        font-weight: 500;
    }
    .company-intro-box p {
        font-size: 13px;
    }
    .company-intro-header h2{
        font-size: 16px;
    }
    .company-intro-content ul li{
        font-size: 14px;
    }
    .product_information_imgbox{
        width: 100%;
    }
    .fermentation-intro{
        padding: 0;
        background-color: #fff;
        margin-bottom: 40px;
    }
    .company-intro-content ul{
        padding: 12px;
    }
    .fermentation-intro-header h1 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 12px;
    }
    .fermentation-intro-header h3{
        font-size: 14px;
    }
    .fermentation-intro-header h3 br{
        display: none;
    }
    .fermentation-intro-header h1 br{
        display: none;
    }
    .fermentation-intro-content{
        margin-top: 24px;
    }
    .product_information_img{
        width: 100%;
    }
    .checkdetails_tab{
        flex-direction: column;
    }
    .checkdetails_tab {
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
    }
    .search_containerarea{
        flex-direction: column;
        gap: 6px;
    }
    .greetings_items{
        grid-template-columns: 1fr;
    }
    .greetings_area02{
        padding: 12px;
    }
    .main_Popup2_img{
        width: 250px !important;
    }
    .facilities_areas{
        gap: 0px;
    }
    .making_area-items{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .making_area h2 {
        color: #000000;
        font-size: 24px;
        font-weight: 700;
    }
    .making_area-itemtxt span {
        color: #999999;
        font-size: 11px;
        font-weight: 400;
    }
    .making_area-itemtxt h3 {
        color: #000000;
        font-size: 13px;
        font-weight: 700;
    }
    .making_area-itemtxt p {
        color: #000000;
        font-size: 12px;
        font-weight: 400;
    }
    .fermentation-section h2{
        font-size: 14px;
    }
    .fermentation-section{
        gap: 4px;
    }
    .fermentation-section p{
        font-size: 12px;
    }
    .fermentation-section ul li {
        color: #666666;
        font-size: 12px;
    }
    .fermentation-closing{
        padding: 24px 12px;
    }
    .fermentation-closing h1{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .fermentation-closing p {
        font-size: 13px;
        margin-bottom: 12px;
    }
    .fermentation-closing p br{
        display: none;
    }
    .fermentation-closing h2{
        font-size: 14px;
    }
}
@media (max-width:500px) {
    .sub_contents{
        padding: 10px;
    }
    .subpage_txtbox h2 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 4px;
        color: #343434;
    }
    .subpage_txtitemp1 {
        color: #343434;
        font-size: 11px;
        font-weight: 400;
    }
    .subpage_txtitemp2 {
        color: #343434;
        font-size: 11px;
        font-weight: 500;
    }
    .sub_content_0{
        padding: 20px 0;
    }
    .checkdetails_months {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .checkdetails_but{
        width: 100%;
    }
    .checkdetails_tab{
        gap: 6px;
    }
    .checkdetails_month a{
        width: 100%;
    }
    .checkdetails_input input{
        width: 50%;
    }
    .checkdetails_input{
        width: 100%;
    }
    .dictionary_popup_tabmenu{
        margin-top: 0;
    }
    .checkdetails_graph{
        width: 100%;
    }
    .checkdetails_graph_area{
        flex-wrap: wrap;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(1){
        width: 18%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .checkdetails_graph_item{
        all: unset;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 4px;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(2){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(3){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(4){
        width: 100% !important;
        justify-content: center;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(5){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(6){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(7){
        width: 100% !important;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(8){
        justify-content: center;
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(9){
        justify-content: center;
        width: calc(50% - 8px);
    }
    .checkdetails_graph_item:nth-child(1){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item:nth-child(2){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item:nth-child(3){
        width: 100%;
        justify-content: center;
    }
    .checkdetails_graph_item:nth-child(4){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item:nth-child(5){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item:nth-child(6){
        width: calc(50% - 8px);
        justify-content: center;
    }
    .checkdetails_graph_item:nth-child(7){
        width: calc(50% - 8px);
        justify-content: center;
    }

    .checkdetails_graph_area-t{
        display: none;
    }
    .dictionary_popup_tabmenuitem {
        width: 100px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00000040;
        font-size: 11px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        transition: 0.3s;
        border-radius: 5px 5px 0 0;
    }
    .checkdetails_graph_item.checkdetails_graph_item2:nth-child(9) p{
        justify-content: center;
        display: flex;
        width: 100%;
    }
    .detailedinfor_but{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
        background-color: #ff0000;
        color: #fff;
        font-weight:400;
        font-size: 11px;
        height: 26px;
        border-radius: 6px;
        border: 1px solid #ff6a3d;
        text-decoration: unset;
    }
    .checkdetails_graph_area {
        border: 1px solid #dbdbdb;
    }
    .checkdetails_graph{
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 4px;
        padding-top:4px ;
    }
    .preparation_inforarea{
        margin-top: 10px;
    }
    .history_butbox select{
        font-size: 12px;
    }
    .infor_tabut{
        width: 100px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #00000040;
        font-size: 11px;
        font-weight: 500;
        cursor: pointer;
        position: relative;
        transition: 0.3s;
        border-radius: 5px 5px 0 0;
    }
    .checkdetails_graph_item p{
        font-size: 11px;
    }
    .checkdetails_graph_item p.point_txt{
        font-size: 12px;
    }
    .payment_inforitem_t p{font-size: 11px;}
    .payment_inforitem_d p{
        font-size: 11px;
    }
    .payment_inforitem_t{
        width: 70px;
    }
    .payment_inforitem_d {
        width: calc(100% - 70px);
        min-height: 32px;
        display: flex;
        align-items: center;
        padding-top: 7px;
        padding-left: 12px;
        gap: 9px;
        flex-wrap: wrap;
    }
    .preparation_inforbox:nth-child(3){
            grid-template-columns: 1fr !important;
    }
    .preparation_infor {
        width: 100%;
        border-top: 1px solid #000000;
        position: relative;
        min-height: 380px;
    }
    .preparation_infor_btns a{
        font-size: 11px;
    }
    .search_containerarea{
        flex-direction: column;
        gap: 6px;
    }
    .category_box {
        width: 54px;
        height: 35px;
        color: #999;
        border: 1px solid #DBDBDB;
        cursor: pointer;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-left: 2px;
        border-radius: 2px;
    }
    .search_but {
        height: 35px;
        padding: 0 16px;
        font-size: 11px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        color: #ffffff;
        background: #4D515A;
        border: unset;
        cursor: pointer;
        border-radius: 2px;
    }
    .search_container{
        width: 100%;
    }
        .search_box {
        width: calc(100% - 125px);
        height: 35px;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding-left: 6px;
        border: 1px solid #DBDBDB;
        border-radius: 2px;
    }
    .patientmanagement_buts{
        width: 100%;
    }
    .patientmanagement_buts a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 35px;
        padding: 0 16px;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        cursor: pointer;
        border-radius: 2px;
        width: 50%;
    }
    .notice_board_area{
        overflow-x: auto;
    }
    .notice_board_area table{
        width: 400px;
    }
    table thead tr th {
        padding: 10px;
        color: #000;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        background-color: #ffffff;
    }
    table tbody tr td {
        color: #333;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        padding: 0 10px;
        height: 46px;
    }
    .pagination_item{
        font-size: 11px;
    }
    .detail_content_title{
        padding: 10px 5px;
        flex-wrap: wrap;
    }
    .contactus_detail_title_item:nth-child(1){width: 100%; padding-bottom: 6px;}
    .contactus_detail_title_item:nth-child(2){width: 50%; text-align: center;}
    .contactus_detail_title_item:nth-child(3){width: 50%;text-align: center;}
    .detail_content_title_tbox {
        width: 100%;
        padding: 6px;
        border-bottom: 1px solid #BAC4CB;
        margin-bottom: 20px;
    }
    .contactus_detail_title_item b {
        color: #000000;
        font-size: 12px;
    }
    .contactus_detail_title_item p {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        color: #454545;
    }
    .contactus_detail_title_item:nth-child(3) p {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
    }
    .detail_content_title_tbox p {
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 22px;
        color: #666666;
    }
    .detail_content_title_btn {
        padding: 8px 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FBFBFB;
        border: 1px solid #dbdbdb;
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        color: #4A473D;
        border-radius: 3px;
    }
    .new_inforitmetitle{
        width: 100px;
        padding: 0 4px 0 6px;
    }
    .new_inforitmetitle p {
        color: #000;
     
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .new_inforitmeinput {
        width: calc(100% - 100px);
        padding: 7px 0;
        border-left: 1px solid #dbdbdb;
        padding-left: 6px;
        display: flex;
        align-items: center;
        gap: 6px;
        min-height: 45px;
    }
    .new_inforitmeinput2 input{
        width: calc(100% - 10px);
    }
    .sub_content.sub_content_0 form{
        width: 100%;
    }
    .new_inforitmeinput p{
        font-size: 10px;
    }
    .new_inforitmeinput select{
        font-size: 10px;
    }.new_inforitmeinput3 input {
        width: 40px;
    }
    .new_inforitmeinput input{
        font-size: 10px;
    }
    .radio_layout{
        width: 100%;
        justify-content: flex-start;
    }
    .radio_layout label{
        font-size: 10px;
    }
    .join_button a {
        width: 120px;
        padding: 12px 0;
     
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
    }
    .preparation_area4{
        gap: 10px;
    }
    .point_infor{
        display: flex;
        margin-bottom: 4px;
        gap: 12px;
        margin-left: 0;
        flex-direction: column;  
    }
    .point_infortxtarea h2 {
        font-size: 12px;
        line-height: 17px;
        font-style: normal;
        color: #000000;
        font-weight: 400;
        text-align: center;
    }
    .point_infortxtarea p {
        font-size: 11px;
        font-style: normal;
        line-height: 16px;
        color: #004386;
        font-weight: 600;
        text-align: center;
    }
    .point_svg{
        display: none;
    }
    .point_inputbox_item input {
        padding: 2px 6px;
        border: 1px solid #4A473D;
        border-radius: 2px;
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        color: #4a473d;
        font-weight: 400;
        width: 140px;
        height: 30px;
    }
    .point_inputbox_item:nth-child(2) button {
        border: 1px solid #4A473D;
        padding: 0 8px;
        font-size: 11px;
        color: #000000;
        background-color: #ffffff;
        font-weight: 400;
        cursor: pointer;
        border-radius: 2px;
        height: 30px;
    }
    .point_infortxtbox1 {
        display: flex;
        flex-direction: unset;
        gap: 18px;
        align-items: flex-start;
    }
    .point_graph_item p{
        font-size: 11px;
    }
    .point_graph{
        width: 100%;
        overflow-x: auto;
    }
    .point_graph_area{
        width: 400px;
    }
    .point_graph_item p{
        font-size: 11px;
    }
    .patientmanagement_tableitemh .patientmanagement_tableitem p {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        text-align: center;
        color: #232323;
        font-weight: 500;
    }
    .patientmanagement_tableitem p {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        text-align: center;
        color: #000000;
        font-weight: 400;
    }
    .detailedinfor_but2 {
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        text-align: center;
        color: #000000;
        text-decoration: underline;
        font-weight: 500;
    }
    .prescription_historyd_item a{
        font-size: 11px;
    }
    .dictionary_popuparea{
        width: 100%;
    }
    .popup_close, .file_popup2_close, .load_dosage_popupclose {
        position: fixed;
        top: 40px;
        right: 50px;
        cursor: pointer;
        z-index: 999;
    }
    .dictionary_popup h1 {
        font-size: 12px;
        font-weight: 600;
        color: #343434;
        position: relative;
        padding-left: 10px;
    }
    .dictionary_popupcontentitemh {
        background: #FAFAFA;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        color: #000000;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border-right: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
    }
    .dictionary_popupcontents .dictionary_popupcontent{
        width: 100%;
    }
    .dictionary_popupcontentitemt {
        width: calc(100% - 120px);
        display: flex;
        gap: 4px;
        align-items: center;
        color: #000000;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 6px 10px;
    }
    .prescription_historyd_item{
        font-size: 11px;
    }
    .preparation_area8{
        gap: 10px;
    }
    table tbody tr td h3 {
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: left;
        font-size: 11px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 460px;
        max-height: 45px;
        color: #000000;
        text-align: center;
        max-height: 19px;
    }
    .detail_content_title{
        flex-wrap: wrap;
    }
    .detail_content_title_item:nth-child(1){
        width: 100%;
    }
    .detail_content_title_item:nth-child(2){width: 33.333%;}
    .detail_content_title_item:nth-child(3){width: 33.333%;}
    .detail_content_title_item:nth-child(4){width: 33.333%;}
    .detail_content_title_item:nth-child(1) p{
        font-size: 11px;
        padding: 0;
        padding-left: 20px;
        padding-bottom: 6px;
    }
    .detail_content_title_item p{
        font-size: 11px;
    }
    .subpage_menu a{
        font-size: 12px;
    }
    .instructions_txt{
        padding: 20px;
    }
    .greetings_area-txtbox h2 {
        font-weight: 700;
        font-size: 16px;
        color: #000;
        margin-bottom: 18px;
    }
    .greetings_area-txtbox p {
        font-weight: 400;
        font-size: 12px;
        color: #000;
        margin-bottom: 12px;
    }
    .greetings_area-txtbox h3 {
        font-weight: 400;
        font-size: 14px;
        color: #000;
        margin-top: 14px;
        text-align: end;
    }
    .greetings_area02 h2 {
        font-size: 16px;
        font-weight: 700;
        color: #000000;
    }
    .greetings_item .greetings_item-img img{
        width: 100px;
    }
    .greetings_area02 {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding-top: 49px;
        padding-bottom: 47px;
        margin-bottom: 8px;
    }
    .greetings_item {
        height: fit-content;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
    }
    .kor-herbal_teb {
        margin-bottom: 30px;
    }
    .kor-herbal_txtitle h3 {
        color: #000;
        font-size: 16px;
        font-weight: 700;
    }
    .kor-herbal_txtitle span {
        color: #000;
        font-size: 13px;
        font-weight: 400;
    }
    .kor-herbal_detail h4 {
        background-color: #344F93;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        padding: 0 8px;
        height: 27px;
        margin-bottom: 12px;
        color: #ffffff;
        font-size: 13px;
        font-weight: 300;
    }
        .kor-herbal_detail p {
        font-size: 12px;
        color: #333333;
        font-weight: 400;
        margin-bottom: 6px;
    }
        .kor-herbal_txt {
        width: 100%;
        height: fit-content;
        padding-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .kor-herbal_areas {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
        .directions_txtboxs {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
        height: fit-content;
    }
    .prior_prescription_list{
        width: 100%;
        grid-template-columns: 1fr;
        gap: 42px;
    }
    .subpage_tap{
        padding: 12px 0;
    }
    .sub_content_0{
        padding-top: 0;
    }
    .subpage_tapitem p{
        font-size: 12px;
    }
    .prior_prescription_item:nth-child(2n+1) .prior_prescription_butarea .prior_prescription_buts .prior_prescription_butitem .prior_prescription_but2 span.buynow_areas{
        left: unset;
        right: unset;
    }
    .prior_prescription_but2 span.buynow_areas{
        left: unset !important;
        right: 0 !important;
    }
    .buynow_area{
        min-width: unset;
    }
    .checkdetails_graph_itemex:nth-child(5){
        width: 100% !important;
    }
    .pagination2{
        flex-wrap: wrap;
    }
    .patientmanagement_buts{
        width: 100% !important;
        position: unset !important;
        top: unset !important;
        left: 0 !important;
        margin-bottom: 6px;
    }
    .preparation_area7{
        gap: 10px;
    }
    .history_butbox select{
        height: 30px;
    }
    .history_but{
        width: 100px;
        padding: 0 12px;
        font-size: 11px;
    }
    .login_area{
        width: 90%;
    }
    .login_infor{
        min-width: 250px;
        width: 100%;
    }
    .sub_content_4{
        width: 99%;
    }
    .find_signup{
        width: 100%;
    }
    .find_area{
                min-width: 200px;
        width: 100%;
    }
    .find_input input{
        width: 90%;
    }
    .find_buts{
        width: 90%;
    }
    .find_box button{
        width: 90%;
    }
    .find_but{
        flex-direction: column;
        gap: 6px;
    }
    .find_but button{
        width: 100%;
    }
    .find_but button:last-child{
            border: 1px solid #DBDBDB;
    }
    .find_butss{
        align-items: center;
        justify-content: center;
    }
    .joininfor_area{
        flex-wrap: wrap;
    }
    .subpage_txtboxs{
        padding-top: 60px;
    }
    .company-intro {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .intro-item h1 {
        font-size: 20px;
    }
    .intro-item p {
        font-size: 12px;
    }
    .intro-item1 {
        margin-bottom: 28px;
    }
    .intro-item li{
        font-size: 12px;
    }
    .intro-item h2 {
        font-size: 14px;
    }
    .intro-item h1 {
        font-size: 14px;
    }
    .intro-item3{
        margin-bottom: 30px;
    }
    .back-to-list{
        font-size: 13px;
    }
    .mt50{
        margin-top: 20px;
    }
    .payment_inforfixed{
        padding-top: 20px;
    }
    .payment_area{
        page-break-inside: 40px;
    }
    .productlist_popup{
        width: 90vw;
        height: calc(98vh - 20px);
        overflow-y: auto;
    }
    .Prescription_popup{
            padding-top: 20px;
    }
    .buynow_areas{
        width: 100%;
        overflow-x: auto;
    }
    .buynow_area{
        min-width: 420px;
    }
    .prescription_history {
        width: 650px;
    }
    .prescription_historyh_item3:nth-child(1),
    .prescription_historyd_item3:nth-child(1){
          width: 75px;
    }
    .prescription_historyh_item3:nth-child(2),
    .prescription_historyd_item3:nth-child(2){
      width: 205px;
    }
    .prescription_historyh_item3:nth-child(3),
    .prescription_historyd_item3:nth-child(3){
      width: 75px;
    }
    .prescription_historyh_item3:nth-child(4),
    .prescription_historyd_item3:nth-child(4){
      width: 75px;
    }
    .prescription_historyh_item3:nth-child(5),
    .prescription_historyd_item3:nth-child(5){
      width: 75px;
    }
    .prescription_historyh_item3:nth-child(6),
    .prescription_historyd_item3:nth-child(6){
      width: 75px;
    }
    .prescription_historyh_item3:nth-child(7),
    .prescription_historyd_item3:nth-child(7){
          width: 70px;
    }
    .prescription_historyss{
        width: 100%;
        overflow-x: auto;
    }
    .notice_board_area2 table{
        width: 100% !important;
    }
    .notice_board_area2 table colgroup col:nth-child(1){
        width: 40px;
    }
    .notice_board_area2 table colgroup col:nth-child(2){
        width: calc(100% - 130px);
    }
    .notice_board_area2 table colgroup col:nth-child(3){
        width: 50px;
    }
    .notice_board_area2 table colgroup col:nth-child(4){
        width: 40px;
    }
    table tbody tr.pin_y td:nth-child(1)::before {
        width: 12px;
        height: 12px;
    }
    .subpage_menu{
        border: none;
    }
    .subpage_menus .subpage_menu{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        min-width: unset;
    }
    .subpage_menu a{
        padding: 0 6px;
        border-radius: 15px;
        border: 1px solid #dbdbdb;
    }
    .subpage_menu a.on {
        color: #000000;
        border: 1px solid #000000;
    }
    .subpage_menu a.on::before{
        display: none;
    }
    .product_information {
        gap: 40px;
    }
    .buy_desc_images{
        padding: 12px;
        font-size: 10px !important;
    }
}