/* base */
:root{
    --blue1:#667FFF;
    --blue2:#CBD6FF; /* reset */
    --blue3:#275BEB; /* popup btn */
    --blue4:#043D82;
    --blue5:#4A6BEE;
    --blue6:#1D2473;
    --blue7:#3792EB;
    --blue8:#C2CFFF;
    --blue9:#4A6BEE;
    --gray1:#AAAAAB;
    --gray2:#555556; /* popup btn */
    --gray3:#F6F6F6; /* popup btn */
    --gray4:#EAEAEA; /* popup btn */
    --gray5:#807F80;
    --gray6:#BFBFC0;
    --gray7:#FBFBFB;
    --gray8:#A8B5C5;
    --green1:#10B981;
    --grean2:#AFEBD7;
    --pink1:#FFA7A7;
    --pink2:#FAC7C7;
    --pink3:#FFC3C3;
    --red1:#F45452;
    --red2:#FF0000;
    --yellow1:#FFAA16;
    --yellow2:#FFE3B2;
    --stroke:#D5D4D5;
    --black:#000;
    --lnb-h:49px;
}

body {
    font-family: "Pretendard", sans-serif !important;
}

.hidden{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);border:0}
.dateBox{background:url(../images/ic_cal.svg) calc(100% - 18px) 50% no-repeat !important;}
.dateBox2{background:url(../images/ic_cal2.svg) calc(100% - 30px) 50% no-repeat;}
.dateBox3{background:url(../images/ic_cal3.svg) calc(100% - 18px) 50% no-repeat !important;}

