/*-------------------로그인*/
.loginWrap { width:100%; height:100%; display: flex; align-items: center; justify-content: center; background: #000; }
.loginVideo, .loginVideo>video { width:100%;height:100%; }
.loignForm { width: 610px; padding: 0 64px; color:#fff;  }
.loignForm li { display: flex; flex-direction: column; margin-top: 32px;}
.loignForm li>input { background: none; border: none; border-bottom: 1px solid #fff; height: 40px; color:#fff;  }
.loignForm li>label { color: rgb(255 255 255 / 60%); }
.loignForm button {  margin-bottom: 64px; height: 48px;  font-size: 18px;  border-radius: 50px;  padding: 0 24px;  margin-top: 56px; }
.loignForm .chk input:checked + label .chkTxt { color:#fff; }
.loignForm .logo { width: 165px; }


/*-------------------dashboard*/
/*horiz chart*/
/*.chartHoriz { margin-right: 20px; display: flex; flex-direction: column; overflow: hidden; overflow-y: auto;}
.chartHoriz li { display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;}
.chartHoriz li .bar {flex: 1;height: 12px;position: relative;background: #f1f3f6;}
.chartHoriz li .barCnt {width: 60px;text-align: right;margin-left: 20px;border-radius: 4px;padding: 4px 8px;font-weight: bold;}
.chartHoriz li label { width: 130px; }
.chartHoriz li .bar span { background: #ff6384; position: absolute;  left: 0; top: 0;  bottom: 0;  width: 50%; }

.dsahWrap { background: none; padding: 0 0 0 12px; }
.dashbox {background: #fff;border-radius: 16px;padding: 32px;display: flex;flex-direction: column;overflow: hidden;box-shadow: 0 20px 20px rgba(0,0,0,0.02);}
.dashDl { text-align: right; display: flex; align-items: center; justify-content: space-between; }
.dashDl>div { min-width: 223px;  border-radius: 16px; padding:  32px; background: #fff; display: flex; align-items: center; margin-right: 12px; justify-content: space-between;}
.dashDl>div:last-child { margin-right: 0; }
.dashTt { font-size: 18px; font-weight: 500; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.dashDl i { width: 48px; height: 48px; }
.dashDl dl dt {  font-size: 28px; font-weight: bold; letter-spacing: -1px; }
.dashDl dl dd { font-size: 14px; margin-top: 8px; color:#53677A; }
.dashCon { flex:1; overflow: hidden; overflow-y: auto;  }
.chartLabel { display: flex;align-items: center; }
.chartLabel dl { display: flex; align-items: center; font-size: 14px; font-weight: normal; margin-left: 12px; }
.chartLabel dl dt { width: 8px;height:8px; margin-right: 4px; border-radius: 50px; background: #ff6384; }
.chartLabel dl dt.navy { background: #425262; }*/
/*병원별 판매순위*/
/*.todaySaleHosp  { width: 440px; }
.todaySaleHosp li {margin-bottom: 20px;display: flex;justify-content: space-between;place-items: flex-start;align-items: center;}
.todaySaleHospInfo { flex: 1; margin-right: 8px; display: flex;flex-direction: column;}
.todaySaleHospInfo strong { flex:1;  }
.todaySaleRank { padding: 4px 0; font-size: 16px;margin-right: 16px; width: 32px; text-align: center; font-style: italic; }
.todaySaleHospInfo p { font-size: 14px; margin-top: 2px; color: #8995a1;}
.todaySaleInfo {color:#ec477a;margin-left:12px;background: rgb(255 235 235 / 50%);padding: 8px 16px;border-radius: 50px; font-weight: bold;}

.todaySaleHosp .dashCon { padding-right: 12px;  }
.dashCon::-webkit-scrollbar { background: none;  width: 4px;  }
.dashCon::-webkit-scrollbar-thumb {background: #E9EDF1; }*/

/*현장/택배 출고 현황*/
/*.cntPickup {display: flex; margin-left: 40px; }
.cntPickup  dl { margin-left: 20px; }


.dashNew { background-image: url(/images/dashboard/dashNew.svg); }
.dashMember { background-image: url(/images/dashboard/dashMmeber.svg); }
.dashProduct { background-image: url(/images/dashboard/dashProduct.svg); }
.dashWon { background-image: url(/images/dashboard/dashWon.svg); }*/

/*---플래너 계정 구분*/
/*.verAdmin {  }
.verPlanner { display: none; }
.planner .verAdmin { display: none; }
.planner .verPlanner { display: flex; }*/





.dsahWrap { background: none; padding: 0 0 0 12px; }

.dsahWrap .page { overflow: auto; }
.dashbox { gap: 32px; flex: 1; background: #fff;border-radius: 16px;padding: 32px;display: flex;flex-direction: column;overflow: hidden;box-shadow: 0 20px 20px rgba(0,0,0,0.02);}

.dashCol { display: flex; gap: 12px; }
.dashTt { display: flex; flex-direction: column; gap: 6px; }
.dashTt.tag { padding: 12px; border-radius: 12px; }
.dashTt.row { justify-content: space-between; flex-direction: initial; align-items: center;}
.dashTt dt { color: var(--cr-gray07); font-size: 16px; }
.dashTt dd { font-size: 24px; font-weight: bold; }
.dashTt2 { font-size: 18px; }

.dashHd { display: flex; justify-content: space-between; }

.legend1 { flex:1; display: flex; flex-direction: column; gap: 16px; }
.legend1.col { flex-direction: initial; align-items: center; }

.legend1 li { display: flex; align-items: center; gap: 16px; color: var(--cr-gray07)}
.legend1 li dl { display: flex; align-items: center; }
.legend1 li dl dt {width: 40px; font-weight: 600;}
.legend1 li dl dd::before { content: ''; display: inline-block; width:1px; height:12px; background: var(--cr-gray05); margin: 0 12px; }
.legend1 li label { width: 40px; }
.legendIcon { width:16px; height:16px; border-radius: 2px; }

.legend1_1 .legendIcon { background: var(--cr-pink04); }
.legend1_2 .legendIcon { background: var(--dash-blue); }
.legend1_3 .legendIcon { background: var(--dash-yellow); }
.legend1_4 .legendIcon { background: transparent; }

.legend2 { display: flex; flex-direction: column; gap:12px; }
.legend2 dl { display: flex; align-items: center; gap:12px; color:var(--cr-gray07) }
.legend2 dl dt { width:56px;  }
.legend2 dl dd { font-weight: 500; }

.legend3 { gap:20px; font-size: 14px; color: var(--cr-gray07)}
.legend3, .legend3 li { display: flex; align-items: center; }
.legend3 li { gap:8px; }
.legend3 .legendIcon { background: #C0CBD7; }
.legend3_2 .legendIcon { background: url(/images/icon/dashLineIcon.svg); }

.guestPrice { display: flex;align-items: center; justify-content: center; }
.guestPrice .dashTt { align-items: center; gap: 12px; }
.guestPrice .dashTt dd { font-size: 20px; }

.dashCatSales { display : flex; flex-wrap : wrap; }
.dashCatSales>dl>* { display : flex; flex-direction : column; gap : 8px; }
.dashCatSales>dl>*.dd { gap : 2px; }
.dashCatSales>dl>dd { color : var(--cr-gray07); gap : 4px; font-size: 14px; }
.dashCatSales dt strong { color : var(--cr-pink05); font-size : 20px; }
.itemNm { font-size : 16px; font-weight : 600; }
.dashCatSales dl {border-bottom : 1px solid var(--cr-gray01);border-right : 1px solid var(--cr-gray01);display : flex;flex-direction : column;gap : 8px;width : 25%;padding: 20px;}
.dashCatSales dl:nth-child(4n) { border-right-color:transparent; }
.dashCatSales dl:nth-child(n+9) { border-bottom: none; padding-bottom: 0;}
.dashCatSales dl:nth-child(n+1):nth-child(-n+4) { padding-top: 0; }
.dashCatSales .itemNm label {overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}

.dashSch { display: flex;align-items: center;}
.dashSch .iptDate { height: 40px; border-radius: 50px; padding: 0 16px 0 16px; background: #fff; border: 1px solid #E4EAF0; }

/*제품별 판매추이*/
.dashProductSale {display : flex;flex-direction : column; flex: 1; gap: 12px; max-height: 430px; overflow: hidden; overflow-y: auto; padding-right: 12px;}
.dashProductSale li { align-items : center; display : flex; justify-content : space-between; }
.dashProductSale li dl { color : var(--cr-gray07); display : flex;  margin-left : auto; text-align : right; }
.dashProductSale li dl dt::after { content: ''; display: inline-block; width: 1px; height: 12px; background: #C0CBD7; margin: 0 16px;}
.dashProductSale li dl dd { width: 80px; }
.dashProductInfo .cr_prim { font-size : 18px; font-weight : bold; }
.dashProductInfo {display : flex;gap : 4px;align-items: center;}
.dashProductSale .pdImg {background : var(--cr-gray01);height: 40px;width: 40px;}
.dashProductInfo .pdNm::before { background : #C0CBD7; content : ''; display : inline-block; height : 12px; margin-right : 12px; width : 1px; }
.dashProductInfo p { width : 56px; }

/*매출건수*/
.saleAmount {align-items : center;display : flex;gap : 12px;border-top: 1px solid var(--cr-gray01);padding-top: 20px;}
.saleAmount i {background-image: url(/images/icon/evaluation_3.svg);height: 24px;width: 24px;}
.saleAmountTxt {/* align-items : end; */display : flex;flex-direction : column;gap : 4px;color:#FF3232;}
.saleAmount.over .saleAmountTxt { color : #28C667; }
.saleAmount.over i { background-image: url(/images/icon/evaluation_1.svg); }
.saleAmountPer {font-size: 24px; font-weight: bold;}

.dashProductSelList { display: flex; flex-direction: column;  gap: 8px; position: relative;}
.dashProductSelList li { display: flex; align-items: center; }

/*-------------------병원관리*/
/*---병원 정보*/
.planerList li {align-items: center;flex-direction: initial !important;justify-content: space-between; display: flex; margin-bottom: 8px;}
.hospMemberCnt { display: flex; align-items: center; font-size: 18px; }

/*단말기 수정 정보*/
.terminalEditInfo {display: flex;align-items: center;font-size: 14px;color: #63707d;}
.terminalEditInfo dl {display: flex;align-items: center;margin-right: 32px;}
.terminalEditInfo dl dt { margin-right: 8px; font-weight: 500; }


/*-------------------고객구매관리*/
/*---추천코드 발송*/
.recommendInfo { background: #e9edf1; padding: 20px;border-radius: 12px;}
.recommendInfo dl { display: flex; align-items: center; }
.recommendInfo dl dt {  color: #53677a; width: 110px;}
/*---*/
.familyList { display: flex; align-items: center; }
.familyList dl {display: flex; align-items: center; margin-right: 20px; border-radius: 4px;font-size: 13px;}
.familyList dl:last-child { margin-right:0; }
.familyList dl dt { margin-right: 8px; background: #D2DAE2 ; font-size: 13px; padding: 2px 6px; }

.userInfoTop  table { margin-top: 12px;  }
.userInfoTop.short table { display: none; }
.userMemo { height:1px; }
.userMemo>div{ background: #f9f7e5;padding: 12px;text-align: left;font-size: 14px; height:100%; }
.memoInfo { display: flex;align-items: center;;}
.memoInfo strong { margin-right: 8px; }
.userMemo pre { width: 100%; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.userOrderList li strong { width:34px; margin-right: 8px;  }
.userOrderList .pdNm span {  margin-bottom: 4px; }
.userOrderTbl th, .userOrderTbl td { vertical-align:top; }

.pdList { display: flex;flex-direction: column; }
.pdList li { margin-bottom: 4px;  display: flex; align-items: center; }
.pdImg {width: 32px;height: 32px;margin-right: 12px;background: #d2dae2;border-radius: 6px;padding: 4px;}
.pdImg img { width:100%;height: 100%; object-fit: contain; }
.pdNm { text-align:left; flex: 1;margin-right:  8px;display: -webkit-box;overflow:hidden;text-overflow: ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp: 1;}
.pdNm.cancel { text-decoration: line-through; }
.pdCntChk { height: 32px; border: 1px solid #D2DAE2; margin-left:  20px; display: flex; align-items: center;  }
.pdCntChk input {text-align: center;border: none;width: 44px;font-size: 15px;font-weight: bold;border-right: 1px solid #D2DAE2 !important;border-left: 1px solid #D2DAE2 !important;height: 100%;}
.pdCntChk button{ width:32px;height: 32px !important; }
.pdCntChk button i { width: 12px;height: 12px; }
.pdCntChk button:last-child i { background-image: url(/images/icon/plus.svg); }
.pdCntChk button:nth-child(1) i { background-image: url(/images/icon/mius.svg); }

.pdPromtion { align-items : start; flex-direction : column; gap : 4px; margin-top : 8px; padding-left : 56px; }
.pdPromtion>div { flex : 1; width : 100%; }

/*포인트*/
.userPoint {display: flex;align-items: center; justify-content: center;}
.userPoint dl {display: flex;align-items: center;}
.userPoint dl:last-child {margin-bottom: 0;}
.userPoint dl::after {content: ''; display: inline-block; width: 1px; height: 12px; background: #d2dae2; margin: 0 12px;}
.userPoint dl:last-child::after {  display: none; }
.userPoint dl dt { margin-right: 8px; color: #8995a1;}
.userPoint dl dd {font-weight: bold; }

.userPointView {border-left: 1px solid #E9EDF1;background: #f2f5f7;  }

/*---신규상담&주문*/
.newOrderPop { transform: translateX(100%); transition: .2s ease-in-out; display: none; position: absolute;right: 0;bottom: 0;top: 0; width: 370px;}
.newOrderPop.open { display: flex; animation: .2s newOrderPop forwards; }
@keyframes newOrderPop { from {  transition: .2s ease-in-out;  } to {  transform: translateX(0); } }
.newOrderPdList { flex:1; overflow: hidden; overflow-y: auto; }
.newOrderPdList .pdNm { -webkit-line-clamp:2; }
.newOrderPdList>li { border-bottom: 1px solid #E9EDF1; padding-bottom: 6px; margin-bottom: 16px; flex-direction: column; align-items: start; }
.newOrderPdList .icoDelte { width: 20px;height:20px; }
.newOrderPdList>li>div { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between;width:100%; }
.newOrderBtn { display: flex; align-items: center;  }
.newOrderBtn button {  height: 44px; font-size: 16px;border-radius: 0;  }
.cartList { display: flex; align-items: center; }
.cartList dl { display: flex; align-items: center; margin-right:16px; font-weight: normal;}
.cartList dl:last-child { margin-right:0; }
.cartList dl dt { margin-right: 4px; }
.cartList dl dd { font-weight: bold; color: #EC477A; }
.newMemo textarea { border:none; padding: 0; }
.orderFinal { height: 96%;max-height: initial;  }
.orderFinal .popCon { width: 1150px;  }
.orderFinal .newOrderPdList .pdNm { -webkit-line-clamp: 1; }
.orderFinalPrice { display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #000; padding-bottom: 8px; }
.orderFinalPrice input { width: 100%; font-size: 24px; font-weight: bold;  border: none; background: none; }

.orderFinal .hidden{ display: none !important;}

.userOrderInfo h4 { margin-bottom: 20px;   }
.userOrderInfo { background: rgb(241 243 246 / 70%); border-radius: 12px; padding:24px 20px; width:460px; overflow: hidden; overflow-y: auto; }
.userOrderInfo>div { margin-bottom: 40px;  }
.userOrderInfo>div:last-child { margin-bottom: 0; }
.userOrderInfo .userOrderReply dd { font-weight: normal;}
.userHistoryTbl { transition: .2s ease-in-out; }
.userHistoryTbl.short { margin-right: 390px; }

.userOrderInfo dl { display: flex; margin-bottom: 16px; }
.userOrderInfo dl dt { width: 68px; font-size: 14px; padding-top: 1px; color:#425262; }
.userOrderInfo dl dd { flex:1; text-align: right; font-weight: 600; }
.userOrderDeli input { height: 40px; width: 100%; padding: 0 12px; border-radius: 4px; }
.userOrderDeli textarea { padding: 8px 12px; }
.userOrderDeli input[disabled=""], .userOrderDeli input[disabled="disabled"], .userOrderDeli textarea[disabled="disabled"], .userOrderDeli textarea[disabled=""] { border:none;background: none;padding:0;color: #000;height: auto;}
.userOrderInfo.edit dl dt { padding-top: 10px; }
.userOrderInfo.edit dl { margin-bottom: 8px; }

.coupon {font-size: 14px;font-weight: normal; display: flex;align-items: center;}
.coupon strong { background: #FFF2F6; padding: 8px; margin-right: 8px; }

.userOrderReply::before { content: ''; display: inline-block;  width: 16px; height: 16px; background: url(/images/icon/survey-reply.svg); margin-right: 8px;}
.userOrderInfo dl.userOrderReply { color: #8995a1; margin-left: 12px; }
.userOrderReply dl dt  { font-weight: normal; }
.userOrderTotal { border-top: 2px solid #000; padding-top: 24px; margin-top: 24px; display: flex; flex-direction: column; align-items: end;}
.userOrderTotal strong { font-size: 20px;}
.userOrderCancel {color: red;border-top: 1px solid #e9edf1;padding-top: 12px;}
.userOrderTerminal {  border: 1px solid #e9edf1; padding: 16px; margin-bottom: 24px; }


.pdAlarm { margin-right: 16px; background-image: url(/images/icon/bell.svg); width: 14px;height: 14px; }
.pdAlarm.off { background-image: url(/images/icon/bellOff.svg); }


/*결제 정보의 취소 리스트*/
.cancelList { display: flex; flex-direction: column; align-items: start; color: red; text-align: left;font-size: 12px; margin-top: 12px;}
.cancelList li { margin-bottom: 4px;}
.cancelList ul { margin-top: 8px;}

/*---부가정보*/
.survey {  display: flex; flex-direction: column; overflow: hidden; overflow-y: auto; }
.survey dl { background: #F1F3F6; border-radius: 12px; margin-bottom: 8px; padding: 20px; }
.survey dl dt { margin-bottom: 16px; display: flex; align-items: center;}
.survey dl dt::before { content: 'Q'; margin-right: 8px; width: 12px; }
.survey dl dd { margin-left: 20px;}
.survey .chkBtn .chk input:checked + label { border: 1px solid #EC477A; background: #fff; color: #EC477A;}
.survey input { border: none; background: none; border-bottom: 1px solid #D2DAE2; flex: 1; padding: 8px 0; }
.survey .chkBtn .chk {margin-bottom: 8px;}
.survey .chkBtn .chk label {height: auto;padding: 4px 12px;font-size: 16px;border-radius: 8px;}
/*기타*/
.etcIpt { margin-top: 16px; display: flex; align-items: center;}
.etcIpt i { width: 14px;height: 14px; margin-right: 8px; }
/*아이정보*/
.childList { display: flex; flex-direction: column; }
.childList li { display: flex; align-items: center; margin-bottom: 8px; }
.childList li:last-child { margin-bottom: 0; }
.childList li button { margin-left:8px; }
.childList li input { width:200px; flex:initial; }
.childList li label { width: 50px; margin-right: 12px;  }

/*모바일상품권발송여부*/
.mPdSendChk { display: flex; align-items: center; background: #F1F3F6; padding: 20px; border-radius: 12px;}

/*---구매상세*/
.historyDate dl { margin-bottom: 8px; display: flex; align-items: center; font-size: 14px; }
.historyDate dl:last-child{ margin-bottom: 0; }
.historyDate dl dt { margin-right: 12px; color: #425262;  }
.historyWrap {background: rgb(241 243 246 / 80%);width: 100%;height: 100%;padding:32px; display: flex;flex-direction: column;align-items: center;}
.historyWrap>div { width: 1200px; }
.historyDetail {flex: 1; overflow: hidden; overflow-y: auto;  margin-right: 20px; }
.historyDetail>div{ background: #fff; border-radius: 12px; padding:24px 40px; margin-bottom: 12px; }
.historyDetail>div { width: auto; }

.orderCancelInfoList {border-top: 1px solid #e9edf1;margin-top: 8px;padding-top: 8px;text-align: left;}
.setProduct { background: #f3f5f7 !important; }
.priceProduct { background: #DFF2EB; }

/*상담*/
.memoDetail {background: #fff;padding: 24px;border-radius: 12px;width: 300px;display: flex;flex-direction: column;}
.memoDetail pre, .memoDetail textarea { border:none; flex:1; background: #f9f7e5;padding: 12px; min-height: 240px; line-height: 22px; }
.memoPlaner dl { margin-bottom: 18px;}
.memoPlaner dl:last-child { margin-bottom: 0;}
.memoPlaner dl dt { font-weight: bold; margin-bottom: 7px; display: flex; align-items: center; justify-content: space-between;}
.memoPlaner { margin-top: 40px; }
/*부분취소*/
.cancelDeliveryChk {display: flex;align-items: center;}
.cancelDeliveryChk dt { color: #8995a1; margin-right: 12px;}
.cancelDeliveryChk .chk { margin-left: 12px;}
.cancelDeliveryChk dd { display: flex; align-items: center; }

/*-------------------지점관리*/

.dlList>div { margin-bottom: 12px; display: flex; align-items: center; }
.dlList>div:last-child { margin-bottom: 0;  }
.dlList dl { margin-right: 24px; display: flex; align-items: center; }
.dlList dl:last-child { margin-right: 0; }
.dlList dl dt { color: #8995A1; display: flex; align-items: center; margin-right: 8px; }

.storeDetailInfo  { display: flex; align-items: center; }
.storeDetailCnt { display: flex; align-items: center; }
.storeDetailCnt {display: flex;align-items: center;flex: 1; }
.storeDetailCnt dl { background: #fff; }
.storeDetailCnt dl { box-shadow: 0 0 20px rgba(0,0,0,0.02); border-radius: 12px; padding:16px 40px 16px 20px; flex: 1; height: 100%; display: flex; align-items: center; margin-right: 8px;  justify-content: space-between; flex-flow: row-reverse;}
.storeDetailCnt dl dt { font-size: 28px; font-weight: bold; }
.storeDetailCnt dl dd { color: #53677A; }
.storeDetailCnt dl dt strong { font-family: MBC1961GulimM, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; letter-spacing: 4px; }
.storeDetailCnt dl dt span { font-size: 20px; margin-left: 4px;}
.mngHospital a { margin-right: 8px; text-decoration: underline; }

/*-------------------앱관리*/
/*---업로드*/
.dropListCnt { width: 28px; height: 28px; background: #313E49; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 20px; font-size: 14px;}
.dragDrop_file { display: flex; overflow: hidden; justify-content: space-between; flex: 1; align-items: start;}
.detailInfo { display: flex; align-items: center; font-size: 14px; margin-top: 8px; }
.detailInfo dl { display: flex; align-items: center; margin-right: 40px; }
.detailInfo dl dt { color: #53677A; margin-right: 8px;  }
.detailInfo .size { width: 50px; }

.ui-sortable-helper .dropListCon { background: #f1fbff !important; border: 1px solid #03A9F4;}

.dropListCon .icoDelte { width: 24px;height: 24px; }
.dropListCon:hover { background: #E9EDF1; }
.fileTxt { display: flex; align-items: center; margin-top: 16px; }
.fileTxt  i { width: 14px;height: 14px; margin-right: 12px; }
.fileTxt input { border:none; background: none; }
.dropListCon { cursor: pointer; background: #F1F3F6; padding:16px 24px; border-radius: 12px; display: flex;align-items: center; flex:1; }
.upload-box { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.upload-box .drag-file {align-items: center;border: 1px dashed #D2DAE2;display: flex;flex-direction: column;height: 320px;justify-content: center;border-radius: 12px;width: 400px;}
.upload-box .drag-file .uploadImg { width: 64px;height:64px; }
.upload-box .drag-file.highlight { border-color: #EC477A; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.upload-box .drag-file .image { width: 40px; }
.upload-box .drag-file .message {display: flex;align-items: center;flex-direction: column;margin-top: 12px; }
.upload-box .file-label {background-color: #EC477A;border-radius: 4px;color: #fff;cursor: pointer;margin-top: 24px;padding: 12px;text-align: center;width: 65%;}
.upload-box .file { display: none; }

.dropList {  flex:1; margin-left:40px; overflow:hidden; display: flex; flex-direction: column; height: 100%; }
.files  { overflow: hidden; flex: 1; overflow-y: auto; display: flex; flex-direction: column;}
.files .file {  display: flex; margin-bottom: 12px; align-items: center; }
.files .file:last-child {margin-bottom: 0;}
.files .file .thumbnail { align-items: center; display: flex; flex: none; margin-right: 20px; height: 76px; width: 48px; }
.files .file .thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.files .file .details { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
.files .file .details .header { display: flex; }
.files .file .details .header .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.files .file .details .header .size { margin-left: auto; }
.files .file .progress { background: #D2DAE2; border-radius: 10px; height: 6px; margin-top: 4px; overflow: hidden; position: relative; }
.files .file .progress .bar { background: #313E49; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.files .file .status { display: flex; width: 100%; }
.files .file .status .percent { }
.files .file .status .speed { margin-left: auto; }

@media (max-width: 700px) {
   .upload-box { box-sizing: border-box; margin-right: 0; width: 100%; }
   .upload-box .drag-file { height: 150px; }
   .files { box-sizing: border-box; margin-right: 0; overflow: initial; width: 100%; }
}

/*---미리보기*/
.tabletPreview {width: 296px;height:475px; }
.tabletPreview img, .tabletPreview video { width:100%;height:100%; object-fit: cover; }



/*구매상세 취소건*/
.afterOrder.newOrderPdList li.cancel { color: #53677A;  }
.afterOrder.newOrderPdList li.cancel .pdImg img { filter:grayscale(1); }

/*--고객용 앱 배너 미리보기*/
.appBannerPreview { width: 393px; height:64px; }

/*--------컨텐츠 관리*/
/*편집*/
.contentsBoardEdit { background: var(--cr-white); width: 900px; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column;}
.contentsBoardHd { align-items : center; background : var(--cr-black); color : var(--cr-white); display : flex; justify-content : space-between; padding : 20px; }
.contentsTitle { margin-bottom : 32px; }
.contentsTitle input {border-right: none;border-left: none;border-top: none;font-size: 22px;padding-bottom: 12px;width: 100%; }
.contentsTxtArea { display : flex; flex-direction : column; gap : 18px; }
.contentsTxtCon ul { display : flex;flex-direction : column; }
.contentsTxtCon ul input, .contentsTxtCon ul textarea { flex : 1; padding : 12px; }
.contentsTxtCon ul textarea { height:120px; }
.contentsTxtCon ul li {  display : flex;gap : 16px;align-items: center; border-radius: 12px; background: var(--cr-white);padding: 16px 0;}
.contentsTxtAreaBtns { align-items : center; display : flex; gap : 12px; justify-content: space-between;}
.contentsTxtCon ul li.subTitle input { font-size : 18px; }
.contentsTxtCon ul li img { width:230px; }
.contentsTxtCon ul li.ui-sortable-helper {padding: 16px; border: 1px solid var(--cr-pink05);box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.contentsBoardEditCon {padding: 40px 40px 56px; flex: 1; overflow: hidden; overflow-y: auto; }

.contentsImg .upload-box .drag-file { height : 200px; }
.contentsImg .upload-box .file-label { margin-top : 12px; }
.contentsImg .upload-box { margin : 0 auto; }

/*--미리보기*/
.contentsPreviewWrap { width: 413px;height:852px; }
.previewCate { color:#14A456; margin-bottom: 8px; }
.previewTitle { font-size: 22px; line-height: 32px; margin-bottom: 24px;  }
.previewSubTitle { font-size: 18px;line-height:28px; color: #3D4850; margin-bottom: 12px; }
.previewTxt { font-size: 16px;line-height:28px;color: #3D4850; }
.previewImg { margin-bottom: 24px; }
.previewImg img { width:100%; height:auto; }
.previewTxt { margin-bottom: 16px; }
.previewTxt + .previewSubTitle { margin-top: 40px; }
/*pc용*/
.contentsBoard.pcView { border : 1px solid var(--cr-black); flex : 1; padding : 40px; }
.contentsBoard.pcView .previewImg { width: 200px; }

/*-------------------공지사항*/
.noticeCon { flex:1; margin: 24px 0; display: flex; flex-direction: column; }
.noticefile ul {display: flex; flex: 1; flex-wrap: wrap;}
.noticefile ul i {  margin-right: 6px;  width: 16px; height: 16px;}
.noticefile ul a { color: #53677a; display: flex; align-items: center;text-decoration: underline; margin-right: 12px; font-size: 14px; }
.noticefile ul li:last-child a::after { display: none; }
.noticefile ul a::after { content: ','; display: inline-block; }
.noticefile { background: #f1f3f6; padding: 20px; border-radius: 12px; display: flex; align-items: center; }
.noticeHd { border-bottom: 1px solid #e9edf1; padding-bottom: 12px; }
.noticeHd .noticeInfo, .noticeHd .noticeInfo dl { display: flex; align-items: center; }
.noticeHd h2 { font-size: 22px; margin-bottom: 12px;}
.noticeInfo { font-size: 14px;}
.noticeInfo dl { margin-right: 24px; color: #53677a;}
.noticeInfo dl dt { margin-right: 4px; color: #8995a1;}
.noticeTbl .icoClip { width: 16px;height:16px; margin-left: 8px}

/*-------------------금칙어*/
.impoWordList { display : flex; flex : 1; flex-direction : column; overflow : hidden; }
.impoWordList li { align-items : center; display : flex; margin-bottom : 18px; }
.impoWordList p::after { background : url(/images/icon/arwLine.svg); background-size : cover; content : ''; display : inline-block; height : 12px; margin-left : 24px; width : 12px; }
.impoWordList p { align-items : center; display : flex; justify-content : space-between; width : 150px; }
.impoWordList span { align-items : center; background : #F1F3F6; border-radius : 50px; display : inline-flex; font-size : 14px; margin-left : 20px; padding : 4px 16px; }

/*-------------------상품관리*/
.formPageWrap .formGroup>ul.productInfoDetail>li { flex-direction: column; align-items:  inherit; margin-bottom: 32px; }
.formPageWrap .formGroup>ul.productInfoDetail>li>label { width:100%; margin-bottom: 8px; }
.formPageWrap .formGroup>ul.productInfoDetail>li>label+div textarea {height: 100%;padding: 8px;}
.formPageWrap .formGroup>ul.productInfoDetail>li>label+.productInfoDetailTxt { height:100px; }
.formGroup>ul.productInfoDetail>li>label::before { display: none; }

/*-------------------주문하기*/
.orderCon .btnArea { margin-top: 20px; align-items: center; justify-content: center; }
.orderCon .btnArea button { height: 56px; font-size: 16px; padding: 0 32px; border-radius: 50px; }
.orderCon>div {padding: 0 20px 40px 0;border-bottom: 12px solid #f1f3f6;margin-bottom: 40px;}
.orderCon>div:last-child { border: none;margin-bottom: 0;padding-bottom: 0; }

.tblOrderList { border: none; }
.tblOrderList  .pdCntChk{ display: inline-flex; margin-left: 0; }
.tblOrderListHd td { border-right: none; color: #53677a; }
.tblOrderList td, .tblOrderList th { padding: 12px; }
.tblOrderBox { margin-bottom: 48px; }
.tblOrderBox:last-child { margin-bottom: 0; }
.orderTotal {padding: 40px 40px 0;font-size: 20px;display: flex;align-items: center;justify-content: center;margin-top: 32px;border-top: 2px solid #000;}
.orderTotal>div { display: flex; flex-direction: column; align-items: center; margin: 0 25px; }
.orderTotal>div>label { font-size: 14px; margin-top: 12px; color: #53677a;}
.orderTotal>span {width: 32px;height: 32px;border-radius: 50px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;line-height: 40px;border: 1px solid #dce4ec;}

.paymentInfo {display: flex;}
.paymentInfo dl { display: flex; align-items: center; margin-right: 20px; }
.paymentInfo dl dt { margin-right: 8px; color:#8995a1; }
.paymentTop { border-top: 2px solid #000;padding-top: 40px; }

/*------------------정산관리*/
.calculateWrap { width:100%;height:100%; display: flex; flex-direction: column; padding: 32px; }
.calculateWrap .noticefile { background: none; padding: 0; }
.calculateWrap .noticefile a i { width:12px;height:12px; }
.calculateWrap .calcFile li button i {width: 16px;height: 16px;}
.calculateWrap .calcFile li { display: flex; align-items: center; margin-right: 20px; }
.calculateWrap .calcFile ul a::after { display: none; }
.calculateWrap .calcFile ul a { text-decoration: none; margin-right: 8px; }

/*마감일정 설정*/
.lastMontheSet td>div { display: flex;flex-direction: column; width: 146px; }
.lastMontheSet td>div label {width: 32px;height: 32px;background: #dff2eb;display: flex;align-items: center;justify-content: center;margin-bottom: 24PX;border-radius: 4px;font-weight: 500;}
.lastMontheSet td>div>div strong {font-size: 18px;display: flex;align-items: center;}
.lastMontheSet td.ready { background: #f1f3f6; }
.lastMontheSet td.ready label { background: #e9edf1; }
.lastMontheSet td>div>div .btnArea { margin-top: 8px; }
.lastMontheSet td { vertical-align: baseline; padding: 24px; }


/*-------------------포인트몰*/
.p_pointMall .newOrderPop {position: static;animation: none;transform: translateX(0);}

/*-------------------시간외구매*/
/*영수증 첨부*/
.timeoverReceipt .dropFileOnly { width:100%; height: 200px; }
.timeoverReceiptList li { background: #f1f3f6; padding: 8px 12px;border-radius: 50px; display: flex;  align-items: center; margin-right: 12px;}
.timeoverReceiptList { display: flex; flex-wrap: wrap;}
.timeoverReceiptList button { margin-left: 8px;}
.timeoverReceiptList li:last-child {  margin-right: 0;}

.timeoverReceipList_show a {width: 64px;height: 64px;background: red;margin-right: 4px;border-radius: 4px; overflow: hidden;}
.timeoverReceipList_show a img { width:100%;height:100%; object-fit: cover; }

/*-------------------알람 팝업*/
.alarmList {  border-right: 1px solid #dce4ec; padding-right: 20px; margin-right: 20px; width: 240px; display: flex; flex-direction: column;}
.alarmListUl{ flex:1; overflow: hidden; overflow-y: auto; }
.alarmListUl a { width: 100%; padding: 16px; border-radius: 12px; border: 1px solid #e9edf1; margin-bottom: 8px; margin-right: 12px; }
.alarmListUl a.active { background: #f1f3f6; border-color: transparent; }
.alarmListUl > li {width: 100%;}
.alarmTxt {  font-size: 14px; line-height: 18px;}
.alarmNew { width: 6px; height: 6px; background: #ec477a; border-radius: 50px; display: none; }
.notRead .alarmNew { display: block; }

/*---복용알림*/
.pillAlarmTip {padding: 12px;border-radius: 8px;background: #e9f3fc;border: 1px solid #03a9f4;}
.pillAlarmTip dl { display: flex; margin-bottom: 6px; font-size: 14px; line-height: 22px; }
.pillAlarmTip dl:last-child { margin-bottom: 0;}
.pillAlarmTip dl dt { color: #53677a; width: 44px; }
.pillAlarmTip dl dd { flex: 1; }
.pillAlarmTimeSel dl { display: flex; align-items: center;  }
.pillAlarmTimeSel dt { margin-right: 12px; font-weight: bold;}
.pillAlarmTimeSel dl { margin-bottom: 12px;}
.pillAlarmTimeSel { display: flex; flex-direction: column;}
.pillTime dl {display: flex;align-items: center;margin-bottom: 8px;border-bottom: 1px solid #e9edf1;padding-bottom: 8px;}
.pillTime dl:last-child { margin-bottom: 0; }
.pillTime dl dt { color: #8995a1;  width:  56px; }
.pillTime dl dd { flex:1; }
.pillTime dl:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

/*-------------------앱구매요청*/
.userRequest { border: 1px dotted #03a9f4; padding: 8px; border-radius: 8px; background: #E9F3FC; margin-top: 8px;line-height: 20px; }

/*-------------------sms*/
/*add*/
.smsFilterList .formGroupTt { align-items: center; justify-content: space-between; display: flex; }
.smsFilterList .formGroup>ul { display: block; }
.smsFilterList .formGroup.close>ul {display: none;}
.productSelList .tag { margin: 0 4px 8px 0; }
.smsFilterList .arwUT { transform: rotate(180deg); margin: 0; opacity: 0.2;}
.smsFilterList .close .arwUT {  transform: rotate(0deg); }

/*view*/
.smsViewDl li { align-items: baseline !important; border-bottom: 1px solid #e9edf1; padding-bottom: 24px; margin-bottom: 24px !important;}

.smsViewDl li>div { flex-direction: column; flex: 1;}
.smsViewDl li>div dl { margin-bottom: 12px; display: flex; align-items: center;}
.smsViewDl li>div dl:last-child { margin-bottom: 0; }
.smsViewDl li>div dt { width: 150px; }
.smsViewDl li>div dd { flex:1; display: flex; flex-wrap: wrap;  }
.smsViewDl li>div dd span { margin:0 8px 8px 0; }

.smsViewDlRow .tag { margin: 0 8px 8px 0; }
.smsViewDlRow div { flex-wrap: wrap; }


/*-------------------추천상품 관리*/
.recommndProduct { background : var(--cr-gray01); border-radius : 12px; padding : 20px; width : 240px; }
.recommndProduct .pdImg { height : 100px; margin-bottom : 12px; margin-right : 0; width : 100px; }
.recommndProduct .pdList li { flex-direction : column;  background : #fff; padding: 20px; border-radius: 8px; }
.recommndProduct .pdList { margin-bottom : 16px; }
.recommndProductDl {  display : flex; flex-direction : column; gap : 12px;  }
.recommndProductDl dl { align-items : center; display : flex; font-size : 14px; }
.recommndProductDl dl dt { color : #8995a1; margin-right : 12px; }


.paymentTr .noCursor {cursor: default;}

/*장바구니*/
.cartReson { display : flex; flex-direction : column; font-size : 13px; gap : 8px; width : 100%; }
.cartReson .tag { border-radius : 4px; padding : 8px; }
.cartReson dl { align-items : center; display : flex; flex : 1; gap : 8px; }
.cartReson dd { flex : 1; }
.cartReson dt { padding: 4px; }
.cartProduct .ico-promotion { vertical-align: middle; }
.cartProduct { display: flex;align-items: center; gap: 12px; }
.cartHd>div { align-items : center; display : flex; flex : 1; gap : 12px; }
.cartPdNm { display : flex; flex-direction : column; gap : 4px; flex: 1; }
.cartMemoTxt { font-size : 13px; }
.cartHd { align-items : center; display : flex; gap : 16px; justify-content : space-between; }
.pdCartDelete { background : red; height : 20px; width : 20px; background: url(/images/icon/closeCircle.svg); background-size: cover; }
.pdCartList {display : flex;flex-direction : column;gap : 16px;overflow: hidden;overflow-y: auto;}
.pdCartList .pdImg { margin-right : 0; }
.pdCartList li {border-bottom : 1px solid #E4EAF0;padding-bottom : 12px;display: flex;flex-direction: column;gap: 12px;}
.tag.lightPurple { background-color : #F7E9FC; color : #BE42D1; }
.pdNm.gift { background: #FFF1DC; }
.cartPromotionSel { background : #F7F8F9; border-radius : 12px; display : flex; flex-direction : column; gap : 16px; padding : 12px; }
.cartHdPromotion { display: flex; align-items: center; gap:12px; }

/*제품선택*/
.pdSelList { display : flex; flex-direction : column; gap : 8px; }
.pdSelList>li { border : 1px solid #E4EAF0; border-radius : 12px; display : flex; flex-direction : column; gap : 12px; padding : 16px; }
.pdSelTt { align-items : center; display : flex; }

/*기존*/
/*.pdSelPromotion { display : flex; flex-direction : column; gap : 12px; padding-left : 40px; }*/
/*.pdSelPromotionHd { align-items : center; display : flex; justify-content : space-between;}*/
/*.pdSelPromotion>div { display : flex; flex-direction : column; padding-bottom: 12px; border-bottom: 1px solid #EEF2F6; gap:8px; }*/
/*.pdSelPromotionCon { display : flex; flex-direction : column; gap : 4px; }*/
/*.pdSelPromotionCon>div { align-items : center; display : flex; }*/
/*.pdSelPromotionCon .pdNm { flex : initial; }*/
/*.pdSelPromotionCon .pdNm+span { color : #3D4850; }*/

/*신규*/
.pdSelPromotion { display : flex; flex-direction : column; gap : 4px;}
.pdSelPromotionHd { align-items : center; display : flex; justify-content : space-between;}
.pdSelPromotion>div {display : flex;flex-direction : column;gap:8px;padding: 12px 12px 12px 40px;border-radius: 12px; }
.set { background: #fbf5fd !important; }
.prod  { background: #f1f6fb !important; }
.discount { background: #E7F9E0 !important; }
.pdSelPromotionCon { display : flex; flex-direction : column; gap : 4px; }
.pdSelPromotionCon>div { align-items : center; display : flex; }
.pdSelPromotionCon .pdNm { flex : initial; }
.pdSelPromotionCon .pdNm+span { color : #3D4850; }
.pdLastItem {   border-bottom-width: 1px; border-bottom-style: double; border-bottom-color: #c3c7cb}