@charset "UTF-8";
/*
* Creat : 손상만
* Creat Date : 2017-05-16
* Last Update :2017-05-16
* Ver : 1.0
*/
.title02 + .img { margin-top: 17px; }
.title02 + .img img { max-width: 100%; }

.img + .title02 { margin-top: 17px; }

.dataTable.invers11 table thead tr:first-child th:nth-child(2), .dataTable.invers11 table thead tr:first-child th:nth-child(3) { border-bottom: 0; }

/* 주가 정보 */
.stockInfo .infoBox { overflow: hidden; }
.stockInfo .infoBox .box .title02 { margin-bottom: 8px; font-size: 18px; color: #222; }
.stockInfo .infoBox .box .title02 span { vertical-align: top; font-size: 13px; margin-left: 7px; font-family: 'HelveticaNeueLTPro'; font-weight: normal; color: #6c6c6c; letter-spacing: 0; }
.stockInfo .infoBox .price { text-align: right; position: relative; margin-bottom: 20px; }
.stockInfo .infoBox .price span { width: 55px; height: 26px; border: 1px solid #cdcdcd; line-height: 26px; position: absolute; top: 50%; left: 0px; margin-top: -13px; text-align: center; color: #222; }
.stockInfo .infoBox .price em { display: line-block; vertical-align: middle; font-size: 23px; color: #c91c22; letter-spacing: -.20px; font-family: 'HelveticaNeueLTPro'; }
.stockInfo .infoBox .chartBox { margin-top: 25px; }
.stockInfo .infoBox .chartBox img { width: 100%; }
.stockInfo + .tabMenu { margin-top: 85px; }
.stockInfo .priceUp { padding-left: 18px; background: url(/static/mobile/img/holdings/invest/ico_price_up.gif) no-repeat left center; background-size: 13px 9px; }
.stockInfo .priceDown { padding-left: 18px; background: url(/static/mobile/img/holdings/invest/ico_price_down.gif) no-repeat left center; }

.dataTable table thead tr th.bd { border-bottom: 1px solid #e1e1e1 !important; }
.dataTable table tbody tr td,
.dataTable table tfoot tr td:first-child { border-left: 0; }
.dataTable.scroll { overflow-x: auto; overflow-y: hidden; }

/*# sourceMappingURL=invest.css.map */

/* 모바일 스크롤바 표시 */
.dataTable.scroll {margin-bottom:-5px;}
.dataTable.scroll::-webkit-scrollbar {width:5px; height:5px;}
.dataTable.scroll::-webkit-scrollbar-thumb {background:rgba(0,0,0,.2);}

/* ***** lang(en) ***** */
html:lang(en) .stockInfo .infoBox .box .title02 span { font-weight: 600; letter-spacing: 0; }
html:lang(en) .stockInfo .infoBox .price span {width:auto; padding:0 10px;}
html:lang(en) .stockInfo .infoBox .price em { letter-spacing: -.20px;} 

/* 계열기업 현황 퍼블리싱 추가 */
.org-root img{width:100px; margin-top: 30px;}
.orgtree { --gap:14px; --line:#e6e7ea; --ink:#222; --muted:#6b7280; }
.orgtree::before{
    content: "";
    position: absolute;
    left: 0;
    top: 89px;
    width: 1px;
    height: 90%;
    background:var(--line)
}

.org-head { text-align:center; margin-bottom:20px; }
.org-head img { max-height:36px; }
.org ul {list-style:none;margin: 0 0 0 40px;}
.org ul > li { position:relative; margin:10px 0; }
.org > li { margin-bottom:var(--gap);position:relative;}
.org .name {
    display:inline-block;
    min-width: 200px;
    font-weight:700;
    color:#222;
}
.org.level-2 .name {
    min-width: 160px;
}

.org.level-2 .name.v2{
    padding-left: 10px;
}

.org.level-2 .row {
    width: 35%;
}

.org.level-2 .comp_name {
    width: 65%;
}

.org .pct {font-weight:800;color:#222;font-size:16px;padding: 10px;}
.org .desc {font-size: 13px;line-height:1.5;}

.org.level-1{padding-left: 20px;padding-top: 22px;}
.org.level-1 .flex, .org.level-2 .flex{
    display:flex;
    align-items: center;
    /* gap:10px; */
    flex-wrap:wrap;
    justify-content: space-between;
    background: #f3f3f5;
    border: 1px solid var(--line);
    border-radius: 50px;
    padding: 10px 20px;
}

.org.level-1 .flex.ildong{
    border:1px solid #c91c22;
    color:#fff;
    background: #c91c22;
    
    .name, .pct{
        color:#fff;
    }
}
.org.level-1 .orgArea::before{
    content: "";
    position: absolute;
    left: 21px;
    top: 30px;
    width: 1px;
    height: 82%;
    background:var(--line);
    z-index: -1;
}
.org.level-1 .orgArea.v2::before{
    height: 58%;
}

.org.level-1 li .flex::before{
    content:"";
    position:absolute;
    left: -19px;
    top: 30px;
    width: 19px;
    height:1px;
    background:var(--line);
}

.org.level-2 li::before {
    content:"";
    position:absolute;
    left: -19px;
    top: 50%;
    width: 19px;
    height:1px;
    background:var(--line);
}

.asof { color:var(--muted); text-align:right; margin-top:12px; font-size:12px; }