.width100, .img100p img {width:100%; height:auto;}
.width80, .img80p img {width:80%; height:auto;}
.width70, .img70p img {width:70%; height:auto;}
.width60, .img60p img {width:60%; height:auto;}
.width50, .img50p img {width:50%; height:auto;}
.width45, .img45p img {width:45%; height:auto;}
.width40, .img40p img {width:40%; height:auto;}
.width30, .img30p img {width:30%; height:auto;}
.width20, .img20p img {width:20%; height:auto;}

.max609 {max-width:609px;}

.right_photo {margin:0 0 40px 40px;}
.left_photo {margin:0 40px 40px 0;}

h1 {font-size:18px; font-family: 'NunitoSans-bold', 'notokr-bold', sans-serif; margin-bottom:5px;}

body.policy .current_menu .division.policy > a,
body.material .current_menu .division.material > a,
body.environment .current_menu .division.environment > a,
body.society .current_menu .division.society > a,
body.governance .current_menu .division.governance > a,
body.initiative .current_menu .division.initiative > a,
body.esg .current_menu .division.esg > a {font-family: 'NunitoSans-bold', 'notokr-medium', sans-serif; color: #000; font-weight: normal;}

body.reports .current_menu .division.reports > a {
    font-family: 'NunitoSans-bold', 'notokr-medium', sans-serif; 
    color: #000; 
    font-weight: normal;
}

.sustainability_portrait {float:left; margin:0 40px 40px 0; width:26.272578%;}
.policy_business_chart02 {margin:0 0 0 40px;}
.q_color {color:#00774b; font-family: 'NunitoSans-medium', 'notokr-medium', sans-serif; display:block; margin-bottom:5px;}

.sustain_ti .en {font-size:30px; line-height:1.2em; letter-spacing:0.04em;}
.sustain_ti .kr {font-size:28px; line-height:1.2em; letter-spacing:-0.04em;}

.strong_sustain {font-size: 19px;}
.white_box {padding:50px 60px; background-color:#fff;}
.white_box.small {padding:25px 30px;}
.white_box.red_line {border:2px solid #ff3e2f}
.white_box > div:after {content:" "; display:block; clear:both; *zoom:1;} 

.sustain_6_4:after {content:" "; display:block; clear:both; *zoom:1;} 
.sustain_6_4 > div:first-child {float:left; overflow:hidden; width:60%; padding-right:40px;}
.sustain_6_4 > div:last-child {float:right;  width:40%;}

.sustain_5_5:after {content:" "; display:block; clear:both; *zoom:1;} 
.sustain_5_5 > div {float:left; overflow:hidden; width:50%;}
.sustain_5_5.weather > div:first-child {padding-right:20px;}
.sustain_5_5.weather > div:last-child {padding-left:20px;}
.sustain_5_5.ethics > div:first-child {padding-right:10px;}
.sustain_5_5.ethics > div:last-child {padding-left:10px;}

.table_rawmaterial_exam.sustain td {font-size: 16px; vertical-align:top}
.table_rawmaterial_exam.sustain {border-left: 0; border-right: 0;}
.table_rawmaterial_exam.sustain td:first-child {border-right: 0;}

.table_rawmaterial_exam.normal td {font-size: 16px; vertical-align:top; border-right: 1px solid #999;}
.table_rawmaterial_exam.normal td:first-child {width:auto;}
.table_rawmaterial_exam.normal td:last-child {border-right: 0;}
.table_rawmaterial_exam.normal th {text-align:center; font-family: 'NunitoSans-bold', 'notokr-medium', sans-serif; padding:10px; border-bottom: 1px solid #999; border-right: 1px solid #999;}
.table_rawmaterial_exam.normal th:last-child {border-right: 0; width:30%;}

ul.weather_list li.ti {background-color: #e1e1e1; text-align:center; padding:20px; margin-bottom:20px;}

.clearboth:after {content:" "; display:block; clear:both; *zoom:1;} 

#current_location_wrap.sustain .dropmenu_submenu li ul {margin-left: 0; white-space: nowrap;}
.dropmenu_submenu li ul {left: 50%; transform: translateX(-50%);}

/* 버튼 */
.sust_btn_wrap {
    display: grid;
    width: 60%;
    column-gap: 10px;
    grid-template-columns: 360px 360px;
    margin: 20px auto 0;
    row-gap: 10px;
    justify-content: center;
}
.sust_btn_wrap.dan1 {
    grid-template-columns: 360px;
}
.sust_btn_wrap.dan3 {
    grid-template-columns: 1fr 1fr 1fr;
    width: 80%;
}
.sust_btn_wrap.dan4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}
/*환경정책제어*/
.sust_btn_wrap.dan3.r_pc,
.sust_btn_wrap.dan4.r_pc {
	display: grid;
}
.sust_btn_wrap.dan3.r_mo,
.sust_btn_wrap.dan4.r_mo {
	display: none;
}
.sust_btn {
    line-height: 1.2em;
    padding: 10px 15px 8px 15px;
    font-size: 20px;
    background-color: #ea0029;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
}
.sust_btn strong {
    color: #fff;
}
.sust_btn strong.en {
    letter-spacing: 0.01em;
}
.sust_btn .d_txt {
    font-size: 15px;
    letter-spacing: 0.02em;
}

.su_redbtn {
    padding: 12px 15px;
    font-size: 26px;
    font-family: 'NunitoSans-bold', 'notokr-medium', sans-serif;
    background-color: #ea0029;
    color: #fff;
    display: inline-block;
}
.page_top_tile .ti_last_en {
    font-family: 'NunitoSans-bold', 'notokr-regular', sans-serif;
    font-size: 20px;
    letter-spacing: 0;
}

.depth_page_ti_wrap.page_top_tile.btn_gather:first-of-type {
    margin-top: 80px;
    margin-top: 0;
}
.depth_page_ti_wrap.page_top_tile.btn_gather {
    padding: 0;
    margin-bottom: 80px;
}
.depth_page_ti_wrap.page_top_tile.btn_gather .writing_ti_en {
    font-size: 30px;
}
.depth_page_ti_wrap.page_top_tile.btn_gather .sust_btn_wrap {
    margin-top: 10px;
}
.flex {
    display: flex;
}
.grid_1_9 {
    display: grid;
    grid-template-columns: 10% 1fr;
    gap: 40px;
}
.grid_15_85 {
    display: grid;
    grid-template-columns: 15% 1fr;
    gap: 40px;
}
.grid_2_8 {
    display: grid;
    grid-template-columns: 20% 1fr;
    gap: 40px;
}
.s_table {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.s_table > li {
    text-align: center;
    border-top: 1px solid #c1c0c0;
    padding-top: 14px;
    padding-bottom: 14px;
}
.s_table {
    border-bottom: 1px solid #c1c0c0;
}

@media screen and (max-width:1023px) {
    .sust_btn_wrap {
        display: grid;
        width: 80%;
        grid-template-columns: 1fr 1fr;
    }
    .grid_15_85 {
        grid-template-columns: 20% 1fr;
        gap: 35px;
    }
    .s_table > li {
        font-size: 16px;
        line-height: 1;
    }
}

@media screen and (max-width:639px) {
    .sust_btn_wrap {
        display: grid;
        width: 100%;
    }
    .sust_btn {
        font-size: 16px;
        line-height: 1.1em;
        padding: 8px 14px 6px 14px;
    }
    .sust_btn .d_txt {
        font-size: 13px;
    }
    .su_redbtn {
        padding: 8px 15px;
        font-size: 18px;
    }
    .page_top_tile .ti_last_en {
        font-size: 16px;
    }
    .sust_btn_wrap.dan1 {
        grid-template-columns: 70%;
    }
    .depth_page_ti_wrap.page_top_tile.btn_gather .writing_ti_en {
        font-size: 20px;
    }
    .depth_page_ti_wrap.page_top_tile.btn_gather {
        margin-bottom: 40px;
    }
    .depth_page_ti_wrap.page_top_tile.btn_gather .sust_btn_wrap {
        margin-top: 6px;
    }
    .depth_page_ti_wrap.page_top_tile.btn_gather .sust_btn_wrap.dan1,
    .depth_page_ti_wrap.page_top_tile.btn_gather .sust_btn_wrap.dan3.r_mo {
        grid-template-columns: 70%;
    }
    .grid_15_85 {
        grid-template-columns: 30% 1fr;
        gap: 25px;
    }
}