/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../../img/sustainability/hdi/governance-structure/ethical-law/KV_sustainability_ethical-law.png')}

#SUSTAINABILITY_ETHICAL-LAW.container { margin-bottom:0; }
#ETHICAL-LAW.section { position: relative; width: 100%; min-height:768px; max-width:100%; padding:116px 0 0; }
#ETHICAL-LAW .title { color: #222; text-align: center; font-size: 32px; font-weight: 700; line-height: 1.4; letter-spacing: -0.8px; }

#ETHICAL-LAW .bx { display:flex; flex-direction: column; gap:24px; }
#ETHICAL-LAW .bx .tit { color: #222; font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -0.6px; }
#ETHICAL-LAW .bx .des { color: #666; font-size: 16px;  font-weight: 400; line-height: 1.75; letter-spacing: -0.4px; }

#ETHICAL-LAW .section01 { background: url('../../../../img/sustainability/hdi/governance-structure/ethical-law/section01_bg.png') center / cover no-repeat; color:#fff; padding:110px 50px; margin:110px auto; }
#ETHICAL-LAW .section01 .gu_content { display:flex; flex-direction: column; gap:110px; }
#ETHICAL-LAW .section01 .title { font-family: "HDFont", sans-serif; }
#ETHICAL-LAW .section01 .title, #ETHICAL-LAW .section01 .tit, #ETHICAL-LAW .section01 .des { text-align:left; color:#fff; }

#ETHICAL-LAW .list { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: stretch; gap:56px; }
#ETHICAL-LAW .list .item { width:calc(33.3% - 38px); max-width:242px; }
#ETHICAL-LAW .list .num { font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -0.6px; }
#ETHICAL-LAW .list .txt { font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: -0.4px; margin-top:8px; }

#ETHICAL-LAW .section02 { margin-bottom:110px; }
#ETHICAL-LAW .imgwr { display: flex; justify-content: space-between; align-items: stretch; gap:20px; margin-top:56px; }
#ETHICAL-LAW .imgwr .item { width:calc(33.3% - 10px); }
#ETHICAL-LAW .imgwr .img { background:center / 100% auto; width:100%; height:auto; aspect-ratio: 335/219; margin-bottom:25px; }
#ETHICAL-LAW .imgwr .item:nth-child(1) .img { background-image:url('../../../../img/sustainability/hdi/governance-structure/ethical-law/img01.jpg'); }
#ETHICAL-LAW .imgwr .item:nth-child(2) .img { background-image:url('../../../../img/sustainability/hdi/governance-structure/ethical-law/img02.jpg'); }
#ETHICAL-LAW .imgwr .item:nth-child(3) .img { background-image:url('../../../../img/sustainability/hdi/governance-structure/ethical-law/img03.jpg'); }
#ETHICAL-LAW .imgwr .text .tit { color: #222; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -0.45px; margin-bottom:12px; }
#ETHICAL-LAW .imgwr .text ul {}
#ETHICAL-LAW .imgwr .text li { color: #666; font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: -0.4px; }

#ETHICAL-LAW .section03 { height:420px; background: url('../../../../img/sustainability/hdi/governance-structure/ethical-law/section03_bg.png') center / cover no-repeat; color:#fff; text-align:center; }
#ETHICAL-LAW .section03 .gu_content { height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px;  }
#ETHICAL-LAW .section03 .txt { font-size: 32px; font-weight: 700; line-height: 1.4; letter-spacing: -0.8px; }
#ETHICAL-LAW .section03 .btn { display:inline-flex; justify-content:center; align-items: center; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.45px; padding:20px 24px; background: #222; gap:10px; }
#ETHICAL-LAW .section03 .btn:after { content:""; display:block; width:24px; height:auto; aspect-ratio: 1/1; background:url('../../../../img/common/icon/icon-arrowright-w.png') center / 100% auto no-repeat; }

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #ETHICAL-LAW.section { padding-top:70px; }
    #ETHICAL-LAW .title { font-size: 24px; line-height: 32px; padding:0 50px; }
    #ETHICAL-LAW .section01 { margin:70px 0; padding:70px 50px; }
    #ETHICAL-LAW .section01 .title { padding:0; }
    #ETHICAL-LAW .section01 .gu_content { gap:70px; }
    #ETHICAL-LAW .section02 { margin-bottom:70px; padding:0 50px; }
    #ETHICAL-LAW .section03 { padding:70px; }

}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    .pc { display:none !important; }
    #ETHICAL-LAW.section { padding-top:60px; }
    #ETHICAL-LAW .title { padding:0 20px; }
    #ETHICAL-LAW .section01 { margin:60px 0; padding:60px 20px; background-image:url('../../../../img/sustainability/hdi/governance-structure/ethical-law/section01_m_bg.png'); }
    #ETHICAL-LAW .section01 .title { padding:0; }
    #ETHICAL-LAW .section01 .gu_content { gap:60px; }
    #ETHICAL-LAW .list { display:block; }
    #ETHICAL-LAW .list .item { width:50%; min-width:230px; }
    #ETHICAL-LAW .list .item + .item { margin-top:30px; }
    #ETHICAL-LAW .section02 { margin-bottom:60px; padding:0 20px; }
    #ETHICAL-LAW .imgwr { display:block; }
    #ETHICAL-LAW .imgwr .item { width:100%; }
    #ETHICAL-LAW .imgwr .item + .item { margin-top: 30px; }
    #ETHICAL-LAW .section03 .txt { font-size:20px; }
    #ETHICAL-LAW .section03 .btn { font-size:13px; padding:12px 16px; }
    #ETHICAL-LAW .section03 .btn:before { width:16px; }
}