/*공통*/
@view-transition {
    navigation: auto;
  }

::view-transition-group(root){
    animation-duration: 0.7s;
}


.path{display: flex;flex-wrap: wrap;}
.path li{position: relative;padding-right: 17px;}
.path li:after{content: '>';font-size: 13px;color: #999;position: absolute;top: 50%;right: 4px;transform: translateY(-50%);}
.path li:last-child::after{display: none;}
.path li a{font-size: 13px;color: #999;}
.path li.current a{color: #fff;}
.page_title_bnr{position: relative;height: 800px;overflow: hidden;}
.page_title_bnr .inner{    width: 100%; position: absolute;z-index: 1;left: 50%;transform: translateX(-50%);top: 120px;bottom: 120px;display: flex;flex-direction: column;justify-content: space-between;z-index: 2;}
.page_title_bnr:after{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;}
.compliance .page_title_bnr:after,
.governance .page_title_bnr:after{    background: rgba(0, 0, 0, 0.5);}

.page_title_bnr video{position: absolute;    top: 50%;transform: translateY(-50%) scale(1.3);left: 0;right: 0;bottom: 0; width: 100%;    object-fit: cover;}
.env .page_title_bnr video{width: 100%;}
.page_title_txt{}
.page_title_txt p{color: #fff;font-size: 36px;font-weight: 500;line-height: 1.5;opacity: 0;transform: translateY(15px);animation: fadeInUp 0.8s forwards;}
.fade-in.delay-0 {animation-delay: 0.2s;}
.fade-in.delay-1 {animation-delay: 0.6s;}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.esg_title{padding: 80px 0 50px;border-bottom: 1px solid #EAEAEA;}
.esg_title h2{font-size: 50px;color: #000;font-weight: 500;line-height: 1.5;display: block;}
.esg_subtit_wrap{}
.pad10{/*max-width: 1400px;width: 100%;margin: 0 auto;*/padding: 0 10%;}
.emph_tit{font-size: 32px;font-weight: 600;line-height: 1.5;}
.esg_sub_desc{font-size: 16px;line-height: 28px;}
.esg_item{}
.esg_item_tit{font-size: 22px;line-height: 1.5;color: #000;font-weight: 600;}
.env .esg_item_tit{padding: 120px 10% 30px;}
.esg_txt{font-size: 16px;line-height: 28px;}
.esg_flex_wrap{display: flex;flex-wrap: wrap;padding: 0 10%;}
.esg_menu{width: 20%;padding-top: 50px;}
.social_menu{position: sticky;top: 80px;left: 0;}
.social_menu .mo_block{display: none;}
.social_menu > li{padding-bottom: 24px;}
.social_menu > li.selected a{color: #FF4853;font-weight: 600;}
.compliance .social_menu > li.selected a,
.governance .social_menu > li.selected a,
.for_people .social_menu > li.selected a{display: block;margin-bottom: 24px;}
.social_menu > li a{font-size: 20px;font-weight: 500;line-height: 1.5;color: #999;}
.social_menu .social_sub_menu{display: none;}
.social_menu .social_sub_menu li{position: relative;padding-left:16px;margin-bottom: 16px;}
.social_menu .social_sub_menu li::before{content: "";display: block;width: 6px;height: 6px;background-color: #fff;border: 1px solid #DEDEDE;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.social_menu .social_sub_menu li a{color: #999999;font-size: 15px;font-weight: 500;line-height: 1.5;}
.social_menu .social_sub_menu li.active:before{border: none;background: #FF4853;}
.social_menu .social_sub_menu li.active a{color: #000;}
.for_people .social_sub_menu{display: block;}
.esg_right_cont{width: 80%;padding: 50px 20px 200px 60px;border-left: 1px solid #EAEAEA}
.esg_right_cont .emph_tit{padding-bottom: 60px;}
.esg_right_cont .emph_tit:not(:first-of-type){padding-top: 100px;}
.esg_right_cont .esg_item_tit{margin-bottom: 30px;}
.sc_esg_right_box{padding-bottom: 100px;position: relative;}

/*environment*/
.esg_subtit_wrap .emph_tit{padding: 50px 10% 30px;}
.esg_guideline{background-color: #fafafa;padding: 24px 30px;margin: 20px 0 ;}
.esg_guideline li{color: #666666;font-size: 15px;line-height: 26px;}
.esg_guideline_download{display: inline-block;width: 160px;line-height: 40px;border: 1px solid #DEDEDE;font-weight: 500;font-size: 13px;text-align: center;cursor: pointer;}
.esg_guideline_download .file_download_icon{display: inline-block;width: 11px;margin-left: 8px;}
.esg_guideline_download .file_download_icon img{width: 100%;}
.sc_eco_act{border-top: 1px solid #EAEAEA;}
.eco_activity_box{display: flex;flex-wrap: wrap;}
.eco_act_tit{font-size: 20px;font-weight: 500;line-height: 1.5;padding-top: 50px;    padding-left: 10%;    width: 23%;}
.eco_act_desc{ width: 77%; display: flex;justify-content: space-between;gap: 0 60px;border: 1px solid #EAEAEA;padding: 30px 10% 30px 60px;border-top: 0;border-right: 0;}
.sc_esg_wrap > div:last-child .eco_act_desc{border-bottom: 0;padding: 30px 10% 250px 60px;}
.eco_act_txt{width: calc(100% - 440px);display: flex;flex-direction: column;justify-content: space-between;padding: 20px 0 15px;}
.eco_act_txt p{font-size: 16px;line-height: 28px;}
.sc_esg_wrap > div:first-child .eco_emblem{height: 54px;}
.sc_esg_wrap > div:last-child .eco_emblem{height: 37px;}
.eco_emblem img{height: 100%;}
.eco_act_img{width: 440px;}
.eco_act_img img{width: 100%;}

/*for_people*/
.esg_img_full img{width: 100%;}
.for_people .esg_img_full{margin-top: 50px;}
.rate_women_wrap{position: relative;margin: 30px 0 80px;}
.rate_desc{position: absolute;top: 0;right: 0;font-size: 12px;color: #999;line-height: 1.5;text-align: right;}
.rate_women_inner {position: absolute;width: 100%;height: 100%;}
.rate_num {position: absolute;width: 35%;}
.rate_num.left{top: 25%;left: 6%;}
.rate_num.right{right: 6%;text-align: right;bottom: 0;}
.rate_num:before {content: "";position: absolute;top: 0%;left: 0;width: 100%;height: 2px;background: black;mix-blend-mode: difference;pointer-events: none;transform: translateY(-50%);z-index: 3;}
.rate_num:after {content: "";position: absolute;top: -1px;left: 0;width: 100%;height: 1px;    background: #fff;z-index: 1;}
.rate_num b{font-size: 80px;font-weight: 400;line-height: 1.5;display: block;z-index: 1;position: relative;}
.rate_num span{color: #666;font-size: 14px;line-height: 1.5;z-index: 1;position: relative;}
.rate_num span br{display: none;}
.rate_img{width: 384px;margin: 0 auto;position: relative;}
.rate_img img{width: 100%;}
.link_recruit{display: inline-block; font-size: 13px;color: #fff; font-weight: 500;line-height: 1.5;padding: 9px 14px;background: #FF4853;border-radius: 30px;    position: absolute;top: 0;right: 0;}
.link_recruit:visited{color: #fff;}
a.link_recruit:link, a.link_recruit:visited {color: #fff;}

/*social_responsibility*/
.social_responsible .esg_flex_wrap{padding: 0 0 0 10%;}
.donate_info_wrap{display: flex;flex-wrap: wrap;margin-top: 40px;}
.donate_info_wrap > div:first-child{border-right: 1px solid #EAEAEA;padding-right: 80px;margin-right: 80px;}
.donate_box{line-height: 1.5;display: flex;gap: 40px;align-items: center;}
.donate_box >p{font-size: 15px;color: #666;}
.donate_box strong{font-size: 80px;color: #000;}
.donate_box span{font-size: 30px;;}
.donate_warn{font-size: 12px;line-height: 1.5;color: #999;}
.social_responsible .esg_right_cont{padding: 0;}
.responsible_top{padding: 50px 14% 0 60px;}
.esg_right_cont .responsible_bottom .esg_item_tit{padding-left: 60px;}
.responsible_bottom{padding-bottom: 200px;}
.sc_resp_right_box{padding: 0 14% 40px 60px;border-bottom: 1px solid #EAEAEA;margin-bottom: 40px;}
.sc_resp_right_box:last-child{border-bottom: 0;}
.resp_box_inner_wrap{display: flex;flex-wrap: wrap;align-items: center;}
.resp_box_inner{width: calc(100% - 222px);padding-right: 50px;box-sizing: border-box;}
.resp_img{width: 222px;}
.resp_img img{width: 100%;}
.esg_item_sub_tit{font-size: 20px;font-weight: 500;line-height: 1.5;color: #000;}
.sc_resp_right_box .esg_txt{margin: 20px 0 14px;}
a.view_article{font-size: 14px;line-height: 1.5;color: #999;}
a.view_article i{display: inline-block;margin-left: 6px; width: 10px;height: 10px;background: url(/img/resp_arrow.png)no-repeat center/cover;} 
.resp_box_inner .esg_txt{    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}


/*social_safety*/
.safety_bnr{margin: 100px 0 30px;}
.safety_system_bnr{width: 424px;margin: 60px auto 0;}
.safety_bnr img,
.safety_system_bnr img{width: 100%;}
.safety_rate_wrap{display: flex;flex-wrap: wrap;justify-content:center;}
.safety_rate_wrap > div:first-child{padding-right: 108px;margin-right: 108px;position: relative;}
.safety_rate_wrap > div:first-child:after{content: "";display: block;width: 1px;height: 70px;background: #dedede;position: absolute; top: 50%;transform: translateY(-50%);right: 0;}
.safety_rate_box{line-height: 1.5;color: #000;text-align: center;}
.safety_rate i,
.safety_rate strong{font-size: 80px;font-weight: 500;}
.safety_rate i{font-style: normal;}
.safety_rate_box b{display: block;font-size: 24px;font-weight: 600;padding-bottom: 10px;}
.safety_rate_box span{font-size: 12px;color: #999;}


/*information_protection*/
.info_secure_member{width: 430px;margin: 60px auto 0;}
.info_secure_member img,
.info_secure_program img{width: 100%;}
.info_secure_program{width: 95%;margin: -10% auto 0;}
.info_secure_program_mo{display: none;}
.info_policy_table{border-top: 1px solid #000;margin-top: 30px;overflow-x: scroll;}
.info_policy_table table{width: 100%;min-width: 600px;overflow-x: scroll;}
.info_policy_table thead{background: #F8F8FA;}
.info_policy_table tbody td{text-align: center;}
.info_policy_table tbody th.left,
.info_policy_table tbody td.left{text-align: left;}
.info_policy_table table tr{border-bottom: 1px solid #EAEAEA;}
.info_policy_table table tr:first-child td:first-child{text-align: center;}
.info_policy_table th,
.info_policy_table td{line-height: 1.5; font-size: 14px;padding: 15px 30px;text-align: center;border-right: 1px solid #EAEAEA;vertical-align: middle;}
.info_policy_table th:last-child,
.info_policy_table td:last-child{border-right: 0;}
.info_policy_table th{color: #666;font-weight: 500;}
.info_policy_table td{line-height: 24px;color: #000;}
.esg_txt_b{font-weight: 500;font-size: 18px;color: #000;line-height: 1.5;display: block;padding-bottom: 10px;}
.esg_txt_b:nth-of-type(2){padding-top: 60px;}

/*Governance*/
.governance .social_sub_menu.govern{display: block;}
.gov_accordion {position: relative;}
.gov_accordion_title {position: relative;padding: 30px 0;border-top: 1px solid #dedede;font-size: 20px;font-weight: 500;color: #999;cursor: pointer;}
.gov_accordion:last-of-type .gov_accordion_title{border-bottom: 1px solid #dedede;}
.gov_accordion.active .gov_accordion_title {color: #000;font-weight: 600;}
.gov_accordion_title .acc_arrow {position: absolute;right: 20px;top: 50%; transform: translateY(-50%);width: 15px;transition: all .3s;}
.gov_accordion.active .acc_arrow {transform: translateY(-50%) rotate(180deg);}
.gov_accordion_cont {height: 0;overflow: scroll; transition: all .4s;max-height: 340px;}
.gov_accordion_txt{    background: #F7F7F7;padding: 24px 30px; }
.gov_accordion_txt p {font-size: 15px;color: #000;line-height: 26px;}
.gov_accordion_txt p:not(:last-child){margin-bottom: 30px;}
.gov_accordion_txt b{font-size: 16px;font-weight: 500;display: block;padding-bottom: 10px;}
.gov_accordion:after, .gov_accordion:before {content: "";display: block;position: absolute;width: 100%;height: 1px;background: #000;left: 0;bottom: -30px;opacity: 0;transition: all .2s;z-index: 1;}
.gov_accordion.active:after, .gov_accordion.active:before{opacity: 1;}
.gov_accordion:before {top: 0;}
.gov_accordion.active .acc_arrow:after, .gov_accordion.active .acc_arrow:before {
    background-color: #000;
}

.gov_accordion_title .acc_arrow:after {
    left: 0;
    top: 0;
    transform: rotate(45deg);
}
.gov_accordion_title .acc_arrow:before {
    right: 0;
    top: 0;
    transform: rotate(-45deg);
}
.gov_accordion_title .acc_arrow:after,  .gov_accordion_title .acc_arrow:before {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 1px;
    background-color: #999;
    z-index: 1;
    transition: all .3s;
}
.meeting_result_desc{font-size: 12px;color: #999;line-height: 1.5;display: block;padding-top: 20px;} 
.meeting_result_desc li:nth-child(2){padding-left: 10px;}
.meeting_result_wrap{display: none;}
.meeting_result_wrap.show{display: block;}
.shareholder_result_tit{font-size: 16px;font-weight: 500;line-height: 1.5;}
.meeting_result_wrap > div:first-of-type{padding-bottom: 80px;}
.meeting_res_top{display: flex;justify-content: space-between;align-items: center;}
.select_meeting_year{display: flex;gap: 12px;align-items: center;}
select.select_year{width: 220px;height:49px;padding: 0 20px; border: 1px solid #DEDEDE;font-size: 14px;color: #000;font-weight: 500;line-height: 1.5;    -webkit-appearance: none;
    -moz-appearance: none;cursor: pointer;
    appearance: none;outline: none; background: url(/img/table_select_arrow.png) no-repeat 95% 50% / 12px auto;}
.select_meeting_year p{font-size: 12px;color: #999;line-height: 1.5;}
.meeting_policy_download{display: flex;gap: 11px;}
.meeting_policy_download a{flex: 1;display:block;line-height: 47px;text-align: center; font-size: 14px;font-weight: 500;border: 1px solid #DEDEDE;}
.meeting_policy_download a:hover{border-color: #000;}
.meeting_policy_download a i{display: inline-block;width: 11px;margin-left: 8px;}
.meeting_policy_download a i img{width: 100%;}
.info_policy_table.w640 table{min-width: 640px;}

.mo_table{display: none;}


/*compliance*/
.compliance1{max-width: 420px;margin: 60px auto 0;}
.compliance1 img{width: 100%;}
.compliance .social_sub_menu.compl{display: block;}
.compl_system{display: flex;flex-wrap: wrap;gap: 20px;}
.compl_sys_box{width: calc(50% - 10px);border: 1px solid #EAEAEA;padding: 40px;display: flex;flex-wrap: wrap;}
.compl_sys_box b{display: block;width: 120px;font-size: 18px;font-weight: 600;line-height: 1.5;color: #000;}
.compl_sys_box ul{width: calc(100% - 120px);}
.compl_sys_box li{font-size: 15px;line-height: 26px;color: #666;}
.compliance2{max-width: 630px;width: 100%;margin: 0 auto;}
.ethic_rule_wrap{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 30px;overflow: hidden;}
.ethic_rule_wrap.mo_block{display: none;        margin-right: -20px;}

.ethic_box{width: calc(50% - 10px); border: 1px solid #EAEAEA; padding:40px;height: 310px;box-sizing: border-box; position: relative;}
.ethic_box b{font-size: 18px;font-weight: 500;color: #000;}
.ethic_box p{font-size: 15px;line-height: 26px;color: #666;padding-top: 20px;}
.ethic_icon{width: 66px;position: absolute;bottom: 30px;right: 30px;}
.ethic_icon img{width: 100%;} 
.ethic_act_wrap{display: flex;flex-wrap: wrap;gap: 0 20px;}
.ethic_act_img{width: 66px;height: 66px;display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 30px;}
.ethic_act_img img{width: 100%;}
.ethic_act{width: calc(25% - 15px);height: 234px; display: flex;flex-wrap: wrap;flex-direction: column; justify-content: center;align-items: center;border: 1px solid #EAEAEA;}
.ethic_act b{font-size: 16px;font-weight: 500;line-height: 1.5;color: #000;text-align: center;}
.ethic_act b br{display: none;}
.ethic_act p{color: #999;font-size: 12px;line-height: 1.5;padding-top: 6px;}
.report_type{color: #000;}
.report_sub_tit{display: block;font-size: 18px;font-weight: 600;line-height: 1.5;padding:60px 0 20px;}
.report_type ul{display: flex;flex-wrap: wrap;}
.report_type li{width: 50%;font-size: 16px;line-height: 28px;}
.report_process_inner{display: flex;flex-wrap: wrap;gap: 20px;}
.report_process_box{position: relative; width: calc(20% - 16px);border-radius: 3px 14px 14px 3px; border: 1px solid #DEDEDE;height: 200px;box-sizing: border-box;text-align: center;display: flex;flex-wrap: wrap;flex-direction: column; justify-content: center;align-items: center;}
.report_process_box > b{font-size: 15px;font-weight: 600;line-height: 28px;color: #000;}
.report_process_box > p{font-size: 14px;line-height: 23px;color: #666;padding-top: 4px;}
.process_order{background: #000;color: #fff; display: inline-block;font-size: 11px;font-weight: 600;width: 25px;line-height: 25px;text-align: center;border-radius: 3px 0 3px 0 ;position: absolute;top: 0;left: 0;}
.report_result_wrap{display: flex;flex-wrap: wrap;gap: 0 20px;}
#report_cont2 {padding-top: 0;max-width: unset;}
#report_cont2 .action_right ul.action_right_list li{  width: 33.33%;}
#report_cont2 .action_right ul.action_right_list button{width: 100%;}
#report_cont2 .action_right {width: 100%;}
.reporter_protect_rule li{font-size: 16px;line-height: 28px;padding-left: 10px;position: relative;}
.reporter_protect_rule li::before{content: "";display: block;position: absolute;width: 2px;height: 2px;background: #000;top: 50%;left: 0;border-radius: 50%;}





@media all and (max-width: 1200px) {
    .pad10 {padding: 0 20px;}
    .page_title_bnr{height: 720px;}
    .page_title_bnr .inner{top: 75px;bottom: 80px;}
    .path li a {font-size: 12px;}
    .emph_tit{font-size: 24px;}
    .env .emph_tit{padding: 50px 20px 40px;}
    .env .esg_item_tit{        padding: 80px 20px 20px;}
    .env .esg_title{padding: 80px 0 40px;    border-bottom: 1px solid #EAEAEA;}
    .esg_title{padding: 80px 0 30px;border: none;}
    .page_title_txt p{font-size: 24px;}
    .esg_title h2{font-size: 30px;font-weight: 500;}
    .esg_sub_desc{font-size: 14px;line-height: 25px;}
    .esg_item_tit{font-size: 18px;}
    .esg_txt {font-size: 14px;line-height: 25px;}
    .esg_flex_wrap{    flex-direction: column;padding: 0;}
    .esg_menu{position: sticky;top: 53px;background: #fff;width: 100%;border-right: 0;padding-top: 0;border-bottom: 1px solid #dedede;z-index: 9;}
    .social_menu{position: unset;display: flex;padding: 12px 20px 0;}
    .social_menu li{margin-right: 24px;padding-bottom: 12px;}
    .social_menu li.selected{border-bottom: 1px solid #FF4853;}
    .social_menu li a{font-size: 15px;}
    .esg_right_cont{width: 100%;padding: 50px 20px 100px;border-left: 0;}
    .esg_right_cont .emph_tit{padding-bottom: 40px;}
    .esg_right_cont .esg_item_tit{margin-bottom: 20px;}
    .sc_esg_right_box{padding-bottom: 50px;}
    .info_policy_table{margin-top: 20px;}
    .page_title_bnr video{ width: unset;   height: 100%;}

    .esg_right_cont .emph_tit:not(:first-of-type) {
        padding-top: 50px;
    }

    /*environment*/
    .esg_guideline{padding: 16px 20px;}
    .esg_guideline li{font-size: 13px;line-height: 24px}
    .esg_guideline_download{width: 140px;}
    .sc_eco_act{border-top: 0;}
    .eco_activity_box{flex-direction: column;}
    .eco_act_tit{padding-top: 0px;padding-left: 20px;font-size: 16px;width: 100%;}
    .eco_act_desc{width: calc(100% - 40px);padding: 10px 0px 30px;margin: 0 20px 30px;border-left: 0;flex-direction: column;}
    .eco_act_txt{width: 100%;padding: 0 0 30px;gap: 20px;}
    .eco_act_txt p{    font-size: 14px;line-height: 25px;}
    .sc_esg_wrap > div:first-child .eco_emblem{height: 37px;}
    .sc_esg_wrap > div:last-child .eco_act_desc{padding: 30px 0 250px;}
    .eco_act_tit br{display: none;}

    
    /*for_people*/
    .for_people .social_sub_menu{display: none;}
    .for_people .esg_img_full {margin-top: 30px;}
    .rate_women_wrap{margin: 30px 0 40px;}
    .rate_desc{position: unset;text-align: left;font-size: 11px;padding-top: 50px;}
    .rate_num b{font-size: 36px;}
    .rate_num span{font-size: 12px;}
    .rate_num.right{bottom: 35%;}
    .rate_num.left {top: 20%;}
    .link_recruit{position: unset;margin-top: 30px;}
    .for_people .social_menu > li.selected a{margin-bottom: 0;}


    /*social_responsibility*/
    .social_responsible .esg_flex_wrap{padding: 0;}
    .responsible_top {padding: 50px 20px 0;}
    .esg_right_cont .responsible_bottom .esg_item_tit {padding-left: 20px;}
    .sc_resp_right_box{padding: 0 20px;border-bottom: 0;}
    .esg_item_sub_tit {font-size: 15px;}
    .sc_resp_right_box .esg_txt {margin: 10px 0 30px;}
    .donate_box >p{font-size: 14px;}
    .donate_box strong {font-size: 60px;}
    .donate_box span {font-size: 24px;}


    /*Governance*/
    .governance .social_sub_menu.govern{display: none;}
    .compliance .social_menu > li.selected a,
    .governance .social_menu > li.selected a{margin-bottom: 0;}
    .gov_accordion_title{font-size: 16px;padding: 24px 0;line-height: 1.5;}
    .gov_accordion_txt{padding: 16px 20px;}
    .gov_accordion_txt b{font-size: 14px;padding-bottom: 6px;line-height: 1.5;}
    .gov_accordion_txt p{font-size: 13px;}
    .meeting_res_top{flex-direction: column;justify-content: unset;align-items: unset;}
    .select_meeting_year{flex-direction: row-reverse;justify-content: space-between;margin-bottom: 30px;}
    select.select_year{width: 140px;height: 42px;padding: 0 16px;font-size: 13px;}
    .shareholder_result_tit{font-size: 15px;}
    .pc_table{display: none;}
    .committee_info_mo.mo_table{display: block;border-bottom: 1px solid #000;}
   .committee_info_mo.mo_table table{min-width: unset;overflow: unset;}
   .committee_info_mo.mo_table td,
   .committee_info_mo.mo_table th{text-align: left;padding: 15px;}
   .meeting_result_desc{    padding-top: 12px;}
   .esg_txt_b{font-size: 15px;}

   /*컴플라이언스*/
.compliance .social_sub_menu.compl{display: none;}
.report_process_inner{gap: 12px;}
.report_process_box{width: calc(50% - 6px);height: 155px;}
.report_process_box > b {font-size: 14px;line-height: 20px;}
.report_process_box > p {font-size: 13px;line-height: 20px;padding-top: 2px};

}

@media all and (max-width: 767px) {
    .page_title_bnr{height: 100vh;}
    .page_title_bnr video{transform: translate(-50%, 0);
        left: 50%;
        width: unset;
        top: 0;}
    .page_title_txt p{display: inline;}
    .fade-in.delay-1{animation-delay: 0.2s;}
    .page_title_bnr.social{    background: url(/img/social_top_bnr.jpg) no-repeat 55% 50% / cover;}


    /*environment*/
    .eco_act_img{width: 100%;}

    /*for_people*/
    .rate_img{width: 50%;}
    .rate_num span br{display: block;}
    .rate_num.left {top: 12%;left: 0;}
    .rate_num.right {bottom: 25%;right: 0;width: 120px;}
    .rate_num:before{height: 1px;}
    .rate_num:after{top: -1px;}
    .for_people .esg_img_full{height: 180px;background: url(/img/social_img1.png)no-repeat center/cover;}
    .for_people .esg_img_full img{display: none;}
    .social_menu{flex-wrap: nowrap;white-space: nowrap;overflow-x: scroll; -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;}
    .social_menu .mo_block{display: block;}

    /*social_responsibility*/
    .donate_info_wrap{display: block;margin-top: 30px;}
    .donate_info_wrap > div:first-child {border-right: 0;padding-right: 0;margin-right: 0;}
    .donate_box{justify-content: space-between;}
    .donate_warn{font-size: 11px;}
    .resp_box_inner_wrap{display: block;}
    .resp_box_inner{width: 100%;padding-right: 0;}
    .resp_img {width: 100%;}
    a.view_article{display: block;margin-top: 20px;}


    /*social_safety*/
    .safety_rate_wrap{flex-direction: column;align-items: baseline;}
    .safety_bnr{margin: 30px -20px 20px;background: url(/img/social_safety_bnr.jpg)no-repeat 46% 50% /cover;height: 220px;}
    .safety_bnr img{display: none;}
    .safety_system_bnr {width: 100%;}
    .safety_rate_box{text-align: left;display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;width: 100%;}
    .safety_rate strong {font-size: 55px;font-weight: 400;}
    .safety_rate i{font-size: 30px;font-weight: 400;}
    .safety_rate_box b{font-size: 14px;padding-bottom: 0;font-weight: 500;}
    .safety_rate_box span {font-size: 11px;}
    .safety_rate_wrap > div:first-child{padding-right: 0;margin-right: 0;}
    .safety_rate_wrap > div:first-child:after{display: none;}

    /*information_protection*/
    .info_secure_member {max-width: 300px;width: 100%;margin: 40px auto 0;}
    .info_secure_program{display: none;}
    .info_secure_program_mo{display: block;max-width: 400px;width: 100%;margin: 40px auto 0;}
   .info_policy_table colgroup{display: none;}
    .info_policy_table th{font-size: 12px;padding: 12px 0;}
    .info_policy_table td{font-size: 13px;padding: 18px 20px;}


/*Governance*/
.info_secure_member{max-width: unset;}
.meeting_policy_download{display: block;}
.meeting_policy_download a{height: 50px;line-height: 50px; margin-bottom: 10px;}


   /*컴플라이언스*/
   .compliance1 {max-width: 280px;margin: 40px auto 0;}
   .compl_system{gap: 10px 0;}
   .compl_sys_box{width: 100%;padding: 20px;}
   .compl_sys_box b{font-size: 15px;width: 110px;}
   .compl_sys_box li{font-size: 14px;line-height: 25px;}
   .ethic_rule_wrap.mo_block{display: block;}
   .ethic_rule_wrap.pc_block{display: none;}
   .ethic_box{padding: 30px 20px;height: unset;}
   .ethic_box b {font-size: 15px;line-height: 1.5;}
   .ethic_box p{padding-top: 30px;font-size: 13px;line-height: 24px;}
   .ethic_icon{width: 44px;height: 44px;top: 20px;right: 20px;bottom: unset;}
   .ethic_rule_wrap .swiper-pagination{bottom: 50px;}
   .ethic_rule_wrap .swiper-pagination-bullet{width: 6px;height: 6px;opacity: 1;background-color: #D9D9D9;}
   .ethic_rule_wrap .swiper-pagination-bullet-active{opacity: 1;background-color: #000000}
   .ethic_act_wrap{gap: 10px;}
   .ethic_act{width: calc(50% - 5px);height: 200px;}
   .ethic_act_img{width: 54px;height: 54px;}
   .ethic_act b{font-size: 15px;}
   .ethic_act b br{display: block;}
   .report_sub_tit{    font-size: 16px;padding: 50px 0 10px;}
    .report_type li {width: 100%;font-size: 14px;line-height: 25px;}
    .report_result_wrap{gap: 12px;}
    .report_result_box{    width: calc(50% - 6px);border: 1px solid #00263E;background-color: #fff;height: 150px;}
    .rep_res_img{margin: 0 auto 8px;width: 30px;height: 30px;}
    .report_result_box:hover{background-color: #fff;box-shadow: unset;}
    .report_result_box:hover p,
    .report_result_box p{font-size: 16px;color: #00263E;}
    .reporter_protect_rule li {font-size: 14px;line-height: 25px;}
    #report_cont2 .flex_row_2{padding: 0;}
    #report_cont2 .action_right ul.action_right_list li {width: calc(50% - 6px);}



}