@charset "UTF-8";
/* common */
#container .subVisual.v5{background:url("/assets/fnt/images/common/bg-sub05.png") no-repeat center/cover}
#gnb > ul > li{width:20%;}
@media (max-width: 1160px) {
    #gnb > ul > li{width:100%;}
}

/* esg */
.esgCont > strong{display:block;font-size:19px;color:#000;font-weight:700;margin-bottom:40px;}
.esgCont > p{font-size:18px;color:#666;word-break:keep-all;}
.esgCont > .esgImg{margin:2rem 0;}
.esgCont > .esgImg > img{width:100%;}
.esgCont > .esgImg > .isMo{display:none;}
.esgCont > .esgImg .esgCont.typeGray{display:none;}

.esgCont.typeGray{margin:50px auto;padding:40px;background:#f1f1f1 url(/assets/fnt/images/common/esg_img_01.png) center right 40px;background-repeat:no-repeat;}
.esgCont.typeGray > strong{margin-bottom:10px;}
.esgCont.typeGray > p + strong{margin-top:40px;}

.esgSign{margin-top:40px;font-size:20px;text-align:center;color:#000;}
.esgSign > strong{margin-top:10px;font-size:30px;display:block;}

.esgBtn{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:80px;}
.esgBtn a{display:flex;gap:100px;justify-content:space-between;align-items:center;font-size:28px;background-color:#132b88;color:#fff;padding:40px 50px;border:none;font-weight:100;}
.esgBtn a span strong{font-weight:500;}

.esgCont.typeChannel > p{font-size:18px;color:#666;}

.esgChennel{margin-top:50px;background:url(/assets/fnt/images/common/esg_img_05.jpg) top 4rem right no-repeat;}
.esgChennel > p{font-size:26px;font-weight:500;color:#000;margin-bottom:10px;}
.esgChennel .bgGray{font-size:16px;color:#666;}
.esgChennel .bgGray.half{padding:0 600px 0 0;}
.esgChennel .bgGray + p{margin-top:40px;}
.esgChennel .bgGray > .unitList > li{position:relative;padding-left:10px;}
.esgChennel .bgGray > .unitList > li:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background-color:#666;left:0;top:10px;}
.esgChennel .bgGray > .unitList > li + li{margin-top:5px;}
.esgChennel .bgGray > .unitList > li > .unitList{background-color:#f1f1f1;padding:15px 20px;margin:10px auto 20px;}
.esgChennel .bgGray > .unitList > li > .unitList > li{position:relative;padding-left:10px;}
.esgChennel .bgGray > .unitList > li > .unitList > li:before{content:'';position:absolute;width:5px;height:1px;border-radius:50%;background-color:#666;left:0;top:11px;}
.esgChennel .bgGray > .unitList > li > .unitList > li + li{margin-top:5px;}
.esgChennel .bgGray > .unitList > li > .unitList > li > strong{color:#000;}
.esgChennel .bgGray > .unitList > li > .unitList.type3{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-start;}
.esgChennel .bgGray > .unitList > li > .unitList.type3 > li{width:calc(33.333% - 10px);}

.esgDownload{display:flex;gap:20px;width:100%;}
.esgDownload > a{flex:1;padding:40px;display:flex;align-items:center;justify-content:space-between;color:#000;border:1px solid #ccc;transition:all .3s ease .1s}
.esgDownload > a:hover{border-color:#000;}
.esgDownload > a > span{font-size:36px;font-weight:100;text-align:center;text-align:center;}
.esgDownload > a > span small{display:block;font-size:15px;margin-top:20px;}

.esgGap{margin:80px auto;}

@media (max-width: 1160px) {
    .esgCont.typeGray{margin:30px auto;padding:20px 20px 250px;background:#f1f1f1 url(/assets/fnt/images/common/esg_img_01.png) center bottom 50px no-repeat;background-size:360px auto;}
    .esgCont > .esgImg > .isPc{display:none;}
    .esgCont > .esgImg > .isMo{display:block;}
    .esgCont > .esgImg .esgCont.typeGray{display:block;}
    .esgCont.typeGray > strong{margin-bottom:5px;font-size:18px;}
    .esgCont.typeGray > p br{display:none;}
    .esgCont.typeGray > p + strong{margin-top:20px;}

    .esgSign{margin-top:20px;font-size:18px;}
    .esgSign > strong{margin-top:5px;font-size:25px;}

    .esgBtn{margin-top:40px;}
    .esgBtn a{gap:50px;font-size:20px;padding:20px 25px;}

    .esgCont.typeChannel > p{font-size:18px;color:#666;}

    .esgChennel{margin-top:30px;background:url(/assets/fnt/images/common/esg_img_05.jpg) bottom center no-repeat;background-size:360px auto;padding:0 0 220px 0;}
    .esgChennel > p{font-size:20px;margin-bottom:5px;}
    .esgChennel .bgGray{font-size:16px;}
    .esgChennel .bgGray.half{padding:0;}
    .esgChennel .bgGray + p{margin-top:40px;}
    .esgChennel .bgGray > .unitList > li + li{margin-top:2px;}
    .esgChennel .bgGray > .unitList > li > .unitList{padding:8px 10px;margin:5px auto 10px;}
    .esgChennel .bgGray > .unitList > li > .unitList > li + li{margin-top:2px;}
    .esgChennel .bgGray > .unitList > li > .unitList.type3{gap:8px;}
    .esgChennel .bgGray > .unitList > li > .unitList.type3 > li{width:100%;}

    .esgDownload{gap:10px;flex-direction:column;}
    .esgDownload > a{flex:auto;width:100%;padding:30px;}
    .esgDownload > a > span{font-size:25px;}
    .esgDownload > a > span small{font-size:12px;margin-top:10px;}
    .esgDownload > a > img{width:20px;}

    .esgGap{margin:40px auto;}
}