@charset "utf-8";
@import url('./common.css?v=20241226');
@import url('./layout.css?v=20250716');

.d_main p,.d_main div,.d_main h1,.d_main h2,.d_main h3,.d_main h4,.d_main h5,.d_main h6,.d_main ul,.d_main ol,.d_main li,.d_main dl,.d_main dt,.d_main dd,.d_main table,.d_main th,.d_main td,.d_main form,.d_main fieldset,.d_main legend,.d_main input,.d_main textarea,.d_main select,.d_main button,.d_main code,.d_main label,.d_main em,.d_main span{
    font-family: Nanum Gothic !important;
    font-size: 14px;
    line-height: 1.4rem;
}

#dBody.d_main{
    overflow:hidden; padding:12px 0 12px;
}
.d_main {
    width: 100%; margin: auto; display: grid;
    grid-template-columns: auto 292px;
    gap: 8px;
    grid-template-rows: 202px 202px 40px 268px 84px 176px 40px 180px;
    > div {border: 1px solid #ddd;}
}

/* Layout 설정 */
.d_main div.news {grid-column: 1/2; grid-row: 1/3;}
.d_main div.editors_choice {grid-column: 1/ 2; grid-row: 3/6;}
.d_main div.new_report {grid-column: 1/2; grid-row: 6/9;}
.d_main div.key_issue {grid-column: 2/2; grid-row: 1/2;}
.d_main div.rating_focus {grid-column: 2/2; grid-row: 2/3;}
.d_main div.rating_trigger{grid-column: 2/2; grid-row: 3/4;}
.d_main div.rating_insight {grid-column: 2/2; grid-row: 4/5;}
.d_main div.research_topview {grid-column: 2/2; grid-row: 5/7;}
.d_main div.esg{grid-column: 2/2; grid-row: 7/7;}
.d_main div.banner {grid-column: 2/2; grid-row: 8/8;}

/* Design 설정 */
/* 등급속보 */
.d_main .news_ui{position:relative;height:390px;margin-bottom:12px;}
.d_main .news_ui h2{height:44px;background:#f4f4f4;border-bottom:1px solid #e2e2e2; display: flex; align-items: center; padding-left: 20px;}
.d_main .news_ui h2 img{position:relative;}
.d_main .news_ui h3{position:absolute;top:0;font-weight:bold;color:#707070;}
.d_main .news_ui h3 a{display:block;height:45px;line-height:45px;text-align:center;background:url(../images/main/ico_li02.gif) no-repeat 0 50%;}

.d_main .news_ui h3.first a.current, .d_main .news_ui h3 a.current{color:#0058b7;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;background:#fff}
.d_main .news_ui h3.first a{background:none;}
.d_main .news_ui h3.tit_1{width:80px;right:157px;}
.d_main .news_ui h3.tit_2{width:80px;right:78px;}
.d_main .news_ui h3.tit_3{width:80px;right:-1px;}

.d_main .news_ui .list{display:none;padding:20px 0px;}
.d_main .news_ui table{width:100%;border-collapse:collapse;}
.d_main .news_ui table th{height:44px;font-weight:bold;vertical-align:middle;background:#f8f8f8;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.d_main .news_ui table th:first-child{border-left:1px solid #e9e9e9}
.d_main .news_ui table th.last{border-right:1px solid #e9e9e9}
.d_main .news_ui table tr:first-child td{padding-top:5px;}
.d_main .news_ui table td{height:34px;padding:0 10px;vertical-align:middle;text-align:center;}
.d_main .news_ui table .tit{display:block;width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.d_main .news_ui table .cell_type01{padding:0 0 0 20px;text-align:left;}
.d_main .news_ui table .cell_txt{font-weight:bold;color:#00469b;}
.d_main .news_ui .btn{position:absolute;bottom:0;width:665px;padding:14px 0;text-align:center;border-top:1px solid #e0e0e0;}

/* EDITORS CHOICE */
.d_main div.editors_choice {border: none;}
.d_main div.editors_choice .editors_ui h2{color: #1257c5; display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: #f4f4f4; padding: 0 10px;}
.d_main div.editors_choice .editors_ui h2 span {font-weight: normal;}
.d_main div.editors_choice .editors_ui .editors_choice_item:first-child {margin-top: 7px;}
.d_main div.editors_choice .editors_ui .editors_choice_item {display: grid; grid-template-columns: 600px 20px 75px; margin: 4px 0; border: 1px solid #ddd; padding: 2px 5px;}
.d_main div.editors_choice .editors_ui .editors_choice_item div {display: flex; justify-content: left; align-items: center; line-height: 1.4rem; padding: 0px 3px; height: 36px;}
.d_main div.editors_choice .editors_ui .editors_choice_item div.editors_choice_item_title a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.d_main div.editors_choice .editors_ui .editors_choice_item div.editors_choice_item_movie {display: flex; justify-content: flex-end;}
.d_main div.editors_choice .editors_ui .editors_choice_item div.editors_choice_item_date{display: flex; justify-content: flex-end; align-items: center; font-size: 13px; line-height: 1.6rem;}

/* NEW REPORT */
.d_main div.new_report {border: none; margin-top: 3px;}
.d_main div.new_report .new_report_ui h2{color: #1257c5; display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: #f4f4f4; padding: 0 10px;}
.d_main div.new_report .new_report_ui h2 span {font-weight: normal;}
.d_main div.new_report .new_report_ui .new_report_item:first-child {margin-top: 7px;}
.d_main div.new_report .new_report_ui .new_report_item {display: grid; grid-template-columns: 600px 20px 75px; margin: 4px 0; border: 1px solid #ddd; padding: 2px 5px;}
.d_main div.new_report .new_report_ui .new_report_item div {display: flex; justify-content: left; align-items: center; line-height: 1.4rem; padding: 0px 3px; height: 36px;}
.d_main div.new_report .new_report_ui .new_report_item div.new_report_item_title a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}
.d_main div.new_report .new_report_ui .new_report_item div.new_report_item_movie {display: flex; justify-content: flex-end;}
.d_main div.new_report .new_report_ui .new_report_item div.new_report_item_date{display: flex; justify-content: flex-end; align-items: center; font-size: 13px; line-height: 1.6rem;}

/* KEY ISSUE */
.key_issue {
    .key_issue_ui { height: 200px;
        .key_issue_slick { height: 200px;
            > div { height: 200px;
                :hover {cursor: pointer;}
                > div { height: 200px;
                    > div { height: 200px; display: flex; flex-direction: column; justify-content: space-between;
                        div { color: white; font-weight: bold; }
                    }
                }
            }
        }
    }
}

/* RATING_FOUCS */
.d_main div.rating_focus {background-color: rgba(238, 243, 246, 0.7);
    .rating_focus_ui {background: rgba(221, 245, 232, 0.3); height: 100%;
        .rating_focus_title {background-image:url('/images/main/ratingfocus_bar.jpg'); height: 38px;
            a {width: 100%; height: 40px; display: flex; justify-content: end; align-items: center;
                img { padding-right: 10px;}
            }
        }
    }

    .rating_focus_content {display: flex; flex-direction: column; height: calc(100% - 38px);
        .rating_focus_item:nth-child(even) {background-color: #e9eff2;}
        .rating_focus_item {
            flex: 1;
            display: flex;
            align-items: center;
            padding: 5px 10px;
            margin: 2px 0;
            background: rgba(238, 243, 246, 0.7);
            height: 41px;
            overflow: hidden;
            text-overflow: ellipsis;
            /*display: -webkit-box;*/
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            label>img {
                cursor: pointer;
            }
            a label {position: relative;
                img {position: absolute; bottom: 0;margin-left:3px;}
             }
            .rating_focus_item_wrap {
                margin: 0px 3px;
            }
        }
        .rating_focus_item:hover {
            box-shadow:0 5px 20px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px);z-index:4;background: white;
        }
    }
}

/* RATING TRIGGER */
.d_main .rating_trigger{background: linear-gradient(#d9e1f8 15%, #ffffff 85%); display: flex; justify-content: space-between; align-items: center;
    .ratingTrigger_ui {position: relative; display: flex; height: 100%;
        .rating_trigger_title {margin-left: 12px; display: flex; align-items: center; justify-content: center; padding-right: 10px; font-size: 13px; letter-spacing: -2px;}

        .rating_trigger_content {position: relative; width: 114px;
            .ratingTrigger_slick {height: 100%; display: flex; justify-content: center; align-items: center;
                div {color: #1257c5;}
            }
        }
        .rating_trigger_footer {display: flex; align-items: center; margin-right: 10px;}
    }
}

/* RATING_INSIGHT */
.d_main div.rating_insight {
     background-color: rgba(238, 243, 246, 0.7);
    .rating_insight_ui {background: rgba(221, 245, 232, 0.3); height: 100%;
        .rating_insight_title {background-image:url('/images/main/ratinginsight_bar.jpg'); height: 40px;
            a {width: 100%; height: 40px; display: flex; justify-content: end; align-items: center;
                img { padding-right: 10px;}
            }
        }
    }

    .rating_insight_content {display: flex; flex-direction: column; height: calc(100% - 38px);
        .rating_insight_item:nth-child(even) {background-color: #e9eff2;}
        .rating_insight_item {
            flex: 1;
            display: flex;
            align-items: center;
            padding: 5px 10px;
            margin: 2px 0;
            background: rgba(238, 243, 246, 0.7);
            height: 41px;
            overflow: hidden;
            text-overflow: ellipsis;
            /*display: -webkit-box;*/
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            label>img {
                padding-left: 3px;
                cursor: pointer;
            }
            .rating_insight_content_title {

            }
            .rating_insight_item_wrap {
                margin: 0px 3px;
            }
        }
        .rating_insight_item:hover {
            box-shadow:0 5px 20px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px);z-index:4;background: white;
        }
    }
}

/* RATING_TOPVIEW */
.d_main div.research_topview {
     background-color: rgba(238, 243, 246, 0.7);
    .research_topview_ui {background: rgba(221, 245, 232, 0.3); height: 100%;
        .research_topview_title {height: 40px; background-color: #4c967b; padding-left: 10px;
            span {width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center;
                color: white; font-weight: bold;
                img { padding-right: 10px;}
            }
        }
    }

    .research_topview_content {display: flex; flex-direction: column; height: calc(100% - 38px);
        .research_topview_item:nth-child(even) {background-color: #e9eff2;}
        .research_topview_item {
            flex: 1;
            display: flex;
            align-items: center;
            padding: 5px 10px;
            margin: 2px 0;
            background: rgba(238, 243, 246, 0.7);
            height: 41px;
            overflow: hidden;
            text-overflow: ellipsis;
            /*display: -webkit-box;*/
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            label>img {
                padding-left: 3px;
                cursor: pointer;
            }
            .research_topview_content_title {

            }
            .research_topview_item_wrap {
                margin: 0px 3px;
            }
        }
        .research_topview_item:hover {
            box-shadow:0 5px 20px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px);z-index:4;background: white;
        }
    }
}

    /* ESG평가 등급리스트 */
    .d_main .esg{background: linear-gradient(#dcf9e3 15%, #ffffff 85%); display: flex; justify-content: space-between; align-items: center;
        .esg_ui {position: relative; display: flex; height: 100%;
            .esg_title {margin-left: 12px; display: flex; align-items: center; justify-content: center; padding-right: 10px; font-size: 13px; color: #0e3e1b; letter-spacing: -2px;}

        .esg_content {position: relative; width: 135px;
            .esg_slick {height: 100%; display: flex; justify-content: center; align-items: center;
                div {color: #4C967B; font-weight: bold; overflow: hidden;}
            }
        }
        .esg_footer {display: flex; align-items: center; margin-right: 10px;}
    }
}

/* Slick Customize */
.slick-dotted.slick-slider {margin-bottom:0px;}
.slick-dots{bottom: 3px; left: -5px;}
.slick-dots li {width: 14px !important;}
.slick-dots li button::before{font-size: 28px;}
.slick-dots { display: flex !important; justify-content: center; list-style: none;}
.slick-dots li.slick-active button:before { color : #002555; }