@CHARSET "UTF-8"; /* pc 공통 */ .footer-address div span {display:inline-block; vertical-align:top; margin-right:10px;} .mo_vw, .mo_vw2, .mo_vw55, .tb_vw, .tb_vw2 {display:none;} .top_btn {display:none;} .mo_vw3{display: none !important;} .mo_vw4{display: none !important;} .language-btn .tablet {display: none;} #sitemap .language-btn {display: none;} /* 임시 */ #section1 .box > div.top > .bg {background:url(../img/main/img_maintitle_01.png?v20221101) no-repeat;} /* 변경 */ #section1 {background:none;} .mvisual_new {position:absolute; top:0; left:0; width:100%; height:100%;} .mvisual_new .slick-arrow {position:absolute; width:22px; height:50px; top:50%; left:50%; z-index:2; border:0; background:none; font-size:0; padding:0; margin-top:-50px;} .mvisual_new .slick-arrow:before, .mvisual_new .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:16px; height:2px; background:#fff; margin-left:-9px;} .mvisual_new .slick-arrow:before {margin-top:-6px;} .mvisual_new .slick-arrow:after {margin-top:4px;} .mvisual_new .slick-prev {margin-left:-690px;} .mvisual_new .slick-prev:before {transform:rotate(-45deg);} .mvisual_new .slick-prev:after {transform:rotate(45deg);} .mvisual_new .slick-next {margin-left:-600px;} .mvisual_new .slick-next:before {transform:rotate(45deg);} .mvisual_new .slick-next:after {transform:rotate(-45deg);} .mvisual_new .custom_paging {position:absolute; top:50%; left:50%; width:200px; height:50px; background:rgba(0,0,0,0.1); border-radius:25px; margin:-50px 0 0 -720px;} .mvisual_new .custom_paging li {position:absolute; top:0; left:0; width:100%; height:100%; font-size:18px; color:#fff; font-weight:700; line-height:50px; text-align:center; padding-right:30px; display:none;} .mvisual_new .custom_paging li.slick-active {display:block;} .mvbuttons {position:absolute; top:50%; left:50%; margin:-37px 0 0 -571px; width:22px; height:22px; z-index:10;} .mvbuttons button {position:absolute; top:0; left:0; width:22px; height:22px; font-size:0; border:0; background:url('../img/btn_control_01.png?v20221101') no-repeat; padding:0; display:none;} .mvbuttons button.on {display:block;} .mvbuttons .mvpause {background-position:0 -50px;} .mvbuttons .mvplay {background-position:0 -75px;} .mvisual_new .slick-slide {position:relative; height:100vh; font-size:0;} .mvisual_new .slick-slide .mo_vw {display:none;} .mvisual_new .slick-slide .txt {position:absolute; top:50%; left:50%; width:1440px; max-width:100%; transform:translate(-50%,0); margin-top:-269px;} .mvisual_new .slick-slide .mv {position:relative; width:100vw; height:100vh; background:no-repeat 50% 50% / cover;} .mvisual_new .slick-slide .mv01 {background-image:url('../img/main/visual_01_01.jpg?v20221101');} .mvisual_new .slick-slide .mv02 {background-image:url('../img/main/visual_01_02.jpg?v20221101');} .mvisual_new .slick-slide .mv03 {background-image:url('../img/main/visual_01_03.jpg?v20221101');} .mvisual_new .slick-slide .mv04 {background-image:url('../img/main/visual_01_04.jpg?v20221101');} .mvisual_new .slick-slide .mv05 {background-image:url('../img/main/visual_01_05.jpg?v20221101');} .mvisual_new .slick-slide .mv06 {background-image:url('../img/main/visual_01_06.jpg?v20221101');} .mvisual_new .slick-slide .mv07 {background-image:url('../img/main/visual_01_07.jpg?v20221101');} .mvisual_new .slick-slide .mv08 {background-image:url('../img/main/visual_01_08.jpg?v20221129');} .mvisual_new .slick-slide .mv09 {background-image:url('../img/main/visual_01_09.jpg?v20250324');} #section1 .scroll_wrap {height:auto;} #section1 .box > div.top {width:0;position: relative;} @media screen and (max-width:1440px){ .language-btn .pc {display: none;} .language-btn .tablet {display: inline-block;} .language-btn {width: 100px;} .html-wrap {min-width: 100%;} .wrap {width:100%; padding:0 20px; height:auto;} /* header */ .header-wrap {min-width:100%;} .header-wrap > .header-outer > .header > .sitemap-btn {z-index:11;} .header-wrap > .header-outer > .header > div.site-title {position:relative; z-index:10; width:175px;} .header-wrap > .header-outer > .header > div.gnb-wrap {z-index:1;} .header-wrap > .header-outer > .header > div.gnb-wrap {width:100%; padding:0 90px 0 290px;} .header-wrap > .header-outer > .header > div.gnb-wrap > ul {position:relative; top:0; left:0; transform:translate(0,0);} .header-wrap > .header-outer > .header > div.gnb-wrap > ul > li {width:21%; margin:0 !important; padding:0 20px;} .header-wrap > .header-outer > .header-bottom {width:100%; padding:0 90px 0 290px;} .header-wrap > .header-outer > .header-bottom > div {position:relative; top:0; left:0; transform:translate(0,0); width:100%; padding-top:40px;} .header-wrap > .header-outer > .header-bottom > div > div {width:21%; margin:0 !important;} #sitemap {min-width:100%;} #sitemap > div {background-size:auto 100%; background-position:right center;} #sitemap > div > #sitemap-list {width:100%; padding:0 20px;} #sitemap > div > #sitemap-list > ul > li {padding-right:20px;} #sitemap > div > #sitemap-list > ul > li:last-child {padding-right:0;} #sitemap > div > #sitemap-list > ul > li > div > .depth1 {width:100%; font-size:28px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 {font-size:16px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 > ul > li {padding:15px 0;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 > ul > li > a {display:block;} /* footer */ .footer-wrap {min-width:100%; height:auto;} .footer-wrap > .footer-outer > .footer > .top > .footer-util {width:100%; padding:0 20px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site {right:20px;} .footer-wrap > .footer-outer > .footer > .bottom {height:auto;} .footer-wrap.menu > .footer-outer > .footer > .bottom >.footer-address, .footer-wrap > .footer-outer > .footer > .bottom >.footer-address {width:100%; padding:0 20px 20px;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address > div+div {padding-left:30px;} .footer-wrap.menu > .footer-outer > .footer > .top > .footer-util {max-width:100%;} /* main */ .mvisual_new .slick-slide .txt {padding:0 20px; margin-top:-190px; transform:translate(-50%,0);} .mvisual_new .slick-slide .txt img{max-width: 65%;} .mvisual_new .custom_paging {left:20px; margin-left:0;} .mvisual_new .slick-prev {left:50px; margin-left:0;} .mvisual_new .slick-next {left:140px; margin-left:0;} .mvisual_new .slick-arrow, .mvisual_new .custom_paging {top:50%; margin-top:30px;} .mvbuttons {top:50%; left:175px; margin-left:0; margin-top:45px;} #fp-nav.right {right:0;} #fp-nav ul {margin-right:20px;} #fullpage .section {min-width:100% !important; min-height:auto !important;} #fullpage .section#section4 {min-height:auto !important;} .section .main_title {font-size:44px;} #section1 {background-position:70%;} #section1 .box {position:relative; display:flex; align-items:flex-end; height:calc(100vh - 200px); padding:0;} #section1 .box > div.top > .bg {height:160px; background-size:contain !important;} #section1 .box > div.bottom {padding-bottom:20px;} #section1 .box > div.bottom > ul {height:auto; margin:0;} #section1 .box > div.bottom > ul > li {width:calc((100vw - 115px)/6); height:calc((100vw - 115px)/6); margin-right:15px;} #section1 .box > div.bottom > ul > li > .line {width:100%;} #section1 .box > div.bottom > ul > li > .line > .in > .text {font-size:13px; line-height:1.2; display:inline-block; vertical-align:top; margin-top:5px;} #section1 .box > div.bottom > ul > li > .line:hover {height:220px;} #section1 .box > div.bottom > ul > li > .line .over .icon {width:70px; height:70px; background-size:100%;} #section1 .box > div.bottom > ul > li > .line > .in > .icon {margin-left: 5px; width: 35px;} #section1 .box > div.bottom > ul > li+li > .line .over .icon {background-position:0 -70px;} #section1 .box > div.bottom > ul > li+li+li > .line .over .icon {background-position:0 -140px;} #section1 .box > div.bottom > ul > li+li+li+li > .line .over .icon {background-position:0 -210px;} #section1 .box > div.bottom > ul > li+li+li+li+li > .line .over .icon {background-position:0 -280px;} #section1 .box > div.bottom > ul > li+li+li+li+li+li > .line .over .icon {background-position:0 -350px;} #section1 .scroll_wrap {position:absolute; bottom:80px; width:100%; height:auto;} #section2 .box > div.top, #section2 .box > div.bottom {table-layout:fixed;} #section2 .box > div.top > div > div {width:100%;} #section2 .box > div.bottom {display:flex; justify-content:space-between;} #section2 .box > div.bottom > div {display:block; width:32%;} #section2 .box > div.bottom > div > div {width:100%; height:13.8vw; padding:20px 30px;} #section2 .box > div.bottom > div > div > div.gosite {margin-top:50px;} #section2 .box > div > div > div > div.title > div {font-size:20px;} #section2 .box > div > div > div > div.title > div > .sub {font-size: 13px;} #section2 .box > div.top > div#grade > div {padding:30px 20px 0 20px;} #section2 .box > div > div#grade > div > div.content > #company {width:100%;} #section2 .box > div > div#grade > div > div.content > #company > ul > li {width:calc(100% / 8); overflow:hidden;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul {display:flex; justify-content:space-between} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li {margin:0;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.com_nm, #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd {width:19%;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.com_nm > div {font-size:14px; max-width:100%; word-break:break-all;} /* #section2 .box > div > div#info > div > div.content > div > div.legend > #legend1 {top:28px;} */ /* #section2 .box > div > div#info > div > div.content > div > div.legend > #legend2 {top:96px;} */ #section2 .box > div > div#info > div > div.content > div > div.graph > ul > li {width:20%;} #section3 .box > div {display:flex; justify-content:space-between;} #section3 .box > .main_title {display: inline-block; text-align: center;} #section3 .box > div > div {display:block; width:49%;} #section3 .box > div > div > div {width:100%; padding:20px 25px; height:232px;} #section3 .box > div > div > div > div.title > div {font-size: 16px;} #section3 .box > div > div > div > div.title > div > .sub, #section3 .box > div > div > div > div.title > div+div {font-size:13px;} .main_table {max-width:100%;} .main_table > table {height:auto;} .main_table > table > thead * {font-size:13px;} .main_table > table > tbody * {font-size:14px;} .main_table > table > tbody > tr {} .main_table > table > tbody > tr > td {height:36px;} .main_table tbody {height:111px;} .scrolltable tbody {height:111px;} #idx_table tr, #etp_table tr, #sri_table tr {display:flex; width:100%; padding-right:5px;} #idx_table tr td, #etp_table tr td, #sri_table tr td {display:flex; align-items:center;} #idx_table tr th:nth-child(1), #idx_table tr td:nth-child(1) {width:43% !important;} #idx_table tr th:nth-child(2), #idx_table tr td:nth-child(2) {width:16% !important;} #idx_table tr th:nth-child(3), #idx_table tr td:nth-child(3) {width:14% !important;} #idx_table tr th:nth-child(4), #idx_table tr td:nth-child(4) {width:27% !important;} #idx_table tr td:nth-child(1) {padding-left:5px;} #idx_table tr td:nth-child(4) {padding-right:5px;} #idx_table thead tr {padding-right:0;} #idx_table thead tr th:nth-child(4) {width:calc(30% + 5px) !important;} #idx_table .tar {justify-content:flex-end;} #idx_table tbody td:nth-child(2), #idx_table tbody td:nth-child(3) {justify-content:center;} #etp_table tr th:nth-child(1), #etp_table tr td:nth-child(1) {width:12% !important;} #etp_table tr th:nth-child(2), #etp_table tr td:nth-child(2) {width:53% !important;} #etp_table tr th:nth-child(3), #etp_table tr td:nth-child(3) {width:15% !important;} #etp_table tr th:nth-child(4), #etp_table tr td:nth-child(4) {width:20% !important;} #etp_table thead tr {padding-right:0;} #etp_table thead tr th:nth-child(4) {width:calc(20% + 5px) !important;} #etp_table .tar {justify-content:flex-end;} #etp_table tbody td:nth-child(1), #etp_table tbody td:nth-child(3) {justify-content:center;} #sri_table tr th:nth-child(1), #sri_table tr td:nth-child(1) {width:28% !important;} #sri_table tr th:nth-child(2), #sri_table tr td:nth-child(2) {width:24% !important;} #sri_table tr th:nth-child(3), #sri_table tr td:nth-child(3) {width:24% !important;} #sri_table tr th:nth-child(4), #sri_table tr td:nth-child(4) {width:24% !important;} #sri_table thead tr {padding-right:0;} #sri_table thead tr th:nth-child(4) {width:calc(24% + 5px) !important;} #sri_table .tar {justify-content:flex-end;} #sri_table tbody td{justify-content:center;} /* sub */ .body-wrap > .content-header {min-width:100%; height:400px;} .body-wrap > .content-header > div {width:100%;} .snb {width:190px; margin-left:20px;} .snb.on {margin-left:-580px;} .content-wrap {max-width:100%;} /* .content-wrap > #content {width:calc(100% - 240px); table-layout:fixed; padding-right:20px;} */ .content-wrap > #content {width:calc(100% - 240px); table-layout:fixed; padding-right:20px; } img {max-width:100%;} .govnc-box ul li {width:32%; margin-right : 2%; background-repeat:no-repeat; background-size:cover; } .design-title-list-esg .pc_half {display:flex; justify-content:space-between;}.cal-area.en>.cal-btn-range1m .design-title-list-esg .pc_half > * {width:48%; margin:0 !important;} .cal-area.en>.cal-btn-range1m {width: 55px;} .cal-area.en>.cal-btn-range6m {width: 55px;} .cal-area>button {font-size: 12px; width: 40px;} /* 국내 ESG 현황 */ .chart_check dt {height: 338px; line-height: 338px;} .chart_check dd label.check {width:calc((100% - (15px * 2))/2); margin-left: 0px;} .chart_check dd label.check:nth-child(6n-5) { margin-left: 0px;} .chart_check dd label.check:nth-child(2n) {margin-left: 20px; } } @media screen and (max-width:1200px){ #section1 .scroll_wrap {display: none;} .pc_vw {display: none;} .tb_vw {display: block;} #fp-nav{display: none;} .header-wrap > .header-outer > .header-bottom > div > div> ul > li.gnb-depth2 > a {font-size: 15px;} #section1 .box > div.bottom > ul > li > .line:hover {height:45px; background: none; border-top: 2px solid #ffffff;} #section1 .box > div.bottom > ul > li > .line:hover .in {display: block;} #section1 .box > div.bottom > ul > li > .line .over {display: none;} #section1 .box > div.bottom > ul > li > .line > .in > .text {font-size: 12px;} #section2 .box, #section3 .box {padding-top:120px;} .snb.on {left:20px; margin-left:0;} .design-fieldset > form > .search-form > .search-input {width:calc(100% - 100px);} .design-fieldset > form > .search-form.bas > .search-input {width:100%} .design-fieldset > form > .search-form > .search-input > dl > dt {width:100px;} .design-fieldset > form > .search-form > .search-input > dl > dd {width:calc(100% - 100px);} .design-fieldset > form > .search-form > .search-input > dl > dd input.schdate {width: calc((100% - 345px)/2);} .design-fieldset > form > .search-form > .search-input > dl > dd input.sch_w1 {width:calc(100% - 40px) !important;} .design-fieldset > form > .search-form > .search-btn {width:90px; min-width:auto; max-width:none;} .design-fieldset > form > .search-form > .search-btn > button {width:90px; font-size: 12px;} .design-fieldset > form > .search-form > .search-input > dl {display:flex; align-items:center;} .design-fieldset > form > .search-form > .search-input > dl > dd .check.abso {left:calc(50% + 70px);} .design-fieldset > form > .search-form .check.abso {left:calc(50% + 70px);} .design-fieldset > form > .search-form .check.abso.le {left:calc(50% + 130px);} .design-fieldset > form > .search-form > .search-input.set4 > dl > dt {width:70px;} .design-fieldset > form > .search-form > .search-input.set4 > dl > dd {width:calc(50% - 70px);} /* .design-fieldset > form > .search-form > .search-input.set4 > dl > dd input {width:100%;} */ .design-fieldset > form > .search-form > .search-input.set4 > dl > dd select.wd50{width:100%;} .design-fieldset > form > .search-form > .search-input.set4_otw > dl > dd:nth-child(2), .design-fieldset > form > .search-form > .search-input.set4_otw > dl > dd:nth-child(4) {width:calc(50% - 150px);} .design-fieldset > form > .search-form > .search-input.set4_otw > dl > dd:nth-child(5) {width:160px;} .design-fieldset > form > .search-form.break_form {display:flex; height:auto;} .design-fieldset > form > .search-form.break_form > .search-btn > button {width:100%;} .design-fieldset > form > .search-board-form > .search-input > dl {display:table; width:100%;} .design-fieldset > form > .search-board-form > .search-input > dl > dt {width:100px;} .design-fieldset > form > .search-board-form > .search-input > dl > dd select {background:url('../img/btn_selectbox01.png?v20221101') #fff no-repeat right 15px center / 10px;} /* .design-fieldset > form > .search-board-form > .search-input > dl > dd input {width:calc(100% - 170px);} */ .design-fieldset > form > .search-board-form > .search-input > dl > dd input {width:50%;} .design-fieldset > form > .search-form > .search-input > dl.wsearch > dd input[type="text"] {width:50%;} /* 기업 ESG 조회 */ /* .pop-layer .pop-container {max-height:70vh;} */ .chart-div > div, .chart-div.half_box > div {width:49%;} .chart-div > div > .legend-box {width:100%; padding: 10px 0 10px 0;} .chart-div > div svg *, .chart-div > div rect {max-width:100%;} .list_box > div > ul > li {width:100%; padding: 20px;} /* .list_box > div > ul > li.sri {background-position:100% 0;} */ /* .list_box > div > ul > li.env {background-position:100% -110px;} */ /* .list_box > div > ul > li.asp {background-position:100% -220px;} */ .list_box > div > ul > li > div {font-size:16px;} .attach_box46 > ul {flex-direction:column;} .attach_box46 > ul > li.report1 {width:100%; margin-bottom:15px; padding: 20px 0 0; background: none;} .attach_box46 > ul > li.report1 .list_bar {display:flex; justify-content:space-between;} .attach_box46 > ul > li.report1 ul.list_bar li {width:48%; margin-top:0 !important;} .attach_box46 > ul > li.report2 {width:100%;} .list_bar.no_data {justify-content:center !important;} .static-table1 > table > tbody > tr > td ul li span {padding:0 !important;} .static-table1.v2 > table > tbody > tr > th {padding: 10px 10px; height: 74px;} .static-table1.v2 > table > tbody > tr > td {padding: 10px 10px;} /* 기업 ESG 등급 */ .esg_lank_tbl col.w4 {width:16%;} .esg_lank_tbl col.w5 {width:60px;} .esg_lank_tbl col.w6 {width:160px;} .esg_table table > tbody > tr > td {padding:18px 10px;} .esg_lank_tbl.mo_break_tbl td:nth-child(3)>span, .esg_lank_tbl.mo_break_tbl td:nth-child(4)>span, .esg_lank_tbl.mo_break_tbl td:nth-child(5)>span {font-size: 18px !important;} /* 국내 ESG 현황 */ .chart_check dt {height:338px; line-height:338px;} .chart_check dd label.check {width:calc((100% - (15px * 2))/2); margin-left: 0px;} .chart_check dd label.check:nth-child(2n) {margin-left:20px;} .data_time > .icon {background:url('../img/icon_time.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr1 > .icon {background:url('../img/icon_arrow_pink.png?v20221101') no-repeat 50% 50% / contain;} .td-rate1 > .icon {background:url('../img/icon_pink_plus.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr2 > .icon {background:url('../img/icon_arrow_blue.png?v20221101') no-repeat 50% 50% / contain;} .td-rate2 > .icon {background:url('../img/icon_blue_minus.png?v20221101') no-repeat 50% 50% / contain;} /* 아이콘 추가 수정 */ .data_time > .icon {background:url('../img/icon_time.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr1 > .icon {background:url('../img/icon_arrow_pink.png?v20221101') no-repeat 50% 50% / contain;} .td-rate1 > .icon {background:url('../img/icon_pink_plus.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr2 > .icon {background:url('../img/icon_arrow_blue.png?v20221101') no-repeat 50% 50% / contain;} .td-rate2 > .icon {background:url('../img/icon_blue_minus.png?v20221101') no-repeat 50% 50% / contain;} .design-board-faq > ul > li > .blog-title > div > .arrow-icon {background:url('../img/arrow_faq_off.png?v20221101') no-repeat no-repeat 50% 50% / contain;} .design-board-faq > ul > li > .blog-title.on > div > .arrow-icon {background: url('../img/arrow_faq_on.png?v20221101') no-repeat no-repeat 50% 50% / contain;} .design-attach-file > button > span {background:url('../img/arrow_file.png?v20221101') no-repeat 50% 50% / contain;} .design-fieldset > form > .search-board-form > .search-input > dl > dd select {background:url('../img/btn_selectbox01.png?v20221101') #fff no-repeat right 15px center / 10px;} .static-table1.v2 > table > tbody > tr > td img {max-height: 33px;} .pdf-icon.pdfN:before {font-size: 22px;} .cal-area>button {padding: 0; font-size: 10px;} } @media screen and (max-width:1023px){ /* header */ .header-wrap {height:70px;} .header-wrap > .header-outer > .header {height:70px;} .header-wrap > .header-outer > .header .logo {width:170px; height:35px; background-size:auto 70px; margin-top: -10px;} .header-wrap.type2 > .header-outer > .header .logo {background-position:0 -35px;} .header-wrap > .header-outer > .header > div.site-title {width:160px; padding-left:20px;} .header-wrap > .header-outer > .header > .sitemap-btn {width:70px;} .header-wrap > .header-outer > .header > div.gnb-wrap {padding:0 80px 0 180px;} .header-wrap > .header-outer > .header > div.gnb-wrap > ul > li {padding:0 10px;} .header-wrap > .header-outer > .header > div.gnb-wrap > ul > li > div {height:70px;} .header-wrap > .header-outer > .header > div.gnb-wrap > ul > li > div > span {font-size:15px;} .header-wrap > .header-outer > .header-bottom {padding:0 80px 0 180px; height:200px;} .header-wrap > .header-outer > .header-bottom > div {padding-top:20px;} .header-wrap > .header-outer > .header-bottom > div > div> ul > li.gnb-depth2 {margin-bottom:15px;} .header-wrap > .header-outer > .header-bottom > div > div> ul > li.gnb-depth2 > a {font-size:13px;} #sitemap > div > #sitemap-btn-close {width:70px; height:70px;} #sitemap > div > #sitemap-list > ul > li > div > .depth1 {font-size:20px; padding-bottom:20px; margin-bottom:10px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 {font-size:14px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 > ul > li {padding:10px 0;} /* main */ #section1 .wrap {padding:0; position:absolute; bottom:0; left:0;} #section1 .box {padding-top:50px;} #section1 .box > div.top {width:100%; max-height:calc(100vh - 450px); position:absolute; top:50%; left:20px; margin-top:-200px;} #section1 .box > div.top > .bg {height:30vw;} #section1 .scroll_wrap {display:none;} #section1 .box > div.bottom {padding-bottom:0;} #section1 .box > div.bottom {position:absolute; bottom:0; left:0; width:100%; height:auto;} #section1 .box > div.bottom > ul {height:auto; margin-top:0;} #section1 .box > div.bottom > ul > li {height:10vw; width:calc(100vw / 3); margin:0; border-left:#fff 1px solid;} #section1 .box > div.bottom > ul > li:first-child {border-left:0;} #section1 .box > div.bottom > ul > li > .line {border-top-width:1px; height:10vw;} #section1 .box > div.bottom > ul > li > .line .over {display:none;} #section1 .box > div.bottom > ul > li > .line .in {display:flex; flex-direction:row; justify-content:center; align-items: center; height: 100%;} #section1 .box > div.bottom > ul > li > .line:hover {height:10vw; background:none; border-top:#fff 1px solid;} #section1 .box > div.bottom > ul > li > .line:hover .in {display:flex;} #section1 .box > div.bottom > ul > li > .line > .in > .text {font-size: 22px; line-height: 1.2; margin-top:0; text-align: left;} #section1 .box > div.bottom > ul > li > .line > .in > .icon {margin:0 0 0 5px; width:40px; height:40px; background:url('../img/icon_quicklink_hover.png?v20221101') no-repeat; background-size:40px;} #section1 .box > div.bottom > ul > li+li > .line > .in > .icon {background-position:0 -40px;} #section1 .box > div.bottom > ul > li+li+li > .line > .in > .icon {background-position:0 -80px;} #section1 .box > div.bottom > ul > li+li+li+li > .line > .in > .icon {background-position:0 -120px;} #section1 .box > div.bottom > ul > li+li+li+li+li > .line > .in > .icon {background-position:0 -160px;} #section1 .box > div.bottom > ul > li+li+li+li+li+li > .line > .in > .icon {background-position:0 -200px;} #section2 .box {padding-top:100px; height:100%; display:flex; flex-direction:column; justify-content:center;} #section2 .box > div.top > div {display:block; width:100%;} #section2 .box > div > div#grade > div > div.content > #company > ul > li {width:calc(100vw - 80px);} #section2 .box > div.bottom > div > div {padding:20px 10px;} #section2 .box > div.bottom > div > div > div.gosite {margin-top:30px;} .main_table {width:100%;} .main_table > table > tbody * {font-size:13px;} #section3 .box > div > div > div {padding:10px;} .main_table > table > thead > tr > th > .th_text {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; height:35px; top:0;} .main_table tbody {height:111px;} .scrolltable tbody {height:111px;} #idx_table tr, #etp_table tr {display:flex; width:100%; padding-right:5px;} #idx_table tr td, #etp_table tr td {display:flex; align-items:center;} #idx_table tr th:nth-child(1), #idx_table tr td:nth-child(1) {width:40% !important;} #idx_table tr th:nth-child(2), #idx_table tr td:nth-child(2) {width:16% !important;} #idx_table tr th:nth-child(3), #idx_table tr td:nth-child(3) {width:14% !important;} #idx_table tr th:nth-child(4), #idx_table tr td:nth-child(4) {width:30% !important;} #idx_table tr td:nth-child(1) {padding-left:5px;} #idx_table tr td:nth-child(4) {padding-right:5px;} #idx_table thead tr {padding-right:0;} #idx_table thead tr th:nth-child(4) {width:calc(30% + 5px) !important;} #idx_table .tar {justify-content:flex-end;} #idx_table tbody td:nth-child(2), #idx_table tbody td:nth-child(3) {justify-content:center;} #etp_table tr th:nth-child(1), #etp_table tr td:nth-child(1) {width:12% !important;} #etp_table tr th:nth-child(2), #etp_table tr td:nth-child(2) {width:53% !important;} #etp_table tr th:nth-child(3), #etp_table tr td:nth-child(3) {width:15% !important;} #etp_table tr th:nth-child(4), #etp_table tr td:nth-child(4) {width:20% !important;} #etp_table thead tr {padding-right:0;} #etp_table thead tr th:nth-child(4) {width:calc(20% + 5px) !important;} #etp_table .tar {justify-content:flex-end;} #etp_table tbody td:nth-child(1), #etp_table tbody td:nth-child(3) {justify-content:center;} #sri_table tr td:nth-child(4) {padding-right:5px;} /* sub */ .body-wrap {margin-bottom:40px;} .body-wrap > .content-header {height:300px;} .snb {width:170px; margin:50px 20px;} .snb ul > li > a {font-size:14px; padding:15px 10px;} .snb ul > li > ul {padding:20px 10px;} .snb ul > li > ul > li {margin-bottom:5px;} .snb ul > li > ul > li > a {font-size:13px;} .content-wrap > #content {width:calc(100% - 210px); margin:50px 0;} .main-title > .text {font-size:30px; margin-bottom:20px;} .main-title > .icon {height:30px;} .pagination > ul > li > a {margin:0 3px;} .list_bar li a {padding: 10px 15px;} /* 지속가능경영보고서 */ .design-fieldset > form > .search-form > .search-input {width:calc(100% - 100px);} .design-fieldset > form > .search-form > .search-input > dl > dt {width:100px;} .design-fieldset > form > .search-form > .search-input > dl > dd {width:calc(100% - 100px);} .design-fieldset > form > .search-form > .search-input > dl > dd input.sch_w1 {width:calc(100% - 40px) !important;} .design-fieldset > form > .search-form > .search-input > dl > dd input.schdate {width: calc((100% - 245px)/2);} .design-fieldset > form > .search-form > .search-btn {width: 70px;} /* .design-fieldset > form > .search-form > .search-btn {width:50px;} */ .design-fieldset > form > .search-form > .search-btn > button {width:100px; padding: 0;} .design-fieldset > form > .search-form > .search-input.set4 > dl > dt {width:60px; padding-right:5px;} .design-fieldset > form > .search-form > .search-input.set4 > dl > dt label {font-size:14px;} .design-fieldset > form > .search-form > .search-input.set4 > dl > dd {width:calc(50% - 50px);} .design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(2), .design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(4) {width:calc(50% - 140px);} .design-fieldset > form > .search-form > .search-input > dl > dd input {font-size: 12px;} .design-fieldset > form > .search-form > .search-input > dl.wsearch > dd input[type="text"].tw5 {width:50%;} .cal-area {display:flex; align-items:center;} /* .design-fieldset > form > .search-form > .search-input > dl > dd input.schdate {width:calc((100% - 280px)/2);} */ .cal-area>span {margin:0; width:20px; text-align:center;} .cal-area>button {width:40px; font-size: 12px;} .cal-area>button.btn-3y:last-child { margin-right: 5px;} /* 국내 ESG 현황 */ .chart_check dt {height:338px; line-height:338px;} .chart_check dd label.check {width:calc((100% - (15px * 2))/2); margin-left: 0;} .chart-div > div.w100p > .legend-box br {display:none;} .esg_lank_tbl.mo_break_tbl td:nth-child(3)>span, .esg_lank_tbl.mo_break_tbl td:nth-child(4)>span, .esg_lank_tbl.mo_break_tbl td:nth-child(5)>span {font-size: 16px !important;} .pdf-icon.pdfN:before {font-size: 20px;} } /* 높이 변화 적용 */ @media screen and (max-width:1200px){ @media screen and (max-height:970px){ #section2 .box {height:calc(100% - 100px);} #section2 .box > div.top > div {display:table-cell; width:50%;} #section2 .box > div > div#grade > div > div.content > #company > ul > li {width:calc(50vw - 60px);} } } /* ipad pro 11(3세대) 별도 적용 */ @media screen and (max-width:834px){ .language-btn {display: none !important;} .pc_vw {display:none;} .tb_vw {display:block;} .tb_vw2 {display:block;} img {width:100%; max-width:100%;} table{table-layout:fixed;} /* header */ .header-wrap, .header-wrap > .header-outer > .header { height:80px;} .header-wrap > .header-outer > .header {display: flex;} .header-wrap > .header-outer > .header .logo {height:50px; width:260px; background-size:auto 100px; margin-top: 0; position: absolute; top: 8px;} .header-wrap.on > .header-outer > .header .logo, .header-wrap.type2 > .header-outer > .header .logo {background-position:0 -50px;} .header-wrap > .header-outer > .header > div.gnb-wrap {display:none;} .header-wrap > .header-outer > .header > div.search {width:calc(100% - 145px);} .header-wrap > .header-outer > .header > div.site-title {flex-grow: 1;} .header-wrap > .header-outer > .header > .sitemap-btn {width:80px; position:relative;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon {position:absolute; top:50%; left:50%; width:30px; height:2px; background:#fff; margin:-1px 0 0 -15px;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:before, .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:after {content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; background:#fff; margin-left:-15px;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:before {margin-top:-12px;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:after {margin-top:10px;} #sitemap {background:none;} #sitemap > div {position:relative; background:#fff;} #sitemap > div:before, #sitemap > div:after {content:""; position:absolute;} #sitemap > div:before {top:0; left:0; width:100%; height:80px; background:#fff; box-shadow:rgba(0,0,0,.08) 0 1px 10px} #sitemap > div:after {top:15px; left:15px; width:250px; height:50px; background:url('../img/img_logo.png?v20221101') no-repeat 0 -50px / auto 100px;} #sitemap > div > #sitemap-btn-close {width:80px; height:80px;} #sitemap > div > #sitemap-btn-close > .icon {width:100%; height:100%; background:none;} #sitemap > div > #sitemap-btn-close > .icon:before, #sitemap > div > #sitemap-btn-close > .icon:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:3px; background:#fff; margin:-1px 0 0 -10px;} #sitemap > div > #sitemap-btn-close > .icon:before {transform:rotate(45deg);} #sitemap > div > #sitemap-btn-close > .icon:after {transform:rotate(-45deg);} #sitemap > div > #sitemap-list {padding:0; background:#fff; height:auto;} #sitemap > div > #sitemap-list > ul {display:block; padding-top:80px;} #sitemap > div > #sitemap-list > ul > li {display:block; padding:0;} #sitemap > div > #sitemap-list > ul > li > div {height:auto;} #sitemap > div > #sitemap-list > ul > li > div > .depth1 {position:relative; font-size:18px; color:#222; line-height:60px; padding:0 20px; margin-bottom:0; border-bottom:#ebebeb 1px solid; text-align:left;} #sitemap > div > #sitemap-list > ul > li.open > div > .depth1 {color:#00abd4;} #sitemap > div > #sitemap-list > ul > li > div > .depth1:after {content:""; position:absolute; top:50%; right:30px; width:20px; height:20px; border-right:#ccc 2px solid; border-bottom:#ccc 2px solid; transform:rotate(45deg); margin-top:-14px; transition:.2s linear;} #sitemap > div > #sitemap-list > ul > li.open > div > .depth1:after {transform:rotate(225deg); margin-top:-6px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 {font-size:15px; background:#f8f8f8; padding:10px 40px; border-bottom:#ebebeb 1px solid; text-align:left; display:none;} #sitemap > div > #sitemap-list > ul > li.open > div > .depth2 {display:block; width:100%; max-width:none;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 > ul > li > a {line-height:30px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 > ul > li > a:hover {color:#666;} #sitemap .language-btn {position: absolute; width: 100px; height: 40px; top: 5px; right: 75px; display: block !important; padding-top: 15px;} #sitemap .language-btn button {border: 1px solid #00abd4; color: #00abd4; height: 40px; border-radius: 35px;} #sitemap .language-btn button span {background-position: 0 -25px;} /* footer */ .footer-wrap > .footer-outer > .footer > .top {height:60px; padding:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util {padding:0 20px; height:60px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav {padding-top:0; font-size:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav * {font-size:17px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul {font-size:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li {position:relative; padding:0 5px; border-left:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; background:#aaa; margin-top:-5px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li:first-child:before {display:none;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li a {line-height:60px;} .footer-wrap.menu > .footer-outer > .footer > .bottom >.footer-address, .footer-wrap > .footer-outer > .footer > .bottom >.footer-address {padding:0 15px 70px;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address {margin:25px 0 0; display:flex; flex-direction:column;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address > div > .logo {height:40px; background-size:auto 80px; width:180px;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address > div:last-child {padding:15px 0 0;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address > div:last-child > div {font-size:16px; line-height:26px; margin-bottom:5px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site {right:auto; left:15px; top:auto; bottom:-180px; z-index:1; font-size:11px; width:150px; height:30px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > .btn-family-site {padding:0 10px; height:40px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > .btn-family-site > .icon {right:10px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > ul {width:100%;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > ul > li {padding:5px 10px; height:40px; line-height:25px;} /* main */ .mvisual_new .slick-slide .txt {top:50%; margin-top:-250px;} .mvisual_new .slick-slide .txt img {width:110%; max-width:740px;} .mvisual_new .slick-arrow, .mvisual_new .custom_paging, .mvbuttons {top:50%; margin-top:0;} .mvisual_new .slick-arrow {width:30px; height:40px;} .mvisual_new .slick-arrow:before, .mvisual_new .slick-arrow:after {width:16px; margin-left:-8px;} .mvisual_new .slick-arrow:before {margin-top:-6px;} .mvisual_new .slick-arrow:after {margin-top:4px;} .mvisual_new .slick-prev{left:30px;} .mvisual_new .slick-next {left:120px;} .mvisual_new .custom_paging {width:180px; height:40px; border-radius:30px;} .mvisual_new .custom_paging li {font-size:20px; line-height:40px; padding-right:40px;} .mvbuttons {left:160px; margin-top:10px;} .mvisual_new .slick-slide .mv01 {background-image:url('../img/main/m_mvisual01.jpg?v20221101');} .mvisual_new .slick-slide .mv02 {background-image:url('../img/main/m_mvisual02.jpg?v20221101');} .mvisual_new .slick-slide .mv03 {background-image:url('../img/main/m_mvisual03.jpg?v20221101');} .mvisual_new .slick-slide .mv04 {background-image:url('../img/main/m_mvisual04.jpg?v20221101');} .mvisual_new .slick-slide .mv05 {background-image:url('../img/main/m_mvisual05.jpg?v20221101');} .mvisual_new .slick-slide .mv06 {background-image:url('../img/main/m_mvisual06.jpg?v20221101');} .mvisual_new .slick-slide .mv07 {background-image:url('../img/main/m_mvisual07.jpg?v20221101');} .mvisual_new .slick-slide .mv08 {background-image:url('../img/main/m_mvisual08.jpg?v20221129');} .mvisual_new .slick-slide .mv09 {background-image:url('../img/main/m_mvisual09.jpg?v20250324');} #fp-nav.right {display:none;} #section1 .box > div.top {display:none;} #section1 .box > div.top > .bg {height:130px;} #section1 .box > div.top > .slide-btn {width:140px; height:30px; border-radius:15px;} #section1 .box > div.top > .slide-btn > .btn-wrap {width:140px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon {width:22px; height:22px; background-size:22px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.arrow_left {margin-right:10px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.arrow_right {background-position:0 -22px; margin-left:10px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span {font-size:13px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.pause {background-position:0 -44px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.start {background-position:0 -66px;} #section1 .box > div.bottom > ul {display:flex; flex-wrap:wrap; justify-content:space-between;} #section1 .box > div.bottom > ul > li {width:calc(100% / 2); height:100px; border-color:rgba(255,255,255,.4);} #section1 .box > div.bottom > ul > li:nth-child(2n-1) {border-left:0;} #section1 .box > div.bottom > ul > li > .line {height:100px; border-color:rgba(255,255,255,.4);} #section1 .box > div.bottom > ul > li > .line:hover {border-color:rgba(255,255,255,.4); height:100px;} #section1 .box > div.bottom > ul > li > .line > .in > .text {line-height: 1.2; font-size: 20px;} #section1 .box > div.bottom > ul > li > .line .in {flex-direction:row-reverse; justify-content:flex-end; padding:0 15px;} #section1 .box > div.bottom > ul > li > .line > .in > .icon {margin:20px 10px 0 0; width:60px; height:60px; background-size:60px;} #section1 .box > div.bottom > ul > li+li > .line > .in > .icon {background-position:0 -60px;} #section1 .box > div.bottom > ul > li+li+li > .line > .in > .icon {background-position:0 -120px;} #section1 .box > div.bottom > ul > li+li+li+li > .line > .in > .icon {background-position:0 -180px;} #section1 .box > div.bottom > ul > li+li+li+li+li > .line > .in > .icon {background-position:0 -240px;} #section1 .box > div.bottom > ul > li+li+li+li+li+li > .line > .in > .icon {background-position:0 -300px;} .section .main_title {font-size:25px; margin-bottom:15px;} #section2 .box {height:auto; padding-top:150px;} #section2 .box > div.top, #section2 .box > div.top > div {display:block; width:100%;} #section2 .box > div.top {margin-bottom:10px;} #section2 .box > div.top > div > div {height:auto; min-height:330px; padding:15px; background-size:cover;} #section2 .box > div.top > div#info > div {min-height:280px;} #section2 .box > div > div > div > div.title {margin-bottom:10px;} #section2 .box > div > div > div > div.title > div {font-size:15px;} #section2 .box > div > div > div > div.title > div+div {font-size:10px; margin-top:5px;} #section2 .box > div > div > div > div.title > div+div > .icon {height:5px; width:22px; background-size:100%;} #section2 .box > div > div+div > div > div.title > div+div > .icon {background-position:0 -11px;} #section2 .box > div.top > div#grade > div {padding:20px 10px 0;} #section2 .box > div > div#grade > div > div.content {height:160px;} #section2 .box > div > div#grade > div > div.content > #company, #section2 .box > div > div#grade > div > div.content > #company > ul {height:250px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li {width:calc(100vw - 60px);} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul {position:relative; height:250px; display:flex; flex-wrap:wrap; justify-content:space-between; align-content:space-between; padding-left:34%;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li {margin:0;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.com_nm {position:absolute; top:0; left:0; width:32%; height:250px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd {width:49%; height:120px; margin:0;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .title {height:40px; padding-top:10px; font-size:16px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value {height:80px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > span {height:80px; line-height: 2.0;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon {width:50px; height:50px; background-size:50px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd7 {background-position:0 0;} /* S */ #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd6 {background-position:0 -50px;} /* A+ */ #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd5 {background-position:0 -100px;} /* A */ #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd4 {background-position:0 -160px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd3 {background-position:0 -200px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd2 {background-position:0 -250px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd1 {background-position:0 -300px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd0 {background-position:0 -350px;} #section2 .box > div > div#grade > div > div.content > #company {width:100%;} #section2 .box > div > div#grade > div > div.content > #grd_slide {margin-top:10px;} #section2 .box > div > div#grade > div > div.content > #grd_slide p {margin-left:15px;} #section2 .box > div > div#grade > div > div.content > #grd_slide p label {width:19px; height:20px; background-position:0 -23px; margin-left:3px;} #section2 .box > div > div#grade > div > div.content > #grd_slide p label.active {background-position:0 2px;} #section2 .box > div.bottom > div > div {height:160px; padding:20px;} #section2 .box > div.bottom > div.linkbox {background:url('../img/main/bg_box_allbg.jpg?v20221101') no-repeat 50% 50% / cover;} #section2 .box > div.bottom > div#linkbox1 > div {background:url('../img/main/bg_box_03_m.png?v20221101v2') no-repeat right 10px bottom 35px / 50%;} #section2 .box > div.bottom > div#linkbox2 > div {background:url('../img/main/bg_box_04_m.png?v20221101v2') no-repeat right 0px bottom 35px / 50%;} #section2 .box > div.bottom > div#linkbox3 > div {background:url('../img/main/bg_box_05_m.png?v20221101v2') no-repeat right 10px bottom 35px / 50%;} #section2 .box > div.bottom > div > div .title {margin:0;} #section2 .box > div.bottom > div > div .title div {font-size:16px;} #section2 .box > div > div > div > div.title > div > .sub {font-size: 12px;} #section2 .box > div.bottom > div > div > div.gosite {margin-top:10px; font-size:0;} #section2 .box > div.bottom > div > div > div.gosite > .icon {width:30px; margin:0; background-size:40px;} #section2 .box > div > div#info > div > div.content > div > div.legend {height: 180px; padding-bottom: 15px; justify-content: space-evenly;} #section2 .box > div > div#info > div > div.content > div > div.graph > ul, #section2 .box > div > div#info > div > div.content > div > div.graph > ul > li {height:180px;} #section2 .box > div > div#info > div > div.content > div.legend-box {margin-top:10px;} #section3 .box {padding-top:150px;} #section3 .box > div {margin-bottom:15px; text-align:center; flex-direction:column;} #section3 .box > div.top {margin-bottom:10px;} #section3 .box > div > div {width:100%; margin-top:10px; font-size:0;} #section3 .box > div > div:first-child {margin-top:0;} #section3 .box > div > div > div {height:auto; min-height:auto; padding:10px;} .main_table > table {height:auto;} .main_table > table > tbody * {font-size:15px; line-height:34px;} .main_table > table > thead > tr > th {height:34px; padding:0;} .main_table > table > thead > tr > th > .th_text {height:34px; padding-left:0; font-size:16px;} .main_table > table > thead > tr > th > .th_bg {border-bottom-width:34px; border-left-width:8px;} .main_table > table > tbody > tr > td {min-height:34px; height:auto; padding:0; word-break:keep-all;} .main_table > table > tbody > tr > td.cmpr {font-size:11px;} #section3 .box > div > div > div > div.title {margin-bottom:10px;} #section3 .box > div > div > div > div.title > div {font-size:18px;} #section3 .box > div > div > div > div.title > div:first-child {width:70%;} #section3 .box > div > div > div > div.title > div > .sub, #section3 .box > div > div > div > div.title > div+div {font-size:12px;} #section3 .box > div > div > div > div.title > div > .sub {margin-left:5px;} #section3 .box > div > div > div > div.title > div > .sub .mo_vw {display:inline-block; vertical-align:baseline;} #section3 .box > div > div > div > div.title > div+div > .icon {height:6px; width:17px; background-size:25px;} .main_table tbody {height:105px;} .scrolltable tbody {height:105px; overflow-x:hidden; overflow-y:scroll;} .scrolltable th, .scrolltable td {padding:0 5px; text-align:center; width:auto; font-size:10px; line-height:20px;} #idx_table tr th:nth-child(1), #idx_table tr td:nth-child(1) {width:48% !important;} #idx_table tr th:nth-child(4), #idx_table tr td:nth-child(4) {width:22% !important;} #idx_table thead tr th:nth-child(4) {width:calc(22% + 5px) !important;} /* sub */ .body-wrap > .content-header {height:330px;} .body-wrap > .content-header > div > .menu-title {font-size:50px; line-height:40px; left:0; transform:translateX(0); text-align:center; width:100%;} .content-wrap.on {padding-top:100px;} .snb {position:relative; width:100%; margin:0 0 20px; height:50px; padding-left:50px; z-index:10;} .snb .point {top:100vh;} .snb.on {top:0; left:0; border-top:#ddd 1px solid;} .snb .home {position:absolute; top:0; left:0; width:50px; height:50px; background:linear-gradient(to bottom, #97c4ff 0%,#1aafdb 100%);} .snb .home:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/icon_home.png?v20221101') no-repeat 50% 50% / 30%;} .snb .mo_menu {position:relative; float:left; width:50%; height:50px; background:#fff;} .snb .mo_menu.sn {border-left:#ddd 1px solid;} .snb .mo_menu .side-title {position:relative; font-size:16px; color:#666; font-weight:700; line-height:50px; padding:0 20px; background:#fff; height:inherit; text-align:left; display:block; border-bottom:#ddd 1px solid;} .snb .mo_menu .side-title:after {content:""; position:absolute; top:50%; right:15px; width:10px; height:10px; border-right:#ccc 2px solid; border-bottom:#ccc 2px solid; transform:rotate(45deg); margin-top:-7px; transition:.2s linear;} .snb .mo_menu .side-title div, .snb .mo_menu .side-title div.active {position:relative; font-size:inherit; color:inherit;} .snb .mo_menu .side-title div {display:none; transition:.2s linear;} .snb .mo_menu .side-title div.active {display:block;} .snb .mo_menu.open .side-title div {color:#00abd4;} .snb .mo_menu.open .side-title:after {transform:rotate(225deg); margin-top:-2px;} .snb .mo_menu ul {position:absolute; top:50px; left:-1px; width:calc(100% + 1px); background:#fff; border:#ddd 1px solid; border-top:0; padding:0; display:none;} .snb .mo_menu.gn ul {width:calc(100% + 2px);} .snb .mo_menu li {border:0; border-bottom:#ddd 1px solid; min-height:35px;} .snb .mo_menu li:last-child {border-bottom:0;} .snb .mo_menu li a {position:relative; display:block; font-size:15px; color:#666; line-height:60px; min-height:60px; text-align:left; padding:0 20px;} .snb .mo_menu li.gnb-active a {color:#00abd4; font-weight:700;} .snb .mo_menu.open > ul {display:block;} .snb .mo_menu li.open {background:#f8f8f8;} .snb .mo_menu li.open > a {height:50px; font-weight:700;} .snb .mo_menu li > a span {position:absolute; top:24px; right:14px; margin-top:0; width:14px; height:14px; transform:rotate(0); background-size:contain;} .snb .mo_menu ul > li > a > span.link {background-size:contain; min-height: inherit; top:0; width: 12px;} .snb .mo_menu li.open > a > span {transform:rotate(0);} .snb .mo_menu li ul {position:relative; top:0; left:0; width:100%; border:none; padding:0 15px; background:none; display:none;} .snb .mo_menu li li {position:relative; margin:0; width:100%; background:none;} .snb .mo_menu li li span {position:absolute; top:50%; left:0; margin-top:-1px; margin:0;} .top_btn.on{ display:block; position: fixed; right: 15px; height: 50px; width: 50px; background: rgba(255,255,255,0.8); padding: 4px 10px; border-radius: 25px; z-index: 1; border: 1px solid #e7e7e7; box-shadow: 0 3px 10px rgb(0 0 0 / 15%); bottom: 15px; background: url(../img/icon_topbtn.png?v20221101) no-repeat 50% 50% ;background-size:25px; background-color: rgba(255,255,255,0.8);} .tabs {display:flex; justify-content:center; margin-bottom:50px;} .tabs li {width:240px; max-width:50%; border:#ddd 1px solid; border-left:0;} .tabs li:first-child {border-left:#ddd 1px solid;} .tabs li a {display:block; font-size:16px; color:#666; line-height:45px; height:45px; width:100%; text-align:center;} .tabs li.on a {color:#fff; background:#00acd4;} .content-wrap > #content {width:100%; padding:0 15px;} .main-title {margin-bottom:30px;} .main-title > .text {font-size:27px; line-height:30px; margin-bottom:30px;} .main-title > .icon {height:35px;} /* .sub-title {font-size:24px; padding-left:34px; background-size:24px; margin-bottom:30px; background-position:0 5px;} */ .design-title-list-esg > dl > dd {font-size:2.1vw;} /* .design-title-list-esg > dl > dd br {display:none;} */ .img_mo {display:block;} .img_mo +img {display:none;} /* .tabs.set4 {flex-wrap : wrap; border-top : #ddd 1px solid; border-left : #ddd 1px solid;} */ .design-fieldset > form > .search-board-form > .search-input > dl {display:table; width:100%;} .design-fieldset > form > .search-board-form > .search-input > dl > dt {width:130px;} .design-fieldset > form > .search-board-form > .search-input > dl > dd select {width:170px;} .design-fieldset > form > .search-board-form > .search-input > dl > dd input {width:calc(100% - 190px);} .design-fieldset > form > .search-board-form > .search-input > dl > dd {padding:0px;} .design-fieldset > form > .search-form > .search-input > dl > dd input.schdate {width:calc((100% - 285px)/2);} /* .cal-area>span { width: 10%; margin: 0 0 10px; text-align: center;} */ /* .cal-area>.cal-btn-open { margin: 0 0 10px 10px;} */ .cal-area>button {width: 50px; font-size: 15px;} /* .cal-area>button:last-child {margin-right:0;} */ .design-title-list-esg > dl > dd .bu-contn > .bullet1 { left: 5px;} /* .design-title-list-esg .pc_half {flex-direction:column;} */ /* .design-title-list-esg .pc_half > * {width:100%; margin-top:30px !important;} */ /* .mb60 { margin-bottom: 30px !important;} */ .design-title-list-esg > dl img {margin : 0 auto;} /* .text-em4 { font-size: 11px;} */ .static-top-box > .content {font-size: 12px;} .static-top-box { height: auto; padding: 15px 10px; margin-bottom: 30px !important; word-break:keep-all;} .static-top-box > .number > span { width: 26px; height: 26px; font-size: 15px; margin-top: 0;} .sub-title2 {font-size:22px; text-shadow:#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px,#fff 0 0 20px;} .static-table1 > table > tbody > tr > td:FIRST-CHILD { font-size: 13px;} /* .static-table1 > table > tbody > tr > td { padding : 10px; font-size : 12px;} */ .static-table1 > table > tbody > tr > td ul li span { padding: 0 !important;} .over_tbl { position:relative;overflow:hidden;} .over_tbl > div {overflow : auto;} .over_tbl > div table { min-width:550px;} /* .govnc-box { padding: 30px 15px 25px; height: auto;} */ /* .govnc-box ul {overflow:hidden;} */ /* .govnc-box ul li { height: 170px;} */ /* .govnc-box ul li > .title {margin-top:110px;} */ /* .govnc-box ul li > .title > span {font-size:11px; line-height:25px; height:25px; padding:0; width:90%;} */ /* .govnc-box ul li > .text {font-size:15px; letter-spacing:-1px;} */ .static-table1 > table > tbody > tr > th {font-size: 14px;} .esg_table > table > thead + tbody > tr > td.font_tmny {font-size:18px;} .esg_table > table > thead > tr > th ,.esg_table > table > thead > tr:LAST-CHILD > th,.esg_table > table > thead > tr:FIRST-CHILD > th {font-size:14px;} .esg_table table > thead > tr > th, .esg_table table > thead > tr:FIRST-CHILD > th {font-size:14px;} .esg_table table > tbody > tr > td {padding:18px 5px; font-size:13px;} .grd-font.kesg, .grd-font.moodys, .grd-font.msci, .grd-font.sp, .grd-font.kcgsB {font-size: 18px;} .main-title > .icon {height:35px; display:none;} /* 상단 공지 박스 */ .notice-box > .title {font-size:16px;} .notice-box {padding-bottom:0;} .notice-box.mb20 {padding-bottom:20px;} .notice-box > .contn {font-size:14px; margin-bottom:0; padding-bottom:0; border-bottom:0;} .notice-box dl {display:flex; flex-direction:column-reverse; margin-top:10px;} .notice-box dt {position:relative; font-size:14px; color:#001b60; line-height:40px; text-align:center; border-top:#c9d9ef 1px solid;} .notice-box dt i {position:relative; display:inline-block; vertical-align:top; width:10px; height:40px; margin-left:10px;} .notice-box dt i:before, .notice-box dt i:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:2px; background:#001b60; margin-top:-1px; border-radius:1px; transition:.2s linear;} .notice-box dt i:before {transform:rotate(45deg); margin-left:-5px;} .notice-box dt i:after {transform:rotate(-45deg); margin-left:-1px;} .notice-box .on dt i:before {transform:rotate(-45deg);} .notice-box .on dt i:after {transform:rotate(45deg);} .notice-box dt em {font-size:inherit; color:inherit; font-weight:inherit;} .notice-box dt .on, .notice-box .on dt .off {display:none;} .notice-box dt .off, .notice-box .on dt .on {display:inline-block; vertical-align:top;} .notice-box dd {border-top:#c9d9ef 1px solid; padding:10px 0; } .notice-box .inq {font-size:13px;} .notice-box .inq > div {vertical-align:top;} .notice-box .inq > div:nth-child(1) {width:115px;} .notice-box .inq > div:nth-child(2) {width: 115px;} .notice-box .inq > div a {position:relative; width:100%; font-size:12px; text-align:left; padding:0 5px; background:#fff; border:#ddd 1px solid; border-radius:2px;} .notice-box .inq > div a .mo_vw {display:inline-block; vertical-align:top;} .notice-box .inq > div a i {position:absolute; top:0; right:5px; width:10px; height:100%; background:url('../img/arrow_notice_box.png?v20221101') no-repeat 50% 50% / contain; margin-left:0;} .notice-box .inq > div:nth-child(3) {width:calc(100% - 133px); padding-left:5px;} .link_pop {position:relative; padding:80px 0 0; height:100vh; height: calc(var(--vh, 1vh) * 100); font-family:'Noto Sans KR', sans-serif;} .link_pop .layer-pop-header {position:fixed; top:0; left:0; width:100%; font-size:20px; color:#000; font-weight:500; line-height:25px; padding:20px; border-bottom:#000 1px solid; background:#fff; z-index: 99999;} .link_pop .layer-pop-header .goback {position:absolute; top:20px; right:20px; width:25px; height:25px;} .link_pop .layer-pop-header .goback:before, .link_pop .layer-pop-header .goback:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#000; margin:-1px 0 0 -15px;} .link_pop .layer-pop-header .goback:before {transform:rotate(45deg);} .link_pop .layer-pop-header .goback:after {transform:rotate(-45deg);} .link_pop .contn {font-size:13px; color:#666; font-weight:400; line-height:1.5;} .link_pop .pop_scroll {overflow:auto; padding:0 20px 20px; word-break: break-word;} .link_pop .pop_no_scroll {padding:0 20px 20px; word-break: break-word;} .layer-pop-search-form > .input-group {margin-bottom:5px; height:30px; display:flex;} .layer-pop-search-form > .input-group input {width:calc(100% - 30px); height:30px; border-radius:0; border:#ccc 1px solid; border-right:0;} .layer-pop-search-form > .input-group button {width:30px; height:30px; padding:5px; border:0;} .link_pop .word-btn-group {height:auto; display:flex; flex-wrap:wrap; border-top:#ccc 1px solid; border-left:#ccc 1px solid;} .link_pop .word-btn-group > span {width:calc(100% / 8); height:30px; line-height:29px; text-align:center; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;} .link_pop .result_table, .link_pop .result_table thead, .link_pop .result_table tbody, .link_pop .result_table th, .link_pop .result_table td {display:block;} .link_pop .result_table tr {display:flex; width:100%;} .link_pop .result_table {border-collapse:collapse; margin-top:20px; width:100%;} .link_pop .result_table > thead > tr > th {font-size:13px; color:#fff; font-weight:400; line-height:30px; text-align:center; background:#333; border:0;} .link_pop .result_table tr :first-child {width:40%;} .link_pop .result_table tr :last-child {width:60%;} .link_pop .result_table > tbody {overflow: auto; display:block; width:100%; height:calc(100vh - 298px); border:#ccc 1px solid;} .link_pop .result_table tbody tr {border-bottom:#ccc 1px solid;} .link_pop .result_table tbody tr.no-data {justify-content:center; align-items:center; height:100%;} .link_pop .result_table tbody tr td {font-size:14px; color:#333; font-weight:400; line-height:30px; text-align:center;} .link_pop .result_table tbody tr:last-child {border-bottom:0;} .link_pop .result_table tbody tr:hover, .link_pop .result_table tbody tr:active {background-color: #eeeeee; background-image: url(../img/pattern/ptn_diagonal_w.png?v20221101); cursor: pointer;} .link_pop .result_table.mo_break_tbl3 {margin-top: 10px; border-top: 2px solid #222222;} .link_pop .result_table.mo_break_tbl3 colgroup, .link_pop .result_table.mo_break_tbl3 thead {display:none;} .link_pop .result_table.mo_break_tbl3 tbody {display:block; height: auto; border-left: 0; border-right: 0; border-top: 0;} .link_pop .result_table.mo_break_tbl3 tr {display:flex; flex-wrap:wrap; border-bottom:#ddd 1px solid;} .link_pop .result_table.mo_break_tbl3 tr:last-child {border-bottom:0;} .link_pop .result_table.mo_break_tbl3 td {position:relative; border:0; height:auto; display:flex; align-items:center; color:#000000; line-height:20px; padding:5px 10px; font-size:13px; justify-content: left;} .link_pop .result_table.mo_break_tbl3 td:nth-child(1) {order:1; width:100%; font-size: 14px; font-weight: bold; padding:10px; word-break: keep-all;} .link_pop .result_table.mo_break_tbl3 td:nth-child(2) {order:2; width:100%; padding: 5px 10px;} .link_pop .result_table.mo_break_tbl3 td:nth-child(3) {order:3; width:100%; padding: 5px 10px;} .link_pop .result_table.mo_break_tbl3 td:nth-child(4) {order:4; width:100%; padding: 0 10px 10px 10px;} .link_pop .result_table.mo_break_tbl3 td:nth-child(3) span, .link_pop .result_table.mo_break_tbl3 td:nth-child(4) span {width:25%; min-width: 80px;} .link_pop .result_table.mo_break_tbl3 td:nth-child(3) span+span, .link_pop .result_table.mo_break_tbl3 td:nth-child(4) span+span {width:75%;} .link_pop .result_table.mo_break_tbl3 td:nth-child(4) span+span {position: relative; padding-left: 25px;} .link_pop .result_table.mo_break_tbl3 td:nth-child(4) span+span > i {position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: no-repeat 0 50% / contain;} .link_pop .result_table.mo_break_tbl3 td:nth-child(4) span+span > i.env {background-image: url(../img/icon_esg_news01.png?v20221101);} .link_pop .result_table.mo_break_tbl3 td:nth-child(4) span+span > i.soc {background-image: url(../img/icon_esg_news02.png?v20221101);} .link_pop .result_table.mo_break_tbl3 td:nth-child(4) span+span > i.gov {background-image: url(../img/icon_esg_news03.png?v20221101);} /* .link_pop .result_table.mo_break_tbl3 td:nth-child(1) {order:1; width:40%; justify-content: left; padding:10px; background:#f7f7f7;} */ /* .link_pop .result_table.mo_break_tbl3 td:nth-child(2) {order:1; width:30%; justify-content: center; padding:10px; background:#f7f7f7;} */ /* .link_pop .result_table.mo_break_tbl3 td:nth-child(3) {order:1; width:30%; justify-content: center; padding:10px; background:#f7f7f7;} */ /* .link_pop .result_table.mo_break_tbl3 td:nth-child(4) {order:2; width:100%; font-size:15px; text-align: left; padding: 20px 30px 20px 10px;} */ /* .link_pop .result_table.mo_break_tbl3 td.arrow i {position: absolute; right: 0; width: 20px; height:calc(100% - 40px);} */ /* .link_pop .result_table.mo_break_tbl3 td.arrow i:before, */ /* .link_pop .result_table.mo_break_tbl3 td.arrow i:after {content:""; position: absolute; top:50%; left:50%; width: 10px; height: 2px; background: #999; border-radius:2px; margin-left: -5px;} */ /* .link_pop .result_table.mo_break_tbl3 td.arrow i:before {transform:rotate(45deg); margin-top: -4px;} */ /* .link_pop .result_table.mo_break_tbl3 td.arrow i:after {transform:rotate(-45deg); margin-top: 2px;} */ .pop-layer {position:fixed; top:50% !important; left:50% !important; transform: translate(-50%, -50%); z-index: 10000; min-width: 517px;} .scroll_info {display:none;margin-bottom:15px !important;} .scroll_info.mt {margin:25px 0 -15px !important;} /* 기업 ESG 등급 */ .esg_table table > thead > tr > th, .esg_table table > thead > tr:FIRST-CHILD > th {font-size:14px;} .esg_table table > tbody > tr > td {padding:18px 5px; font-size:13px;} .font_tmny, .esg_table table > tbody > tr > td.font_tmny {font-size:18px;} /* 지속가능경영보고서 */ .cal-area>button {width: 50px; font-size: 15px;} .design-fieldset > form > .search-form > .search-input > dl > dd input.schdate {width:calc((100% - 285px)/2);} .data_time > .icon {background:url('../img/icon_time.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr1 > .icon {background:url('../img/icon_arrow_pink.png?v20221101') no-repeat 50% 50% / contain;} .td-rate1 > .icon {background:url('../img/icon_pink_plus.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr2 > .icon {background:url('../img/icon_arrow_blue.png?v20221101') no-repeat 50% 50% / contain;} .td-rate2 > .icon {background:url('../img/icon_blue_minus.png?v20221101') no-repeat 50% 50% / contain;} /* 지배구조보고서 */ /* 국내 ESG 현황 */ /* 국내 ESG 현황 */ /* SRI 채권현황 */ /* ESG 지수상품 */ /* ESG 최신동향/기준 */ .data_time > .icon {background:url('../img/icon_time.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr1 > .icon {background:url('../img/icon_arrow_pink.png?v20221101') no-repeat 50% 50% / contain;} .td-rate1 > .icon {background:url('../img/icon_pink_plus.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr2 > .icon {background:url('../img/icon_arrow_blue.png?v20221101') no-repeat 50% 50% / contain;} .td-rate2 > .icon {background:url('../img/icon_blue_minus.png?v20221101') no-repeat 50% 50% / contain;} .design-board-faq > ul > li > .blog-title > div > .arrow-icon {background:url('../img/arrow_faq_off.png?v20221101') no-repeat no-repeat 50% 50% / contain;} .design-board-faq > ul > li > .blog-title.on > div > .arrow-icon {background: url('../img/arrow_faq_on.png?v20221101') no-repeat no-repeat 50% 50% / contain;} .design-attach-file > button > span {background:url('../img/arrow_file.png?v20221101') no-repeat 50% 50% / contain;} .design-fieldset > form > .search-board-form > .search-input > dl > dd select {background:url('../img/btn_selectbox01.png?v20221101') #fff no-repeat right 15px center / 10px;} .pdf-icon.pdfN:before {font-size: 18px;} } @media screen and (max-width:1201px) { .design-fieldset > form > .search-form.bas > .search-input > dl {display:flex; flex-direction:column;} .design-fieldset > form > .search-form.bas > .search-input > dl > dt {display:block;} .design-fieldset > form > .search-form.bas > .search-input > dl > dd.pc_vw2 {display:none;} .design-fieldset > form > .search-form.bas > .search-input > dl > dd.mo_vw2 {display:block;} .design-fieldset > form > .search-form.bas > .search-input > dl > dt {width:100%; text-align:left; margin-top:5px;} /* .design-fieldset > form > .search-form.bas > .search-input.set3 > dl > dt:nth-of-type(3) {padding-left: 0;} .design-fieldset > form > .search-form.bas > .search-input.set3 > dl > dt:nth-of-type(2) {padding-left: 0;} */ .design-fieldset > form > .search-form.bas > .search-input > dl > dt label, .design-fieldset > form > .search-form.bas > .search-input > dl > dt span {font-size:14px; line-height:40px;} .design-fieldset > form > .search-form.bas > .search-input > dl > dd {padding:0;width:100%;} .design-fieldset > form > .search-form.bas > .search-input.set2 > dl > dd:nth-of-type(1) {width: 100%;} .design-fieldset > form > .search-form.bas > .search-input > dl > dd .hover_link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .design-fieldset > form > .search-form.bas > .search-input > dl > dd .finder_btn > .icon {background:url('../img/btn_search.png?v20221101') no-repeat 50% 50% / contain;} .design-fieldset > form > .search-form.bas > .search-input.set4 > dl > dt, .design-fieldset > form > .search-form.bas > .search-input.set4 > dl > dd {width:100%; padding:0;} .design-fieldset > form > .search-form.bas > .search-input.set4 > dl > dt label {font-size:14px;} .design-fieldset > form > .search-form.bas > .search-input.set4 > dl > dd input, .design-fieldset > form > .search-form.bas > .search-input > dl > dd select {padding:5px; height:40px; font-size:12px;} /* .design-fieldset > form > .search-form.bas > .search-input.set3 > dl > dd:nth-of-type(3) { width: 100%; padding: 0;} */ .design-fieldset > form > .search-form.bas > .search-input.set2 > dl > dd > select {width: 100%;} .design-fieldset > form > .search-form.bas > .search-input > dl > dd select[name=sch_yy] { width: 100%; } .design-fieldset > form > .search-form.bas > .search-input > dl > dd:nth-of-type(4) { text-align: left; padding: 0;} .design-fieldset > form > .search-form.bas > .search-input.set2 > dl > dd > select[name=remk] {width: 100%; } .design-fieldset > form > .search-form > .search-input.set2 > dl > dd.year_dd { padding-left: 0;} .design-fieldset > form > .search-form > .search-input.set2 > dl > dt.year_dt { padding-left: 0; width: 100%;} .design-fieldset > form > .search-form > .search-input.se.set2 > dl > dt:nth-of-type(1) {padding-left: 0; width: 100%;} .check2 { position: relative; left: 0; top: 10px;} } @media screen and (max-width:767px){ .pc_vw, .pc_vw2, .tb_vw {display:none !important;} .mo_vw, .mo_vw2 {display:block;} .mo_vw3 {display: block !important;} .mo_vw4 {display: flex !important;} table.mo_vw2 {display: table;} tr.mo_vw2 {display: table-row;} th.mo_vw2 {display: table-cell;} colgroup.mo_vw2 {display: table-column-group;} img {width:auto; max-width:100%;} #section1 .box {height:100vh;} /* header */ .header-wrap, .header-wrap > .header-outer > .header {height:55px;} /* .header-wrap {position:fixed; top:0; left:0; width:100%;} .header-wrap.on {background:#fff;} */ .header-wrap > .header-outer > .header > div.site-title {padding-left:15px;} .header-wrap > .header-outer > .header .logo {height:35px; background-size:auto 70px; width:170px;} .header-wrap.on > .header-outer > .header .logo, .header-wrap.type2 > .header-outer > .header .logo {background-position:0 -35px;} .header-wrap > .header-outer > .header > div.gnb-wrap {display:none;} .header-wrap > .header-outer > .header > div.search {width:calc(100% - 145px);} .header-wrap > .header-outer > .header > .sitemap-btn {width:55px; position:relative;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; margin:-1px 0 0 -10px;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:before, .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:after {content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; background:#fff; margin-left:-10px;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:before {margin-top:-7px;} .header-wrap > .header-outer > .header > #sitemap-btn-open > .icon:after {margin-top:5px;} #sitemap {background:none;} #sitemap > div {position:relative; background:#fff;} #sitemap > div:before, #sitemap > div:after {content:""; position:absolute;} #sitemap > div:before {top:0; left:0; width:100%; height:55px; background:#fff; box-shadow:rgba(0,0,0,.08) 0 1px 10px} #sitemap > div:after {top:10px; left:15px; width:180px; height:35px; background:url('../img/img_logo.png?v20221101') no-repeat 0 -35px / auto 70px;} #sitemap > div > #sitemap-btn-close {width:55px; height:55px;} #sitemap > div > #sitemap-btn-close > .icon {width:100%; height:100%; background:none;} #sitemap > div > #sitemap-btn-close > .icon:before, #sitemap > div > #sitemap-btn-close > .icon:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:3px; background:#fff; margin:-1px 0 0 -10px;} #sitemap > div > #sitemap-btn-close > .icon:before {transform:rotate(45deg);} #sitemap > div > #sitemap-btn-close > .icon:after {transform:rotate(-45deg);} #sitemap > div > #sitemap-list {padding:0; background:#fff; height:auto;} #sitemap > div > #sitemap-list > ul {display:block; padding-top:55px;} #sitemap > div > #sitemap-list > ul > li {display:block; padding:0;} #sitemap > div > #sitemap-list > ul > li > div {height:auto;} #sitemap > div > #sitemap-list > ul > li > div > .depth1 {position:relative; font-size:14px; color:#222; line-height:45px; padding:0 15px; margin-bottom:0; border-bottom:#ebebeb 1px solid; text-align:left;} #sitemap > div > #sitemap-list > ul > li.open > div > .depth1 {color:#00abd4;} #sitemap > div > #sitemap-list > ul > li > div > .depth1:after {content:""; position:absolute; top:50%; right:15px; width:10px; height:10px; border-right:#ccc 2px solid; border-bottom:#ccc 2px solid; transform:rotate(45deg); margin-top:-7px; transition:.2s linear;} #sitemap > div > #sitemap-list > ul > li.open > div > .depth1:after {transform:rotate(225deg); margin-top:-3px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 {font-size:13px; background:#f8f8f8; padding:5px 30px; border-bottom:#ebebeb 1px solid; text-align:left; display:none;} #sitemap > div > #sitemap-list > ul > li.open > div > .depth2 {display:block; width:100%; max-width:none;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 > ul > li > a {line-height:20px;} #sitemap > div > #sitemap-list > ul > li > div > .depth2 > ul > li > a:hover {color:#666;} #sitemap .language-btn {position: absolute; width: 100px; height: 40px; top: 7px; right: 40px; display: block !important; padding-top: 0;} #sitemap .language-btn button {border: 1px solid #00abd4; color: #00abd4; height: 40px; border-radius: 20px;} #sitemap .language-btn button span {background-position: 0 -25px;} /* footer */ .footer-wrap > .footer-outer > .footer > .top {height:45px; padding:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util {padding:0 15px; height:45px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav {padding-top:0; font-size:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav * {font-size:13px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul {font-size:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li {position:relative; padding:0 5px; border-left:0;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:6px; background:#aaa; margin-top:-3px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li:first-child:before {display:none;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav > ul > li a {line-height:45px;} .footer-wrap.menu > .footer-outer > .footer > .bottom >.footer-address, .footer-wrap > .footer-outer > .footer > .bottom >.footer-address {padding:0 15px 70px;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address {margin:25px 0 0; display:flex; flex-direction:column;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address > div > .logo {height:26px; background-size:auto 52px; width:114px;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address > div:last-child {padding:15px 0 0;} .footer-wrap > .footer-outer > .footer > .bottom >.footer-address > div:last-child > div {font-size:11px; line-height:20px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site {right:auto; left:15px; top:auto; bottom:-160px; z-index:1; font-size:11px; width:150px; height:30px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > .btn-family-site {padding:0 10px; height:40px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > .btn-family-site > .icon {right:10px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > ul {width:100%;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site > ul > li {padding:5px 10px; height:40px; line-height:25px;} /* main */ .mvisual_new .slick-slide .txt {top:45%; margin-top:-180px;} .mvisual_new .slick-slide .txt img {width:90%; max-width:90%;} .mvisual_new .slick-arrow, .mvisual_new .custom_paging, .mvbuttons {top:50%; margin-top:-10px;} .mvisual_new .slick-arrow {width:22px; height:40px;} .mvisual_new .slick-arrow:before, .mvisual_new .slick-arrow:after {width:16px; margin-left:-8px;} .mvisual_new .slick-arrow:before {margin-top:-6px;} .mvisual_new .slick-arrow:after {margin-top:4px;} .mvisual_new .slick-prev {left:30px;} .mvisual_new .slick-next {left:120px;} .mvisual_new .custom_paging {width:170px; height:40px; border-radius:40px;} .mvisual_new .custom_paging li {font-size:18px; line-height:40px; padding-right:30px;} .mvbuttons {left:150px; margin-top:0;} .mvisual_new .slick-slide .mv01 {background-image:url('../img/main/m_mvisual01.jpg?v20221101');} .mvisual_new .slick-slide .mv02 {background-image:url('../img/main/m_mvisual02.jpg?v20221101');} .mvisual_new .slick-slide .mv03 {background-image:url('../img/main/m_mvisual03.jpg?v20221101');} .mvisual_new .slick-slide .mv04 {background-image:url('../img/main/m_mvisual04.jpg?v20221101');} .mvisual_new .slick-slide .mv05 {background-image:url('../img/main/m_mvisual05.jpg?v20221101');} .mvisual_new .slick-slide .mv06 {background-image:url('../img/main/m_mvisual06.jpg?v20221101');} .mvisual_new .slick-slide .mv07 {background-image:url('../img/main/m_mvisual07.jpg?v20221101');} .mvisual_new .slick-slide .mv08 {background-image:url('../img/main/m_mvisual08.jpg?v20221129');} .mvisual_new .slick-slide .mv09 {background-image:url('../img/main/m_mvisual09.jpg?v20250324');} #fp-nav.right {display:none;} #section1 .box > div.top > .bg {height:130px;} #section1 .box > div.top > .slide-btn {width:140px; height:30px; border-radius:15px;} #section1 .box > div.top > .slide-btn > .btn-wrap {width:140px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon {width:22px; height:22px; background-size:22px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.arrow_left {margin-right:10px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.arrow_right {background-position:0 -22px; margin-left:10px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span {font-size:13px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.pause {background-position:0 -44px;} #section1 .box > div.top > .slide-btn > .btn-wrap > span.icon.start {background-position:0 -66px;} #section1 .box > div.bottom > ul {display:flex; flex-wrap:wrap; justify-content:space-between;} #section1 .box > div.bottom > ul > li {width:calc(100% / 2); height:60px; border-color:rgba(255,255,255,.4);} #section1 .box > div.bottom > ul > li:nth-child(2n-1) {border-left:0;} #section1 .box > div.bottom > ul > li > .line {height:60px; border-color:rgba(255,255,255,.4);} #section1 .box > div.bottom > ul > li > .line:hover {border-color:rgba(255,255,255,.4); height:60px;} #section1 .box > div.bottom > ul > li > .line > .in > .text {line-height: 1.2; font-size: 12px; text-align: left;} #section1 .box > div.bottom > ul > li > .line .in {flex-direction:row-reverse; justify-content:flex-end; padding:0 10px;} #section1 .box > div.bottom > ul > li > .line > .in > .icon {margin:10px 5px 0 0; width:40px; height:40px; background-size:40px;} #section1 .box > div.bottom > ul > li+li > .line > .in > .icon {background-position:0 -40px;} #section1 .box > div.bottom > ul > li+li+li > .line > .in > .icon {background-position:0 -80px;} #section1 .box > div.bottom > ul > li+li+li+li > .line > .in > .icon {background-position:0 -120px;} #section1 .box > div.bottom > ul > li+li+li+li+li > .line > .in > .icon {background-position:0 -160px;} #section1 .box > div.bottom > ul > li+li+li+li+li+li > .line > .in > .icon {background-position:0 -200px;} .section .main_title {font-size:25px; margin-bottom:15px;} #section2 .box {height:auto; padding-top:80px;} #section2 .box > div.top, #section2 .box > div.top > div {display:block; width:100%;} #section2 .box > div.top {margin-bottom:10px;} #section2 .box > div.top > div > div {height:auto; min-height:208px; padding:20px 10px;} #section2 .box > div.top > div#info > div {min-height: 202px;} #section2 .box > div > div > div > div.title {margin-bottom:10px;} #section2 .box > div > div > div > div.title > div {font-size:15px;} #section2 .box > div > div > div > div.title > div+div {font-size:10px; margin-top:5px; width:75px;} #section2 .box > div > div > div > div.title > div+div > .icon {height:5px; width:22px; background-size:100%;} #section2 .box > div > div+div > div > div.title > div+div > .icon {background-position:0 -11px;} #section2 .box > div.top > div#grade > div {padding:20px 10px 0;} #section2 .box > div > div#grade > div > div.content {height:160px;} #section2 .box > div > div#grade > div > div.content > #company, #section2 .box > div > div#grade > div > div.content > #company > ul {height:125px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li {width:calc(100% / 8);} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul {position:relative; height:125px; display:flex; flex-wrap:wrap; justify-content:space-between; align-content:space-between; padding-left:34%;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li {margin:0;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.com_nm {position:absolute; top:0; left:1px; width:32%; height:125px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd {width:49%; height:60px; margin:0;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .title {height:20px; padding-top:5px; font-size:12px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value {height:40px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > span {height:40px; display: inline-block; line-height: 1.4; font-size: 30px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon {width:40px; height:40px; background-size:40px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd7 {background-position:0 0;} /* S */ #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd6 {background-position:0 -40px;} /* A+ */ #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd5 {background-position:0 -80px;} /* A */ #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd4 {background-position:0 -120px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd3 {background-position:0 -160px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd2 {background-position:0 -200px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd1 {background-position:0 -240px;} #section2 .box > div > div#grade > div > div.content > #company > ul > li > ul > li.grd > .value > .icon.esg_grd0 {background-position:0 -280px;} #section2 .box > div > div#grade > div > div.content > #company {width:100%;} #section2 .box > div > div#grade > div > div.content > #grd_slide {margin-top:10px;} #section2 .box > div > div#grade > div > div.content > #grd_slide p {margin-left:15px;} #section2 .box > div > div#grade > div > div.content > #grd_slide p label {width:19px; height:20px; background-position:0 -23px; margin-left:3px;} #section2 .box > div > div#grade > div > div.content > #grd_slide p label.active {background-position:0 2px;} #section2 .box > div.bottom > div > div {height:80px; padding:10px; } #section2 .box > div.bottom > div.linkbox {background:url('../img/main/bg_box_allbg.jpg?v20221101') no-repeat 50% 50% / cover;} #section2 .box > div.bottom > div#linkbox1 > div {background:url('../img/main/bg_box_03_m.png?v20221101v2') no-repeat right 5px bottom 5px / 50%;} #section2 .box > div.bottom > div#linkbox2 > div {background:url('../img/main/bg_box_04_m.png?v20221101v2') no-repeat right 5px bottom 5px / 50%;} #section2 .box > div.bottom > div#linkbox3 > div {background:url('../img/main/bg_box_05_m.png?v20221101v2') no-repeat right 5px bottom 5px / 50%;} #section2 .box > div.bottom > div > div .title {margin:0;} #section2 .box > div.bottom > div > div .title div {font-size:12px; line-height: 1.1;} #section2 .box > div.bottom > div > div .title div > .sub {font-size: 10px;} #section2 .box > div.bottom > div > div > div.gosite {margin-top:10px; font-size:0;} #section2 .box > div.bottom > div > div > div.gosite > .icon {width:20px; margin:0; background-size:30px;} #section2 .box > div > div#info > div > div.content > div > div.legend {height: 120px; padding-top: 10px; padding-bottom: 0; justify-content: space-evenly;} #section2 .box > div > div#info > div > div.content > div > div.legend > .text {font-size: 12px;} #section2 .box > div > div#info > div > div.content > div > div.graph > ul, #section2 .box > div > div#info > div > div.content > div > div.graph > ul > li {height:120px;} #section2 .box > div > div#info > div > div.content > div > div.graph > .bar {height:10px;} #section2 .box > div > div#info > div > div.content > div > div.graph > .bar > span {top: -3px;} #section2 .box > div > div#info > div > div.content > div > div.graph > #bar1 {top:15px;} #section2 .box > div > div#info > div > div.content > div > div.graph > #bar2 {top:30px;} #section2 .box > div > div#info > div > div.content > div > div.graph > #bar3 {top:45px;} #section2 .box > div > div#info > div > div.content > div > div.graph > #bar4 {top:70px;} #section2 .box > div > div#info > div > div.content > div > div.graph > #bar5 {top:85px;} #section2 .box > div > div#info > div > div.content > div > div.graph > #bar6 {top:100px;} #section2 .box > div > div#info > div > div.content > div.legend-box {margin-top:10px;} #section3 .box {padding-top:80px;} #section3 .box > div {margin-bottom:15px; text-align:center; flex-direction:column;} #section3 .box > div.top {margin-bottom:3px;} #section3 .box > div > div {width:100%; margin-top:3px; font-size:0;} #section3 .box > div > div:first-child {margin-top:0;} #section3 .box > div > div > div {height:auto; min-height:auto; padding:5px;} .main_table > table {height:auto;} .main_table > table > tbody * {font-size:11px; line-height:20px;} .main_table > table > thead > tr > th {height:20px; padding:0;} .main_table > table > thead > tr > th > .th_text {height:20px; padding-left:0; font-size:10px;} .main_table > table > thead > tr > th > .th_bg {border-bottom-width:20px; border-left-width:8px;} .main_table > table > tbody > tr > td {min-height:20px; height:auto; padding:0; word-break:keep-all;} .main_table > table > tbody > tr > td.cmpr {font-size:11px;} #section3 .box > div > div > div > div.title {margin-bottom:5px;} #section3 .box > div > div > div > div.title > div {font-size:13px;} #section3 .box > div > div > div > div.title > div:first-child {width:73%;} #section3 .box > div > div > div > div.title > div > .sub, #section3 .box > div > div > div > div.title > div+div {font-size:10px;} #section3 .box > div > div > div > div.title > div > .sub {margin-left:5px;} #section3 .box > div > div > div > div.title > div > .sub .mo_vw {display:inline-block; vertical-align:baseline;} #section3 .box > div > div > div > div.title > div+div > .icon {height:6px; width:17px; background-size:25px;} .main_table tbody {height:63px;} .scrolltable tbody {height:63px; overflow-x:hidden; overflow-y:scroll;} .scrolltable th, .scrolltable td {padding:0 5px; text-align:center; width:auto; font-size:10px; line-height:20px;} #idx_table tr th:nth-child(1), #idx_table tr td:nth-child(1) {width:48% !important;} #idx_table tr th:nth-child(4), #idx_table tr td:nth-child(4) {width:22% !important;} #idx_table thead tr th:nth-child(4) {width:calc(22% + 5px) !important;} /* sub */ .body-wrap > .content-header {height:275px;} .body-wrap > .content-header > div > .menu-title {font-size:30px; line-height:40px; left:0; transform:translateX(0); text-align:center; width:100%;} .content-wrap.on {padding-top:65px;} .snb {position:relative; width:100%; margin:0 0 20px; height:45px; padding-left:45px; z-index:10;} .snb .point {top:100vh;} .snb.on {top:0; left:0; border-top:#ddd 1px solid;} .snb .home {position:absolute; top:0; left:0; width:45px; height:45px; background:linear-gradient(to bottom, #97c4ff 0%,#1aafdb 100%);} .snb .home:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../img/main/icon_home.png?v20221101') no-repeat 50% 50% / 30%;} .snb .mo_menu {position:relative; float:left; width:50%; height:45px; background:#fff;} .snb .mo_menu.sn {border-left:#ddd 1px solid;} .snb .mo_menu .side-title {position:relative; font-size:12px; color:#666; font-weight:700; line-height:1.2; padding:0 15px; background:#fff; height:inherit; text-align:left; display:flex; align-items: center; border-bottom:#ddd 1px solid;} .snb .mo_menu .side-title:after {content:""; position:absolute; top:50%; right:15px; width:10px; height:10px; border-right:#ccc 2px solid; border-bottom:#ccc 2px solid; transform:rotate(45deg); margin-top:-7px; transition:.2s linear;} .snb .mo_menu .side-title div, .snb .mo_menu .side-title div.active {position:relative; font-size:inherit; color:inherit; display: flex; align-items: center; height: 100%;} .snb .mo_menu .side-title div {display:none; transition:.2s linear;} .snb .mo_menu.open .side-title div {color:#00abd4;} .snb .mo_menu.open .side-title:after {transform:rotate(225deg); margin-top:-2px;} .snb .mo_menu ul {position:absolute; top:45px; left:-1px; width:calc(100% + 1px); background:#fff; border:#ddd 1px solid; border-top:0; padding:0; display:none;} .snb .mo_menu li {border:0; border-bottom:#ddd 1px solid; min-height:40px;} .snb .mo_menu li:last-child {border-bottom:0;} .snb .mo_menu li a {position:relative; display:flex; align-items: center; font-size:12px; color:#666; line-height:1.2; min-height:40px; text-align:left; padding:0 15px;} .snb .mo_menu li.gnb-active a {color:#00abd4; font-weight:700;} .snb .mo_menu.open > ul {display:block;} .snb .mo_menu li.open {background:#f8f8f8;} .snb .mo_menu li.open > a {height:40px; font-weight:700; line-height: 1.2;} .snb .mo_menu li > a span {position:absolute; top:15px; right:14px; margin-top:0; width:14px; height:14px;} .snb .mo_menu li ul {position:relative; top:0; left:0; width:100%; border:none; padding:0 15px; background:none; display:none;} .snb .mo_menu li li {position:relative; margin:0; width:100%; background:none;} .snb .mo_menu li li span {position:absolute; top:50%; left:0; margin-top:-1px; margin:0;} .tabs {display:flex; justify-content:center; margin-bottom:50px;} .tabs li {width:50%; max-width:50%; border:#ddd 1px solid; border-left:0;} .tabs li:first-child {border-left:#ddd 1px solid;} .tabs li a {display:flex; align-items: center; justify-content: center; font-size:12px; color:#666; line-height:1.2; height:40px; width:100%; text-align:center;} .text-size16 {font-size:14px !important;} .text-size16.mb20 {margin-bottom:10px !important;} .text-size14 {font-size:13px !important;} /* .tabs li.on {border-color:#00acd4;} */ .tabs li.on a {color:#fff; background:#00acd4;} .tabs.set4 li { border-top: 0;border-left:0;} .static-top-box2 {font-size:12px;} .text-em2 {font-size:12px; line-height:18px;} .text-em4 {font-size:11px;} .content-wrap > #content {width:100%; padding:0 15px;} .main-title {margin-bottom:30px;} .main-title > .text {font-size:27px; line-height:30px; margin-bottom:30px;} .main-title > .icon {height:35px;} .sub-title {font-size:18px; padding-left:30px; background-size:18px; margin-bottom:15px;} .design-title-list-esg > dl > dd {margin:15px 0 20px; font-size:12px; line-height:22px;} .tabs.set4 {flex-wrap : wrap; border-top : #ddd 1px solid; border-left : #ddd 1px solid;} .static-table1.v2 > table > tbody > tr > th, .static-table1.v2 > table > tbody > tr > td {padding:10px 5px; font-size:11px; line-height:18px; word-break:keep-all;} .static-top-box > .number { margin-bottom: 15px;} .static-top-box > .title {font-size:15px; margin-bottom:10px;} .static-top-box > .content {font-size:12px;} .sub-title2 {font-size:18px;} /* 기업 ESG 조회 */ .notice-box > .title {font-size:14px;} .notice-box {padding-bottom:0;} .notice-box.mb20 {margin-bottom:20px;} .notice-box > .contn {font-size:12px; margin-bottom:0; padding-bottom:0; border-bottom:0;} .notice-box dl {display:flex; flex-direction:column-reverse; margin-top:10px;} .notice-box dt {position:relative; font-size:12px; color:#001b60; line-height:40px; text-align:center; border-top:#c9d9ef 1px solid;} .notice-box dt i {position:relative; display:inline-block; vertical-align:top; width:10px; height:40px; margin-left:10px;} .notice-box dt i:before, .notice-box dt i:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:2px; background:#001b60; margin-top:-1px; border-radius:1px; transition:.2s linear;} .notice-box dt i:before {transform:rotate(45deg); margin-left:-5px;} .notice-box dt i:after {transform:rotate(-45deg); margin-left:-1px;} .notice-box .on dt i:before {transform:rotate(-45deg);} .notice-box .on dt i:after {transform:rotate(45deg);} .notice-box dt em {font-size:inherit; color:inherit; font-weight:inherit;} .notice-box dt .on, .notice-box .on dt .off {display:none;} .notice-box dt .off, .notice-box .on dt .on {display:inline-block; vertical-align:top;} .notice-box dd {border-top:#c9d9ef 1px solid; padding:10px 0; display:none;} .notice-box .inq {font-size:11px;} .notice-box .inq > div {vertical-align:top;} .notice-box .inq > div:nth-child(1) {width:95px;} .notice-box .inq > div:nth-child(2) {width:95px; display:none;} .notice-box .inq > div a {position:relative; width:100%; font-size:10px; text-align:left; padding:0 5px; background:#fff; border:#ddd 1px solid; border-radius:2px;} .notice-box .inq > div a .mo_vw {display:inline-block; vertical-align:top;} .notice-box .inq > div a i {position:absolute; top:0; right:5px; width:10px; height:100%; background:url('../img/arrow_notice_box.png?v20221101') no-repeat 50% 50% / contain; margin-left:0;} .notice-box .inq > div:nth-child(3) {width:calc(100% - 133px); padding-left:5px;} .link_pop {position:relative; padding:80px 0 0; height:100vh; height: calc(var(--vh, 1vh) * 100); font-family:'Noto Sans KR', sans-serif;} .link_pop .layer-pop-header {position:fixed; top:0; left:0; width:100%; font-size:20px; color:#000; font-weight:500; line-height:25px; padding:15px 10px; border-bottom:#000 1px solid; background:#fff; z-index: 99999;} .link_pop .layer-pop-header .goback {position:absolute; top:15px; right:13px; width:25px; height:25px;} .link_pop .layer-pop-header .goback:before, .link_pop .layer-pop-header .goback:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#000; margin:-1px 0 0 -15px;} .link_pop .layer-pop-header .goback:before {transform:rotate(45deg);} .link_pop .layer-pop-header .goback:after {transform:rotate(-45deg);} .link_pop .contn {font-size:13px; color:#666; font-weight:400; line-height:1.5;} .link_pop .pop_scroll {overflow: auto; padding:0 20px 20px; word-break: break-word;} .link_pop .pop_no_scroll {padding:0 20px 20px; word-break: break-word;} .layer-pop-search-form > .input-group {margin-bottom:5px; height:30px; display:flex;} .layer-pop-search-form > .input-group input {width:calc(100% - 30px); height:30px; border-radius:0; border:#ccc 1px solid; border-right:0;} .layer-pop-search-form > .input-group button {width:30px; height:30px; padding:5px; background:#333 url('../img/btn_search.png?v20221101') no-repeat 50% 50% / 50%; border:0;} .layer-pop-search-form > .input-group button .icon {display: none;} .link_pop .word-btn-group {height:auto; display:flex; flex-wrap:wrap; border-top:#ccc 1px solid; border-left:#ccc 1px solid;} .link_pop .word-btn-group > span {width:calc(100% / 8); height:30px; line-height:29px; text-align:center; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid;} .link_pop .result_table, .link_pop .result_table thead, .link_pop .result_table tbody, .link_pop .result_table th, .link_pop .result_table td {display:block;} .link_pop .result_table tr {display:flex; width:100%;} .link_pop .result_table {border-collapse:collapse; margin-top:20px; width:100%;} .link_pop .result_table > thead > tr > th {font-size:13px; color:#fff; font-weight:400; line-height:30px; text-align:center; background:#333; border:0;} .link_pop .result_table tr :first-child {width:40%;} .link_pop .result_table tr :last-child {width:60%;} .link_pop .result_table > tbody {overflow:auto; display:block; width:100%; height:calc(100vh - 348px); border:#ccc 1px solid;} .link_pop .result_table tbody tr {border-bottom:#ccc 1px solid;} .link_pop .result_table tbody tr.no-data {justify-content:center; align-items:center; height:100%;} .link_pop .result_table tbody tr td {font-size:14px; color:#333; font-weight:400; line-height:30px; text-align:center;} .link_pop .result_table tbody tr:last-child {border-bottom:0;} .pop-layer {position:fixed; top:50% !important; left:50% !important; width:80vw; transform:translate(-50%,-50%);} /* .pop-layer .pop-container {max-height:70vh;} */ .esg_table table > thead > tr > th, .esg_table table > tbody > tr > td {height:40px;} .esg_table table > thead > tr > th, .esg_table table > thead > tr:FIRST-CHILD > th {font-size:14px; word-break:keep-all;} .esg_table table > thead > tr:nth-child(2) > th {font-size:10px;} .esg_table table > tbody > tr > th {font-size:13px; word-break: break-all;} .esg_table table > tbody > tr > td {font-size:12px; padding:5px; word-break: break-all;} .esg_table table > tbody > tr > td[name=verify] {word-break:normal;} .chart-div {flex-direction:column;} .chart-div.half_box {margin-bottom:50px;} .chart-div > div, .chart-div.half_box > div {width:100%;} .chart-div > div {margin-top:50px;} .chart-div.half_box > div {margin-top:30px;} .chart-div > div:first-child, .chart-div.half_box > div:first-child {margin-top:0;} /* 카드형 */ .esg_lank_tbl.mo_break_tbl colgroup,.esg_lank_tbl.mo_break_tbl thead { display:none;} .esg_lank_tbl.mo_break_tbl tr { position: relative; display: flex; flex-wrap: wrap; border-bottom: #ddd 1px solid;} .esg_lank_tbl.mo_break_tbl td { border: 0; height: auto; display: flex; align-items: center; line-height: 20px; padding: 5px 10px; background: #fbfcfe;} .esg_lank_tbl.mo_break_tbl td i { font-size: 10px; color: #666; width: auto; line-height: 20px; height: 20px; font-style: normal; margin-right: 5px; overflow: hidden;} .esg_lank_tbl.mo_break_tbl td .tt { font-size: 13px; color: #666; line-height: 20px; margin-right: 10px; font-family: 'Noto Sans KR', sans-serif !important; font-weight:500} .esg_lank_tbl.mo_break_tbl tr:last-child {border-bottom:0} .esg_lank_tbl.mo_break_tbl td:nth-child(1), .esg_lank_tbl.mo_break_tbl td:nth-child(2), .esg_lank_tbl.mo_break_tbl td:nth-child(3), .esg_lank_tbl.mo_break_tbl td:nth-child(4), .esg_lank_tbl.mo_break_tbl td:nth-child(5) {font-size:14px;} .esg_lank_tbl.mo_break_tbl td:nth-child(3), .esg_lank_tbl.mo_break_tbl td:nth-child(4){padding:5px 3px;} .esg_lank_tbl.mo_break_tbl td:nth-child(5){padding:5px 10px 5px 3px;} .esg_lank_tbl.mo_break_tbl td:nth-child(1) { order: 1; font-size: 18px; width: 100%; text-align: left; padding: 10px; border-bottom: #eee 1px solid; background: #f7f7f7;} .esg_lank_tbl.mo_break_tbl td:nth-child(1) .year { margin-left:10px; font-size:13px; color:#666} .esg_lank_tbl.mo_break_tbl td:nth-child(1) .icobox { left: auto; right: 10px; position: absolute; top: 0; display: flex; } .esg_lank_tbl.mo_break_tbl td:nth-child(2) { order: 2; width: 50%;line-height: 20px; padding: 5px 20px 5px 10px; justify-content: space-between;} .esg_lank_tbl.mo_break_tbl td:nth-child(3) { order: 3; width: 14%;} .esg_lank_tbl.mo_break_tbl td:nth-child(4) { order: 4; width: 14%;} .esg_lank_tbl.mo_break_tbl td:nth-child(5) { order: 5; width: 22%;} .esg_lank_tbl.mo_break_tbl td:nth-child(6) { order: 6; width: 50%;justify-content:space-between; border-top:#eee 1px solid;} .esg_lank_tbl.mo_break_tbl td:nth-child(7) { order: 7; width:50%;justify-content:space-between; border-top:#eee 1px solid; border-bottom:#eee 1px solid;} .esg_lank_tbl.mo_break_tbl td:nth-child(8) { order: 8; width: 50%; justify-content:space-between; border-top:#eee 1px solid; } .esg_lank_tbl.mo_break_tbl td:nth-child(9) {order:9; width:50%; justify-content:space-between;} .esg_lank_tbl.mo_break_tbl td:nth-child(7):before, .esg_lank_tbl.mo_break_tbl td:nth-child(9):before {content:"";position:absolute; top:50%; left:0; width:1px; height:16px; background:#eee; margin-top:-8px;} .esg_lank_tbl.mo_break_tbl td:nth-child(10) {order:10; width:50%; justify-content:space-between; border-top:#eee 1px solid;} .esg_lank_tbl.mo_break_tbl td:nth-child(11) {order:11; width:50%; justify-content:space-between; border-top:#eee 1px solid;} .esg_lank_tbl.mo_break_tbl td:nth-child(12) {order:12; width:100%;border-top:#eee 1px solid} .esg_lank_tbl.mo_break_tbl td:nth-child(12) .rpt-icon {height:22px; width:36px; background-size:36px;} /* .esg_lank_tbl.mo_break_tbl td:nth-child(11) .rpt-icon.rptN {background-position:0 -36px;} */ .esg_table > .total-count {font-size: 12px; line-height: 22px;} .esg_table > .total-count > em { font-size: 12px;} .esg_table > .info {position:relative; justify-content:center; padding:10px; border:#ddd 1px solid; margin-bottom:15px; background:url('../img/bg_ptn_s0202.gif');} .esg_table > .info li { font-size: 12px; margin-right: 8px;} .esg_table > .info li img { margin-right: 5px;} .esg_table > table > thead + tbody > tr > td.font_tmny {font-size:16px;} .pagination > ul {display:flex; justify-content:center; max-width:340px; margin:0 auto;} .pagination li {display:block;} .pagination > ul > li > a {width:40px; height:40px; line-height:38px; font-size:12px; margin:0 1px;} .pagination > ul > li a {background-size:auto 16px;} .pagination > ul > li.prev > a {margin-right:1px;} .pagination > ul > li.next > a {margin-left:1px;} .page-navigation > ul > li > button {margin: 0 1px;} .page-navigation > ul > li.page-nav-number {padding: 0 1px;} .page-navigation > ul > li.page-nav-number > ul > li {padding: 0 1px;} .page-navigation > ul > li > button.page-nav-first {margin-right: 1px;} .page-navigation > ul > li > button.page-nav-last {margin-left: 1px;} .grd-font{ font-size: 14px;} .grd-font.kesg,.grd-font.moodys,.grd-font.msci,.grd-font.sp,.grd-font.kcgsB{ font-size: 16px;} .rank_area {display:flex; flex-direction:column; margin-top:15px; border:#ddd 1px solid;} .rank_area dt {position:relative; font-size:12px; color:#666; line-height:30px; text-align:center; background:#f4f4f4;} .rank_area dt i {position:relative; display:inline-block; vertical-align:top; width:10px; height:30px; margin-left:10px;} .rank_area dt i:before, .rank_area dt i:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:2px; background:#001b60; margin-top:-1px; border-radius:1px; transition:.2s linear;} .rank_area dt i:before {transform:rotate(45deg); margin-left:-5px;} .rank_area dt i:after {transform:rotate(-45deg); margin-left:-1px;} .rank_area.on dt i:before {transform:rotate(-45deg);} .rank_area.on dt i:after {transform:rotate(45deg);} .rank_area dt em {font-size:inherit; color:inherit; font-weight:inherit;} .rank_area dt .on, .rank_area.on dt .off {display:none;} .rank_area dt .off, .rank_area.on dt .on {display:inline-block; vertical-align:top;} .rank_area dd {padding:15px; display:none;} .rank_area dd table {margin-bottom:0;} .rank_area dd p.ne, .rank_area dd p.ne.mt {margin-top:0;} .esg_table table.tbl_sml colgroup{display:none;} .esg_table table > thead > tr >th , .esg_table table > thead > tr:FIRST-CHILD > th {font-size:14px;word-break:keep-all;} .esg_table table.tbl_sml > tbody > tr > td {padding:0 10px;} .esg_table table.tbl_sml tr > *:first-child {width:120px;} .esg_lank_tbl.mo_break_tbl td:nth-child(1) .icobox i {width:21px; margin:0 0 0 5px; height:28px;} .esg_lank_tbl.mo_break_tbl td:nth-child(1) .icobox i:nth-child(1) {background:url('../img/icon_esg_tbl01.png?v20221101') no-repeat 50% 50% / contain; } .esg_lank_tbl.mo_break_tbl td:nth-child(1) .icobox i:nth-child(2) {background:url('../img/icon_esg_tbl02.png?v20221101') no-repeat 50% 50% / contain;} .design-fieldset > form > .search-form {display:flex; flex-direction:column; height:auto; padding:0 15px 15px;} .design-fieldset > form > .search-form.mpb0 {padding-bottom:0;} .design-fieldset > form > .search-form > .search-input {width:100%; display:block;} .design-fieldset > form > .search-form > .search-input > dl {display:flex; flex-direction:column;} .design-fieldset > form > .search-form > .search-input > dl > dt {display:block;} .design-fieldset > form > .search-form > .search-input > dl > dd.pc_vw2 {display:none;} .design-fieldset > form > .search-form > .search-input > dl > dd.mo_vw2 {display:block;} .design-fieldset > form > .search-form > .search-input > dl > dt {width:100%; text-align:left; margin-top:5px;} /* .design-fieldset > form > .search-form > .search-input.set3 > dl > dt:nth-of-type(3) {padding-left: 0;} .design-fieldset > form > .search-form > .search-input.set3 > dl > dt:nth-of-type(2) {padding-left: 0;} */ .design-fieldset > form > .search-form > .search-input > dl > dt label, .design-fieldset > form > .search-form > .search-input > dl > dt span {font-size:14px; line-height:40px;} .design-fieldset > form > .search-form > .search-input > dl > dd {padding:0;width:100%;} .design-fieldset > form > .search-form > .search-input.set2 > dl > dd:nth-of-type(1) {width: 100%;} .design-fieldset > form > .search-form > .search-input > dl > dd .hover_link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;} .design-fieldset > form > .search-form > .search-input > dl > dd .finder_btn > .icon {background:url('../img/btn_search.png?v20221101') no-repeat 50% 50% / contain;} .design-fieldset > form > .search-form > .search-input.set4 > dl > dt, .design-fieldset > form > .search-form > .search-input.set4 > dl > dd {width:100%; padding:0;} .design-fieldset > form > .search-form > .search-input.set4 > dl > dt label {font-size:14px;} .design-fieldset > form > .search-form > .search-input.set4 > dl > dd input, .design-fieldset > form > .search-form > .search-input > dl > dd select {padding:5px; height:40px; font-size:12px;} .design-fieldset > form > .search-form > .search-input.set2 > dl > dt.year_dt { padding-left: 0; width: 100%;} .design-fieldset > form > .search-form > .search-input.set2 > dl > dd.year_dd { padding-left: 0; } .design-fieldset > form > .search-form > .search-input.se.set2 > dl > dt:nth-of-type(1) {width: 100%;} .design-fieldset > form > .search-form > .search-input.set2 > dl > dd.mo_flex { width: 100%; } /* .design-fieldset > form > .search-form > .search-input.set3 > dl > dd:nth-of-type(3) { width: 100%; padding: 0;} */ .design-fieldset > form > .search-form > .search-input.set2 > dl > dd > select {width: 100%;} .design-fieldset > form > .search-form > .search-input > dl > dd select[name=sch_yy] { width: 100%; } .design-fieldset > form > .search-form > .search-input > dl > dd:nth-of-type(4) { text-align: center;} .design-fieldset > form > .search-form > .search-input.set2 > dl > dd > select[name=remk] {width: 100%; } .design-fieldset > form > .search-form > .search-btn {margin-top:15px; width:100%;} .design-fieldset > form > .search-form > .search-btn > button {width:100%; height:40px; font-size:13px;} .design-fieldset > form > .search-btn2 { padding: 30px 0 15px 0;} .design-fieldset > form > .search-form > .search-input.set4_otw > dl > dt {text-align:left;} .design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(2), .design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(4), .design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(5) {width:100%; text-align:left;} .design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(5) {margin-top:10px;} .design-fieldset > form > .search-form > .search-input.set4_plus > dl > dd:nth-child(5) label.check {line-height:30px;} .design-fieldset > form > .search-form > .search-input > dl > dd input {font-size:12px;} .design-fieldset > form > .search-form > .search-input > dl.wsearch > dd input[type="text"].tw5 {width:100%;} .design-fieldset > form > .search-form .check.abso {width:126px;position:relative; top:0; left:0; display:inline-block; vertical-align:top; line-height:30px; margin-top:10px;} .design-fieldset > form > .search-form .check.abso.le {width:180px;position:relative; top:0; left:0; display:inline-block; vertical-align:top; line-height:30px; margin-top:10px;} .check2 { position: relative; left: 0;} .cal-area {display:flex; flex-wrap:wrap; align-items:center; justify-content: center;} .design-fieldset > form > .search-form > .search-input > dl > dd input.schdate {width:45%; margin-bottom:10px;} .cal-area>span {width:10%; margin:0 0 10px; text-align:center;} .cal-area>.cal-btn-open {margin:0 0 10px 10px; display:none;} .cal-area.en>.cal-btn-range1m {width:calc(100% / 5);} .cal-area.en>.cal-btn-range6m {width:calc(100% / 5);} .cal-area>button {width:calc(100% / 6); margin:0 5px 5px 0; height:30px; font-size:13px;} .bond-period .cal-area>button{width:calc(100% / 4); margin:0 10px 5px 0;} .cal-area>button:last-child {margin-right:0;} .design-fieldset > form > .search-form.break_form > .search-btn {width:100%;} .design-title-list-esg .pc_half {flex-direction:column;} .design-title-list-esg .pc_half > * {width:100% !important; margin-top:30px !important;} .design-title-list-esg .pc_half > *:first-child {margin-top:0;} .list_box > div {height:auto;} .list_box > div > ul > li {width:100%; height:75px; padding:15px;} /* .list_box > div > ul > li.sri {margin-top:0;} */ /* .list_box > div > ul > li.env {} */ /* .list_box > div > ul > li.asp {} */ .list_box > div > ul > li > div {font-size:15px; line-height:18px;} .list_bar li {background:url('../img/bg_s0201_01_m.png?v20251027') no-repeat 5% 100% / cover !important;} .list_bar li.c {background-image: url('../img/bg_s0201_01_m_c.png?v20251027') !important;} .list_bar li strong {font-size:14px;} .list_bar li em {font-size:11px;} .list_bar li i:before {top:calc(50% - 3px);} .attach_box > ul > li > div.title {font-size:18px; margin-bottom:15px;} .attach_box46 > ul > li.report1 .list_bar {flex-direction:row;} /* .attach_box46 > ul > li.report1 ul.list_bar li { margin-top:10px !important;} */ .attach_box46 > ul > li.report1 .list_bar li:first-child {margin-top:0 !important;} .attach_box46 > ul > li.report2 {padding:0;} .attach_box46 > ul > li.report2 {background: none;} .attach_box ul > li.report1 ul.list_bar > li > span { margin-left: 10px; margin-top: 25px; margin-right: 5px;} .attach_box ul > li.report1 ul.list_bar > li > div > span:nth-of-type(1) { font-size: 13px; color: #fff; line-height: 1.1; font-weight: bold; margin-bottom: 5px;} .attach_box ul > li.report1 ul.list_bar > li > div > span:nth-of-type(2) {font-size: 10px; color: #fff; font-weight: normal; background:rgba(0,0,0,0.2); border-radius:15px; width: 40px; height: 20px;} .chart-div > div > .legend-box {font-size:12px; padding-bottom: 5px;} .chart-icon_wrap > span {margin:0 10px 5px;} .sum_table > table > tbody tr:LAST-CHILD > td {font-size:12px;} .chart-div > div > .chart-box {padding: 0;} .chart_check {width:100%; margin:0; border: 0; border-bottom: #eee 1px solid;} .chart_check dt {font-size:11px; width:60px; height:62px; line-height:62px; display:none;} .chart_check dd {width:100%; padding:15px;} .chart_check dd label.check {width:calc((100% - (15px * 2))/3);} .chart_check dd label.check:nth-child(6n-5), .chart_check dd label.check:nth-child(4n-3) {margin-left:15px;} .chart_check dd label.check:nth-child(3n-2) {margin-left:0;} .chart_check dd.pc_vw {display:none;} .chart_check dd.mo_vw {display:block;} .chart_check .select_label {position:relative; width:100%; height:30px; line-height:30px; border:0; background:#fff; text-transform:uppercase; display:block; margin-bottom:15px;} .chart_check .select_label label {position:absolute; top:0; left:0; display:block; width:100%; height:inherit; line-height:inherit; padding:0 30px 0 10px; font-size:12px; color:#666; text-align:left; background:#fff; overflow:hidden;} .chart_check .select_label i {position:absolute; top:0; right:0; width:30px; height:inherit;} .chart_check .select_label i:before, .chart_check .select_label i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; margin-top:-1px; background:#666; transition:.2s linear;} .chart_check .select_label i:before {transform:rotate(45deg); margin-left:-6px;} .chart_check .select_label i:after {transform:rotate(-45deg); margin-left:-2px;} .chart_check .select_label select {display:block; width:100%; height:inherit; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); outline:0; border:0; background:none; font-size:12px; cursor:pointer;} .chart_check .btn {display:block; font-size:12px; color:#fff; font-weight:500; line-height:30px; height:30px; width:100%; text-align:center; background:#333; border:0;} .charts13 {height:420px !important;} .label_select_wrap {position:relative; width:100%;} .label_select_wrap .tit {position:relative; font-size:12px; color:#666; font-weight:500; line-height:30px; text-align:center; border:#ddd 1px solid; background:url('../img/bg_ptn_s0202.gif');} .label_select_wrap .tit i {position:absolute; top:0; right:10px; width:10px; height:100%;} .label_select_wrap .tit i:before, .label_select_wrap .tit i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:2px; background:#333; margin-top:-1px; transition:.2s linear;} .label_select_wrap .tit i:before {transform:rotate(45deg); margin-left:-6px;} .label_select_wrap .tit i:after {transform:rotate(-45deg); margin-left:-2px;} .label_select_wrap.on .tit i:before {transform:rotate(-45deg);} .label_select_wrap.on .tit i:after {transform:rotate(45deg);} .label_select_wrap .list_wrap {position:absolute; top:30px; left:0; width:100%; background:#fff; border:#ddd 1px solid; display:none; z-index: 999;} .chart_check dd .list {flex-direction:column; flex-wrap:nowrap; height:225px; overflow-y: scroll; border-bottom: #ddd 1px solid; z-index: 999;} .chart_check dd .list::-webkit-scrollbar {width:10px; height:10px;} .chart_check dd .list::-webkit-scrollbar-thumb {background-color:#fff; border-radius:10px; background-clip:padding-box; border:2px solid #ccc;} .chart_check dd .list::-webkit-scrollbar-track {background-color:#ccc; border-radius:10px;} .chart_check dd label.check {width:100%; height:30px; display: block; line-height:29px; margin:0 !important; border-bottom:#ddd 1px solid; padding-left:33px; z-index: 999;} .chart_check dd label.check:last-child {border-bottom: 0;} .chart_check dd label.check:first-child {margin-top:0 !important;} .chart_check dd label.check i {left:7px;} .chart_check dd label.check em {font-size:11px;} .chart_check dd label.check b {right:10px;} .chart_check dd label.check span {position: absolute; top:0; left:0; width: 100%; height: 100%; background: #fff; z-index: -1; transition:.2s linear;} .chart_check dd label.check input:checked ~ span {background: #edf1f9;} .chart_check dd .btns {display:flex; justify-content:space-between; padding:10px;} .chart_check dd .btns .btn {width:calc(70% - 3px); font-size:11px; padding:0;} .chart_check dd .btns .btn_g {width:calc(30% - 3px);} .chart_check .btn_g {background:#9e9e9e;} .chart_check .btn em {color:#fff; font-size:10px;} .esg_lank_tbl.mo_break_tbl2 colgroup, .esg_lank_tbl.mo_break_tbl2 thead {display:none;} .esg_lank_tbl.mo_break_tbl2 tbody {display:block;} .esg_lank_tbl.mo_break_tbl2 tr {display:flex; flex-wrap:wrap; border-bottom:#eee 1px solid;} .esg_lank_tbl.mo_break_tbl2 tr:last-child {border-bottom:0;} .esg_lank_tbl.mo_break_tbl2 td {position:relative; border:0; height:auto; display:flex; align-items:center; font-size:13px; color:#000; line-height:20px; padding:5px 10px;} .esg_lank_tbl.mo_break_tbl2 td .tt {width:70px; color:#666; text-align:left;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(1) {order:1; font-size:18px; width:100%; text-align:left; padding:10px; background:#f7f7f7;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(1) .year {font-size:13px; color:#666; margin-left:10px;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(1) .icobox {left:auto; right:10px;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(1) .icobox img {width:21px; margin:0 0 0 5px;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(2) {order:2; width:50%; display:none;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(3) {order:2; width:100%;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(4) {order:4; width:100%;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(5) {order:3; width:100%;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(6) {order:6; width:45%; padding-right:5px;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(7) {order:7; width:55%; padding-left:5px;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(6) .icon_down, .esg_lank_tbl.mo_break_tbl2 td:nth-child(6) .file-download .esg_lank_tbl.mo_break_tbl2 td:nth-child(7) .icon_down , .esg_lank_tbl.mo_break_tbl2 td:nth-child(7) .file-download{width:100%; height:30px; background-position:8px 50%; background-size:auto 18px; padding-left:30px; overflow:hidden;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(6) .icon_down i, .esg_lank_tbl.mo_break_tbl2 td:nth-child(7) .icon_down i {display:block; width:100%; border-left:#ddd 1px solid; font-style:normal; font-size:10px; color:#666; line-height:28px;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(6) .file-download i, .esg_lank_tbl.mo_break_tbl2 td:nth-child(7) .file-download i {display:block; width:100%; border-left:#ddd 1px solid; font-style:normal; font-size:10px; color:#666; line-height:28px;} .esg_lank_tbl.mo_break_tbl2 td:nth-child(6) .icon_down .icon { position: absolute; left: 16px; top: 10px;} .stan-comment {font-size:12px;} .stan-icon {width:20px; height:20px; background-size:20px; margin-right:5px;} .stan-comment > .stan-icon {margin:0 10px 0 20px;} .esg_lank_tbl.mo_break_tbl3 colgroup, .esg_lank_tbl.mo_break_tbl3 thead {display:none;} .esg_lank_tbl.mo_break_tbl3 tbody {display:block;} .esg_lank_tbl.mo_break_tbl3 tr {position: relative; display:flex; flex-wrap:wrap; border-bottom:#eee 1px solid; padding-bottom:0;} .esg_lank_tbl.mo_break_tbl3 tr:last-child {border-bottom:0;} .esg_lank_tbl.mo_break_tbl3 td {position:relative; border:0; height:auto; display:flex; align-items:center; color:#000; line-height:20px; padding:5px 10px; width:100%; font-size:13px;} .esg_lank_tbl.mo_break_tbl3 td .tt {width:70px; color:#666; text-align:left; display: none;} .esg_lank_tbl.mo_break_tbl3 td:nth-child(1) {order:1; font-size:18px; width:100%; text-align:left; padding:10px; background:#f7f7f7;} .esg_lank_tbl.mo_break_tbl3 td:nth-child(1) em {font-size: 12px;} .esg_lank_tbl.mo_break_tbl3 td:nth-child(1) .icobox {left:auto; right:10px;} .esg_lank_tbl.mo_break_tbl3 td:nth-child(1) .icobox img {width:21px; margin:0 0 0 5px;} .esg_lank_tbl.mo_break_tbl3 td:nth-child(2) {order:3; padding-bottom:15px;} .esg_lank_tbl.mo_break_tbl3 td:nth-child(3) {order:2; padding-top:15px;} .esg_lank_tbl.mo_break_tbl3 td.arrow {position: absolute; width: 100%; height: 100%; background: none; padding: 0; z-index: 1;} .esg_lank_tbl.mo_break_tbl3 td.arrow a {display: block; position: relative; width: 100%; height: 100%;} .esg_lank_tbl.mo_break_tbl3 td.arrow a i {position: absolute; top:40px; right: 0; width: 40px; height:calc(100% - 40px);} .esg_lank_tbl.mo_break_tbl3 td.arrow a i:before, .esg_lank_tbl.mo_break_tbl3 td.arrow a i:after {content:""; position: absolute; top:50%; left:50%; width: 10px; height: 2px; background: #999; border-radius:2px; margin-left: -5px;} .esg_lank_tbl.mo_break_tbl3 td.arrow a i:before {transform:rotate(45deg); margin-top: -4px;} .esg_lank_tbl.mo_break_tbl3 td.arrow a i:after {transform:rotate(-45deg); margin-top: 2px;} .check em {font-size:14px;} /* FAQ */ .design-fieldset > form > .search-board-form {display:flex; flex-direction:column; height:auto;} .design-fieldset > form > .search-board-form > .search-input > dl {display:flex; flex-direction:column;} .design-fieldset > form > .search-board-form > .search-input > dl > dt {width:100%; display:block; text-align:left;} .design-fieldset > form > .search-board-form > .search-input > dl > dt label {font-size:13px; line-height:30px;} .design-fieldset > form > .search-board-form > .search-input > dl > dd {padding:0;} .design-fieldset > form > .search-board-form > .search-input > dl > dd select, .design-fieldset > form > .search-board-form > .search-input > dl > dd input {width:100%; margin-bottom:10px; height:30px; padding:5px; font-size:11px;} .design-fieldset > form > .search-board-form > .search-input > dl > dd select {background-position:right 0 top 11px;} .design-fieldset > form > .search-board-form > .search-btn {width:100%; min-width:100%; max-width:100%;} .design-fieldset > form > .search-board-form > .search-btn > button {font-size:13px; width:100%; height:30px;} .design-fieldset .radios {display:flex; justify-content: space-between; margin-bottom:10px;} .design-fieldset .radios label.radio {position:relative; width:calc((100% - 20px)/3); background:#fff;} .design-fieldset .radios label.radio input {display:none;} .design-fieldset .radios label.radio i {position:relative; display:block; font-size:11px; color:#666; line-height:30px; text-align:center; font-style:normal; z-index:1; transition:.2s linear;} .design-fieldset .radios label.radio input:checked + i {color:#fff; background:#00abd4;} .design-board-faq > ul > li > .blog-title > div:FIRST-CHILD, .design-board-faq > ul > li > .blog-content > div:FIRST-CHILD {width:40px; height:40px;} .design-board-faq > ul > li > .blog-title > div > .arrow-icon {width:14px; height:10px; right:10px; top:50%; margin-top:-6px; background-size:35px; background-position:0 -16px;} .design-board-faq > ul > li > .blog-title.on > div > .arrow-icon {background-position:-17px 0;} .design-board-faq > ul > li > .blog-title > div > .icon {width:18px; height:20px; background: url('../img/img_faq_q.png?v20221101') no-repeat 50% 50% / auto 20px;} .design-board-faq > ul > li > .blog-title > div+div {padding-right:45px;} .design-board-faq > ul > li > .blog-title > div > a {font-size:12px; padding-left:15px;} .design-board-faq > ul > li > .blog-content > div+div {font-size:13px; padding:0 10px;} .design-board-faq > ul > li > .blog-content > div > .icon {background: url('../img/img_faq_a.png?v20221101') no-repeat 50% 50% / auto 20px;} .static-table1 > table > tbody > tr ul li span {padding:0 !important;} .static-table1 > table > tbody > tr > th {font-size:14px;} .static-table1 > table > tbody > tr > td {padding:10px; font-size:12px;} .static-table1 > table > tbody > tr > td:FIRST-CHILD {font-size:13px;} .design-title-list-esg > dl > dd .bu-contn {padding-left:15px;} .design-title-list-esg > dl > dd .bu-contn > .bullet1 {left:5px;} .design-title-list-esg > dl > dd .bu-contn.mb60 {margin-bottom:30px !important;} .design-title-list-esg .mb40 {margin-bottom:25px !important;} .design-title-list-esg .mb60 {margin-bottom:30px !important;} /* ESG 지수상품 */ .design-tabs-base > ul {max-width:100%; height:40px;} .design-tabs-base > ul > li {font-size:12px;} .design-tab-contents-base {padding-top:30px;} .design-tab-contents.mo_break_tbl thead, .design-tab-contents.mo_break_tbl colgroup {display:none;} .design-tab-contents.mo_break_tbl table, .design-tab-contents.mo_break_tbl tbody, .design-tab-contents.mo_break_tbl td {display:block;} .design-tab-contents.mo_break_tbl tr {display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:#eee 1px solid; padding:15px 10px;} .design-tab-contents.mo_break_tbl td {position:relative; border:0; font-size:12px; text-align:right; width:calc(50% - 20px); line-height:20px; height:30px;} .design-tab-contents.mo_break_tbl td:before {position:absolute; top:0; left:0; font-size:10px; color:#666; line-height:30px;} .design-tab-contents.mo_break_tbl td:nth-child(1) {order:1; padding:0; font-size:13px; width:100%;} .design-tab-contents.mo_break_tbl td:nth-child(2) {order:2;} .design-tab-contents.mo_break_tbl td:nth-child(2):before {content:"Price";} .design-tab-contents.mo_break_tbl td:nth-child(3) {order:4;} .design-tab-contents.mo_break_tbl td:nth-child(3):before {content:"Change";} .design-tab-contents.mo_break_tbl td:nth-child(4) {order:6;} .design-tab-contents.mo_break_tbl td:nth-child(4):before {content:"%Change";} .design-tab-contents.mo_break_tbl td:nth-child(5) {order:3;} .design-tab-contents.mo_break_tbl td:nth-child(5):before {content:"No. of Issues";} .design-tab-contents.mo_break_tbl td:nth-child(6) {order:5;} .design-tab-contents.mo_break_tbl td:nth-child(6):before {content:"Trading volume(Thousand Shares)";} .design-tab-contents.mo_break_tbl td:nth-child(7) {order:7;} .design-tab-contents.mo_break_tbl td:nth-child(7):before {content:"Trading value(KRW 100M)";} .design-tab-contents.mo_break_tbl td:nth-child(8) {order:8;} .design-tab-contents.mo_break_tbl td:nth-child(8):before {content:"Index Methodology";} /* SRI 채권현황 */ .sribond-link {position:relative; padding:15px; height:auto; background-image:url('../img/bg_sribond_m.png?v20221101'); background-size:cover;} .sribond-link > .sub_text {font-size:11px;} .sribond-link > .main_text {font-size:15px;} .sribond-link i {position:absolute; bottom:35px; right:20px; width:24px; height:2px; background:#fff; border-radius:2px;} .sribond-link i:before {content:""; position:absolute; bottom:3px; right:-1px; width:10px; height:2px; background:#fff; transform:rotate(45deg); border-radius:2px;} .esg_table.td510 table > thead + tbody > tr > td {padding:5px 10px;} .esg_table.td510 table > tbody tr:last-child td {background:#ecf6e1 url('../img/bg_ptn_s0302.gif');} /* ESG 지수상품 */ .design-tabs-base > ul {max-width:100%; height:40px; width:100%;} .design-tabs-base > ul > li {font-size:14px;} .design-tab-contents-base {padding-top:30px;} .design-tab-contents.mo_break_tbl thead, .design-tab-contents.mo_break_tbl colgroup {display:none;} .design-tab-contents.mo_break_tbl table, .design-tab-contents.mo_break_tbl tbody, .design-tab-contents.mo_break_tbl td {display:block;} .design-tab-contents.mo_break_tbl tr {display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:#eee 1px solid; padding:15px 10px 10px;} .design-tab-contents.mo_break_tbl td {position:relative; border:0; font-size:12px; text-align:right; width:calc(50% - 20px); line-height:20px; height:30px;} .design-tab-contents.mo_break_tbl td:before {position:absolute; top:0; left:0; font-size:10px; color:#666; line-height:30px;} .design-tab-contents.mo_break_tbl td:nth-child(1) {order:1; padding:0; font-size:16px; width:100%;} .design-tab-contents.mo_break_tbl td:nth-child(2) {order:2;} .design-tab-contents.mo_break_tbl td:nth-child(2):before {content:"Price";} .design-tab-contents.mo_break_tbl td:nth-child(3) {order:4;} .design-tab-contents.mo_break_tbl td:nth-child(3):before {content:"Change";} .design-tab-contents.mo_break_tbl td:nth-child(4) {order:6;} .design-tab-contents.mo_break_tbl td:nth-child(4):before {content:"%Change";} .design-tab-contents.mo_break_tbl td:nth-child(5) {order:3;} .design-tab-contents.mo_break_tbl td:nth-child(5):before {content:"No. of listed units";} .design-tab-contents.mo_break_tbl td:nth-child(6) {order:5;} .design-tab-contents.mo_break_tbl td:nth-child(6):before {content:"Trading volume(Shares)";} .design-tab-contents.mo_break_tbl td:nth-child(7) {order:7;} .design-tab-contents.mo_break_tbl td:nth-child(7):before {content:"Trading value(KRW)";} /* ESG 최신동향/기준 */ .design-board-normal.mo_break_tbl colgroup, .design-board-normal.mo_break_tbl thead {display:none;} .design-board-normal.mo_break_tbl tbody, .design-board-normal.mo_break_tbl td {display:block;} .design-board-normal.mo_break_tbl tr {position:relative; display:flex; flex-direction:column; align-items:flex-start; padding:20px 0 20px 60px; border-bottom:#ddd 1px solid;} .design-board-normal.mo_break_tbl tr:last-child {border-bottom:0;} .design-board-normal.mo_break_tbl td {position:relative; font-size:12px; border:0; padding:0; line-height:30px; display:flex; width:100%;} .design-board-normal.mo_break_tbl td:before {position:absolute; top:0; left:0; font-size:12px; color:#666;} .design-board-normal.mo_break_tbl td:nth-child(1) {position:absolute; top:0; left:0; width:60px; height:100%; text-align:center; justify-content:center; align-items:center;} .design-board-normal.mo_break_tbl span.notice-ko {width:35px; height:20px; background-size:100%;} .design-board-normal > table > tbody tr.notice-tr td:first-child {align-items: flex-start; padding: 20px 0;} span.notice-title {max-width:100%;} .design-board-normal.mo_break_tbl td:nth-child(2) {font-size:13px; line-height: 20px;} .design-board-normal.mo_break_tbl td:nth-child(3), .design-board-normal.mo_break_tbl td:nth-child(4) {padding-left:0;} /* .design-board-normal.mo_break_tbl td:nth-child(3):before {content:"등록일";} .design-board-normal.mo_break_tbl td:nth-child(4):before {content:"첨부파일";} */ .design-board-normal.mo_break_tbl .design-attach-file {text-align: left;} .design-board-normal.mo_break_tbl .design-attach-file > button {font-size:12px; width:130px; height:30px;} .design-attach-file > div {top:29px;} /* .design-attach-file > button > span {top:11px;} */ .design-attach-file, .design-attach-file > div > ul > li { width: 100%; max-width: 270px;} .design-attach-file > div > ul > li {min-width: 130px; min-height:30px;} .design-attach-file > div > ul > li > .no-attach {font-size: 11px; line-height: 30px; vertical-align: top;} .design-board-normal.coreboard-view > table > tbody > tr > th {font-size:11px; width:70px; height:40px;} .design-board-normal.coreboard-view > table > tbody > tr > td, .design-board-normal.coreboard-view > table > tbody > tr > td[name=title] {font-size:15px;} .design-board-normal.coreboard-view > table > tbody > tr > td[name=contn] {font-size:12px;} .btn-board {width:110px; height:38px; font-size:11px;} .btn-board > span {width:14px; top:8px;} .design-attach-file > button {font-size:10px; width:130px; height:30px;} .design-board-normal.coreboard-view > table, .design-board-normal.coreboard-view > table colgroup, .design-board-normal.coreboard-view > table > tbody > tr {display: block;} .design-board-normal.coreboard-view > table > tbody > tr > th {display: none;} .design-board-normal.coreboard-view > table > tbody > tr > td {display: inline-block; border: 0; padding: 5px 15px;} .design-board-normal.coreboard-view > table > tbody {display: flex; flex-wrap: wrap;} .design-board-normal.coreboard-view > table > tbody > tr {flex:0 0 auto;} .design-board-normal.coreboard-view > table > tbody > tr[name="title"], .design-board-normal.coreboard-view > table > tbody > tr[name="contn"], .design-board-normal.coreboard-view > table > tbody > tr[name="attach"] {width: 100%; flex:100%;} .design-board-normal.coreboard-view > table > tbody > tr[name="title"] td, .design-board-normal.coreboard-view > table > tbody > tr[name="contn"] td, .design-board-normal.coreboard-view > table > tbody > tr[name="attach"] td {width: 100%;} .design-board-normal.coreboard-view > table > tbody > tr[name="title"] td {padding-top: 15px;} .design-board-normal.coreboard-view > table > tbody > tr.co_vi_02, .design-board-normal.coreboard-view > table > tbody > tr[name="reg_dd"] {display: inline-block; width: auto; padding-bottom: 15px;} .design-board-normal.coreboard-view > table > tbody > tr.co_vi_02 td, .design-board-normal.coreboard-view > table > tbody > tr[name="reg_dd"] td {width:auto;} .design-board-normal.coreboard-view > table > tbody > tr[name="contn"] td {border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; padding: 20px 15px;} .design-board-normal.coreboard-view > table > tbody > tr[name="title"] td, .design-board-normal.coreboard-view > table > tbody > tr[name="reg_dd"] {background: #f1f3f7; width: 100%;} /* .design-board-normal.coreboard-view > table > tbody > tr > td[name=contn] {border: 0; padding: 0;} */ .design-board-button-group .btn-board-list {right:auto; left:50%; transform:translate(-50%,0); margin: 0;} .design-board-button-group {padding: 0;} .esg_lank_tbl.mo_break_tbl td:nth-child(3)>span, .esg_lank_tbl.mo_break_tbl td:nth-child(4)>span, .esg_lank_tbl.mo_break_tbl td:nth-child(5)>span { font-size: 14px !important; } .design-attach-file > div.children-right-align { left:0; right:auto; } .design-attach-file > div > ul > li > a >span{ display:block;overflow: hidden; width: 100%; text-overflow: ellipsis;} /* 아이콘 추가 수정 */ .data_time > .icon {background:url('../img/icon_time.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr1 > .icon {background:url('../img/icon_arrow_pink.png?v20221101') no-repeat 50% 50% / contain;} .td-rate1 > .icon {background:url('../img/icon_pink_plus.png?v20221101') no-repeat 50% 50% / contain;} .td-cmpr2 > .icon {background:url('../img/icon_arrow_blue.png?v20221101') no-repeat 50% 50% / contain;} .td-rate2 > .icon {background:url('../img/icon_blue_minus.png?v20221101') no-repeat 50% 50% / contain;} .design-board-faq > ul > li > .blog-title > div > .arrow-icon {background:url('../img/arrow_faq_off.png?v20221101') no-repeat no-repeat 50% 50% / contain;} .design-board-faq > ul > li > .blog-title.on > div > .arrow-icon {background: url('../img/arrow_faq_on.png?v20221101') no-repeat no-repeat 50% 50% / contain;} .design-attach-file > button > span {background:url('../img/arrow_file.png?v20221101') no-repeat 50% 50% / contain;} /* .design-attach-file > button > span.open {background-position: 0 0 !important; transform:rotate(180deg);} */ .govnc-box {padding:30px 15px 25px; height:auto;} .govnc-box ul {overflow:hidden;} .govnc-box ul li {height:170px;} .govnc-box ul li > .title {margin-top:110px;} .govnc-box ul li > .title > span {font-size:11px; line-height:25px; height:25px; padding:0; width:90%;} .govnc-box ul li > .text {font-size:15px; letter-spacing:-1px;} .design-title-list-esg > dl .mo80 img {max-width:80%;} .esg_lank_tbl td.no_data{ font-size:13px !important;text-align: center !important; padding: 20px 0 !important; border-bottom: 0 !important; background-color: #fff !important; display:block !important; width:100% !important;height:auto !important;} .pdf-icon.pdfN:before {font-size: 16px;} .esg_table table > tbody > tr > td .icbox {margin: 10px auto 10px;} /* 지속가능경영보고서 - 공시사항조회(GRI, SASB) */ .pc_w110 {width: 100% !important;} .search-btn.flexCustom button:nth-child(3) {margin-left: 10px;} .mo-flex-sb{display: flex; justify-content: space-between;} .indic_sel {width: 100%;} .indic_sel:nth-child(2) {margin-left: 10px;} /* 상단 헤더 부분 */ .table-acodian-wrap .table-acodian-header table thead tr:nth-child(1) th:nth-child(3){width: 80%;} .table-acodian-wrap .table-acodian-header table thead tr:nth-child(1) th:nth-child(4){width: 20%; font-size: 12px;} .table-acodian-wrap .table-acodian-header table thead tr:nth-child(2) th:nth-child(1){width: 20%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(1) th:nth-child(3){width: 60%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(1) th:nth-child(4){width: 40%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(2) th:nth-child(1){width: 20%;} .table-acodian-wrap .table-acodian-header table.compare-on thead tr:nth-child(2) th:nth-child(2){width: 20%;} /* 페이지 번호 테이블 부분 */ .table-acodian-wrap .table-acodian-body .acodian-content table tbody tr {display: flex;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody tr.mo_vw2 td {background-color: #ded5fb; border-top: 1px solid #dddddd; font-size: 13px; font-weight: 500; color: #333333; line-height: 29px; padding: 5px 10px;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody tr:nth-child(1) td {border-top: 1px solid #4e34a5;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody tr td {line-height: 29px; word-break: break-all;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody tr td:nth-child(2){width: 80%; height: auto; padding: 5px 10px; font-size: 12px; font-weight: 400; color: #333333;} .table-acodian-wrap .table-acodian-body .acodian-content table tbody tr td:nth-child(3){width: 20%; height: auto; font-size: 11px; font-weight: 400; color: #333333;} .table-acodian-wrap .table-acodian-body .acodian-content table.compare-on tbody tr td:nth-child(2){width: 60%;} .table-acodian-wrap .table-acodian-body .acodian-content table.compare-on tbody tr td:nth-child(3){width: 20%; height: auto; font-size: 11px; font-weight: 400; color: #333333;} .table-acodian-wrap .table-acodian-body .acodian-content table.compare-on tbody tr td:nth-child(4){width: 20%; height: auto; font-size: 11px; font-weight: 400; color: #333333;} /* 상단 헤더 부분 */ #SASB table thead tr:nth-child(1) th:nth-child(4){width: 80%;} #SASB table thead tr:nth-child(1) th:nth-child(5){width: 20%; font-size: 12px;} #SASB table thead tr:nth-child(2) th:nth-child(1){width: 20%;} #SASB table.compare-on thead tr:nth-child(1) th:nth-child(4){width: 60%;} #SASB table.compare-on thead tr:nth-child(1) th:nth-child(5){width: 40%;} #SASB table.compare-on thead tr:nth-child(2) th:nth-child(1){width: 20%;} #SASB table.compare-on thead tr:nth-child(2) th:nth-child(2){width: 20%;} /* 페이지 번호 테이블 부분 */ #SASB table tbody tr td {padding: 5px 10px;} #SASB table tbody tr.mo_vw2 td {background-color: #aee3c8; font-size: 13px; font-weight: 500; color: #333333;} #SASB table tbody td:nth-child(3){width: 80%;} #SASB table tbody td:nth-child(4){width: 20%;} #SASB table.compare-on tbody td:nth-child(3){width: 60%;} #SASB table.compare-on tbody td:nth-child(4){width: 20%;} #SASB table.compare-on tbody td:nth-child(5){width: 20%;} } /* 특별관리 */ @media screen and (max-width: 834px) { .chart_check dd label.check.i11 em {line-height: inherit !important;} .chart_check dd label.check.i12 em {line-height: inherit !important;} } @media screen and (max-width: 855px) { .chart_check dd label.check.i11 em {line-height: 13px;} .chart_check dd label.check.i12 em {line-height: 13px;} } @media screen and (max-width:750px){ .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site {bottom:-160px;} } @media screen and (max-width:550px){ .mo_vw55 {display:block;} } /* @media screen and (max-width:454px){ .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site {bottom:-240px;} } @media screen and (max-width:442px){ .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site {bottom:-275px;} } */ @media screen and (max-width:360px){ .footer-wrap > .footer-outer > .footer > .bottom * {font-size:12px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > nav * {font-size:12px;} .footer-wrap > .footer-outer > .footer > .top > .footer-util > .family-site {bottom:-170px;} }