@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MBC1961GulimM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/MBC1961GulimM.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; }
body { color:  #000; font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;  font-size: 15px; letter-spacing: -0.2px; overflow: hidden; }
button, input, textarea, select { font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; font-size: 15px; border: 1px solid #D2DAE2; }
li { list-style: none; }
a { color: inherit; display: inline-block; text-decoration: none; font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;}
a:link { cursor: pointer; }
pre { font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; white-space: pre-wrap; word-break: break-all;overflow: auto; line-height: 20px; }
span,li,label { display: inline-block; }
select {cursor: pointer;background: #fff url(/images/icon/selArw.svg) calc( 100% - 8px ) no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 24px 0 8px;}
textarea { resize: none; width:100%; padding: 8px; border-radius: 4px; }
textarea:focus { outline: none; }
textarea::placeholder { color:#D2DAE2; }
input { background: #fff; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=number] { -moz-appearance: textfield;}
::-webkit-scrollbar {width: 6px;background: #f1f3f6;border-radius: 50px; height: 6px; cursor: pointer; }
::-webkit-scrollbar-track { border-radius: 0; }
::-webkit-scrollbar-thumb {background: #d2dae2; width: 6px; border-radius: 0;}
::-webkit-scrollbar-thumb:hover { background: #C6D0D9; }

mark {background: none;font-weight: bold;color: #ec477a;}

:root {
    --cr-white:  #fff;

    --cr-gray01 : #EEF2F6;
    --cr-gray05 :#C0CBD7;
    --cr-gray07 : #3D4850;
    --cr-black : #000;

    --cr-pink04 : #F0759B;
    --cr-pink05 : #EC477A;

    --dash-blue : #36A2EB;
    --dash-yellow : #FFD28E;

}


/*----------------------여백*/
.m-0 { margin: 0 !important; }
.m-t0 { margin-top: 0 !important; }
.m-t4 { margin-top: 4px; }
.m-t8 { margin-top: 8px; }
.m-t12 { margin-top: 12px; }
.m-t16 { margin-top: 16px; }
.m-t20 { margin-top: 20px; }
.m-t40 { margin-top: 40px; }
.m-b0 { margin-bottom: 0 !important; }
.m-b4 { margin-bottom: 4px !important; }
.m-b8 { margin-bottom: 8px !important; }
.m-b12 { margin-bottom: 12px !important; }
.m-b20 { margin-bottom: 20px; }
.m-b24 { margin-bottom: 24px !important; }
.m-b40 { margin-bottom: 40px; }
.m-l4 { margin-left: 4px !important; }
.m-l8 { margin-left: 8px; }
.m-l12 { margin-left: 12px; }
.m-l20 { margin-left: 20px; }
.m-r0 { margin-right: 0 !important; }
.m-r4 { margin-right: 4px; }
.m-r8 { margin-right: 8px !important; }
.m-r12 { margin-right: 12px !important; }
.m-r20 { margin-right: 20px !important; }
.m-r24 { margin-right: 24px !important; }
.m-r40 { margin-right: 40px ; }
.p-0 { padding: 0 !important; }
.p-l0 { padding-left: 0 !important; }
.p-l12 { padding-left: 12px !important; }
.p-l56 { padding-left:56px !important; }
.p-t0 { padding-top: 0 !important; }
.p-r0 { padding-right: 0 !important; }
.p-r8 { padding-right: 8px; }
.p-40 {padding: 40px;}
.m-lAuto { margin-left: auto !important; }
.m-tAuto { margin-top: auto !important; }
.m-0Auto { margin: 0 auto !important }

.gap40 { gap:40px; }
.gap32 { gap:32px; }
.gap24 { gap:24px; }
.gap20 { gap:20px; }
.gap16 { gap:16px; }
.gap12 { gap:12px; }
.gap8 { gap:8px; }
.gap4 { gap:4px; }

/*----------------------font*/
.txtL { text-align: left !important; }
.txtR { text-align: right !important; }
.txtC { text-align: center !important; }
.txt1 { font-size: 14px; color:#8995A1 !important;  }
.txt2 { font-size: 13px; }
.ftR { font-weight: normal !important; }
.ft13 { font-size: 13px !important;}
.ft20 { font-size: 20px !important;}
.ft24 { font-size: 24px !important; }
.txtLineTh { text-decoration: line-through; }
.txtLine { text-decoration: underline; }

.cr_prim { color: #EC477A !important;  }
.cr_prim[disabled=""], .cr_prim[disabled="disabled"] { color: #D2DAE2; }
.crBlue { color:#03A9F4; }
.crGray04 { color: #8995A1 !important }
.crGray05 { color: #53677A !important }
.crGray06 { color: #425262 !important }
.bgGray01 { background: #F1F3F6 !important; }
.bgYellow { background: #fcf8e3 !important; }
.crRed { color:red !important; }
.crBlack { color:#000 !important; }
.crPurple { color: #BE42D1 !important; }
.crGreen { color:#14A456 !important;  }

.wordInit { word-break: initial !important; }

/*----------------------border*/
.bd-0 { border-radius: 0 !important; }

/*----------------------flex*/
.flexInitial { flex: initial !important; }
.flexInherit { flex:inherit !important; }
.flex {display: flex;}
.flexInline { display: inline-flex !important; }
.flex_column { display: flex; flex-direction: column; }
.flex_columnInit { flex-direction: initial !important; }
.flex1 { flex:1;  }
.alignB { align-items: baseline !important; }
.alignC { align-items: center !important; }
.alignS { align-items: flex-start !important; }
.flexC { display: flex; align-items: center; }
.flexBetween { display: flex; justify-content: space-between; }
.overN { display: flex; flex-direction: column; flex:1; overflow: hidden;}
.scroll { overflow: hidden; overflow-y: auto;  }
.scroll_n { overflow: hidden !important; }
.justiC { justify-content: center; }
.justiCenter { justify-content: center; }
.justiEnd { justify-content: end !important; }
.justiStart { justify-content: start !important; }
.block { display: block !important; }
.wd100 { width:100% !important; }
.h100 { height:100% !important; }
.m-hAuto { min-height: auto !important; }
.wdAuto { width:auto !important; }
.hAuto { height:auto !important }
.flexInit { flex:inherit !important; }
.flexInital { flex: initial !important }
.flexWrap { flex-wrap: wrap; display: flex; }

.poRel {position: relative;}
.hidden { visibility: hidden !important; }
.verT { vertical-align: top !important; }
.hide {display: none !important;}

/*----------------------pop*/
.pop { background: rgba(0,0,0,0.2); bottom : 0; display : none; height : 100%; left : 0; position : absolute; right : 0; top : 0; width : 100%; align-items: center; justify-content: center; z-index: 5}
.pop.open { display : flex; }
.pop.open .popBox { animation : pop .2s forwards; }
@keyframes pop { from { transition : .2s ease-in-out; } to { opacity : 1; transform : translateY(0); } }
.popBox { background : #fff; border-radius : 20px; display : flex; flex-direction : column; max-height : 80%; padding : 48px; transform : translateY(10px); }
.popHd { align-items : center; border-bottom : 1px solid #E9EDF1; display : flex; font-size : 18px; font-weight : bold; justify-content : space-between; margin-bottom : 32px; padding-bottom : 24px; }
.popClose { background : url(/images/icon/close.svg); height : 20px; width : 20px; }
.popCon { flex : 1; overflow : hidden; overflow-y : auto; }
.popFooter { align-items : center; display : flex; justify-content : space-between; margin-top : 48px;  }
.popFooter button { height:40px; font-weight: 600; }

/*---alert*/
.alert { background: rgba(0,0,0,0.1); }
.alert i { width: 48px;height:48px; margin-bottom: 16px; font-style: normal; font-size: 24px; }
.alertCon { display: flex; flex-direction: column; align-items: center;  }
.alertTxt {font-size: 16px;text-align: center;line-height: 26px;max-width: 300px;word-break: break-all; min-width: 280px; }
.alert .popFooter { justify-content: center; margin-top: 20px; }
.alert .popFooter button { margin-right: 12px; }
.alert .popFooter button:last-child { margin-right: 0; }

/*---toast*/
.toast { background: none; align-items: start; padding-top: 12px; }
.toast .popBox {  background: rgba(0,0,0,0.8); color: #fff;  font-size: 14px; padding: 12px 24px;  border-radius: 4px; }

/*----------------------form*/
/*---button*/
button { border-radius: 4px; display: flex; align-items: center; justify-content: center; border:none; background:none; cursor: pointer; height: 28px; padding: 0 12px;  font-size: 14px; }
button[disabled=""], button[disabled="disabled"], button[disabled=""]:hover, button[disabled="disabled"]:hover  {border-color: transparent !important;cursor: default;background: #E9EDF1;color: #8995A1 !important;}
.btnArea { display: flex; align-items: center; }
.btnArea button { margin-left:8px; }
.btnArea button:nth-child(1) { margin-left: 0; }
.btn_p { background : #EC477A; color:#fff; }
.btn_p:hover { background :#d5416f; }
.btn_s { background : #FFF2F6; color:#EC477A; }
.btn_s:hover { background :#f1e6e9; }

.btn_l.gray { border-color : #425262;  }
.btn_l { border : 1px solid #D2DAE2; background: #fff;}
.btn_l:hover { background: #F1F3F6; }
.btn_l.prim { color:#EC477A; border-color:#EC477A; }
.btn_l.red { color:red; border-color:red; }
button[disabled=""].btn_l, button[disabled="disabled"].btn_l {border-color: transparent;color: #8995A1;}

.btn_h40 {height: 40px !important; }
.btn_hAuto { height:auto !important;}

.btn-drag { cursor: pointer; width: 24px;height: 24px;border-radius: 50px; display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 3px;}
.btn-drag::after, .btn-drag::before { content: ''; width:12px; height:2px; background: var(--cr-black); border-radius: 50px; }


.btnIcon[disabled=""] i,.btnIcon[disabled="disabled"] i { filter: grayscale(1); opacity: 0.5; }
.btnIcon i { width: 16px; height:16px; margin-right: 6px; }
.btnIcon.only { padding:0; height:auto; display: flex; }
.btnIcon.only i { margin-right: 0; }
.btnIcon:hover { opacity: 0.6; }

.aLink { text-decoration: underline; }
.aLink[disabled=""], .aLink[disabled="disabled"] { text-decoration: underline; }
.aLink:hover { opacity: 0.8; }

.toggle {width: 40px;height: 24px;border-radius: 50px !important;background: #e9edf1;position: relative;transition: .2s ease-in-out;}
.toggle span {transition: .2s ease-in-out;border-radius: 50px !important;width: 16px;height: 16px;background: white;position: absolute;left: 4px;top: 4px;box-shadow: 0 0 12px rgb(137 149 161 / 10%);}
.on.toggle{ background: #ff6384; }
.on.toggle span {left: 19px;}

/*---select*/
select:focus { outline: none; }
select[disabled="disabled"] { cursor:default; background-image: none; color: #000; opacity: 1; background-color: #f1f3f6; }

/*---input*/
input:focus { outline: none; }
input::placeholder { color: #D2DAE2;  }
/*input search*/
.iptSch { display: flex; align-items: center; justify-content: space-between; position: relative;}
.iptSch input { flex:1; border: none; background: none;  }
.iptSch i { background-image: url(/images/icon/search.svg); }
.iptSch>i { width: 14px;height:14px; margin-right: 10px; } /*자동검색일때*/

.iptSch.line { border-bottom: 1px solid #eee;}
.iptSch.line input { padding-left:0;}

.schList { flex-direction: column; overflow: hidden; overflow-y: auto; left: 0; right: 0; position: absolute;background: #fff; height: 300px;top: 44px; border: 1px solid #E9EDF1; box-shadow: 0 0 20px rgba(0,0,0,0.1); display: none !important; }
.schList.on{ display: flex !important; }
.schList li{ width: 100%; display: flex; justify-content: space-between;align-items: center;  padding: 12px; border-bottom: 1px solid #E9EDF1; }
.schList li>div {display: flex;flex-direction: column;flex: 1;margin-right: 12px;}
.schList li:hover { background:rgb(241 243 246 / 50%); }
.schList li>a { width:100%; }
.schList .schPdStock { color: #53677A; font-size: 14px; margin-top: 4px; }

/*input date*/
.iptDate { display: flex; align-items: center; }
.iptDate img  {  width:14px;height:14px; cursor: pointer;}
.iptDate input { background: none; width: 90px; border: none; cursor: pointer; }
.iptDate span { margin: 0 8px;  }
.iptDate>form {display: flex;align-items: center;}

.iptDate.month input { width: 70px; }

.iptSurfix { padding: 0 8px; color: #8995a1; }

/*---file*/
.fileList>div { margin-bottom: 8px; }
.fileList>div:last-child { margin-bottom: 0; }
.file-upload {display:flex; width: 100%; text-align:center; font-size: 13px;}
.file-upload .file-select{ flex: 1; display:block; cursor:pointer;height:32px;line-height:32px;text-align:left;background:#f1f3f6;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{ border-radius: 4px; background: #57636E;padding:0 10px;display:inline-block;height: 100%;color: #fff;}
.file-upload .file-select .file-select-name{ color: #96ABBC;line-height:24px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select { transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-name { color:#000 }
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{ display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}

/*---formGroup*/
.formGroupWrap { display: flex;  }
.formGroupWrap .formGroup { margin-right: 56px; }
.formGroupWrap .formGroup:last-child { margin-right: 0; }
.formGroup { margin-bottom : 32px; width: 320px; }
.formGroup li>label button { height: auto; }
.formGroupTt {color: #000000;font-size: 16px; font-weight: bold; }
.formGroupTt+ul { margin-top : 24px; }
.formGroup>ul { display : flex; flex-direction : column; }
.formGroup>ul>li { flex-direction: column ;display: flex; margin-bottom: 16px; }
.formGroup>ul>li input, .formGroup>ul>li select, .formGroup>ul>li textarea {width: 100%; flex: 1; border: none; padding: 0 8px; border-radius: 4px; height: 38px; }
.formGroup>ul>li textarea { height:100%; padding: 8px; }
.formGroup>ul>li select { padding-right: 24px; }
/*.formGroup>ul>li input { border-radius: 0; }*/
.formGroup>ul>li:last-child { margin-bottom:0; }
.formGroup>ul>li>label { color : #313E49; margin-bottom: 8px; font-size: 14px; }
.formGroup>ul>li>label::before { content: '*'; display: inline-block; color: #EC477A; margin-right: 4px; }
.formGroup>ul>li.noNess>label::before  { display: none !important; }
.formGroup:last-child { margin-bottom : 0; }
.formGroup>ul>li>label+* { display : flex;  }
.formGroup .ipt { border : 1px solid #D2DAE2; height: 40px;  border-radius: 4px; display: flex; align-items: center;/* overflow: hidden; */}
.formGroup .ipt.noLine { border-color: transparent; padding: 0; }
.formGroup input:read-only { background: #f1f3f6; color:#000; }
.formGroup .iptSch { padding: 0 8px; }
.formGroup .iptSch input { padding:0; }
.ipt button[disabled=""], .ipt button[disabled="disabled"], .ipt button[disabled=""]:hover, .ipt button[disabled="disabled"]:hover { background: none; color: #D2DAE2; }

.formGroup .cmt { margin-top: 8px; }
.formGroup .cmt i { width: 16px;height:16px; }

.tbl .formTbl th { border-bottom: 1px solid #E9EDF1; font-size: 14px;   background: #f1f3f6;}
.tbl .formTbl th, .tbl .formTbl td { padding: 12px 8px; }
.tbl .formTbl input, .tbl .formTbl select, .tbl .formTbl textarea  { height:32px; width:100%; font-size: 14px; }
.tbl .formTbl select { border:none; padding-left: 0; }
.tbl .formTbl textarea { height:100px; }

/*.formView .ipt { border:none; height: auto; }
.formView .ipt input, .formView .ipt select { padding:0; font-size: 18px; font-weight: 500; }*/
.formView .ipt input[disabled=""],.formView .ipt input[disabled="disabled"], .formView .ipt select[disabled=""],.formView .ipt select[disabled="disabled"] { cursor: default;opacity: 1;  background: #f1f3f6; color:#000; }
.formView .formGroup>ul>li>label::before  { display: none; }

.downChkList { display: flex;  }
.downChkList>div { width:200px; margin-right: 20px; }

/*페이지 안 form filed, formPageWrap*/
.formPageWrap .formGroup{ background: #fff; border-radius: 12px; padding:24px; width:auto; margin-bottom: 12px; }
.formPageWrap .formGroup>ul>li { flex-direction: initial; align-items: center;  }
.formPageWrap .formGroup>ul>li>label { margin-bottom: 0; width: 150px; margin-right: 24px; }

.formPageWrap.row ul { flex-direction : inherit; }
.formPageWrap.row>.formGroup>ul>li { align-items : start; flex-direction : column; }
.formPageWrap.row>.formGroup>ul>li>label { margin-bottom : 18px; width : auto; }

/*----------------------icon*/
i { width: 24px;height:24px;background-size: cover; display: inline-block;}
i.i12 { height:12px !important; width:12px !important }
i.i14 { height:14px !important; width:14px !important }
.logo { width:110px;height:32px;background-image: url(/images/logo/logo.svg); }
.logo.wh { background-image: url(/images/logo/logoWh.svg); }
.icoReset { background-image: url(/images/icon/refresh.svg); animation-timing-function: cubic-bezier(1,0,0.8,1); }
.icoReset.on { animation: refresh .4s infinite; }
@keyframes refresh { from { transform:rotate(180deg); } to {  } }
.icoDelte { background-image: url(/images/icon/closeCircle.svg); }
.icoNotice { background-color:#FFEBEB; color: #FF6060; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50px; }
.icoNotice::after { content: '!'; display: inline-block; }
.icoConf { background-image: url(/images/icon/conf.svg);}
.icoDown { background-image: url(/images/icon/download.svg);}
.icoEdit { background-image: url(/images/icon/edit.svg); }
.icoLink { background-image: url(/images/icon/link.svg); }
.uploadImg { background-image: url(/images/icon/imgUpload.svg); }
.fileWord { background-image: url(/images/icon/fileWord.svg); }
.fileExcel { background-image: url(/images/icon/fileExcel.svg); }
.filePdf { background-image: url(/images/icon/filePdf.svg); }
.filePpt { background-image: url(/images/icon/filePpt.svg); }
.fileImg { background-image: url(/images/icon/fileImg.svg); }
.icoClip { background-image: url(/images/icon/icoClip.svg); }
.arwFill { background-image: url(/images/icon/arwFill.svg); }
.arwFill.bottom {transform: rotate(-90deg); }
.arwFill.top {transform: rotate(90deg); }
.reply { background-image: url(/images/icon/survey-reply.svg); }
.arwLine { background-image: url(/images/icon/page_arw.svg); }
.arwLine.right { transform: rotate(180deg); }
.icoChk {  background-image: url(/images/icon/chkShapeOn.svg); }
.ico-promotion { background-image: url(/images/icon/ico-promotion.svg); height : 20px; width : 20px; }
.ico-promotionTag { background-image: url(/images/icon/ico-promotionTag.svg); }

.btnIcon .arwFill { width:10px;height:10px; }
button .arwUT { transition: .2s ease-in-out; background-image: url(/images/icon/selArw.svg);width: 11px !important;height: 10px !important; }
button.down .arwUT { transform: rotate(180deg); }
/*----------------------tooltip*/
.tool_tip { margin-top: 27px;display: none;background: rgba(0,0,0,0.9);color:#fff;font-size: 13px;padding: 4px 8px;position: fixed;line-height: 1.5;font-weight: normal;}
.tool_tip.on { display: block; }
.tool_tip::before {content: '▲';display: inline-block;position: absolute;margin-top: -11px;color: rgba(0,0,0,0.9);left: 5px;font-size: 7px;}
.info {background: #53677A;border-radius: 50px;display: flex;align-items: center; justify-content: center; font-style: normal; font-size: 12px; font-weight: bold;  color: #fff;  width: 20px;height: 20px;margin-right: 8px; }
.info:hover { opacity: 0.8;}

/*----------------------checkbox*/
.chkArea { display: flex; align-items: center; flex-wrap: wrap;}
.chkArea .chk { margin-right: 12px; }
.chkArea .chk:last-child { margin-right: 0; }

.chkArea.row { display: flex; flex-direction: column; align-items: start; }
.chkArea.row .chk { margin:0 0 20px; }

.chk input{ display: none; }
.chk label { display: flex; align-items: center; cursor: pointer; }
.chk .chkShape { width: 16px; height:16px; display: flex; align-items: center; justify-content: center; border:1px solid #D2DAE2; }
.chk .chkShape::after { transition: .2s ease-in-out; transform: scale(0); content: ''; display: inline-block; width: 12px;height:12px; background-size: cover; background-image: url(/images/icon/chkShape.svg); }
.chk .chkTxt { margin-left: 6px; color: #8995A1; }
.chk input:checked + label .chkShape { background: #FFF2F6; border-color: #FFF2F6; }
.chk input:checked + label .chkShape::after { background-image: url(/images/icon/chkShapeOn.svg); transform: scale(1);  }
.chk input:checked + label .chkTxt { color: #000; }

.chk input[type="radio"] + label .chkShape { border-radius: 50px; background: #fff; }
.chk input[type="radio"] + label .chkShape::after { border-radius: 50px; background:#E9EDF1 ;  width: 6px;height:6px;  }
.chk input[type="radio"]:checked + label .chkShape { border-color:  #313E49; background: #313E49 ; }
.chk input[type="radio"]:checked + label .chkShape::after { background:#fff ; }

.chkBtn .chk { margin-right:8px;  }
.chkBtn .chk label { font-size: 14px; background: #fff; border-radius:4px; border:1px solid #D2DAE2; height:28px; line-height: 28px; padding: 0 8px; color: #8995A1; } 
.chkBtn .chk label strong { margin-left: 6px;  }
.chkBtn .chk input:checked + label {border-color: #313E49;background: #313E49;color: #fff;}


/*----------------------cmt*/
.cmt { display: none; align-items: center; font-weight: normal; font-size: 14px;  }
.cmt.on{display: flex;}
.cmt i {width: 20px;height: 20px;background: #E9EDF1;color: #53677A;margin-right: 8px;border-radius: 50px;display: flex;align-items: center;justify-content: center;font-style: inherit;font-weight: bold;}
.cmt i::after { content: '!'; display: inline-block; }
.cmt.red { color: #FF6060; }
.cmt.red i { background: #FFEBEB; color: #FF6060 ; }



/*----------------------layout*/
.wrap { background: #F1F3F6; width: 100%; height: 100%; display: flex; justify-content: space-between; padding: 24px; }
.contents { background: #fff; display: flex; flex-direction: column; padding: 32px 48px 20px; border-radius: 20px; width: calc( 100% - 210px ); margin-left: 16px; }


.nonBg { background: none !important; padding:0 !important; }
.card { padding:20px; background: #fff; border: none !important; display: flex; flex-direction: column; border-radius: 12px; }

.page { flex:1; display: flex; flex-direction: column; overflow:hidden; }
.pageTt { font-weight: bold; font-size: 24px; margin-bottom: 32px; display:block; }
.pageBack { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between;}
.pageBack>.btnIcon { display: flex; align-items: center; height: auto; padding: 0; font-size: 16px; font-weight: normal;}
.pageBack>.btnIcon i { background-image: url(/images/icon/back.svg);  width: 20px;height: 20px; margin-right: 4px; }



/*----------------------nav*/
.nav { background: #fff; display: flex; flex-direction: column; border-radius: 20px; width: 210px; padding: 24px; }
.nav .logo { margin: 0 auto; }

.navAlarm { width: 100%; background: #f9f6da; padding: 20px 24px; margin-top: 12px;border-top: 1px solid #eae5be;border-bottom: 1px solid #eae5be;font-size: 14px;line-height: 18px;}
.navAlarm dl { display: flex; align-items: center; margin-bottom: 8px;}
.navAlarm dl:last-child { margin-bottom: 0; }
.navAlarm dt { flex:1;  }
.navAlarm dd { font-weight: bold; }

.nav>ul { flex:1; display: flex; flex-direction: column; overflow: hidden; overflow-y: auto; }
.nav>ul>li { margin-bottom: 10px; }
.nav>ul>li>a { display: flex;align-items: center;padding: 12px;position: relative;border-radius: 8px;}
.nav>ul>li>a i { width: 16px;height:16px;background-size: cover; margin-right: 12px; }
.nav>ul>li>a.on{ font-weight: 700; background:#F1F3F6 ;}
.nav>ul>li>a.new::after {content: '';display: inline-block;width: 6px;height: 6px;background: #ec477a;border-radius: 50px;position: absolute;right: 12px;top: 8px;}

/*sub메뉴있을경우*/
.sub::after { transition: .2s ease-in-out; opacity: 0.4; content: '';display: inline-block;width: 8px;height: 6px;background-image: url(/images/icon/selArw.svg);margin-left: auto;background-size: cover;}
.sub+ul { margin-top: 16px; flex-direction: column; margin-left: 40px; display: none; }
.sub+ul a { display: flex; padding: 0 0 16px; }
.sub+ul a.on { text-decoration: underline; }
.sub.on+ul { display: flex; }
.sub.on::after { transform: rotate(180deg); }

.navHospital { background-image: url(/images/nav/navHospitalOff.svg); }
.navUser { background-image: url(/images/nav/navGroupOff.svg); }
.navApp { background-image: url(/images/nav/navAppOff.svg); }
.navBild { background-image: url(/images/nav/navBildOff.svg); }
.navSetting { background-image: url(/images/nav/navSettingOff.svg); }
.navDash { background-image: url(/images/nav/navDashboardOff.svg); }
.navSale { background-image: url(/images/nav/naPurchaseOff.svg); }
.navNotice { background-image: url(/images/nav/navNoticeOff.svg); }
.navProduct { background-image: url(/images/nav/navProductOff.svg); }
.navDelivery { background-image: url(/images/nav/navDeliveryOff.svg); }
.navCalculate { background-image: url(/images/nav/navPaymentOff.svg); }
.navRevisit { background-image: url(/images/nav/navRevisitOff.svg); }
.navSms { background-image: url(/images/nav/navSmsOff.svg); }
.navRequestCall { background-image: url(/images/nav/navRequestCallOff.svg); }




.on .navHospital { background-image: url(/images/nav/navHospital.svg); }
.on .navUser { background-image: url(/images/nav/navGroup.svg); }
.on .navApp { background-image: url(/images/nav/navApp.svg); }
.on .navBild { background-image: url(/images/nav/navBild.svg); }
.on .navSetting { background-image: url(/images/nav/navSetting.svg); }
.on .navDash { background-image: url(/images/nav/navDashboard.svg); }
.on .navSale { background-image: url(/images/nav/naPurchase.svg); }
.on .navNotice { background-image: url(/images/nav/navNotice.svg); }
.on .navProduct { background-image: url(/images/nav/navProduct.svg); }
.on .navDelivery { background-image: url(/images/nav/navDelivery.svg); }
.on .navCalculate { background-image: url(/images/nav/navPayment.svg); }
.on .navRevisit { background-image: url(/images/nav/navRevisit.svg); }
.on .navSms { background-image: url(/images/nav/navSms.svg); }
.on .navRequestCall { background-image: url(/images/nav/navRequestCall.svg); }


.logout { margin-top:auto; }

.user { display: flex; flex-direction: column; align-items: center; /*border-bottom: 1px solid #F1F3F6;*/ margin: 24px 0 16px;/* padding-bottom: 32px; */}
.user i { width: 40px;height: 40px;border-radius: 50px; margin-bottom: 12px; background:url(/images/icon/user.svg) ;background-size: cover; }
.user .userTm {  margin-bottom: 4px;color: #53677A;font-size: 14px;flex-direction: initial;align-items: center;width: 100%;justify-content: center;}
.user .userTm li { display: flex; align-items: center; justify-content: center; }
.user .userTm li::after { content: ''; display: inline-block; width:1px; height: 12px; background: #D2DAE2; margin: 0 8px; }
.user .userTm li:last-child::after { display: none; }
.user .userNm { font-size: 16px;  }

/*계정선택*/
.category { display : flex; flex : 1; border:1px solid #E9EDF1; }
.category .depth1 { width : 240px; border-right: 1px solid #E9EDF1; }
.category ul { display : flex; flex-direction : column; overflow : hidden; overflow-y : auto; }
.category .depth2 { flex : 1; gap : 20px; padding : 20px; }
.category .depth1 a { border-bottom:1px solid #E9EDF1; padding : 16px 12px; width: 100%; transition: .1s ease-in-out; display: flex; align-items: center; justify-content: space-between;}
.category .depth1 a.on { background: #8995a1;  color: var(--cr-white); }

/*프로모션배너(플래너)*/
.promotionBanner { display : flex; flex-direction : column; gap : 6px; margin : 20px 0; }
.promotionBannerTitle { align-items : center; display : flex; gap : 12px; }
.promotionBannerTitle .ico-promotionTag { height : 20px; width : 20px; }
.promotionBannerHd { align-items : center; display : flex; justify-content : space-between; }
.promotionBannerList .swiper-slide { align-items : start; background : #F7E9FC; border-radius : 12px; display : flex; flex-direction : column; gap : 8px; justify-content : start; padding : 12px; text-align : left; }
.promotionBannerList .swiper-slide span { font-size : 14px; line-height : 18px; }
.promotionBannerList .swiper-slide strong { font-size : 16px; color: #BE42D1; }
.promotionBannerList .swiper-slide.product { background: #E9F3FC; }
.promotionBannerList .swiper-slide.product strong { color: #2181F1; }
.promotionBannerList .swiper-slide.priceTotal { background: #DFF2EB; }
.promotionBannerList .swiper-slide.priceTotal strong {  color: #14A456; }
.promotionBannerListDetail li .pdSelPromotionCon { display: none;  }
.promotionBannerListDetail li a { transform:rotate(0) ; transition: .2s ease-in-out;}
.promotionBannerListDetail li.on .pdSelPromotionCon { display: flex; }
.promotionBannerListDetail li.on a { transform:rotate(180deg); }


/*----------------------tab*/
.tab { display: flex; width:100%; margin-bottom: 24px; }
.tab a { color: #313E49; font-size: 16px; margin-right: 24px; padding-bottom: 16px; position: relative; }
.tab a::after {content: '';display: inline-block;position: absolute;bottom: -2px;width: 0;left: 0;background: transparent;transition: width .2s ease-in-out;height: 2px;}
.tab a.on { color: #000; font-weight: 700; }
.tab a.on::after { background: #000; width: 100%; }

.tabCon { flex:1; display: flex; flex-direction: column; overflow: hidden; }
.tabCon>div { display: none; flex-direction: column; flex: 1; transform: translateX(20px); opacity: 0; overflow: hidden;}
.tabCon>div.on { display: flex; animation:  tabCon .2s forwards;}
@keyframes tabCon { from{ transition:.2s ease-in-out; } to { transform:translateX(0); opacity:1; } }

/*----------------------search*/
.schArea { flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.schArea>div { display: flex; align-items: center; }
.schArea>div:nth-child(1)>* { margin-right:24px; }
.schArea>div:nth-child(1)>*:last-child { margin-right:0; }
.schArea>div:nth-child(1)>*::after {content: '';display: inline-block;width: 1px;height:12px;background: #b9c1ca;margin-left: 24px;}
.schArea>div:nth-child(1)>*:last-child::after { display: none; }
.schArea select, .schArea input { border: none; }
.schArea button { height: 32px; font-weight: bold; }

/*----------------------table*/
table { width:100%; border-collapse:  collapse; }
.tbl {  display: flex; flex-direction: column; border: 1px solid #E9EDF1; overflow:hidden; flex: 1; border-bottom: none; overflow-x:auto; }
.tbl td, .tbl th { font-size:14px; word-break: break-word; border-right:1px solid #E9EDF1; border-bottom: 1px solid #E9EDF1; padding:12px; text-align: center; }
.tbl th { border-bottom: none; font-weight: normal;padding: 16px 12px; font-size: 14px;  }
.tbl tr:last-child { border-bottom: none; }
.tbl tr > *:last-child { border-right: none; }
.tbl td.borerR { border-right:1px solid #E9EDF1 !important; }
.tbl td.borerB { border-bottom:1px solid #E9EDF1 !important; }
.tbl td.danger { background: #fff7f7; color: red; }
.tbl input, .tbl select { height: 28px; padding-left: 8px; border-radius: 4px; }
.tbl input { padding: 0 8px; }

.tblTop { padding: 20px 16px; }
.tblTop .tblTotal { font-size: 18px; display: flex; align-items: center; }
.tblTop .tblTotal dl { display: flex; align-items: center; margin-right: 24px; }
.tblTop .tblTotal dl:last-child { margin-right:0; }
.tblTop .tblTotal dl dd { color: #EC477A; font-weight: 700;  margin-left: 8px;}

.tblHd { color: #53677A; padding-right: 6px; border-bottom: 2px solid #000;}
.tblHd th { border: none; }

/*th두줄이상*/
.tblCol th { padding: 12px; border-top: 1px solid #E9EDF1; border-right: 1px solid #E9EDF1;}


.tblBody { flex: 1; overflow: hidden; overflow-y: scroll; border-bottom: 1px solid #E9EDF1; }
.tblBody tr td { cursor: pointer;  }
.tblBody tr:hover {background: rgb(241 243 246 / 60%); }
.tblBody tr.selected { background: rgb(255 235 235 / 40%); }
.tblBody.noCursor tr td { cursor: default; }


.tbl .empty { margin: 32px 0 0 32px; }
.tblStrong { background:#f0f2f5 ; font-weight: bold; }
/*검색결과 상단위치*/
.shcResult,.shcResult:hover  { background: rgb(255 99 132 / 6%) !important;}

.tblNew {color: #fff;margin-right: 8px;font-size: 10px;background: #ec477a;padding: 2px 4px;border-radius: 2px;font-weight: bold;}
.tblNew::after{ content: 'N'; display: inline-block; }

/*empty*/
.empty { display: none;flex-direction: column; color: #8995a1; }
.empty.on { display: flex; }
.empty>i { width: 48px; height: 48px; background-image: url(/images/icon/empty.svg); margin-bottom: 20px; }
.empty .schHint { display: flex; flex-direction: column; margin-top: 12px; font-size: 14px; }
.empty .schHint li { display: flex;align-items: center; margin-bottom: 6px; color:  #8995A1; }
.empty .schHint li>i { width: 4px; height: 4px; background: #8995A1; margin-right: 8px; border-radius: 50px; }
.empty.on+.tblBody {  display: none; }
.empty>p { color: #000; }




/*테이블 내 tab*/
/*.tblTab {display: flex; align-items: center;}
.tblTab a { color: #8995A1;}
.tblTab a::after { content: ''; display: inline-block; width:1px; height:8px; margin:0 12px; background:#8995A1; }
.tblTab li:last-child a::after { display: none; }
.tblTab a strong { margin-left: 8px; }
.tblTab a.on { color: #EC477A; border-color: #EC477A; }
*/
.tblSort { font-size: inherit !important ; padding:0; display: flex; align-items: center; font-weight: normal; width: 100%; justify-content: center; }
.tblSort::after { content: ''; display: inline-block; width:16px;height:16px; background-size: cover; background-image:url(/images/icon/tblSort.svg); margin-left: 4px; }
.tblSort.up::after {  background-image:url(/images/icon/tblSortUp.svg);}
.tblSort.down::after {  background-image:url(/images/icon/tblSortDown.svg); }

.tbl table button { height: 24px; font-size: 13px; border-radius: 4px; }

/*테이블가로버전*/
.tbl.tblCol { flex: initial; }
.tbl.tblCol table { border-top:1px solid #E9EDF1; }
.tbl.tblCol th { border-bottom: 1px solid #E9EDF1; color: #53677A;  }
.tbl.tblCol th, .tbl.tblCol td { padding: 8px 10px; ; text-align: left; font-size: 14px; }

.tblFooter { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }
.paging { display: flex; align-items: center; }
.paging button { font-weight: normal; width:28px;height:28px;display: flex; align-items: center; justify-content: center; padding: 0; font-size: 14px; color:#8995A1 ;  }
.paging button:hover { background:#F1F3F6 ;  }
.paging button.on { color: #EC477A; }
.paging button.prev::after, .paging button.next::after { background-size: cover; content: ''; width:12px; height:12px;; background-image: url(/images/icon/page_arw.svg); }
.paging button.next::after { transform: rotate(-180deg); }
.paging button.max::after { background-image: url(/images/icon/paging_arw_max.svg); }
.paging button[disabled="disabled"], .paging button[disabled=""] {
    background: transparent;
}
/********* 희주 추가 */
/*.tblFooter .paging li {margin: 0 5px}
.tblFooter .paging li button {width: auto}*/

.paging ul li button {width: auto; }
.paging ul { gap: 14px; display: flex; align-items: center; margin: 0 8px; }

.pagingSort {border:none;padding: 0 16px 0 0;background-position: right; text-decoration: underline;}


/*----------------------tag*/
.tag { border-radius: 50px; padding: 8px 16px; background-color: #F1F3F6; display: inline-flex; align-items: center; }
.tag.tagS { height: 24px; font-size: 14px;  padding: 0 8px;}
.tag.blue { background-color: #E9F3FC; color: #2181F1; }
.tag.red { background-color: #FFEBEB; color: #FF6060;  }
.tag.lightGreen { background-color: #E7F9E0; color: #44A61E; }
.tag.lightYellow { background-color: #fff1dc;color: #d2820b; }
.tag.gray { background-color: #53677A; color: #fff;  }
.tag.lightgray { background-color: #e9edf1; color: #8995a1;  }
.tag.hosp { border-radius: 2px; padding:  4px 6px; font-size: 13px; font-weight: 600; margin-right: 8px; }
.tag.hosp.type1 {background-color: #e4efd7;color: #396800;}
.tag.hosp.type2 {background-color: #fff1dc;color: #d2820b;}
.tag.rect { border-radius: 4px; }
.iptSch.tag { padding: 8px 16px !important; }
select.tag.tagS { border: none;padding-right: 24px; }

/*----------------------datepikcer*/
.ui-datepicker { margin-top: 2px; background: #fff; padding:20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-radius: 12px; display: none; }
.ui-datepicker td span, .ui-datepicker td a { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-datepicker.ui-state-default { border: none; }
.ui-datepicker .ui-state-active, .ui-datepicker.ui-widget-content .ui-datepicker.ui-state-active {color:#EC477A; border:1px solid #EC477A; border-radius: 50px; }
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-datepicker.ui-state-highlight { font-weight: bold;}
.ui-datepicker .ui-widget-header { background: none; border: none; }
.ui-datepicker .ui-widget.ui-widget-content { box-shadow: 0 0 20px rgb(0 0 0 / 10%); }
.ui-datepicker-prev, .ui-datepicker-next { display: none; }
.ui-datepicker-title { display: flex; align-items: center; justify-content: center; margin-bottom: 16px;}
.ui-datepicker-title select { height: 28px; margin-right: 8px;}
.ui-datepicker-title select:last-child { margin-right: 0;}
.ui-datepicker-calendar th { padding-bottom: 8px; }
.ui-datepicker .ui-state-disabled { color: #D2DAE2; }

.ui-monthpicker  .ui-state-active, .ui-monthpicker  .ui-widget-content .ui-state-active { border-radius: 4px; }
.ui-monthpicker td span, .ui-monthpicker td a { width:56px; }


/*----------------------swiper*/
.swiper { width: 100%; height: 100%;}
.swiper-slide { align-items : center; background : #fff; display : flex; font-size : 18px; justify-content : center; text-align : center; }
.swiper-slide img { display : block; height : 100%; object-fit : cover; width : 100%; }

/*----------------------ztree*/
.ztree li { display: block; }


/*----------------------summernote*/
.note-btn i { width:auto;height:auto; }
.note-popover .popover-content .note-color-palette div .note-color-btn, .panel-heading.note-toolbar .note-color-palette div .note-color-btn {  display: inline-block;}
.note-editor { overflow: hidden; display: flex;flex-direction: column; }
.note-editing-area { overflow: hidden; overflow-y: auto; flex:1; position: relative; }
.note-placeholder { color:#D2DAE2; }
.note-editor.note-frame, .note-editor.note-airframe { border:1px solid #D2DAE2;  }
.note-dropdown-menu li { display: block; }
.note-holder-custom { display: none;}
.note-frame { margin-bottom: 0; flex: 1; }
.note-color-select { display: none;}
.note-popover .popover-content, .note-editor .note-toolbar { padding: 0 0 5px 5px; }
.note-editable i, .noticeCon i { width: auto; height: auto; }


/*----------------------fileUploadOnly*/
.dropFileOnly {cursor : pointer;text-align : center;align-items: center;border: 1px dashed #D2DAE2;display: flex;flex-direction: column;justify-content: center;border-radius: 12px;width: 240px;height: 240px;padding: 16px;}
.dropFileOnly--over { border-color: #EC477A; }
.dropFileOnly--input { display : none; }
.dropFileOnly--thumb { background-color : #e9edf1; background-position: center center; background-repeat: no-repeat; background-size : contain; border-radius : 10px; height : 100%; overflow : hidden; position : relative; width : 100%; }
.dropFileOnly--thumb::after {background : rgba(0, 0, 0, 0.75);bottom : 0;color: #fff;content : attr(data-label);font-size: 12px;left : 0;padding: 8px;position : absolute;text-align : center;right: 0;word-break: keep-all;}
.view .dropFileOnly--thumb::after { display: none; }
.dropFileOnly--inital { display : none; }
.dropFileOnly_promt i { width: 40px; height:40px; margin-bottom: 12px; }

/*----------------------uimenu*/
/*.ui-menu {flex-direction: column; overflow: hidden; overflow-y: auto; position: absolute;background: #fff; height: 310px;top: 44px; border: 1px solid #E9EDF1; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top:8px;}*/
/*.ui-menu li{ width: 100%; display: flex; justify-content: space-between;align-items: center;  padding: 12px; border-bottom: 1px solid #E9EDF1; }*/
.ui-menu {flex-direction: column; overflow: hidden; overflow-y: auto; position: absolute;background: #fff; }
.ui-menu li { border : 1px solid #E4EAF0; border-radius : 12px; display : flex; flex-direction : column; gap : 12px; padding : 16px; margin : 8px;}
/*.ui-menu li>div {display: flex;flex-direction: column;flex: 1;margin-right: 12px;}*/
.ui-menu li:hover { background:rgb(241 243 246 / 50%); }
.ui-menu.ui-state-active { background:rgb(241 243 246 / 50%); }
.ui-menu li>a { width:100%; }
.ui-menu .schPdStock { color: #53677A; font-size: 14px; margin-top: 4px; }
.ui-autocomplete {display: block !important;}

/*----------------------loading*/
.loading { position: absolute; right:0; bottom: 0; left:0; top:0; display: none; align-items: center; justify-content: center;}
.loading.open { display: flex; }
.loadingCon { width: 400px; font-size: 13px; border-radius: 8px; gap: 16px; color: #fff;  background: rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 40px; display: flex;flex-direction: column; align-items: center;}
.loader { animation : shadowRolling 2s linear infinite; border-radius : 50%; color : #EC477A; display : inline-block; height : 10px; left : -100px; position : relative; webkit-animation : shadowRolling 2s linear infinite; width : 10px; }
@keyframes shadowRolling {
    0% {
        box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }
    12% {
        box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }
    25% {
        box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }
    36% {
        box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white;
    }
    62% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
    }
    75% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
    }
    87% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
    }
    100% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
    }
}



.pdSelTt {
    align-items: center;
    display: flex;
}

.pdSelPromotion {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 40px;
}
.pdSelPromotion>div {
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEF2F6;
    gap: 8px;
}
.pdSelPromotionHd {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.pdSelPromotionCon {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pdSelPromotionCon>div {
    align-items: center;
    display: flex;
}

.pdSelPromotionCon .pdNm {
    flex: initial;
}

.pdSelPromotionCon .pdNm+span {
    color: #3D4850;
}

#userOrderTable th {
  border-bottom: 1px solid #E9EDF1 !important;
  border-top: 1px solid #E9EDF1 !important;
  background: none !important;
  font-weight: normal;
  padding: 16px 12px;
  font-size: 14px;
}