@CHARSET "UTF-8"; .data_time {font-size: 13px; font-weight: 500; color: #666666; text-align: right;} .data_time > .icon {display: inline-block; background: url(../img/icon_etc.png?v20221101) no-repeat; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;} .data_time > .delay {color: #333333; font-size: 12px;} /* ESG 관련 책임투자 */ .govnc-box {width: 100%; padding: 40px; box-sizing: border-box; background-color: #f8f8f8; height: 390px;} .govnc-box ul {height: 100%;} .govnc-box ul li {float: left; width: 270px; height: 310px; margin-right: 35px; background-size: cover;} .govnc-box ul li:LAST-CHILD {margin-right: 0;} .govnc-box ul li > .title {margin-top: 205px; text-align: center;} .govnc-box ul li > .title > span {display: inline-block; font-size: 16px; font-weight: 500; color: #ffffff; width: 130px; height: 38px; background-color: #00abd4; border-radius: 19px; padding-top: 5px;} .govnc-box ul li > .text {text-align: center; font-size: 26px; font-weight: 600; color: #ffffff; } /* ESG 보고서 */ .stan-comment {width: 100%; height: 70px; border: 1px solid #dedede; background-color: #f4f4f4; background-image: url(../img/pattern/ptn_diagonal_b.png?v20221101); margin-top: 50px; text-align: left; padding-top: 5px; padding-left: 7px;} .stan-comment > .stan-text {display: inline-block; vertical-align: middle; line-height: 1.7;} .file-download {font-size: 13px; font-weight: 400; color: #333333; border: 1px solid #dedede; width: 35px; height: 35px; cursor: pointer; display: inline-block;} .file-download:HOVER {color: #333333;} .file-download > div {display: table-cell; vertical-align: middle; height: 35px;width:35px;} .file-download > div:FIRST-CHILD {width: 35px;} .file-download > div > .icon {display: inline-block; background: url(../img/icon_download.png?v20221101) no-repeat; width: 20px; height: 20px; background-position: 0 -25px;} .file-download > div > .icon.link {background-position: 0 -50px;} .file-download > div > .file-nm {margin-left: 10px;} .esg_lank_tbl .icon_down,.esg_lank_tbl .file-download {display: block; width: 36px; height: 36px; border: #dedede 1px solid; background: no-repeat 50% 50% / auto 23px; margin: 0 auto;} .esg_lank_tbl .icon_down.id_s2301 {background-image: url('../img/icon_id_s2301.png?v20221101');} .esg_lank_tbl .icon_down.id_s2302 {background-image: url('../img/icon_id_s2302.png?v20221101');} .rpt-icon {display: inline-block; width: 50px; height: 30px; vertical-align: middle; background: url(../img/icon_board_data.png?v20221101) no-repeat;} .rpt-icon.rptN {background:url('../img/icon_board_data_n.png?v20221101') no-repeat 50% 50% / contain;} .rpt-icon.rptY {background:url('../img/icon_board_data_y.png?v20221101') no-repeat 50% 50% / contain;} .pdf-icon.pdfY {display: inline-block; vertical-align: middle; background: url(../img/icon_pdf.png?v20221101) no-repeat 50% 50% / contain; cursor: pointer; width: 21px; height: 23px;} .pdf-icon.pdfN:before { content:"-"; font-size: 25px; color: #999999; font-weight: 400 !important; font-family: 'TmoneyRoundWind';} /* 기업 ESG 조회 상세보기 */ .notice-box {width: 100%; height: auto; padding: 20px; box-sizing: border-box; border-top: 2px solid #d7e4f6; background-color: #eaf3ff; background-image: url(../img/pattern/ptn_diagonal_b.png?v20221101); margin-bottom: 30px;} .notice-box > .title {font-size: 17px; font-weight: 500; color: #001b60; margin-bottom: 10px; letter-spacing: -0.9px;} .notice-box > .contn {font-size: 15px; font-weight: 400; color: #666666; line-height: 1.4; padding-bottom: 10px; border-bottom: 1px solid #c9d9ef; margin-bottom: 10px;} .notice-box .inq {font-size: 14px; font-weight: 500; color: #222222; line-height: 20px; margin-bottom: 6px; display: table; width: 100%;} .notice-box .inq:last-child {margin-bottom: 0;} .notice-box .inq > div {display: table-cell; vertical-align: middle;} .notice-box .inq > div:nth-child(1) {width:112px; color: #001b60;} .notice-box .inq > div:nth-child(2) {width:135px;} .notice-box .inq > div:nth-child(3) {width: calc(100% - 142px);} .notice-box .inq > div > .icon {display: inline-block; width: 120px; height: 20px; background: #fff; border: #ddd 1px solid; border-radius:4px; vertical-align: middle; text-align: center; font-size: 12px; color: #222; line-height: 18px; cursor:pointer;} .notice-box .inq > div > .icon i {position: relative; display: inline-block; vertical-align: top; width: 4px; height: 100%; margin-left: 5px;} .notice-box .inq > div > .icon i:before, .notice-box .inq > div > .icon i:after {content:""; position: absolute; top:50%; left:50%; width: 4px; height: 1px; background: #222; margin-left: -2px;} .notice-box .inq > div > .icon i:before {transform:rotate(45deg); margin-top: -1px;} .notice-box .inq > div > .icon i:after {transform:rotate(-45deg); margin-top: 1px;} .chart-div { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; } .chart-div > div {width: 460px;} .chart-div > div:LAST-CHILD {margin-right: 0;} .chart-div > div > .chart-box { margin-top: 20px; border: 1px solid #dedede; border-bottom: 0; padding: 1px;} .chart-div > div > .legend-box { display: inline-block; background-color: #f8f8f8; width: 460px; font-size: 13px; font-weight: 400; color: #222222; text-align: center; padding: 10px;box-sizing: border-box; border: 1px solid #dedede; border-top: 0; margin-top: -1px; height: 55px; line-height: 35px;} .chart-div > div.w100p {float:none; width: 100%; margin: 0; display: block;} .chart-div > div.w100p .chart-box {margin: 0;} .chart-div > div.w100p > .legend-box {width: 100%;} .chart-icon_wrap > span {display: inline-block; margin: 0 10px;} .chart-icon_wrap > span .chart-icon {background-position:50% 50%;} .chart-icon {display: inline-block; background: no-repeat 50% 50% / contain; width: 16px; height: 16px; margin-right: 10px; margin-left: 40px; vertical-align: middle;} .chart-icon:first-child {margin-left: 0;} .legend-box.two-line > span {display: inline-block; margin:0 8px; position: relative; top: 20%; transform: translateY(-50%);} .legend-box.two-line > span:first-child, .ml2 .chart-icon:first-child {margin-left: 15px;} .legend-box.two-line2 {height: auto !important;} .legend-box.two-line2 > span {margin: 0 10px;} .chart-icon.type1 {background-image: url('../img/legend/img_legend21_11.png?v20221101');} .chart-icon.type2 {background-image: url('../img/legend/img_legend21_12.png?v20221101');} .chart-icon.type2101 {background-image: url('../img/legend/img_legend21_01.png?v20221101');} .chart-icon.type2102 {background-image: url('../img/legend/img_legend21_02.png?v20221101');} .chart-icon.type2103 {background-image: url('../img/legend/img_legend21_03.png?v20221101');} .chart-icon.type2104 {background-image: url('../img/legend/img_legend21_04.png?v20221101');} .chart-icon.type2105 {background-image: url('../img/legend/img_legend21_05.png?v20221101');} .chart-icon.type2106 {background-image: url('../img/legend/img_legend21_06.png?v20221101');} .chart-icon.type3 {background-image: url('../img/legend/img_legend21_21.png?v20221101');} .chart-icon.type4 {background-image: url('../img/legend/img_legend21_22.png?v20221101'); width: 40px;} .chart-icon.type31_1 {background-image: url('../img/legend/img_legend31_1.png?v20221101');} .chart-icon.type31_2 {background-image: url('../img/legend/img_legend31_2.png?v20221101');} .chart-icon.type31_3 {background-image: url('../img/legend/img_legend31_3.png?v20221101');} .chart-icon.type31_4 {background-image: url('../img/legend/img_legend31_4.png?v20221101');} .chart-icon.type31_5 {background-image: url('../img/legend/img_legend31_5.png?v20221101');} .chart-icon.business1 {background-image: url('../img/legend/img_legend31_6.png?v20221101');} .chart-icon.business2 {background-image: url('../img/legend/img_legend31_8.png?v20221101');} .chart-icon.business3 {background-image: url('../img/legend/img_legend31_9.png?v20221101');} .chart-icon.business4 {background-image: url('../img/legend/img_legend31_10.png?v20221101');} .chart-icon.business5 {background-image: url('../img/legend/img_legend31_11.png?v20221101');} .chart-icon.business6 {background-image: url('../img/legend/img_legend31_12.png?v20221101');} .chart-icon.business7 {background-image: url('../img/legend/img_legend31_13.png?v20221101');} .chart-icon.business8 {background-image: url('../img/legend/img_legend31_14.png?v20221101');} .chart-icon.business9 {background-image: url('../img/legend/img_legend31_15.png?v20221101');} .chart-icon.business10 {background-image: url('../img/legend/img_legend31_16.png?v20221101');} .chart-icon.business11 {background-image: url('../img/legend/img_legend31_17.png?v20221101');} .chart-icon.business12 {background-image: url('../img/legend/img_legend31_18.png?v20221101');} .chart-icon.business13 {background-image: url('../img/legend/img_legend31_19.png?v20221101');} .chart-icon.business14 {background-image: url('../img/legend/img_legend31_20.png?v20221101');} .chart-icon.business15 {background-image: url('../img/legend/img_legend31_21.png?v20221101');} .chart-icon.business16 {background-image: url('../img/legend/img_legend31_22.png?v20221101');} .chart-icon.business17 {background-image: url('../img/legend/img_legend31_23.png?v20221101');} .chart-icon.business18 {background-image: url('../img/legend/img_legend31_24.png?v20221101');} .chart-icon.business19 {background-image: url('../img/legend/img_legend31_25.png?v20221101');} .chart-icon.business20 {background-image: url('../img/legend/img_legend31_26.png?v20221101');} .chart-icon.business21 {background-image: url('../img/legend/img_legend31_27.png?v20221101');} .chart-icon.business22 {background-image: url('../img/legend/img_legend31_28.png?v20221101');} /* 지속가능경영보고서 - 공시사항조회(GRI, SASB) */ /* 지속가능경영보고서 - 공시사항조회(GRI, SASB) */ #cmpBtn1 {background-color: #00acd4 !important; margin-left: 10px;} #cmpBtn1:hover {background-color: #00acd4 !important;} #cmpBtn2 {background-color: #00acd4 !important;} #cmpBtn2:hover {background-color: #00acd4 !important;} .pc_w110 {width: 110px !important;} .search-btn.flexCustom {width: 100% !important; max-width: none !important; display: flex !important;} .indic_sel {font-size: 14px; font-weight: 400; color: #666666; width: 90px; height: 40px; border: 1px solid #dddddd; padding: 10px 30px 10px 10px; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('../img/Arrow_select.png?v20221101') #fff no-repeat right 10px center / 14px; border-radius: 0;} .indic_sel::-ms-ezpand{ display: none; } .table-acodian-wrap .table-acodian-header table {margin: 10px 0 0 0 !important; } .table-acodian-wrap .table-acodian-header table thead th {word-break: break-all !important;} .table-acodian-wrap .table-acodian-header table thead tr:LAST-CHILD th {background-image: none; background-color: #f8f8f8; border-right: none;} .table-acodian-wrap .table-acodian-header table thead tr:nth-child(1) th:nth-child(1){width: 20%;} .table-acodian-wrap .table-acodian-header table thead tr:nth-child(1) th:nth-child(2){width: 70%;} .table-acodian-wrap .table-acodian-header table thead tr:nth-child(1) th:nth-child(4){width: 10%;} .table-acodian-wrap .table-acodian-header table thead tr:nth-child(2) th:nth-child(1){width: 10%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(1) th:nth-child(1){width: 20%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(1) th:nth-child(2){width: 60%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(1) th:nth-child(4){width: 20%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(2) th:nth-child(1){width: 10%; border-right: 1px solid #dddddd !important;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(2) th:nth-child(2){width: 10%;} .table-acodian-wrap .table-acodian-body .acodian-content {height: 50px; overflow: hidden; transition: height 0.7s linear;} .table-acodian-wrap .table-acodian-body .acodian-content .acodian-content-header {height: 50px; padding: 0 10px; background-color: #7558d6; color: #ffffff; border-bottom: 1px solid #4e34a5; font-size: 15px; font-weight: 600; line-height: 48px; position: relative;} .table-acodian-wrap .table-acodian-body .acodian-content .acodian-content-header span {display: block; position:absolute; top: 10px; right: 10px; width: 30px; height: 30px; background-image: url("../img/btn_accordion.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 95px;} .table-acodian-wrap .table-acodian-body .acodian-content .acodian-content-header span:hover {background-position: -47px 0;} .table-acodian-wrap .table-acodian-body .acodian-content .acodian-content-header span.close {background-position: 0 -47px;} .table-acodian-wrap .table-acodian-body .acodian-content .acodian-content-header span.close:hover {background-position: -47px -47px;} .table-acodian-wrap .table-acodian-body .acodian-content table {margin: 0 !important; border: none !important;} .table-acodian-wrap .table-acodian-body .acodian-content:last-child table tbody tr:last-child td{border-bottom: 1px solid #eeeeee;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody td {word-break: break-all;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody td a {text-decoration: underline;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody td:nth-child(1){width: 20%; background-color: #ded5fb;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody td:nth-child(2){width: 70%;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody td:nth-child(3){width: 10%;} .table-acodian-wrap .table-acodian-body .acodian-content table.compare-on tbody td:nth-child(1){width: 20%;} .table-acodian-wrap .table-acodian-body .acodian-content table.compare-on tbody td:nth-child(2){width: 60%;} .table-acodian-wrap .table-acodian-body .acodian-content table.compare-on tbody td:nth-child(3){width: 10%;} .table-acodian-wrap .table-acodian-body .acodian-content table.compare-on tbody td:nth-child(4){width: 10%;} .stan-icon.H {background-image: url(../img/icon_homepage.png?v=2); vertical-align: -7px !important; margin: 0 !important;} .stan-icon.G {background-image: url(../img/icon_governance.png?v=2); vertical-align: -7px !important; margin: 0 !important;} .stan-icon.B {background-image: url(../img/icon_business.png?v=2); vertical-align: -7px !important; margin: 0 !important;} #SASB table thead tr th {word-break: break-all !important;} #SASB table thead tr:LAST-CHILD th {background-image: none; background-color: #f8f8f8; border-right: none;} #SASB table thead tr:nth-child(1) th:nth-child(1){width: 20%;} #SASB table thead tr:nth-child(1) th:nth-child(2){width: 15%;} #SASB table thead tr:nth-child(1) th:nth-child(3){width: 55%;} #SASB table thead tr:nth-child(1) th:nth-child(5){width: 10%;} #SASB table thead tr:nth-child(2) th:nth-child(1){width: 10%;} #SASB table tbody td {word-break: break-all;} #SASB table tbody td a{text-decoration: underline;} #SASB table tbody td:nth-child(1){width: 20%;} #SASB table tbody td:nth-child(2){width: 15%;} #SASB table tbody td:nth-child(3){width: 55%;} #SASB table tbody td:nth-child(4){width: 10%;} #SASB table.compare-on thead tr:nth-child(1) th:nth-child(1){width: 20%;} #SASB table.compare-on thead tr:nth-child(1) th:nth-child(2){width: 15%;} #SASB table.compare-on thead tr:nth-child(1) th:nth-child(3){width: 45%;} #SASB table.compare-on thead tr:nth-child(1) th:nth-child(5){width: 20%;} #SASB table.compare-on thead tr:nth-child(2) th:nth-child(1){width: 10%; border-right: 1px solid #dddddd !important;} #SASB table.compare-on thead tr:nth-child(2) th:nth-child(2){width: 10%;} #SASB table.compare-on tbody td:nth-child(1){width: 20%;} #SASB table.compare-on tbody td:nth-child(2){width: 15%;} #SASB table.compare-on tbody td:nth-child(3){width: 45%;} #SASB table.compare-on tbody td:nth-child(4){width: 10%;} #SASB table.compare-on tbody td:nth-child(5){width: 10%;} .stan-icon.homepage {background-image: url('../img/icon_homepage.png?v=2');} .stan-icon.governance {background-image: url('../img/icon_governance.png?v=2');} .stan-icon.business {background-image: url('../img/icon_business.png?v=2');} /* chart custom */ .chart-div tspan {font-size: 12px; font-weight: 500; color: #333333;} rect[y=0], circle[y=0] {display: none !important;} /* ============ */ .kind-icon {display:inline-block; width: 16px; height: 16px; background: url(../img/icon_table_01.png?v20221101) no-repeat 50% 50% / contain;} /* .kind-icon.kind1 {background-position: 0 -100px;} */ .kind-icon.kind0 {background-image: none;} .kind-icon.kind0:BEFORE {content: "-"} .list_box > div { position: relative; width: 100%; height: 100%; clear: both;} .list_box > div > ul { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; row-gap: 20px;} .list_box > div > ul > li {float: left; width: 100%; height: 75px; background: url(../img/bg_sitelink.png?v20250304) no-repeat; background-size: 280px 275px; cursor: pointer; position: relative; padding: 20px; box-sizing: border-box; border-radius: 5px;} .list_box > div > ul > li:LAST-CHILD{margin-right: 0;} .list_box > div > ul > li.sri {background-position: 100% 0; background-color: #8a8acb;} .list_box > div > ul > li.env {background-position: right -100px; background-color: #3fcf97;} .list_box > div > ul > li.asp {background-position: right -200px; background-color: #7197cf;} .list_box > div > ul > li.env > div > span {margin-left: 5px;} .list_box > div > ul > li > div {position: relative; height: 100%;font-size: 20px;font-weight: 500;color:#ffffff;} .list_box > div > ul > li > div > .icon {display:inline-block; width:35px; height: 15px; background-image: url(../img/btn_morecontent.png?v20221101); background-repeat: no-repeat; background-size:contain; position: absolute; bottom: -12px; left: 0;} .attach_box { position: relative; width: 100%; height: 300px; clear: both; } .attach_box > ul { position: relative; width: 100%; height: 100%; } .attach_box > ul > li { float: left; width: 480px; height: 250px;padding: 30px;box-sizing: border-box;} .attach_box > ul > li > div {width: 100%; position: relative;} .attach_box > ul > li > div.title {font-size: 20px;font-weight: 500;color: #000000;margin-bottom: 20px;} .attach_box > ul > li.report1 {background-color: #f4f4f4;} .attach_box > ul > li.report1 > div.list > div > ul {width: 100%; } .attach_box > ul > li.report1 > div.list > div > ul > li {float: left; width: 125px; height: 158px; margin-right: 22px; overflow: hidden; word-break: break-all;} .attach_box > ul > li.report1 > div.list > div > ul > li:LAST-CHILD {margin-right: 0;} .attach_box > ul > li.report1 > div.list > div > ul > li > div {display: inline-block; width: 100%; height: 100%; cursor: pointer; position: relative; background-image: url(../img/bg_esgreport3860.png?v20221101);position: relative;} .attach_box > ul > li.report1 > div.list > div > ul > li > div.rpt1 {background-position: 0 0;} .attach_box > ul > li.report1 > div.list > div > ul > li > div.rpt2 {background-position: 0 -200px;} .attach_box > ul > li.report1 > div.list > div > ul > li > div.rpt3 {background-position: 0 -400px;} .attach_box > ul > li.report1 > div.list > div > ul > li > div.rpt4 {background-position: 0 -600px;} .attach_box > ul > li.report1 > div.list > div > ul > li > div > span {position: absolute; top: 30px; left: 20px; font-size: 10px; font-weight: 400; color: #ffffff;} .attach_box46 {height: auto;} .attach_box46 > ul {display: flex;} .attach_box46 > ul > li {height: auto;} .attach_box ul > li.report1 {width: 340px; padding: 20px; background-color: #f4f4f4;} .attach_box ul > li.report1 ul.list_bar > li {background: url('../img/bg_s0201_01_m.png?v20251027') no-repeat 100% 100% / cover; border-radius:5px; margin-top:20px; height: 100px; width: 300px; display: flex;} .attach_box ul > li.report1 ul.list_bar > li:first-child {margin-top: 0;} .attach_box ul > li.report1 ul.list_bar > li:hover {cursor: pointer;} .attach_box ul > li.report1 ul.list_bar > li.c {background: url('../img/bg_s0201_01_m_c.png?v20251027') no-repeat 100% 100% / cover;} .attach_box ul > li.report1 ul.list_bar > li > span {display: inline-block; background: url('../img/icon_s0201_01_m.png') no-repeat; background-size: 50px; margin-top: 25px; margin-right: 20px; margin-left: 10px;} .attach_box ul > li.report1 ul.list_bar > li > div {display: flex; flex-direction: column; justify-content: center;} .attach_box ul > li.report1 ul.list_bar > li > span.rpt1 { background-position: 0 0; width: 65px; height: 50px;} .attach_box ul > li.report1 ul.list_bar > li > span.rpt2 { background-position: 0 -50px; width: 80px; height: 50px;} .attach_box ul > li.report1 ul.list_bar > li > div > span:nth-of-type(1) {display: block; font-size: 18px; line-height: 1.1; color: #fff; font-weight: 500; margin-bottom: 3px;} .attach_box ul > li.report1 ul.list_bar > li > div > span:nth-of-type(2) {display: table-cell; font-size: 13px; color: #fff; font-weight: normal; background:rgba(0,0,0,0.2); border-radius:15px; width: 50px; height: 25px; text-align: center; vertical-align:middle; padding: 3px; margin-top: 5px;} .attach_box ul > li.report1 .no-data {width: 100%; height: 221px; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 14px; color: #999; line-height: 20px; background-color: #f4f4f4; } .attach_box ul > li.report1 ul.list_bar > li.blank {background: none !important; margin: 0;} .attach_box ul > li.report1 .no-data i {display: block; width: 100%; height: 56px; background: url('../img/icon_nodata_g.png?v20221101') no-repeat 50% 50% / contain; margin-bottom: 12px;} .attach_box46 > ul > li.report2 {width: 620px; padding: 20px; background:#eaeaea; position: relative;} .title_tp_cd_eng {display: inline-block; background-image: url('../img/icon_board_kind01.png'); background-repeat: no-repeat; background-size: 30px; width: 30px; height: 15px; vertical-align: -2px; margin-right: 5px;} .title_tp_cd_kor2 {display: inline-block; background-image: url('../img/icon_board_kind02.png'); background-repeat: no-repeat; background-size: 30px; width: 30px; height: 15px; vertical-align: -2px; margin-right: 5px;} .title_tp_cd_kor1 {display: inline-block; background-image: url('../img/icon_board_kind03.png'); background-repeat: no-repeat; background-size: 30px; width: 30px; height: 15px; vertical-align: -2px; margin-right: 5px;} /* ESG 뉴스 및 영향도 리스트 슬라이드 형식 */ /* .attach_box46 > ul > li.report2 div.title {color: #000;} */ /* .attach_box > ul > li.report2 > div.title {margin-bottom: 10px;} */ /* .attach_box > ul > li.report2 > .slider-control {position: absolute;width: auto;top: 17px;right: 20px;} */ /* .attach_box > ul > li.report2 > .slider-control > span.all-btn {position: absolute; left: -120px; cursor: pointer; width: 100px; background-color: #ffffff; height: 30px; line-height: 30px; padding-left: 15px; box-sizing: border-box; border: 1px solid #dedede; border-radius: 15px; font-size:13px; color: #333333;} */ /* .attach_box > ul > li.report2 > .slider-control > span.all-btn:hover {box-shadow: 0 2px 1px rgba(0,0,0,0.05); } */ /* .attach_box > ul > li.report2 > .slider-control > span.all-btn > i {position: absolute; width: 11px; height: 11px; display: inline-block; background: url('../img/icon_esg_news04.png?v20221101') no-repeat 50% 50% / contain; left: 70px;top: 10px;} */ /* .attach_box > ul > li.report2 > .slider-control > .slider-totCnt {position: absolute;left: -60px;top: 6px;} */ /* .attach_box > ul > li.report2 > .slider-control > button {width: 30px; height: 30px; background: #fff; border-radius:50%; border: #ddd 1px solid; z-index: 1; font-size: 0;} */ /* .attach_box > ul > li.report2 > .slider-control > button:hover {box-shadow: 0 2px 1px rgba(0,0,0,0.05); } */ /* .attach_box > ul > li.report2 > .slider-control > button:before, */ /* .attach_box > ul > li.report2 > .slider-control > button:after {content:""; position: absolute; top:50%; left:50%; width: 8px; height: 1px; background: #333333; margin-left: -4px;} */ /* .attach_box > ul > li.report2 > .slider-control > button:before {margin-top: -3px;} */ /* .attach_box > ul > li.report2 > .slider-control > button:after {margin-top: 3px;} */ /* .attach_box > ul > li.report2 > .slider-control > button.disabled {background-color: #f2f2f2; cursor: default;} */ /* .attach_box > ul > li.report2 > .slider-control > button.disabled:after, */ /* .attach_box > ul > li.report2 > .slider-control > button.disabled:before {color: #999999;} */ /* .attach_box > ul > li.report2 > .slider-control > .slider-prev:before {transform:rotate(-45deg); margin-left: -26px;} */ /* .attach_box > ul > li.report2 > .slider-control > .slider-prev:after {transform:rotate(45deg); margin-left: -26px;} */ /* .attach_box > ul > li.report2 > .slider-control > .slider-next {margin-left: 10px;} */ /* .attach_box > ul > li.report2 > .slider-control > .slider-next:before {transform:rotate(45deg); margin-left: 18px;} */ /* .attach_box > ul > li.report2 > .slider-control > .slider-next:after {transform:rotate(-45deg); margin-left: 18px;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card {background-color: #ffffff; height: 180px; color: #000000; cursor: pointer; border-radius: 5px;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span {display: block; margin-bottom: 10px;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.lvl_val {position: absolute; left: 16px; top: 16px;background-color: #08c886; border-radius: 22px; font-size: 14px; color: #ffffff; width: 120px; line-height: 25px; text-align: center;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.lvl_val.lvl1 {background-color: #08c886;} 보통 */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.lvl_val.lvl2 {background-color: #f59b27;} 높음 */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.lvl_val.lvl3 {background-color: #ff6633;} 매우 높음 */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.lvl_val.lvl4 {background-color: #dc2a2a;} 심각 */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.lvl_val > span {margin: 0 5px; font-size: 11px; display: inline-block; vertical-align: top;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.news_title {position: absolute; left: 20px; top: 50px; width: 80%; font-size: 15px; font-weight: 500;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card:HOVER > span.news_title {text-decoration: underline;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.news_clss_nm {position: absolute; left: 20px; bottom: 20px; font-size: 13px; font-weight: 500; color: #333333; line-height: 20px; padding-left: 24px;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.news_clss_nm > i {position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: no-repeat 0 50% / contain;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.news_clss_nm > i.env {background-image: url(../img/icon_esg_news01.png?v20221101);} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.news_clss_nm > i.soc {background-image: url(../img/icon_esg_news02.png?v20221101);} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.news_clss_nm > i.gov {background-image: url(../img/icon_esg_news03.png?v20221101);} */ /* .attach_box > ul > li.report2 .news-slider > .news-card > span.news_dd {position: absolute; right: 15px; bottom: 5px; font-size: 13px; color: #666666; font-weight: 400;} */ /* .attach_box > ul > li.report2 .news-slider > .news-card.blank-card {background-color: transparent; } */ /* .attach_box > ul > li.report2 .news-slider > .news-card.blank-card:HOVER {cursor: default;} */ /* .attach_box > ul > li.report2 div.no-data {width: 100%; height: 190px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius:10px; font-size: 14px; color: #999; line-height: 20px; margin-bottom: 10px;} */ /* .attach_box > ul > li.report2 div.no-data i {display: block; width: 100%; height: 56px; background: url('../img/icon_nodata_g.png?v20221101') no-repeat 50% 50% / contain; margin-bottom: 12px;} */ .footnote {display: table; width: 100%;} .footnote > div {display: table-cell;} .footnote > div:FIRST-CHILD {width: 20px; } .footnote > div > .icon {display: inline-block; background: url(../img/icon_ne.png?v20221101) no-repeat; width: 15px; height: 15px; margin-right: 5px; vertical-align: middle; background-position: 0 0; background-size:contain;} .footnote > div > .text {font-size: 12px; font-weight: 400; color: #888888; line-height: 1.25;} /* table 상승 하락 보합 */ .td-fluc0 {color: #333333;} .td-cmpr1, .td-rate1 {position: relative; color: #ea5f8a !important;} .td-cmpr2, .td-rate2{position: relative; color: #3366ff !important;} .td-cmpr1 > .icon, .td-rate1 > .icon, .td-cmpr2 > .icon, .td-rate2 > .icon{display: inline-block; background: url(../img/icon_arrow.png?v20221101) no-repeat; width: 10px; height: 10px; margin-right: 8px;} .td-cmpr1 > .icon {background-position: 0 0;} .td-cmpr2 > .icon {background-position: 0 -25px;} .td-rate1 > .icon {background-position: 0 -50px;} .td-rate2 > .icon {background-position: 0 -75px;} /* SRI 채권 현황 */ .sribond-link {width: 100%; height :100px; background-color: #55ad80; background-image: url(../img/bg_sribond.png?v20221101); background-position: right; background-repeat: no-repeat; padding: 25px 30px; box-sizing: border-box; cursor: pointer;} .sribond-link > .sub_text {font-size: 14px; font-weight: 400; color: #2e5f46; margin-bottom: 5px;} .sribond-link > .main_text {font-size: 23px; font-weight: 500; color: #ffffff; line-height: 50px;} .esg_table > .total-count {margin-bottom:10px; font-size: 15px; font-weight: 500; color: #000000; text-align: right;} .esg_table > .total-count > em {font-size: 15px; font-weight: 500; color: #00abd4;} .esg_table > .info {position:absolute; top:0; left:0; display:flex;} .esg_table > .info li {font-size:13px; color:#333; font-weight:400; line-height:20px; margin-right:30px;} .esg_table > .info li i {margin-right:5px; width: 16px;height:21px; display: inline-block; vertical-align: middle;} .esg_table > .info li:nth-child(1) i {background:url('../img/icon_esg_tbl01.png?v20221101') no-repeat 50% 50% / contain; } .esg_table > .info li:nth-child(2) i {background:url('../img/icon_esg_tbl02.png?v20221101') no-repeat 50% 50% / contain;} .esg_table > .info li:last-child {margin-right:0;} .esg_lank_tbl col.w1 {width:8%;} .esg_lank_tbl col.w1s {width:6.8%;} .esg_lank_tbl col.w2 {width:5.7%;} .esg_lank_tbl col.w3 {width:12.1%;} .esg_lank_tbl col.w4 {width:20.3%;} .esg_lank_tbl col.w5 {width:8.3%;} .esg_lank_tbl col.w6 {width:17.7%;} .esg_lank_tbl col.w7 {width:15.8%;} .esg_lank_tbl col.w8 {width:9.9%;} .esg_lank_tbl col.w9 {width:25%;} .esg_lank_tbl col.w10 {width:19.8%;} .esg_lank_tbl td {position:relative;} .esg_lank_tbl .icobox {position:absolute; top:0; left:10px; display:flex;} .esg_lank_tbl .icobox i {margin-right:5px; width: 16px;height:21px;} .esg_lank_tbl .icobox i:nth-child(1) {background:url('../img/icon_esg_tbl01.png?v20221101') no-repeat 50% 50% / contain; } .esg_lank_tbl .icobox i:nth-child(2) {background:url('../img/icon_esg_tbl02.png?v20221101') no-repeat 50% 50% / contain;} .esg_lank_tbl .icobox img {margin-right:5px; width: 16px;} /* 국내 ESG 현황 */ .chart-div2 { width: 100%; } .chart-div2 > .chart-box { margin-top: 20px; border: 1px solid #dedede; padding: 1px; } .legend-box2 { display: inline-block; background-color: #f8f8f8; width: 100%; height: 40px; font-size: 13px; font-weight: 400; color: #222222; text-align: center; padding: 10px;box-sizing: border-box; border: 1px solid #dedede; border-top: 0; margin-top: -1px; height: 55px; line-height: 35px;} .inst_link {display: inline-block; vertical-align: middle;} .inst_link > .icon{display: inline-block; background: url(../img/icon_link.png?v20221101) no-repeat 50% 50% / contain; width: 12px; height: 12px; vertical-align: middle; margin-left: 5px;} .inst_link:HOVER > .icon {background-image: url(../img/icon_link02.png?v20221101); } div.legend-box2.legend-yy {text-align: center; font-size: 12px; font-weight: 400; color: #666666; background-color: #f8f8f8;} div.legend-box2.legend-yy > .icon {display: inline-block; width: 16px; height: 16px; margin-right: 10px; vertical-align: middle; background-size: 3px;} div.legend-box2.legend-yy > .icon1 {background-color: #cbcdda; background-image: url(../img/pattern/ptn_main_01.png?v20221101); } div.legend-box2.legend-yy > .icon2 {background-color: #97c4ff; background-image: url(../img/pattern/ptn_main_02.png?v20221101); margin-left: 20px;} div.legend-box2.legend-yy > .icon3 {background-color: #00abd4; background-image: url(../img/pattern/ptn_main_03.png?v20221101); margin-left: 20px;} /* 업종분류 차트 관련 */ .business_chart {position: relative; padding: 30px; box-sizing: border-box; border: 1px solid #cecece; border-bottom: 0;} .business_chart > .business_box {width: 100%; height: auto; display: table;} .business_chart > .business_box > .bs_title {display: table-cell; background-color: #ecf6e1; width: 15%; font-size: 18px; text-align: center; vertical-align: middle;} .business_chart > .business_box > .bs_type {display: table-cell; background-color: #f2f2f2; width: 85%; padding: 10px; box-sizing: border-box;} .business_chart > .business_box > .bs_type ul > li {margin-bottom: 5px;} .business_chart > .business_box > .bs_type label {cursor: pointer;} .business_chart > .business_box > .bs_type label > span {vertical-align: middle;} .business_chart > .business_box > .bs_type label > input[type="checkbox"] {position: absolute; left: -9999px;} .business_chart > .business_box > .bs_type label > input[type="checkbox"] + span.check {display: inline-block; width: 15px; height: 15px; border: 1px solid black; position: relative;} .business_chart > .business_box > .bs_type label > input[type="checkbox"] + span.check:after {content: '\2714'; color: black; opacity: 0; transition: 0.2s; padding-left: 3px;} .business_chart > .business_box > .bs_type label > input[type="checkbox"]:checked + span.check:after {opacity: 1; padding-left: 3px;} .business_chart > .chart-box {border: 1px solid #e4e4e4; height: 510px; padding: 1px; box-sizing: border-box; position: relative;} .business_legend {display: inline-block; width: 10px; height: 10px; margin-left: 5px;} .img_mo {display:none; } .img_mo + img {display:block; } @media screen and (max-width:1440px){ /* .list_box > div > ul > li {width: 32%; margin-right:0;} */ .list_box > div > ul > li.sri {background-position: 100% 0; background-color: #8a8acb;} .list_box > div > ul > li.env {background-position: right -100px; background-color: #3fcf97;} .list_box > div > ul > li.asp {background-position: right -200px; background-color: #7197cf;} .attach_box > ul > li {width: 100%; margin-right:0;} .attach_box:not(.attach_box46) > ul > li:nth-child(2) {width: 100%;} .design-fieldset > form > .search-form > .search-btn { width:90px; min-width:auto; max-width:none; } } @media screen and (max-width:1200px){ .attach_box ul > li.report1 > ul.list_bar > li > div> span:nth-of-type(1) {font-size: 16px;} } @media screen and (max-width:1023px){ .legend-box.two-line > span{ margin: 0 4px; } } @media screen and (max-width:834px){ .legend-box.two-line > span {margin: 0 14px;} } @media screen and (max-width:767px){ .attach_box ul > li.report1 ul.list_bar > li.blank {margin-bottom: -10px !important; height: 0;} .attach_box > ul > li.report2 > .slider-control {top: 15px; right: 15px;} .attach_box > ul > li.report2 > .slider-control > span.all-btn {width: 70px; left: -75px;} .attach_box > ul > li.report2 > .slider-control > span.all-btn > i {top: 9px; left: 45px;} .attach_box > ul > li.report2 > .slider-control > .slider-prev:before {margin-left: -21px;} .attach_box > ul > li.report2 > .slider-control > .slider-prev:after {margin-left: -21px;} .attach_box > ul > li.report2 > .slider-control > .slider-next {margin-left: 0;} .attach_box > ul > li.report2 > .slider-control > .slider-next:before {margin-left: 13px;} .attach_box > ul > li.report2 > .slider-control > .slider-next:after {margin-left: 13px;} .attach_box > ul > li.report2 .news-slider > .news-card > span.lvl_val {font-size: 12px;width: 110px;line-height: 20px;} .attach_box > ul > li.report2 .news-slider > .news-card > span.news_title {top: 45px;width: 75%;font-size: 14px;} } @media screen and (max-width:430px){ .attach_box ul > li.report1 ul.list_bar > li > span.rpt2 { width: 110px;} } /* -------------------------------key indicators compliance status----------------------- */ .design-fieldset > form > .search-form > .compare-field > dl > dt {width: 100px;} .total-cnt { width: 100%; height: 60px; border-radius: 10px; border: 1px solid #dee4ea; background-color: #f5faff; font-size: 18px; color: #333333; text-align: center; padding-top: 17px; margin-bottom: 30px; } .total-cnt em {color: #1298c4 !important; font-weight: inherit;} .total-cnt > .com_nm { font-weight: bold;} .com-legend { display: flex; width: 100%; height: 40px; border: 1px solid #dddddd; background-color: #f4f4f4; font-size: 10px; color: #333333; border-radius: 10px; align-items: center; justify-content: center; margin-bottom: 15px; } .com-legend div {padding: 0 10px;} .com-legend div span { background-image: url(../img/icon_companyregend.png); background-size: 25px; background-repeat: no-repeat; width: 15px; height: 15px; display: inline-block; margin-right: 5px; vertical-align: -4px; } .com-legend div:nth-child(1) span {background-position: 0 0;} .com-legend div:nth-child(2) span {background-position: 0 -25px;} .com-legend div:nth-child(3) span {background-position: 0 -50px;} .loading {display:inline-block; width: 100px; height: 55px; background: url(../img/loading_esg_b.gif) no-repeat; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); z-index: 99;} .compare-table { width: 100%; margin: 0 0 10px 0; border-bottom: 1px solid #dddddd; border-top: 2px solid #222222; position: relative; } .compare-table .compare-table-header-wrap { display: flex; flex-direction: row; height: 100px; } .compare-table .compare-table-header-wrap .compare-table-header { background-color: #f8f8f8; font-size: 15px; font-weight: 500; color: #000000; text-align: center; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; display: flex; align-items: center; justify-content: center; flex-direction: column; } .compare-table .compare-table-header-wrap .compare-table-header:last-child {border-right: 0;} .compare-table .compare-table-header-wrap .compare-table-header .compare-company-title{ width: 100%; display: flex; align-items: center; justify-content: center; flex-grow: 1; border-bottom: 1px solid #dddddd; } .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap{ width: 100%; display: flex; align-items: center; justify-content: center; flex-grow: 1; } .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div{ background-color: #eaeaea; box-shadow: 0 -3px 0 rgb(0 0 0 / 3%); height: 100%; display: flex; align-items: center; justify-content: center; border-right: 1px solid #dddddd; width: 100px; } .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div:first-child {background-color: #1298c4; color: #ffffff; font-weight: bold; font-size: 14px; padding: 0 5px;} .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div:last-child {border-right: none;} .compare-table .compare-table-body { display: flex; flex-direction: row; min-height: 50px; border-bottom: 1px solid #eeeeee; } .compare-table .compare-table-body .compare-table-body-content { background-color: #ffffff; font-size: 14px; font-weight: 500; color: #333333; text-align: center; border-right: 1px solid #eeeeee; display: flex; align-items: center; justify-content: center; flex-direction: column; box-sizing: border-box; } .compare-table .compare-table-body .compare-table-body-content:last-child { border-right: none; } .compare-table .compare-table-body .compare-table-body-content:nth-child(1) {width: 80px; min-width: 80px;} .compare-table .compare-table-body .compare-table-body-content:nth-child(2) {flex-grow: 1; align-items: flex-start; text-align: left; padding:0px 5px; word-break: keep-all;} .compare-table .compare-table-body .compare-table-body-content:nth-child(3) {display: flex; flex-direction: row;} .compare-table .compare-table-body:last-child {border-bottom: 0;} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result:last-child { border-right: none; } .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result {display: flex; width: 100px; height: 100%; border-right: 1px solid #eeeeee; align-items: center; justify-content: center;} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result span { background-image: url(../img/icon_compliance.png); background-size: 48px; background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; } .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result:first-child span.O {background-position: -23px 1px;} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result:first-child span.X {background-position: -23px -23px;} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result span.O {background-position: 1px 1px;} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result span.X {background-position: 1px -23px;} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result span.\- {background: none;} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result span.\-:before {content: "-"} @media screen and (max-width: 1200px){ .design-fieldset > form > .search-form > .compare-field > dl > dt {width: 180px !important;} } @media screen and (max-width: 767px){ .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div:first-child {background-color: #f8f8f8; color: #1298c4;} .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div {width: 50px;} .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div:nth-child(1):before {content: "A"} .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div:nth-child(2):before {content: "B"} .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div:nth-child(3):before {content: "C"} .compare-table .compare-table-body .compare-table-body-content .compare-table-body-content-result {width: 50px;} .design-fieldset > form > .search-form > .compare-field > dl > dt {width: 100% !important;} .total-cnt {margin-bottom: 20px; padding-top: 5px;} .compare-table .compare-table-header-wrap { height: 60px;} .compare-table .compare-table-body .compare-table-body-content {font-size: 13px;} .compare-table .compare-table-header-wrap .compare-table-header .compare-company-wrap div {background-color: #f8f8f8; } }