@charset "UTF-8";

.split,
.gutter.gutter-horizontal {
    float: left;
}

.sec--wrap {
    margin-bottom: 16px !important;
}

[data-tab="tab1"] .gutter {
    /* background-color: #eee !important; */
}

[data-tab="tab0"] .gutter.gutter-horizontal {
    height: 755px;
}

[data-tab="tab1"] [data-id="section-area-01"] .gutter.gutter-horizontal {
    height: 281px;
}

[data-tab="tab1"] [data-id="section-area-02"] .gutter.gutter-horizontal {
    height: 291px;
}

[data-tab="tab1"] [data-id="section-area-03"] .gutter.gutter-horizontal {
    height: 681px;
}

[data-tab="tab1"] [data-id="section-area-04"] .gutter.gutter-horizontal {
    height: 291px;
}

[data-tab="tab2"] [data-id="section-area-01"] .gutter.gutter-horizontal {
    height: 251px;
}

[data-tab="tab2"] [data-id="section-area-02"] .gutter.gutter-horizontal {
    height: 251px;
}

[data-tab="tab2"] [data-id="section-area-04"] .gutter.gutter-horizontal {
    height: 251px;
}


[data-tab="tab1"] [data-column-name="userRt"].tui-grid-cell:not(.tui-grid-cell-header):not(.tui-grid-cell-summary) {
    background-color: #f3f9f9 !important;
}

[data-tab="tab1"] [data-id*="section-area" ] {
    /* background-color: #f7f7f7 !important; */
    background-color: #f8f8f8 !important;
    padding: 8px 16px 8px 16px  !important;
}

[data-id="section-title"] {
    font-size: 18px;
    margin-bottom: 4px;
    margin-left: 4px;
    font-weight: 600;
}

[data-id="section-title"] div:before{
    content : "\2022 \2009";
}

.num-block {
    float: left;
    width: 100%;
}

.skin-4 .num-in {
    float: left;
    width: 94px;
}

.skin-4 .num-in01 {
    float: left;
    width: 94px;
}

.skin-4 .in-num {
    width: 60px !important;
    float: left;
    /* height: 20px; */
    text-align: center;
    outline: none;
    padding-right:2px !important;
    padding-left:20px !important;
}

.skin-4 .all-span {
    position: relative;
    float: right;
    width: 23px;
    height: 24px;
    border-left: 1px solid #c8c8c8;
}

.skin-4 .all-span span {
    float: left;
    width: 100%;
    height: 12px;
    position: relative;
    cursor: pointer;
}

.skin-4 .all-span span:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -5px;
}

.skin-4 span.minus:before {
    top: 3px;
    border-top: 5px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.skin-4 span.minus.dis:before {
    opacity: 0.5;
}

.skin-4 span.plus:before {
    bottom: 3px;
    border-bottom: 5px solid #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.skin-4 span.plus.dis:before {
    opacity: 0.5;
}

#reportArea [data-id*="section-area" ] * {
    font-size : 14px !important;
}

.tbl--portf {
    padding-left: 6px;
    height:110px;
}
#portfTbl > tbody > tr > th {
  color: #4566b6;
  padding:5px 0 7px 17px;
  width:68px;
}

#portfId, #portfStdDt, #portfNm {
  width:130px;
}

#portfTbl{
    border :1px solid #caced7;
    border-radius:0;
    width: 300px;
}

#btnPortf {
    position: relative;
    width: auto;
    border: 1px solid #4a7eb2;
    background: #4a7eb2;
    padding: 0 20px;
    height: 29.5px;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    margin: -36px -75px 30px 60px;
}

#saveText {
    margin: 13px 0 5px 54px;
    font-weight: bold;
    font-size: 14px;
}


/*search option*/
.sec--wrap { margin-top: 16px; }
.sec{padding:45px 0;}
.sec1{padding-top:0}
.sec2{background-color:#f7f8fb;}