body {
    background:var(--mid);
}
/*------------------------------------------------------------*/
#popup-wrap {max-width: 100%}
.popup-wrap{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.popup-box{width:100%;max-width:380px;background:#fff;border-radius:14px;border:1px solid #e9e4dd;overflow:hidden;animation:pop .25s ease}
.popup-img img{width:100%;display:block}
.popup-content{padding:20px;text-align:center}
.popup-content h3{font-size:20px;color:#3c3327;margin-bottom:10px;font-weight:600}
.popup-content p{font-size: 16px;color:#5c5448;line-height:1.6}
.popup-btns{display:flex;gap:10px;padding:0 20px 20px}
.popup-swiper{width:100%;background:#fff}
.popup-swiper .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.popup-img img{width:100%;display:block}
.popup-content{padding:20px;text-align:center; padding-bottom: 40px}
.popup-wrap .swiper-pagination-bullet{background:#c9b8a3;opacity:1}
.popup-wrap .swiper-pagination-bullet-active{background:#856c3d}

@keyframes pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:768px){

    #popup-wrap {max-width: 100%; left: 0!important;}
    #popup-wrap .popup-item{max-width: 100%; left: 0!important;}
}
@media(max-width:480px){
    .popup-box{max-width:95%}
    .popup-content h3{font-size:18px}
    .popup-content p{font-size: 15px;}
}


/*------------------------------------------------------------*/

#main-intro{ border: 30px #fff solid;/* background-blend-mode: soft-light*/;padding:60px 0; max-height: 100vh; height: 100vh;background: url('../img/bg3.jpg') no-repeat; background-size: cover;background-color: rgba(101, 99, 96, 0.68);display: flex;justify-content: center;align-items: center}
#main-intro{width:100%;min-height:100vh;}
#main-intro .main-header{position:absolute;top:0;left:0;width:100%;z-index:10;background: #fff}
#main-intro .header-inner{max-width:1950px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;width: 100%;gap: 30px}
#main-intro .logo img{height:44px;}
#main-intro .logo-light{display:none;}
#main-intro .gnb{display:flex;gap:36px;margin-left: auto}
#main-intro .gnb a{font-family: 'BookkMyungjo';font-size:17px;color:#5b4a38;font-weight:500;font-weight: 800}
#main-intro .btn-login{padding:0px 18px;border-radius:20px;background:#6b4f2c;color:#fff;font-size:14px;font-weight: 800}

#main-intro .main-visual{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;}
#main-intro .visual-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
#main-intro .visual-center{padding:0 20px;margin-top: 30vh}
#main-intro .visual-center img {max-width:300px; margin-bottom: 50px}
#main-intro .visual-center .desc{ font-family: 'BookkMyungjo';font-size:25px;line-height:1.8;opacity:.9;}
#main-intro + footer {padding: 0 30px 16px;}
body:has(#main-intro) {background: #fff}

@media(max-width:1024px){
    #main-intro{ border: 10px #fff solid}
    #main-intro .gnb{display:none;}
    #main-intro .header-inner{padding:20px 24px;}
    #main-intro .visual-center .title{font-size:30px;}
}

@media(max-width:640px){
    #main-intro .header-inner{padding:16px 18px;}
    #main-intro .logo img{height:36px;}
    #main-intro .visual-center .title{font-size:24px;}
    #main-intro .visual-center .desc{font-size:14px;}
}


/*------------------------------------------------------------*/

#company{ border: 30px #fff solid;gap: 20px;flex-direction: column;padding:60px;min-height: 100vh;background: url('../img/common/bg.jpg') no-repeat center 80%; background-size: cover;display: flex;justify-content: end;align-items: center}
#company h3{font-family: 'Shilla'; width: 100%; font-size: 2.5em; line-height: 1.5em}
#company p{ width: 100%; line-height: 1.5em; font-size: 1.1em}
#company img {margin-left: auto}
#company .main-header{position:absolute;top:0;left:0;width:100%;z-index:10;background: #fff}
#company .header-inner{max-width:1950px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 40px;width: 100%;gap: 30px}
#company .logo img{height:44px; }
#company .image{filter: brightness(0) }
#company .logo-light{display:none;}
#company .gnb{display:flex;gap:36px;margin-left: auto}
#company .gnb a{font-family: 'BookkMyungjo';font-size:17px;color:#5b4a38;font-weight:500;font-weight: 800}
#company .btn-login{padding:0px 18px;border-radius:20px;background:#6b4f2c;color:#fff;font-size:14px;font-weight: 800}
#company + footer {padding: 0 30px 16px;}
body:has(#company) {background: #fff}


@media(max-width:1024px){
    #company{ border: 10px #fff solid}
    #company .gnb{display:none;}
    #company .header-inner{padding:20px 24px;}
}

@media(max-width:640px){
    #company h3 {padding-top: 50px}
    #company .header-inner{padding:16px 18px;}
    #company .logo img{height:36px;}
}
@media(max-width:1200px){
    #company{padding:40px;border-width:20px;}
    #company h3{font-size:2.1em;}
    #company p{font-size:1em;}
}

@media(max-width:900px){
    #company{padding:30px;border-width:16px;justify-content:center;}
    #company h3{font-size:1.9em;}
    #company p{font-size:.95em;}
}

@media(max-width:640px){
    #company{padding:24px;border-width:12px;gap:14px;background-position:center;}
    #company h3{font-size:1.6em;line-height:1.4;}
    #company p{font-size:.9em;line-height:1.6;}
    #company img{margin-left:0;align-self:flex-end;;}
}

@media(max-width:420px){
    #company{padding:18px;border-width:8px;}
    #company h3{font-size:1.4em;}
    #company p{font-size:.85em;}
}

/*------------------------------------------------------------*/

.main-welcome{display:flex;justify-content:space-between;align-items:center;padding:10px 30px 0;border-radius:14px;margin-bottom:20px}
.main-welcome .welcome-text{color:#5a472b;font-size:18px;line-height:1.6; width: 100%}
.date-line{display:flex;align-items:center;gap:6px;font-size:16px}
.time-line{display:flex;align-items:center;gap:6px;font-size:50px;font-weight: 800;justify-content: space-between}
.time-line img{opacity: 0.1}
.divider{margin:0px 0;border-bottom:1px solid #e5dfd9;width:100%}
.main-welcome .hello{font-size:20px}
.main-welcome .welcome-illust img{width:80px;opacity:.85}
.welcome-actions {display: flex;gap: 12px;margin-top: 12px;}
.action-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 20px;font-size: 16px;font-weight: 600;color: #5a472b;background: #fff;border: 1px solid #ddd;border-radius: 10px;text-decoration: none;transition: all 0.2s ease;}
.action-btn:hover {border-color: #b8a68a;background: #faf8f6;}
.action-btn.red {border-color: #eea094; color: #c93b28}
.swiper-pagination-bullet-active {background: var(--main); }
.banner-wrap{position:relative;margin:25px 0}
.banner-swiper{overflow:hidden; width: 100%;border-radius:12px; height: 550px}
.banner-swiper .swiper-slide{width: 100% !important}
.banner-swiper img{border-radius:12px;width:100%;display:block; object-fit: cover; height: 550px}
.banner-pagination {display: flex; justify-content: center; padding-top: 10px}
.banner-button-prev,
.banner-button-next{width: 40px;height:40px;position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.8);padding:10px 11px;border-radius:50%;cursor:pointer;z-index: 9;}
.banner-button-prev{left:15px}
.banner-button-next{right:15px}


.summary-wrap{display:grid;gap:15px;margin-bottom:0px;grid-template-columns: repeat(3, 1fr)}
.summary-box{flex:1;background: #f7eee7;border-radius:12px;padding:20px;color:#5a472b}
.summary-box .title{font-size:18px;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.summary-box .divider{margin-bottom:12px;}
.summary-box .price{font-size:16px;font-weight:600;margin-top:5px;display:flex;gap:6px;align-items:center; padding:10px 15px; border-radius: 12px; background:#5a472b15 }
.summary-box .price b {margin-left: auto}
.summary-box .count{font-size:16px;margin-bottom:4px;display:flex;gap:6px;align-items:center;width: 100%}
.summary-box .count  b {margin-left: auto}

.notice-swiper-area {display:flex;justify-content:space-between}
.notice-wrap{background:#f7eee7;padding:20px;border-radius:12px}
.notice-header{display:flex;justify-content:space-between;margin-bottom:10px;color:#5a472b}
.notice-header .title{display:flex;align-items:center;gap:6px;font-size:18px}
.notice-list a{padding:8px 0;font-size:16px;display:flex;align-items:center;gap:6px;color:#5a472b}

@media (max-width:1024px){
    .main-welcome{flex-direction:column;gap:20px;padding:20px}
    .time-line{font-size:48px}
    .banner-swiper{height:400px}
    .banner-swiper img{height:400px}
    .summary-wrap{grid-template-columns:repeat(2,1fr)}
    .notice-swiper-area{flex-direction:column;gap:20px}
    .main-welcome .flex {flex-wrap: wrap}
    .main-welcome .welcome-actions {flex-wrap: wrap}
}

@media (max-width:768px){

    .main-welcome{padding:16px}
    .main-welcome .welcome-illust img{width:60px}
    .time-line{font-size:40px}
    .banner-swiper{height:350px}
    .banner-swiper img{height:350px}
    .summary-wrap{grid-template-columns:1fr}
    .notice-wrap{padding:16px}
    .notice-header .title{font-size:16px}
    .notice-list a{font-size: 15px;}
}

@media (max-width:480px){
    .main-welcome{padding:14px}
    .date-line{font-size: 15px;}
    .time-line{font-size:32px}
    .action-btn{padding:10px 14px;font-size:13px}
    .banner-swiper{height:300px}
    .banner-swiper img{height:300px}
    .summary-box{padding:16px}
    .summary-box .title{font-size:16px}
    .summary-box .count,.summary-box .price{font-size: 15px;}
    .notice-header .title{font-size:15px}
    .notice-list a{font-size:13px;padding:6px 0}
}


/*------------------------------------------------------------*/

.patient-wrap{display:flex;gap:25px}
.patient-form-box {width: 30%}
.patient-list-box {width: 70%}
.patient-form-box,.patient-list-box{background:#fff;padding:24px;border-radius:14px;border: 1px solid #f4f2ee}
.box-title{font-size:18px;color:#5a472b;font-weight:700;margin-bottom:20px; white-space: nowrap}
.patient-form-box form label{display:block;margin-bottom:6px;font-size: 15px;color:#5a472b;font-weight:600}
.patient-form-box form input{width:100%;height:40px;padding:0 12px;border:1px solid #ddd;border-radius:8px;margin-bottom:14px;font-size: 15px;}
.form-notice{font-size:12px;color:#7a6a58;margin-top:14px;line-height:1.6}
.list-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.delete-btn{margin-left:auto}
/* 반응형 */
@media(max-width:1024px){
    .patient-wrap{flex-direction:column}
    .patient-form-box {width: 100%}
    .patient-list-box {width: 100%}
    .list-header{flex-direction:column;align-items:flex-start;width:100%}
}
@media(max-width:768px){
    .patient-form-box,.patient-list-box{padding:18px}
}


/*------------------------------------------------------------*/

.cart-thumb{width:90px;height:90px;border-radius:6px;overflow:hidden;background:#f5f5f5}
.cart-thumb img{width:100%;height:100%;object-fit:cover}

.opt-item{border-bottom:1px dashed #eee;padding-bottom:10px}
.opt-item:last-child{border-bottom:0}

.qty-box{display:flex;align-items:center;gap:10px;margin:5px 0}
.qty-box button{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px}

.cart-total-box{background:#f7eee7;border:1px solid #e5e2dd;border-radius:14px;padding:25px;margin-top:30px;text-align:center;color:#5a472b}
.cart-total-box p{font-size:16px;line-height:1.6}
.cart-total-box b{margin:0 3px;font-weight:700;color:#5a472b}
.cart-total-btns{display:flex;justify-content:center;gap:15px;margin-top:20px}
.cart-total-btns .btn{min-width:180px;padding:14px 0;font-size: 16px;border-radius:10px}
@media (max-width:768px){
    .cart-total-box{padding:20px}
    .cart-total-btns{flex-direction:column;gap:10px}
    .cart-total-btns .btn{width:100%;min-width:unset}
}



/*------------------------------------------------------------*/

.search-wrap{width:100%;background:#f9f7f4;border:1px solid #eee;border-radius:6px;padding:20px;margin-bottom:30px;box-sizing:border-box}
.search-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}

.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 0 0}
.filter-item{display:flex;gap:5px; align-items: center}
.filter-label{font-size:13px;color:#6f5a3c;font-weight:600}

@media(max-width:1024px){
    .search-row{gap:10px}
    .search-wrap{padding:15px!important;}
    .filter-row{gap:12px}
    .table table th,.table table td{font-size:12px}
}


/*------------------------------------------------------------*/


.category-tabs{display:flex;overflow-x:auto;gap:8px;margin:20px 0;padding-bottom:5px;flex-wrap: wrap}
.category-tabs button{flex:0 0 auto;padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:20px;font-size: 15px;color:#5a472b;cursor:pointer;white-space:nowrap}
.category-tabs button.active{background:#5a472b;color:#fff;border-color:#5a472b}

.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:30px}
.product-card{background:#fff;border-radius:12px;overflow:hidden;border: 1px solid #eee;cursor:pointer;transition:all .2s}
.product-card:hover{transform:translateY(-3px)}
.product-card .thumb{position:relative;width:100%;aspect-ratio: 1/1;background:#f7eee7;border-radius:12px;overflow:hidden}
.product-card .thumb img{width:100%;height:100%;object-fit:cover}
.card-badge{position:absolute;bottom:10px;left:10px;display:flex;flex-direction:column;gap:6px}

.product-card .info{padding:15px}
.product-card .cate{font-size:13px;color:#7a6a58;margin-bottom:6px}
.product-card .title{font-size: 16px;color:#5a472b;font-weight:600;line-height:1.4}

@media(max-width:1280px){
    .product-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:960px){
    .product-grid{grid-template-columns:repeat(2,1fr)}
    .product-card .thumb{height:200px}
    .category-tabs{flex-wrap: nowrap}
}
@media(max-width:768px){
    .product-grid{grid-template-columns:repeat(1,1fr)}
    .product-card .thumb{height:180px}
}



/*------------------------------------------------------------*/


.pre-page .box-line .cont {padding: 15px 10px 0; }
.pre-view {margin: 0 auto; max-width: 1500px}
.pre-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start;max-width: 1000px;margin: 0 auto;}

.pre-view-gallery .main-img img{width:100%;border-radius:4px;}
.thumb-list img{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;opacity:.4;}
.thumb-list img.active{opacity:1;border:2px solid #5a472b;}

.pre-title{font-size:26px;font-weight:700;color:#333;margin-bottom:20px;}

.pre-tabs{display:flex;border-bottom:1px solid #eee;margin-bottom:20px;}
.pre-tabs .tab-btn{padding:12px 20px;font-weight:600;color:#666;background:#fff;border:none;border-bottom:2px solid transparent;cursor:pointer;border-radius: 0}
.pre-tabs .tab-btn.active{color:#5a472b;border-color:#5a472b;}

.tab-content{display:none;}
.tab-content.active{display:block;}
.option-box select{height:40px;border:1px solid #ddd;border-radius:4px;padding:0 10px;}
.price-total{font-size:16px;}

.pre-view .grid4 {text-align: left}
.pre-view-content { margin-top: 50px}
.pre-view-content img {max-width: 100%}
.pre-view-content h6 {text-align: center;padding: 12px 10px;border-bottom: 1px solid #5a472b !important;border-top: 1px solid #5a472b !important; margin: 20px 0}

@media(max-width:1024px){
    .pre-view-grid{grid-template-columns:1fr;gap:20px;}
    .thumb-list img{width:60px;height:60px;}
    .pre-title{font-size:20px;}
    .pre-tabs .tab-btn{padding:10px;}
}
@media(max-width:768px){
    #tab3 .table table colgroup,#tab3 .table table thead{display:none}
    #tab3 .table table tbody tr{display:flex;flex-direction:column;padding:15px ;border:1px solid #eee; border-radius: 15px}
    #tab3 .table table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size: 15px;color:#555}
    #tab3 .table table tbody tr td p{margin:0}
    #tab3 .table table tbody tr td::before{content:attr(data-label);font-size: 15px;color:#777;font-weight:500}
    #tab3 .table table tbody tr td:last-child{justify-content:flex-end; border-bottom: 0}
    .pre-view .grid4 {grid-template-columns: repeat(1, 1fr)}
}


@media(max-width:640px){
    .thumb-list img{width:50px;height:50px;}
    .pre-title{font-size:18px;}
    .pre-tabs{flex-wrap:wrap;}
    .pre-tabs .tab-btn{flex:1 1 50%;text-align:center;}
}

.pre-view .info-container{margin:1.4em 0;border:1px solid #eee;border-radius:0.5em;overflow:hidden;background:#fff}
.pre-view .info-item{display:flex;align-items:flex-start;padding:0.9em 1.1em;border-bottom:1px solid #f0f0f0;gap:1em}
.pre-view .info-item:last-child{border-bottom:none}
.pre-view .info-item.full-width{flex-direction:column;gap:0.5em}
.pre-view .info-label{display:flex;align-items:center;gap:0.5em;min-width:9em;font-weight:600;color:#444;font-size:0.95em;flex-shrink:0}
.pre-view .info-label i{width:1.3em;text-align:center;color:#8b6f47}
.pre-view .info-value{flex:1;font-size:0.97em;color:#222;line-height:1.45;text-align: right;width: 100%}
.pre-view .info-value input{width:6em;padding:0.45em 0.6em;border:1px solid #ccc;border-radius:0.35em;font-size:1em; text-align: right}
.pre-view .txt-mini{font-size:0.82em;color:#777;margin-left:0.6em}
.pre-view .medi-list{margin:0.3em 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:0.7em 1.2em;text-align: center;width: 100%}
.pre-view .medi-list li{font-size:0.94em}
.pre-view .medi-list b{color:#333;font-weight:600}
.pre-view .medi-list .sub{color:#666;font-size:0.9em}
.pre-view .empty{color:#aaa;font-style:italic}
@media (max-width:640px){
    .pre-view .info-item{flex-direction:column;gap:0.4em;padding:1em 0.9em}
    .pre-view .info-label{min-width:auto;font-size:0.93em}
    .pre-view .info-value input{width:100%}
}
@media (max-width:480px){
    .pre-view .medi-list{grid-template-columns:1fr;gap:0.8em}
}


/*------------------------------------------------------------*/
.monthly-page{}
.monthly-page .search-wrap{background:#fff;padding:20px;border-radius:6px;margin-bottom:20px}
.monthly-page .row1{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.monthly-page .total{font-size: 15px;color:#795548}
.keyword-box{display:flex;gap:5px;align-items:center}
.chart-wrap{background:#fff;padding:20px;border-radius:6px;margin:20px 0;height:300px}
.chart-wrap canvas{width:100%!important;height:100%!important}

.month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}
.month-box{background:#fff;padding:15px;text-align:center;border-radius:6px;border:1px solid #eee;cursor:pointer}
.month-box.active{border-color:#795548;background:#f8f4f1}
.month-box .m{font-size: 15px;margin-bottom:5px}
.month-box .price{font-size: 16px;font-weight:bold}
@media(max-width:768px){
    .monthly-page .row1{flex-direction:column;align-items:flex-start}
    .month-grid{grid-template-columns:repeat(3,1fr)}
}


/*------------------------------------------------------------*/
.misu-page{}
.misu-page .search-wrap{background:#fff;border:0px;margin-bottom:20px;padding: 0}
.misu-page .row1{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.misu-page .total{font-size: 15px;color:#795548}
.keyword-box{display:flex;gap:5px;align-items:center}
@media(max-width:768px){
    .misu-page .row1{flex-direction:column;align-items:flex-start}
}



/*------------------------------------------------------------*/
.request-page{}
.request-page .box-line .cont {padding: 15px 10px 0; }
.request-page .box-line .cont img{max-width: 100%}
.request-page .row1{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.request-page .total{font-size: 15px;color:#795548}
.keyword-box{display:flex;gap:5px;align-items:center}
@media(max-width:768px){
    .request-page .row1{flex-direction:column;align-items:flex-start}
}

.request-form textarea {min-height: 500px}

.request-form .file-list {display: flex; flex-direction: column; gap: 0px; margin-bottom: 10px}
.request-form .file-list li {display: flex; align-items: center; justify-content: space-between;padding: 10px}
.request-form .file-list li:not(:last-child) {border-bottom: 1px solid #eee}
.request-form .request-table{width:100%;border-collapse:collapse}
.request-form .request-table th,.request-form .request-table td{border:1px solid #ddd;padding:10px;text-align:center;font-size:14px}
.request-form .request-table th{background:#f5f5f5;font-weight:600}
.request-form .request-table input.frm_input{width:100%;height:36px;box-sizing:border-box}
.request-form .add-row td{text-align:left;background:#fafafa}

/* 모바일 대응 */
@media (max-width:768px){
    .request-form .request-table thead{display:none}
    .request-form .request-table tr{display:block;border-bottom:2px solid #eee;margin-bottom:10px}
    .request-form .request-table td{display:flex;justify-content:space-between;align-items:center;border:none;border-bottom:1px solid #eee;text-align:left}
    .request-form .request-table td:before{content:attr(data-label);font-weight:600;color:#555}
    .request-form .add-row td{display:block}
    .request-form .box10.box-brownline.box-radius.mb25.gap10.flex.ai-c {flex-wrap: wrap}
    .request-form .box10.box-brownline.box-radius.mb25.gap10.flex.ai-c b{display: block; width: 100%}
    .request-form .grid2 {grid-template-columns: repeat(1, 1fr);}
    .request-table colgroup {display: none}
}

/*------------------------------------------------------------*/
.request-pay{}
.request-pay .box-line .cont{padding:15px 10px 0}
.request-pay .box-line .cont img{max-width:100%}
.request-pay .row1{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.request-pay .total{font-size:15px;color:#795548}
.request-pay .keyword-box{display:flex;gap:5px;align-items:center}
@media(max-width:768px){
    .request-pay .row1{flex-direction:column;align-items:flex-start}
}
/*------------------------------------------------------------*/
.pay-receipt{}
.pay-receipt .receipt-box{border:1px dashed #ccc;padding:20px;border-radius:8px;background:#fafafa}
.pay-receipt .row{display:flex;justify-content:space-between;padding:6px;font-size:14px}
.pay-receipt .row:before {display: none}
.pay-receipt .row:after {display: none}
.pay-receipt .row .label{color:#666}
.pay-receipt .row .value{font-weight:600;color:#222}
.pay-receipt .row.total{margin-top:10px;padding-top:10px;border-top:1px solid #ddd;font-size:16px}
.pay-receipt .row.total .value{color:#795548;font-weight:700}

/*------------------------------------------------------------*/
.recipe-form-wrap article {max-width: 1200px; margin: 0 auto}
.dose-form-wrap article {max-width: 1200px; margin: 0 auto}
.pack-form-wrap article {max-width: 1200px; margin: 0 auto}



/*------------------------------------------------------------*/
.mypage input:not([type="checkbox"]) {width: 100%}

#staffModal input {width: 100%; margin-bottom: 5px}
#staffModal select {width: 100%}

.point-charge table tr td:nth-child(3) {font-weight: 800; font-size: 1.1em; text-align: right}

.account-box{background:#f9f7f3;border:1px solid #e4e0d7;border-radius:8px;padding:15px; margin-bottom: 10px}
.account-box .label{color:#6a5842;font-weight:600;margin-bottom:5px;font-size: 15px; padding: 0; display: inline-block}
.account-box .value{color:#3b3024;font-size:15px}
.account-box.notice{font-size:13px;color:#8a7a67;line-height:1.5;background:#f5f2ed}