@charset "utf-8";

/*esg 정책*/ 
.policy_wrap {position:relative;height:100%;padding:80px 0 80px;z-index:1;/*max-height:1204px;*/box-sizing:border-box;overflow:hidden}
.policy_wrap.on.height {overflow:auto}
.policy_wrap.type1 {background:url(../images/esg/esg_rule_bg1.jpg) no-repeat 0 0;background-size:cover;}
.policy_wrap.type2 {background:url(../images/esg/esg_rule_bg2.jpg) no-repeat 0 0;background-size:cover;}
.policy_wrap.type3 {background:url(../images/esg/esg_rule_bg3.jpg) no-repeat 0 0;background-size:cover;}
.policy_wrap .inner {padding-bottom:0;padding: 0 56px 0}
.policy_wrap .policy_list:after {content:'';display:block;clear:both}
.policy_wrap .policy_list {position:relative;display:flex;margin:-12px -12px;flex-wrap: wrap;z-index:2;}
.policy_wrap .inner:after {content:'';display:block;clear:both}
.policy_wrap .policy_list .roundbt {display:-webkit-inline-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-family:'Pretendard';} 
.policy_wrap .boxblock {position:relative;opacity:1;/*height:510px;*/width:calc(33.33% - 24px);margin:12px 12px;border-radius:24px;background:rgba(255,255,255,.1);box-sizing:border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:40px;border:1px solid rgba(255,255,255,.1);}
.policy_wrap .boxblock .tit{display:inline-block;font-size:28px;line-height:38px;font-weight:700;color:#fff;margin-bottom:24px;word-wrap:break-word;word-break: break-all;} 
.policy_wrap .boxblock ul li{font-size:0;}
.policy_wrap .boxblock ul li + li {margin-top:16px}
.policy_wrap.height .boxblock {opacity:1 !important}
.policy_wrap::-webkit-scrollbar-track{border-radius:3px;background-color:#fff;}
.policy_wrap::-webkit-scrollbar{width:6px;background-color:#fff}
.policy_wrap::-webkit-scrollbar-thumb{border-radius:3px;background-color:#d6dbe1}
.policy_wrap::-webkit-scrollbar{display:none}
/*사회공헌활동*/
.esg_activity_wrap {display:flex;justify-content:space-between; opacity: 0; transform: translateY(200px); transition: all .3s;}
.esg_activity_wrap.on {opacity: 1; transform: translateY(0); transition: all .3s;}
.esg_activity_wrap .activity_tit {width:calc(32% - 80px);margin-right:80px;text-align:left}
.esg_activity_wrap .activity_tit .s_tit {text-align:left;margin-bottom:0;position: sticky;top: 120px;left: 0;}
.esg_activity_wrap .activity_tit dd {font-size:18px;line-height:28px;margin-top:8px;font-weight:500;position: sticky;top: 174px;left: 0;}
.esg_activity_wrap .activity_cont {width:68%}
.esg_activity_wrap .activity_cont li .tit {font-size:28px;line-height:38px;font-weight:700;margin-bottom:32px}
.esg_activity_wrap .activity_cont li .cont .img {background:#f8f9fc;padding:64px 0;text-align:center;border-radius:24px}
.esg_activity_wrap .activity_cont li .cont img {width:480px;height:120px;}
.esg_activity_wrap .activity_cont li + li {margin-top:80px}
.esg_activity_wrap .activity_cont .structure {position:relative;width:100%;height:104px;display:flex;padding:0px 80px;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#64A0E1 0%,#18A9D2 100%);border-radius:24px;box-sizing:border-box}
.esg_activity_wrap .activity_cont .structure span {font-size:24px;line-height:38px;color:#fff;font-weight:300}
.esg_activity_wrap .activity_cont .structure span:nth-child(2) {font-size:22px;color:#e6edff}
.esg_activity_wrap .activity_cont .structure:before {content:'';position:absolute;top:50%;left:21.6%;width:123.3px;height:7.6px;transform:translateY(-50%);background:url(../images/esg/activity_line.png) no-repeat;background-size:123.3px 7.6px}
.esg_activity_wrap .activity_cont .structure:after {content:'';position:absolute;top:50%;left:66.2%;width:123.3px;height:7.6px;transform:translateY(-50%);background:url(../images/esg/activity_line.png) no-repeat;background-size:123.3px 7.6px}
.esg_activity_wrap .activity_cont .structure2 {display:flex;width:100%;justify-content:space-between;align-items:center;margin-left:-16px;margin-top:24px}
.esg_activity_wrap .activity_cont .structure2 .txt {display:block;width:calc(33.33% - 16px);background:#f3f6fb;border-radius:24px;margin-left:16px;font-size:24px;font-weight:500;padding:40px 0;line-height:38px;text-align:center}
.esg_activity_wrap .activity_cont .structure2 .txt:last-child {margin-right:-16px}
.esg_activity_wrap .activity_cont .structure2 .txt span {position:relative;padding-right:32px}
.esg_activity_wrap .activity_cont .structure2 .txt span:after {content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/common/ico_arrowupright2.svg) no-repeat;background-size:24px 24px;width:24px;height:24px}
.esg_activity_wrap .activity_cont .business {display:flex;justify-content:space-between;align-items:center;width:100%;margin-left:-16px}
.esg_activity_wrap .activity_cont .business li {width:calc(33.33% - 16px);border-radius:24px;margin-left:16px;margin-top:0}
.esg_activity_wrap .activity_cont .business li span {display:block;width:100%}
.esg_activity_wrap .activity_cont .business li span:first-child {border-top-left-radius:24px;border-top-right-radius:24px;background:#0046ff;text-align:center;height:80px;line-height:80px;font-size:24px;color:#fff}
.esg_activity_wrap .activity_cont .business li span:last-child {border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:#f3f6fb;text-align:center;padding:32px 0;box-sizing:border-box;color:#24272D;font-size:20px;line-height:32px;font-weight:500}
.esg_activity_wrap .activity_cont .business li:last-child {margin-right:-16px;}
.esg_activity_wrap .activity_cont .video_wrap {margin-top:80px}
.esg_activity_wrap .activity_cont .video_wrap ul:after {content:'';display:block;clear:both;}
.esg_activity_wrap .activity_cont .video_wrap ul {margin-top:-24px}
.esg_activity_wrap .activity_cont .video_wrap ul li {float:left;width:calc(50% - 8px);margin-right:8px;margin-top:24px;}
.esg_activity_wrap .activity_cont .video_wrap ul li:nth-child(2n) {margin-left:8px;margin-right:0}
.esg_activity_wrap .activity_cont .video_wrap .txt {display:block;width:100%;padding:24px;background:#f3f6fb;font-size:20px;line-height:32px;color:#24272d;box-sizing:border-box;border-bottom-left-radius:24px;border-bottom-right-radius:24px;}
.esg_activity_wrap .activity_cont .video_wrap .video {position:relative;padding-top:56.25%;border-top-left-radius:24px;border-top-right-radius: 24px;}
.esg_activity_wrap .activity_cont .video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;border-top-left-radius:24px;border-top-right-radius:24px;}
.esg_activity_wrap .activity_cont .structure_type02 {display: flex;width: 100%;justify-content: space-between;align-items: center;margin: 24px -8px 0;}
.esg_activity_wrap .activity_cont .structure_type02 .structure_cont{width: calc((100% - 48px) / 3);height:118px;margin:0 8px;box-sizing: border-box;background-color: #F3F6FB;border-radius: 24px;display: flex;justify-content: center;align-items: center;text-align: center;}
.esg_activity_wrap .activity_cont .structure_type02 .structure_cont.link  {width: calc((100% - 48px) / 3);margin:0 8px;box-sizing: border-box;background-color: #F3F6FB;border-radius: 24px;height: 118px;}
.esg_activity_wrap .activity_cont .structure_type02 .structure_cont.link a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;padding:0 15px;}
.esg_activity_wrap .activity_cont .structure_type02 .structure_cont .name {position: relative;font-size: 24px;font-weight: 500;line-height: 38px; color: #24272D;}
.esg_activity_wrap .activity_cont .structure_type02 .structure_cont .name.arr::after{position: relative;content: '';background: url('../images/common/ico_arrowupright2.svg') no-repeat;width: 24px;height: 24px;background-size: 24px;top: 6px;right: -8px;display: inline-block;}
.esg_activity_wrap.space1 {margin-top:220px}
/*esg 지배구조*/ 
.bul_list.esggover{margin-bottom:24px;float:right;}
.mo_leftline{display:none;}
.esggover_top{width:100%;height:fit-content; display:flex;justify-content: space-between;align-items: center;box-sizing:border-box;}
.esggover_topl{width:1232px;border-radius: 24px;border: 1px solid #565B64;padding: 40px;box-sizing:border-box;}
.esggover_topc{min-width:120px;box-sizing:border-box;text-align: center;}
.esggover_topc span{display: inline-block; padding-bottom:8px;width: 100%;border-bottom: 1px solid #D6DBE1;font-size: 18px;font-weight: 500;line-height: 28px;}
.esggover_topr{min-width:72px; height:266px;display:flex; justify-content: center; align-items:center;text-align:center;background-color:#94ABFA;color:#fff;box-sizing:border-box;font-size: 24px;font-weight: 700;line-height: 1.4;border-radius: 16px;}
.esggover_blue, .esggover_gray{width:100%; display:flex; justify-content: center; align-items:center;text-align:center;height:78px;box-sizing:border-box;background-color:#0046FF;font-size: 24px;font-weight: 700;line-height: 38px;border-radius: 16px;color:#fff;}
.esggover_gray{background-color:#EBEFF5;color:#24272D;}
.esggover_gray + .esggover_gray{margin-top:40px;}
.esggover_blue span, .esggover_gray span{font-size: 24px;font-weight: 300;line-height: 38px;color:#fff;}
.esggover_gray span{color:#24272D;}
.esggover_arrow{margin:40px 0 ; height:40px;display:flex;justify-content: center;align-items: center;box-sizing:border-box;}
.esggover_arrow .esggover_arrM{width:55px; height:40px;background:url(../images/esg/esggover_arrow.svg) no-repeat center center;background-size:auto 100%;box-sizing:border-box;}
.esggover_arrow .esggover_arrL, .esggover_arrow .esggover_arrR{width:50%;color: #24272D;text-align: center;font-size: 18px;font-weight: 500;line-height: 28px;box-sizing:border-box;}
.esggover_btm{max-width:1232px; width:calc(100% - 192px); padding:0 40px;box-sizing:border-box;}
/*esg 대외평가*/ 
.half_gallery{margin-top:80px;width:100%; display:flex;justify-content: space-between; flex-wrap:wrap;    gap: 16px;}
.half_gallery *{box-sizing: border-box;}
.half_gallery .half_gal_box{width:calc(50% - 8px);border-radius: 24px;overflow:hidden;border:1px solid #D6DBE1;box-sizing: border-box;}
.half_gallery .half_gal_top{padding: 32px;height:158px;display:flex;justify-content: flex-start;align-items: center;}
.half_gallery .half_gal_logo{border-right:1px solid #D6DBE1;padding-right: 20px;box-sizing: content-box;height:100%;}
.half_gallery .gal_logo_box{width:180px;min-width:180px; display:flex;align-items:center;justify-content: center;height:100%;}
.half_gallery .half_gal_logo img{width:100%;}
.half_gallery .half_gal_tit{color: #24272D;font-size: 24px;font-weight: 700;line-height: 38px; padding-left: 20px;}
.half_gallery .half_gal_tit .font-sm{font-size:20px;}
.half_gallery .half_gal_tit.long{padding-right:20px;}
.half_gallery .gal_tit_sub{color: #24272D;font-size: 16px;font-weight: 500;line-height: 26px; }
.half_gallery .half_gal_btm{height:148px;padding: 32px;background-color:#F3F6FB;}
.half_gallery .half_gal_txt{color: #565B64;font-size: 18px;font-weight: 300;line-height: 28px; }
/*esg 참여 이니셔티브*/ 
.half_gallery.partici .half_gal_btm{height:120px;}
/* milestone */
.miles_wrap {margin-top:24px}
.miles_wrap .s_tit {margin-top:24px}
.miles_wrap  {position:relative}
.miles_wrap .miles_list:before{ content: '';display: block;position: absolute; top:calc(100% + 8px); left: calc(50% - 4px); width: 8px;height: 8px;background: #24272d;border-radius: 50%;}/*마지막점*/
.miles_wrap .miles_list:after {content:'';display:block;clear:both}
.miles_wrap ul {position:relative; height:100%;}
.miles_wrap ul li.first {padding-top:78px}
.miles_wrap ul li {position:relative;vertical-align:top}
.miles_wrap ul li:first-child:after {content: '';display: block;position: absolute;top: -16px;right: -4px;width: 8px;height: 8px;background: #24272d;border-radius: 50%;}/*시작점*/
.miles_wrap ul li:nth-child(2n){float:right;padding-left:calc(50% - 640px);margin-right:0}
.miles_wrap ul li:nth-child(2n+1)  {position:relative;float:left;padding-right:calc(50% - 640px)}
.miles_wrap ul li:nth-child(2n):before {content:'';display:block;top:0;width:4px;position:absolute;left:-2px;height:100%;background:#ebeff5;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.miles_wrap ul li:nth-child(2n+1):before {content:'';display:block;top:0;width:4px;position:absolute;right:-2px;height:100%;background:#ebeff5;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
.miles_wrap ul li.lastL:before {display:block;}/*마지막 li는 none처리*/
.miles_wrap ul li.first.mt {margin-top: 0;}
.miles_wrap ul li:first-child {padding-top:0}
.miles_wrap ul li + li{padding-top:80px}
.miles_wrap ul li .miles_box {display:block;width:640px;padding:40px;box-sizing:border-box;background:#fff;border-radius: 24px;border: 1px solid #D6DBE1;}
.miles_wrap ul li .miles_box .badge {margin-bottom:0}
.miles_wrap ul li .miles_box .badge.ty02 {background: #0046FF;color: #fff;}
.miles_wrap ul li .miles_box .miles_tit {margin:8px 0;display:block;font-size:28px;line-height:38px;font-weight:700;float:none;color:#24272d;min-height:76px;}
.miles_wrap ul li .miles_box .miles_date {display:block;font-size:18px;line-height:28px;font-weight:500;float:none;color:#808892;}
.miles_wrap ul li.hei{height:276px;}
.miles_wrap ul li.hei2{height:196px;}
.miles_wrap ul li.hei3{margin-top:-80px;}
/* esg 보고서 */
.inner.esg{margin-top: 16px;}
.visual_sub.esg{margin-bottom: 16px;}
.directors_wrap.esg {margin-top: 0;}
.directors_wrap.esg ul.directors_list{margin: 0 -12px 0px;}
.directors_wrap.esg .directors_list li .board_img{border: 1px solid #D6DBE1;padding-top:0;aspect-ratio: 43/50;}
.directors_wrap.esg .directors_list li .board_img img{position:static;transform:unset;}
.directors_wrap.esg ul.directors_list li .board_img img:hover{transform:translate(0) scale(1.1);}
.directors_wrap.esg .directors_list li .board_des.esg .year{font-size: 16px;font-weight: 500;line-height: 26px;color: #565B64;margin-top: 16px;}
.directors_wrap.esg .directors_list li .board_des.esg .report_title{font-size: 24px;font-weight: 500;line-height: 32px;color: #24272D;margin-bottom: 16px;}
.directors_wrap.esg .directors_list li .board_des.esg a.roundbt + a.roundbt{margin-left:5px;}
/* esg 전략지표 */
.title.indicator{margin-bottom: 80px;}
.esg_indicator{background: url('../images/esg/esg_bg01.jpg') no-repeat 0 0;height: 100%;position: relative;padding: 184px 0 100px;z-index: 1;box-sizing: border-box;background-size: cover;margin-bottom:-2px}
.esg_indicator.type2,.esg_indicator.type3{padding:80px 0 100px}
.esg_indicator .indicator{max-width: 1712px;margin: 0 auto;padding: 0;}
.esg_indicator.type2{background: url('../images/esg/esg_bg02.jpg') no-repeat 0 0;background-size: cover;}
.esg_indicator.type3{background: url('../images/esg/esg_bg03.jpg') no-repeat 0 0;background-size: cover;}
.esg_indicator .print_wrap .month li + li{padding-top: 200px;}
.esg_indicator .print_wrap .month:after{content: '';display: block;clear: both;}
.esg_indicator .print_wrap .month li:nth-child(2n+1):before{display: none;}
.esg_indicator .print_wrap .month li:nth-child(2n):before{display: none;}
.esg_indicator::before{content: '';display: block;top: 188px;left: 50%;width: 8px;position: absolute;height: 100%;background: rgba(138, 194, 0, 0.7);border-top-left-radius: 40px;border-top-right-radius: 40px;}
.esg_indicator.type2::before{content: '';display: block;top: 0px;left: 50%;width: 8px;position: absolute;height: 100%;background: rgba(74, 176, 245, 0.7);border-top-left-radius: 0px;border-top-right-radius: 0px;}
.esg_indicator.type3::before{content: '';display: block;top: 0px;left: 50%;width: 8px;position: absolute;height: calc(100% - 80px);background: rgba(255, 158, 0, 0.7);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.esg_indicator .print_wrap {margin-top: 0;}
.esg_indicator .print_wrap .month li .esg_content{display: block;width: 680px;padding: 40px;box-sizing: border-box;border-radius: 24px;background: rgba(138, 194, 0, 0.15);backdrop-filter: blur(20px);-webkit-backdrop-filter:blur(20px)}
.esg_indicator .print_wrap.type2 .month li .esg_content{background: rgba(74, 176, 245, 0.10);}
.esg_indicator .print_wrap.type3 .month li .esg_content{background: rgba(255, 158, 0, 0.15);}
.esg_indicator .print_wrap .month li:nth-child(2n){padding-left:calc(50% - 680px);}
.esg_indicator .print_wrap .month li:nth-child(2n+1)  {padding-right: calc(50% - 680px);}
.esg_indicator .print_wrap .month .tit_date{display: flex;flex-direction: column; align-items: flex-start;margin-bottom:120px;}
.esg_indicator .print_wrap .month .tit_date .tit{font-size: 40px;color: #fff;line-height: 44px;font-weight: 700;}
.esg_indicator .print_wrap .month .tit_date .right{font-size: 18px;color: #D6DBE1;font-weight: 300;line-height: 28px;}
.esg_indicator .print_wrap .month .num{font-size: 72px;font-weight: 700;color: #fff;text-align: right;line-height: 1;}
.esg_indicator .print_wrap .month .num_tit{font-size: 24px;font-weight: 500;color: #fff;text-align: right;line-height: 36px;}
.esg_indicator .print_wrap .month li:nth-child(2n+1):before{background-color: rgba(138,194,0,15%)}
.esg_indicator .print_wrap .month li:nth-child(2n):before{background-color: rgba(138,194,0,15%)}
.esg_indicator .print_wrap li .two_num{display: flex;align-items: flex-end;flex-direction:column;justify-content: end;gap:30px;}
.esg_indicator .print_wrap li .two_num.row{flex-direction:row;}
.esg_indicator .print_wrap.type2 .month li:nth-child(2n+1), .esg_indicator .print_wrap.type3 .month li:nth-child(2n+1){padding-left: calc(50% - 680px);float: right;padding-right: 0;}
.esg_indicator .print_wrap.type2 .month li:nth-child(2n), .esg_indicator .print_wrap.type3 .month li:nth-child(2n){float: left;padding-left: 0;}
.esg_indicator .print_wrap .month:before{width: 80px;height: 80px; background:url('../images/esg/green_icon.png') no-repeat center / cover;position: absolute;content: '';left: calc(50% - 37px);top: -104px;}
.esg_indicator .print_wrap.type2 .month:before{background:url('../images/esg/blue_icon.png') no-repeat center / cover;top: -80px;}
.esg_indicator .print_wrap.type3 .month:before{background:url('../images/esg/orange_icon.png') no-repeat center / cover;top: -80px;}
.esg_indicator .print_wrap .month.active:before{position: fixed; top: 124px}
.esg_indicator .print_wrap .month.active.scroll:before{position: fixed; top: 80px;}
@media screen and (max-width: 1730px) {
    /* esg 전략지표 */
    .esg_indicator{padding-right: 24px;padding-left: 24px;}
    .esg_indicator.type2, .esg_indicator.type3 {padding-right: 24px;padding-left: 24px;}
    /*사회공헌활동*/
    .esg_activity_wrap .activity_tit dd br {display:none}
}
@media screen and (max-width: 1700px) {
    /* milestone */
    .miles_wrap ul li {width:46%}
    .miles_wrap ul li .miles_box {width:100%;}
    .miles_wrap ul li:nth-child(2n) {padding-left:4%;}
    .miles_wrap ul li:nth-child(2n+1) {padding-right:4%;}
    .miles_wrap ul li .miles_box .miles_tit{font-size:26px;line-height:36px;}
    /*대외평가*/
    .half_gallery .half_gal_logo{width:100px;min-width:100px;padding-right: 12px;box-sizing: content-box;}
    .half_gallery .gal_logo_box{width:100%;min-width:unset; }
    /*참여이니셔티브*/
    .half_gallery.partici .half_gal_btm {height: 138px;}
}
@media screen and (min-width: 1600px) {
    .esg_indicator.type2 {height: 1275px;margin-top: -1px;}
    .esg_indicator.type2 .print_wrap .month li + li{padding-top: 400px;}  
}
@media (min-width: 1024px) and (max-width: 1600px) {
    /* esg 전략지표 */
    .esg_indicator .print_wrap .month .tit_date .tit{font-size: 32px;line-height: 44px;}
    .esg_indicator .print_wrap .month .num_tit{font-size: 16px;line-height: 26px;}
    .esg_indicator .print_wrap .month .num{font-size: 52px;line-height:72px;}   
}
@media screen and (max-width: 1450px) {
    /* esg 전략지표 */
    .esg_indicator .print_wrap .month li:nth-child(2n+1){padding-right: 0;}
    .esg_indicator .print_wrap .month li{width: 46%;}
    .esg_indicator .print_wrap .month li .esg_content{width: 100%;}
    /* ESG 보고서 */
    .directors_wrap.esg .directors_list li .board_des.esg .report_title{font-size:20px;line-height:24px;}
}
@media screen and (max-width: 1400px) {
    /*esg 정책*/ 
    .policy_wrap .boxblock {width:calc(50% - 24px);}
}
@media screen and (max-width: 1300px) {
    /*milestone*/
    .inner.miles{padding: 0 80px 120px;}

    .esg_activity_wrap .activity_cont .structure:before {left:19.6%;background-size:85px 7.6px;}
    .esg_activity_wrap .activity_cont .structure:after {left:66.2%;background-size:85px 7.6px;}
    .esg_activity_wrap .activity_cont .structure2 .txt {font-size:18px;line-height:28px}
    .esg_activity_wrap .activity_cont .structure {padding:0 40px}
    .esg_activity_wrap .activity_cont .structure_type02 .structure_cont .name {font-size:18px;line-height:28px}
}
@media screen and (max-width: 1231px) {
    /*milestone*/
    .miles_wrap ul li .miles_box .miles_tit {font-size: 22px;line-height: 32px;min-height:auto;}
    .miles_wrap ul li .miles_box{padding:32px;}
    /* 사회공헌활동 */
    .esg_activity_wrap .activity_tit dd {top: 220px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
    /* ESG 보고서 */
    .directors_wrap.esg .directors_list li .board_des.esg .report_title{min-height:76px}
}
@media screen and (min-width: 1232px) and (max-width: 1250px) {
    /*milestone*/
    .miles_wrap ul li .miles_box .miles_tit {font-size: 22px;line-height: 32px;    }
    .miles_wrap ul li .miles_box{padding:32px;}
}
@media screen and (max-width: 1200px) {
    .esg_activity_wrap .activity_cont .business {display:block}
    .esg_activity_wrap .activity_cont .business li {width:100%}
    .esg_activity_wrap .activity_cont .business li + li {margin-top:16px}
    .esg_activity_wrap .activity_cont .business li br {display:none}
    .esg_activity_wrap .activity_cont .business li span:last-child {font-size:18px;line-height:26px}
}
@media (max-width: 1367px) {
    /*대외평가, 참여이니셔티브*/
    .half_gallery .half_gal_btm {height: 138px;padding: 24px;}
    .half_gallery .half_gal_tit{font-size: 20px;line-height: 32px;}
    .half_gallery .half_gal_tit.long{padding-right:0px;}
    /*참여이니셔티브*/
    .half_gallery.partici .half_gal_btm {padding: 24px;}  
}
@media (max-width: 1335px) {
    /*대외평가*/
    .half_gallery .half_gal_btm {height: 155px;}
    .mid_none{display:none;}
}
@media (max-width: 1162px) {
    /*참여이니셔티브*/
    .half_gallery.partici .half_gal_btm {height: 160px;}
}
@media (min-width: 1024px) and (max-width: 1063px) {
    /*대외평가*/
    .half_gallery .half_gal_btm {height: 183px;}   
}    
@media screen and (max-width: 1023px) {
    /*esg 정책*/ 
    .policy_wrap  {padding:32px 0 32px;z-index:1;max-height:100%}
    .policy_wrap.on.height {overflow:auto}
    .policy_wrap.type1 {background:url(../images/esg/esg_rule_bg1.jpg) no-repeat top center;background-size:cover;}
    .policy_wrap.type2 {background:url(../images/esg/esg_rule_bg2.jpg) no-repeat center center;background-size:cover;}
    .policy_wrap.type3 {background:url(../images/esg/esg_rule_bg3.jpg) no-repeat top right;background-size:cover;}
    .policy_wrap .policy_list {margin:0;}
    .policy_wrap .boxblock  {position:relative;height:auto;width:100%;margin:0;border-radius:16px;padding:32px 24px;}
    .policy_wrap .boxblock .tit {font-size:22px;line-height:34px;font-weight:700;color:#fff;}
    .policy_wrap .boxblock ul li + li {margin-top:8px}
    .policy_wrap .boxblock + .boxblock {margin-top:16px}
    .policy_wrap .inner {padding:0 56px 0}
    /* esg 보고서 */
    .inner.esg { margin-top: 0;}
    .directors_wrap.esg ul.directors_list{display: block;margin: 0;}
    .directors_wrap.esg ul.directors_list li{width:100%;display:flex;align-items:center;margin:16px 0 0 ;}
    .directors_wrap.esg .directors_list li .board_img{width: 156px;margin-right:16px;padding:0;height: 156px;border-radius: 16px;}
    .directors_wrap.esg .directors_list li .board_des.esg{width: calc(100% - 172px);}
    .directors_wrap.esg .directors_list li .board_des.esg .year{font-size:12px;line-height:22px;margin-top:0;}
    .directors_wrap.esg .directors_list li .board_des.esg .report_title{font-size: 18px;line-height: 24px;margin-bottom: 24px;} 
    /*esg 지배구조 모바일*/ 
    .bul_list.esggover{margin-bottom:16px;}
    .esggover_top{position:relative;width:100%;height:fit-content; padding:16px 16px 16px 25px;flex-wrap:wrap; border: 1px solid #565B64;border-radius: 16px;}
    .esggover_top .mo_leftline{display:block;position: absolute;bottom:43.5px;left: 16px;width: 1px;height: 160px;background: #D6DBE1;}
    .esggover_topl{position:relative;width:100%;margin-left:23px;border-radius: 24px;padding: 0px;border: none; margin-bottom:16px;}
    .esggover_topl:after {    content: '';display: block;position: absolute;top:50%;transform:translateY(-50%);left: -16px;width: 1px;height: 150px;background: #D6DBE1;}/*시작점*/
    .esggover_topl:before {    content: '';display: block;position: absolute;top:50%;transform:translateY(-50%);left: -32px;width: 16px;height: 1px;background: #D6DBE1;}/*시작점*/
    .esggover_topc{position:relative;min-width:48px;text-align: center;}
    .esggover_topc:after {content: '';display: block;position: absolute;top:50%;transform:translateY(-50%);left: -8px;width: 70px;height: 1px;background: #D6DBE1;z-index: -1;}/*시작점*/
    .esggover_topc span{display: inline-block; font-size: 14px;font-weight: 500;line-height: 22px;border:none;background-color:#fff;letter-spacing: -0.5px;}
    .esggover_topr{width:calc(100% - 56px); height:56px;background-color:#94ABFA;color:#fff;font-size: 16px;line-height: 26px;}
    .esggover_blue{position:relative;flex-direction:column;height:78px;font-size: 16px;line-height: 26px;}
    .esggover_blue:after {content: '';display: block;position: absolute;top:50%;transform:translateY(-50%);left: -16px;width: 16px;height: 1px;background: #D6DBE1;}/*시작점*/
    .esggover_gray{flex-direction:column;background-color:#EBEFF5;height:78px;font-size: 18px;line-height: 28px;}
    .esggover_gray + .esggover_gray{margin-top:16px;}
    .esggover_blue span, .esggover_gray span{font-size: 16px;line-height: 26px; display:block;}
    .esggover_arrow{margin:16px 0 ; height:40px;display:flex;justify-content: center;align-items: center;}
    .esggover_arrow .esggover_arrM{width:34px; height:40px;background:url(../images/esg/esggover_arrow_mo.svg) no-repeat center center;background-size:auto 100%;margin-right:8px;}
    .esggover_arrow .esggover_arrL,
    .esggover_arrow .esggover_arrR{width:50%;text-align: center;font-size: 14px;line-height: 22px;}
    .esggover_btm{width:100%;padding:0;}
    /*esg 대외평가*/ 
    .half_gallery{margin-top:32px;flex-direction: column;}
    .half_gallery *{box-sizing: border-box;}
    .half_gallery .half_gal_box{width:100%;border-radius:16px;}
    .half_gallery .half_gal_top{padding: 16px;height:fit-content;}
    .half_gallery .half_gal_logo{width:80px;min-width:80px;padding-right: 16px;height:60px;}
    .half_gallery .half_gal_tit{font-size: 14px;line-height: 22px; padding-left: 16px;}
    .half_gallery .half_gal_tit .font-sm{font-size: 14px;}
    .half_gallery .gal_tit_sub{font-size: 12px;line-height: 18px; }
    .half_gallery .half_gal_btm{height:auto;padding: 16px;}
    .half_gallery .half_gal_txt{color: #565B64;font-size: 14px;line-height: 22px; }
    /*esg 참여 이니셔티브*/ 
    .half_gallery.partici .half_gal_btm{height:auto;}
    .half_gallery.partici .half_gal_top,
    .half_gallery.partici .half_gal_btm{padding:16px;}
    /* milestone 모바일*/
    .inner.miles{padding: 0 56px 80px;}
    .miles_wrap {margin-top:16px;}
    .miles_wrap .s_tit {display:none;}
    .miles_wrap .miles_list:before{ display:none;}/*마지막점*/
    .miles_wrap ul li.lastL:before {display:none;}/*마지막 li는 none처리*/
    .miles_wrap ul li:first-child:after {  display:none;}/*시작점*/
    .miles_wrap ul li {position:relative;vertical-align:top;width:calc(100% - 16px);}
    .miles_wrap ul li:nth-child(2n){float:none;padding-left:18px;padding-top:0;margin-top:0;}
    .miles_wrap ul li:nth-child(2n+1) {float:none;padding-right:0;padding-left:18px;padding-top:0;margin-top:0;}
    .miles_wrap ul li:nth-child(2n):before,
    .miles_wrap ul li:nth-child(2n+1):before {left:1px;right:auto;top:25px;height:calc(100% - 25px);border-radius: 2px;}
    .miles_wrap ul li .miles_box {width:auto;padding:0 0 48px 0;border:none;}
    .miles_wrap ul li:last-child .miles_box {padding-bottom:0}
    .miles_wrap ul li .miles_box .miles_tit {font-size:18px;line-height:28px;}
    .miles_wrap ul li .miles_box .miles_date {font-size:14px;line-height:22px;font-weight:500;}
    .miles_wrap ul li .miles_box .badge{position:relative;}
    .miles_wrap ul li .miles_box .badge:before{ content: '';display: block;position: absolute;top: 6px;left: -19px; width: 8px;height: 8px;background: #24272d;border-radius: 50%;}
    .miles_wrap ul li.hei{height:unset;}
    .miles_wrap ul li.hei2{height:unset;}
    .miles_wrap ul li.hei3{margin-top:unset;}
    /*사회공헌활동*/
    .esg_activity_wrap {display:block;}
    .esg_activity_wrap .activity_tit {width:100%;margin-right:0;text-align:center}
    .esg_activity_wrap .activity_tit .s_tit {text-align:center;position:unset;top:unset;left:unset;}
    .esg_activity_wrap .activity_tit dd {font-size:16px;line-height:26px;position:unset;top:unset;left:unset;}
    .esg_activity_wrap .activity_cont {width:100%;margin-top:32px}
    .esg_activity_wrap .activity_cont li .tit {font-size:20px;line-height:32px;margin-bottom:16px;text-align:center}
    .esg_activity_wrap .activity_cont li .cont img {width:200px;height:50px;}
    .esg_activity_wrap .activity_cont li + li {margin-top:32px}
    .esg_activity_wrap .activity_cont .structure_wrap:after {content:'';display:block;clear:both}
    .esg_activity_wrap .activity_cont .structure {float:left;display:flex;flex-direction:column;position:relative;width:86px;height:368px;padding:32px 16px;justify-content:space-between;align-items:center;background: linear-gradient(180deg,#64A0E1 0%,#18A9D2 100%);
    border-radius:16px;box-sizing:border-box}
    .esg_activity_wrap .activity_cont .structure span {font-size:18px;line-height:28px;text-align:center}
    .esg_activity_wrap .activity_cont .structure span:nth-child(2) {font-size:16px;line-height:26px;}
    .esg_activity_wrap .activity_cont .structure:before {top:80px;left:50%;width:7.6px;height:53px;transform:translateX(-50%);background:url(../images/esg/activity_line_m.png) no-repeat;background-size:7.6px 53px}
    .esg_activity_wrap .activity_cont .structure:after {top:234px;left:50%;width:7.6px;height:53px;transform:translateX(-50%);background:url(../images/esg/activity_line_m.png) no-repeat;background-size:7.6px 53px}
    .esg_activity_wrap .activity_cont .structure2 {float:right;display:block;width:calc(100% - 102px);margin-left:0;margin-top:-16px}
    .esg_activity_wrap .activity_cont .structure2 .txt {display:block;width:100%;background:#f3f6fb;border-radius:16px;margin-left:0;font-size:16px;padding:43px 0;line-height:26px;height:112px;box-sizing:border-box;margin-top:16px}
    .esg_activity_wrap .activity_cont .structure2 .txt span {padding-right:23px}
    .esg_activity_wrap .activity_cont .structure2 .txt:last-child {margin-right:0}
    .esg_activity_wrap .activity_cont .structure2 .txt span:after {width:19px;height:19px;background-size:19px 19px}
    .esg_activity_wrap .activity_cont .business {display:block;width:100%;margin-left:0}
    .esg_activity_wrap .activity_cont .business li {width:100%;border-radius:16px;margin-left:0;margin-top:0;display:table;table-layout:fixed}
    .esg_activity_wrap .activity_cont .business li + li {margin-top:16px}
    .esg_activity_wrap .activity_cont .business li:after {content:'';display:block;clear:both}
    .esg_activity_wrap .activity_cont .business li span {display:table-cell;width:100%;vertical-align:middle}
    .esg_activity_wrap .activity_cont .business li span:first-child {border-top-left-radius:16px;border-bottom-left-radius:16px;border-top-right-radius:0;width:86px;background:#0046ff;font-size:18px;line-height:28px;color:#fff;padding:16px;box-sizing:border-box}
    .esg_activity_wrap .activity_cont .business li span:last-child {border-bottom-left-radius:0;border-bottom-right-radius:16px;border-top-right-radius:16px;padding:16px;font-size:16px;line-height:26px;}
    .esg_activity_wrap .activity_cont .business li span:last-child br {display:none}
    .esg_activity_wrap .activity_cont .business li:last-child {margin-right:0;}
    .esg_activity_wrap .activity_cont .video_wrap {margin-top:32px}
    .esg_activity_wrap .activity_cont .video_wrap ul {margin-top:0}
    .esg_activity_wrap .activity_cont .video_wrap ul li {float:none;width:100%;margin-right:0;margin-top:0;}
    .esg_activity_wrap .activity_cont .video_wrap ul li + li {margin-top:16px}
    .esg_activity_wrap .activity_cont .video_wrap ul li:nth-child(2n) {margin-left:0;}
    .esg_activity_wrap .activity_cont .video_wrap .txt {padding:16px;font-size:16px;line-height:26px;}
    .esg_activity_wrap .activity_cont .structure_type02{display: block;margin:0;}
    .esg_activity_wrap .activity_cont .structure_type02 .structure_cont,
    .esg_activity_wrap .activity_cont .structure_type02 .structure_cont.link{width:calc(100% - 102px);margin: 0;height: 112px;float: right;}
    .esg_activity_wrap .activity_cont .structure_type02 .structure_cont:not(:last-of-type){margin-bottom: 16px;}
    .esg_activity_wrap.space1 {margin-top:-56px} 
    .esg_activity_wrap {transform: translateY(50px);}
    .esg_activity_wrap.on {transform: translateY(0);}
    /* esg 전략지표 */
    .title.indicator{margin-bottom: 32px;}
    .esg_indicator::before{top: 104px;left: 74px;z-index: 1;}
    .esg_indicator.type2::before{left: 74px;z-index: 1;}
    .esg_indicator.type3::before{left: 74px;z-index: 1;}
    .esg_indicator {padding: 144px 56px 56px;}
    .esg_indicator .print_wrap .month li:first-child{padding-top: 0;}
    .esg_indicator .print_wrap .month::before{width: 52px;height: 52px; left: -5px;top:-120px;z-index: 9;}
    .esg_indicator .print_wrap .month.active::before{top: 94px;left: 50px;}
    .esg_indicator.type3::before {height: 100%;}
    .esg_indicator .print_wrap .month li{width: 100%;}
    .esg_indicator .print_wrap .month li:nth-child(2n+1){padding-left: 0;}
    .esg_indicator .print_wrap .month li + li {padding-top: 24px;}
    .esg_indicator .print_wrap .month .tit_date{flex-direction: column;align-items: baseline;}
    .esg_indicator .print_wrap .month .tit_date .tit{font-size: 20px;line-height: 32px;}
    .esg_indicator .print_wrap .month .tit_date .right{font-size: 12px;line-height: 18px;}
    .esg_indicator .print_wrap .month .num_tit{font-size: 16px;line-height: 26px;}
    .esg_indicator .print_wrap .month .num{font-size: 32px;line-height:44px;}
    .esg_indicator .print_wrap.type3 li .two_num div .num_tit{text-align: start;}
    .esg_indicator .print_wrap.type3 li .two_num div .num{text-align: start;}
    .esg_indicator.type2{padding: 104px 56px 56px;background-position: bottom;}
    .esg_indicator.type3{padding:104px 56px 88px;background-position: bottom;}
    .esg_indicator .print_wrap .month li .esg_content{padding:24px 24px 24px 60px;}
    .esg_indicator .print_wrap .month .tit_date{margin-bottom: 40px;}
    .esg_indicator .print_wrap .month.scroll.active:before {top:94px;left: 50px;}
    .esg_indicator.type2 .print_wrap .month.active.scroll::before{top: 94px;left: 50px;}
    .esg_indicator.type3 .print_wrap .month.active.scroll:before{top: 94px;left: 50px;}
    .esg_indicator.type2 .print_wrap .month.active::before{top: 94px;left: 50px;}
    .esg_indicator.type3 .print_wrap .month.active:before{top: 94px;left: 50px;}
    .esg_indicator.type2 .print_wrap .month::before{top: -104px;left: -5px;}
    .esg_indicator.type3 .print_wrap .month:before{top: -104px;left: -5px;}
}
@media screen and (max-width: 767px){
    .policy_wrap .inner {padding:0 16px 0}
    .inner.miles{padding: 0 16px 80px;}
    .esg_indicator::before{left: 46px;}
    .esg_indicator {padding: 144px 16px 56px}
    .esg_indicator.type2{padding: 104px 16px 56px;}
    .esg_indicator.type3{padding:104px 16px 88px;}
    .esg_indicator.type2::before{left: 46px;}
    .esg_indicator.type3::before{left: 46px}
    .esg_indicator .print_wrap .month::before{left: 8px;}
    .esg_indicator .print_wrap .month.active::before{left: 24px;}
    .esg_indicator .print_wrap .month.scroll.active:before {left: 24px;}
    .esg_indicator.type2 .print_wrap .month.active.scroll::before{left: 24px;}
    .esg_indicator.type3 .print_wrap .month.active.scroll:before{left: 24px;}
    .esg_indicator.type2 .print_wrap .month.active::before{left: 24px;}
    .esg_indicator.type3 .print_wrap .month.active:before{left: 24px;}
    .esg_indicator.type2 .print_wrap .month::before{left: 8px;}
    .esg_indicator.type3 .print_wrap .month:before{left: 8px;}
}
@media screen and (max-width: 560px){
    /*대외평가*/
    .visual_sub.eval{background:url(../images/esg/evaluation_bg_mo.jpg) no-repeat center;background-size:cover;}
    .visual_sub.eval img{opacity:0;}
    .esg_indicator .print_wrap li .two_num{gap:20px;}
}
@media screen and (max-width: 375px){
    .esg_indicator .print_wrap .month .tit_date{flex-direction: column;align-items: baseline;}
}
@media screen and (max-width: 360px) {
    .policy_wrap .boxblock .roundbt.type2.long {width:100%}
    .policy_wrap.on.height {overflow-x:hidden}
    .esggover_arrow .esggover_arrR.ty02{line-height:22px; letter-spacing: -0.5px;}
}
@media screen and (max-width: 344px) {
    .policy_wrap .boxblock .roundbt.type2 {font-size:11px}
    .policy_wrap  {margin-top:-40px;}
    .esggover_arrow .esggover_arrL.ty02{font-size:14px;}
    .esggover_arrow .esggover_arrR.ty02{font-size:14px;}
}