@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

html,body{padding:0;margin:0;height:100%;min-width:calc(800px - 17px)}
img,ul{margin:0;padding:0;border:0}
button{outline:none;border:0}
input:focus,select:focus,textarea:focus{outline:none}
ul,li{list-style:none}
a:link{color:inherit}
a:active{color:inherit}
a:visited{color:inherit}
a:hover{color:inherit}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}

:root{
    --primary-color:#566ae5;
    --error-color:#dc2626
}


.m *{font-family:'Noto Sans','Noto Sans KR',sans-serif}
.m .alink{display:block;text-decoration:none;box-sizing:content-box}

.m .h1{color:#1f2937;font-size:36px;font-style:normal;font-weight:700;line-height:50px;letter-spacing:-1px;}
.m .h2{color:#1f2937;font-size:24px;font-style:normal;font-weight:700;line-height:50px;letter-spacing:-1px;}
.m .h3{color:#1f2937;font-size:20px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:-1px;}
.m .h4{color:#1f2937;font-size:18px;font-style:normal;font-weight:700;line-height:28px;letter-spacing:-1px;}
.m .h5{color:#1f2937;font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:-1px;}
.m .h6{color:#1f2937;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;}
.m .h6.bold{color:#1f2937;font-size:15px;font-style:normal;font-weight:700;line-height:22px;}
.m .input-label{color:#1f2937;font-size:14px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:-1px;}

.m .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.m .ellipsis2{word-break:break-all;word-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;line-height:1.2em;max-height:2.5em}
.m .ellipsis3{word-break:break-all;word-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;line-height:1.2em;max-height:3.6em}

.m .relative{position:relative}
.m .inline-block{display:inline-block}
.m .inline-block-child>*{display:inline-block;vertical-align:middle}
.m .inline-flex{display:inline-flex}
.m .inline-flex-center{display:inline-flex;align-items:center}
.m .inline-flex-between{display:inline-flex;justify-content:space-between}
.m .middle,.m .middle>*{vertical-align:middle}
.m .vertical-top,.m .vertical-top>*{vertical-align:top}
.m .cursor{cursor:pointer}
.m .upload-input{position:absolute;top:-150%;left:-400%}
.m .bold{font-weight:bold}
.m .border-top{margin-top:20px;border-top:1px solid #f7f7f7;padding-top:20px}/*d1d5db*/
.m .border-top-small{margin-top:10px;border-top:1px solid #f7f7f7;padding-top:10px}
.m .border-top-small2{margin-top:4px;border-top:1px solid #f7f7f7;padding-top:4px}
.m .border-bottom{margin-bottom:20px;border-bottom:1px solid #f7f7f7;padding-bottom:20px}
.m .border-bottom-small{margin-bottom:10px;border-bottom:1px solid #f7f7f7;padding-bottom:10px}

.m .info-blue,.m .info-orange,.m .info-red,.m .info-gray,.m .info-green{box-sizing:border-box;height:30px;padding:5px 16px;border-radius:8px;display:flex;align-items:center;font-size:14px;line-height:19px;letter-spacing:-1px}
.m .info-blue .icon,.m .info-orange .icon,.m .info-red .icon,.m .info-green .icon{margin-right:16px;width:16px !important;height:16px !important}
.m .info-blue{background-color:rgba(86,106,229,0.08);color:#566ae5}
.m .info-green{background-color:#edf7f0;color:#239c3e}
.m .info-orange{background-color:rgba(254,183,91,0.08);color:#dd9a44}
.m .info-red{background-color:rgba(239,68,68,0.08);color:#ef4444}
.m .info-gray{background-color:#fafafa;color:#666666}
.m .info-small{box-sizing:border-box;height:24px;padding:5px 16px;border-radius:8px;font-size:11px;line-height:14px}
.m .info-height-auto{height:auto}

/*--------------- layout ----------------------------------------------------------*/
.m .router{position:relative;margin-left:200px;min-width:calc(800px - 200px - 34px)}/*min-width:calc(1200px - 200px - 34px)*/

.m .menu{position:fixed;top:0;bottom:0;width:168px;padding:0 16px;background:linear-gradient(to right,#31375c 0%,#2b2950 100%);border-top-right-radius:20px}
.m .menu .logo-wrap{margin-top:16px;padding:20px;}
.m .menu .logo-image{display:block;background-size:contain;background-repeat:no-repeat;background-position:center;width:100%;height:32px;cursor:pointer}
.m .menu .logo-title{margin:0 auto;font-size:16px;line-height:22px;color:#fff;font-weight:bold;cursor:pointer}
.m .menu .logo-sub-title{margin-top:8px;font-size:10px;line-height:20px;color:#fff;text-align:center;letter-spacing:-1px}

.m .menu .user{margin-top:16px;position:relative}
.m .menu .user .user-info{
    position:relative;padding:8px 12px;border-radius:12px;background-color:rgba(250,251,252,0.02);cursor:pointer;
    user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none
}
.m .menu .user .user-image{position:relative}
.m .menu .user .user-image .user-profile{width:42px;height:42px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}
.m .menu .user .user-image .user-role{width:20px;height:20px;border-radius:50%;background-size:12px;background-position:center;background-repeat:no-repeat;position:absolute;bottom:0;right:0;background-color:#566ae5}
.m .menu .user .user-info .flex-grow-1{width:calc(100% - 40px - 24px)}
.m .menu .user .user-title{font-size:15px;line-height:22px;font-weight:700;color:rgba(255,255,255);letter-spacing:-1px}
.m .menu .user .user-sub-title{font-size:10px;line-height:20px;color:rgba(255,255,255);letter-spacing:-1px}
.m .menu .user .user-info .ic-menu{
    width:10px;height:10px;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/07/844a2d8c8a5b57d0fd48f17fc6c1b759.svg")
}
.m .menu .user .user-info.active{background-color:#566ae5}
.m .menu .user .user-info.active .user-title{color:#fff}
.m .menu .user .user-info.active .user-sub-title{color:rgba(255,255,255,0.8)}
.m .menu .user .user-info.active .ic-menu{transform:rotate(180deg)}

.m .menu .user .user-menu{display:none;position:absolute;top:48px;left:0;right:0;padding:24px 0;background-color:#262a49;border-radius:12px}/*rgba(0,0,0,0.2)*/
.m .menu .user .user-menu-item{padding:10px 12px;color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;cursor:pointer}
.m .menu .user .user-menu-icon{width:20px;height:20px;background-size:20px;background-repeat:no-repeat}

.m .menu .menu-list{position:absolute;top:206px;bottom:0;left:0;right:0;overflow-y:auto;padding:0 16px}
.m .menu .menu-list .menu-item:first-child{border-top:none}
.m .menu .menu-item{padding-bottom:8px;border-top:1px solid #434a76}
.m .menu .menu-item-only-title{padding-top:12px;border-top:1px solid #434a76}
.m .menu .menu-item.sub{padding:0 0 12px 8px;border-top:0}
.m .menu .menu-item-title{margin:10px 12px;font-size:12px;line-height:20px;color:#9599c7;font-weight:600}
.m .menu .menu-item .ic-fold{width:16px;height:16px;background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/14/ee07aced796a5dbeb38bc1942944e0b0.svg")}
.m .menu .menu-item .ic-unfold{width:16px;height:16px;background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/14/86199cf4cbe52f74f1bba78032c9ef2a.svg")}
.m .menu .sub-item{position:relative;font-size:14px;line-height:22px;color:#fff;border-radius:10px;cursor:pointer}/*;padding-right:12px*/
/*.m .menu .sub-item:hover{background-color:rgba(255,255,255,0.1)}*/
.m .menu .sub-item>*:first-child{padding:10px 0 10px 12px;border-radius:10px}
.m .menu .sub-item>*:first-child:hover{background-image:linear-gradient(to right,#444b6a 0%,#404161)}
.m .menu .sub-item.disabled{cursor:default}
.m .menu .sub-item.disabled:hover{background:none}
.m .menu .sub-item.active{padding:10px 0 10px 12px;background-image:linear-gradient(to right,#566ae5 0%,#6c5dd3);font-weight:bold}
.m .menu .sub-item.active>*:first-child{padding:0}
.m .menu .sub-item.active>*:first-child:hover{background-image:none}
.m .menu .sub-item-new{margin-top:8px;height:8px;width:8px;background-color:#566ae5;border-radius:50%;color:#fff}
.m .menu .sub-item-cnt{
    margin-top:2px;margin-right:8px;padding:0 4px;min-width:10px;height:18px;line-height:18px;font-size:10px;text-align:center;
    background-color:#fff;border-radius:100px;color:#566ae5;font-weight:bold
}
.m .menu .sub-item-more{width:20px;height:20px;background-size:100%;background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/14/86199cf4cbe52f74f1bba78032c9ef2a.svg")}
.m .menu .sub-item.sub-open .sub-item-more{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/14/ee07aced796a5dbeb38bc1942944e0b0.svg")}

.m .menu .sub-sub-list{position:relative;margin:-12px 0 8px 0;padding:17px 5px 5px 5px;background-color:#262a49;border-radius:12px}
.m .menu .sub-sub-list .sub-sub-item{padding:5px 12px;font-size:12px;font-weight:normal;line-height:18px;color:#fff;cursor:pointer;border-radius:6px}
.m .menu .sub-sub-list .sub-sub-item:hover{background-image:linear-gradient(to right,#444b6a 0%,#404161)}
.m .menu .sub-sub-list .sub-sub-item .inline-block{padding:0 2px}
.m .menu .sub-sub-list .sub-sub-item.active .inline-block{
    font-weight:bold;background-repeat:repeat-x;background-position:left bottom;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/31/4e3a989a3c07ad73434222f21087a042.gif")
}

/*---------------nav title----------------------------------------------------------*/
.m .page-contents{padding:40px 40px;max-width:1200px}
.m .page-contents-fixed{position:fixed;top:0;bottom:0}
.m .page-contents-depth2{
    position:absolute;top:0;bottom:0;padding:46px 28px;
    box-shadow:5px 0 8px 0 rgba(49, 55, 92, 0.08);background-color:#f3f5fa;border-top-right-radius:20px
}
.m .page-contents-depth3{position:absolute;top:0;bottom:0}
.m .page-title{color:#1F2937;font-size:36px;font-style:normal;font-weight:700;line-height:50px;letter-spacing:-1px;}
.m .page-title-wrap{padding-bottom:36px}
.m .page-title-wrap>.btn{padding:10px}

/*------ input section form ------------------------------------------------------------------------------------------*/
.m .form-input{padding:10px 13px;border-radius:12px;border:solid 1px #e2e2e2;background-color:#fff;font-size:14px;line-height:20px;color:#1F2937;font-style:normal;font-weight:400;letter-spacing:-1px;}
.m .form-input.selected{border-color:#566ae5}
.m .form-input.disabled{background-color:#f7f9fa;color:#4b5563}
.m .form-input.error{border:solid 1px #dc2626}

.m .password-wrapper{position:relative;display:flex;width:100%}
.m .password-wrapper .form-input{padding:10px 30px 10px 14px}
.m .password-wrapper .show-btn{
    position:absolute;right:14px;top:11px;cursor:pointer;
    width:18px;height:18px;background-size:cover;background-position:center;background-repeat:no-repeat;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/14/39db484a4f059259fb023e064233559d.svg')
}
.m .password-wrapper .show-btn.active{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/14/425ee672faefc7d76f6b7c85b65d08a6.svg')}

.m .input-section{display:flex}
.m .input-section input,.m .input-section textarea,.m .input-section .input-file{flex-grow:1;min-width:10px;width:100%}
.m .input-section.input-textarea{height:150px}

.m .comp-scheduler{position:fixed;left:180px;top:0;bottom:0;width:300px;padding:0 12px 0 32px;border-top-right-radius:20px;box-shadow:5px 0 8px 0 rgba(49, 55, 92, 0.08);background-color:#f3f5fa;overflow-y:auto;overflow-x:hidden}
.m .comp-scheduler .calendar-header{padding:16px 8px 8px 8px;display:flex;justify-content:space-between}
.m .comp-scheduler .calendar-prev,.m .comp-scheduler .calendar-next{background-size:16px;background-repeat:no-repeat;background-position:center;width:24px;height:24px;cursor:pointer}
.m .comp-scheduler .calendar-prev{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/15/dc3c87f0f56d492163f7f4b5dad42db9.svg')}
.m .comp-scheduler .calendar-next{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/15/445d60831c1b13eefc76b487221014be.svg')}
.m .comp-scheduler .info-gray{padding:6px 12px;border-radius:8px;background-color:rgba(48,55,76,0.1);font-size:12px;line-height:20px;color:#30374c}
.m .comp-scheduler .info-gray-icon{
    border-radius:50%;background-size:20px auto;width:14px;height:14px;background-color:#30374c;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/27/3dbba5e51dbbc2ae903b54637bd292f5.svg')
}
.m .comp-scheduler .calendar-day-item{position:relative;padding:2px 12px;font-size:12px;line-height:20px;color:#888888;letter-spacing:-1px;border-radius:6px;border:1px solid #f3f5fa;cursor:pointer}
.m .comp-scheduler .calendar-day-item.saturday{color:#388ff4}
.m .comp-scheduler .calendar-day-item.sunday{color:#ff6868}
.m .comp-scheduler .calendar-day-item.other{opacity:.5}
.m .comp-scheduler .calendar-day-item.not-month{display:none}
.m .comp-scheduler .calendar-day-num{padding-right:8px;width:20px;flex-shrink:0}
.m .comp-scheduler .calendar-day-week{width:20px;flex-shrink:0}
.m .comp-scheduler .calendar-day-info-list{display:flex}
.m .comp-scheduler .calendar-day-info-item{margin-left:15px;display:flex;align-items:center}
.m .comp-scheduler .calendar-day-info-item-title{color:#525b6f}
.m .comp-scheduler .calendar-day-info-item-cnt{display:inline-block;font-weight:bold;font-size:11px;line-height:16px;text-align:center;margin-left:6px;border-radius:4px;padding:0 4px !important}
.m .comp-scheduler .calendar-day-item .state-blue,.m .comp-scheduler .calendar-day-item .state-green,.m .comp-scheduler .calendar-day-item .state-gray{padding:0;line-height:16px !important}
.m .comp-scheduler .calendar-day-item:hover{border-color:rgba(86, 106, 229, 0.1);background-color:rgba(86, 106, 229, 0.08);color:#566ae5}
.m .comp-scheduler .calendar-day-item:hover .calendar-day-info-item-title{color:#566ae5}
.m .comp-scheduler .calendar-day-item.selected{border-color:#566ae5;background-color:#566ae5;color:#fff}
.m .comp-scheduler .calendar-day-item.selected .calendar-day-info-item-title{color:#fff}

.m .comp-scheduler .calendar-day-week-list{border-bottom:1px solid rgba(0,0,0,0.05)}
.m .comp-scheduler .calendar-day-week-list>.calendar-day-week-item{display:inline-block;height:42px;font-size:15px;text-align:center;color:#3a3a3a;line-height:42px;padding:0 5px}
.m .comp-scheduler .calendar-day-week-list>.calendar-day-week-item.weekend{color:#f3213b}


.m .input-date{position:relative;display:inline-block;cursor:pointer}
.m .input-date .date-wrapper{display:flex;align-items:center;padding:11px 14px;border:1px solid #e2e2e2;background:#fff;border-radius:12px;font-size:14px;font-style:normal;font-weight:400;line-height:20px;box-sizing:border-box;letter-spacing:-1px;}
.m .input-date .date-wrapper.disabled{background: #f7f9fa}
.m .input-date.error .date-wrapper{border-color:#dc2626}
.m .input-date.selected .date-wrapper{border-color:#566ae5}
.m .input-date .date,.m .input-date .placeholder{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;}
.m .input-date .date{color:#11142d}
.m .input-date .placeholder{color:#b2b3bd}
.m .input-date .calendar-icon{
    margin-right:8px;width:16px;height:16px;background-size:100%;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/08/1e810b362da5737e486696effadbb280.svg')
}
.m .input-date .calendar{position:absolute;top:42px;background:#fff;padding:24px 20px;width:322px;box-shadow:0 4px 25px 0 rgba(0,0,0,0.08);border-radius:16px;cursor:default}
.m .input-date .calendar.reverse{top:inherit;bottom:44px;box-shadow:0 -4px 25px 0 rgba(0,0,0,0.08)}
.m .input-date .calendar-header{margin-bottom:10px;display:flex;justify-content:space-between;text-align:center}
.m .input-date .calendar-prev,.m .input-date .calendar-next{width:26px;height:26px;background-size:16px;background-repeat:no-repeat;background-position:center;cursor:pointer}
.m .input-date .calendar-prev{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/15/dc3c87f0f56d492163f7f4b5dad42db9.svg')}
.m .input-date .calendar-prev.disabled{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/844ec9e79ddafdb28da7a83c74396bf3.svg');cursor:default}
.m .input-date .calendar-next{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/15/445d60831c1b13eefc76b487221014be.svg')}
.m .input-date .calendar-next.disabled{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/16b568846ca7cc7666ae93046a784806.svg');cursor:default}
.m .input-date .calendar-day-week-list{}
.m .input-date .calendar-day-week-list>li,.m .input-date .calendar-day-list>li,.m .input-date .calendar-day-list>li .selected,.m .input-date .calendar-day-list>li .today{
    display:inline-block;width:46px;height:46px;line-height:46px;font-size:14px;text-align:center;border-radius:50%
}
.m .input-date .calendar-day-week-list>li{font-size:12px;color:#6b7280}
.m .input-date .calendar-day-week-list>li.weekend{color:#f3213b}
.m .input-date .calendar-day-list{}
.m .input-date .calendar-day-list>li{font-weight:500;color:#1f2937;cursor:pointer}
.m .input-date .calendar-day-list>li:hover{background:rgba(86,106,229,0.1)}
.m .input-date .calendar-day-list>li.weekend{color:#f3213b}
.m .input-date .calendar-day-list>li.other{opacity:.5}
.m .input-date .calendar-day-list>li.disabled{opacity:.8;color:#d1d5db;cursor:default}
.m .input-date .calendar-day-list>li.disabled:hover{background:none}
.m .input-date .calendar-day-list>li .selected{background:#566ae5;color:#fff}
.m .input-date .calendar-day-list>li .disabled{}
.m .input-date .calendar-day-list>li .today{background:rgb(86,106,229,.6);color:#fff}
.m .input-date .calendar.only-current .calendar-day-list>li.other{color:#FFFFFF;cursor:default}
.m .input-date .calendar.only-current .calendar-day-list>li.other>*{background:none}
.m .input-date .calendar.only-current .calendar-day-list>li.other:hover{background:none}
.m .input-date.wide{width:300px}
.m .input-date.disabled{color:#00FF00;cursor:default}

.m .input-search {position:relative;display:flex!important}
.m .input-search .prefix-image {position:absolute;width:16px;height:16px;top:13px;left:15px;background-size:100%;background-repeat:no-repeat;background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/05/09/2cb43259f98a28198528d952c5c849e9.svg')}
.m .input-search .form-input {padding-left:38px!important;width:100%}

.m .input-time{position:relative;display:inline-block;cursor:pointer}
.m .input-time .time-wrapper{display:flex;align-items:center;padding:10px 12px;border:1px solid #e2e2e2;background:#fff;border-radius:12px}
.m .input-time.error .time-wrapper{border-color:#dc2626}
.m .input-time.selected .time-wrapper{border-color:#566ae5}
.m .input-time .time{width:36px;font-size:14px;line-height:20px;font-weight:500;color:#11142d}
.m .input-time .time-icon{
    margin-right:8px;width:16px;height:16px;background-size:100%;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/22/d1f50158bda55ba6d2afd9250e701e27.svg')
}
.m .input-time .hour-min{display:flex;position:absolute;top:42px;width:100px;background:#fff;padding:10px;border:1px solid #efefef;box-shadow:0 4px 25px 0 rgba(0,0,0,0.08);border-radius:8px}
.m .input-time .hour-min-list{flex-grow:1;text-align:center;height:168px;overflow:auto}
.m .input-time .hour-min-list:first-child{margin-right:2px}
.m .input-time .hour-min-list:last-child{margin-left:2px}
.m .input-time .hour-min-list>li{display:block;padding:5px 0;border-radius:4px;color:#74749e;font-size:13px;font-weight:bold}
.m .input-time .hour-min-list>li:hover{background:rgba(123,106,248,0.04)}
.m .input-time .hour-min-list>li.selected{background:#566ae5;color:#ffffff}
.m .input-time .hour-min-list>li.disabled{color:#a2a2a2}
.m .input-time .hour-min-list>li.disabled:hover{background:none}
.m .input-time .placeholder{font-size:14px;line-height:20px}

.m .input-data{position:relative;display:block}
.m .input-data>*{font-size:14px;color:#a2a2a2}
.m .input-data .input-clear, .m .input-data .value-refresh{padding:10px 30px 10px 14px;border-radius:12px;border:1px solid #e2e2e2}
.m .input-data .input-clear{background:#fff}
.m .input-data .input-clear .input{width:100%;font-size:14px;line-height:20px;padding:0;border:none;background:none}
.m .input-data .value-refresh{background:#f7f9fa}
.m .input-data .value-refresh .value{color:#11142d}

.m .input-data .input-value .btn-clear{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/05/08/282b9c1d8a402ddcc069d12f44902371.svg')}
.m .input-data .input-value .btn-clear,.m .input-data .input-value .btn-refresh{
    position:absolute;top:50%;right:0;transform:translate3d(-50%, -50%, 0);
    width:20px;height:20px;background-size:16px;background-repeat:no-repeat;background-position:center;cursor:pointer
}
.m .input-data .input-value .btn-refresh{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/05/08/fa4447c2f4db4ec0d53112f860a5387e.svg')}

.m .input-data.selected .input-value{border-color:#566ae5}
.m .input-data.disabled .input-value{background:#f7f9fa;color:#4b5563}
.m .input-data.error .input-value{border-color:#dc2626}

.m .input-data .list-wrap,.m .input-data .list-wrap-reverse{
    display:none;border-radius:8px;border:1px solid #efefef;background:#fff;position:absolute;left:0;right:0;max-height:170px;overflow-y:auto
}
.m .input-data .list-wrap{top:44px;box-shadow:0 4px 25px 0 rgba(0,0,0,0.08);max-height:180px}
.m .input-data .list-wrap-reverse{bottom:44px;box-shadow:0 -4px 25px 0 rgba(0,0,0,0.08)}
.m .input-data .add-btn{display:inline-block;padding:6px 10px;word-break:break-all;font-size:12px;font-weight:bold}
.m .input-data .data-list>li>.ellipsis{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;padding:8px 14px;color:#1F2937;cursor:pointer}
.m .input-data .data-list>li>.ellipsis:hover{background-color:rgba(123,106,248,0.04);color:#566ae5;font-weight:bold}
.m .input-data .data-list>li .mark{color:#dc2626}

.m .input-file .view-border.form-error{border-color:#dc2626}


.m .comp-selectbox{
    position:relative;padding:10px 13px;border-radius:12px;border:solid 1px #e2e2e2;background-color:#fff;
    font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;cursor:pointer
}
.m .comp-selectbox .selectbox{color:#11142d}
.m .comp-selectbox .selectbox .placeholder{color:#b2b3bd}
.m .comp-selectbox.disabled{cursor:default;background-color:#f7f9fa}
.m .comp-selectbox.disabled .selectbox{color:#b2b3bd}
.m .comp-selectbox.focused{border-color:#566ae5}
.m .comp-selectbox.error{border-color:#dc2626}
.m .comp-selectbox .arrow{
    position:absolute;background-size:16px;background-position:center;background-repeat:no-repeat;height:100%;width:16px;right:13px;top:0;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/22/bff36dec233d2b488512f1b8b90e3136.svg")
}
.m .comp-selectbox.focused .arrow{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/22/9428a769a8081f8ada766d801dad23f4.svg")}
.m .comp-selectbox.disabled .arrow{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/22/1094814b8013618fc40533f043a615ee.svg")}
.m .comp-selectbox .item-list,.m .comp-selectbox .item-list-reverse{
    display:none;position:absolute;left:0;right:0;max-height:180px;border-radius:12px;border:solid 1px #efefef;background-color:#fff;overflow-y:auto
}
.m .comp-selectbox .item-list{top:43px;box-shadow:0 4px 25px 0 rgba(0,0,0,0.04)}
.m .comp-selectbox .item-list-reverse{bottom:44px;box-shadow:0 -4px 25px 0 rgba(0,0,0,0.04)}
.m .comp-selectbox .item-list .item-item,.m .comp-selectbox .item-list-reverse .item-item{padding:8px 11px;color:#1F2937;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;cursor:pointer}
.m .comp-selectbox .item-list .item-item:hover,.m .comp-selectbox .item-list-reverse .item-item:hover{background-color:rgba(86,106,229,0.1)}
.m .comp-selectbox .item-list .selected,.m .comp-selectbox .item-list-reverse .selected{color:#566ae5;font-weight:bold}
.m .comp-selectbox .item-list .disabled,.m .comp-selectbox .item-list-reverse .disabled{background-color:#e2e2e2;color:#666}
.m .comp-selectbox .item-list .disabled:hover,.m .comp-selectbox .item-list-reverse .disabled:hover{background-color:#e2e2e2;color:#666;cursor:default}
.m .comp-selectbox .select-item-icon{background-size:12px 12px;background-repeat:no-repeat;background-position:center center;cursor:pointer;width:42px;height:25px;border-radius:8px}
.m .comp-selectbox .select-item-icon.btn{background-color:#7a799d;width:auto;height:auto;border:none}

.m .checkbox-list{}
.m .checkbox-list>*{padding-bottom:8px}
.m .checkbox-list.flex>*{padding-bottom:0}
.m .checkbox-list>*:last-child{padding-bottom:0}
.m .checkbox-list .tooltip-icon{position:relative !important;margin-left:10px}
.m .checkbox-list .checkbox-wrap{display:flex;width:fit-content;align-items:center;cursor:pointer}
.m .checkbox-list .disabled.selected .checkbox-wrap{cursor:default}
.m .checkbox-list .checkbox-label{margin-left:8px;color:#1F2937;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;}
.m .checkbox{
    cursor:pointer;box-sizing:border-box;display:inline-block;border-radius:8px;border:1.5px solid #e2e2e2;
    width:24px;height:24px;flex-shrink:0;background-size:24px;background-color:#fff;background-position:center;background-repeat:no-repeat;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/09/28/c0b5815d2655c0c99df34ad0020e851b.svg')
}
.m .selected .checkbox,.m .checkbox.selected{background-color:#566ae5;border-color:#566ae5}
.m .disabled .checkbox,.m .checkbox.disabled{background-color:#f7f9fa;background-image:none;cursor:default}
.m .error .checkbox,.m .checkbox.error{border-color:#dc2626}
.m .disabled.selected .checkbox,.m .checkbox.disabled.selected{
    background-color:#d1d5db;border-color:#d1d5db;cursor:default;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/09/28/c0b5815d2655c0c99df34ad0020e851b.svg')
}

.m .radio-inline-list{}
.m .radio-inline-list>*{display:inline-flex;align-items:center;margin-right:15px}
.m .radio-inline-list>*:last-child{margin-right:0}
.m .radio-inline-list .input-inline-label { color:#1F2937; }
.m .radio{display:inline-block;width:14px;height:14px;background-size:16px;vertical-align:middle;background-color:#FFFFFF;border:1.5px solid #e5e7eb;border-radius:50%;cursor:pointer}
.m .selected .radio,.m .radio.selected{width:16px;height:16px;background-size:16px;background:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/58b57531fb498dbafada46ed8652c51c.svg");border:none;background-repeat:no-repeat}
.m .disabled .radio,.m .radio.disabled{background-color:#d1d5db;cursor:default}
.m .selected.disabled .radio,.m .radio.selected.disabled{background:url(//s3.ap-northeast-2.amazonaws.com/importease-upload.mobility42.io/resource/2023/09/25/629927226812b4099ef2d21108588def.svg);background-repeat:no-repeat}

::placeholder{color:#b2b3bd;font-weight:normal}

/*---------------btn----------------------------------------------------------*/
.m .btn-list{text-align:right}
.m .btn-list>.btn{margin-left:8px}
.m .btn-list>.btn:first-child{margin-left:0}
.m .btn{
    box-sizing:border-box;border-radius:12px;background-color:#566AE5;display:inline-flex;padding:12px 16px;
    justify-content:center;align-items:center;color:#FFF;font-size:12px;font-style:normal;
    font-weight:700;line-height:18px;/* 150% */letter-spacing:-1px;cursor:pointer}
.m .btn:hover{background-color:#4555B7}
.m .btn.basic{padding: 12px 16px}
.m .btn.warning{background-color:#DC2626}
.m .btn.warning:hover{background-color:#c82020}
.m .btn.border{color:#566AE5;padding:11px 15px;border:1px solid #566AE5;background-color:#ffffff}
.m .btn.border:hover{background-color:#EFF1FD}
.m .btn.disabled-border{color:#11142D;padding:11px 15px;border:1px solid #C2C2C2;background-color:#ffffff}
.m .btn.disabled-border:hover{background-color:#EFF1FD}
.m .btn.warning-border{background-color:#ffffff;color:#DC2626;padding:11px 15px;border:1px solid #DC2626}
.m .btn.warning-border:hover{background-color:#fceaea;border-color:#dc2626}
.m .btn.disabled{background:#B2B3BD;cursor:default;color:#DDDDDD}
.m .backBtn{width:36px;height:36px;padding:10px !important;}

/** 확인해서 지워야함 여기에 있으면 안되거나 잘못된 사용임 **/
.m .smallBtn{display:flex;width:16px;height:16px;padding:10px;justify-content:center;align-items:center;flex-shrink:0;border-radius:12px;border:1px solid #C2C2C2;background-color:#FFF;}
.m .btn.width400{display:flex;width:400px;padding:12px 177px}
.m .btn.disabled.width400{display:flex;width:400px;padding:12px 177px}
.m .btn.width480{display:flex;width:480px;padding:12px 177px}
.m .btn.disabled.width400{display:flex;width:480px;padding:12px 177px}
.m .btn.disabled-border.width400{display:flex;width:400px;padding:12px 177px}
.m .btn.disabled-border.width480{display:flex;width:480px;padding:12px 177px}
.m .btn-close-size16{display:inline-block;width:16px;height:16px;background-size:16px;background-repeat:no-repeat;background-position:center;cursor:pointer;flex-shrink:0}
.m .btn-close-size24{display:inline-block;width:24px;height:24px;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;flex-shrink:0}
.m .btn-arrow{box-sizing:border-box;display:flex;width:24px;height:24px;padding:4.921px 7.952px 4.952px 7.924px;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;background-size:auto;background-repeat:no-repeat;background-position:center;}
.m .btn-arrow-gray{box-sizing:border-box;display:flex;width:24px;height:24px;padding:4.921px 7.952px 4.952px 7.924px;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;background-size:auto;background-repeat:no-repeat;background-position:center;}
/**********************************************/

.m .link-btn {color:#566AE5;font-size:14px;font-style:normal;font-weight:700;line-height:20px;/* 142.857% */letter-spacing:-1px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}
.m .link-btn-text {color:#566AE5;font-size:14px;font-style:normal;font-weight:700;line-height:20px;/* 142.857% */letter-spacing:-1px;display:inline-flex;align-items:center;cursor:pointer}
.m .link-btn.small{font-size:12px}
.m .link-btn.warning{color:#DC2626;}


/**********************************************************************************************************/
.m .scroll1::-webkit-scrollbar{width:8px}/* 스크롤바 설정*/
.m .scroll1::-webkit-scrollbar-thumb{height:17%;background-color:rgba(255,255,255,.4);border:2px solid #fff;border-radius:10px}/* 스크롤바 막대 설정 :둥글게 설정*/
.m .scroll1::-webkit-scrollbar-track{background:transparent}/* 스크롤바 뒷 배경 설정*/

.m .scroll2::-webkit-scrollbar{width:8px}/* 스크롤바 설정*/
.m .scroll2::-webkit-scrollbar-thumb{height:17%;background-color:rgba(86,106,229,.2);border:2px solid #fff;border-radius:10px}/* 스크롤바 막대 설정 :둥글게 설정*/
.m .scroll2::-webkit-scrollbar-track{background:transparent}/* 스크롤바 뒷 배경 설정*/
.m .scroll2-terms::-webkit-scrollbar{width:6px}/* 스크롤바 설정*/
.m .scroll2-terms::-webkit-scrollbar-thumb{height:38.208px;background-color:#B2B3BD;border-radius:10px}/* 스크롤바 막대 설정 :둥글게 설정*/
.m .scroll2-terms::-webkit-scrollbar-track{background:transparent}/* 스크롤바 뒷 배경 설정*/

.m .scroll3::-webkit-scrollbar{width:0}/* 스크롤바 설정*/
.m .scroll3::-webkit-scrollbar-thumb{height:17%;background-color:rgba(86,106,229,0.08);border-radius:10px}/* 스크롤바 막대 설정 :둥글게 설정*/
.m .scroll3::-webkit-scrollbar-track{background:transparent}/* 스크롤바 뒷 배경 설정*/

.m .width2-1{display:inline-block;width:552px;vertical-align:top}
.m .width3-1{display:inline-block;width:360px;vertical-align:top}
.m .width4-1{display:inline-block;width:264px;vertical-align:top}
.m .width4-2{display:inline-block;width:224px;vertical-align:top}
.m .width4-3{display:inline-block;width:230px;vertical-align:top}
.m .width5-1{display:inline-block;width:200px;vertical-align:top}
.m .width6-1{display:inline-block;width:168px;vertical-align:top}
.m .width7-1{display:inline-block;width:120px;vertical-align:top}
.m .width8-1{display:inline-block;width:90px;vertical-align:top}
.m .width9-1{display:inline-block;width:100px;vertical-align:top}
.m .width12-1{display:inline-block;width:72px;vertical-align:top}
.m .width34px{display:inline-block;width:34px;vertical-align:top}
.m .width50px{display:inline-block;width:50px;vertical-align:top}
.m .width52px{display:inline-block;width:52px;vertical-align:top}
.m .width60px{display:inline-block;width:60px;vertical-align:top}
.m .width76px{display:inline-block;width:76px;vertical-align:top}
.m .width78px{display:inline-block;width:78px;vertical-align:top}
.m .width80px{display:inline-block;width:80px;vertical-align:top}
.m .width97px{display:inline-block;width:97px;vertical-align:top}
.m .width104px{display:inline-block;width:104px;vertical-align:top}
.m .width110px{display:inline-block;width:110px;vertical-align:top}
.m .width118px{display:inline-block;width:118px;vertical-align:top}
.m .width125px{display:inline-block;width:125px;vertical-align:top}
.m .width128px{display:inline-block;width:128px;vertical-align:top}
.m .width132px{display:inline-block;width:132px;vertical-align:top}
.m .width140px{display:inline-block;width:140px;vertical-align:top}
.m .width145px{display:inline-block;width:145px;vertical-align:top}
.m .width150px{display:inline-block;width:150px;vertical-align:top}
.m .width160px{display:inline-block;width:160px;vertical-align:top}
.m .width164px{display:inline-block;width:164px;vertical-align:top}
.m .width176px{display:inline-block;width:176px;vertical-align:top}
.m .width152px{display:inline-block;width:152px;vertical-align:top}
.m .width192px{display:inline-block;width:192px;vertical-align:top}
.m .width202px{display:inline-block;width:202px;vertical-align:top}
.m .width270px{display:inline-block;width:270px;vertical-align:top}
.m .width288px{display:inline-block;width:288px;vertical-align:top}
.m .width298px{display:inline-block;width:298px;vertical-align:top}
.m .width370px{display:inline-block;width:370px;vertical-align:top}
.m .width393px{display:inline-block;width:393px;vertical-align:top}
.m .width400px{display:inline-block;width:400px;vertical-align:top}
.m .width525px{display:inline-block;width:525px;vertical-align:top}
.m .width595px{display:inline-block;width:595px;vertical-align:top}
.m .width700px{display:inline-block;width:700px;vertical-align:top}
.m .width1190px{display:inline-block;width:1190px;vertical-align:top}
.m .width100per{display:inline-block;width:100%;vertical-align:top}
.m .width95per{display:inline-block;width:95%;vertical-align:top}
.m .width90per{display:inline-block;width:90%;vertical-align:top}
.m .width70per{display:inline-block;width:70%;vertical-align:top}
.m .width60per{display:inline-block;width:60%;vertical-align:top}
.m .width50per{display:inline-block;width:50%;vertical-align:top}
.m .width40per{display:inline-block;width:40%;vertical-align:top}

.m .w640px{width:640px}
.m .w840px{width:840px}
.m .w1020px{width:1020px}

.m .min-width400px{min-width: 400px}

.m .max-width300px{max-width: 300px}
.m .max-width400px{max-width: 400px}
.m .max-width420px{max-width: 420px}

.m .fixed{display:none;position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:80%;max-width:800px;height:100vh}
.m .fixed-block{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.4)}
.m .fixed-block .contents{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;
    padding:38px 36px;width:20%;min-width:200px;
    border-radius:24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.1);border:1px solid #f3f4f6
}
.m .fixed-block .msg{font-size:16px;color:#222;font-weight:bold}
.m .fixed-block .btn-wrap{margin-top:20px;text-align:right}
.m .fixed-block .btn-wrap>.btn{margin-left:8px}
.m .fixed-block .btn-wrap>.btn:first-child{margin-left:0}

.m .fixed-block .modal{
    position:absolute;top:20%;bottom:20%;left:50%;transform:translateX(-50%);background:#fff;
    padding:24px 24px 36px 24px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,0.1);border:solid 1px #fafafa;
}
.m .fixed-block .modal-terms{
    position:absolute;top:20%;bottom:20%;left:50%;transform:translateX(-50%);background:#fff;
    padding:24px 24px 36px 24px;border-radius:12px;box-shadow:0 0 12px 0 rgba(0,0,0,0.1);
}
.m .fixed-block .modal.w500{width:500px}
.m .fixed-block .modal.w640{width:640px}
.m .fixed-block .modal.w840{width:840px}
.m .fixed-block .modal.w1020{width:1020px}

.m .fixed-block .modal .top-right{position:absolute;top:30px;right:24px}
.m .fixed-block .modal .ic-delete{width:24px;height:24px;background-size:100%}
.m .loading-img{
    width:32px;height:32px;background-position:right;background-size:100%;background-repeat:no-repeat;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/04/04/feaded6d9d2cdb769ea4fdfdd54362d0.gif")
}

.m .page-modal{
    position:absolute;top:0;left:0;padding:15px 20px;color:#3a3a3a;font-size:14px;border-radius:4px;
    background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,0.1);border:solid 1px #fafafa
}

.m .toast {
    position:fixed;max-width:800px;bottom:12vh;left:240px;display:none;
    padding:12px 16px;border-radius:8px;background:rgba(0, 32, 118, 0.70);
    word-break:break-all;font-size:14px;color:#fff;line-height:normal;font-weight:400;transform: translateX(0);
}

.m .toast.error-toast{border-radius:8px;background:rgba(239, 68, 68, 0.70)}
.m .toast.success-toast{background-color:#239c3e}
.m .toast .toast-badge{
    display:inline-block;background-size:18px 18px !important;background-position:center;background-repeat:no-repeat;
    width:20px;height:20px;border-radius:50%;margin-right:8px
}
.m .toast .toast-badge.error-badge{
    background-image:url(//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/05/18/50379e5975cdbcf33fdf75b4508e9dfe.svg)
}
.m .toast .toast-badge.success-badge{
    background-image:url(//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/05/18/92dc3b2fb916116c81c38cf3560265b1.svg)
}

.m .tooltip-title{color:#ffffff}
.m .tooltip-icon{
    position:absolute;
    background-size:16px;background-position:center;background-repeat:no-repeat;cursor:pointer;
    width:16px;height:16px;background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/28/863e8a79da1a755699e59db71ac87d81.svg")
}
.m .tooltip-icon:hover{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/28/edbb3c2719e33413607dab998545827e.svg")}
.m .tooltip-modal{
    display:none;position:absolute;left:60px;transform:translate(8px, 8px);z-index:1;
    padding:6px 8px;border-radius:4px;box-shadow:0 13.4px 22.1px 0 rgba(0, 0, 0, 0.08);background-color:#374151;font-size:12px;color:#fff;line-height:16px
}
.m .tooltip-modal.reverse{
    transform: translate(8px, calc(-100% - 8px));
}
.m .tooltip-close{
    position:absolute;top:7px;right:5px;
    background-size:100%;background-position:center;background-repeat:no-repeat;cursor:pointer;
    width:20px;height:20px;background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/b75c36cc2e7fd1dd1ae963de4b9c5002.svg")
}

/*--------------- icon img ----------------------------------------------------------*/
.m .ic-image,.m .ic-loading,
.m .ic-noti,.m .ic-success,.m .ic-ing,
.m .ic-search-white,
.m .ic-upload,
.m .ic-image-upload,
.m .ic-download,
.m .ic-plus,.m .ic-plus-white,
.m .ic-reset,.m .ic-refresh,
.m .ic-card,
.m .ic-memo,
.m .ic-delete,.m .ic-delete-red, .m .ic-delete-blue,
.m .ic-customer,
.m .ic-clock,
.m .ic-clock-red,
.m .ic-clock-white,
.m .ic-back,
.m .ic-trash,.m .ic-trash-white,.m .ic-trash-red,.m .ic-trash-gray,.m .ic-trash-green,.m .ic-trash-blue,
.m .ic-setting,
.m .ic-edit,.m .ic-edit2,.m .ic-edit2-white,
.m .ic-copy,
.m .ic-arrow-right,
.m .ic-arrow,
.m .ic-arrow-black,
.m .ic-moreBtn,.m .ic-arrow-up,.m .ic-arrow-down,
.m .ic-reset,
.m .ic-calendar, .m .ic-calendar-white, .m .ic-calendar-gray, .m .ic-map,.m .ic-true,.m .ic-false,.m .ic-folder,.m .ic-world, .m .ic-world-blue, .m .ic-close-blue{
    display:inline-block;width:16px;height:16px;background-size:16px;background-repeat:no-repeat;background-position:center
}
.m .ic-moreBtn{
    background-size:auto 12px;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2024/01/10/7878cfb3e9ead061468acd5eb16286f7.svg")
}
.m .ic-arrow-up{
    background-size:10px;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/09/21/3fa7b21c95d13e395fe431ffbfffc983.svg")
}
.m .ic-arrow-down{
    background-size:10px;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/09/21/f2b1c1dcaca9f7467a424a4ada5b4a73.svg")
}
.m .ic-member,
.m .ic-wait,.m .ic-check,.m .ic-warning{
    border:1px solid #efefef;width:24px;height:24px;
    border-radius:8px;
    background-size:12px !important;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#FFF
}
.m .ic-call,.m .ic-mail{
    width:24px;height:24px;
    border-radius:8px;
    background-size:24px !important;
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#FFF
}
.m .ic-info,.m .ic-info-blue{
    display:inline-block;border-radius:50%;width:14px;height:14px;
    background-size:14px;background-repeat:no-repeat;background-position:center
}

.m .ic-openNewTab{background-size:100%;background-repeat:no-repeat;background-position:center;width:10px;height:15px;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/05/30/ed5b59c4adbc38e28bbea21fe91b37d7.svg")
}
.m .ic-edit{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/04/07/83f2bd1bd1ff62c3c50bedf6a5a8e832.svg")}
.m .ic-edit2{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/06/26/8660281f9c75ba58fb832d4651414f49.svg")}
.m .ic-edit2-white{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2024/01/12/256331a3a7e5b7342497666362ed772d.svg")}
.m .ic-loading{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/09/13/3994bc4f3642551bd4537dcee49b90e7.gif")}
.m .ic-noti{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/06/30/e72f003fa773535ba479e9d5124b9c2d.svg")}
.m .ic-success{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/06/07/cc6f492c307eec40bbf0616d7f8f6104.svg")}
.m .ic-ing{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2023/02/08/a7071f755bc822bbb082274024728940.svg")}
.m .ic-search-white{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/26/bfa34185ec663bf9d53b9cfb057616d9.svg")}
.m .ic-upload{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/20/46d81b00b38ca3166b4a76d002c96a98.svg")}
.m .disabled .ic-upload{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/20/58bfcc47738116b1d01d6f0978680536.svg")}
.m .ic-image-upload{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/06/20/c7612a25144cc51d9b116c36781a9662.svg")}
.m .ic-download{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/20/33f3371133a07f39e5dccb6871bfdb1d.svg")}
.m .ic-plus{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/13/803ec7b49720e1cc508bd0a68a1e904a.svg")}
.m .ic-plus-white{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2024/01/12/ee95096f82d3c198a7c03498162f6903.svg")}
.m .ic-reset{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/09/16/d6dac34bbd6042dd83c6f3d066a45a34.svg")}
.m .ic-refresh{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/13/5205cca72338438ce468f5fc33fce5cb.svg")}
.m .ic-card{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/25/34ea59f4493e9b74106a1cf0a14d37df.svg")}
.m .ic-delete{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/06/3ec263751cdbf2ed994bfcaefe6e6d7c.svg")}
.m .ic-delete-red{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/08/59b14f40513da92384d16f5bd43e9cb9.svg")}
.m .ic-delete-blue{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/fc9fb719e3dca686482e499c0ccac95b.svg")}
.m .ic-customer{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/25/b70cd7682e5ff2c864e2b78d5dd1e2a9.svg")}
.m .ic-clock{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/22/d1f50158bda55ba6d2afd9250e701e27.svg")}
.m .ic-clock-red{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/17/27e49e6d3d4ff146d152a049ac4abd64.svg")}
.m .ic-clock-white{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/17/c2d744d17db2a9ee55d58a63af8ca162.svg")}
.m .ic-back{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/4fa3dba354f53deed630edfc2be3e7d5.svg")}
.m .ic-trash{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/09/843dcbcead9fc9685e44f279e8a889be.svg")}
.m .ic-trash-white{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/12/7f63e072dd0b80884fea82c33d28fa72.svg")}
.m .ic-trash-red{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/12/4eba284e13f37be040906ee788d0dc8a.svg")}
.m .ic-trash-gray{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2024/02/13/ddfed8a6b08c52379085dbfb888b5b4d.svg")}
.m .ic-trash-blue{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/3790dd1ec6f750bc930118b47f882d69.svg")}
.m .ic-trash-green{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/10/25/bb7223f9465d34071090b64c1027a22d.svg")}
.m .ic-setting{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/24/e603452d626fe36eba372d00e6879da1.svg")}
.m .ic-close-blue{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/fc9fb719e3dca686482e499c0ccac95b.svg")}
.m .btn-close-size16{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/a0c33f146f90231a41a8e099bd37aa9f.svg")}
.m .btn-close-size24{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/28827e5cadb1adb3f49182c47010d622.svg")}
.m .btn-arrow{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/bb8349b14e3145992057e6deb6556b20.svg")}
.m .btn-arrow-gray{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/07/27/87343f569f0b1487db2a89bae102c221.svg")}
.m .ic-copy{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/12/4bca69937b4deaf9526641aadcc26443.svg")}
.m .ic-wait{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/27/69b18ea840849af9514135c1ade2f4ac.svg")}
.m .ic-check{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/27/65f4dbdafa346f879f242619071cd881.svg")}
.m .ic-warning{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/27/3dbba5e51dbbc2ae903b54637bd292f5.svg")}
.m .ic-arrow-right{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/05/23/5020df207984f596e4d8f6a8f3163361.svg")}
.m .ic-calendar{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/05/84bd53b7a01d7644f65ac2001eb05b79.svg")}
.m .ic-calendar-white{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2023/03/02/d043f861272c567c32fc7bbe060ec6ec.svg")}
.m .ic-calendar-gray{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/05/30/9b1cdadac5f08070c55d65377741f38b.svg")}
.m .ic-map{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/05/7765c75ed54a7f1f60a32eb4c7665503.svg")}
.m .ic-true{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/05/7b73b855c408c31da70f2774e4448e7b.svg")}
.m .ic-false{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/05/145bdf81ff1183aceb3db9d78d1fa217.svg")}
.m .ic-map{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/05/7765c75ed54a7f1f60a32eb4c7665503.svg")}
.m .ic-folder{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/05/3cd1c1198e35f28fc714849dd1fc4ec8.svg")}
.m .ic-world{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/06/16/cb560c5f69a846d21601cc04fbfe331d.svg")}
.m .ic-world-blue{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/09/13/4b8a470a94c5322842085f12ad0bcdb7.svg")}
.m .ic-arrow{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/22/9713193acc608837f4bb374ee087aa47.svg")}
.m .ic-arrow-black{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/22/f11d9d784b4b3c44f0588affa6dd77ec.svg")}
.m .ic-call{background-image: url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/28/5a71cdd47fad3993927b5872d2a6a370.svg")}
.m .ic-mail{background-image: url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/28/1657f29357e059ee6e5f7d0ddb9b93aa.svg")}

.m .ic-memo{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_medi/2022/04/18/b2fedd2cfd296d88fae3f9690863a167.svg")}
.m .ic-none{background-image:none;width:14px;height:14px}
.m .ic-info{
    background-color:#39387d;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/27/3dbba5e51dbbc2ae903b54637bd292f5.svg")
}
.m .ic-info-blue{
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/13/309ac34ac409aace4ead8d4bc47346f2.svg")
}
.m .ic-new{font-size:13px;width:18px;height:18px;line-height:18px;text-align:center;background-color:orange;color:#ffffff;font-weight:bold;border-radius:10px;margin:10px 8px}
.m .ic-info2{
    display:inline-block;border-radius:50%;background-size:20px auto;width:14px;height:14px;background-color:#dc2626;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2021/10/27/3dbba5e51dbbc2ae903b54637bd292f5.svg')
}
.m .ic-info3{
    display:inline-block;border-radius:50%;background-size:20px auto;width:14px;height:14px;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/28/863e8a79da1a755699e59db71ac87d81.svg')
}

.m .ic-expand{
    padding:8px;width:16px !important;height:16px !important;background-size:16px 16px !important;
    background-image:url("//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/05/26/bafb5c95106d8c5faf2b5f1c5439d729.svg")
}
.m .ic-delivery-icon{
    display:inline-block;width:20px;height:20px;
    background-size:100%;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2022/04/29/6cb9006f9d75f446ae07d62bcd32176a.svg')
}
.m .ic-next{
    display:inline-block;width:15px;height:15px;
    background-size:100%;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_medi/2022/01/24/8b8cb048372cf6c3888bfbeeff1015b5.svg')
}
.m .ic-return{
    display:inline-block;width:20px;height:20px;
    background-size:100%;background-repeat:no-repeat;background-position:center;
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_medi/2022/01/26/b5eea50ff042626f7c61d8b1063828a4.svg')
}
.m .ic-rock{
    background-image:url('//s3.ap-northeast-2.amazonaws.com/m42admin-v1/2023/02/03/8b2f26f951f0cb5ec2b1253e46c99035.svg');
    background-repeat:no-repeat;background-position:center;background-size:14px;width:18px;height:18px
}

.m .ic-pdf,.m .ic-doc,.m .ic-excel,.m .ic-doc-default{
    display:inline-block;width:30px;height:39px;
    background-size:100%;background-repeat:no-repeat;background-position:center
}
.m .ic-pdf{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/06/2d2fcba1ac87d6edfd4a4163638cf3e4.svg")}
.m .ic-doc{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/06/734769f62a7dcde9fd867f520e2291d9.svg")}
.m .ic-excel{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/17/fca1ece2f6883db4f29939403365f869.svg")}
.m .ic-doc-default{background-image:url("//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/03/23/b52ffd046ba446443632fc8acf24abc8.svg")}
.m .ic-reset{background-image:url("//s3.ap-northeast-2.amazonaws.com/ips-upload.mobility42.io/resource/2024/02/13/8c9db835a304272265fb29c86d538a0a.svg")}

/*아이콘만 있는 버튼*/
.m .ic-btn:hover{cursor:pointer}

/*------ box-show ------------------------------------------------------------------------------------------*/
.m .box-shadow,.m .view-border,.m .border-item{font-size:14px;line-height:20px;color:#1F2937;font-style: normal; font-weight: 400; letter-spacing: -1px}
.m .box-shadow,.m .box-shadow-small{position:relative; border-radius:12px;box-shadow:0 4px 25px 0 rgba(0,0,0,0.04);background-color:#fff;padding:24px 48px 36px 32px}
.m .box-shadow-list .box-shadow.focus{border:solid 2px #1F2937;padding: 14px 22px}
.m .box-shadow.expire{background-color: #f2f2f2}
.m .box-shadow-small{padding:4px 12px}
.m .box-shadow-list .box-shadow{margin-bottom:15px; padding: 16px 24px}
.m .box-shadow-list .box-shadow:last-child{margin-bottom:0}

.m .view-border{box-sizing:border-box;position:relative;padding:14px;border-radius:16px;border:solid 1px #ebebeb;font-size:14px}
.m .view-border.dragover{border-color:#566ae5}
.m .view-border.focus{border:solid 1px #000000}
.m .view-border-list>.view-border{margin-bottom:15px}
.m .view-border-list>.view-border:last-child{margin-bottom:0}

.m .border-item-list .border-item{position:relative;padding:20px 24px;border-radius:12px;border:solid 1px #e8ebf5;background-color:#FFFFFF;margin-bottom:15px}
.m .border-item-list .border-item:hover{position:relative;border-color:rgba(86, 106, 229, 0.4);background-color:rgba(86, 106, 229, 0.04)}
.m .border-item-list .border-item:last-child{margin-bottom:0}

.m .box-depth2{position:relative;padding:14px;border-radius:16px;font-size:14px;line-height:20px;color:#30374c;background-color:rgba(86,106,229,0.04)}

.m .view-border .sub-empty{margin-top:15px;border-radius:4px;padding:32px;background-color:rgba(248,249,252,0.6);font-size:14px;color:#3a3a3a;text-align:center}
.m .view-border .sub-list{padding-top:7px}
.m .view-border .sub-list-item{position:relative;margin-top:8px;border-radius:4px;padding:15px;background-color:rgba(248,249,252,0.6);font-size:14px;color:#3a3a3a}
.m .view-border .sub-list-item .top-right{position:absolute;top:32px;right:32px}
.m .view-border .sub-list-item .inline-label{font-weight:bold;width:130px}

.m .view-border .sub-list-item .sub-label{display:inline-block;width:80px}
.m .view-border .sub-list-item .sub-price{display:inline-block;width:250px;text-align:right}
.m .view-border .sub-list-item .sub-price.minus{color:#dc2626}

.m .view-border .sub-list-item .border-top{position:relative;border-top:1px solid #efefef;margin-top:16px;padding-top:16px}

.m .view-border .border-top{position:relative;border-top:1px solid #efefef;margin-top:24px;padding-top:24px}
.m .view-border .border-top .top-right{position:absolute;top:24px;right:0}

.m .log-list-item{margin-top:20px;position:relative}
.m .log-list-item .top-right{position:absolute;top:0;right:0}
.m .view-border .log-list-item .sub-list-item{padding:12px 32px}
.m .list-empty{padding-top:80px;text-align:center;color:#a2a2a2;font-size:14px}

/*--------------- label,value ----------------------------------------------------------*/
.m .view-label{font-size:12px;color:#a2a2a2}
.m .view-text{color:#1F2937;font-size:14px;font-style:normal;font-weight:400;line-height:20px;word-break:break-all;letter-spacing:-1px}/*;font-weight:bold #1f2937*/
.m .view-text.white{color: #FFF}
.m .view-text.bold{font-weight: 700}
.m .view-btn-text{color: #FFF; font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: -1px}
.m .view-btn-text.black{color: #11142d}
.m .view-btn-text.blue{color: #566AE5}
.m .view-value {color:#1F2937;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-1px;}
.m .view-description {color:#B2B3BD;font-size:12px;font-style:normal;font-weight:400;line-height:19px;letter-spacing:-1px}
.m .view-description.black {color: #1F2937}
.m .view-value.red, .m .view-text.red {color:#DC2626}
.m .view-value.gray, .m .view-text.gray {color:#666666}
.m .view-value.lightgray, .m .view-text.lightgray {color:#B2B3BD}
.m .view-value.small, .m .view-text.small {font-size:10px}

.m .empty-text{font-size:14px;line-height:16px;font-weight:bold;color:#b2b3bd}
.m .input-inline-label,.m .input-block-label{color:#B2B3BD;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:-1px;}
.m .input-inline-label{display:inline-block}
.m .input-block-label{display:block;margin-bottom:8px}

.m .state-red,.m .state-blue,.m .state-green,.m .state-gray,.m .state-lightgray,.state-purple,.m .state-darkgray{display:inline-block;padding:5px 16px;border-radius:8px;line-height:20px;font-size:14px}
.m .state-red{background:#ef4444;color:#ffffff}
.m .state-blue{background:rgba(86, 106, 229, 0.08);color:#566AE5}
.m .state-blue.info{padding:5px 0px 5px 16px; font-style: normal; font-weight: 400; line-height: normal}
.m .state-green{background:#edf7f0;color:#239c3e}
.m .state-green.info{font-size: 11px;font-style: normal; font-weight: 400; line-height: normal}
.m .state-green.info.bold{font-weight: 700}
.m .state-gray{background:#fafafa;color:#666666}
.m .state-gray.info{font-size: 11px;font-style: normal; font-weight: 400; line-height: normal}
.m .state-gray.info.bold{font-weight: 700;}
.m .state-darkgray{background-color:#FAFAFA;color:#666}
.m .state-darkgray .view-text{color:#666}
.m .state-lightgray{background:#fafafa;color:#666666}
.m .state-purple{background:rgba(134,117,255,0.2);color:black}
.m .state-badge {display:inline-block;color:#FFF;border-radius:12px;padding:0 4px;line-height:16px;height:16px;min-width:8px;text-align:center;font-weight:bold}
.m .state-badge.green {background:#239c3e}

.m .page{text-align:center;margin-top:36px;-webkit-user-select:none}
.m .page .page-prev,.m .page .page-next{display:inline-block;vertical-align:middle;width:26px;height:26px;background-size:16px;background-repeat:no-repeat;background-position:center;cursor:pointer}
.m .page .page-prev{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/15/dc3c87f0f56d492163f7f4b5dad42db9.svg')}
.m .page .page-prev.disabled{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/844ec9e79ddafdb28da7a83c74396bf3.svg');cursor:default}
.m .page .page-next{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/15/445d60831c1b13eefc76b487221014be.svg')}
.m .page .page-next.disabled{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/02/16/16b568846ca7cc7666ae93046a784806.svg');cursor:default}
.m .page .page-list{display:inline-block;vertical-align:middle;margin-left:0px}
.m .page .page-list-page{display:inline-flex;box-sizing:border-box;padding:1px 7px;margin:0 2.5px;font-size:14px;font-weight:600;height:24px;line-height:22px;color:#1F2937;background-color:#fff;border-radius:12px;text-align:center;cursor:pointer}
.m .page .page-list-page:hover{background-color:rgba(86,106,229,0.4)}
.m .page .page-list-page.selected{background-color:#566ae5;color:#fff}

/*--- margin ----------------------------------------------*/
.m .margin-left75{display:inline-block;margin-left:75px}
.m .margin-left70{display:inline-block;margin-left:70px}
.m .margin-left69{display:inline-block;margin-left:69px}
.m .margin-left54{display:inline-block;margin-left:54px}
.m .margin-left52{display:inline-block;margin-left:52px}
.m .margin-left40{display:inline-block;margin-left:40px}
.m .margin-left36{display:inline-block;margin-left:36px}
.m .margin-left32{display:inline-block;margin-left:32px}
.m .margin-left30{display:inline-block;margin-left:30px}
.m .margin-left24{display:inline-block;margin-left:24px}
.m .margin-left20{display:inline-block;margin-left:20px}
.m .margin-left16{display:inline-block;margin-left:16px}
.m .margin-left15{display:inline-block;margin-left:15px}
.m .margin-left12{display:inline-block;margin-left:12px}
.m .margin-left10{display:inline-block;margin-left:10px}
.m .margin-left8{display:inline-block;margin-left:8px}
.m .margin-left6{display:inline-block;margin-left:6px}
.m .margin-left4{display:inline-block;margin-left:4px}

.m .margin-right75{display:inline-block;margin-right:75px}
.m .margin-right40{display:inline-block;margin-right:40px}
.m .margin-right36{display:inline-block;margin-right:36px}
.m .margin-right32{display:inline-block;margin-right:32px}
.m .margin-right30{display:inline-block;margin-right:30px}
.m .margin-right24{display:inline-block;margin-right:24px}
.m .margin-right20{display:inline-block;margin-right:20px}
.m .margin-right16{display:inline-block;margin-right:16px}
.m .margin-right15{display:inline-block;margin-right:15px}
.m .margin-right12{display:inline-block;margin-right:12px}
.m .margin-right10{display:inline-block;margin-right:10px}
.m .margin-right8{display:inline-block;margin-right:8px}
.m .margin-right6{display:inline-block;margin-right:6px}
.m .margin-right4{display:inline-block;margin-right:4px}

.m .margin-top50{display:block;margin-top:50px}
.m .margin-top40{display:block;margin-top:40px}
.m .margin-top36{display:block;margin-top:36px}
.m .margin-top32{display:block;margin-top:32px}
.m .margin-top30{display:block;margin-top:30px}
.m .margin-top28{display:block;margin-top:28px}
.m .margin-top25{display:block;margin-top:25px}
.m .margin-top24{display:block;margin-top:24px}
.m .margin-top20{display:block;margin-top:20px}
.m .margin-top16{display:block;margin-top:16px}
.m .margin-top15{display:block;margin-top:15px}
.m .margin-top12{display:block;margin-top:12px}
.m .margin-top10{display:block;margin-top:10px}
.m .margin-top8{display:block;margin-top:8px}
.m .margin-top6{display:block;margin-top:6px}
.m .margin-top4{display:block;margin-top:4px}

.m .margin-bottom50{display:block;margin-bottom:50px}
.m .margin-bottom40{display:block;margin-bottom:40px}
.m .margin-bottom36{display:block;margin-bottom:36px}
.m .margin-bottom30{display:block;margin-bottom:30px}
.m .margin-bottom25{display:block;margin-bottom:25px}
.m .margin-bottom24{display:block;margin-bottom:24px}
.m .margin-bottom20{display:block;margin-bottom:20px}
.m .margin-bottom16{display:block;margin-bottom:16px}
.m .margin-bottom15{display:block;margin-bottom:15px}
.m .margin-bottom12{display:block;margin-bottom:12px}
.m .margin-bottom10{display:block;margin-bottom:10px}
.m .margin-bottom8{display:block;margin-bottom:8px}
.m .margin-bottom6{display:block;margin-bottom:6px}
.m .margin-bottom4{display:block;margin-bottom:4px}
.m .margin-bottom0{display:block;margin-bottom:0}

.m .padding-left8{padding-left:8px}
.m .padding-left6{padding-left:6px}
.m .padding-left32{padding-left:32px}

.m .padding-bottom4{padding-bottom:4px}
.m .padding-bottom16{padding-bottom:16px}
.m .padding-bottom40{padding-bottom:40px}

.m .gap8{gap:8px}

/*--- flex ----------------------------------------------*/
.m .flex2-wrapper,.m .flex3-wrapper,.m .flex4-wrapper{display:flex;flex-wrap:wrap}

.m .flex2-item{flex-shrink:1;width:calc(50% - 8px)}
.m .flex2-item.item3-2{width:calc(66.6% - 8px)}
.m .flex2-item.item3-1{width:calc(33.4% - 8px)}
.m .flex2-wrapper>.flex2-item:nth-child(2n-1){margin-right:8px}
.m .flex2-wrapper>.flex2-item:nth-child(2n){margin-left:8px}

.m .flex3-item{flex-shrink:1;width:calc(33.3% - 16px)}
.m .flex3-wrapper>.flex3-item:nth-child(3n-2){margin-right:16px}
.m .flex3-wrapper>.flex3-item:nth-child(3n-1){margin-left:8px;margin-right:8px;width:calc(33.4% - 16px)}
.m .flex3-wrapper>.flex3-item:nth-child(3n){margin-left:16px}

.m .flex4-item{flex-shrink:1;width:calc(25% - 18px)}
.m .flex4-wrapper>.flex4-item:nth-child(4n-3){margin-right:18px}
.m .flex4-wrapper>.flex4-item:nth-child(4n-2){margin-left:6px;margin-right:12px}
.m .flex4-wrapper>.flex4-item:nth-child(4n-1){margin-left:12px;margin-right:6px}
.m .flex4-wrapper>.flex4-item:nth-child(4n){margin-left:18px}

.m .flex6-1{flex:16.6%;margin-right:24px}
.m .flex12-1{flex:8.3%;margin-right:24px}

.m .flex{display:flex}
.m .flex-center{display:flex;align-items:center}
.m .flex-start{display:flex;align-items:start}
.m .flex-end{display:flex;align-items:end}
.m .flex-content-end{display:flex;justify-content:end}
.m .flex-baseline{display:flex;align-items:baseline}
.m .flex-between{display:flex;justify-content:space-between}
.m .flex-between-center{display:flex;justify-content:space-between;align-items:center}
.m .flex-center-center{display:flex;justify-content:center;align-items:center}
.m .flex-between-start{display:flex;justify-content:space-between;align-items:start}
.m .flex-between-end{display:flex;justify-content:space-between;align-items:end}
.m .flex-grow-1{flex-grow:1}
.m .flex-grow-2{flex-grow:2}
.m .flex-basis-0{flex-basis:0}
.m .flex-shrink-0{flex-shrink:0}
.m .flex-wrap{flex-wrap:wrap}

.m .displayNone{display:none}
/*--- z-index ----------------------------------------------*/
.m .comp-scheduler{z-index:1}
.m .menu{z-index:2}
.m .menu .menu-list{z-index:2}
.m .menu .user,.m .menu .user-menu{z-index:3}
.m .menu .user-info{z-index:4}

.m .menu .sub-item{z-index:2}
.m .menu .sub-sub-list{z-index:1}

.m .input-date .calendar{z-index:100}
.m .input-data .list-wrap{z-index:100}
.m .popup-wrapper{z-index:100}
.m .input-time .hour-min{z-index:100}
.m .comp-selectbox .item-list{z-index:100}
.m .tooltip-wrap{z-index:200}
.m .fixed-block{z-index:300}


/*--- eView ----------------------------------------------*/
.m .cdata-default{text-decoration-line:line-through;text-decoration-color:rgba(0,0,0,.25)}
.m .rsc-error{text-decoration-line:line-through;text-decoration-color:rgba(255,0,0,.25)}

.m .form-error{margin:8px 0 0 0 !important;color:#dc2626 !important;font-size:12px !important;font-style:normal;font-weight:400;line-height:16px;letter-spacing:-1px;}

/*--- tab list ----------------------------------------------*/
.m .tab-list-dot{min-width:6px;height:6px;background:red;border-radius:50%;display:block;position:relative;top:-8px;right:-6px}
.m .nav-title-area{padding:0 36px;position:relative}
.m .nav-title-area .tab-list{margin-top:20px}

.m .tab-list-wrap{position:relative;padding:2px;border-radius:12px;background-color:#f7f7f7}
.m .tab-list-wrap .tab-list{display:flex;align-items:center;justify-content:space-between;position:relative;color:#11142d;font-weight:500}
.m .tab-list-wrap .tab-list .tab{
    position:relative;padding:12px;
    cursor:pointer;flex-basis:auto;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:24px
}
.m .tab-list-wrap .tab-list .tab.selected{color:#ffffff;font-weight:700}
.m .tab-list-wrap .tab-list .tab:first-child,.m .tab-list-wrap .tab-list .tab:last-child{padding:12px 15px}
.m .page-contents-depth2 .tab-list-wrap{background-color:#FFFFFF}

.m .tab-border-wrap{position:relative}
.m .tab-border-wrap .tab-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;border-bottom:2px solid #e5e7eb}
.m .tab-border-wrap .tab-list .tab{cursor:pointer;flex-grow:0;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:20px;letter-spacing:-1px}
.m .tab-border-wrap .tab-list .tab{padding:12px 16px}
.m .tab-border-wrap .tab-list .tab{position:relative;color:#1F2937;border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-2px}
.m .tab-border-wrap .tab-list .tab.selected{color:#566ae5;font-weight:700;width:max-content;border-bottom-color:#566ae5}


/*.m .tab-list-wrap{position:relative;padding:2px;border-radius:12px;background-color:#f7f7f7}
.m .tab-list-wrap .tab-list,.m .tab-list-wrap .tab-selected-list{display:flex;align-items:center;justify-content:space-between}
.m .tab-list-wrap .tab-list{position:relative}
.m .tab-list-wrap .tab-list .tab,.m .tab-list-wrap .tab-selected-list .tab{
    position:relative;padding:12px;
    cursor:pointer;flex-basis:auto;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:24px
}
.m .tab-list-wrap .tab-list .tab .tab-area{color:#FF0000;font-weight:700;visibility:hidden}
.m .tab-list-wrap .tab-list .tab .tab-contents{position:absolute;left:50%;transform:translateX(-50%);width:max-content}
.m .tab-list-wrap .tab-list{color:#11142d;font-weight:500}
.m .tab-list-wrap .tab-selected-list .tab{color:#ffffff;font-weight:700}
.m .tab-list-wrap .tab-list .tab:first-child,.m .tab-list-wrap .tab-list .tab:last-child,
.m .tab-list-wrap .tab-selected-list .tab:first-child,.m .tab-list-wrap .tab-selected-list .tab:last-child{padding:12px 15px}
.m .tab-list-wrap .tab-selected-list .tab{width:max-content}
.m .tab-list-wrap .tab-selector{position:absolute;top:2px;left:0;bottom:2px;overflow:hidden}
.m .tab-list-wrap .tab-selected-list{position:absolute;left:0}
.m .tab-list-wrap .tab-selector-bg{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:12px;box-shadow:0 0 4px 0 rgba(0,0,0,0.08);background-image:linear-gradient(to right, #566ae5 0%, #6c5dd3)}
.m .page-contents-depth2 .tab-list-wrap{background-color:#FFFFFF}

.m .tab-border-wrap{position:relative}
.m .tab-border-wrap .tab-list,.m .tab-border-wrap .tab-selected-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.m .tab-border-wrap .tab-list{position:relative;border-bottom:2px solid #e5e7eb}
.m .tab-border-wrap .tab-list .tab,.m .tab-border-wrap .tab-selected-list .tab{cursor:pointer;flex-grow:0;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:20px;letter-spacing:-1px}
.m .tab-border-wrap .tab-list .tab,.m .tab-border-wrap .tab-selected-list .tab{padding:12px 16px}
.m .tab-border-wrap .tab-list .tab{position:relative;color:#1F2937;border-bottom:2px solid rgba(0,0,0,0)}
.m .tab-border-wrap .tab-list .tab.selected{color:#566ae5;font-weight:700;width:max-content;border-bottom-color:#566ae5}
.m .tab-border-wrap .tab-list .tab .tab-area{color:#FF0000;font-weight:700;visibility:hidden}
.m .tab-border-wrap .tab-list .tab .tab-contents{position:absolute;left:50%;transform:translateX(-50%);width:max-content}
.m .tab-border-wrap .tab-selected-list .tab{color:#566ae5;font-weight:700;width:max-content}
.m .tab-border-wrap .tab-selector{position:absolute;top:0;left:0;bottom:0;overflow:hidden}
.m .tab-border-wrap .tab-selected-list{position:absolute;left:0}
.m .tab-border-wrap .tab-selector-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:#FFFFFF;border-bottom:2px solid #566ae5}*/

.m .tab-bold-wrap{position:relative}
.m .tab-bold-wrap .tab-selected-list{display:none}
.m .tab-bold-wrap .tab-list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.m .tab-bold-wrap .tab-list{position:relative}
.m .tab-bold-wrap .tab-list .tab{
    position:relative;cursor:pointer;flex-grow:0;display:flex;justify-content:center;align-items:center;
    font-size:14px;line-height:20px; letter-spacing: -1px;padding-right:16px;color:#1F2937;
}
.m .tab-bold-wrap .tab-list .tab .tab-area{color:#FF0000;font-weight:700;visibility:hidden}
.m .tab-bold-wrap .tab-list .tab .tab-contents{position:absolute;left:50%;transform:translateX(-50%);width:max-content}
.m .tab-bold-wrap .tab-list .tab.selected{font-weight:700;width:max-content}

.m .popup-wrapper{display:none;position:fixed;top:0;left:0;bottom:0;right:0}
.m .popup-wrapper.block{background:rgba(0,0,0,0.4)}
.m .popup-wrapper .popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px 24px;background-color:#fff;border-radius:12px;box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.1);border:solid 1px #fafafa;display:flex;flex-direction:column;justify-content:space-between}
.m .popup-wrapper .popup .popup-title{font-size:26px;color:#3a3a3a;font-weight:bold}
.m .popup-wrapper .popup .popup-contents{font-size:14px;color:#666}
.m .popup-wrapper .popup .btn-wrapper{display:flex;justify-content:right}

.m .toggle-border{display:inline-flex !important}
.m .toggle-border-item{margin-right:10px;padding:5px 15px;display:flex;align-items:center;font-size:14px;line-height:20px;min-height:40px;color:#11142d;border:1px solid #EFEFEF;border-radius:8px;cursor:pointer}
.m .toggle-border-item.selected{font-weight:bold;background:#ffffff;border-color:#11142d;outline:1px solid #11142d}
.m .toggle-border-item.disabled{color:#b2b3bd;background:#fafafa;cursor:default}

.m .toggle-list{display:flex;align-items:center;padding:4px;border-radius:6px;background-color:#f7f7f7}
.m .toggle-list-item{padding:4px 8px;border-radius:6px;color:#11142d;font-size:12px;cursor:pointer}
.m .toggle-list-item.selected{box-shadow:0 0 4px 0 rgba(0,0,0,0.08);background-image:linear-gradient(to right,#566ae5 0%,#6c5dd3);color:#FFFFFF;cursor:default}

.m .border-box {box-sizing:border-box}

/*-------lnb-language---------*/
.m .lnb-language .comp-selectbox{background:linear-gradient(to right,#31375c 0%,#2b2950 100%);border:none;box-shadow:none;padding:0 0 0 12px}
.m .lnb-language .comp-selectbox .selectbox{color:#fff}
.m .lnb-language .comp-selectbox .arrow{right:0;top:1px;background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/08/07/844a2d8c8a5b57d0fd48f17fc6c1b759.svg')}
.m .lnb-language .comp-selectbox.focused .arrow{background-image:url('//s3.ap-northeast-2.amazonaws.com/m42resource/m42_comp3/2023/09/21/5a3ed36172d39e37ce231dd2f1366c6c.svg')}
.m .lnb-language .comp-selectbox .item-list{background-color:#262a49;border:none;top:24px}