/* Tab */
.c-tab{
    display:flex;
    flex-wrap:wrap;
}
.c-tab button,
.c-tab a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:32px;
    padding:0 12px;
    margin-right:16px;
    border-radius:8px;
    color:#646669;
    font-size:13px;
    line-height:1;

    transition:all 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.c-tab button:last-child,
.c-tab a:last-child{
    margin-right:0;
}
.c-tab button:hover,
.c-tab a:hover{
    background-color:#fff;
}
.c-tab button[selected],
.c-tab a[selected],
.c-tab .selected,
.c-tab .selected:hover{
    background-color:#646669;
    color:#fff;
}
.c-tab button[selected='true']{
    background-color:#fff;
    color:#222;
}
/*.c-tab button + button,
.c-tab a + a{
    margin-left:16px;
}*/
.c-tab button img + span,
.c-tab button span + img,
.c-tab button i + span,
.c-tab button span + i{
    margin-left:8px;
}
.c-tab button em{
    display:inline-flex;
    align-items:center;
    height:16px;
    padding:0 6px;
    margin-left:8px;
    border-radius:8px;
    color:#191f28;
    font-weight:600;
    font-size:11px;
}
.c-tab button .bg--darkgray{
    background-color:#646669;
    color:#fff;
}
.c-tab button .bg--gray{
    background-color:#cacccf;
}
.c-tab button .bg--lightgray{
    background-color:#e8e8e8;
}
.c-tab button .bg--green{
    background-color:#00cf7f;
    color:#fff;
}
.c-tab button .bg--lightgreen{
    background-color:#d4ffd1;
}
.c-tab button .bg--red{
    background-color:#DC5D5D;
    color:#fff;
}
.c-tab button .bg--pink{
    background-color:#ffe3e3;
}
.c-tab button .bg--orange{
    background-color:#ec643a;
    color:#fff;
}
.c-tab button .bg--yellow{
    background-color:#fff0ba;
}
.c-tab button .bg--blue{
    background-color:#1781f4;
    color:#fff;
}
.c-tab button .bg--skyblue{
    background-color:#d9f8ff;
}
.c-tab button .bg--purple{
    background-color:#402982;
    color:#fff;
}
.c-tab button .bg--lightpurple{
    background-color:#e9e1ff;
}
.c-tab button .bg--bluegreen{
    background-color:#3bc8bf;
    color:#fff;
}
.c-tab button .bg--aqua{
    background-color:#ccebe9;
}
.c-tab button .bg--darkgreen{
    background-color:#00CF7F;
}
.c-tab button .class-1{
    background-color:#c4e7ef;
    color:#0f5464;
}
.c-tab button .class-2{
    background-color:#ffd8d8;
    color:#555454;
}
.c-tab button .class-3{
    background-color:#dbe9ff;
    color:#2a5697;
}
.c-tab button .class-4{
    background-color:#819ac6;
    color:#2a5697;
}

.c-tab-group{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px;
    border-radius:8px;
    background-color:#f2f2f2;
}
.c-tab-group.bg--dark{
    background-color:#E8E8E8;
}
.c-tab-group button,
.c-tab-group a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:32px;
    padding:0 12px;
    margin:0;
    border-radius:8px;
    color:#646669;
    line-height:1;
}
.c-tab-group button + button,
.c-tab-group a + a{
    margin-left:8px;
}
.c-tab-group button[selected],
.c-tab-group a[selected],
.c-tab-group .selected{
    background-color:#fff;
    color:#191f28;
}
.c-tab-group.theme--line{
    flex-wrap:nowrap;
    padding:0;
    border:1px solid #dddede;
    border-radius:7px;
    overflow:hidden;
}
.c-tab-group.theme--line button,
.c-tab-group.theme--line a{
    font-weight:600;
    border-radius:0;
    background-color:#fff;
    color:#000;
}
.c-tab-group.theme--line button[selected],
.c-tab-group.theme--line a[selected],
.c-tab-group.theme--line .selected{
    background-color:#f5f5f5;
    color:#000;
}
.c-tab-group.theme--line button + button,
.c-tab-group.theme--line a + a{
    margin-left:0;
    border-left:1px solid #dddede;
}
.c-tab-group.theme--line2{
    padding:0;
    border:1px solid #dddede;
    border-radius:6px;
}
.c-tab-group.theme--line2 button{
    margin:0;
    color:rgba(0,0,0,.4);
    background-color:#f4f4f6;
    border-radius:0;
}
.c-tab-group.theme--line2 button:first-child{
    border-top-left-radius:inherit;
    border-bottom-left-radius:inherit;
}
.c-tab-group.theme--line2 button:last-child{
    border-top-right-radius:inherit;
    border-bottom-right-radius:inherit;
}
.c-tab-group.theme--line2 button[selected]{
    font-weight:600;
    color:#fff;
    background-color:#646669;
}
.c-tab-group.theme--line2 button + button{
    margin:0;
}
.c-tab-group.theme--black{
    height:34px;
    padding:0 7px;
    background-color:#4a4a4a;
    border-radius:7px;
}
.c-tab-group.theme--black button{
    height:22px;
    padding-left:6px;
    padding-right:6px;
    font-weight:400;
    font-size:13px;
    border-radius:3px;
    color:#fff;
}
.c-tab-group.theme--black button:hover{
    background-color:transparent;
}
.c-tab-group.theme--black button[selected]{
    background-color:#fff;
    color:#222;
    font-weight:600;
}
.c-tab-group.theme--black button + button{
    margin-left:0;
}
.c-tab-line{
    display:flex;
    border-bottom:1px solid #DDDEDE;
}
.c-tab-line button{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    height:47px;
    font-weight:500;
    color:#989898;
}
.c-tab-line button[selected]{
    font-weight:600;
    color:#000;
}
.c-tab-line button[selected]:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:4px;
    background-color:#000;
}