.bgColor1{background-color:var(--blue1);}
.bgColor2{background-color:var(--gray1);}
.bgColor3{background-color:var(--pink2);}
.bgColor4{background-color:var(--blue4);}
.bgColor5{background-color:var(--blue5);}
.bgColor6{background-color:var(--blue7);}
.bgColor7{background-color:var(--blue8);}
.bgColor8{background-color:var(--green1);}
.bgColor9{background-color:var(--blue9);}
.bgColor10{background-color:var(--blue3);}
.bgColor11{background-color:var(--blue2);}
.bgColor12{background-color:var(--gray2);}
.bgColor13{background-color:var(--pink1);}
.bgColor14{background-color:var(--red1);}
.bgColor15{background-color:var(--gray4);}
.bgColor16{background-color:var(--yellow1);}
.bsColor17{background-color:var(--gray5);}
.bsColor18{background-color:var(--gray6);}
.bsColor19{background-color:var(--grean2);}
.bsColor20{background-color:var(--pink3);}
.bsColor21{background-color:var(--yellow2);}
.bgColor22{background-color:#58b496;}
.bgColor23{background-color:var(--stroke);}
.bgColor24{background-color:#f1c8c7;}
.bgColor25{background-color:var(--gray7);}
.bgColor26{background-color:var(--gray8);}

/* height를 직접 주지 않고 stretch만 써서 카드 높이를 "가장 긴 카드의 실제 내용물"에 맞춘다 */
.cardColConts{display:flex;justify-content:space-between;align-items:stretch;}

/* :has()로 cardColConts가 있는 .contents만 세로 flex로 만들어 남는 화면 높이를 자동으로 채움 */
.contents:has(>.cardColConts){display:flex;flex-direction:column;}
.contents:has(>.cardColConts)>.cardColConts{flex:1 1 auto;min-height:0;}

/* 위 flex-fill이 안 먹는 경우(.contents에 높이가 없는 페이지)를 위한 안전장치 - 카드 자신에 화면 높이 바닥값을 직접 부여 */
.cardColConts>[class^="cardCont"]{display:flex;flex-direction:column;min-height:calc(100vh - 65px);}
.cardColConts>[class^="cardCont"]>*{flex:0 0 auto;}
.cardColConts>[class^="cardCont"]>.panel-grow{flex:1 1 auto;min-height:0;}
.cardColConts>[class^="cardCont"]>.tbl-scroll-panel{flex:0 1 auto;min-height:0;max-height:480px;}
.panel-grow{display:flex;flex-direction:column;}
.panel-grow>*{flex:0 0 auto;}
.panel-grow>.tbl-scroll-panel{flex:0 1 auto;min-height:0;max-height:480px;}

/* catMgmt 상품목록 전용 - 다른 tbl-scroll-panel 페이지엔 영향 없이 이 표만 약 15줄까지 표시 */
.cardColConts>[class^="cardCont"]>.tbl-scroll-panel.tbl-scroll-panel-lg,
.panel-grow>.tbl-scroll-panel.tbl-scroll-panel-lg{max-height:696px;}

/* .tbl-scroll-panel과 달리 자체 상한 없이 카드가 늘어난 만큼(위 min-height로 보장된 화면 높이만큼) 그대로 채운다 */
.tbl-scroll-fill{min-height:240px;overflow-y:auto;}
.cardColConts>[class^="cardCont"]>.tbl-scroll-fill{flex:1 1 auto;min-height:0;}
.panel-grow>.tbl-scroll-fill{flex:1 1 auto;min-height:0;}

.cardColConts .cardCont{width:calc(50% - 10px);}
.cardColConts .cardCont70{width:calc(70% - 10px);}
.cardColConts .cardCont60{width:calc(60% - 10px);}
.cardColConts .cardCont50{width:calc(50% - 10px);}
.cardColConts .cardCont55{width:calc(55% - 10px);}
.cardColConts .cardCont45{width:calc(45% - 10px);}
.cardColConts .cardCont40{width:calc(40% - 10px);}
.cardColConts .cardCont30{width:calc(30% - 10px);}

.lineBox-op{border:1px solid var(--stroke);padding:16px;}
.lineBox-op2{width:140px; height:140px; border:1px solid var(--stroke); padding-top:30px; text-align:center;}
.lineBox-rdo{display:flex;height:48px;padding:0 15px;border:1px solid #D5D4D5;align-items:center;}
.lineBox-chk{display:flex;flex-wrap:wrap;align-content:center;min-height:48px;height:auto;overflow:hidden;padding:0 15px;border:1px solid #D5D4D5;}
/* 개별 마진 대신 formbox6의 flex gap으로 간격을 줘서 체크박스 정렬 높이를 통일 */
#printArea .chkbox,
#kdsArea .chkbox,
#taxArea .chkbox{margin:0;}
/* lineBox-grp2 flex gap이 적용 안 되는 구조라 줄바꿈 간격 직접 지정 */
#ordTypeArea .chkbox,
#payStatusArea .chkbox{margin-bottom:8px;}
.lineBox-chk2{min-height:47px;height:auto;overflow:hidden;padding:0 15px;border:1px solid #D5D4D5;align-content: center;}
.lineBox-rdo-img{display:flex;height:48px;width:40%;padding:0 15px;border:1px solid #D5D4D5;align-items:center;}
.lineBox-tip{width:68px; height:48px; border:1px solid var(--stroke); padding-top:11px; text-align:center;}
.lineBox-grp{width:calc(50%);height:auto;padding:14px 16px;border:1px solid #D5D4D5;align-items:center;display:flex;flex-wrap:wrap;gap:8px;}
.lineBox-grp2{width:auto;height:auto;padding:14px 16px;border:1px solid #D5D4D5;align-items:center;display:flex;flex-wrap:wrap;gap:8px;}

.cardCont{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont70{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont60{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont55{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont50{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont45{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont40{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont30{width:100%;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}
.cardCont10{width:100%;margin-bottom:16px;padding:16px 16px 20px 16px;border:1px solid var(--stroke);background-color:#fff;box-shadow:2px 2px 4px #eaeaea;}

.mntBox{display:flex;justify-content:space-between;}
.mCard{width:calc((100%/4) - 5px);min-height:120px;padding:24px;border:1px solid var(--stroke);background-color:#fff;box-shadow:5px 5px 4px #eaeaea;}
.mCard .mnt-ti{font-size:1rem;font-weight:bold;}
.mCard .mnt-ass{margin-left:6px;font-size:0.75rem;}
.mCard .num-val{margin:8px 0;font-size:1.25rem;font-weight:bold;}
.mCard .prev-val{font-size:0.625rem;color:#959596;}
.mCard .prev-val strong{margin-left:3px;}

.mCard3{width:calc((100%/3) - 5px);min-height:120px;padding:24px;border:1px solid var(--stroke);background-color:#fff;box-shadow:5px 5px 4px #eaeaea;}
.mCard3 .mnt-ti{font-size:1rem;font-weight:bold;}
.mCard3 .mnt-ass{margin-left:6px;font-size:0.75rem;}
.mCard3 .num-val{margin:8px 0;font-size:1.25rem;font-weight:bold;}
.mCard3 .prev-val{font-size:0.625rem;color:#959596;}
.mCard3 .prev-val strong{margin-left:3px;}

.mCard2{width:calc((100%/2) - 5px);min-height:120px;padding:24px;border:1px solid var(--stroke);background-color:#fff;box-shadow:5px 5px 4px #eaeaea;}
.mCard2 .mnt-ti{font-size:1rem;font-weight:bold;}
.mCard2 .mnt-ass{margin-left:6px;font-size:0.75rem;}
.mCard2 .num-val{margin:8px 0;font-size:1.25rem;font-weight:bold;}
.mCard2 .prev-val{font-size:0.625rem;color:#959596;}
.mCard2 .prev-val strong{margin-left:3px;}

.mCard4{width:100%;min-height:105px;padding:24px;border:1px solid var(--stroke);background-color:#fff;box-shadow:5px 5px 4px #eaeaea;}
.mCard4 .mnt-ti{font-size:1rem;font-weight:bold;}
.mCard4 .mnt-ass{margin-left:6px;font-size:0.75rem;}
.mCard4 .num-val{margin-top:8px;font-size:1.25rem;font-weight:bold;}
.mCard4 .prev-val{font-size:0.625rem;color:#959596;}
.mCard4 .prev-val strong{margin-left:3px;}

.mChard:first-child{margin-left:0;}
.mChard:last-child{margin-right:0;}

.cardCont .cardCont-in, .cardCont10 .cardCont-in{padding:16px;border:1px solid var(--stroke);}

/* table List , font-size */
.ti{margin-bottom:25px;font-size:1.5rem;color:var(--blue6);}
.ti2{font-size:1.25rem;color:var(--blue6);}
.ti3{styleName:H5/Bold;font-size:1.25rem;font-weight:700;line-height:22px;}
.ts{font-size:1rem;}
.ts-x{font-size:1.125rem !important;}
.ts-xx{font-size:1.25rem;}
.ts-xxx{font-size:1.375rem !important;}
.ts-s{font-size:0.75rem;}
.ts-ss{font-size:0.875rem;}
.ts-sss{font-size:0.8125rem;}
.ts-m{font-size:1.875rem !important;}
.ts-l{font-size:3rem;}
.tx-b{font-weight:bold;}
.tx-n{font-weight:normal;}
.ti-bar{position:relative;padding-left:8px;}
.ti-bar::before{position:absolute;top:1px;left:0;content:"";width:3px;height:14px;background-color:#0054B6;}

/* font-weight */
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}


/* color */
.ccl1{color:#667FFF;}
.ccl2{color:#FFAA16;}
.ccl3{color:#10B981;}
.ccl4{color:var(--blue6);}
.ccl5{color:#EB5757;}
.ccl6{color:var(--blue1);}
.ccl7{color:#959596 !important;}
.ccl8{color:#30BE68;}
.ccl9{color:#336CFB}
.ccl10{color:#555556}
.ccl11{color:#F45452}
.ccl12{color:#807F80}
.ccl13{color:#BB6BD9}
.ccl14{color:var(--red2);}
.ccl15{color:#FFFFFF !important;}
.ccl16{color:#D5D4D5}
.copy{color:#AAAAAB;}
.ccl17{color:#B7B7B7;}
.ccl18{color:var(--blue5);}
.ccl19{color:#202020;}

/* table List */
.table-l1{position:relative;}
.table-l1 thead tr th{height:36px;background-color:var(--gray3);font-weight:bold;border-bottom: 1px solid var(--gray4);font-size:0.8125rem;padding:3px;}
.table-l1 tbody tr td{height:44px;border-bottom:1px solid #EAEAEA;font-size:0.8125rem;padding:3px;}
.table-l1 tbody tr td .inp{width:95%; height:90%;}
.table-l1 tbody tr td .select{width:95%; height:90%;}

.table-l2{position:relative;min-height:414px;border:1px solid var(--gray4);}
.table-l2 thead tr th{height:46px;background-color:var(--gray3);font-weight:bold;border-bottom: 1px solid var(--gray4);font-size:0.8125rem;padding:3px;}
.table-l2 tbody tr td{height:46px;border-bottom:1px solid #EAEAEA;font-size:0.8125rem;padding:3px;}
.table-l2 tbody tr td .inp{width:95%; height:90%;}
.table-l2 tbody tr td .select{width:95%; height:90%;}

.table-l3{position:relative;height:352px;overflow:auto;text-align:center;}
.table-l3 thead tr th{height:36px;background-color:var(--gray3);font-weight:bold;border-bottom: 1px solid var(--gray4);font-size:0.8125rem;padding:3px;}
.table-l3 tbody tr td{height:44px;border-bottom:1px solid #EAEAEA;font-size:0.8125rem;padding:3px;}
.table-l3 tbody tr td .inp{width:95%; height:90%;}
.table-l3 tbody tr td .select{width:95%; height:90%;}

/* 열 교대로 배경색 설정하는 table */
.table-l4{position:relative;}
.table-l4 thead tr th{height:36px;background-color:var(--gray3);font-weight:bold;border-bottom: 1px solid var(--gray4);font-size:0.8125rem;padding:3px;}
.table-l4 tbody tr td{height:44px;border-bottom:1px solid #EAEAEA;font-size:0.8125rem;padding:3px;}
.table-l4 tbody tr:nth-child(odd) td:not(.rowspan-cell){background-color: #FFFFFF;}
.table-l4 tbody tr:nth-child(even) td:not(.rowspan-cell){background-color: #F6F6F6;}
.table-l4 tbody tr td .inp{width:95%; height:90%;}
.table-l4 tbody tr td .select{width:95%; height:90%;}

.rowspan-cell {
    font-weight: bold;
    border-top: 1px solid var(--gray6) !important;
    border-bottom: 1px solid var(--gray6) !important;
}

.total-row td {
    text-align:center;
    font-weight: bold;
    border-top: 1px solid var(--gray6) !important;
    border-bottom: 1px solid var(--gray6) !important;
}

.grand-total-row td {
    text-align:center;
    font-weight: bold;
    border-top: 1px solid var(--gray6) !important;
    border-bottom: 1px solid var(--gray6) !important;
}

.tb-ov tbody tr td{position:relative;}
.tb-ov tbody tr:hover td{background-color:#F0F3FF;}
/*.tb-ov tbody tr:hover td::after{position:absolute;top:0;left:0;width:100%;height:44px;content:"";border:1px solid #4A6BEE;border-left:0;border-right:0;}*/
.tb-ov tbody tr:hover td:first-child::after{border:1px solid var(--blue5);border-right:0;}
.tb-ov tbody tr:hover td:last-child::after{border:1px solid var(--blue5);border-left:0;}

.tr-red {color: #F45452;}
.td-blue {color: #336CFB;}

.seqChg{display:inline-block;width:24px;height:24px;background:url(../images/bt_order.svg) 50% 50% no-repeat;}

.comt{position:relative;padding-left:30px;color:#667FFF;}
.comt::before{position:absolute;top:6px;left:20px;width:4px;height:4px;content:"";background-color:#667FFF;border-radius:4px;}
.noteDesc-list li{line-height:16px;font-size:0.75rem;}
/*.noteDesc-list li::before{position:absolute;top:calc(50% - 3px);left:15px;content:"";width:4px;height:4px;border-radius:10px;background-color:#000;}*/
.noteDesc-list.coo{color:var(--blue1);}
.noteDesc-list.coo li::before{background-color:var(--blue1);}

.noti-list li{position:relative;padding:0 0 0 30px;line-height:21px;color:#AAAAAB;}
.noti-list li::before{position:absolute;top:calc(50% - 3px);left:15px;content:"";width:4px;height:4px;border-radius:10px;background-color:#AAAAAB;}

.noti{position:relative;padding:0 0 0 20px;color:var(--gray1);}
.noti::before{position:absolute;top:calc(50% - 3px);left:10px;content:"";width:4px;height:4px;border-radius:10px;background-color:var(--gray1);}

.op-tag{display:inline-block;height:26px;padding:0 10px;border:1px solid #eaeaea;border-radius:26px;line-height:26px;font-size:0.75rem;color:#555556;}

.scl{overflow-y:auto;}
.sort{position:relative;padding:0 26px 0 0;cursor:pointer;}
.sort::after{position:absolute;width:16px;height:16px;margin-left: 6px;content:"";background:url(../images/ic_sort.svg) 100% 0 no-repeat;transition:.3s;}
.sort.asc::after{transform: rotate(180deg);}


/* flex */
.flex{display:flex;}
.flex-btw{justify-content:space-between;}
.flex_j-end{justify-content:flex-end;}
.flex_a-start{align-items:flex-start;}
.flex_a-end{align-items:flex-end;}
.flex-j-cnt{justify-content:center;}
.flex-a-cnt{align-items:center;}
.flex-f1{flex:1;}
.flex-f3{flex:3;}
.flex-b-auto{flex-basis:auto;}
.flex-g1{flex-grow:1;}
.flex-md{justify-content:center;align-items:center;}
.flex-d-col{flex-direction:column;}
.flex-d-row{flex-direction:row;}

.j-i-cnt{justify-items:center;}

.a-c-end{align-content:end;}

/* column * 3 */
.formbox{padding:24px 0 0 0 ;}
.formbox1{padding:0 0 0 0 ;}
.formbox2, .formbox3, .formbox4{display:flex;justify-content:space-between;}
.formbox6{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:10px 50px;padding:10px 0 10px 0 ;}
.formbox2 .formCol{width:calc((100%/2) - 5px);}
.formbox3 .formCol{width:calc((100%/3) - 5px);}
.formbox4 .formCol{width:calc((100%/4) - 5px);}
.formbox5 label{display:block;margin-bottom:8px;}

/* 파이차트를 감싸는 카드 전용 스크롤 처리. .formCol.cardCont-in는 ticketList.jsp의 영수증 고정(position:sticky) 패널에도 쓰여서,
   거기에 overflow-y:hidden을 주면 sticky가 깨지므로 전체 클래스가 아닌 별도 클래스로 분리함 */
.chart-card-scroll{overflow-x:auto;overflow-y:hidden;}
.formbox7{width:100%;height:92px;padding:16px;background-color:#FAFAFA;overflow:auto}

.formbox label, .formbox1 label, .formbox2 label, .formbox3 .formCol label, .formbox4 .formCol label{display:block;margin-bottom:8px;}

.wid-auto{width:auto !important;}
.wid10p{width:10% !important;}
.wid15p{width:15% !important;}
.wid20p{width:20% !important;}
.wid25p{width:25% !important;}
.wid30p{width:30% !important;}
.wid32p{width:32% !important;}
.wid33p{width:33% !important;}
.wid34p{width:34% !important;}
.wid39p{width:39% !important;}
.wid40p{width:40% !important;}
.wid46p{width:46% !important;}
.wid49p{width:49% !important;}
.wid50p{width:50% !important;}
.wid59p{width:59% !important;}
.wid60p{width:60% !important;}
.wid65p{width:65% !important;}
.wid70p{width:70% !important;}
.wid80p{width:80% !important;}
.wid90p{width:90% !important;}
.wid100p{width:100% !important;}

.wid50x{width:50px !important;}
.wid76x{width:76px !important;}
.wid80x{width:80px !important;}
.wid100x{width:100px !important;}
.wid118x{width:118px !important;}
.wid120x{width:120px !important;}
.wid138x{width:138px !important;}
.wid162x{width:162px !important;}
.wid176x{width:176px !important;}
.wid257x{width:257px !important;}
.wid416x{width:416px !important;}
.wid445x{width:445px !important;}
.wid700x{width:700px !important;}
.wid848x{width:848px !important;}
.wid995x{width:995px !important;}

.hei100p{height:100% !important;}
.hei95p{height:95% !important;}
.hei92p{height:92% !important;}
.hei90p{height:90% !important;}
.hei80p{height:80% !important;}
.hei30p{height:30% !important;}

.hei38x{height:38px !important;}
.hei48x{height:48px !important;}
.hei50x{height:50px !important;}
.hei37x{height:37px !important;}
.hei200x{height:200px !important;}

.line-h37{line-height:37px !important;}

.cmn-layout1{width:652px;}

.req{display:inline-block !important;padding-right:10px;background:url(../images/ic_required.svg) 100% 0 no-repeat;font-weight:bold;}

/* board radius */
.rds4{border-radius:4px;}
/* 내부 차트가 고정 너비라 좁은 화면에서 넘칠 수 있어, 축소 대신 카드 안에서 가로 스크롤되게 함 (overflow-y는 명시적으로 hidden으로 고정해 세로 방향에 영향 없게 함) */
.stroke{border:1px solid var(--stroke);overflow-x:auto;overflow-y:hidden;}

/* button Style */
.btn{display:inline-block;font-size:0.875rem;color:#fff;}
.btn:hover{color:#fff;}
.btn-line-pp{display:inline-block;box-shadow:0 0 0 1px var(--blue2) inset;font-size:0.875rem;color:var(--blue2);}
.btn-line-bl{display:inline-block;box-shadow:0 0 0 1px var(--blue1) inset;font-size:0.875rem;color:var(--blue1);}
.btn2{display:inline-block;font-size:0.75rem;color:#000000;width:100%;height:52px;margin-top:8px;background-color:#F6F6F6;padding:10px;align-content:center;text-align:center;}

.btn-sz1{height:34px;line-height:34px;padding:0 16px;}
.btn-sz2{height:24px;line-height:24px;padding:0 16px;}
.btn-sz3{height:48px;line-height:48px;padding:0 16px;}
.btn-sz4{height:38px;line-height:38px;padding:0 16px;}
.btn-sz5{height:46px;line-height:46px;padding:0 16px;white-space: nowrap;}
.btn-sz6{height:53px;line-height:53px;padding:0 74px;}
.btn-sz7{height:34px;line-height:34px;}
.btn-sz8{height:53px;line-height:53px;}
.btn-sz9{width:100%;height:60px;margin-top:30px;border-radius:5px;background-color:#CBD6FF;line-height:60px;color:#fff;font-size:1.125rem;text-align:center;}
.btn-sz10{width:110px;height:48px;padding:8px 8px;position:relative;top:26.67px;}
.btn-sz11{height:34px;line-height:34px;padding:0 25px;}
.btn-sz12{height:44px;line-height:44px;padding:0px 32px;font-size:1rem;}
.btn-sz13{height:43px;line-height:43px;padding:0 16px;}
.btn-app{height:24px;line-height:24px;border-radius:4px;padding:0 16px;background-color:#EAEAEA;color:#959596;font-size:0.75rem;}
.btn-rd1{height:24px;line-height:24px;width:85px;border-radius:24px;background-color:#EAEAEA;color:#959596;font-size:0.75rem;font-weight:600;}
.btn-rd2{height:24px;line-height:24px;width:85px;border-radius:24px;background-color:#FFAA16;color:#FFFFFF;font-size:0.75rem;font-weight:600;}

/* 버튼 줄바꿈 방지 */
.btnBox {
    flex-shrink: 0;
}

.paging{display:flex;justify-content:center; margin-top:15px;}
.paging a, .paging strong, .paging button{display:block;width:32px;height:32px;margin:0 5px; border:1px solid var(--stroke);line-height:32px;text-align:center;}
.paging a:hover{border:1px solid var(--blue1);}
.paging strong{border:1px solid var(--blue1); background-color:var(--blue1);color:#fff;}

/* vertical-align */
.vtc-m{vertical-align:middle;}

/* 승인 */
.btn-ap{width:80px;height:24px;padding:5px 0 0;border-radius:15px;text-align:center;}
/* 승인보류 */
.ap-def{ background-color:#FEF3C7;color:#D97706;}
/* 대기중 */
.ap-std{background-color:#F1F5F9;color:#64748B;}
/* 완료 */
.ap-cfm{background-color:#D1FAE5;color:#059669;}

.bt-hei48{height:48px;min-height:48px;}

/* Align */
.tx-c{text-align:center;}
.tx-l{text-align:left !important;}
.tx-r{text-align:right !important;}
.div-c{margin:0 auto}

/* margin */
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb24{margin-bottom:24px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb65{margin-bottom:65px;}
.mb80{margin-bottom:80px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr15{margin-right:15px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
.mr24{margin-right:24px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr25{margin-right:25px;}
.mr50{margin-right:50px;}
.mr45{margin-right:45px;}
.mr72{margin-right:72px;}
.mr90{margin-right:90px;}
.mr125{margin-right:125px;}
.ml5{margin-left:5px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml45{margin-left:45px;}
.ml-auto{margin-left:auto;}
.mtb10{margin:10px 0;}
.mb0{margin-bottom:0 !important;}

/* padding */
.p0{padding:0 !important;}
.p10{padding:10px !important;}
.p15{padding:15px;}
.p16{padding:16px;}
.pt0{padding-top:0 !important;}
.pt5{padding-top:5px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt24{padding-top:24px;}
.pt75{padding-top:75px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr25{padding-right:25px;}
.pb2{padding-bottom:2px;}
.pb24{padding-bottom:24px;}
.pb75{padding-bottom:75px;}
.pb05rem{padding-bottom: 0.5rem;}
.pb1rem{padding-bottom: 1rem;}
.pl10{padding-left:10px;}

/* gap */
.gap8{gap:8px;}
.gap10{gap:10px;}
.gap16{gap:16px;}
.gap20{gap:20px;}
.gap24{gap:24px;}
.gap30{gap:30px;}

input::placeholder{color:#AAAAAB;}
input:disabled::placeholder{color:transparent;}
input:read-only::placeholder{color:transparent;}
input:disabled, input:read-only, select:disabled, .gray{background-color:#F6F6F6}

.inp{height:48px;padding:0 16px;line-height:48px;border:1px solid var(--stroke);}
.inp-box input[type=search]{width:100%;height:48px;padding:0 16px;line-height:47px;border:1px solid var(--stroke);}
.inp-box input:focus, .form-inp .inp:focus{border:1px solid var(--blue1);}
.inp-box input[type=text]{width:100%;padding:0 16px;border:1px solid var(--stroke);}

.fileInputBox .inp{width:100%;height:46px;line-height:38px;padding:0 0px;}
.file-find{position:relative;display:inline-block !important;min-width:64px;height:42px;line-height:42px;padding:0 20px;color:#fff;cursor:pointer;}
.file-find .inp-file{position:absolute;width:0;height:0;}

.dateInputBox{width:241px;height:38px;padding:0px 16px 0px 16px;gap:16px;border:1px;}

.form-inp .inp{width:100%;}
.form-inp2 .inp{width:calc(50% - 5px);}
.form-inp3 .inp, .form-inp4 .inp, .form-inp5 .inp{width:100%;}
.form-inp input:read-only, .form-inp2 input:read-only, .form-inp5 input:read-only{background-color:#F2F2F2;color:#AAAAAB;}
.form-inp input.readonly:read-only, .form-inp2 input.readonly:read-only{background-color:#fff !important;color:#000;}
.form-inp3 input.readonly:read-only, .form-inp4 input.readonly:read-only{background-color:#fff !important;color:#000 !important;}
.form-sel select{width:100%;border:1px solid var(--stroke);}
.form-sel input:disabled{background-color:#F2F2F2;color:#AAAAAB;}
.form-sel2 select{width:calc(50% - 5px);border:1px solid var(--stroke);}
.form-inp .span{height:38px;padding:0 5px;line-height:38px;}
.form-inp .span2{height:48px;padding:0 5px;line-height:48px;}
.form-inp .date{height:38px;padding:0 16px;line-height:38px;border:1px solid var(--stroke); font-size:0.875rem;}
.form-inp .date2{height:48px;padding:0 16px;line-height:48px;border:1px solid var(--stroke); font-size:0.875rem;}
.form-sel{position:relative;display:flex;justify-content:right;align-items:center;}
.form-sel3{position:relative;display:flex;justify-content:right;align-items:flex-start;}
.form-inp{position:relative;display:flex;justify-content:right;align-items:center;}
.form-inp3, .form-inp4{position:relative;display:flex;align-items:center;}
.form-inp5{position:relative;display:flex;justify-content:right;align-items:flex-start;}
.form-inp .fa-solid .fa-eye{position:absolute;color:#AAAAAB;padding:0 16px 0 0;}
.form-p{padding:24px 0 0 0;position:relative;display:flex;justify-content:left;align-items:center;}

.tab ul{display:flex;}
.tab ul li{border-bottom:1px solid var(--stroke);}
.tab ul li button{padding:16px 52px 16px 24px;font-size:1.25rem;font-weight:bold;color:#807F80;}
.tab ul li.on{border-bottom:2px inset var(--blue6);}
.tab ul li.on button{color:var(--blue6);}

.periodBox, .periodBox2, periodBox4{display:flex;}
.periodBox button{width:53px;height:38px;margin-left:-1px;border:1px solid #EAEAEA;}
.periodBox button.on{background:#F2F2F2;font-weight:bold;}
.periodBox button:first-child{margin-left:0;}
.periodBox button.fst-rds{border-radius:5px 0 0 5px;}
.periodBox button.last-rds{border-radius:0 5px 5px 0;}

.periodBox2 button{width:53px;height:48px;margin-left:-1px;border:1px solid #EAEAEA;}
.periodBox2 button.on{background:#F2F2F2;font-weight:bold;}
.periodBox2 button:first-child{margin-left:0;}

.periodBox4 button{width:112px;height:38px;margin-left:-5px;border:1px solid #EAEAEA;}
.periodBox4 button.on{background:#F2F2F2;font-weight:bold;}
.periodBox4 button:first-child{margin-left:0;}

.periodSch{display:flex;align-items:center;}
.periodSch .period-inp{width:153px;height:38px;line-height:38px;background:#F6F6F6 url(../images/ic_cal.svg) calc(100% - 30px) 50% no-repeat;border:1px solid #D5D4D5;}
.periodSch .period-hyn{margin:0 10px;}

.chkbox{display:inline-block;}
.chkbox label{display:block;width:16px;height:16px;line-height: 16px;background-image:url(../images/bt_checkbox2.svg);background-size:16px auto;background-position:0 0;background-repeat:no-repeat;}
.chkbox .th_chk{display:block;width:auto;padding:0 0 0 25px;}
.chkbox input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.chkbox input[type="checkbox"]:checked + label{background-repeat:no-repeat;background-size:16px auto;background-position:0 -26px;}
.chkbox input[type="checkbox"]:disabled + label{background-repeat:no-repeat;background-size:16px auto;background-position:0 -52px;color:#AAAAAB;}
.chkbox input[type="checkbox"]:checked:disabled + label{background-repeat:no-repeat;background-size:15px auto;background-position:0 -73px;color:#AAAAAB;}

.radioBox{display:inline-block;}
.radioBox label{display:block;width:20px;height:20px;margin:0;background-image:url(../images/ic_radio.svg);background-size:20px auto;background-position:0 0;background-repeat:no-repeat;}
.radioBox .radio-tx{display:block;width:auto;padding:1px 0 0 36px;}
.radioBox input[type="radio"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.radioBox input[type="radio"]:checked + label{background-image:url(../images/ic_radio.svg);background-repeat:no-repeat;background-size:20px auto;background-position:0 -70px;}
.radioBox input[type="radio"]:disabled + label{background-image:url(../images/ic_radio_disabled.svg);background-repeat:no-repeat;background-size:20px auto;background-position:center;}

.radioBox2{display:inline-block;}
.radioBox2 label{display:block;width:16px;height:16px;margin:0;background-image:url(../images/ic_radio.svg);background-size:16px auto;background-position:0 0;background-repeat:no-repeat;}
.radioBox2 input[type="radio"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.radioBox2 input[type="radio"]:checked + label{background-image:url(../images/ic_radio.svg);background-repeat:no-repeat;background-size:16px auto;background-position:0 -56px;}
.radioBox2 input[type="radio"]:disabled + label{background-image:url(../images/ic_radio_disabled.svg);background-repeat:no-repeat;background-size:16px auto;}
.radioBox2 input[type="radio"]:checked:disabled + label{background-image:url(../images/ic_radio_chk_disabled.svg);background-repeat:no-repeat;background-size:16px auto;background-position: 0 0;}

/* Select Box Design*/
.sl-nm{margin:0 10px 0 0;font-size:0.875rem;color:var(--black);}
.select {min-width:auto;height:48px;padding:0 40px 0 15px;border:1px solid var(--gray1);background:url(../images/ic_sel_arr.svg) no-repeat calc(100% - 15px) 50%;color:#2B2A2C;line-height:48px;vertical-align:middle;appearance:none;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/}
.select2 {min-width:auto;height:34px;padding:0 40px 0 15px;border:1px solid var(--gray1);background:url(../images/ic_sel_arr.svg) no-repeat calc(100% - 15px) 50%;color:#2B2A2C;line-height:34px;vertical-align:middle;appearance:none;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/}
.select3 {width: 50%;height:46px;padding:0 40px 0 15px;border:1px solid var(--gray1);background:url(../images/ic_sel_arr.svg) no-repeat calc(100% - 15px) 50%;color:#2B2A2C;line-height:46px;vertical-align:middle;appearance:none;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/}
.select_margin {margin: 0 0.5rem;}

.optionList{position:relative;display:flex;margin:2rem 0;justify-content:space-between;}
.optionList .putRemovebox{display: flex; flex-direction:column; justify-content: center;padding: 0 2rem;}
.optionList .putRemovebox button{display:block;width:40px;height:40px;background-image:url(../images/bt_arrow.svg);background-repeat:no-repeat;}
.optionList .putRemovebox .bt-rmv{margin-bottom:30px;transform:rotate(0deg);}
.optionList .putRemovebox .bt-rmv:hover{background-position:0 -70px;transform:rotate(180deg);}
.optionList .putRemovebox .bt-put{transform:rotate(180deg);}
.optionList .putRemovebox .bt-put:hover{background-position:0 -70px;transform:rotate(0deg);}

.putBtnbox{display: flex; flex-direction:column; justify-content: center;padding: 0 2rem;}
.putBtnbox button{display:block;width:40px;height:40px;background-image:url(../images/bt_arrow.svg);background-position:0 -70px;background-repeat:no-repeat;}

.ic-drag{width:24px;height:24px;background-image:url(../images/drag-vertical.svg);background-repeat:no-repeat;background-position:center;}
.bt-cancel{width:24px;height:24px;background-image:url(../images/bt_cancel.svg);background-repeat:no-repeat;}

.opListBox{width:calc(50% - 44px);}
.selListBox .sel-h{height:46px;line-height:46px;padding-left:15px;border:1px solid var(--stroke);background:url(../images/ic_sel_arr.svg) no-repeat calc(100% - 15px) 50%;}
.selListBox .sel-b{overflow-y:scroll;height:368px;border:1px solid var(--stroke);border-top:0;}
.selListBox .sel-b ul li{display:flex;height:46px;padding-left:15px;border-bottom:1px solid var(--stroke);align-items:center;}
.opApdBox{width:95%;border:1px solid var(--stroke);padding:16px 16px 16px 0}
.opApdBox .op-item{display:inline-block;height:38px;margin-left:10px;padding:0 16px;line-height:38px;border:1px solid #667FFF;border-radius:38px;background-color:#EEF1FF;color:#667FFF;cursor:pointer;}
.opApdBox input[type=checkbox]{position:absolute;width:0;height:0;}
.opApdBox input:checked + label{border:1px solid #002AFF;background-color:#C7D1FF;color:#002AFF;}
.opApdBox input:disabled + label{border:1px solid #959596;background:#FFFFFFF2;color:#959596}

.bbs-cond{display:flex; height: 3rem;}
.bbs-cond2{display:flex;height:3rem;align-items:center;}
.bbs-cond-info{display:flex;}
.bbs-cond .cond-btns, .bbs-cond2 .cond-btns {margin-left:auto;}
.bbs-cond-info .cond-btns {margin-left:auto;}
.col-layout1{display:flex;}
.col-layout1 .col-r{margin-left:auto;}

.btns{display:flex;}

.inp-calendar{width:135px;height:28px;border:1px solid var(--gray1);border-radius:3px;padding:0 0 0 10px;background:url(../images/ic_cal.svg) 110px 3px/20px 20px no-repeat;}
/*.inp-calendar{width:135px;height:28px;border:1px solid var(--gray1);border-radius:3px;padding:0 0 0 10px;background:url(../images/ic_calendar.png) 110px 3px/20px 20px no-repeat;}*/

.mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--black);opacity:0.3;}
.layerAlert{position:absolute;top:100px;left:50%;width:700px;margin:0 0 0 calc(-700px / 2);padding:24px;background-color:#fff;-webkit-box-shadow:0 0 10px 5px #9F9F9F;-moz-box-shadow:0 0 10px 5px #9F9F9F;box-shadow:0 0 10px 5px #9F9F9F;z-index:100;}
.layerAlert h1{font-size:1.25rem;color:#1D2473;}
.layer-cont{margin-bottom:80px;}
.layer-cont .l-tx{margin-top:80px;padding-top:78px;background:url(../images/ic_pop_check.svg) 50% 0 no-repeat;font-size:1.875rem;text-align:center;}
.layer-cont .l-msg{margin-top:20px;font-size:1.25rem;text-align:center;color:#807F80;}
.layer-btns{width:100%;text-align:center;}
.layerPopup{position:absolute;top:100px;left:50%;padding:24px;background-color:#fff;-webkit-box-shadow:0 0 10px 5px #9F9F9F;-moz-box-shadow:0 0 10px 5px #9F9F9F;box-shadow:0 0 10px 5px #9F9F9F;z-index:100;}
.layerPopup2{position:absolute;top:400px;left:50%;padding:24px;background-color:#fff;-webkit-box-shadow:0 0 10px 5px #9F9F9F;-moz-box-shadow:0 0 10px 5px #9F9F9F;box-shadow:0 0 10px 5px #9F9F9F;z-index:100;}

.imgWriteBox .imgWrite label, .imgWriteBox .imgWrite2 label{display:block;width:200px;height:200px;border:1px dashed #AAAAAB;background:url(../images/bg_img_put.svg) 50% 50% no-repeat;cursor:pointer;}
.imgWriteBox .imgWrite input, .imgWriteBox .imgWrite2 input[type=file]{position:absolute;width:0;height:0;}
.imgWriteBox .imgWrite2 label{width:140px;height:140px;}

.authChkList ul{display:flex;flex-wrap:wrap;}
.authChkList li{width:20%;margin:24px 0 0 0;}

#authPop{width:995px;min-height:665px;}
#authPop .cardCont{padding:16px 16px 30px 16px;}

.monthNav{display:grid;grid-template-columns:repeat(3, 1fr);}
.monthNav .cal-now{font-size:1.25rem;font-weight:500;text-align:center;color:#1D2473;}
.monthNav div{text-align:center;}
.monthNav div > button{position:relative;width:100%;height:30px;line-height:30px;color:#959596;}
.monthNav div > button::before{position:absolute;top:2px;width:24px;height:24px;content:"";background:url(../images/ic_cal_arr.svg) 0 0 no-repeat;}
.monthNav .cal-prev button::before{left:150px;}
.monthNav .cal-next button::before{right:150px;transform:rotate(180deg);}

.monthSalesBox{display:grid;grid-template-columns:repeat(2, 1fr);margin:16px 0 40px 0;padding:20px 0;border:1px solid var(--stroke);}
.monthSalesBox button{position:relative;border-left:1px solid var(--stroke);}
.monthSalesBox button:first-child{border:0;}
.monthSalesBox button::before{position:absolute;top:10px;width:24px;height:24px;content:"";background:url(../images/ic_cal_arr.svg) 0 0 no-repeat;}
.monthSalesBox button span{display:block;color:#555556;text-align:center;}
.monthSalesBox button strong{display:block;margin-top:5px;text-align:center;font-weight:normal;font-size:1.125rem;}
.monthSalesBox .sales{padding-left:350px;}
.monthSalesBox .refund{padding-right:350px;}
.monthSalesBox .sales strong{color:#1D2473;}
.monthSalesBox .refund strong{color:#F45452;}

.monthSalesBox .sales::before{left:150px;}
.monthSalesBox .refund::before{right:150px;transform:rotate(180deg);}

.printCtrl{margin-top:8px;border:1px solid #D5D4D5;background:#F3F3F3;}
.printCtrl .chkbox{margin:16px;}
.printCtrl .chkbox input[type="checkbox"]:disabled + label{background-position:0 -75px;}
.printCtrl .chkbox label{margin:0;}

.dash-stats{display:grid;grid-template-columns:60% 40%;}

.menuCtrlBox{display:flex;margin:16px 0 0 0;}
.menuCtrlBox .menu-add, .menuCtrlBox .menu-ctrl, .menuCtrlBox .menu-preview{padding:16px;border:1px solid var(--stroke);}
.menuCtrlBox .menu-add{width:calc(100% - (170px + 550px))}
.menuCtrlBox .menu-add .table-l1 tbody tr td{height:55px;}
.menuCtrlBox .menu-ctrl{max-width:170px;margin:0 16px;}
.menuCtrlBox .menu-ctrl h5{font-size:0.75rem;font-weight:normal;}
.menuCtrlBox .pre-itemSize{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;}
.menuCtrlBox .pre-itemSize button{width:64px;height:33px;line-height:33px;margin-top:8px;background-color:#AAAAAB;color:#fff;}
.menuCtrlBox .pre-itemSize button.on{background-color:var(--blue5);}
.menuCtrlBox .pre-itemColor{display:flex;flex-wrap:wrap;}
.menuCtrlBox .pre-itemColor button{width:40px;height:40px;margin:8px 8px 0 0;}
.menuCtrlBox .pre-itemColor button:nth-child(3n){margin:8px 0 0 0;}
.menuCtrlBox .pre-itemColor .itm-c1{background-color:#EA606B;}
.menuCtrlBox .pre-itemColor .itm-c2{background-color:#FEE715;}
.menuCtrlBox .pre-itemColor .itm-c3{background-color:#C6E289;}
.menuCtrlBox .pre-itemColor .itm-c4{background-color:#7DD0FF;}
.menuCtrlBox .pre-itemColor .itm-c5{background-color:#336CFB;}

.menuCtrlBox .pre-itemColor .itm-c6{background-color:#9747FF;}
.menuCtrlBox .pre-itemColor .itm-c7{background-color:#3579F6;}
.menuCtrlBox .pre-itemColor .itm-c8{background-color:#E4CCFF;}
.menuCtrlBox .pre-itemColor .itm-c9{background-color:#FF4286;}
.menuCtrlBox .pre-itemColor .itm-c10{background-color:#FFA629;}

.menuCtrlBox .menu-preview{position:relative;max-width:550px;height:700px;background-color:#000;}
.menuCtrlBox .menu-preview h4{color:#EEF1FF;}
.menuCtrlBox .ctgr-nav{position:relative;height:66px;margin-top:16px;border:1px solid #555556;background-color:#2B2A2C;}
.menuCtrlBox .ctgr-nav .nav-in{display:flex;position:absolute;top:0;left:0;}
.menuCtrlBox .ctgr-nav .nav-in button{display:inline-block;width:78px;height:66px;padding:5px;align-items:center;justify-content:center;}
.menuCtrlBox .ctgr-nav .nav-in button span{color:#AAAAAB;}
.menuCtrlBox .ctgr-nav .bt-ctgr{position:absolute;width:34px;height:64px;border-left:1px solid #555556;background:#2B2A2C url(../images/bt_pre_arrow2.svg) 50% 50% no-repeat;text-indent:-9999px;}
.menuCtrlBox .ctgr-nav .ctgr-prev{left:0;transform:rotate(180deg);}
.menuCtrlBox .ctgr-nav .ctgr-next{right:0;}

.menuCtrlBox .ctgr-menuGoods{position:relative;}
.menuCtrlBox .ctgr-menuGoods .itemBox{display:flex;flex-wrap:wrap;align-content:flex-start;height:500px;}
.menuCtrlBox .ctgr-menuGoods .itm-goods{width:121px;height:94px;margin:8px 6px 0 0;padding:8px 12px;border:1px solid #2B2A2C;background-color:#403F41;}
.menuCtrlBox .ctgr-menuGoods .itm-goods:nth-child(4n){margin:8px 0 0 0;}
.menuCtrlBox .ctgr-menuGoods .itm-goods span{display:inline-block;color:#E6E9F7;}
.menuCtrlBox .ctgr-menuGoods .itm-goods .gds1{margin-bottom:8px;}

.menuCtrlBox .pre-nav{position:absolute;bottom:16px;left:0;width:100%;display:flex;justify-content:center;}
.menuCtrlBox .pre-nav button{display:flex;width:40px;height:40px;justify-content:center;align-items:center;padding-top:6px;}
.menuCtrlBox .pre-nav button span{color:#403F41;font-size:1rem;}
.menuCtrlBox .pre-nav button.on span{color:#EEF1FF;}
.menuCtrlBox .pre-nav .bt-nav{overflow:hidden;background:url(../images/bt_pre_arrow.svg) 50% 50% no-repeat;text-indent:-9999px;}
.menuCtrlBox .pre-nav .bt-prev{transform:rotate(180deg);}

.opt-check{display:flex;}
.opt-check input[type="radio"]{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.opt-check input[type="radio"]:checked + label{box-shadow:0 0 0 3px var(--blue1) inset;}
.opt-check label{width:140px;height:140px;padding:90px 0 0 0;box-shadow:0 0 0 1px var(--stroke) inset;cursor:pointer;}
.opt-check label span{display:block;text-align:center;}
.opt-check .sigleRadio{margin-right:8px;background:url(../images/vi_opimg1.svg) 50% 28px no-repeat;}
.opt-check .multiRadio{background:url(../images/vi_opimg2.svg) 50% 28px no-repeat;}

.link{text-decoration : underline; cursor: pointer; color: #004C7E;}
.strike {
    color: inherit;
}
.strike > ul,
.strike > ul *,
.strike > p.memo,
.strike > p.memo * {
    text-decoration: line-through;
    color: #AAAAAB;
}

.fl-r{float: right;}

.bd-n{border: none;}

/* peter */
.fontform01{font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
}

textarea {
    width: 100%;
    height: 300px;
    padding: 0 16px;
    padding-top: 10px;
    line-height:20px;
    border:1px solid var(--stroke);
    resize: none;

}
textarea:focus{
    outline: none !important;
    /*border:1px solid var(--blue1);*/
}

.textarea2 {
    width: 100%;
    height: 550px;
    padding: 0 16px;
    padding-top: 10px;
    line-height:20px;
    border:1px solid var(--stroke);
    resize: none;
    font-size: 0.875rem;
}

.textarea3 {
    width: 100%;
    height: 93px;
    padding: 0;
    line-height:20px;
    /*border:1px solid var(--stroke);*/
    resize: none;
    font-size: 0.875rem;
    border: none;
    /*position: relative;*/
    /*background-color: #FFF;*/
}

.textarea3[contenteditable]:empty:before {
    content: attr(placeholder);
    color: #aaa;
    pointer-events: none;
    display: block;
}

.comment-container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
    background-color: var(--gray7);
}

.comment {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 16px 65px 16px;
    border: 1px solid #BFBFC0;
    background-color: #fff;
}

.comment-list {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 16px 16px 16px;
    background: transparent !important;
}

.comment-list.edit-mode {
    padding: 16px 16px 65px 16px !important;
    border: 1px solid #BFBFC0 !important;
    background-color: #fff !important;
}

.padding-adjusted {
    padding: 16px 16px 65px 16px;
}

.comment-list .count2, .comment-container .comment .count2 {
    color: #2B2A2C;
    font-size: 0.875rem;
    text-align: end;
    align-content: end;
}

/*.comment-container .comment .cond-btns {*/
/*    position: absolute;*/
/*    bottom: 20px;*/
/*    right: 16px;*/
/*    display: flex;*/
/*    gap: 5px;*/
/*}*/

.comment-list .flex, .comment-container .comment .flex {
    position: absolute;
    bottom: 20px;
    right: 16px;
    display: flex;
    gap: 5px;
}

.formbox .form-inp3 input {
    width: 100%;
    white-space: nowrap;
    background: transparent !important;
}

.formbox .form-inp4 input {
    width: 100%;
    white-space: nowrap;
    background: transparent;
}

.noti-ti2 {
    position: absolute;
    right: 0px;
    align-items: center;
}

#pagingul {
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc;
    border-right: 0;
}

#pagingul li {
    text-align: center;
    float: left;
}

#pagingul li a {
    display: block;
    font-size: 0.875rem;
    padding: 9px 12px;
    border-right: solid 1px #ccc;
    box-sizing: border-box;
}

#pagingul li.on {
    background: var(--blue1);
}

#pagingul li.on a {
    color: #fff;
}


.justbox .box{width:100%;height:48px;padding:0 16px;line-height:47px;border:1px solid var(--stroke);}
.justbox .box1{width:100%;height:48px;padding:0 16px;line-height:47px;border:1px solid var(--stroke);display: flex;}
.justbox .box2{width:100%;height:48px;padding:0 16px;line-height:47px;border-bottom:1px solid var(--stroke);display: flex;}
.inp-l{height:auto;padding:0 16px;line-height:46px;border:1px solid var(--stroke);width: 100%}

.inp-s{height:42px;padding:0 16px;line-height:46px;border:1px  var(--stroke);width: 50%}
.inp-lh{height:46px;padding:0 16px; line-height:42px;border:1px solid var(--stroke);width: 100%}

.circle{width: 50px;height: 50px;border-radius: 50%;border: 1px solid var(--stroke);}
.inp-box .selectWithSearch{width:100%;height:46px;padding:0 16px;line-height:46px;border:1px solid var(--stroke);}
.btn-size{height:48px;line-height:48px;padding:0 45px;}
.btn-size46{height:46px;line-height:46px;padding:0 45px;}

.thead-fix{position: sticky;top:0; z-index: 1;background-color:var(--gray3);-webkit-transform:translateZ(0);transform:translateZ(0);}

/* thead 고정 + tbody 스크롤: tbl-scroll(단순 리스트, 뷰포트 기준), tbl-scroll-panel(중첩 리스트, 고정 높이) */
.tbl-scroll,.tbl-scroll-panel{min-height:240px;overflow-y:auto;}
.tbl-scroll{max-height:calc(100vh - 320px);}
.tbl-scroll-panel{max-height:360px;}

/* 테이블 QR 등 페이지 중간에 독립 카드로 낀 표는 최소 높이를 빼서, 데이터가 적을 때 아래 카드까지 빈 공간이 밀리지 않게 함 */
#tableQrSection .tbl-scroll{min-height:0;}

/* 삼성인터넷 등 터치 기기의 자동숨김 오버레이 스크롤바 대신 항상 보이는 스크롤바로 표시 */
.tbl-scroll,.tbl-scroll-panel,.tbl-scroll-fill{scrollbar-width:thin;}
.tbl-scroll::-webkit-scrollbar,
.tbl-scroll-panel::-webkit-scrollbar,
.tbl-scroll-fill::-webkit-scrollbar{width:6px;}
.tbl-scroll::-webkit-scrollbar-track,
.tbl-scroll-panel::-webkit-scrollbar-track,
.tbl-scroll-fill::-webkit-scrollbar-track{background:transparent;}
.tbl-scroll::-webkit-scrollbar-thumb,
.tbl-scroll-panel::-webkit-scrollbar-thumb,
.tbl-scroll-fill::-webkit-scrollbar-thumb{background-color:var(--gray6);border-radius:3px;}
.tbl-scroll::-webkit-scrollbar-thumb:hover,
.tbl-scroll-panel::-webkit-scrollbar-thumb:hover,
.tbl-scroll-fill::-webkit-scrollbar-thumb:hover{background-color:var(--gray1);}

/* 터치 전용 기기는 표 내부 스크롤과 페이지 스크롤이 헷갈리지 않도록 표 높이 제한을 풀고 페이지 스크롤로 통일 */
@media (hover:none) and (pointer:coarse){
    .tbl-scroll,.tbl-scroll-panel,.tbl-scroll-fill,
    .cardColConts>[class^="cardCont"]>.tbl-scroll-panel,
    .cardColConts>[class^="cardCont"]>.tbl-scroll-fill,
    .panel-grow>.tbl-scroll-panel,
    .panel-grow>.tbl-scroll-fill{max-height:none;overflow-y:visible;}
}

.ins-220{inline-size: 220px;}

.over-h{overflow: hidden;}
.over-a{overflow: auto;}
.over-w{overflow-wrap: break-word; word-break: break-word;}
.over-w-a{overflow-wrap: anywhere;}

.o-fit{object-fit: cover;}

/* clover plus icon */
.plus-icon { width: 18px; height: 18px; display: inline-block; position: relative; cursor: pointer; }
.plus-icon:before, .plus-icon:after { content: ''; position: absolute; background-color: var(--blue9); }
.plus-icon:before { width: 100%; height: 2px; top: 50%; left: 0; transform: translateY(-50%); }
.plus-icon:after { width: 2px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); }

.cloImgBox{width:200px;height:186px;outline:1px dashed;outline-color:var(--stroke);}
.img-cancel-btn{position:absolute;top:8px;right:8px;width:28px!important;height:28px!important;cursor:pointer;z-index:1;}
.cloImgBox img {width:200px;height: 186px;}
.cloverBtn {display:flex;justify-content:center;align-items:center;gap:8px;font-size:0.75rem;font-weight:bold;background-color:var(--green1);color:#FFFFFF;cursor: pointer;}

.cloKioskBox{width:199px;height:353.18px;outline:1px dashed;outline-color:var(--stroke);cursor:pointer;}
/*.cloKioskBox img {width:199px;height: 353.18px;object-fit: cover;}*/
.cloKioskBox img {width:199px;height: 353.18px;}

.cloLogoBox{width:238px;height:185px;outline:1px dashed;outline-color:var(--stroke);cursor:pointer;}
.cloLogoBg{background: black;}
.cloLogoBox img {width:238px;height:185px;}
.ob-fit {object-fit: cover;}
.ob-fit-cont {object-fit: contain;}
.ob-fit-fill {object-fit: fill;}

.txt-p {font-size:0.875rem;font-weight:400;line-height:21px;letter-spacing:-0.03em;text-align:left;}

/* clover tab */
.tab-menu { display: flex;}
.cloverTab { padding: 0px 24px 16px 24px;margin-bottom:24px;font-size:1.5rem;font-weight:700;color:var(--gray5);border-bottom:2px solid var(--gray5);cursor: pointer;}
.cloverTab.active { color: var(--blue6);border-bottom-color: var(--blue6);}

ul.tabs {list-style-type: none; display: flex;}
ul.tabs li{padding:0px 24px 16px 24px;font-size:1.25rem;font-weight:600;border:2px;color:#807F80;border-bottom:2px solid #D5D4D5;}
ul.tabs li.active{padding:0px 24px 16px 24px;font-size:1.5rem;font-weight:700;border:2px;color:#1D2473;border-bottom:2px solid #1D2473;}

.def-layout{font-size:0.75rem;font-weight:400;line-height:18px;letter-spacing:-0.02em;text-align:left;color:var(--red2);}

.imgBox {
    width: 200px;
    height: 200px;
    gap: 10px;
    outline:1px dashed;
    outline-color:var(--stroke);
    cursor: pointer;
}


/* posDemo Download */
.demoCanBtn {width:30px;height:30px;cursor:pointer;}
.content_NM {
    padding:0 0.1rem 2rem 0.1rem;
}

.prod_storSr{
    width: 100%;
    margin: 1rem;
}
.prod_search{
    height: 5rem;
    margin: 3rem 0 2rem 0;
}

.prod_search_div{
    width: 100%;
    margin: 0 1rem;
}
.prod_search_span{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid darkgray;
    font-size: 1.4rem;
    height: 4rem;
    margin:1rem 0;
}
.prod_search_span>input {
    margin: 0 1.5rem;
    width: 1.8rem;
    height: 1.8rem;
}
/* 드래그(정렬) 중인 행 표시 - 기본(마우스/PC)은 원래대로 테두리만. */
.dragRow{
    border: 1px solid #4A6BEE;
}
/* 실제 터치 롱프레스로 드래그가 시작됐을 때만 jquery.tablednd.js가 붙이는 클래스(마우스는 미적용) */
.dragRow-lift{
    position: relative;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 6px 14px rgba(0,0,0,0.18);
}
.dragRow-lift td{background-color:#fff;}

/* 롱프레스 시 텍스트 선택/컨텍스트 메뉴가 가로채지 않도록 이동탭 행에서 차단 */
#grdCatList tbody tr,
#grdDTvList tbody tr,
#grdOptGrpList tbody tr,
#grdOptAddList tbody tr{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.li_inside{list-style: inside!important;}
.txtProdAmt{background: url("/assets/orderAssets/images/dollar.svg") no-repeat 10px center; background-size:0.8rem; padding:0.1rem 0 0 2rem;}
/*Input 박스 type=number의 화살표 제거*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.duplicate{color:#F45452;margin-top:0px;font-size:0.875rem;font-weight:400;line-height:18px;text-align:left;}

.inp-text{position:relative; display:inline-block; width:100%;}
.inp-text .count{position:absolute;right:20px;bottom:20px;color:#2B2A2C;font-size:0.875rem;}

.div{width:720px;height:50px;background-image:url(../images/ic_div.svg);background-repeat:no-repeat;background-size:100% 100%;}
.div2{width:100%;height:50px;background-image:url(../images/ic_div2.svg);background-repeat:no-repeat;background-size:100% 100%;}
.div3{width:100%;height:20px;background-image:url(../images/ic_div2.svg);background-repeat:no-repeat;background-size:100% 100%;}

.print-area{clear:both;margin-bottom:10px;}
.kds-area{clear:both;margin-bottom:10px;}

/* 호버 스타일 */
.list-sale:hover, license-list:hover{
    background: #EEF1FF;
    cursor: pointer;
}
.list-sale.selected, .license-list.selected, .cat-list.selected{background: #EEF1FF !important;}

.dateBox:hover, .question:hover{
    cursor: pointer;
}

.ic-settle-done{width:20px;height:20px;background-image:url(../images/ic_st_done.svg);background-repeat:no-repeat;background-position:center;}
.ic-settle-fail{width:20px;height:20px;background-image:url(../images/ic_st_fail.svg);background-repeat:no-repeat;background-position:center;cursor:pointer}

.report-details {
    margin-top: 25px;
}

.report-title {
    text-align: center;
    font-size: 0.8125rem;
    margin-bottom: 10px;
}

.register-info {
    font-size: 0.8125rem;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
}

.info-row {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
}

.minus {
    color: #FF0000;
}

.zero, .gray-text {
    color: #807F80;
}

.store-info, .tickets-info, .totals-info, .payments-info {
    font-size: 0.8125rem;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 46px;
}

.grand-total, .pay-grand-total {
    font-weight: bold;
}

.cash-entry-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    margin-top: 10px;
}

.cash-entry-table th, .cash-entry-table td {
    padding: 5px;
    text-align: center;
}

.cash-entry-table tfoot td {
    font-weight: bold;
}

.tip-box {
    border: 1px solid #336CFB;
    padding: 10px;
    background-color: #FFFFFF;
    font-size: 0.75rem;
    color: #555556;
}

.tip-title {
    font-weight: bold;
    color: #667FFF;
    display: inline-block;
    margin-bottom: 5px;
}

.list-container {
    width: 100%;
    height: 484px;
    border: 1px solid #D5D4D5;
    overflow: hidden;
}

.list-container .header {
    height: 36px;
    background-color: #f9f9f9;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 0.75rem;
}

.list-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 448px;
    overflow-y: auto;
}

.list-container ul li {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 8px 16px;
    border-bottom: 1px solid #EAEAEA;
    cursor: pointer;
    font-size: 0.75rem;
}

.list-container ul li span.number {
    display: inline-block;
    width: 30px;
    text-align: left;
    padding-right: 8px;
}

.list-container ul li:hover,
.list-container ul li.active {
    background-color: #EEF1FF;
}

.popup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.popup-text {
    font-weight: 500; /* Pretendard Medium */
    font-size: 0.875rem;
    line-height: 140%;
    letter-spacing: -0.2px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #333;
}

.card-pos, .card-kiosk, .card-web, .card-total {
    display: none;
}
.card-pos.active, .card-kiosk.active, .card-web.active, .card-total.active {
    display: block;
}

.ticket-details{
    font-size: 0.8125rem;
    color: #2B2A2C;
}

.position-s{
    position: sticky;
    top: 20px;
    background-color: white;
    z-index: 100;
}

/* 더보기로 리스트가 길어져도 영수증 하단(Net Collected 등)을 짧은 스크롤로 바로 확인 가능. */
.receipt-scroll-area{
    max-height: calc(100vh - 20px - 3rem - 20px);
    overflow-y: auto;
    scrollbar-width: thin;
    /* 탭에서 스크롤바가 영수증 글자 위에 겹치지 않도록 텍스트와 스크롤바 사이에 여백 확보 */
    margin-right: -16px;
    padding-right: 16px;
}
.receipt-scroll-area::-webkit-scrollbar{width:6px;}
.receipt-scroll-area::-webkit-scrollbar-track{background:transparent;}
.receipt-scroll-area::-webkit-scrollbar-thumb{background-color:var(--gray6);border-radius:3px;}
.receipt-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--gray1);}

.section {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
    min-height: 45px;
    height: auto;
}

.cust-section {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
}

.section span, .totals p, .payments p {
    margin: 5px 0;
}

.items p, .void-log p {
    margin-bottom: 20px;
}

.items ul, .void-log ul, .amt ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.items ul ul, .void-log ul ul {
    list-style-type: disc;
    padding-left: 20px;
    color: #555556;
}

.items li, .items ul li, .void-log li, .void-log ul li, .amt ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.items ul ul li, .void-log ul ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; /* 리스트 스타일 위치를 보정하기 위해 사용 */
    padding-left: 12px; /* 원 공간 확보 */
}

.items ul ul li::before, .void-log ul ul li::before {
    content: '';
    position: absolute;
    left: 0;
    width: 3px; /* 원 크기 */
    height: 3px; /* 원 크기 */
    background-color: #555556; /* 원 색상 */
    border-radius: 100%; /* 원 모양 */
}

.totals, .payments, .refunds, .balance {
    margin-top: 10px;
    justify-items: flex-end;
}

.totals-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.payments-item, .payments-tip, .balance-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 0.875rem;
}

.show-details {
    display: flex;
    justify-items: flex-end;
    align-items: center;
    cursor: pointer;
    color: #6B6A6B;
    margin-bottom: 4px;
}

.show-details .arrow {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../images/ic_sel_arr.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 6px;
}

.show-details .arrow.rotated {
    transform: rotate(180deg);
}

.payments-data, .refunds-data {
    display: none;
    justify-items: flex-end;
    text-align: right;
    color: #6B6A6B;
    margin-bottom: 4px;
}

.payments-data.active, .refunds-data.active {
    display: block;
}

.signature {
    width: 120px;
    height: 90px;
}

.payments-dt {
    padding: 2px 8px;
    gap: 4px;
    border-radius: 12px;
    background-color: #F6F6F6;
}

.change {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 0.8125rem;
}

.refunds-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 0.875rem;
    color: #F45452;
}

.refunds-dt {
    padding: 2px 8px;
    gap: 4px;
    border-radius: 12px;
    background-color: #FFE8E8;
}

.totals-item span:last-child, .payments-item span:last-child, .payments-tip span:last-child, .change span:last-child, .refunds-item span:last-child, .balance-item span:last-child {
    text-align: right;
    min-width: 60px;
    display: inline-block;
}

.totals-item strong {
    font-weight: bold;
    font-size: 0.875rem;
}

hr {
    width: 100%;
    margin: 10px 0;
    border: none;
    border-top: 1px solid #D5D4D5;
}

.mod-cause {
    color: #FF7512;
    font-size: 0.8125rem;
    margin-top: 4px;
    margin-bottom: 4px !important;
    line-height: 14.4px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.discount {
    color: #FF7512;
    font-size: 0.8125rem;
    margin-top: 4px;
    line-height: 14.4px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.memo {
    color: #336CFB;
    font-size: 0.8125rem;
    margin-top: 10px;
    line-height: 14.4px;
    font-weight: 600;
    letter-spacing: -0.2px;
}

.ord-th{background-color:var(--gray4) !important;}
.ord-td{background-color:var(--gray3) !important;}

.menuFormBox{
    width:auto;
    min-width: 50%;
    max-width: 90%;
}

.loading, .no-result {
    height: 240px;
}

.no-border {
    border-bottom: none !important;
}

.loading-container, .no-result-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.spinner {
    width: 36px;
    height: 36px;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-top-color: #0D99FF;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-bottom: 10px;
}

.spinner2 {
    width: 14px;
    height: 14px;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-top-color: #0D99FF;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    justify-self:center;
    margin-top:1rem;
    margin-bottom: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text {
    margin-top: 10px;
    text-align: center;
}

.no-result-text {
    text-align: center;
    align-content: center;
    color:#AAAAAB;
    font-size:0.875rem;
}

.loading-title {
    font-weight: 600;
    color: #2B2A2C;
    font-size: 1rem;
    line-height: 19.09px;
    letter-spacing: -0.2px;
}

.loading-subtitle {
    margin-top: 5px;
    font-weight: 500;
    color: #AAAAAB;
    font-size: 1rem;
    line-height: 19.09px;
    letter-spacing: -0.2px;
}

.store-register-info {
    justify-items: center;
    align-content: center;
    height: 138px;
}

.ord-seq {
    display: flex;
    font-size: 1.5rem;
    font-weight: 600;
}

.ord-type {
    display: flex;
    font-size: 1.25rem;
    font-weight: 600;
}

.store-name {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
}

.store-addr {
    display: flex;
    font-size: 0.8125rem;
    font-weight: 400;
}


/* sweetAlert2 CSS */

/* alert 아이콘 커스텀 넣은경우 기본 아이콘 효과 제거 */
.swal2-icon.no-default-icon {
    border: none !important;
    border-radius: 0 !important;
}

.swal2-html-container {
    white-space: pre-line !important;
}

.collapsible-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
}


.collapsible-content {
    display: none;
    animation: fadeIn 0.3s ease;
}

.collapsible-container.active .collapsible-content {
    display: block;
}

.collapsible-header .arrow {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/ic_sel_arr.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
}

.collapsible-container.active .arrow {
    transform: rotate(180deg); /* ▼ -> ▲ */
}

.payType-table{
    width: 50%;
}

.payType-table th {
    font-weight:bold;
}

#btnMore::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    background: url(../images/bt_pre_arrow2.svg) 50% 50% no-repeat;
    transform:rotate(90deg);
    background-size: contain;
    vertical-align: middle;
}

.file-name {
    pointer-events: none;
    background-color: #F6F6F6;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Accordion */
.acc-section { border: 1px solid #D5D4D5; margin-top: 24px; overflow: hidden; box-shadow: 0px 2px 8px 0px #0000000F; }
.acc-header { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 16px; background: #FFFFFF; border: none; cursor: pointer; font-size: 1.125rem; font-weight: 600; text-align: left; color: #1D2473; }
.acc-header:hover { background: #f0f0f0; }
.acc-section.open > .acc-header { border-bottom-color: #e0e0e0; }
.acc-arrow { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex-shrink: 0; }
.acc-arrow::before { content: ''; display: block; width: 8px; height: 8px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(45deg); margin-bottom: 3px; transition: transform 0.2s; }
.acc-section.open > .acc-header .acc-arrow::before { transform: rotate(-135deg); margin-bottom: -3px; }




.acc-body { display: none; padding: 16px; }
.acc-section.open > .acc-body { display: block; }
.acc-body > div:first-child { padding-top: 0 !important; }
.acc-req { padding-right: 10px; background: url(../images/ic_required.svg) 100% 0 no-repeat; }

/* 첨부파일 다운로드 커서 */
.fileName { cursor: pointer; }
.row-def td { color: #aaa !important; }