/* 데이터센터 */

/* datacenter wrap */ 
.grid-wrap{padding:0 0 40px 0; width: 1140px;}
 
/* datacenter tabmenu */ 
.grid-tab {position:relative;overflow:hidden;margin-bottom:30px; }
.grid-tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222;}
.grid-tab ul{display:block; padding-left:1px;}
.grid-tab ul li {flex:1;float:left;width:155px;height:50px;border:1px solid #ddd;line-height:50px;margin-left:-1px;}
.grid-tab ul li a {display:block;text-align:center;font-weight:normal;font-size:14px;}
.grid-tab ul li.on {border:1px solid #222;background:#222;}
.grid-tab ul li.on a {color:#fff}

/* 202302 : leaue table tabmenu 추가, 박수희 */ 
.grid-tab2 {position:relative;overflow:hidden;margin-bottom:30px; }
.grid-tab2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#222;}
.grid-tab2 ul{display:block; padding-left:1px;}
.grid-tab2 ul li {flex:1;float:left;width:150px;height:50px;border:1px solid #ddd;line-height:50px;margin-left:-1px;}
.grid-tab2 ul li a {display:block;text-align:center;font-weight:normal;font-size:14px;}
.grid-tab2 ul li.on {border:1px solid #222;background:#222;}
.grid-tab2 ul li.on a {color:#fff}


/* grid table */
.cl_fix2 {overflow: hidden; position: relative;}
.cl_fix2:before{content:"";position:absolute;top:0;left:0;z-index:11;width:100%;height:2px; background:#333;}
.cl_fix2 .fix_left {float:left; width:auto; box-sizing: border-box; position: relative;}
.cl_fix2 .fix_left:after {content:"";position:absolute;top:2px;right:0;z-index:11;width:1px;height:500vh;background:#bbbec3;}
.cl_fix2 .pos_right {float:left;overflow:hidden;position:relative;z-index: 10;margin-left:-1px; /*max-width:900px;*/}
.cl_fix2 .pos_right table {width: inherit !important;table-layout:fixed;}
.cl_fix2 .ta_right {width:inherit; min-width:100px; } 

/* table */
.cl_fix2 table {width: 100%; border-collapse: collapse; table-layout: fixed;border-bottom: 1px solid #e2e2e2;}
.cl_fix2 table th, .cl_fix2 table td {text-align:center;}
.cl_fix2 table thead th {height: 35.5px; padding: 7px 2px 7px; line-height: 18px; font-size: 14px;
border-left: 1px solid #edebeb; border-bottom: 1px solid #bbbec3; box-sizing: border-box;}


/* 리그테이블에 table 2023-06-20 추가, 한유림 */
/* 테이블에 1px씩 밀리는거 잡기 위해 + 선 두께 조절 */
.leagueTable .cl_fix2 table.max_rowspan_2 thead th {height: 35.5px;}

.leagueTable .cl_fix2 table thead th {height: 71.1px; padding: 7px 2px 7px; line-height: 18px; font-size: 14px;
  border-left: 1px solid #edebeb; border-bottom: 1px solid #bbbec3; box-sizing: border-box;}

.leagueTable .cl_fix2 .bd-bb, .table_wrap2 .bd-bb{border-bottom: 1px solid #e2e2e2;}
.leagueTable .cl_fix2, .table_wrap2 {border-bottom: 1px solid #e2e2e2;}

/* 리그테이블 왼쪽에 rowspan 2라서 border 1px 먹는 거 수정 */
.cl_fix2 table.max_rowspan_2 thead th {height: 36px;}
.cl_fix2 table td {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cl_fix2 table tbody td{height: 36px; padding: 0 10px 0; font-size: 13px; color: #666;
font-weight: normal; border-left: 1px solid #edebeb; border-bottom: 1px solid #e2e2e2;}
.cl_fix2 table tbody tr:last-child td{border-bottom:0;height:39px;}
.cl_fix2 table tfoot th {height: 36px; padding: 0 10px 0; font-size: 13px; color: #666;
border-top: 1px solid #bbbec3; border-bottom: 1px solid #bbbec3;}
.cl_fix2 table tfoot td {height: 36px; padding: 0 10px 0; font-size: 13px; color: #666; 
border-top: 1px solid #bbbec3; border-left: 1px solid #edebeb;border-bottom: 1px solid #bbbec3;}
.cl_fix2 .tble-row3 thead tr:first-child th:first-child {border-left:0}
.cl_fix2 .tble-row3 tbody tr td:first-child {border-left:0}
.cl_fix2 .tble-row3.rowspan2 thead th, .cl_fix2 .tble-row3.rowspan2 thead td {height:70px;}
.cl_fix2 table tbody td a {color:#4f95ee}

.cl_fix2.grid02.cont-type3 table thead th {height: 36px; }
.cl_fix2 .pos_right table tfoot th {border-left: 1px solid #edebeb;}

.cl_fix2 table thead tr th img.img_on {display: none;}
.img_asc{background: url(../../static/images/ui/stock_arrow_on.png) center no-repeat; width: 16px; height: 14px;}
.img_desc{background: url(../../static/images/ui/stock_arrow_off.png) center no-repeat; width: 16px; height: 14px;}
.cl_fix2 table thead tr th.select_table {background:#f2f7ff;} 
.cl_fix2 table tbody tr:hover {background:#f2f7ff;}
.cl_fix2 table tbody tr.on {background:#f2f7ff}
.cl_fix2 table tbody tr.on td {background:#f2f7ff}
table tbody td.selected-row {background:#f3f3f3}
table tbody td.selected-row td {background:#f3f3f3}

.cl_fix2 .th-name  span{display: inline-block; vertical-align: top;}
.cl_fix2 .th-name2 span{display: inline-block; vertical-align: middle;}
.cl_fix2 .th-name .m_none, .cl_fix2 .th-name2 .m_none  {height: 18px; margin-left: 2px; }
.cl_fix2 .th-name .m_none img {margin-top: 2px;}
.cl_fix2 .th-name2 .m_none img {margin-top: 1px;}

.cl_fix2 tr:last-child td.select_table{border-bottom:2px solid #737475 !important; }
.cl_fix2 .tleft {text-align:left;}
.cl_fix2 .tright {text-align:right;}
.cl_fix2 .tcen {text-align:center;}
.cl_fix2 .cell {background-color:#fdf4f3}
.cl_fix2 .cell2 {padding: 4px 0; line-height:17px; background-color:#fdf4f3 }
.cl_fix2  td.cell2 + td.tright {height: 44px;} /*230405:높이 수정, 박수희*/
.cl_fix2 .cell-txt1 {padding:0 3px;border-radius:4px;border:1px solid #ddd;font-size:12px; margin-right:5px; background: #fff;} 
.cl_fix2 .bd-bb, .table_wrap2 .bd-bb{border-bottom: 1px solid #e2e2e2;}
.cl_fix2 .bd-br, .table_wrap2 .bd-br{border-right: 1px solid #d2d2d4;}
.cl_fix2 .bd-bl, .table_wrap2 .bd-bl{border-left: 1px solid #d2d2d4;}
.cl_fix2 .bd-bl-none, .table_wrap2 .bd-bl-none{border-left: 0;}
.cl_fix2 .bd-blr, .table_wrap2 .bd-blr{border-left: 1px solid #d2d2d4;border-right: 1px solid #d2d2d4;}

.cl_fix2 .select_table {border-left: 2px solid #737475 !important; border-right: 2px solid #737475 !important; background: #f2f7ff;}

.table_wrap2 {display: block;}
.table_wrap2 table tr td:first-child {border-left: 0;}

.table_wrap2 {overflow:hidden;position: relative;}
.table_wrap2:before{content:"";position:absolute;top:0;left:0;z-index:11;width:100%;height:2px;background:#333;}
.table_wrap2 table {width: 100%; border-collapse: collapse; table-layout: fixed;border-bottom: 1px solid #e2e2e2;}
.table_wrap2 table th, .table_wrap2 table td {text-align:center;}
.table_wrap2 table thead th {height: 35px; padding: 7px 2px 7px; line-height: 18px; font-size: 14px;
border-left: 1px solid #edebeb; border-bottom: 1px solid #bbbec3; box-sizing: border-box;}
.table_wrap2 table td {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table_wrap2 table tbody td{height: 36px; padding: 0 5px 0; font-size: 13px; color: #666;
font-weight: normal; border-left: 1px solid #edebeb; border-bottom: 1px solid #e2e2e2;}
.table_wrap2 table tbody tr:last-child td{border-bottom:0;}
.table_wrap2 table tfoot th {height: 36px; padding: 0 5px 0; font-size: 13px; color: #666;
border-top: 1px solid #bbbec3; border-bottom: 1px solid #bbbec3;}
.table_wrap2 table tfoot td {height: 36px; padding: 0 5px 0; font-size: 13px; color: #666; 
border-top: 1px solid #bbbec3; border-left: 1px solid #edebeb;border-bottom: 1px solid #bbbec3;}
.table_wrap2 thead tr th:first-child {border-left:0}
.table_wrap2 tbody tr td:first-child {border-left:0}
.table_wrap2 table tbody tr:hover {background:#f2f7ff;}
.table_wrap2 table tbody tr.on {background:#f2f7ff}
.table_wrap2 table tbody tr.on td {background:#f2f7ff}
.table_wrap2 table tbody td a {color:#4f95ee}

.table_wrap2 .cell {background-color:#fdf4f3} 
.table_position_wrap, .table_wrap2 > img, table thead tr th .th_small, .m_table_arr {display:none;}

/*202212 : M&A 추가, 박수희*/
.cl_fix2 .txtof-no{white-space: normal;text-overflow:initial}
.cl_fix2 .cell3 {height: 40px; line-height:17px;}

/*20230111 : 데이터센터 검색, css추가, 박수희 */
.tble-caption {overflow:hidden;margin-top:10px}
.tble-caption .caption-dtc {float:right;line-height:32px;font-size:11px;color:#aaa;}
.tble-rowth  .tble-th th{font-weight: 500 !important; font-size: 13px !important; padding: 7px 1px !important;}
.tble-rowth  td{padding: 0 1px !important;}
.tble-rowth .cell-txt1 {padding:0 3px;border-radius:4px;border:1px solid #ddd;font-size:12px; margin-right:5px; background: #fff;}

/* gride table width */
/* .cl_fix2.grid01.cont-type1 .fix_left {width:451px;}
.cl_fix2.grid01.cont-type1 .pos_right {width:690px}
.cl_fix2.grid01.cont-type2 .fix_left {width:606px;}
.cl_fix2.grid01.cont-type2 .pos_right {width:535px}
.cl_fix2.grid01.cont-type3 .fix_left {width:666px;}
.cl_fix2.grid01.cont-type3 .pos_right {width:475px}
.cl_fix2.grid01.cont-type4 .fix_left {width:626px; }
.cl_fix2.grid01.cont-type4 .pos_right {width:515px;}
.cl_fix2.grid01.cont-type5 .fix_left {width:597px;}
.cl_fix2.grid01.cont-type5 .pos_right {width:544px;}
.cl_fix2.grid01.cont-type6 .fix_left {width:210px; }
.cl_fix2.grid01.cont-type6 .pos_right {width:931px;}
.cl_fix2.grid01.cont-type7  {margin: 20px 0; }
.cl_fix2.grid01.cont-type7 .fix_left {width:210px; }
.cl_fix2.grid01.cont-type7 .pos_right {width:581px;}
.cl_fix2.grid02.cont-type1 .fix_left {width:530px;}
.cl_fix2.grid02.cont-type1 .pos_right {width:611px;}
.cl_fix2.grid02.cont-type2 .fix_left {width:440px;}
.cl_fix2.grid02.cont-type2 .pos_right {width:701px;}
.cl_fix2.grid02.cont-type3 .fix_left {width:306px;}
.cl_fix2.grid02.cont-type3 .pos_right {width:835px;}
.cl_fix2.grid02.cont-type4 .fix_left {width:376px;}
.cl_fix2.grid02.cont-type4 .pos_right {width:765px;}
.cl_fix2.grid03.cont-type1 .fix_left {width:437px;}
.cl_fix2.grid03.cont-type1 .pos_right {width:704px;}
.cl_fix2.grid04.cont-type1 .fix_left {width:331px;}
.cl_fix2.grid04.cont-type1 .pos_right {width:810px;}
.cl_fix2.grid05.cont-type1 .fix_left {width:353px; }
.cl_fix2.grid05.cont-type1 .pos_right {width:788px;}
.cl_fix2.grid-v01.cont-type1 .fix_left {width:490px;}
.cl_fix2.grid-v01.cont-type1 .pos_right {width:651px;}
.cl_fix2.grid-v01.cont-type2 .fix_left {width:420px;}
.cl_fix2.grid-v01.cont-type2 .pos_right {width:721px;}
.cl_fix2.grid-v02.cont-type1 .fix_left {width:367px;}
.cl_fix2.grid-v02.cont-type1 .pos_right {width:774px;}
.cl_fix2.grid-v02.cont-type2 .fix_left {width:311px;}
.cl_fix2.grid-v02.cont-type2 .pos_right {width:830px;}
.cl_fix2.grid-v03.cont-type1 .fix_left {width:367px;}
.cl_fix2.grid-v03.cont-type1 .pos_right {width:774px;}
.cl_fix2.grid-v03.cont-type2 .fix_left {width:311px;}
.cl_fix2.grid-v03.cont-type2 .pos_right {width:830px;}
.cl_fix2.grid-v04.cont-type1 .fix_left {width:351px;}
.cl_fix2.grid-v04.cont-type1 .pos_right {width:790px;}
.cl_fix2.grid-v05.cont-type1 .fix_left {width:584px;}
.cl_fix2.grid-v05.cont-type1 .pos_right {width:557px;}
.cl_fix2.grid-v05.cont-type2 .fix_left {width:331px;}
.cl_fix2.grid-v05.cont-type2 .pos_right {width:810px;} */

/* gride table th,td width */
.cl_fix2.grid01.cont-type1 .tble-row3 thead th {height:71px;}


.cl_fix2.grid01.cont-type2 .tble-row3 thead th {height:71.1px;}
.cl_fix2.grid01.cont-type3 .tble-row3 thead th {height:71px;}
.cl_fix2.grid01.cont-type4 .tble-row3 thead th {height:35.5px;}
.cl_fix2.grid01.cont-type5 .tble-row3 thead th {height:71.1px;}
.cl_fix2.grid01.cont-type6 .tble-row3 thead th {height:70px;}
.cl_fix2.grid01.cont-type7 .tble-row3 thead th {height:70px;}
.cl_fix2.grid02.cont-type1 .tble-row3 thead th {height:71.1px;}
.cl_fix2.grid02.cont-type2 .tble-row3 thead th {height:35.5px;}
.cl_fix2.grid02.cont-type3 .tble-row3 thead th  {height:36px;}
.cl_fix2.grid02.cont-type4 .tble-row3 thead th {height:35.5px;}

.cl_fix2.grid03.cont-type1 .tble-row3 thead th {height:71.1px;}
.cl_fix2.grid04.cont-type1 .tble-row3 thead th {height:71.1px;}
.cl_fix2.grid05.cont-type1 .tble-row3 thead th {height:71.1px;}
.cl_fix2.grid-v01.cont-type1 .tble-row3 thead th {height:71px;}
.cl_fix2.grid-v01.cont-type2 .tble-row3 thead th {height:71px;}

.cl_fix2.grid-v02.cont-type1 .tble-row3 thead th {height:122px;}
.cl_fix2.grid-v02.cont-type1 .tble-row3 td       {height:44px;}
.cl_fix2.grid-v02.cont-type2 .tble-row3 thead th {height:70px;}
.cl_fix2.grid-v03.cont-type1 .tble-row3 thead th {height:122px;}
.cl_fix2.grid-v03.cont-type1 .tble-row3 td       {height:44px;}
.cl_fix2.grid-v03.cont-type2 .tble-row3 thead th {height:70px;}
.cl_fix2.grid-v04.cont-type1 .tble-row3 thead th {height:105px;}
.cl_fix2.grid-v04.cont-type1 .tble-row3 td       {height:44px; }
.cl_fix2.grid-v05.cont-type1 .tble-row3 thead th {height:70px;}
.cl_fix2.grid-v05.cont-type1 .tble-row3 td       {height:39px; }
.cl_fix2.grid-v05.cont-type2 .tble-row3 thead th {height:86px;}

/* 202302 : league table, gride table th,td width 추가, 박수희*/
.grid-lgt01 .tble-row3 thead th { height:34px;}
.grid-lgt01.cont-type2 .tble-row3 thead th {height:68px;}
.grid-lgt01.cont-type2 .ta_right thead th {height:34px;}


/* 221125 스와이퍼가 꿈틀거리는 거 방지하려고 넣음 */
.pos_right{width:0;}

/* gride swiper table */
/* .cl_fix2.grid01.cont-type1 .wds {width:690px;}
.cl_fix2.grid01.cont-type2 .wds {width:540px;}
.cl_fix2.grid01.cont-type3 .wds {width:295px;}
.cl_fix2.grid01.cont-type4 .wds {width:345px;}
.cl_fix2.grid01.cont-type5 .wds {width:390px;}
.cl_fix2.grid01.cont-type6 .wds {width:991px;}
.cl_fix2.grid01.cont-type7 .wds {width:633px;}
.cl_fix2.grid02.cont-type1 .wds {width:296px;}
.cl_fix2.grid02.cont-type2 .wds {width:660px;}
.cl_fix2.grid02.cont-type3 .wds {width:738px;}
.cl_fix2.grid02.cont-type4 .wds {width:738px;}
.cl_fix2.grid03.cont-type1 .wds {width:470px;}
.cl_fix2.grid04.cont-type1 .wds {width:532px;}
.cl_fix2.grid05.cont-type1 .wds {width:554px;}
.cl_fix2.grid-v01.cont-type1 .wds{width:695px;}
.cl_fix2.grid-v01.cont-type2 .wds{width:747px;}
.cl_fix2.grid-v02.cont-type1 .wds{width:693px;}
.cl_fix2.grid-v02.cont-type2 .wds{width:784px;}
.cl_fix2.grid-v03.cont-type1 .wds{width:698px;}
.cl_fix2.grid-v03.cont-type2 .wds{width:784px;}
.cl_fix2.grid-v04.cont-type1 .wds{width:702px;}
.cl_fix2.grid-v05.cont-type1 .wds{width:577px;}
.cl_fix2.grid-v05.cont-type2 .wds{width:701px;} */

/* Swiper 관련 */
/* gride button */
.cl_fix2 .pos_right .swiper_btn a {display:none;position:absolute;width:23px;height:46px;top:1px;z-index:1}
.cl_fix2 .pos_right .swiper_btn a.button-next {right:0;background: #7f7f7f url(../../static/images/ui/tbl_scroll_r.png) no-repeat center;z-index:2}
.cl_fix2 .pos_right .swiper_btn a.button-prev {left:0;background: #7f7f7f url(../../static/images/ui/tbl_scroll_l.png) no-repeat center;left:0;z-index:2}
.cl_fix2 .pos_right .swiper_btn a.button-prev:after{content:"";position:absolute;top:0px;left:0;z-index:2;width:10px;height:500vh; 
background:linear-gradient(to right, rgba(127,127,127,0.4),rgba(127,127,127,0));}

/* Swiper 버튼 Height */
.cl_fix2.grid01.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid01.cont-type2 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid01.cont-type3 .swiper_btn a {height:69px; opacity: 0.94;}
.cl_fix2.grid01.cont-type4 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid01.cont-type5 .swiper_btn a {height:69px; opacity: 0.94;}
.cl_fix2.grid01.cont-type6 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid01.cont-type7 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid02.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
/* 리그테이블 */
.cl_fix2.cont-type2 .swiper_btn a {height:70px; opacity: 0.94;} 
.cl_fix2.grid02.cont-type2 .swiper_btn a {height:35px; opacity: 0.94;}
.cl_fix2.grid02.cont-type3 .swiper_btn a {height:35px; opacity: 0.94;}
.cl_fix2.grid02.cont-type4 .swiper_btn a {height:35px; opacity: 0.94;}
.cl_fix2.grid03.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid04.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid05.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid06.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid-v01.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid-v01.cont-type2 .swiper_btn a {height:69px; opacity: 0.94;}
.cl_fix2.grid-v02.cont-type1 .swiper_btn a {height:121px; opacity: 0.94;}
.cl_fix2.grid-v02.cont-type2 .swiper_btn a {height:69px; opacity: 0.94;}
.cl_fix2.grid-v03.cont-type1 .swiper_btn a {height:121px; opacity: 0.94;}
.cl_fix2.grid-v03.cont-type2 .swiper_btn a {height:69px; opacity: 0.94;}
.cl_fix2.grid-v04.cont-type1 .swiper_btn a {height:105px; opacity: 0.94;}
.cl_fix2.grid-v05.cont-type1 .swiper_btn a {height:70px; opacity: 0.94;}
.cl_fix2.grid-v05.cont-type2 .swiper_btn a {height:85px; opacity: 0.94;}

/* 202302 : league table Swiper 버튼 Height 추가, 박수희 */
.cl_fix2.grid-lgt01 .swiper_btn a {height:68px; opacity: 0.94;}

/* datacenter title  */
.grd-tit-dtc {overflow:hidden;margin-bottom:10px;}
.grd-tit-dtc h3 {float:left;font-size:18px;}
.grd-tit-dtc .caption-dtc {float:right;line-height:32px;font-size:11px;color:#aaa;}
.grd-tit-dtc .btn-lgt {float:right;position: relative; height: 29px} /*202302 : league table 추가, 박수희*/
.grd-tit-dtc .btn_excel {top: 0; bottom: auto;}/*202302 : league table 추가, 박수희*/

.cl_fix2 + .grd-tit-dtc {margin-top:50px;}
.table_wrap2 + .grd-tit-dtc {margin-top: 50px;}


/* Deallist 상세페이지 그리드 */
.deallist-grid .cl_fix2.grid-v01.cont-type2 .tble-row3 thead th {height:70px;}
.deallist-grid .cl_fix2 table thead th {height: 35px; padding: 7px 2px 7px; line-height: 18px; font-size: 14px;
  border-left: 1px solid #edebeb; border-bottom: 1px solid #bbbec3; box-sizing: border-box;}
.deallist-grid .grd-tit-dtc{overflow:hidden;margin-bottom:10px; margin-top: 50px;}
.deallist-grid .cl_fix2.grid01.cont-type3 .tble-row3 thead th {height:70px;}
.deallist-grid .cl_fix2.grid01.cont-type5 .tble-row3 thead th {height:70px;}
.deallist-grid .cl_fix2.grid02.cont-type1 .tble-row3 thead th {height:70px;}

.deallist-grid-ver2 .cl_fix2.grid-v01.cont-type2 .tble-row3 thead th {height:70px;}
.deallist-grid-ver2 .cl_fix2 table thead th {height: 35.5px; padding: 7px 2px 7px; line-height: 18px; font-size: 14px;
  border-left: 1px solid #edebeb; border-bottom: 1px solid #bbbec3; box-sizing: border-box;}
.deallist-grid-ver2 .grd-tit-dtc{overflow:hidden;margin-bottom:10px; margin-top: 50px;}
.deallist-grid-ver2 .cl_fix2.grid01.cont-type3 .tble-row3 thead th {height:70px;}
.deallist-grid-ver2 .cl_fix2.grid01.cont-type5 .tble-row3 thead th {height:70px;}
.deallist-grid-ver2 .cl_fix2.grid01.cont-type6 .tble-row3 thead th {height:106.5px;}
.deallist-grid-ver2 .cl_fix2.grid02.cont-type1 .tble-row3 thead th {height:70px;}
.deallist-grid-ver2 .cl_fix2.grid-v04.cont-type1 .tble-row3 thead th {height:106.5px;}
.deallist-grid-ver2 .cl_fix2.grid-v05.cont-type1 .tble-row3 thead th {height:71px;}

.deallist-grid .cl_fix2 .bd-bb {border-bottom: 1px solid #edebeb;}
.deallist-grid .cl_fix2 .bd-br, .table_wrap2 .bd-br{border-right: 1px solid #edebeb;}
.deallist-grid-ver2  .cl_fix2 .bd-bb {border-bottom: 1px solid #edebeb;}
.deallist-grid-ver2 .cl_fix2 .bd-br, .table_wrap2 .bd-br{border-right: 1px solid #edebeb;}


.deallist-grid-ver2 .cl_fix2 .bd-bl-none, .table_wrap2 .bd-bl-none{border-left: 0;}


/* 괴리율 */
.th-name3 span{display: inline-block; vertical-align: middle;}
.flag-q { position:relative;  display: inline-block;}
.flag-q span {display:inline-block;color:#fff;min-width:16px;height:16px;padding:0 4px;text-align:center;font-size:12px; line-height: 16px;}
.flag-q i {display:none;position:absolute;top:-26px;right:-12px;min-width:250px;height:22px;padding:1px 7px 0;
  text-align:center;border-radius:2px; background:#333;color:#fff;white-space:nowrap;font-size:11px;}
.flag-q i:after {content:"";position:absolute;bottom:-4px;right:17px;width:5px;height:4px;background:url(../../static/images/ui/mag_cor.png) no-repeat bottom left;}
.flag-q .icon-q span {background:#456193; border-radius: 50%;}
.flag-q .icon-q:hover i {display:block;}


/*페이징*/
.pagenav{display: block; text-align: center; height: 32px; margin:50px 0px 21px;}
.pagenav ul li {display: inline-block;}
.pagenav ul li a{display: block; width:32px; height:32px; text-align: center; line-height: 32px;font-weight: normal; color:#111111; font-family: Tahoma; float: left;}
.pagenav ul li.click a{color:#fff; background:#e13137; font-weight: bold;}

.pagenav .ppprev{width:32px; height:31px;background:url(../../static/images/ui/paging-01-first-off.png) center no-repeat;background-size: 12px 9px;}
.pagenav .pprev{width:32px; height:31px;background:url(../../static/images/ui/paging-02-prev-off.png) center no-repeat;background-size: 6px 9px; margin-right:10px;}
.pagenav .nnext{width:32px; height:31px;background:url(../../static/images/ui/paging-03-next-off.png) center no-repeat;background-size: 6px 9px; margin-left:10px;}
.pagenav .nnnext{width:32px; height:31px;background:url(../../static/images/ui/paging-04-last-off.png) center no-repeat;background-size: 12px 9px;}

/* 검색 결과 더보기 : 0502 */
.sto_all_search_btn{display:block;width:185px;height:40px;border:1px solid #ced2d7;margin:10px auto 0 auto;text-align:center}
.sto_all_search_btn > span{display:inline-block;height:100%;line-height:38px;}
.sto_all_search_btn > span span:first-child{display:inline-block;width:13px;height:13px;background:#247acd;border-radius:50%;margin:-2px 3px 0 0;position:relative;vertical-align:middle}
.sto_all_search_btn > span span:first-child:after{display:block;content:"";width:7px;height:1px;position:absolute;top:6px;left:3px;background:#fff;}
.sto_all_search_btn > span span:first-child:before{display:block;content:"";width:1px;height:7px;position:absolute;top:3px;left:6px;background:#fff;}
.sto_all_search_btn > span span:nth-child(2) { color:#247acd}
.sto_all_search_btn:hover{background:#f4f4f4;color:#000;}
.sto_all_search_btn.dtc > span span:first-child{background:#e13137 !important;}
.sto_all_search_btn.dtc > span span:nth-child(2) { color:#e13137 !important}

/* datacenter search box */
.ipt-search-key3{border:1px solid #bbbbbb}
.ipt-search-input-div {width:210px}
.ipt-search-wrap{width:250px;}
.ipt-search-wrap-house{width:210px;}
.search_tab {position:relative;margin-bottom:40px;padding:20px 95px 20px 20px; border:1px solid #e2e2e2; background:#f7f7f7; }
.search_tab input[type="text"] {height:38px;line-height:38px;width:210px;font-size:14px;color:#555;margin:0px;text-align:left;font-weight:400;text-indent:10px;}
.search_tab select {float:left;margin-top:0;height:38px;
color: #555; background: #fff; border: 1px solid #bbb; 
font-size: 14px; padding:0 20px 0 10px; text-align: left; font-weight: 400;} 
.search_tab select + .shc_chk {margin-left:10px;}
.search_tab select + select {margin-left:10px;}
 /*230601, 수정, 박수희*/
.section_col select.vRange.singlerange{margin-left:10px; width:178px; background-position: 96% center !important;}
.section_col select.cRange.singlerange{margin-left:10px; width:154px; background-position: 96% center !important;} 
.section_col select[id="issSubMthd"]{width:187px; background-position: 96% center !important;}
.section_col.mlty01 select[name="searchtype"]{width:143px; background-position: 96% center !important;}

.search_tab .ipt-search-key-wrap-btn {top:14px;}
.search_tab .col_sec + .col_sec {margin-top:20px;}
.search_tab .col_sec {display: block;min-height: 38px; overflow: visible;} 

.search_tab .ipt_hipen {float:left;width:20px !important; height:38px !important;line-height:38px !important; text-align:center;font-size:14px;font-weight:400 !important}
.search_tab .high {float:left;width:34px; height:38px;line-height:38px; text-align:left;font-size:14px; font-weight:400; margin-left:10px;}
.search_tab .low {float:left; width:34px; height:38px;line-height:38px; text-align:left; font-size:14px; font-weight:400; margin-left:10px;}
.section_col{float:left; }
.search_tab .section_col .srh_date + select {margin-left:10px; /*padding: 0 10px 0 10px;*/ }
.search_tab .srh_label {float:left;margin-right:10px;line-height:38px;font-size:14px;font-weight:500;color:#555;}
.search_tab .srh_search {float:left;width:auto;}
.search_tab .btn_srh {display: block;text-align: center; color:#fff; font-weight: 500; font-size: 13px; background: #737a86;}
.search_tab .srh_search .ipt-issuers {width:600px;}
.search_tab .srh_search .ipt-issuers2{width: 210px; position: relative;border:1px solid #bbbbbb}
.search_tab .srh_search .ipt-issuers3{width: 170px; position: relative;border:1px solid #bbbbbb}

.search_tab .shc_chk {float:left; overflow:hidden;}
.search_tab .shc_chk label {float:left;min-width:49px;padding:0 6px;position:relative;text-align:center;border:1px solid #bbb;border-left:0;
  line-height:37px;margin-left:0;height:38px;background:#fff;font-size:14px;color:#555;font-weight:400;cursor:pointer}
.search_tab .shc_chk input:first-child + label {border-left:1px solid #bbb;}
.search_tab .shc_chk input:last-child + label {border-right:1px solid #bbb;}
.search_tab .shc_chk .first-rbox +label {border-left:1px solid #bbb;}
.search_tab .shc_chk input {display:none;}
.search_tab .shc_chk input[type="radio"]:checked + label {border:1px solid #e83a40; border-right: none;background:#e83a40;color:#fff;}
.search_tab .shc_chk input[type="radio"]:checked:first-child + label {border:1px solid #e83a40;}
.search_tab .shc_chk + .srh_date {margin-left:10px; }

.search_tab .srh_date {float:left; }
.search_tab .srh_date .ipt_date {float:left;position:relative; width: 111px;}/*230420:간격조정, 박수희*/
.search_tab .srh_date .ipt_date input {width:100%}
.search_tab .srh_date .ipt_date input::placeholder{color:#c7c7c7;}
.search_tab .srh_date .ipt_date input:focus{border:1px solid #e83a40}
.search_tab .srh_date .ipt_date input:focus + .ipt-search-key-wrap-btn
 {background:url(../../static/images/ui/ico-date01a.png) center no-repeat;background-size: 10px 11px;}
.search_tab .section_col select + .srh_date {margin-left:10px;}
.search_tab  .srh_search .btn-search{position:absolute;top:0px;width:40px;height:38px;background:url(../../static/images/contents/btn_brd_search.png) no-repeat center;font-size:0;
background-color:white;border-top: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;
}

.srh_date .ipt-search-key-wrap-btn{position: absolute; width:10px; height: 11px; top:13px; right:10px;
  background:url(../../static/images/ui/ico-date01.png) center no-repeat; background-size: 10px 11px; } /*230420:간격조정, 박수희*/

/* 조회 btn */
.btn_srh.btn-st01{width:60px;height:38px;line-height:40px; position: absolute; top: 20px; right: 20px; z-index: 10;}
.btn_srh.btn-st02{width:60px;height:96px;line-height:96px; position: absolute; top: 20px; right: 20px; z-index: 10;}
.sch-htlgt .btn_srh.btn-st02{top: auto; bottom:20px; width:240px; height:38px; line-height:38px; position: absolute; right: 20px;z-index: 10;}/*202302:league table 추가, 박수희*/

/* datacenter search box 영역 */
.sch-ht1{height:80px; overflow: visible;}
.sch-ht2{height:138px; overflow: visible;}
.sch-htlgt{min-height:138px; overflow: visible; padding: 20px 20px; display: block;}/*202302:league table 추가, 박수희 */

/*202302 : league table searchbox 추가, 박수희*/
.sch-htlgt .col_sec2 + .col_sec{padding-top: 24px; border-top: 1px dashed #ddd; min-height: 63px;} 
.sch-htlgt .col_sec  {display: block; min-height: 38px; overflow: visible; padding-right: 75px;}
.sch-htlgt .col_sec2 {display: block; min-height: 40px; overflow: visible;}
.sch-htlgt .col_sec2 .srh_label {line-height: 17px;}
.sch-htlgt .srh_label {margin-right: 25px !important;}
.sch-htlgt .srh-mlyty01 {margin-left: 70px;}
.sch-htlgt .shc_chklgt {float:left;}
.sbsc-chk-txt {float: left; line-height: 16px; font-size: 13px; color: #888; font-weight: 400; margin-left: 15px;}
.sch-htlgt .shc_chklgt label {font-size:14px; color:#555; font-weight:400; margin-right: 15px;}
.sch-htlgt .shc_chklgt label:last-child {margin-right: 0;}
.sch-htlgt .mltylgt01 label, .sch-htlgt .mltylgt02 label, .sch-htlgt .mltylgt03 label {min-width: 90px; } 
.sch-htlgt .shc_chklgt  input:disabled+label{color:#aaa;}
.sch-htlgt .col_sec .shc-hd {margin-top: 10px;}


/* datacenter input box간격 */
.md-chk label{min-width: auto !important; padding:0 12px !important;}
.md-chk2 label{width:65px !important; padding:0 !important;}
.md-chk3 label{min-width: auto !important; padding:0 8px !important;}/*230601, 수정, 박수희*/
.md-chk-disable {pointer-events: none; }
.md-chk-disable label{color:#ccc !important; border:1px solid #ddd !important; border-left:0 !important; }
.md-chk-disable input:first-child + label {border-left: 1px solid #ddd !important;}

.sbox-disable {pointer-events: none; }
.sbox-disable {color:#ccc !important; border:1px solid #ddd !important;}
.sbox-disable input:first-child + label {border-left: 1px solid #ddd !important;}

.sch-grid01 .col_sec .mlty01{float: left; }
.sch-grid01 .col_sec .mlty02{float: left; margin-left: 16px; } 
.sch-grid01 .col_sec .mlty03{float: right;}
/*230524: 추가, 박수희*/
.sch-grid01 .col_sec .mlty02-1{float: left; margin-left: 36px;}
.sch-grid01 .col_sec .mlty03-1{float: left; margin-left: 36px;}
.sch-grid01 .col_sec .mlty04-1{float: left;}
.sch-grid01 .col_sec .mlty05-1{float: left; margin-left:36px;}
.sch-grid01 .col_sec .mlty06-1{float: left; margin-left:36px;}
/*230601, 수정, 박수희*/
.sch-grid02 .col_sec .mlty01{float: left;}
.sch-grid02 .col_sec .mlty02{float: left; margin-left: 22px;}
.sch-grid02 .col_sec .mlty03{float: left; margin-left: 22px;}
.sch-grid02 .col_sec .mlty04{float: left;}
.sch-grid02 .col_sec .mlty05{float: left; margin-left: 26px;}
.sch-grid02 .col_sec .mlty02-1{float: left; margin-left:22px;}
.sch-grid02 .col_sec .mlty02-2{float: left;margin-left:18px;}
.sch-grid02 .col_sec .mlty02-3{float: left;margin-left:36px;}
.sch-grid02 .col_sec .mlty02-4{float: left;margin-left:36px;}
.sch-grid02 .col_sec .mlty03-1{float: left; margin-left:10px;}
.sch-grid02 .col_sec .mlty03-2{float: left; margin-left:17px;}
.sch-grid02 .col_sec .mlty03-3{float: left; margin-left:36px;}
.sch-grid02 .col_sec .mlty03-4{float: left;}
.sch-grid02 .col_sec .mlty04-1{float: left; margin-left:26px;}
.sch-grid02 .col_sec .mlty05-1{float: left; margin-left:36px;}
.sch-grid03 .col_sec .mlty01{float: left;}
.sch-grid03 .col_sec .mlty02{float: left; margin-left:23px;} 
.sch-grid03 .col_sec .mlty03{float: left; margin-left:24px;}
.sch-grid03 .col_sec .mlty04{float: left;}
/*230420:간격조정, 박수희*/
.sch-grid03 .col_sec .mlty05{float: left; margin-left: 15px;}
.sch-grid03 .col_sec .mlty05 .cell-txt3{display: block; padding-top:2px; line-height:17px !important; height: 38px !important; font-size: 13px !important;}
.sch-grid03 .col_sec .mlty06{float: left; margin-left: 15px;}
/***/

/*230601, 간격조정, 박수희*/
.sch-grid04 .col_sec .mlty01{float: left; }
.sch-grid04 .col_sec .mlty02{float: left; margin-left:22px;}
.sch-grid04 .col_sec .mlty03{float: left; margin-left:22px;}
.sch-grid04 .col_sec .mlty04{float: left; margin-left:22px;}
.sch-grid04 .col_sec .mlty05{float: left;}
.sch-grid04 .col_sec .mlty06{float: left; margin-left:36px;}
.sch-grid04 .col_sec .mlty07{float: left; margin-left:36px;}

.search_tab.sch-grid04 .mlty03 .shc_chk label {min-width:43px;padding:0 6px; letter-spacing: -1px;}
.search_tab.sch-grid04 .mlty04 .shc_chk label {min-width:43px;padding:0 6px; letter-spacing: -1px; }

.sch-grid05 .col_sec .mlty01{float: left;}
/*230601, 간격조정, 박수희*/
.sch-grid05 .col_sec .mlty02{float: left; margin-left:39px;} 
.sch-grid05 .col_sec .mlty03{float: left; margin-left:39px;}
.sch-grid05 .col_sec .mlty04{float: left; margin-left:40px;}
.sch-grid05 .col_sec .mlty05{float: left;}
.sch-grid05 .col_sec .mlty06{float: left; margin-left:43px;}
.sch-grid05 .col_sec .mlty07{float: left; margin-left:43px;}


/*202212 : M&A 추가, 박수희*/
.sch-grid06 .col_sec .mlty01{float: left;}
.sch-grid06 .col_sec .mlty02{float: left; margin-left:33px;} 
.sch-grid06 .col_sec .mlty03{float: left; margin-left:33px;}
.sch-grid06 .col_sec .mlty04{float: left; margin-left:33px;}
.sch-grid06 .col_sec .mlty05{float: left;}
.sch-grid06 .col_sec .mlty06{float: left; margin-left:33px;}

.col_sec.line2{position:absolute;}

/*202302: league table 간격 추가, 박수희*/
.sch-grid-lgt01 .col_sec .mlty01{float: left; }
.sch-grid-lgt01 .col_sec .mlty03{float: left; margin-left:36px;}/*발행규모*/
.sch-grid-lgt01 .col_sec .mlty02-1{float: left; margin-left:36px;} 
.sch-grid-lgt01 .col_sec .mlty03-1{float: left; margin-left:36px;} /*발행규모*/
.sch-grid-lgt01 .col_sec .mlty04{float: left;}/*기간선택*/
.sch-grid-lgt01 .col_sec .mlty02-2{float: left; margin-left:36px;} 
.sch-grid-lgt01 .col_sec .mlty02-3{float: left; margin-left:36px;}
.sch-grid-lgt01 .col_sec .mlty02-4{float: left; margin-left:36px;}



/* 자동완성 - autocomplete 플러그인 활용 */
.ui-autocomplete{max-height:370px;overflow-y:auto;}
.ui-menu-item{border-bottom:1px solid #e2e2e2; }
.ui-menu-item-wrapper{height:38px;}
.ui-autocomplete-custom-wrap {width:100%;}
.ui-autocomplete::-webkit-scrollbar {
  width: 6px;
}
.ui-menu{
  color: #333333;
  letter-spacing: -0.2px;
  font-weight: 500;
  font-family: 'Noto Sans KR';
  text-align: left;
}
.ui-autocomplete::-webkit-scrollbar-thumb{height: 17%; background-color: rgb(135, 152, 185); border-radius: 10px; }
.ui-autocomplete::-webkit-scrollbar-track{background-color: rgb(212, 212, 212); }
.ui-autocomplete-custom-wrap .cell-txt2{float: left; margin:5px 10px 5px 0}
.ui-autocomplete-custom-wrap .atc-name {float: left; width:auto;margin: 5px 0; font-size: 13px; max-width:140px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ui-autocomplete-custom-wrap .atc-number{float: right; margin:5px 0 5px 10px;font-size: 12px; font-weight: normal;}
.cell-txt2 {display: inline-block;  padding: 0 3px;  border-radius: 4px;  border: 1px solid #ddd; font-size: 12px; background: #fff; height: 20px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #efefef;color:#1f1111;margin:0;border:none; font-weight:500}


/* 자동완성 */
.autocomplete-click{cursor:pointer;}
/* .autocomplete-list{display: none; width:250px;
}
.autocomplete-list.active{display: block; width: 250px; height:auto; border:1px solid #e2e2e2; border-top:none; 
padding-top:0px; position: absolute; left:0; top:37px; z-index:10;}
.autocomplete-item{position:absolute; padding:0; float:left; border:1px solid #d1d4d8;z-index:100;width:250px;
overflow-y:auto;max-height:370px;
}
.autocomplete-list .autocomplete-item::-webkit-scrollbar {
  width: 6px;
}
.autocomplete-list .autocomplete-item::-webkit-scrollbar-thumb{height: 17%; background-color: rgb(135, 152, 185); border-radius: 10px; }
.autocomplete-list .autocomplete-item::-webkit-scrollbar-track{background-color: rgb(212, 212, 212); }

.autocomplete-item li {width:100%; display:block; border-bottom:1px solid #e2e2e2; background:#fff; float: left; padding: 12px 0;}
.autocomplete-item li:hover {background: #efefef;}
.autocomplete-item li:last-child {border-bottom: 0;}
.autocomplete-item li span:first-child {margin-left:12px;}
.autocomplete-item li span:last-child {margin-right:12px;}
.autocomplete-item .cell-txt2{float: left; margin-right: 5px; margin-top:0px;}
.autocomplete-item .atc-name {float: left; margin-right: 5px; font-size: 13px; width: 150px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.autocomplete-item .atc-number{float: right; font-size: 12px; font-weight: normal;}
.cell-txt2 {display: inline-block;  padding: 0 3px;  border-radius: 4px;  border: 1px solid #ddd; font-size: 12px; background: #fff; height: 20px; }

.autocomplete-list.house-list{width:230px;}
.autocomplete-item.house-list{width:230px;}
.autocomplete-item.house-list .atc-name{width:120px;} */

.txt-red2 {color:#e73d46;}
.txt-blue2 {color:#0269ab;}
.txt-gray {color: #888} 
.txt-etc {font-size: 13px; font-weight: 400; color: #666; margin-top: 5px; line-height: 18px;} 
.txt-sm {font-size:12px; font-weight:400;}
/*202212: M&A 추가, 박수희*/
.txt-etc2{margin-top:5px; line-height: 19px; font-size: 12px; color: #666; font-weight: 400;float:left;}
.txt-etc2.sm-11{font-size:11px;}
/* mna 더보기 버튼이 올라붙어서 그거 방지 */
.txt-etc2.mna-btm{width:100%;padding-bottom: 20px;}

/*
.txt-red-dct{color:#cd3348;}
.txt-blu-dct{color:#2b78fe;}
.txt-blue-dct:visited, .txt-blue-dct:link{color:#2b78fe;}
*/

.btn_excel {position: absolute; bottom: 8px; right: 0px; border: 1px solid #bbb; 
background: #fff url(../../static/images/ui/btn_excel1.png) 8px center no-repeat; background-size: 18px 18px; 
font-size: 13px; width: 100px; height: 29px; line-height: 27px; color: #333; font-weight: 400; text-align: left; padding-left: 31px; cursor:pointer;}
.btn_excel.pending {background: #d3d3d3 url(../../static/images/ui/btn_excel1.png) 8px center no-repeat;background-size: 18px 18px; cursor:default;}
.btn-list {display:inline-block; width:178px;text-align:center; font-size:14px;color:#fff; line-height:38px; background:#e6102e;}
.btn-list:after {content:""; display:inline-block; width:7px;height:12px; background:url(../../static/images/ui/arr-go.png) no-repeat right 0; margin-left:10px;}
.icon-arr-red { width: 23px; height: 17px; background: #e83a40 url(../../static/images/ui/arrow-data.png) no-repeat; 
background-position: 9px center; background-size: 6px 11px; float: left; border-radius: 4px; margin: 5px 8px 0 0;}
.icon-arr-gray { width: 23px; height: 17px; background: #555 url(../../static/images/ui/arrow-data.png) no-repeat; 
background-position: 9px center; background-size: 6px 11px; float: left; border-radius: 4px; margin: 5px 8px 0 0;}

/*202302: league table 차트 버튼 추가, 박수희*/
.btn_leaguetable {position: absolute; bottom: 8px; right: 0px; width: 100px; height: 29px; font-size: 13px; 
line-height: 27px; color: #333; font-weight: 400; text-align: left; padding-left: 31px; border: 1px solid #bbb; 
background: #fff url(../../static/images/ui/btn_leaguetable.png) 8px center no-repeat; background-size: 18px 18px; }

/* datacenter Detail Top  */
.dtc-result-detail{position:relative;border:1px solid #e2e2e2; background:#f7f7f7;}
.dtc-result-detail:after{content: ""; display: block; clear: both;}
.dtc-result-detail .colwidth2:first-child{margin-top:0;}
.dtc-result-detail .colwidth2 {margin-top:-10px; }
.colwidth2 {padding: 15px 15px; overflow:hidden}
.dtc-mb{margin-bottom:40px;}
.stock-name{float:left; display: inline-block; width:auto; height: 42px; line-height: 42px;  padding: 0 15px;
background:#e6102e; color:#fff; font-weight: 500; border-radius: 5px; text-align: center; margin-top:0;}
.stock-text {float:left;  line-height: 42px; margin-left: 15px; } 

/* 발행사별 go */
.sto-go-btn{float:right; display: inline-block; width:245px; height:38px; font-size:14px; border:1px solid #e6102e; 
color:#e6102e; margin:0; text-align:left; padding: 0 10px 0 10px; border-radius: 5px; background:#fff; position:relative}
.sto-go-btn > span{display:inline-block; /*height:100%;*/line-height:35px; }
.sto-go-btn > span span:first-child{float: left; display:inline-block; }
.sto-go-btn > span span:last-child{width:28px;height:28px; text-align:center;font-size:15px; 
line-height:23px; background:#e6102e; border-radius:50%; vertical-align:middle;font-family: Tahoma; font-weight:400;  
position:absolute; right:10px; top: 4px; z-index: 1;}
.sto-go-btn > span span:nth-child(2) {color:#fff; }


/*데이터센터팝업*/
/* .br-popup-wrap-dct{width:100%; padding:0 0 15px; background: #fff; margin: 2% 0;} */
.br-popup-wrap-dct{
  box-shadow:rgba(0, 0, 0, 0.05) 5px 5px 2px;
  position: absolute;
  z-index: 200;
  display: block;
  top: 20vh;
  left:calc(50% - 200px);
  width: 400px;
  max-height: 600px;
  background-color: #fff;
  padding:0px 0px 15px; 
  transform: scale(0);
  /* opacity: 0; */
  border: 1px solid #ccc;
}
.br-popup-wrap-dct.visible {
  animation: showModal 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.br-popup-wrap-datacenter{top: 10vh;}
.br-popup-body-data-table{padding-top: 0px !important;}

.dct-popup-box{ width: 400px; margin: auto; } 

.br-popup-top-dct{line-height:45px; width:100%; padding:2px 3px 0px 18px; z-index: 100;}
.br-popup-top-dct:after{content: ""; display: block; clear: both;}
.br-popup-top-title-dct{color:#fff; font-weight: 700; font-size:18px; text-align: left;}
.br-popup-top-dct .br-popup-top-title-dct{color:#333;}
.br-popup-top-dct  .close-popup{width:45px; height:45px;
  background: url(../../static/images/ui/hd-close.png) center no-repeat;
  background-size: 17px 17px; float: right;}

.br-popup-body-dct{font-size: 16px; line-height: 23px; text-align: left;
  color:#222; padding:0 15px; font-weight: 400;}

/*datacenter popup table*/
.datacenter-popup-table1{border-top: 2px solid #333; width: 100%;}
.datacenter-popup-table1 .ddp1-001{background: #f5f5f5; text-align: left;padding-left:18px;
font-size: 13px; color: #333; font-weight: 500; vertical-align: top;}
.datacenter-popup-table1 .ddp1-002{text-align: left; font-size: 12px; font-weight: 400;
color: #666; padding: 0px 0px 0px 18px;}
.datacenter-popup-table1 .ddp1-002a{background: #f9fafb; color: #555; 
font-size: 12px; font-weight: 500; text-align: left; line-height: 24px; padding-left:18px; border-left: 1px solid #ececec !important;}
.datacenter-popup-table1 .ddp1-003{text-align: right; font-size: 12px; font-weight: 400;
color: #666; padding: 0 10px 0 0}
.datacenter-popup-table1 tr{border-bottom: 1px solid #ddd;}
.datacenter-popup-table1 td{border-left: 1px solid #ececec; line-height: 20px; padding: 4px 0;}
.datacenter-popup-table1 td:first-child{border-left: none;}

/*datacenter popup btn*/
.bt-bt-btns-wrap-dct {margin-top: 15px; display: block; width:100%; text-align: center; line-height: 0;}
.bt-bt-btns-wrap-dct .bt-bt-btns{display: inline-block;}
.bt-bt-btns-wrap-dct .bt-bt-btns:after{content: ""; display: block; clear: both;}
.bt-bt-btns-wrap-dct .br-btn{float: left; width:120px; height:40px; line-height:40px;
font-size:16px; text-align: center; font-weight: 500; margin-left:0;}

.br-popup-wrap-dct .scroll-box{width: 100%; box-sizing: border-box; overflow-y: auto; max-height: 520px; border: 1px solid #ccc;}
.br-popup-wrap-dct .scroll-type::-webkit-scrollbar{width: 6px; } 
.br-popup-wrap-dct .scroll-type::-webkit-scrollbar-thumb{height: 17%; background-color: rgba(79,95,128,0.7); border-radius: 10px; }
.br-popup-wrap-dct.scroll-type::-webkit-scrollbar-track{background-color: rgba(135,135,135,0.2); }

.btn-br-black2{color:#fff; background:#333;}


/****** 기타 ******/

/* 딜사이트 우측 : 딜리스트 */
.deal-list-condition2 .wds{width:19.5% !important;} 
.deal-list-condition2 .wds1{width:22% !important; }
.deal-list-table td:nth-child(2) {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.deal-list-table th:nth-child(2) {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/* 딜사인트 : 검색 테이블 */
.result-search-input-kw {float: left;  width:100%; min-width: 50px;max-width:90%;}
.result-keyword {float: left;  margin: 4px 10px 0;}
.result-keyword .add-recommended-keyword-btn{margin: 0;}


/* /search 페이지 딜리스트 */
.serach-top-bar1 {
  position: relative;
  padding-bottom: 4px;
}

.result-sh-listbox {
  font-size: 23px;
  position: relative;
  float: left;
  display: inline-block;
  color: #333 !important;
  border: 0;
}

.result-keyword {
  float: left;
  position: absolute;
  z-index: 1;
}

.result-search-input-kw {
  position: relative;
}


/*2230406: 데이터센터 전용 로그인 영역 추가, 박수희*/
.dcenter-login-wrap{width:730px; margin: 0px auto; padding: 30px 0px 90px;min-height: calc(100vh - 495px);}

@media screen and (max-width: 640px) {
  .dcenter-login-wrap{width:100%; margin-top:-30px; padding: 0 12px 90px 12px;}

  /* 사이드 그리드 팝업레이어 모바일 사이즈 조정정 */
  .br-popup-wrap-dct{width:calc( 100% - 20px); left:10px;max-height: calc( 100% - 20vh );}
}


/* league table gride 펼침목록 */
.grid-tgl .ick {width: 17px; height: 17px; background: #e2eaf7; border: 1px solid #788395; 
  box-sizing: border-box; display: inline-block; margin-right: 6px;}
.grid-tgl .ick:before {content:""; display: inline-block; width: 15px; height:15px;
  background:url(../../static/images/contents/icon-plus.png) 0 0 no-repeat;}
.over .grid-tgl .ick:before {content:""; display: inline-block; width: 15px; height:15px;
  background:url(../../static/images/contents/icon-minus.png) 0 0 no-repeat; /* transition: all 0.3s; */}

/* league table 하단 컨텐츠 */
.grid-wrap-lgt{position: relative; margin-top:40px; }
.lgt-center {float: left; width:555px; margin-right:30px; position: relative;}
.lgt-right {float: right; width:555px; padding:0; }
.lgt-right-swrap{width: 100%;}
.lgt-sr-left{float: left; width: calc(50% - 5px);}
.lgt-sr-right{float: right; width: calc(50% - 5px);}

.grd-tit-lgt{position: relative; height:55px;  padding: 19px 0 0 22px; border: 1px solid #e2e2e2; background: #f7f7f7;}
.grd-tit-lgt h3 {float:left;font-size:18px; font-weight: 700; line-height:14px; text-align: left; color:#333;}
.grd-tit-lgt .more-news-btn{color:#999; right:22px; top:17px;}
.grd-tit-lgt + .grd-tit-lgt {margin-top:10px;}
.grd-tit-lgt + .grd-tit-lgt2 {margin-top: 18px;}
.grd-tit-lgt2 {margin-bottom:10px; margin-top: 25px; width: 100%; float: left;}
.grd-tit-lgt2 .grd-stit {float:left;font-size:16px;}
.grd-tit-lgt2 .caption-dtc {float:right;line-height:32px;font-size:11px;color:#aaa;}
.grd-lgt-info { display: block; float: left; box-sizing: border-box; width:100%; text-align: center;}
.grd-lgt-info  img {width: 100%; height: auto;}

.lgt-right-swrap .grd-lgt-info  {height: 348px;}
.lgt-right-swrap .grd-lgt-info  img {width: 100%; height: 100%;}
.lgt-right-swrap .grd-stit2 {float:left;font-size:14px; height: 32px; }

/*230512, 박수희, 추가*/
.grd-lgt-hftit {float:left; font-size:14px; height: 25px; display:block; margin-top: -6px;}
.league-half{float: left; width: 270px; }
.league-half:nth-child(2){float: right;} 
.league-halfbox{width: 270px; height:400px; display:inline-block; border: 1px solid #e0e0e0; margin-top: 10px; 
  background: #fff; padding: 10px 5px; box-sizing: border-box;}
.lgt-right-swrap .league-half{float: left; width: 270px; }
.lgt-right-swrap .league-half:nth-child(2){float: right;} 
.lgt-right-swrap .league-half .grd-tit-lgt2{height: 27px;}


/*20230524, 한유림, 추가  파이 차트  */
.league-halfbox-pie{
  width: 270px; height:300px; 
  display:inline-block; 
  border: 1px solid #e0e0e0; 
  background: #fff; 
  box-sizing: border-box;
  padding: 10px;
}

.pie-chart{
  width: 100%; 
  height:280px; 
  /* padding: 10px; */
}

/* loading 이미지 */
.loading-img-pie{
	background: url(../images/ui/loading.gif) 50% 50% no-repeat;
  background-size: 100%;
  width: 100%;
  height: auto;
}

/* 인포그래피 차트 툴팁 css */
.chart-tooltip{
  font-size: 11px;
  margin:1px 1px 3px 0px;
}

/* .chart-tooltip td{
  padding:0px 0px 0px 0px;
} */

/* .infographic-pie td{
  padding:0px 0px 4px 0px;
} */

/* 리그 테이블 차트 툴팁 */
.lgt-right .chart-tooltip td{
  padding: 0px 0px 0px 0px;
}

.chart-tooltip .tooltip-title, .infographic-pie .tooltip-title{
  font-weight:700;
  font-size: 12px;
}

/* ****** 차트 관련 CSS  ***** */
.league-chart-tooltip #plus-percent, .chart-tooltip #plus-percent, .infographic-pie #plus-percent{ color: red; }
.league-chart-tooltip #minus-percent, .chart-tooltip #minus-percent, .infographic-pie #minus-percent{ color: blue; }

.chart-selectbox, .ipo-selectbox{
  width:137px;
  height: 30px;
  margin-top: 0;
}

.chart-selectbox option, .ipo-selectbox option{
  border: 1px solid rgb(221, 221, 221);
  font-size: 13px;
  letter-spacing: -0.025em;
  color: #555555;
  line-height: 32px;
  cursor: pointer;
}

.infogr-pie-half{
  float:left;
  width:50%;
  height:100%;
}

.cover-log{
  position: absolute;
  width:82px;
  height: 20px;
  top: 657px;
  left: 384px;
  background: #fff;
  z-index: 100;
}

.warning-text {
  position: absolute;
  font-size: 11px;
  color: #cccccc;
  top: 661px;
  left: 78px;
  z-index: 200;
}


.chart-big {
  height: 500px;
  padding: 10px;
  margin-bottom: 0;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
}

.industry .nice-select {
  width: 120px;
}

.dateSelect .nice-select {
  width: 120px;
  margin-left: 5px;
}

.ipoSelect .nice-select {
  width: 170px;
}


.league-industry{
  margin-top: 5px;
  width: 100%;
  height: 400px;
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  margin-bottom: 0;   
  padding: 10px 12px 10px 12px;
}


/* 구차트 dc.. 에서 필요한 버튼 css */
.infographic-info-btn{
  height: 32px;
  border: 1px solid #e2e2e2;
  line-height: 31px;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  text-align: center;
  margin-right: -1px;
  display: block;
  float: left;
  width: 100px;
  margin-bottom: 12px;
}

.infographic-info-btn .on{
  background: #d51731;
  color: #fff;
  border: 1px solid #d51731;
  margin-bottom: 12px;
}

.options .custom-history-back.chart {
  /* display: inline-block; */
  border: 1px solid rgb(221, 221, 221);
  width: 70px;
  height: 32px;
  padding: 0px 0px 0px 10px;
  font-size: 13px;
  letter-spacing: -0.025em;
  color: #555555;
  line-height: 31px;
  cursor: pointer;
}

.options .custom-history-back {
  font-size: 13px;
  display: none;
}

.options .custom-history-back:hover {
  background: #d51731;
  color: #ffffff;
}

.chart-subtitle{
  font-size: 13px;
  text-align: left;
  font-weight: 400;
  color: #999;
  /* margin-bottom: 58px; */
}

/* dealist 경고문구 */
.txt-etc2-div {
  /* line-height: 28px; */
  font-size: 12px;
  color: #666;
  font-weight: 400;
  /* float:left; */
  margin-top: 6px;
  margin-bottom: 40px;
  width:100%
}

.txt-etc2-div.mna-btm{width:100%;}

/* *****************************  */


/* league table 기사 리스트 */
.lgt-center  .mnm-img{position: relative; float: left; width:110px; line-height: 0px}
.lgt-center  .mnm-img:after{content: ""; display: block; clear: both;}
.lgt-center  .mnm-img:before{content: "";display: block;position: absolute;width:100%;height:100%;border:1px solid rgba(150,150,150,0.1);top:0px;left:0px;}
.lgt-center  .mnm-img img{width:110px;height:74px;float: left;}
.lgt-center  .mnm-news-right{margin-left: 20px; width:calc(100% - 130px); float: left;}

/* Chart sample */
.chart-house {width:135px; display:inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.chart-smp {display: inline-block; vertical-align: middle; margin-left: 5px; float: right;}
.chart-smp img {width:30px; height: 24px;}

/* 집계기준 POPUP */
.br-popup-wrap-lgt{width: 800px; background: #fff; top: 10vh !important; padding:0 0 30px !important;}
.br-popup-top-lgt{background: #2c2c2c;}
.br-popup-top-lgt .close-popup{background: url(../../static/images/ui/popup-close.png) center no-repeat;}
.br-popup-top-title-lgt {color: #fff; font-size: 18px; font-weight: 500;}
.btn_leaguetable2 {width: 17px; height: 17px; margin: 2px 8px 0 0; display: inline-block;
 background:url(../../static/images/ui/btn_leaguetable.png) 0 center no-repeat; background-size: 17px 17px; } 

/* 집계기준 POPUP tabmenu*/
.grid-tab2-wrap{overflow:hidden;padding: 0 30px; margin: 30px 0;}
.grid-tab2-lgt {position:relative;overflow:hidden; width: 100%; font-weight: 400;}
.grid-tab2-lgt>ul:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333;}
.grid-tab2-lgt>ul>li:first-child{margin-left:0;}
.grid-tab2-lgt>ul>li{border:1px solid #e2e2e2;margin-left:-1px;float: left;display:block;line-height:45px;text-align:center;}
.grid-tab2-lgt>ul>li.on {position:relative;z-index:2 !important;border:1px solid #333;border-bottom:1px solid #fff; font-weight:600}
.grid-tab2-lgt>ul>li:hover {border:1px solid #1a1a1a;border-bottom:1px solid #fff;font-weight:600}
.grid-tab2-lgt>ul>li:first-child{width:14.25%;}
.grid-tab2-lgt>ul>li{width:14.25%; position:relative;}
.grid-tab2-lgt>ul>li:hover{z-index:1;}
.grd-stit3 {display: block; height: 40px; font-size: 17px; line-height: 38px; color: #fff; font-weight: 500; 
padding:0 0 0 5px; background: #5e646e;}
.grd-stit3:before{content: ''; width: 20px; height: 18px; float: left; margin: 10px 5px 0 0;
background: url(../../static/images/ui/arrow-data.png) no-repeat 9px center; background-size: 8px 14px;}
.grd-stit3+p {line-height: 26px; color: #555; margin:15px 0 25px 15px;}
.grd-stit3+p>span {margin-left:9px;}
.lgt-body {min-height:200px;}
.lgt-body .scroll-box{max-height: 400px !important; padding-right:20px;}
.lgt-body + .bt-bt-btns-wrap-dct {margin-top: 20px;}

 /* House POPUP */
.cl_fix2.grid-lgt01{overflow: visible; display: inline-block;}
.cl_fix2.grid-lgt01 .fix_left:after {width: 0;}
.cl_fix2.grid-lgt01 .pos_right:before {content: ""; position: absolute; top: 2px; left: 0;
z-index: 11; width: 1px; height: 500vh; background: #bbbec3;}
.cl_fix2.grid-lgt01 .tble-row3 tbody td{position: relative; overflow: visible;}

.pop-lgt {position: relative; display: inline-block; width: 100%;} 
.pop-lgt span{padding:5px 10px 0 0; display: block; line-height: 18px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} 
.lgt-pop{clear: both; content: ''; display:none;position: absolute; left: 34px; top: 30px; z-index: 100; 
width: 400px; height: 355px; box-sizing: border-box; border: 1px solid #ccc; background:#fff}
.lgt-pop .head{height: 50px; padding:0 0 0 15px; }
.lgt-pop .head .tit{float: left; line-height: 20px; font-size: 16px; width: calc(100% - 50px);
font-weight: 500; color: #333; margin-top: 18px; letter-spacing: -0.7px;}
.lgt-pop .head .tit:before{content: ""; float: left; width: 17px; height: 17px; margin: 1px 6px 0 0; 
background:url(../../static/images/ui/btn_leaguetable.png) center 0 no-repeat; background-size: 17px 17px; }
.lgt-pop .head .tit span{color:#555; font-weight: 500; font-size: 13px; margin-left:5px;}
.lgt-pop .head .close{width:49px; height:49px; float: right; 
background: url(../../static/images/ui/hd-close.png) center no-repeat; background-size: 17px 17px; }  
.body-lgt {display: block; margin:0 15px; position: relative; padding: 15px 0;}
.body-lgt:before{content: ""; position: absolute; top:0; left: 0; z-index: 1; height: 1px; width:100%; background:#999; } 
.body-lgt img {width: 100%; height: auto;}
.btn-area-lgt {height: 41px; text-align: center; background: #f2f2f2; padding-top: 9px; border-top: 1px solid #ccc;}
.btn-area-lgt .btn-lgt2 {font-size: 14px; font-weight: 500; color: #333;}
.btn-area-lgt .btn-lgt2:after {display: inline-block; content: ""; width: 7px; height: 12px; margin:-4px 0 0 5px;
background: url(../../static/images/ui/swiper-bottom-next-on.png) no-repeat right 0;}


/*230420:기사하단 관련종목, 박수희*/
.dealsite-dh-table .dealbond{display: block; width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dealsite-dh-table-more{display:block;width:160px; font-size: 13px; font-weight:500; height:34px;border:1px solid #ddd;margin:15px auto 0 auto;text-align:center}
.dealsite-dh-table-more > span{display:inline-block;height:100%;line-height:32px;}
.dealsite-dh-table-more > span span:first-child{display:inline-block;width:13px;height:13px;background:#e13137;border-radius:50%;margin:-2px 3px 0 0;position:relative;vertical-align:middle}
.dealsite-dh-table-more > span span:first-child:after{display:block;content:"";width:7px;height:1px;position:absolute;top:6px;left:3px;background:#fff;}
.dealsite-dh-table-more > span span:first-child:before{display:block;content:"";width:1px;height:7px;position:absolute;top:3px;left:6px;background:#fff;}
.dealsite-dh-table-more > span span:nth-child(2) {color:#e13137}

a.dealbond{color: #4f95ee;}

/*datacenter.css 젤 하단에 추가해 주세요.*/
/*230420:리그테이블 관련기사 더보기*/
.lgt-relative-more{display:block;width:185px;height:40px;border:1px solid #ced2d7;margin:10px auto 0 auto;text-align:center}
.lgt-relative-more > span{display:inline-block;height:100%;line-height:38px;}
.lgt-relative-more > span span:first-child{display:inline-block;width:13px;height:13px;background:#e13137;border-radius:50%;margin:-2px 3px 0 0;position:relative; vertical-align:middle}
.lgt-relative-more> span span:first-child:after{display:block;content:"";width:7px;height:1px;position:absolute;top:6px;left:3px;background:#fff;}
.lgt-relative-more > span span:first-child:before{display:block;content:"";width:1px;height:7px;position:absolute;top:3px;left:6px;background:#fff;}
.lgt-relative-more > span span:nth-child(2) {color:#e13137}

/* 230420:Deal List 더보기 버튼 */
.lgt_deallist_more2 {width: 98px; height: 19px; color: #e83a40 !important; padding-left: 6px; border: 1px solid #e83a40; display: inline-block; text-align:left; position: relative;
  box-sizing: border-box; background: #fff; font-size: 11px; font-weight: 500;
/* 230613 버그리포트에 따라 좌측 정렬 임시 */ width: 118px;height:21px;
}
.lgt_deallist_more2:after {content:""; display: inline-block; width: 4px; height:17px; position: absolute;
  background:url(../../static/images/ui/arrow-right-s6.png) no-repeat right 5px; right: 6px;}

/* 리그테이블 집계기준 팝업레이어 */
.br-popup-wrap-dct1 {position: fixed; z-index: 151; display: block; top: 20vh; left:calc(50% - 400px);
  width: 800px; background: #fff; padding:0 0 30px;}
.br-popup-wrap-dct1 .scroll-box{width: 100%; box-sizing: border-box; overflow-y: auto; max-height: 460px; }
.br-popup-wrap-dct1 .scroll-type::-webkit-scrollbar{width: 6px; } 
.br-popup-wrap-dct1 .scroll-type::-webkit-scrollbar-thumb{height: 17%; background-color: rgba(79,95,128,0.7); border-radius: 10px; }
.br-popup-wrap-dct1 .scroll-type::-webkit-scrollbar-track{background-color: rgba(135,135,135,0.2); }

/* 리그테이블 집계기준 팝업레이어 - 연재 추가 */
.dct-popup-wrap {justify-content: space-between; align-items: center;overflow: auto;
  /* transform: scale(0); */
}

/* .br-popup-wrap-lgt{display:none;} */
.br-popup-body-dct.lgt-body {display:none;}
.grid-tab2-lgt ul li {cursor:pointer;}
.br-popup-wrap-dct1{
  transform:scale(0);
}
.br-popup-wrap-dct1.visible {
  animation: showModal 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}