/* Tooltip */
.c-tooltip{
    z-index:1;
    display:none;
    position:absolute;
    vertical-align:middle;
    background-color:#fff;
    border:1px solid #cacccf;
    box-shadow:0 4px 20px rgba(0, 0, 0, .1);
    border-radius:10px;
    text-align:left;
}
*:hover > .c-tooltip{
    display:inline-block;
}
.c-tooltip.top--left{
    top:100%;
    left:0;
    margin-top:13px;
    margin-left:-7px;
}
.c-tooltip.top--center{
    top:100%;
    left:50%;
    margin-top:13px;
    transform:translateX(-50%);
}
.c-tooltip.top--right{
    top:100%;
    right:0;
    margin-top:13px;
    margin-right:-7px;
}
.c-tooltip.bottom--left{
    bottom:100%;
    left:0;
    margin-bottom:13px;
    margin-left:-7px;
}
.c-tooltip.bottom--center{
    bottom:100%;
    left:50%;
    margin-bottom:13px;
    transform:translateX(-50%);
}
.c-tooltip.bottom--right{
    bottom:100%;
    right:0;
    margin-bottom:13px;
    margin-right:-7px;
}
.c-tooltip.left--top{
    top:0;
    left:100%;
    margin-left:13px;
}
.c-tooltip.left--middle{
    top:50%;
    left:100%;
    margin-left:13px;
    transform:translateY(-50%);
}
.c-tooltip.left--bottom{
    bottom:0;
    left:100%;
    margin-left:13px;
}
.c-tooltip.right--top{
    top:0;
    right:100%;
    margin-right:13px;
}
.c-tooltip.right--middle{
    top:50%;
    right:100%;
    margin-right:13px;
    transform:translateY(-50%);
}
.c-tooltip.right--bottom{
    bottom:0;
    right:100%;
    margin-right:13px;
}
.c-tooltip:before{
    content:'';
    position:absolute;
    width:13px;
    height:13px;
    background-color:#fff;
    border:1px solid #cacccf;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-radius:3px;
    transform:rotate(45deg);
}
.c-tooltip__label{
    position:relative;
    z-index:1;
    padding:10px 16px;
    background-color:#fff;
    border-radius:10px;
    font-size:13px;
    line-height:18px;
}
.c-tooltip.nowrap .c-tooltip__label{
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
    overflow:hidden;
}
.c-tooltip .c-tooltip__label .desc{
    display:block;
    margin-top:2px;
    font-size:12px;
    color:#989898;
}
.c-tooltip.top--left:before,
.c-tooltip.top--center:before,
.c-tooltip.top--right:before{top:-5px;}
.c-tooltip.bottom--left:before,
.c-tooltip.bottom--center:before,
.c-tooltip.bottom--right:before{bottom:-5px;transform:rotate(225deg)}
.c-tooltip.top--left:before,
.c-tooltip.bottom--left:before{left:16px;}
.c-tooltip.top--center:before,
.c-tooltip.bottom--center:before{left:50%;margin-left:-7px;}
.c-tooltip.top--right:before,
.c-tooltip.bottom--right:before{left:auto;right:16px;}
.c-tooltip.left--top:before,
.c-tooltip.left--middle:before,
.c-tooltip.left--bottom:before{left:-7px;transform:rotate(-45deg);}
.c-tooltip.left--top{border-top-left-radius:8px;}
.c-tooltip.left--top:before{top:5px;}
.c-tooltip.left--middle:before{top:50%;margin-top:-7px;}
.c-tooltip.left--bottom{border-bottom-left-radius:7px;}
.c-tooltip.left--bottom:before{bottom :3px;}
.c-tooltip.right--top:before,
.c-tooltip.right--middle:before,
.c-tooltip.right--bottom:before{right:-7px;transform:rotate(-225deg);}
.c-tooltip.right--top{border-top-right-radius:8px;}
.c-tooltip.right--top:before{top:5px;}
.c-tooltip.right--middle:before{top:50%;margin-top:-7px;}
.c-tooltip.right--bottom{border-bottom-right-radius:7px;}
.c-tooltip.right--bottom:before{bottom:6px;}
.c-tooltip.theme--dark{
    border:0;
}
.c-tooltip.theme--dark:before,
.c-tooltip.theme--dark .c-tooltip__label{
    background-color:#000;
}
.c-tooltip.theme--dark:before{
    border:0;
}
.c-tooltip.theme--dark .c-tooltip__label{
    color:#fff;
}
.c-tooltip.theme--dark.dark--gray:before,
.c-tooltip.theme--dark.dark--gray .c-tooltip__label{
    background-color:#191f28;
}
.c-tooltip.theme--dark{border:0;}
.c-tooltip.theme--dark:before,
.c-tooltip.theme--dark .c-tooltip__label{background-color:#000;}
.c-tooltip.theme--dark:before{border:0;}
.c-tooltip.theme--dark .c-tooltip__label{color:#fff;}
.c-tooltip.theme--dark.left--top:before{left:-4px;}
.c-tooltip.theme--dark.left--middle:before{left:-6px;}
.c-tooltip.theme--dark.left--bottom:before{left:-4px;}
.c-tooltip.theme--dark.left--bottom .c-tooltip__label{border-bottom-left-radius:8px;}
.c-tooltip.theme--dark.right--top:before{right:-4px;}
.c-tooltip.theme--dark.right--middle:before{right:-6px;}
.c-tooltip.theme--dark.right--bottom:before{right:-4px;}
.c-tooltip.no--position{
    top:unset;
    left:unset;
    right:unset;
    bottom:unset;
    display:inline-block;
    transform:none;
    margin-top:-7px;
    margin-left:16px !important;
}
.c-tooltip__label.type--button * + *{
    margin-left:8px;
}

/* Graph */
.c-graph-bar{
    position:relative;
    height:6px;
    background-color:#a9a9a9;
    border-radius:3px;
    overflow:hidden;
}
.c-graph-bar span{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    background-color:#1781f4;
}
.c-graph-bar.bg--red span{
    background-color:#ff6666;
}
.c-graph-bar.size--sm{
    height:3px;
    border-radius:0;
}

.c-graph-bar2{
    width:100%;
    height:32px;
    background-color:#F2F2F2;
    border-radius:8px;
}
.c-graph-bar2__gauge{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%;
    padding-left:16px;
    padding-right:16px;
    background-color:#565A60;
    box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius:8px;
    color:#fff;
}
.c-graph-bar2.bg--blue .c-graph-bar2__gauge{
    background-color:#1781F4;
}
.c-graph-bar2.bg--red .c-graph-bar2__gauge{
    background-color:#FF6766;
}
.c-graph-bar2__gauge-value{
    font-size:15px;
}
.c-graph-bar2__gauge--rate{
    font-weight:600;
}

.c-chart-circle{
    text-align:center;
    line-height:1;
    cursor:pointer;
}
.c-chart-circle__label{
    margin-bottom:15px;
}
.c-chart-circle__label strong{
    display:block;
    font-weight:500;
    color:#646669;
}
.c-chart-circle__label span{
    display:block;
    margin-top:5px;
}
.c-chart-circle__chart{
    width:98px;
    height:98px;
    margin:0 auto;
}
.c-chart-circle__chart svg{
    transform:rotate(-90deg);
    pointer-events:none;
}
.c-chart-circle__chart svg text{
    transform:rotate(90deg);
    font-size:0.04em;
}

.c-chart-map{
    position:relative;
    margin:0 auto;
}
.c-chart-map.type--world{
    width:662px;
    height:330px;
    margin-top:-18px;
    margin-bottom:40px;
    background:url('../images/common/contents/img_map-world.png') 0 0 no-repeat;
}
.c-chart-map.type--korea{
    width:373px;
    height:385px;
    margin-top:-43px;
    margin-bottom:10px;
    background:url('../images/common/contents/img_map-korea.png') 0 0 no-repeat;
}
.c-chart-map.theme--sm{
    width:460px;
    height:172px;
    margin-top:0;
    margin-bottom:0;
    background-image:url('../images/common/contents/img_map-world-small.png');
}
.c-chart-map__item{
    position:absolute;
    min-width:98px;
    border:1px solid #e7e7e7;
    border-radius:8px;
    background-color:#fff;
    cursor:pointer;
}
.c-chart-map.theme--sm .c-chart-map__item{
    min-width:70px;
}
.c-chart-map__item.where--usa{top:34px;right:558px;}
.c-chart-map__item.where--china{top:34px;right:422px;}
.c-chart-map__item.where--korea{top:34px;left:288px;}
.c-chart-map__item.where--europe{top:34px;left:464px;}
.c-chart-map__item.where--asia{top:124px;right:422px;}
.c-chart-map__item.where--japan{bottom:153px;left:323px;}
.c-chart-map__item.where--local1{top:27px;right:140px;}
.c-chart-map__item.where--local2{top:51px;left:301px;}
.c-chart-map__item.where--local3{top:115px;right:172px;}
.c-chart-map__item.where--local4{top:166px;left:226px;}
.c-chart-map__item.where--local5{top:201px;right:233px;}
.c-chart-map__item.where--local6{top:298px;right:270px;}
.c-chart-map.theme--sm .c-chart-map__item.where--usa{top:-16px;left:324px;min-width:90px;}
.c-chart-map.theme--sm .c-chart-map__item.where--china{top:-16px;right:270px;}
.c-chart-map.theme--sm .c-chart-map__item.where--korea{top:-16px;left:204px;}
.c-chart-map.theme--sm .c-chart-map__item.where--europe{top:-16px;left:8px;width:99px;}
.c-chart-map.theme--sm .c-chart-map__item.where--asia{right:280px;bottom:43px;top:auto;}
.c-chart-map.theme--sm .c-chart-map__item.where--japan{bottom:43px;left:218px;}
.c-chart-map__item:hover{
    border-color:#1781F4;
    background-color:#1781F4;
    color:#fff;
    filter:drop-shadow(0px 15px 30px rgba(0, 0, 0, 0.2));
}
.c-chart-map__item:before{
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
}
.c-chart-map__item.left--bottom:before{
    left:0;
    bottom:-10px;
    border-left:22px solid #fff;
    border-bottom:11px solid transparent;
}
.c-chart-map__item.left--top:before{
    left:0;
    top:-10px;
    border-left:22px solid #fff;
    border-top:11px solid transparent;
}
.c-chart-map__item.right--bottom:before{
    right:0;
    bottom:-10px;
    border-right:22px solid #fff;
    border-bottom:11px solid transparent;
}
.c-chart-map__item.right--top:before{
    right:0;
    top:-10px;
    border-right:22px solid #fff;
    border-top:11px solid transparent;
}
.c-chart-map__item.left--bottom:hover:before{
    border-left-color:#1781F4;
}
.c-chart-map__item.left--top:hover:before{
    border-left-color:#1781F4;
}
.c-chart-map__item.right--bottom:hover:before{
    border-right-color:#1781F4;
}
.c-chart-map__item.right--top:hover:before{
    border-right-color:#1781F4;
}
.c-chart-map__item:after{
    content:'';
    display:block;
    position:absolute;
    width:22px;
    height:10px;
}
.c-chart-map__item.right--bottom:after{
    right:-1px;
    bottom:-10px;
    background-image:repeating-linear-gradient(24deg, transparent,  transparent 0 calc(50% - 0.3px), #d5d5d5 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item.left--bottom:after{
    left:-1px;
    bottom:-10px;
    background-image:repeating-linear-gradient(154deg, transparent,  transparent 0 calc(50% - 0.3px), #d5d5d5 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item.left--top:after{
    left:-1px;
    top:-10px;
    background-image:repeating-linear-gradient(24deg, transparent,  transparent 0 calc(50% - 0.3px), #d5d5d5 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item.right--top:after{
    right:-1px;
    top:-10px;
    background-image:repeating-linear-gradient(154deg, transparent,  transparent 0 calc(50% - 0.3px), #d5d5d5 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item.right--bottom:hover:after{
    background-image:repeating-linear-gradient(24deg, transparent,  transparent 0 calc(50% - 0.3px), #1781F4 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item.left--bottom:hover:after{
    background-image:repeating-linear-gradient(154deg, transparent,  transparent 0 calc(50% - 0.3px), #1781F4 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item.left--top:hover:after{
    background-image:repeating-linear-gradient(24deg, transparent,  transparent 0 calc(50% - 0.3px), #1781F4 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item.right--top:hover:after{
    background-image:repeating-linear-gradient(154deg, transparent ,  transparent 0 calc(50% - 0.3px), #1781F4 calc(50% - 0.3px) calc(50% + 0.3px));
}
.c-chart-map__item-in{
    position:relative;
    padding:12px 14px;
}
.c-chart-map.theme--sm .c-chart-map__item-in{
    padding:12px;
}
.c-chart-map__item-in:before{
    content:'';
    position:absolute;
    display:block;
    width:7px;
    height:7px;
    background-color:#fff;
}
.c-chart-map__item.right--bottom .c-chart-map__item-in:before{
    right:0;
    bottom:0;
}
.c-chart-map__item.left--bottom .c-chart-map__item-in:before{
    left:0;
    bottom:0;
}
.c-chart-map__item.left--top .c-chart-map__item-in:before{
    left:0;
    top:0;
}
.c-chart-map__item.right--top .c-chart-map__item-in:before{
    right:0;
    top:0;
}
.c-chart-map__item:hover .c-chart-map__item-in:before{
    background-color:#1781F4;
}
.c-chart-map__item-in:after{
    content:'';
    position:absolute;
    display:block;
    width:1px;
    height:20px;
    background-color:#e7e7e7;
}
.c-chart-map__item.right--bottom .c-chart-map__item-in:after{
    right:-1px;
    bottom:-10px;
}
.c-chart-map__item.left--bottom .c-chart-map__item-in:after{
    left:-1px;
    bottom:-10px;
}
.c-chart-map__item.left--top .c-chart-map__item-in:after{
    left:-1px;
    top:-10px;
}
.c-chart-map__item.right--top .c-chart-map__item-in:after{
    right:-1px;
    top:-10px;
}
.c-chart-map__item:hover .c-chart-map__item-in:after{
    background-color:#1781F4;
}
.c-chart-map__item .label{
    font-size:12px;
    color:#646669;
}
.c-chart-map__item:hover .label{
    color:#9BE7FF;
}
.c-chart-map__item .content{
    margin-top:2px;
}

.c-chart-tornado{
    position:relative;
    display:flex;
    min-width:388px;
}
.c-chart-tornado__graph{
    padding-right:71px;
}
.c-chart-tornado__graph-item{
    position:relative;
    font-weight:600;
    font-size:16px;
    cursor:pointer;
}
.c-chart-tornado__graph-item.color--1{color:#38bfc6;}
.c-chart-tornado__graph-item.color--2{color:#29829d;}
.c-chart-tornado__graph-item.color--3{color:#5caceb;}
.c-chart-tornado__graph-item.color--4{color:#667ad3;}
.c-chart-tornado__graph-item.color--5{color:#7a8084;}
.c-chart-tornado__graph-item + .c-chart-tornado__graph-item{
    margin-top:0;
}
.c-chart-tornado__graph-item figure{
    z-index:1;
    position:relative;
    display:block;
    text-align:center;
}
.c-chart-tornado__graph-item span{
    z-index:2;
    position:absolute;
    left:0;
    right:0;
    bottom:21px;
    text-align:center;
    color:#fff;
}
.c-chart-tornado__graph-item strong{
    position:absolute;
    left:50%;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    height:50px;
    width:265px;
    padding-right:20px;
    background-color:#f5f5f5;
    border-radius:999px;
}
.c-chart-tornado__graph-item em{
    z-index:1;
    position:relative;
}
.c-chart-tornado__graph-item:nth-child(1){z-index:7;}
.c-chart-tornado__graph-item:nth-child(1) strong{bottom:15px;}
.c-chart-tornado__graph-item:nth-child(2){z-index:6;margin-top:-16px;}
.c-chart-tornado__graph-item:nth-child(2) strong{bottom:21px;}
.c-chart-tornado__graph-item:nth-child(3){z-index:5;margin-top:-7px;}
.c-chart-tornado__graph-item:nth-child(3) strong{bottom:21px;}
.c-chart-tornado__graph-item:nth-child(4){z-index:4;margin-top:-7px;}
.c-chart-tornado__graph-item:nth-child(4) strong{bottom:16px;}
.c-chart-tornado__graph-item:nth-child(5){z-index:3;margin-top:-4px;}
.c-chart-tornado__graph-item:nth-child(5) strong{bottom:5px;}
.c-chart-tornado__graph-item:nth-child(6){z-index:2;}
.c-chart-tornado__graph-item:nth-child(7){z-index:1;}
.c-chart-tornado__list{
    margin-top:5px;
    margin-left:13px;
}
.c-chart-tornado__list-title{
    height:32px;
    font-weight:600;
    font-size:16px;
    color:#000;
    text-align:center;
}
.c-chart-tornado__list-content div{
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:51px;
    background-color:#f5f5f5;
    border-radius:9px;
}
.c-chart-tornado__list.bg--1 .c-chart-tornado__list-content div{
    background-color:#eef2fd;
}
.c-chart-tornado__list-content div + div{
    margin-top:29px;
}
.c-chart-tornado__list-content .color--1{color:#38bfc6;}
.c-chart-tornado__list-content .color--2{color:#29829d;}
.c-chart-tornado__list-content .color--3{color:#5caceb;}
.c-chart-tornado__list-content .color--4{color:#667ad3;}
.c-chart-tornado__list-content .color--5{color:#7a8084;}
.c-chart-tornado.theme--mini .c-chart-tornado__graph-item{
    cursor:default;
}
.c-chart-tornado.theme--mini .c-chart-tornado__graph-item + .c-chart-tornado__graph-item{
    margin-top:11px;
}
.c-chart-tornado.theme--mini .c-chart-tornado__graph-item strong{
    width:222px;
    height:52px;
    bottom:0 !important;
    background-color:#fff;
}
.c-chart-tornado.theme--mini .c-chart-tornado__graph-item span{
    bottom:15px;
}
.c-chart-tornado__list.theme--mini{
    margin-top:-32px;
}
.c-chart-tornado__list.theme--mini .c-chart-tornado__list-content div{
    height:52px;
    background-color:#fff;
}
.c-chart-tornado__list.theme--mini .c-chart-tornado__list-content div + div{
    margin-top:11px;
}
.c-chart-bar3{
    display:flex;
    align-items:flex-end;
    position:relative;
    gap:4px;
    line-height:1;
}
.c-chart-bar3__gauge{
    flex:none;
    display:flex;
    align-items:flex-end;
    width:44px;
    min-height:50%;
    border-radius:4px;
    background-color:#A9A9A9;
}
.c-chart-bar3__gauge.bg--blue{
    background-color:#1781F4;
}
.c-chart-bar3__gauge > span{
    position:relative;
    width:100%;
    color:#fff;
    /*text-shadow:#000 0 0 3px;*/
    font-weight:500;
    text-align:center;
}
.c-chart-bar3__gauge > span em{
    position:absolute;
    left:0;
    right:0;
    bottom:8px;
}
.c-chart-bar3 .c-tooltip{
    display:inline-block;
    margin-left:22px;
}

.gantt{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    border:1px solid #d9d9d9;
    background-color:#ffffff;
    box-sizing:border-box;
    border-radius:8px;
    overflow:hidden;
}
.gantt:after{
    content:'';
    position:absolute;
    left:calc(var(--list-width) + 0px);
    top:-1px;
    bottom:10px;
    z-index:2;
    width:2px;
    background-color:#000;
}
.gantt .left-layer{
    position:sticky;
    left:0;
    flex-grow:0;
    flex-shrink:0;
    z-index:2;
}
.gantt .center-layer{
    flex-grow:0;
    flex-shrink:0;
}
.gantt .header-layer{
    position:sticky;
    display:flex;
    flex-direction:row;
    overflow:hidden;
    top:0;
    width:100%;
    background-color:#fff;
    color:#000;
}
.gantt .header-layer .header-left{
    width:var(--list-width);
    background-color:#fff;
    border-bottom:1px solid #e6e8e8;
}
.gantt .header-layer .header-center{
    position:relative;
    display:flex;
    flex-direction:column;
    border-bottom:1px solid #e6e8e8;
}
.gantt .content-layer{
    position:relative;
    display:flex;
    flex-direction:row;
    flex:1;
    overflow:auto;
}
.gantt .content-layer .content-left{
    width:var(--list-width);
}
.gantt .content-layer .content-left .content-left-background{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#fff;
}
.gantt .content-layer .content-center{
    position:relative;
}
.gantt .content-center-background{
    position:absolute;
    left:0;
    top:0;
    display:flex;
    flex-direction:row;
    height:100%;
    pointer-events:none;
}
.gantt .content-center-background .task-column{
    display:flex;
    flex-direction:row;
    border-right:1px dashed #ced9df;
}
.gantt .header-row{
    display:flex;
    flex-direction:row;
    flex:1;
}
.gantt .header-row + .header-row{
    border-top:1px solid #e0e2e3;
}
.gantt .header-cell{
    display:flex;
    justify-content:center;
    align-items:center;
    border-right:1px solid #e0e2e3;
}
.gantt .header-cell span{
    padding:6px;
    font-weight:500;
}
.gantt .task-column{
    min-width:60px;
}
.gantt .task-item{
    position:relative;
    height:var(--row-height);
}
.gantt .task-bar{
    position:relative;
    height:var(--row-height);
}
.gantt .x-tree-group .task-bar{
    display:flex;
    align-items:center;
}
.gantt .content-layer .x-tree{
    height:inherit;
    border:inherit;
    border-radius:inherit;
    background:inherit;
    overflow:inherit;
    box-sizing:inherit;
}
.gantt .content-layer .x-tree .x-tree-group[level]{
    padding-left:unset;
}
.gantt .content-layer .x-tree .x-tree-item{
    position:relative;
    border:inherit;
    border-radius:inherit;
    background:inherit;
    overflow:inherit;
    box-sizing:inherit;
    box-shadow:inherit;
    min-height:inherit;
    padding:inherit;
    border-bottom:1px solid #e0e2e3;
}
.gantt .content-layer .x-tree .x-tree-group{
    border-bottom:1px solid #e0e2e3;
}
.gantt .content-layer .x-tree .x-tree-group .x-tree-item{
    height:auto;
    border-bottom:0;
}
.gantt .content-layer .x-tree .x-tree-item[select][focus][expand]{
    background-color:#eef4fc;
}
.gantt .content-layer .x-tree .x-tree-item[select][focus][expand] .column-type .label,
.gantt .content-layer .x-tree .x-tree-item[select][focus][expand] .column-title .label{
    color:#1781f4;
}
.gantt .content-layer .x-tree .x-tree-item[select][focus][expand] + .x-tree-group{
    background-color:#f6faff;
}
.gantt .content-overlay{
    position:absolute;
    pointer-events:none;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.gantt .content-overlay .overlay-today-indicator{
    position:absolute;
    width:1px;
    height:100%;
    background-color:#e55586;
}
.gantt-chart{
    width:100%;
    height:800px;
}
.gantt-chart:before{
    content:'';
    position:absolute;
    top:59px;
    left:0;
    right:0;
    height:2px;
    z-index:2;
    border-top:1px solid rgba(0, 0, 0, 0.05);
    border-bottom:1px solid rgba(0, 0, 0, 0.03);
}
.gantt-chart .task-bar-ticket{
    position:absolute;
    top:9px;
    bottom:9px;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    padding:0 20px;
    border:1px solid black;
    border-radius:14px;
    color:#ffffff;
}
.gantt-chart .task-bar-ticket:hover{
    text-decoration:underline;
    cursor:pointer;
}
.gantt-chart .task-bar-ticket span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.gantt-chart .task-bar-ticket.status-before{
    border:1px solid #d5d5d5;
    background-color:#e8e8e8;
    color:#969696;
}
.gantt-chart .task-bar-ticket.status-progress{
    border:1px solid #5fb8cb;
    background-color:#70d0e5;
}
.gantt-chart .task-bar-ticket.status-complete{
    border:1px solid #b1b1b1;
    background-color:#bbbaba;
}
.gantt-chart .task-bar-ticket.status-delay{
    border:1px solid #ed9797;
    background-color:#f09e9e;
}
.gantt-chart .task-bar-activity{}
.gantt-chart .task-bar-activity span{
    position:absolute;
    display:flex;
    align-items:center;
    margin-top:-9px;
    padding:0 10px;
    border:1px solid #7ba1cb;
    background-color:#93b9e3;
    color:#ffffff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.gantt-chart .header-item{
    display:flex;
    flex-direction:row;
    height:100%;
}
.gantt-chart .header-item span{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    padding-bottom:12px;
    font-weight:500;
    color:#000;
    font-size:15px;
}
.gantt-chart .header-item span + span{
    border-left:1px solid #ffffff;
}
.gantt-chart .task-item-content{
    display:flex;
    flex-direction:row;
    height:100%;
}
.gantt-chart .task-item-content div{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 5px;
}
.gantt-chart .task-item-content .label{
    white-space:nowrap;
    font-weight:600;
    font-size:13px;
    color:#000;
}
.gantt-chart .task-item-content .label em{
    color:#989898;
}
.gantt-chart .task-item-content div + div{
    /*border-left:1px solid #cecece;*/
}
.gantt-chart .x-tree-group .task-item-content .label{
    font-size:12px;
    color:#646669;
}
.gantt-chart .column-type{
    width:95px;
}
.gantt-chart .header-item .column-type,
.gantt-chart .task-item-content div.column-type{
    padding-left:20px;
}
.gantt-chart .task-item-content .column-type{
    pointer-events:none;
}
.gantt-chart .task-item-content .column-type .label{
    position:relative;
    padding-left:20px;
    user-select:none;
}
.gantt-chart .task-item-content .column-type .label:before{
    content:'';
    display:none;
    position:absolute;
    left:0;
    top:2px;
    width:12px;
    height:12px;
    background:url('../images/common/icon/chevron-down-24.svg') no-repeat 50% 50%;
}
.gantt-chart .task-item-content .column-type.open .label:before{
    will-change:transform;
    transform:rotate(180deg);
    transition:transform 0.25s ease-in-out;
}
.gantt-chart .task-item-content .column-type.child{
    cursor:pointer;
    pointer-events:auto;
}
.gantt-chart .task-item-content .column-type.child .label:before{
    display:block;
}
.gantt-chart .column-title{
    flex:1;
    align-items:center;
}
.gantt-chart .task-item-content .column-title{
    position:relative;
    justify-content:flex-start;
    padding-left:20px;
    padding-right:10px;
    overflow:hidden;
}
.gantt-chart .task-item-content .column-title .label{
    display:block;
    min-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.gantt-chart .column-title.ticket:hover{
    text-decoration:underline;
    cursor:pointer;
}
.gantt-chart .column-manager{
    width:100px;
}
.gantt-chart .task-item-content .column-manager{
    justify-content:left;
    padding-left:10px;
    padding-right:10px;
}
.gantt-chart .task-item-content .column-manager.align--center{
    justify-content:center;
}
.gantt-chart .column-priority{
    width:50px;
}
.gantt-chart .task-item-content .column-priority .label{
    position:relative;
    display:flex;
    align-items:center;
    font-weight:600;
    font-size:12px;
    color:#000;
}
.gantt-chart .column-status{
    width:100px;
}
.gantt-chart .task-item-content .column-status{
    padding-left:10px;
    padding-right:10px;
    justify-content:flex-start;
}
.gantt-chart .task-item-content .column-status.align--center{
    justify-content:center;
}
.gantt-chart .task-item-content .column-status .label{
    position:relative;
    display:flex;
    align-items:center;
    font-weight:600;
    font-size:12px;
    color:#000;
}
.gantt-chart .task-item-content .column-status .label:before{
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    margin-right:8px;
    border-radius:4px;
}
.gantt-chart .header-cell{
    border-right:0;
}
.gantt-chart .header-row + .header-row{
    border-top:0;
}
.gantt-chart .header-row:first-child .header-cell{
    position:relative;
}
.gantt-chart .header-row:first-child .header-cell:before{
    content:'';
    position:absolute;
    left:-1px;
    top:0;
    bottom:-100%;
    width:1px;
    background-color:#e0e2e3;
    pointer-events:none;
}
.gantt-chart .x-tree-group .task-item,
.gantt-chart .x-tree-group .task-bar{
    height:calc(var(--row-height) - 10px);
}

.gantt-chart .content-center-background .task-column[type='sat'],
.gantt-chart .content-center-background .task-column[type='sun']{
    background-color:#f0f4f6;
}
.gantt-chart .task-item-content .status-before .label:before{
    background-color:#e8e8e8;
}
.gantt-chart .task-item-content .status-progress .label:before{
    background-color:#70d0e5;
}
.gantt-chart .task-item-content .status-delay .label:before{
    background-color:#f09e9e;
}
.gantt-chart .task-item-content .status-complete .label:before{
    background-color:#bbbaba;
}
.gantt-chart .header-cell.today > span,
.gantt-chart .header-cell[today] > span{
    display:inline-block;
    padding:4px 8px;
    color:#fff;
    background-color:#e55586;
    border-radius:8px;
}
.gantt-chart .indent{
    text-indent:2em;
}

.c-chart-donut{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:37px;
}
.c-chart-donut__chart{
    position: relative;
    width:270px;
    height:278px;
    background:url('../images/common/contents/bg_chart-donut.png') 50% 50% no-repeat;
}
.c-chart-donut__chart li{
    position:absolute;
    width:74px;
    font-size:14px;
    line-height:19px;
    color:#fff;
    text-align:center;
    cursor:pointer;
}
.c-chart-donut__chart li span{
    display:block;
    font-size:12px;
}
.c-chart-donut__chart li:nth-child(1){left:110px;top:23px;}
.c-chart-donut__chart li:nth-child(2){left:194px;top:101px;}
.c-chart-donut__chart li:nth-child(3){left:140px;top:204px;}
.c-chart-donut__chart li:nth-child(4){left:32px;top:186px;}
.c-chart-donut__chart li:nth-child(5){left:9px;top:76px;}
.c-chart-donut__legend{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.c-chart-donut__legend li{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:500;
    font-size:14px;
    color:#666;
}
.c-chart-donut__legend li:before{
    content:'';
    display:inline-block;
    width:13px;
    height:13px;
    border-radius:7px;
}
.c-chart-donut__legend li:nth-child(1):before{background-color: #fe912a;}
.c-chart-donut__legend li:nth-child(2):before{background-color: #5bc2a7;}
.c-chart-donut__legend li:nth-child(3):before{background-color: #5d72b7;}
.c-chart-donut__legend li:nth-child(4):before{background-color: #159cbe;}
.c-chart-donut__legend li:nth-child(5):before{background-color: #abb5ba;}

/* Table */
.c-table-1{
    position:relative;
    width:100%;
    border-top:1px solid #000;
    color:#000;
    table-layout:fixed;
}
.c-table-1.width--auto{
    width:auto;
}
.c-table-1.width--700{
    max-width:700px;
}
.c-table-1 th,
.c-table-1 td{
    font-size:13px;
}
.c-table-1 th{
    font-weight:600;
}
.c-table-1 td{
    font-weight:400;
}
.c-table-1 thead th{
    padding-top:6px;
    padding-bottom:6px;
    border-bottom:1px dotted #a0a0a0;
}
.c-table-1 tbody th,
.c-table-1 tbody td{
    padding-top:6px;
    padding-bottom:6px;
    border-bottom:1px solid #ebebeb;
}
.c-table-1 tbody.align--center td{
    padding-left:6px;
    padding-right:6px;
    text-align:center;
}
.c-table-1 .title{
    padding-left:20px;
    background-color:#f4f4f4;
    text-align:left;
}
.c-table-1 .x-state-container{
    display:none;
}
.c-table-1.type--sticky{
    border-top:0;
}
.c-table-1.type--sticky thead{
    z-index:1;
    position:sticky;
    top:0;
    padding-bottom:1px;
    background-color:#fff;
}
.c-table-1.type--sticky thead:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:block;
    height:1px;
    border-bottom:1px dotted #a0a0a0;
}
.c-table-1.type--sticky thead:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    display:block;
    height:1px;
    background-color:#a0a0a0;
}
.c-table-1.no-padding td{
    padding:0;
}
.c-table-1 td .num{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:15px;
    height:15px;
    border-radius:8px;
    background-color:#555;
    color:#fff;
    font-size:10px;
    line-height:1;
}
.c-table-2__wrap{
    position:relative;
    margin-right:105px;
}
.c-table-2{
    table-layout:fixed;
    width:100%;
    border-radius:14px;
    border-style:hidden;
    background-color:#fff;
    box-shadow: 0 0 0 1px #DDDEDE;
    overflow:hidden;
}
.c-table-2 thead th{
    padding-top:32px;
    padding-bottom:18px;
    border-bottom:1px solid #F2F2F2;
    border-left:1px solid #F2F2F2;
    line-height:1;
    font-weight:600;
}
.c-table-2 thead th:first-child,
.c-table-2 td:first-child{
    border-left:0;
}
.c-table-2 td{
    height:47px;
    padding:6px 0;
    border-bottom:1px solid #F2F2F2;
    border-left:1px solid #F2F2F2;
    text-align:center;
    color:#646669;
    font-weight:500;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-table-2 tr:last-child td{
    border-bottom:0;
}
.c-table-2 td.align--left{
    padding-left:24px;
    padding-right:24px;
    text-align:left;
}
.c-table-2 td.type--cursor{
    cursor:pointer;
}
.c-table-2 tr.type--new td.type--cursor > span{
    position:relative;
}
.c-table-2 tr.type--new td.type--cursor > span:before{
    content:'';
    position:absolute;
    left:-13px;
    top:50%;
    display:block;
    width:6px;
    height:6px;
    margin-top:-2px;
    border-radius:3px;
    background-color:#DC5D5D;
}
.c-table-2 tbody tr.checked td > span{
    opacity:0.6;
}
.c-table-2 tbody td .check{
    color:#00CF7F;
}
.c-table-2 tbody tr.checked td .check{
    color:#000;
}
.c-table-2 td i + span{
    margin-left:8px;
}
.c-table-2.theme--blue thead th{
    background-color:#3597D9;
    color:#fff;
}
.c-table-3{
    border:1px solid #DDDEDE;
    border-radius:14px;
    background-color:#fff;
    overflow:hidden;
}
.c-table-3 table{
    table-layout:fixed;
    width:100%;
    margin-bottom:-1px;
}
.c-table-3 thead th{
    height:55px;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    background-color:#3597D9;
    color:#fff;
    font-weight:600;
}
.c-table-3 thead.line--2 th{
    height:32px;
}
.c-table-3 thead tr:first-child th:first-child{
    /*border-left:0;*/
    /*border-bottom:0;*/
}
.c-table-3 thead th:first-child{
    border-left:1px solid #3597D9;
}
.c-table-3 thead.line--2 tr:last-child th{
    font-size:11px;
}
.c-table-3 thead .bg--red{
    background-color:#ed5f5e !important;
    color:#fff !important;
}
.c-table-3 tbody th,
.c-table-3 tbody td{
    height:40px;
    padding:12px 0 10px 0;
    border-bottom:1px solid #F2F2F2;
    border-left:1px solid #F2F2F2;
    font-weight:500;
    text-align:center;
}
.c-table-3 tbody th{
    background-color:#FAFAFA;
}
.c-table-3.bg--th tbody th:first-child{
    border-left-color:#FAFAFA;
}
.c-table-3 tbody td:first-child{
    border-left-color:#fff;
}
.c-table-3 tbody tr.type--line:not(:first-child) td:first-child{
    border-left-color:#F2F2F2;
}
/*.c-table-3 tbody tr:first-child th:first-child{
    border-left:0;
}*/
.c-table-3 tbody .bg--blue{
    border-left-color:rgba(53, 151, 217, 0.1);
    border-bottom-color:#E8E8E8;
    background-color:rgba(53, 151, 217, 0.1);
}
.c-table-3 tbody .bg--blue:first-child{
    border-left:0;
}
.c-table-3 tbody .bg--gray{
    background-color:#FAFAFA;
}
.c-table-3 tbody .color--red{
    color:#ED5F5E;
}
.c-table-3 tbody .color--gray{
    color:#989898;
}
.c-table-3 tbody .color--blue{
    color:#3597d9;
}
.c-table-3 tbody .align--left{
    padding-left:20px;
    padding-right:20px;
    text-align:left;
}
.c-table-3 tbody .type--edit{
    padding-left:10px;
    padding-right:10px;
    background-color:#ffe3e3;
}
.c-table-3 tbody .align--left.type--edit{
    padding-left:20px;
    padding-right:20px;
}
.c-table-3 tbody input{
    width:100%;
    height:21px;
    border-radius:8px;
    text-align:center;
}
.c-table-3 tbody input:focus{
    box-shadow:0 0 0 2px #1987ff;
}
.c-table-3 tbody input[readonly]:focus{
    box-shadow:none;
}
.c-table-3 .c-label__content > textarea{
    min-height:50px;
    padding:5px 10px;
    margin:0;
}
.c-table-3.bg--gray thead th{
    border-bottom:1px solid #DDDEDE;
    border-color:#DDDEDE;
    background-color:#F2F2F2;
    color:#191F28;
}
.c-table-3.bg--gray thead tr:first-child th:first-child{
    border-left-color:#F2F2F2;
}
.c-table-3.bg--gray tbody .bg--blue{
    border-right:1px solid #E8E8E8;
}
.c-table-3.bg--blue thead th{
    border-color:#fff;
}
.c-table-3.bg--blue thead tr:first-child th:first-child{
    border-left:1px solid #3597D9;
}
.c-table-3.bg--blue tbody .bg--blue:first-child{
    border-left:1px solid rgba(53, 151, 217, 0.1);
}

/* Button */
.c-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    height:32px;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:8px;
    background-color:#191f28;
    font-weight:600;
    font-size:13px;
    color:#fff;
    line-height:1;
    box-shadow:0 0 0 2px transparent;

    transition:all 0.25s cubic-bezier(0, 0, 0.2, 1);
    cursor:pointer;
}
.c-btn:hover{
    background-color:#353e4c;
}
.c-btn[selected],
.c-btn[selected]:hover{
    background-color:#191f28;
}
.c-btn[focus],
.c-btn.focus{
    border-color:transparent !important;
    box-shadow:0 0 0 2px #0e8bff;
}
.c-btn[disabled]{
    opacity:0.2;
}
[valid] .c-label__func-group .c-btn:hover{
    background-color:#fcefee !important;
}
.c-btn.theme--transparent{
    background-color:transparent;
    color:#646669;
}
.c-btn.theme--transparent[selected]{
    background-color:#f2f2f2;
}
.c-btn.theme--transparent:hover{
    background-color:#f2f2f2;
}
.c-btn[disabled].theme--transparent{
    opacity:0.3;
}
.theme--fill .c-btn.theme--transparent:hover,
.theme--fill .c-btn.theme--transparent[selected]{
    background-color:#fafafa;
}
.c-btn.theme--line{
    border-color:#dddede;
    background-color:#fff;
    color:#191f28;
}
.c-btn.theme--line[selected]{
    border-color:#adadb0;
    background-color:#fff;
}
.c-btn.theme--line:hover{
    border-color:#adadb0;
    background-color:#fff;
}
.c-btn[disabled].theme--line{
    opacity:0.4;
}
.c-btn.theme--line.color--blue{
    border-color:#1781F4;
    background-color:#fff;
    color:#1781F4;
}
.c-btn.theme--line.color--blue[selected]{
    background-color:#D9F8FF;
}
.c-btn.theme--line.color--red{
    border-color:#ED5F5E;
    background-color:#fff;
    color:#ED5F5E;
}
.c-btn.theme--line.color--red[selected]{
    background-color:#FFE3E3;
}
.c-btn.theme--line.color--blue span + i,
.c-btn.theme--line.color--blue i + span,
.c-btn.theme--line.color--red span + i,
.c-btn.theme--line.color--red i + span{
    margin-left:4px;
}
.c-btn.type--icon{
    width:32px;
    padding:0;
}
.c-btn.type--round{
    border-radius:16px;
}
.c-btn.size--sm{
    padding:0 7px;
    height:24px;
    border-radius:6px;
    font-size:12px;
}
.c-btn.size--md{
    padding:0 15px;
    height:40px;
    font-size:15px;
}
.c-btn.size--big{
    padding:0 17px;
    height:56px;
    font-size:15px;
}
.c-btn.size--sm.type--icon{
    width:24px;
    padding:0;
}
.c-btn.size--md.type--icon{
    width:40px;
    padding:0;
}
.c-btn.size--big.type--icon{
    width:56px;
    padding:0;
}
.c-btn.size--sm.type--round{
    border-radius:12px;
}
.c-btn.size--md.type--round{
    border-radius:20px;
}
.c-btn.size--big.type--round{
    border-radius:28px;
}
.c-btn.bg--blue{
    background-color:#1781F4;
}
.c-btn img + .label,
.c-btn .label + img,
.c-btn img + span,
.c-btn span + img,
.c-btn i + span,
.c-btn span + i{
    margin-left:8px;
}
.c-btn.size--sm img + .label,
.c-btn.size--sm .label + .img,
.c-btn.size--sm img + span,
.c-btn.size--sm span + img,
.c-btn.size--sm i + span,
.c-btn.size--sm span + i{
    margin-left:4px;
}

/* Popup */
.c-popup{
    z-index:3;
    position:relative;
    min-width:608px;
    padding:32px 48px;
    border-radius:16px;
    background-color:#fff;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);
    overflow:hidden;
}
.c-popup__header{
    display:flex;
    align-items:center;
    height:26px;
    margin-bottom:39px;
    font-weight:600;
    font-size:20px;
    line-height:1;
}
.c-popup__header-title{
    flex:1;
    display:flex;
    align-items:center;
}
.c-popup__header-title h3{
    font-weight:600;
    font-size:18px;
    color:#3d3d3d;
}
.c-popup__header-title > * + *{
    margin-left:20px;
}
.c-popup__header-func{
    flex:none;
    display:flex;
    align-items:center;
}
.c-popup__header-func > * + *{
    margin-left:10px;
}
.c-popup__header-func > span{
    display:flex;
    align-items:center;
    font-size:13px;
    font-weight:400;
    line-height:1;
}
.c-popup__header-func > span strong{
    width:12px;
}
.c-popup__header-func > button:hover .i-chevron-right-white-sm{
    background-image:url('../images/common/icon/chevron-right-24.svg');
}
.c-popup__header-func > button:hover .i-chevron-left-white-sm{
    background-image:url('../images/common/icon/chevron-left-24.svg');
}
.c-popup__close{
    position:absolute;
    right:16px;
    top:16px;
    width:32px;
    height:32px;
}
.c-popup__close button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
.c-popup__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:56px;
}
.c-popup__footer > div{
    display:flex;
    align-items:center;
}
.c-popup__footer-r{
    justify-content:flex-end;
}
.c-popup__footer > div button + button{
    margin-left:8px;
}
.c-popup__body .p-form{
    padding-top:7px;
}
.scroll .c-popup__body .p-form{
    max-height:600px;
    margin:0 -48px;
    padding:0 48px;
    overflow:auto;
}
.c-popup__message p{
    margin-bottom:40px;
    font-size:18px;
    font-weight:500;
    color:#3d3d3d;
}
.c-popup__message div{
    color:#646669;
    line-height:2.3;
}
.c-popup__message div strong{
    color:#222;
}

.popup--type1{
    padding-top:49px;
    padding-bottom:48px;
}
.popup--type1 .c-popup__header{
    height:auto;
    margin-bottom:10px;
}

.c-popup.theme--line{
    min-width:0;
    padding:0;
}
.c-popup.theme--line .c-popup__header{
    height:50px;
    padding:0 25px;
    margin-bottom:0;
    border-bottom:1px solid #e8e8e8;
    font-size:15px;
    color:#222;
    line-height:1;
}
.c-popup.theme--line .c-popup__footer{
    height:59px;
    padding:0 30px;
    margin-top:0;
    border-top:1px solid #e8e8e8;
}
.c-popup.theme--line .c-popup__close{
    display:none;
}
.c-popup.theme-bg-blue .c-popup__header{
    background-color:#3597D9;
    color:#fff;
}
.c-popup.theme-bg-blue .c-popup__header-title h3{
    color:#fff;
}

.c-popup__file{
    min-width:302px;
    border:1px solid #adadb0;
    border-radius:10px;
    background-color:#fff;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.1);
    color:#191f28;
}
.c-popup__file-list div{
    display:flex;
    align-items:center;
    height:39px;
    padding-left:11px;
    padding-right:3px;
    border-bottom:1px solid #e8e8e8;
}
.c-popup__file-list span{
    flex:1;
    display:inline-flex;
    align-items:center;
}
.c-popup__file-list span i{
    margin-right:7px;
}
.c-popup__file-list button{
    flex:none;
}
.c-popup__file-func{
    display:flex;
    align-items:center;
    justify-content:center;
    height:40px;
}
.c-popup__file-func button{
    color:#1781f4;
}

.c-popup-search{
    padding:0 0 32px 0;
    border-radius:8px;
}
.c-popup-search:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:inherit;
    border:1px solid #adadb0;
    pointer-events:none;
}
.c-popup-search .c-popup__footer{
    margin-left:48px;
    margin-right:48px;
}
.c-popup-search .c-popup-search__body{}
.c-popup-search .search{
    position:relative;
    padding:2px 2px 0 2px;
    border-bottom:1px solid #e8e8e8;
}
.c-popup-search .search .c-label{
    border:0;
}
.c-popup-search .search .c-label__content{
    padding-left:50px;
    padding-right:100px;
    background:url('../images/common/icon/search-16.svg') 26px 50% no-repeat;
}
.c-popup-search .search .c-btn{
    position:absolute;
    right:13px;
    top:13px;
    z-index:2;
}
.c-popup-search .c-label__content > input[type='text']{
    padding-left:40px;
    padding-right:60px;
}
.c-popup-search .select-all{
    padding:12px 19px;
    border-bottom:1px solid #e8e8e8;
    font-weight:500;
    color:#3d3d3d;
    font-size:13px;
}
.c-popup-search .select-all > strong{
    display:block;
    margin-bottom:5px;
}
.c-popup-search .select-all > div{
    display:flex;
    flex-wrap:wrap;
    width:772px;
}
.c-popup.theme--sm{
    min-width:0;
    padding:22px 24px 27px 24px;
}
.c-popup.theme--sm .c-popup__header{
    margin-bottom:22px;
}
.c-popup.theme--sm .c-popup__footer{
    margin-top:27px;
}

.c-dialog{
    min-width:352px;
}
.c-dialog .c-popup__footer{
    justify-content:center;
}

/* Checkbox */
.c-checkbox{
    display:inline-flex;
    align-items:center;
    font-size:13px;
    cursor:pointer;
    color:#222;
}
.c-checkbox + .c-checkbox{
    margin-left:16px;
}
.c-checkbox input{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    opacity:0;
}
.c-checkbox span{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:16px;
    padding-left:22px;
}
.c-checkbox.theme--single span{
    padding-left:16px;
}
.c-checkbox span:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:16px;
    height:16px;
    border:1px solid #dddede;
    border-radius:2px;
    background-color:#fff;
}
.c-checkbox input:checked + span:before{
    border-color:#1781f4;
    background-color:#1781f4;
}
.c-checkbox input:checked + span:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:16px;
    height:16px;
    background:url('../images/common/icon/check-white-24.svg') no-repeat center center;
}
.c-checkbox.theme--deep input[disabled] + span{
    opacity:0.3;
}
.c-checkbox.theme--deep span:before{
    border-color:#888;
}
.c-checkbox.theme--deep input:checked + span:before{
    border-color:#1781f4;
}

/* Radio */
.c-radio{
    display:inline-flex;
    align-items:center;
    font-size:13px;
    cursor:pointer;
    color:#222;
}
.c-radio + .c-radio{
    margin-left:16px;
}
.c-radio input{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    opacity:0;
}
.c-radio span{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:16px;
    padding-left:22px;
    line-height:1;
}
.c-radio.theme--single span{
    padding-left:16px;
}
.c-radio span:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:16px;
    height:16px;
    border:1px solid #dddede;
    border-radius:8px;
    background-color:#fff;
}
.c-radio input:checked + span:before{
    border-color:#1781f4;
    background-color:#1781f4;
}
.c-radio input:checked + span:after{
    content:'';
    position:absolute;
    left:5px;
    top:5px;
    display:block;
    width:6px;
    height:6px;
    border-radius:3px;
    background-color:#fff;
}

/* Chip */
.c-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:20px;
    padding:0 6px;
    margin-right:6px;
    margin-bottom:6px;
    border-radius:6px;
    font-size:12px;
    color:#191f28;
    line-height:1;
    overflow:hidden;
}
.x-select-chip .c-chip{
    margin:0;
}
.c-chip.bg--darkgray{
    background-color:#646669;
    color:#fff;
}
.c-chip.bg--lightgray{
    background-color:#bbbaba;
    color:#fff;
}
.c-chip.bg--skyblue{
    background-color:#d9f8ff;
}
.c-chip.bg--blue{
    background-color:#1781F4;
    color:#fff;
}
.c-chip.bg--blue-light{
    background-color:#e0e6f5;
}
.c-chip.bg--green{
    background-color:#d4ffd1;
}
.c-chip.bg--gray{
    background-color:#f2f2f2;
}
.c-chip.bg--red{
    background-color:#ffe3e3;
}
.c-chip.bg--yellow{
    background-color:#fff0ba;
}
.c-chip.bg--purple{
    background-color:#e0e6f5;
}
.c-chip.bg--darkgreen{
    background-color:#00CF7F;
    color:#fff;
}
.c-chip.bg--gray2{
    background-color:#E4E4E4;
    color:#646669;
}
.c-chip.bg--skyblue2{
    background-color:#C4E7EF;
}
.c-chip.bg--pink{
    background-color:#ffe3e3;
}
.c-chip.bg--bluegreen{
    background-color:#3bc8bf;
    color:#fff;
}
.c-chip.bg--aqua{
    background-color:#ccebe9;
}
.c-chip.bg--lightpurple{
    background-color:#e9e1ff;
}
.c-chip button{
    display:inline-flex;
    width:20px;
    height:20px;
    margin-left:2px;
    margin-right:-6px;
    background:url('../images/common/icon/circle-minus-gray-24.svg') no-repeat center center;
    font-size:0;
}
.c-chip[focus],
.c-chip.focus{
    background-color:#1781f4;
    color:#fff;
}
.c-chip[focus] button,
.c-chip.focus button,
.c-chip.bg--blue button{
    background:url('../images/common/icon/circle-minus-blue-24.svg') no-repeat center center;
}
.c-chip .color--red{
    color:#ed5f5e;
}
.c-chip div img,
.c-chip div i,
.c-chip em{
    margin-left:4px;
}
.c-chip div i.ii-pencil-cross{
    width:11px;
    height:11px;
    margin-left:5px;
}
.c-chip.nowrap span{
    max-width:200px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.c-chip.width--120{
    width:120px;
}

/* Chip File */
.c-chip-file{
    display:inline-flex;
    align-items:center;
    height:24px;
    margin:0 8px 8px 0;
    padding-left:6px;
    border-radius:6px;
    background-color:#f2f2f2;
    font-size:12px;
    line-height:1;
}
.theme--fill .c-chip-file{
    background-color:#fff;
}
.c-chip-file i{
    margin-right:3px;
}
.c-chip-file button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-left:2px;
    background:url('../images/common/icon/circle-minus-gray-24.svg') no-repeat center center;
    font-size:0;
}
.type--image .c-chip-file{
    height:auto;
    padding:0;
    margin:0;
    background:none;
}
.type--image .c-chip-file img{
    width:80px;
    height:80px;
    object-fit:contain;
    background-color:#000;
    border-radius:8px;
}
.type--image .c-chip-file button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-left:2px;
    background:url('../images/common/icon/circle-minus-gray-24.svg') no-repeat center center;
}

/* Maker */
.c-marker{
    display:inline-flex;
    align-items:center;
    line-height:1;
}
.c-marker__thumb{
    display:inline-flex;
    align-items:center;
    position:relative;
    width:24px;
    height:24px;
    overflow:hidden;
}
.c-marker__thumb img{
    width:100%;
}
.c-marker__thumb span{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:1px solid #e8e8e8;
    border-radius:16px;
    font-weight:500;
    background-color:#f2f2f2;
    font-size:12px;
    color:#989898;
    line-height:1;
}
* + .c-marker__name{
    margin-left:10px;
}
.c-marker__team{
    margin-left:10px;
    color:#646669;
}
.c-marker__thumb.size--1{
    width:24px;
    height:24px;
    border-radius:12px;
}
.c-marker__thumb.size--2{
    width:35px;
    height:35px;
    border-radius:17.5px;
}
.c-marker__thumb.size--2 span{
    font-size:14px;
}
.c-marker__group{
    margin-left:10px;
    font-weight:500;
    font-size:12px;
}
.c-marker__type{
    color:#989898;
}
.c-marker__group .c-marker__name{
    margin-left:0;
    margin-top:3px;
}

/* List - 1 */
.c-list{
    position:relative;
    width:100%;
    padding-top:29px;
    background-color:#fff;
    border:1px solid #d9d9d9;
    border-radius:16px;
    overflow:hidden;
    cursor:pointer;

    transition:border-color 0.25s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.c-list.space--small{
    padding-top:17px;
}
.c-list + .c-list{
    margin-top:17px;
}
.c-list:hover{
    border-color:#adadb0;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);
}
.c-list:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    display:block;
    width:8px;
    background-color:transparent;
}
.c-list.bg--darkgray:before{
    background-color:#646669;
}
.c-list.bg--gray:before{
    background-color:#cacccf;
}
.c-list.bg--lightgray:before{
    background-color:#e8e8e8;
}
.c-list.bg--green:before{
    background-color:#00cf7f;
}
.c-list.bg--lightgreen:before{
    background-color:#d4ffd1;
}
.c-list.bg--red:before{
    background-color:#DC5D5D;
}
.c-list.bg--pink:before{
    background-color:#ffe3e3;
}
.c-list.bg--orange:before{
    background-color:#ec643a;
}
.c-list.bg--yellow:before{
    background-color:#fff0ba;
}
.c-list.bg--blue:before{
    background-color:#1781f4;
}
.c-list.bg--skyblue:before{
    background-color:#d9f8ff;
}
.c-list.bg--purple:before{
    background-color:#402982;
}
.c-list.bg--lightpurple:before{
    background-color:#e9e1ff;
}
.c-list.bg--bluegreen:before{
    background-color:#3bc8bf;
}
.c-list.bg--aqua:before{
    background-color:#ccebe9;
}
.c-list.bg--darkgreen:before{
    background-color:#00CF7F;
}
.c-list.selected--blue{
    border-color:#1781F4;
}
.c-list.selected--red{
    border-color:#ED5F5E;
}
.c-list__header{
    display:flex;
    padding:0 31px 22px 31px;
}
.c-list__header .c-list__info-content + .c-list__info-label{
    margin-left:42px;
}
.c-list__title{
    flex:1;
    padding-top:2px;
    font-weight:600;
    font-size:16px;
}
.c-list__title.nowrap{
    margin-right:50px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list__func{
    flex:none;
    display:flex;
    align-items:center;
    min-height:24px;
    margin-left:20px;
    line-height:1;
}
.c-list__func .c-btn{
    font-weight:400;
}
.c-list__status{
    display:flex;
    align-items:center;
    gap:10px;
}
.c-list__status span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:63px;
    height:23px;
    font-size:12px;
    color:#3d3d3d;
    background-color:#e8e8e8;
    border-radius:5px;
}
.c-list__status .status--before.active{
    background-color:#bbbaba;
    color:#fff;
}
.c-list__status .status--ing.active{
    background-color:#d9f8ff;
}
.c-list__status .status--ready.active{
    background-color:#ffe3e3;
}
.c-list__status .status--end.active{
    background-color:#646669;
    color:#fff;
}
.c-list__status + .c-btn{
    margin-left:62px;
}
.c-list__func-navi,
.c-list__func-type{
    display:flex;
    align-items:center;
    font-size:12px;
    color:#646669;
}
.c-list__func-navi span + span:before{
    content:'>';
    margin-right:4px;
    margin-left:3px;
}
.c-list__func-type span + span:before{
    content:'•';
    margin:0 4px;
}
.c-list__body{
    display:flex;
    align-items:center;
    padding:0 31px 15px 31px;
    line-height:1;
}
.c-list.type--content .c-list__body{
    padding-bottom:29px;
}
.c-list__content{
    flex:1;
    line-height:1.4;
}
.c-list__content.nowrap{
    margin-right:50px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    line-height:1;
}
.c-list__content.type--thumb{
    display:flex;
}
.c-list__content.type--thumb > div{
    flex:1;
}
.c-list__content.type--thumb > figure{
    flex:none;
    display:block;
    width:100px;
    height:100px;
    margin-left:100px;
    background-size:cover;
    background-position:50% 50%;
    background-repeat:no-repeat;
    border-radius:10px;
}
.c-list__content.type--2line{
    display:-webkit-box;
    max-height:36px;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.c-list__data{
    flex:1;
    display:flex;
}
.c-list__data-item{
    flex:1;
    position:relative;
}
.c-list__data-item.flex--none{
    flex:none;
}
.c-list__data-item:first-child{
    flex:1;
    max-width:480px;
}
.c-list__data-item:first-child:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:12px;
    display:block;
    height:1px;
    border-top:1px dashed #adadb0;
}
.c-list__data-item + .c-list__data-item{
    margin-left:24px;
}
.c-list__user{
    display:inline-flex;
    align-items:center;
    position:relative;
    min-height:24px;
    padding-right:24px;
    background-color:#fff;
    vertical-align:top;
}
.c-list__user .c-marker__thumb + .c-marker__thumb{
    margin-left:10px;
}
.c-list__user-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-left:10px;
    border-radius:12px;
    background-color:#646669;
    font-size:11px;
    color:#fff;
}
.c-list__info{
    display:flex;
    align-items:center;
    height:16px;
    margin-top:8px;
    font-size:12px;
}
.c-list__title + .c-list__info{
    margin-top:4px;
}
.c-list__info-label{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    color:#989898;
    white-space:nowrap;
}
.c-list__info-label.nowrap{
    width:auto;
    white-space:nowrap;
}
.c-list__info-content{
    display:flex;
    align-items:center;
    position:relative;
    margin-left:10px;
    color:#646669;
}
.c-list__info-content span + span:before{
    content:'•';
    margin:0 4px;
    color:#c7c7c8;
}
.c-list__info-content i{
    font-style:normal;
}
.c-list__info-content i + i:before{
    content:', ';
}
.c-list__info-content em{
    margin-left:10px;
    color:#1781f4;
}
.c-list__info-content em.color--red{
    color:#ed5f5e;
}
.c-list__info.type--single{
    align-self:flex-end;
}
.c-list__info.type--single .c-list__info-content + .c-list__info-label{
    margin-left:20px;
}
.c-list__dates{
    align-self:flex-start;
    padding:0 61px 0 31px;
}
.c-list__dates dl{
    display:flex;
    align-items:center;
    font-size:12px;
    font-weight:500;
}
.c-list__dates dt{
    color:#989898;
}
.c-list__dates dd{
    font-weight:600;
    color:#646669;
}
.c-list__dates dt + dd{
    margin-left:12px;
}
.c-list__dates dd + dt{
    margin-left:24px;
}
.c-list__control{
    flex:none;
    display:flex;
    align-items:center;
    height:24px;
}
.c-list__control-open.space--9{
    margin-right:9px;
}
.c-list__control-count{
    display:flex;
    align-items:center;
}
.c-list__control-count button{
    display:flex;
    align-items:center;
    font-size:12px;
    color:#646669;
    pointer-events:none;
    cursor:default;
}
.c-list__control-count button i{
    opacity:0.6;
}
.c-list__control-count button span{
    margin-left:3px;
}
.c-list__control-count button + button{
    margin-left:10px;
}
.c-list.display--show .c-list__control-open .c-btn img,
.c-list.display--show .c-list__control-open .c-btn i{
    transform:rotate(180deg);
}
.c-list__control-status{
    margin-left:24px;
}
.c-list__control .c-chip{
    margin:0;
}
.c-list__control-status .c-chip{
    width:54px;
    padding:0;
    margin:0;
}
.c-list__control-status .c-chip.width--83{
    width:83px;
}
.c-list__summary{
    display:flex;
    align-items:center;
    margin-top:-7px;
    padding:0 31px 15px 31px;
    line-height:1;
}
.c-list__summary > p{
    font-weight:500;
    color:#646669;
}
.c-list__footer{
    display:none;
    padding:24px 31px 22px 31px;
    border-top:1px solid #e8e8e8;
    background-color:#fafafa;
}
.c-list__footer.space--20{
    padding:20px;
}
.c-list.display--show .c-list__footer{
    display:flex;
}
.c-list__detail{
    flex:1;
}
.c-list__detail:first-child{
    flex:none;
    width:480px;
    padding-right:40px;
}
.c-list__detail + .c-list__detail{
    margin-left:24px;
}
.c-list__detail-label{
    display:flex;
    align-items:center;
    height:17px;
    font-weight:600;
    line-height:1;
}
.c-list__detail-content{
    margin-top:8px;
    color:#646669;
}
.c-list__detail-content.type--text{
    display:-webkit-box;
    margin-bottom:4px;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.c-list__detail.type--flex{
    display:flex;
    gap:17px;
}
.c-list__detail.type--flex .c-list__detail-label{
    flex:none;
}
.c-list__detail.type--flex .c-list__detail-content{
    margin-top:0;
}
.c-list__more{
    display:flex;
    justify-content:center;
    margin-top:42px;
}
.c-list__label-file{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:7px;
}
.c-list__label-file li{
    display:flex;
    align-items:center;
    min-height:47px;
    padding:0 5px 0 22px;
    background-color:#fff;
    border:1px solid #dddede;
    border-radius:6px;
}
.c-list__label-file .label{
    flex:1;
}
.c-list__label-file .date-name{
    flex:none;
    margin-right:10px;
}
.c-list__label-file button{
    flex:none;
}

.scroll .c-list-wrap{
    max-height:514px;
    margin:0 -48px;
    padding:0 48px;
    overflow:auto;
}
.c-list-wrap .c-list{
    width:600px;
    padding-top:17px;
}
.c-list-wrap .c-list__header{
    padding-bottom:17px;
}
.c-list__wrap{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
}
.c-list__wrap .c-list{
    width:calc(50% - 9px);
    margin:0;
}
.c-list__wrap .c-marker{
    position:absolute;
    right:31px;
    top:50%;
    margin-top:-12px;
    border-radius:12px;
    overflow:hidden;
}
.c-list__wrap .c-list__info{
    overflow:hidden;
}
.c-list__wrap .c-list__info-content{
    flex:none;
    display:block;
    max-width:150px;
    margin-right:20px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list__wrap .c-list__info-content:last-child{
    flex:1;
    max-width:none;
}
.c-list__wrap .c-list__header .c-list__info-content:last-child{
    flex:1;
    max-width:none;
    margin-right:0;
}
.c-list__wrap.theme--mini{
    gap:12px;
}
.c-list__wrap.theme--mini .c-list{
    width:calc(50% - 6px);
    padding:16px 24px 16px 32px;
    border:0;
    border-radius:6px;
    line-height:1;
}
.c-list__wrap.theme--mini .c-list__header{
    padding:0;
}
.c-list__wrap.theme--mini .c-list__title{
    margin-right:0;
    font-size:12px;
}
.c-list__wrap.theme--mini .c-list__func{
    min-height:0;
}
.c-list__wrap.theme--mini .c-list__func .c-chip{
    height:16px;
    margin:0;
    font-size:11px;
    font-weight:600;
}
.c-list__wrap.theme--mini .c-list__body{
    display:block;
    padding:0;
}
.c-list__wrap.theme--mini .c-list__content{
    min-height:11px;
    margin-top:11px;
    margin-right:0;
    font-size:11px;
    font-weight:500;
    color:#989898;
}
.c-list__wrap.theme--mini .c-list__info{
    height:auto;
    margin-top:11px;
    font-weight:500;
    font-size:11px;
}
.c-list__wrap.theme--mini .c-list__info-content{
    margin:0;
    color:#191F28;
}
.c-list__wrap.theme--mini .c-list__info-content + .c-list__info-content{
    margin-left:8px;
    padding-left:9px;
}
.c-list__wrap.theme--mini .c-list__info-content + .c-list__info-content:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    display:block;
    width:1px;
    height:8px;
    margin-top:-5px;
    background-color:#DDDEDE;
}

/* List - 2 */
.c-list-cat{
    width:100%;
    padding-bottom:48px;
    border:1px solid #dddede;
    border-radius:16px;
    backdrop-filter:blur(15px);
    line-height:1;
}
.c-list-cat__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    height:80px;
    padding:0 15px 1px 23px;
}
.c-list-cat__header:after{
    content:'';
    position:absolute;
    left:23px;
    right:0;
    bottom:0;
    display:block;
    height:1px;
    background-color:#f2f2f2;
}
.c-list-cat__header-title{
    font-size:20px;
    font-weight:600;
}
.c-list-cat__item{
    position:relative;
    padding-bottom:1px;
}
.c-list-cat__item:after{
    content:'';
    position:absolute;
    left:23px;
    right:0;
    bottom:0;
    display:block;
    height:1px;
    background-color:#f2f2f2;
}
.c-list-cat__title{
    display:flex;
    align-items:center;
    height:48px;
    padding:0 23px;
    overflow:hidden;
}
.c-list-cat__title span{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list-cat__sub-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:40px;
    padding-left:23px;
    padding-right:15px;
    color:#646669;
}
.c-list-cat__sub-item:hover{
    background-color:#f2f2f2;
}
.c-list-cat__sub-label{
    flex:1;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.c-list-cat__sub-label:before{
    content:'•';
    margin-right:5px;
    font-size:17px;
}
.c-list-cat__sub-label span{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list-cat__sub-label em{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:16px;
    padding:0 6px;
    margin-left:8px;
    border-radius:8px;
    background-color:#dc5d5d;
    color:#fff;
    font-size:11px;
}
.c-list-cat__sub-func{
    flex:none;
    position:relative;
    margin-left:10px;
}
.c-list-cat__sub-func > button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
}
.c-list-cat__sub-func .c-list-cat__sub-layer{
    z-index:1;
    position:absolute;
    right:0;
    top:32px;
    display:none;
    padding-top:8px;
}
.c-list-cat__sub-func:hover .c-list-cat__sub-layer{
    display:block;
}
.c-list-cat__sub-func .c-list-layer__func{
    display:none;
}
.c-list-cat__sub-func .c-list-layer__item:hover .c-list-layer__func{
    display:inline-flex;
}

/* List - 3 */
.c-list-layer{
    min-width:146px;
    width:100%;
    border:1px solid #adadb0;
    border-radius:8px;
    background-color:#fff;
    box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);
    color:#191f28;
    line-height:1;
    overflow:hidden;
}
.c-list-layer__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:40px;
    padding:0 12px;
    box-shadow:inset 0 -1px 0 #e8e8e8;
    cursor:pointer;

    transition:background-color 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.c-list-layer__item:last-child{
    box-shadow:none;
}
.c-list-layer__item:hover{
    background-color:#fafafa;
}
.c-list-layer__label{
    flex:1;
}
.c-list-layer__func{
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    width:24px;
}

.c-list-checkbox{
    position:relative;
}
.c-list-checkbox:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:block;
    height:1px;
    background-color:#E8E8EC;
}
.c-list-checkbox .x-list{
    max-height:419px;
    border:0;
    border-radius:0;
    outline:0;
    overflow-y:auto;
}
.c-list-checkbox .x-list-item{
    padding:0;
}
.c-list-checkbox__inner{
    display:flex;
    align-items:flex-start;
    gap:8px;
    width:800px;
    padding:21px 19px;
    border-bottom:1px solid #e8e8e8;
}
.c-list-checkbox label{
    flex:none;
}
.c-list-checkbox .content{
    flex:1;
}
.c-list-checkbox .content-body{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:-1px;
    font-size:13px;
    font-weight:500;
    color:#3d3d3d;
    gap:8px;
}
.c-list-checkbox .content-body:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    border-top:1px dashed #d9d9da;
}
.c-list-checkbox .content-body .title{
    position:relative;
    max-width:400px;
    background-color:#fff;
    font-weight:600;
    font-size:14px;
    padding-right:8px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list-checkbox .x-list-item[focus] .content-body .title,
.c-list-checkbox .x-list-item:hover .content-body .title{
    background-color:#fafafa;
}
.c-list-checkbox .content-body .info{
    position:relative;
    padding-left:8px;
    background-color:#fff;
    font-weight:600;
}
.c-list-checkbox .x-list-item[focus] .content-body .info,
.c-list-checkbox .x-list-item:hover .content-body .info{
    background-color:#fafafa;
}
.c-list-checkbox .content-body .info > span{
    padding-left:5px;
    color:#989898;
}
.c-list-checkbox .content-body .info > button{
    margin-left:10px;
}
.c-list-checkbox .content-summary{
    margin-top:8px;
    font-weight:500;
    font-size:12px;
}

.c-list-simple__item{
    display:flex;
    align-items:center;
    white-space:nowrap;
    overflow:hidden;
}
.c-list-simple__item + .c-list-simple__item{
    margin-top:10px;
}
.c-list-simple__item > span{
    flex:none;
    margin-right:5px;
}
.c-list-simple__item div{
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list-simple__item div:before{
    content:'/';
    margin-right:5px;
}
.c-list-simple__item button{
    flex:none;
    margin-left:10px;
}
.c-list-simple__item button i{
    width:11px;
    height:11px;
    margin-left:4px;
}

.c-list-file__item{
    display:flex;
    align-items:center;
    padding:5px 10px;
    border-radius:8px;
    cursor:pointer;
}
.c-list-file__item:hover{
    background-color:#fafafa;
}
.c-list-file__item + .c-list-file__item{
    margin-top:10px;
}
.c-list-file__item-title{
    flex:1;
    display:flex;
    align-items:center;
    margin-right:20px;
    overflow:hidden;
}
.c-list-file__item-title > i{
    flex:none;
    margin-right:10px;
}
.c-list-file__item-title > span{
    flex:1;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list-file__item-content{
    flex:none;
    display:flex;
    align-items:center;
}
.c-list-file__item-content > *{
    min-width:74px;
    text-align:center;
}
.c-list-file__item-content > * + *{
    margin-left:20px;
}
.c-list-file__item-content .width--180{
    min-width:180px;
}
.c-list-file__item-content div > button + button{
    margin-left:10px;
}
.c-list-file__item-content div > i + span{
    margin-left:5px;
}

/* c-list-comma */
.c-list-comma{
    width:500px;
    padding:25px;
    border:1px solid #DDDEDE;
    border-radius:16px;
    line-height:1.6;
}
.c-list-comma span{
    cursor:pointer;
}
.c-list-comma span + span:before{
    content:', ';
}

/* c-list-alarm */
.c-list-alarm .x-list{
    border:0;
    border-radius:0;
    background:transparent;
}
.c-list-alarm .x-list-item{
    padding:0;
    box-shadow:none;
}
.c-list-alarm .x-list-item[focus],
.c-list-alarm .x-list-item[select],
.c-list-alarm .x-list-item:hover{
    background-color:transparent;
}
.c-list-alarm{
    width:432px;
    max-height:308px;
    overflow:auto;
}
.c-list-alarm__item{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    min-height:48px;
    margin-top:4px;
    padding-left:10px;
    padding-right:16px;
    border-radius:8px;
    background-color:#FAFAFA;
    font-size:11px;
    font-weight:500;
    line-height:1;
    cursor:pointer;
}
.x-list-item:first-child .c-list-alarm__item{
    margin-top:0;
}
.c-list-alarm__item strong{
    position:relative;
    display:block;
    padding-left:14px;
    font-size:12px;
    color:#646669;
    font-weight:600;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-list-alarm__item div{
    padding-left:14px;
}
.c-list-alarm__item span{
    display:block;
    margin-top:5px;
    color:#989898;
}
.c-list-alarm__item.yet:hover{
    background-color:#F2F2F2;
}
.c-list-alarm__item.yet strong{
    color:#191F28;
}
.c-list-alarm__item.yet strong:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    display:block;
    width:6px;
    height:6px;
    margin-top:-4px;
    border-radius:3px;
    background-color:#DC5D5D;
}
.c-list-alarm__item.yet span{
    color:#646669;
}
.c-list-alarm__title{
    margin-bottom:16px;
    font-size:14px;
    color:#000;
}
.c-list-alarm.type--related{
    padding:24px;
}
.c-list-alarm.type--related .c-list-alarm__item{
    flex-direction:row;
    justify-content:flex-start;
    min-height:0;
    padding-top:10px;
    padding-bottom:10px;
}
.c-list-alarm.type--related .c-list-alarm__item:hover{
    background-color:#F2F2F2;
}

/* Label */
.c-label{
    position:relative;
    display:flex;
    width:100%;
    min-height:56px;
    border:1px solid transparent;
    border-radius:8px;
    background-color:#fff;
    line-height:1;
    overflow:hidden;
    transition:border-color 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.c-label.v-center{
    align-items:center;
}
.c-label.type--search{
    background:url('../images/common/icon/search-gray-16.svg') no-repeat right 15px center;
    background-color:#fff;
}
.c-label.theme--mini{
    min-height:40px;
    border:0;
    box-shadow:0 2px 6px 0 rgba(0,0,0,0.1);
}
/*.c-label:before{
    content:attr(label);
    position:absolute;
    top:19px;
    left:15px;
    display:flex;
    align-items:center;
    height:17px;
    font-size:13px;
    color:#646669;
    pointer-events:none;

    transform-origin:left top;
    transition:all 0.3s cubic-bezier(0.3, 0.7, 0.6, 1);
}
.c-label[require],
.c-label.require{
    background-color:#ffe3e3;
    border-color:transparent !important;
}
.c-label[require]:before,
.c-label.require:before{
    color:#dd1818;
}*/
.c-label.theme--line{
    border-color:#dddede;
}
.c-label.theme--fill{
    background-color:#f2f2f2;
}
.c-label[valid].theme--line{
    border-color:#e0c2c2;
}
.c-label[valid].theme--line,
.c-label[valid].theme--fill{
    background-color:#ffe3e3;
}
.c-label[focus],
.c-label.focus{
    z-index:1;
    border-color:transparent !important;
    box-shadow:0 0 0 2px #1987ff;
}
.c-label.auto-height textarea{
    overflow: hidden;
}
.c-label__title{
    position:absolute;
    top:19px;
    left:15px;
    display:flex;
    align-items:center;
    height:17px;
    font-size:13px;
    color:#646669;
    pointer-events:none;

    transform-origin:left top;
    transition:all 0.3s cubic-bezier(0.3, 0.7, 0.6, 1);
}
.c-label[active] .c-label__title,
.c-label.active .c-label__title,
.c-label.active:before{
    top:6px;
    font-size:12px;
}
.c-label[valid] .c-label__title{
    color:#dc5d5d;
}
.c-label[required] .c-label__title:after,
.c-label.required .c-label__title:after{
    content:'';
    position:absolute;
    right:-8px;
    top:50%;
    display:block;
    width:4px;
    height:4px;
    margin-top:-2px;
    border-radius:2px;
    background-color:#ed5f5e;
}
.c-label .c-label__clear{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 15px;
}
.c-label.type--search .c-label__clear{
    background-color:#fff;
}
.c-label__chips{
    display:flex;
    flex-wrap:wrap;
}
.c-label__content{
    flex:1;
    display:flex;
    flex-wrap:wrap;
    padding-bottom:3px;
    padding-left:15px;
    margin-top:25px;
}
.c-label.type--file .c-label__content{
    padding-bottom:1px;
}
.c-label.type--image .c-label__content{
    height:90px;
    padding-bottom:10px;
    overflow:auto;
}
.c-label.type--search .c-label__content{
    padding-right:46px !important;
}
.c-label__content > input[type='text'],
.c-label__content > input[type='password']{
    flex:1;
    height:100%;
    margin-right:15px;
    margin-top:-2px;
    background-color:transparent;
}
.c-label__content > textarea{
    flex:1;
    min-height:122px;
    margin-right:15px;
    margin-bottom:8px;
    background-color:transparent;
    line-height:1.6;
}
.c-label__content-select{
    display:flex;
    flex-wrap:wrap;
}
.c-label__content-select .c-chip{
    margin-right:16px;
}
.c-label__content-select .c-chip[selected]{
    background-color:#d9f8ff;
}
.c-label__func{
    flex:none;
    display:flex;
    justify-content:center;
    width:54px;
    padding-top:11px;
}
.c-label__func-group{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding-right:15px;
}
.c-label-func{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-height:56px;
    padding:0 16px;
    border:1px solid transparent;
    border-radius:8px;
    background-color:#fff;
    line-height:1;
}
.c-label-func.theme--line{
    border-color:#dddede;
}
.c-label-func.theme--fill{
    background-color:#f2f2f2;
}
.c-label-func[valid].theme--line{
    border-color:#e0c2c2;
}
.c-label-func[valid],
.c-label-func[valid].theme--line,
.c-label-func[valid].theme--fill{
    background-color:#ffe3e3;
}
.c-label-func[focus],
.c-label-func.focus{
    z-index:1;
    border-color:transparent !important;
    box-shadow:0 0 0 2px #1987ff;
}
.c-label-func__label{
    color:#646669;
}
.c-label-func[valid] .c-label-func__label{
    color:#dc5d5d;
}
.c-label-func.theme--fill .c-switch span{
    border-color:#e8e8e8;
    background-color:#fff;
}
.c-label-func.theme--fill .c-switch span:after{
    border-color:#cacccf;
    background-color:#cacccf;
}
.c-label-func .c-chip{
    margin:0 0 0 16px;
    cursor:pointer;
}
.c-label-func .c-chip:hover{
    background-color:#e8e8e8;
}
.c-label-func.theme--fill .c-chip:hover{
    background-color:#fff;
}
.c-label-func .c-chip[selected]{
    background-color:#d9f8ff !important;
}
.c-label__pass{
    position:absolute;
    right:10px;
    top:0;
    display:flex;
    align-items:center;
    height:100%;
    cursor:pointer;
}
input[type=text] + .c-label__pass i{
    background-image:url('../images/common/icon/eye-slash16.svg');
}
.c-label.label--none{
    border-color:#dddede;
}
.c-label.label--none:before{
    display:none;
}
.c-label.label--none .c-label__content{
    margin-top:0;
    padding:0 15px;
}
.c-label.label--none .c-label__content > input[type='text']{
    margin-right:0;
    margin-top:0;
}
.c-popup__footer .c-label{
    min-width:500px;
}
.c-label.size--sm{
    min-height:32px;
}
.c-label.size--sm .c-label__func-group{
    padding-right:5px;
}
.c-label.size--sm .c-btn.type--icon{
    width:24px;
    height:24px;
}

/* Period */
.c-period{
    border:1px solid #adadb0;
    border-radius:10px;
    background-color:#fff;
    box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);
    line-height:1;
    font-size:13px;
    overflow:hidden;
}
.c-period__header{
    display:flex;
    height:65px;
    border-bottom:1px solid #e8e8e8;
    font-size:15px;
}
.c-period__header button{
    flex:1;
    height:100%;
}
.c-period__header button + button{
    border-left:1px solid #e8e8e8;
}
.c-period__header button[selected='true']{
    background-color:#f2f2f2;
}
.c-period__header button span,
.c-period__header button strong{
    display:flex;
    align-items:center;
    justify-content:center;
}
.c-period__header button span{
    height:16px;
    font-size:12px;
    color:#646669;
}
.c-period__header button strong{
    height:15px;
    margin-top:8px;
    font-weight:400;
}
.c-period__header.c-tab button{
    height:100%;
    flex-direction:column;
    justify-content:center;
    margin:0;
    border-radius:0;
}
.c-period__header.c-tab button + button{
    margin-left:0;
}
.c-period__header.c-tab button[selected]{
    background-color:#f2f2f2;
    color:inherit;
}
.c-period__header.c-tab button[selected] span{}
.c-period__chooser .x-date-chooser-header{
    height:64px;
}
.c-period__chooser .x-date-table-item{
    padding:0;
}
.c-period__chooser .x-date-table-item:hover{
    border:0;
}
.c-period__chooser .x-date-table-item:hover .date-chooser-item{
    background-color:#f2f2f2 !important;
    color:#646669 !important;
}
.c-period__chooser .date-time-chooser{
    border:0;
    border-radius:0;
    box-shadow:none;
}
.c-period__chooser .date-chooser .x-date-table-item[select]{
    background-color:inherit;
    color:inherit;
}
.c-period__chooser .date-chooser .date-chooser-item{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
}
.c-period__chooser .date-chooser .date-chooser-item.range-start{
    background-color:#191F28;
    color:#fff;
    border-top-left-radius:50%;
}
.c-period__chooser .date-chooser .date-chooser-item.range-end{
    background-color:#191f28;
    color:#fff;
    border-bottom-right-radius:50%;
}
.c-period__chooser .date-chooser .date-chooser-item.range-middle{
    background-color:#e7e7e7;
    color:#646669;
}
.c-period__chooser .time-chooser{
    border-left:1px solid #e8e8e8;
}
.c-period__footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    height:81px;
    padding:0 24px;
    border-top:1px solid #e8e8e8;
}
.c-period__footer button + button{
    margin-left:16px;
}
.c-period__label{
    display:flex;
    align-items:center;
    height:31px;
    border-bottom:1px solid #e8e8e8;
    font-size:12px;
    color:#646669;
}
.c-period__label span{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
}
.c-period__date{
    display:flex;
}
.c-period__date-item{
    flex:1;
    height:208px;
    padding:8px 24px;
    overflow-y:auto;
    -ms-overflow-style:none;
}
.c-period__date-item + .c-period__date-item{
    border-left:1px solid #e8e8e8;
}
.c-period__date-item::-webkit-scrollbar{
    display:none;
}
.c-period__date-item .label{
    display:flex;
    align-items:center;
    justify-content:center;
    height:32px;
    border-radius:8px;
    cursor:pointer;
}
.c-period__date-item .label + .label{
    margin-top:8px;
}
.c-period__date-item .label[selected='true']{
    background-color:#1781f4;
    color:#fff;
}
.c-date-chooser:hover{
    z-index:1;
    box-shadow:0 0 0 1px #1987ff;
}
.c-popup-date-chooser{
    padding:32px;
    border:1px solid #adadb0;
}
.c-popup-date-chooser .c-popup__body{
    display:flex;
    gap:8px;
}
.c-popup-date-chooser .c-popup__footer{
    margin-top:16px;
}
.c-popup-date-chooser .x-date-chooser{
    border:0;
    box-shadow:none;
}

/* c-search-bar */
.c-search-bar{
    height:66px;
    background:rgba(255, 255, 255, 0.9);
    border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:16px;
    box-shadow:0 40px 40px rgba(0, 0, 0, 0.2);
}
.c-search-bar.display--show{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
.c-search-bar .c-input-search{
    width:100%;
    height:100%;
    border-radius:15px;
    overflow:hidden;
}
.c-search-bar .c-input-search > input{
    height:100%;
    padding-left:54px;
    padding-right:56px;
    background:url('../images/common/icon/search-gray-16.svg') 32px 50%/16px no-repeat;
    font-size:15px;
    text-align:left;
    box-shadow:none;
    backdrop-filter:blur(20px);
}
.c-search-bar .c-input-search > input:-ms-input-placeholder{
    color:#646669;
}
.c-search-bar .c-input-search > input::-webkit-input-placeholder{
    color:#646669;
}
.c-search-bar .c-input-search > input::-moz-placeholder{
    color:#646669;
}
.c-search-bar .c-input-search .btn-clear{
    padding-left:16px;
    padding-right:16px;
}
.c-search-bar .c-input-search .btn-clear img{
    animation:rotate 1.5s linear infinite;
}
@keyframes rotate{
    to{
        transform:rotate(360deg);
    }
}

/* Editor */
.c-editor{
    position:relative;
    min-height:300px;
    width:100%;
    height:500px;
}
.c-editor__inner{
    position:absolute;
    top:0;
    left:0;
}
.c-editor svg.fr-svg{
    height:20px !important;
}
.c-editor .royal-theme.fr-toolbar .fr-btn-grp{
    margin:0;
}
.c-editor .royal-theme.fr-toolbar .fr-command.fr-btn svg{
    margin:6px;
}
.c-editor[valid] .royal-theme.fr-toolbar,
.c-editor[valid] .royal-theme.fr-box.fr-basic .fr-wrapper,
.c-editor[valid] .royal-theme .fr-second-toolbar{
    border-color:#e0c2c2;
    /*background-color:#ffe3e3;*/
}

/* Tree */
.c-tree-wrap{
    height:100%;
    border:1px solid #d9d9d9;
    border-radius:10px;
    overflow:hidden;
}
.c-tree__top{
    display:flex;
    align-items:center;
    height:38px;
    padding:0 20px;
    border-bottom:1px solid #dddede;
    cursor:pointer;
    color:#666;
}
.c-tree.selected .c-tree__top{
    color:#222;
}
.c-tree .c-tab{
    flex:none;
    justify-content:center;
    align-items:center;
    height:38px;
    border-bottom:1px solid #dddede;
    background-color:#fff;
}
.c-tree .c-tab button{
    height:23px;
    padding:0 8px;
    border-radius:5px;
}
.c-tree .c-tab button + button{
    margin-left:10px;
}
.c-tree-wrap.type--single{
    background-color:#fff;
}
.c-tree-wrap.type--single .x-tree-basic{
    border:0;
}
.c-tree-wrap.type--single .x-tree-basic .x-tree-wrap{
    max-height:none;
}

/* Size */
img.size--24{
    width:24px;
    height:24px;
}
img.size--23{
    width:23px;
    height:23px;
}
img.size--20{
    width:20px;
    height:20px;
}
img.size--16{
    width:16px;
    height:16px;
}
img.size--15{
    width:15px;
    height:15px;
}
img.size--12{
    width:12px;
    height:12px;
}

/* Input */
.c-input{
    position:relative;
    width:100%;
}
.c-input input{
    width:100%;
    height:32px;
    padding:0 15px;
    border:1px solid transparent;
    border-radius:8px;
    font-size:13px;
    color:#191f28;
    line-height:1;
    box-shadow:0 0 0 2px transparent;

    transition:box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.c-input[valid] input:-ms-input-placeholder{
    color:#dc5d5d;
}
.c-input[valid] input::-webkit-input-placeholder{
    color:#dc5d5d;
}
.c-input[valid] input::-moz-placeholder{
    color:#dc5d5d;
}
.c-input input:focus{
    border-color:transparent !important;
    box-shadow:0 0 0 2px #0e8bff;
}
.c-input.theme--line input{
    border-color:#dddede;
}
.c-input[valid].theme--line input{
    border-color:#e0c2c2;
    background-color:#ffe3e3;
}
.c-input.theme--fill input{
    background-color:#f2f2f2;
}
.c-input[valid].theme--fill input{
    background-color:#ffe3e3;
}
.c-input.type--search input{
    padding-left:38px;
    background-image:url('../images/common/icon/search-gray-16.svg');
    background-position:15px center;
    background-repeat:no-repeat;
}
.c-input.type--clear input{
    padding-right:37px;
}
.c-input .btn-clear{
    position:absolute;
    right:0;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:100%;
}
.c-input > input:placeholder-shown + .btn-clear{
    opacity:0;
    pointer-events:none;

    will-change:opacity;
    transition:opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.c-input > input:not(:placeholder-shown) + .btn-clear{
    opacity:1;
    pointer-events:auto;
}
.c-input.size--big input{
    height:56px;
}

/* Switch */
.c-switch{
    position:relative;
    display:inline-flex;
    align-items:center;
    vertical-align:middle;
    line-height:0;
    cursor:pointer;
}
.c-switch input{
    position:absolute;
    width:0;
    height:0;
    opacity:0.00001;
}
.c-switch span{
    position:relative;
    display:inline-block;
    width:40px;
    height:24px;
    border:1px solid #dddede;
    border-radius:12px;
    background-color:#f2f2f2;
    overflow:hidden;
}
.c-switch span:after{
    content:'';
    position:absolute;
    left:2px;
    top:2px;
    width:18px;
    height:18px;
    border:1px solid #dddede;
    border-radius:9px;
    background-color:#fff;

    will-change:transform;
    transform:translateX(0);
    transition:transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-switch input:checked + span{
    background-color:#1781f4 !important;
    border-color:#1781f4 !important;
}
.c-switch input:checked + span:after{
    border-color:#1781f4 !important;
    background-color:#fff !important;
    transform:translateX(calc(100% - 2px));
}
.c-switch input:disabled{
    pointer-events:none;
}
.c-switch input:disabled ~ *{
    opacity: 0.5;
}

/* Toast */
.c-toast-layer{
    width:400px;
    height:100%;
    padding:70px 30px ;
    pointer-events:none;
}
.c-toast{
    margin:2px 0;
    width:350px;
    padding:16px;
    border-radius:16px;
    background-color:rgba(7, 12, 20, 0.8);
    box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);
    backdrop-filter:blur(40px);
    color:#fff;
    overflow:hidden;
}
.c-toast__content{
    padding-left:40px;
    background:url('../images/common/icon/circle-check-green-24.svg') no-repeat 0 0;
}
.c-toast.type--del .c-toast__content{
    background:url('../images/common/icon/trash-red-24.svg') no-repeat 0 0;
}
.c-toast.type--delay .c-toast__content{
    background:url('../images/common/icon/disappointed-24.svg') no-repeat 0 0;
}
.c-toast.type--ing .c-toast__content{
    background:url('../images/common/icon/infinity-24.svg') no-repeat 0 0;
}
.c-toast.type--notify .c-toast__content{
    background:url('../images/common/icon/info-16.svg') no-repeat 0 0;
    background-size:24px;
}
.c-toast__content strong{
    display:flex;
    align-items:center;
    height:20px;
    font-weight:600;
    font-size:15px;
    line-height:1;
}
.c-toast__content span{
    display:block;
    margin-top:4px;
}
.c-toast__content .color--red{
    color:#ff5352;
}
.c-toast__close{
    position:absolute;
    right:0;
    top:0;
    width:36px;
    height:36px;
    pointer-events:auto;
}
.c-toast__close button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

/* Valid */
.c-valid{
    display:flex;
    margin-left:6px;
    margin-top:10px;
    font-size:11px;
    color:#dd1818;
    line-height:1;
}
.c-valid i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:12px;
    height:12px;
    background:url('../images/common/icon/warn-info-24.svg') no-repeat center center;
}
.c-valid i + span{
    margin-left:4px;
}

/* No Data */
.c-no-data{
    display:flex;
    align-items:center;
    gap:8px;
}
.c-no-data__message{
    font-size:12px;
    white-space:nowrap;
}
.c-no-data__message em{
    font-size:14px;
    font-weight:600;
}
.c-no-data__buttons{
    display:flex;
    align-items:center;
}
.c-no-data__buttons button{
    white-space:nowrap;
}
.c-no-data.theme--full{
    display:flex;
    align-items:center;
    justify-content:center;
    height:300px;
}
.c-no-data.theme--full .c-no-data__message{
    font-size:20px;
}

/* Paging */
.c-paging{
    display:flex;
    justify-content:center;
    margin-top:45px;
}
.c-layout.with--func2 .c-paging{
    margin-top:45px;
}
.c-paging button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    height:28px;
    padding:0 9px;
    font-size:14px;
    color:#646669;
}
.c-paging button[selected]{
    color:#222;
}
.c-paging .prev,
.c-paging .next,
.c-paging .first,
.c-paging .last{
    padding:0;
    border:1px solid #e0e0e0;
    background-color:#fff;
}
.c-paging .prev{
    margin-right:10px;
}
.c-paging .next{
    margin-left:10px;
}

/* Link */
.c-link{
    color:#1781f4;
    text-decoration:underline;
    cursor:pointer;
}

/* Textarea */
.c-textarea{
    min-height:150px;
    padding:10px 15px;
    font-size:13px;
    line-height:32px;
    background-color:#f2f2f2;
    border-radius:8px;
    box-shadow:0 0 0 2px transparent;
    transition:box-shadow .25s cubic-bezier(0.0, 0.0, 0.2, 1), border-color .25s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.c-textarea:focus{box-shadow:0 0 0 2px #0e8bff;}
.c-textarea[readonly]:focus{box-shadow:0 0 0 2px transparent;}
.c-textarea[disabled]{opacity:.5;pointer-events:none;}
.c-textarea.size--full{width:100%;}
.c-textarea.theme--line{background-color:#fff;border:1px solid #dddede;}
.c-textarea.theme--line:focus:not([readonly]){border-color:transparent;}
.c-textarea__byte{
    display:flex;
    justify-content:flex-end;
    margin-top:5px;
    color:#666;
}

/* c-dropdown-bar */
.c-dropdown-bar{
    position:relative;
}
.c-dropdown-bar + .c-dropdown-bar{
    margin-left:16px;
}
.c-dropdown-bar.inline{
    display:inline-block;
    vertical-align:middle;
}
.c-dropdown-bar[disabled]{
    opacity:0.4;
    cursor:default;
    pointer-events:none;
}
.c-dropdown-bar__control{
    position:relative;
    height:32px;
    padding-right:36px;
    background-color:#fff;
    border:1px solid #adadb0;
    border-radius:8px;
}
.c-dropdown-bar__control.is-open{}
.c-dropdown-bar__trigger{
    position:absolute;
    right:0;
    top:0;
    width:36px;
    height:100%;
}
.c-dropdown-bar__trigger-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
.c-dropdown-bar__content{
    z-index:100;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    min-width:150px;
    margin-top:8px;
    max-height:271px;
    border:1px solid #adadb0;
    background-color:rgba(255, 255, 255, .9);
    box-shadow:0 4px 20px rgba(0, 0, 0, .1);
    overflow-y:auto;
    overflow-x:hidden;
    border-radius:8px;
    white-space:nowrap;
}
.c-dropdown-bar.filled .c-dropdown-bar__content{
    background-color:#fff;
}
.c-dropdown-bar__item{
    display:flex;
    align-items:center;
    width:100%;
    min-height:40px;
    padding-left:12px;
    padding-right:12px;
    font-size:13px;
    color:#000;
    border-top:1px solid #e8e8e8;
    overflow:hidden;
    cursor:pointer;
}
.c-dropdown-bar__item.nowrap{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    max-width:100%;
}
.c-dropdown-bar__item:first-child{
    border-top:0;
}
.c-dropdown-bar__item .c-checkbox{
    width:inherit;
    white-space:nowrap;
    text-overflow:ellipsis;
    /*overflow:hidden;*/
}
.c-dropdown-bar__item:hover,
.c-dropdown-bar__item.selected{
    background-color:#fafafa;
}
.c-dropdown-bar__item.type--icon{
    justify-content:space-between;
}
.c-dropdown-bar__selection{
    display:flex;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 0 0 12px;
    cursor:pointer;
}
.c-dropdown-bar__selection button + span{
    margin-left:16px;
}
.c-dropdown-bar__title{
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-dropdown-bar__title .label{
    padding-right:10px;
}
.c-dropdown-bar__title .label:last-child{
    padding-right:0;
}
.c-dropdown-bar.clear{}
.c-dropdown-bar.clear .c-dropdown-bar__control{
    height: auto;
    padding-right: 0;
    background-color: transparent;
    border:0;
    border-radius:0;
}
.c-dropdown-bar.clear .c-dropdown-bar__selection{padding:0;}
.c-dropdown-bar.clear .c-dropdown-bar__trigger{display:none;width:100%;}
.c-dropdown-bar.clear .c-dropdown-bar__trigger-button{display:none;}
.c-dropdown-bar.clear .c-label__func button:hover{background-color:#E8E8E8;}

/* c-calendar */
.c-calendar{
    color:#191f28;
    line-height:1;
    font-size:14px;
}
.c-calendar .ec{
    color:inherit;
}
.c-calendar .ec-toolbar{
    position:relative;
    display:none;
    min-height:39px;
    margin:0 0 14px 0;
}
.c-calendar .ec-toolbar > *{
    margin:0;
}
.c-calendar .ec-start{
    position:absolute;
    right:0;
    top:0;
}
.c-calendar .ec-end{
    position:absolute;
    right:0;
    top:0;
    display: none;
}
.c-calendar .ec-center{
    flex:1;
    text-align:center;
}
.c-calendar .ec-button-group{
    height:39px;
    margin:0;
    border:1px solid #ced4da;
    border-radius:5px;
    background-color:#fff;
    overflow:hidden;
}
.c-calendar .ec-button{
    padding:0 15px;
    border:0;
    border-radius:0;
    font-size:14px;
    color:#191f28;
    line-height:1;
    opacity:1;
}
.c-calendar .ec-button-group .ec-button:not(:first-child){
    margin:0;
}
.c-calendar .ec-button + .ec-button{
    border-left:1px solid #ced4da;
}
.c-calendar .ec-button:disabled{
    color:#888;
}
.c-calendar .ec-button:not(:disabled):hover,
.c-calendar .ec-button.ec-active{
    border-color:#ced4da;
    background-color:#e9ecef;
}
.c-calendar .ec-button.ec-prev,
.c-calendar .ec-button.ec-next{
    width:41px;
    padding:0;
    background-color:#e9ecef;
}
.c-calendar .ec-button.ec-prev:hover,
.c-calendar .ec-button.ec-next:hover{
    background-color:#e9ecef;
}
.c-calendar .ec-button.ec-today:hover{
    background-color:#fff;
}
.c-calendar .ec-icon.ec-prev:after,
.c-calendar .ec-icon.ec-next:after{
    display:none;
}
.c-calendar .ec-button.ec-prev i{
    display:inline-flex;
    width:24px;
    height:24px;
    background:url('../images/common/icon/chevron-left-24.svg') no-repeat 50% 50%;
    background-size:100% 100%;
    vertical-align:middle;
}
.c-calendar .ec-button.ec-next i{
    display:inline-flex;
    width:24px;
    height:24px;
    background:url('../images/common/icon/chevron-right-24.svg') no-repeat 50% 50%;
    background-size:100% 100%;
    vertical-align:middle;
}
.c-calendar .ec-button.ec-timeGridWeek,
.c-calendar .ec-button.ec-timeGridDay{
    display:none;
}
.c-calendar .ec-button.ec-dayGridMonth,
.c-calendar .ec-button.ec-listWeek{
    width:70px;
}
.c-calendar .ec-title{
    font-size:20px;
}
.c-calendar .ec-header,
.c-calendar .ec-all-day,
.c-calendar .ec-body,
.c-calendar .ec-days,
.c-calendar .ec-day,
.c-calendar .ec-list .ec-day-head{
    border-color:#ced4da;
}
.c-calendar .ec-header{
    background-color:#e9ecef;
}
.c-calendar .ec-header .ec-day{
    min-height:40px;
    line-height:40px;
}
.c-calendar .ec-day-grid .ec-day-head{
    padding:6px;
    font-size:13px;
}
.c-calendar .ec-red .ec-day-head,
.c-calendar .ec-sun .ec-day-head{
    color:#ed5f5e;
}
.c-calendar .ec-sat .ec-day-head{
    color:#1781F4;
}
.c-calendar .ec-day-grid .ec-uniform .ec-day{
    height:160px;
}
.c-calendar .ec-body{
    background-color:#fff;
}
.c-calendar .ec-day.ec-today{
    z-index:1;
    background-color:#f2f8fe;
}
.c-calendar .ec-day.ec-today:before{
    content:'';
    position:absolute;
    left:-1px;
    right:-1px;
    top:-1px;
    bottom:-1px;
    border:1px solid #819ac6;
}
.c-calendar .ec-event-body > div{
    display:flex;
    align-items:center;
    width:100%;
}
.c-calendar .ec-event-body > div i{
    flex:none;
    margin-right:5px;
}
.c-calendar .ec-event-body > div span{
    flex:1;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.c-calendar .ec-events{
    margin:0 6px;
    padding:0;
}
.c-calendar .ec-event{
    z-index:2;
    /*padding:9px 5px;*/
    padding: 0;
    font-size:12px;
    line-height:1;
    box-shadow:none;
    cursor:pointer;
}

.c-calendar .ec-event .month{
    padding: 9px 5px;
    border-radius: 3px;
}

.c-calendar .ec-event .month.class-1{
    background-color:#c4e7ef;
    color:#0f5464;
}
.c-calendar .ec-event .month.class-2{
    background-color:#ffd8d8;
    color:#555454;
}
.c-calendar .ec-event .month.class-3{
    background-color:#dbe9ff;
    color:#2a5697;
}
.c-calendar .ec-event .month.class-4{
    background-color:#039BE5;
    color:#dbe9ff;
}
.c-calendar .ec-event .month.class-5{
    background-color:#d4ffd1;
    color:#00CF7F;
}
.c-calendar .ec-event .month.class-6{
    background-color:#ed5f5e;
    color:#fff;
    text-align:center;
}

.c-calendar .ec-event.class-1{
    background-color:#c4e7ef;
    color:#0f5464;
}
.c-calendar .ec-event.class-2{
    background-color:#ffd8d8;
    color:#555454;
}
.c-calendar .ec-event.class-3{
    background-color:#dbe9ff;
    color:#2a5697;
}
.c-calendar .ec-event[style="width:calc(200% + 7px);margin-top:1px;"]{
    width:calc(200% + 13px) !important;
}
.c-calendar .ec-event[style="width:calc(300% + 14px);margin-top:1px;"]{
    width:calc(300% + 26px) !important;
}
.c-calendar .ec-event[style="width:calc(400% + 21px);margin-top:1px;"]{
    width:calc(400% + 39px) !important;
}
.c-calendar .ec-event[style="width:calc(500% + 28px);margin-top:1px;"]{
    width:calc(500% + 52px) !important;
}
.c-calendar .ec-event[style="width:calc(600% + 35px);margin-top:1px;"]{
    width:calc(600% + 65px) !important;
}
.c-calendar .ec-event[style="width:calc(700% + 42px);margin-top:1px;"]{
    width:calc(700% + 78px) !important;
}
.c-calendar .ec-day-grid .ec-day-foot{
    left:0;
    padding:10px 6px;
    font-size:13px;
    color:#555454;
}
.c-calendar .ec-list .ec-day-head{
    background-color:#e9ecef;
    margin:0;
    padding:12px 17px;
    color:#222;
}
.c-calendar .ec-list .ec-event{
    padding:8px;
    font-size:13px;
    line-height:1.4;
    background:none !important;
}
.c-calendar .ec-list .ec-day.ec-today:before{
    display:none;
}
.c-calendar .ec-list .ec-event-body > div i{
    display:none;
}
.c-calendar .ec-list .ec-event-body > div span{
    white-space:normal;
}
.c-calendar .ec-list .ec-event-tag{
    display:none;
}
.c-calendar .ec-list .event-tag{
    width:7px;
    height:100%;
    margin-right:9px;
    border-radius:4px;
}
.c-calendar .ec-list .ec-event-body .list.class-1{
    color:#0f5464;
}
.c-calendar .ec-list .ec-event-body .list.class-2{
    color:#555454;
}
.c-calendar .ec-list .ec-event-body .list.class-3{
    color:#2a5697;
}
.c-calendar .ec-list .ec-event .list.class-1 .event-tag{
    background-color:#d9f8ff;
}
.c-calendar .ec-list .ec-event .list.class-2 .event-tag{
    background-color:#ffd8d8;
}
.c-calendar .ec-list .ec-event .list.class-3 .event-tag{
    background-color:#ccebe9;
}
.c-calendar .ec-list .ec-event .list.class-4 .event-tag{
    background-color:#819ac6;
}
.c-calendar .ec-list .ec-day-head + .ec-event{
    padding-top:16px;
}
.c-calendar .ec-list .ec-event:last-child{
    padding-bottom:16px;
}
.c-calendar .ec-list .ec-event-body .title{
    margin-left:10px;
}
.c-calendar button.add{
    display:flex;
    align-items:center;
    height:26px;
    padding-left:22px;
    margin-left:6px;
    font-size:12px;
}
.c-calendar button.add:before{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    display:block;
    width:16px;
    height:16px;
    margin-top:-8px;
    background:url('../images/common/icon/circle-plus-fill-24.svg') no-repeat 50% 50%;
    background-size:100% 100%;
}

/* Breadcrumb */
.c-breadcrumb{
    display:flex;
    align-items:center;
    padding-left:20px;
    background:url('../images/common/icon/icon_home.png') no-repeat 0 center;
    line-height:1;
}
* + .c-breadcrumb{
    margin-left:30px;
}
.c-breadcrumb__item{
    display:flex;
    align-items:center;
    position:relative;
}
.c-breadcrumb__item + .c-breadcrumb__item{
    padding-left:21px;
    margin-left:5px;
}
.c-breadcrumb__item + .c-breadcrumb__item:before{
    content:'';
    position:absolute;
    left:6px;
    top:50%;
    display:block;
    width:5px;
    height:9px;
    margin-top:-4px;
    background:url('../images/common/icon/icon_arrow-right-sm-gray.png') no-repeat 0 0;
}
.c-breadcrumb__item .x-combobox{
    cursor:pointer;
}
.c-breadcrumb__item .x-combobox .x-select-container{
    width:auto;
    min-width:0;
    height:auto;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#888;
    box-shadow:none !important;
}
.c-breadcrumb__item .x-combobox .x-select-text{
    height:auto;
}
.c-breadcrumb__item .x-combobox:hover .x-label{
    text-decoration:underline;
}
.c-breadcrumb__item .x-dropdown-trigger{
    display:none;
}
.c-breadcrumb__item .x-combobox .x-state-container{
    display:none;
}
.c-breadcrumb__item .x-combobox .x-input-control{
    width:0;
    overflow:hidden;
}
.c-breadcrumb__item .x-combobox .x-input{
    padding:0;
}
.c-breadcrumb__item .x-suggest-container{
    width:auto;
}
.c-breadcrumb__item .x-list{
    border-color:#646464;
    color:#222;
}
.c-breadcrumb__item .x-list-item{
    padding:0 15px;
    box-shadow:none;
    white-space:nowrap;
}
.c-breadcrumb__item .x-list-item[focus]{
    background-color:#8d8d8d;
    color:#fff;
}
.c-breadcrumb__item .x-list-item[select]{
    background-image:none;
}
.c-breadcrumb .c-breadcrumb__item:last-child .combobox{
    min-width:80px;
}

/* Tachyon */
.mode--edit{display:flex;align-items:center;padding:0 10px;cursor:pointer;}
.mode--edit span{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mode--edit i + i{margin-left:5px;}

/* Rank */
.c-rank + .c-rank{
    margin-top:50px;
}
.c-rank__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
}
.c-rank__header-title{
    font-weight:600;
    font-size:16px;
}
.c-rank__header-func{
    display:flex;
    align-items:center;
}
.c-rank__header-func span + span{
    margin-left:16px;
}
.c-rank__body{
    display:flex;
}
.c-rank__index{
    flex:none;
    width:40px;
}
.c-rank__content{
    display:flex;
}
.c-rank__item{
    flex:1;
    border-left:1px solid #eaeaea;
}
.c-rank__item-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:6px 10px;
    cursor:pointer;
    white-space:nowrap;
    overflow:hidden;
}
.c-rank__item-content:hover{
    background-color:#dff5ff;
}
.c-rank__item-content span{
    flex:none;
}
.c-rank__item-content span:first-child{
    flex:1;
    padding-right:20px;
    text-overflow:ellipsis;
    overflow:hidden;
}

/* c-more */
.c-more{
    display:flex;
    margin-top:30px;
}
.c-more__title{
    flex:none;
    padding-top:3px;
    margin-right:75px;
    font-weight:400;
    font-size:18px;
    color:#000;
}
.c-more__buttons{
    display:flex;
    flex-wrap:wrap;
}
.c-more__buttons .c-btn{
    margin-right:20px;
    margin-bottom:10px;
}

/* c-collapse */
.c-collapse{
    display:flex;
    align-items:center;
    margin:8px 0;
}
.c-collapse::before{
    flex:1;
    content:'';
    background-color:#191f28;
    height:1px;
}
.c-collapse::after{
    flex:1;
    content:'';
    background-color:#191f28;
    height:1px;
}
.c-collapse .c-btn{
    margin:0 16px;
}

/* c-cropper */
.cropper-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    height:460px;
}
.c-cropper{
    position:relative;
}
.c-cropper .cropper-container{
    width:700px;
    margin:0 auto;
}
.c-cropper__func{
    position:absolute;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    height:40px;
}
.c-cropper .vertical-buttons{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:16px;
}

/* Loading */
.loading-bar-container{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(255, 255, 255, 0.1);
    z-index:1000;
}
.c-loading{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:rgba(0, 0, 0, 0.6);
    z-index:1000;
}
.c-loading__bar{
    display:inline-block;
    position:relative;
    width:80px;
    height:80px;
}
.c-loading__bar div{
    display:block;
    position:absolute;
    width:64px;
    height:64px;
    margin:8px;
    border:8px solid #fff;
    border-color:#fff transparent transparent transparent;
    border-radius:50%;
    animation:loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.c-loading__bar div:nth-child(1){
    animation-delay:-0.45s;
}
.c-loading__bar div:nth-child(2){
    animation-delay:-0.3s;
}
.c-loading__bar div:nth-child(3){
    animation-delay:-0.15s;
}
@keyframes loading-ring{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}

/* iframe */
.iframe-container{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
}
.iframe{
    width:100%;
    height:100%;
}

/* time-chooser */
.time-chooser{
    width:146px;
    border:1px solid;
    display:flex;
    flex-direction:row;
    height:292px;
    gap:8px;
    padding:5px 8px;
    border-radius:6px;
}
.hour-list,
.minute-list{
    width:60px;
    font-size:16px;
}
.hour-item,
.minute-item{
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:6px;
}
.hour-item[select],
.minute-item[select]{
    color:#ffffff;
    background-color:#0075ff;
}
.hour-list :hover,
.minute-item:hover{
    background-color:#b2d5ff;
}
/* Date time chooser */
.date-time-chooser{
    display:flex;
    flex-direction:row;
    border:1px solid #adadb0;
    border-radius:10px;
    background-color:#fff;
    box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);
}
.date-time-chooser .x-date-chooser{
    border:none;
    box-shadow:none;
    border-radius:initial;
    background-color:inherit;
}
.date-time-chooser .time-chooser{
    flex-direction:column;
    width:130px;
    height:100%;
    padding:0;
    border:0;
    border-left:1px solid #e8e8e8;
    border-radius:0;
}
.date-time-chooser .time-header{
    flex:none;
    display:flex;
    flex-direction:row;
    height:60px;
    border-bottom:1px solid #e8e8e8;
}
.date-time-chooser .time-header span{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
    font-weight:600;
}
.date-time-chooser .time-body{
    display:flex;
    flex-direction:row;
    height:310px;
    gap:8px;
    padding:5px 8px;
}
.date-time-chooser .hour-list,
.date-time-chooser .minute-list{
    width:72px;
    font-weight:500;
    font-size:12px;
}
.date-time-chooser .hour-list :hover,
.date-time-chooser .minute-item:hover{
    background:none;
}
.date-time-chooser .hour-item,
.date-time-chooser .minute-item{
    height:41px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:6px;
    box-sizing:border-box;
}
.date-time-chooser .hour-item[select],
.date-time-chooser .hour-item[select]:hover,
.date-time-chooser .minute-item[select],
.date-time-chooser .minute-item[select]:hover{
    color:#fff;
    background-color:#1781f4;
}
.date-time-chooser .hour-item:hover,
.date-time-chooser .minute-item:hover{
    background-color:#f2f2f2;
    border-radius:8px;
}

/* ETC */
.size--200{
    width:200px;
}
.no--margin{
    margin:0 !important;
}
.scroller{
    position:relative;
    overflow:auto;
    -ms-overflow-style:none; /* IE and Edge */
    scrollbar-width:none; /* Firefox */
    user-select:none;
    scroll-behavior:inherit !important
}
.scroller::-webkit-scrollbar{
    display:none;
}
.scale-viewer-scroller{
    position:relative;
    width:100%;
    height:100%;
    overflow:auto;
}
.scale-viewer-scroller.panning{
    cursor:move;
}
.scale-viewer-container{
    min-width:100%;
    min-height:100%;
    background-color:rgba(0, 0, 0, 0.01);
}
.scale-viewer-viewport{
    position:absolute;
    transform-origin:0 0;
}

/* c-collapse-panel */
.c-collapse-panel{
    padding:0 16px;
}
.c-collapse-panel.no--space{
    padding:0;
}
.c-collapse-panel + .c-collapse-panel{
    margin-top:32px;
}
.c-collapse-panel__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:40px;
    margin-bottom:16px;
    border-bottom:2px solid #191F28;
}
.c-collapse-panel__header-title{
    flex:1;
    display:flex;
    align-items:center;
    font-weight:600;
    font-size:15px;
}
.c-collapse-panel__header-title strong{
    padding-left:6px;
    color:#1781F4;
}
.c-collapse-panel__header-title div{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.c-collapse-panel__header-func{
    flex:none;
    display:flex;
    align-items:center;
    margin-left:12px;
}
.c-collapse-panel.type--extend .c-collapse-panel__header-func .i-chevron-down{
    background-image:url('../images/common/icon/chevron-up-24.svg');
}
.c-collapse-panel__body{
    display:none;
}
.c-collapse-panel.type--extend .c-collapse-panel__body{
    display:block;
}
.c-collapse-panel .p-view__item-file{
    margin-top:-8px;
    padding-bottom:0;
}
.type--outside .c-collapse-panel{
    padding:24px 32px 32px 32px;
    margin-top:32px;
    border:1px solid #DDDEDE;
    border-radius:14px;
    background-color:#fff;
}
.type--outside .c-collapse-panel__header{
    border:0;
    font-size:15px;
}
.type--outside .c-collapse-panel__header-func{
    display:none;
}
.type--outside .theme--line .p-card__item-box{
    border:0;
    background-color:#FAFAFA;
}

/* c-status */
.c-status{
    z-index:5;
    position:fixed;
    left:264px;
    right:0;
    top:0;
    height:80px;
    background-color:#429CFF;
    box-shadow:0 0 16px rgba(0, 0, 0, .1);
    transform:translateY(-100%);
    transition:all 0.25s cubic-bezier(0, 0, 0.2, 1);
}
.c-status.display--show{
    transform:translateY(0);
}
.c-status__inner{
    position:relative;
    height:100%;
    min-width:1200px;
    max-width:1700px;
    margin:0 auto;
    padding:0 70px;
}
.c-status__remove{
    position:absolute;
    left:70px;
    top:0;
    width:24px;
    height:100%;
}
.c-status__remove button{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
}
.c-status__func{
    position:absolute;
    right:70px;
    top:0;
    display:flex;
    align-items:center;
    height:100%;
}
.c-status__func .c-btn.theme--line{
    border:2px solid #fff;
    background-color:transparent;
    color:#fff;
}
.c-status__func .c-btn + .c-btn{
    margin-left:16px;
}
.c-status__title{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font-weight:600;
    font-size:20px;
    color:#fff;
}

/* c-notification */
.c-noti{
    position:relative;
}
.c-noti button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
}
.c-noti span{
    display:flex;
    align-items:center;
    position:absolute;
    right:-4px;
    top:-4px;
    height:16px;
    padding:0 5px;
    border-radius:8px;
    background-color:#ED5F5E;
    color:#fff;
    line-height:1;
    font-size:10px;
    font-weight:600;
}
.c-noti.type--white .i-bell-ring-black{
    background-image:url('../images/common/icon/bell-ring-white.svg');
}
.p-main__top-func .c-noti button{
    width:32px;
    height:32px;
}
.p-main__top-func .c-noti span{
    right:0;
    top:0;
}

/* c-view-1 */
.c-view-1{
    width:860px;
    border:1px solid #DDDEDE;
    border-radius:14px;
}
.c-view-1.width--auto{
    width:auto;
}
.c-view-1__item{
    display:flex;
    align-items:center;
    border-top:1px solid #F2F2F2;
}
.c-view-1__item.type--header{
    align-items:flex-end;
    height:64px;
    border:0;
    font-weight:600;
}
.c-view-1__item-title{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    width:160px;
    padding:16px 0;
    font-weight:600;
}
.c-view-1__item-title .c-checkbox,
.c-view-1__item-title .c-radio{
    color:#646669;
}
.c-view-1__item-title .c-radio{
    display:flex;
    justify-content:center;
    width:100%;
}
.c-view-1__item-title .c-radio + .c-radio{
    margin:16px 0 0 0;
}
.c-view-1__item-content{
    flex:1;
    padding:16px 24px;
    border-left:1px solid #F2F2F2;
}
.c-view-1__item.type--header .c-view-1__item-content{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    height:100%;
}
.c-view-1__item-content > div + div{
    margin-top:16px;
}
.c-view-1__item-content.p-main__calendar{
    height:auto;
}

/* c-rank-list */
.p-search-side__box-body .c-rank-list{
    padding:0 20px 20px 20px;
}
.c-rank-list__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:49px;
    padding:0 16px;
    border-radius:6px;
    background-color:#FAFAFA;
    font-weight:600;
}
.c-rank-list__item + .c-rank-list__item{
    margin-top:8px;
}
.c-rank-list__item div{
    display:flex;
    align-items:center;
}
.c-rank-list__item em{
    display:flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    margin-right:12px;
    border-radius:2px;
    background-color:#1781F4;
    color:#fff;
    font-size:11px;
}

/* c-chart-tooltip */
.c-chart-tooltip{
    white-space:nowrap;
    line-height:1;
}
.c-chart-tooltip__title{
    margin-bottom:5px;
    font-size:13px;
    font-weight:500;
    text-align:center;
}
.c-chart-tooltip__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    height:20px;
    font-size:12px;
}
.c-chart-tooltip__item div{
    display:flex;
    align-items:center;
}
.c-chart-tooltip__item em{
    display:block;
    width:10px;
    height:10px;
    margin-right:5px;
    border-radius:5px;
}

/* c-combo-html */
.c-combo-html{
    position:relative;
}
.c-combo-html__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:40px;
    border:1px solid #DDDEDE;
    border-radius:8px;
    line-height:1;
    overflow:hidden;
}
.c-combo-html:focus-within .c-combo-html__header{
    border-color:transparent;
    box-shadow:0 0 0 2px #0e8bff;
}
.c-combo-html__header input{
    flex:1;
    height:100%;
    padding-left:15px;
    font-weight:600;
    font-size:13px;
    cursor:pointer;
}
.c-combo-html__header button{
    flex:none;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:100%;
}
.c-combo-html__body{
    z-index:1;
    position:absolute;
    left:0;
    right:0;
    top:48px;
    display:none;
}
.c-combo-html.display--show .c-combo-html__body{
    display:block;
}
.c-combo-html__list{
    border:1px solid #ADADB0;
    border-radius:8px;
    background-color:#fff;
    box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.2);
    overflow:hidden;
}
.c-combo-html__list-inner{
    max-height:320px;
    overflow:auto;
}
.c-combo-html__list-item{
    display:flex;
    align-items:center;
    min-height:40px;
    padding:0 12px;
    line-height:1.05;
    font-weight:500;
    cursor:pointer;
}
.c-combo-html__list-item:hover{
    background-color:#f4f4f4;
}
.c-combo-html__list-item + .c-combo-html__list-item{
    border-top:1px solid #E8E8E8;
}

/* Temp */
.theme--simple.c-label{
    padding:0;
    margin:0;
    border:none;
    min-height:0;
}
.theme--simple.c-label .c-label__content{
    padding:0;
    border:none;
}
.theme--simple.c-label .c-label__content > textarea{
    padding:0 10px;
    min-height:0;
    color:initial;
}

.c-mail__header{
    position:relative;
    padding-bottom:18px;
    margin-bottom:16px;
}
.c-mail__header:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    display:block;
    height:2px;
    border-radius:1px;
    background-color:#191F28;
}
.c-mail__item{
    flex:1;
    padding:8px 0;
}
.c-mail__header > .c-mail__item:first-child{
    padding-top:0;
}
.c-mail__group{
    display:flex;
    gap:16px;
}
.c-mail__item .x-state-container{
    margin:0;
}
.c-mail__item .x-state-container > div{
    margin-top:10px;
}
.c-mail__item .c-tiptap .tiptap{
    height:367px;
}
.c-balloon{
    display:inline-flex;
    align-items:center;
    position:relative;
    height:19px;
    padding:0 4px;
    border-radius:10px;
    background-color:#191F28;
    font-weight:600;
    color:#fff;
    font-size:11px;
    line-height:1;
    letter-spacing:-0.03em;
}
.c-balloon:before{
    content:'';
    position:absolute;
    left:50%;
    top:100%;
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-width:4px 4px 0 4px;
    border-color:#191f28 transparent transparent transparent;
    transform:translateX(-50%);
}
.c-balloon.bg--blue{
    background-color:#1781F4;
}
.c-balloon.bg--blue:before{
    border-color:#1781F4 transparent transparent transparent;
}
.c-balloon.bg--red{
    background-color:#ED5F5E;
}
.c-balloon.bg--red:before{
    border-color:#ED5F5E transparent transparent transparent;
}

.file-drop-area{
    position:relative;
}
.file-drop-area:before{
    content:'';
    z-index:2;
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    border:2px dashed #3498db;
    background-color:#f0f8ff;
    opacity:0.7;
    transition:border-color 0.3s ease, background-color 0.3s ease;
}
.file-drop-area:after{
    content:"Drop files here";
    z-index:3;
    position:absolute;
    top:50%;
    left:50%;
    font-size:50px;
    color:#3498db;
    transform:translate(-50%, -50%);
}