@charset "utf-8";

#ethics.subpage_center .cont + .cont {
    margin-top:0;
}

#ethics {
    display:flex;
    flex-direction:column;
    gap:30px;
    margin-top: -20px;
}
#ethics .cont {
    display:flex;
    flex-direction: column;
    gap:30px;
}
#ethics .ethics_title {
    border-radius: 30px;
    border: 5px solid rgba(123, 73, 146, 0.10);
    padding:30px;
}
#ethics .ethics_title p {
    text-align:center;
    font-size:1.11em;
    font-weight:500;
    line-height:1.80;
    letter-spacing:-0.6px;
    font-family: "The Jamsil";
    color:#7B4992;
    text-align: center;
}
#ethics .ethics_title p span {
    font-size:1.2em;
    letter-spacing:-0.72px;
}

#ethics .ethics_cont {
    display:flex;
    flex-direction:column;
    gap:70px;
}

#ethics .welfare_ethics {
    border-top: 1px solid rgba(123, 73, 146, 0.20);
    border-bottom: 1px solid rgba(123, 73, 146, 0.20);
    padding:20px;
} 
#ethics .welfare_ethics p {
    text-align:center;
    font-size:1.11em;
    font-weight:700;
    letter-spacing:-0.6px;
    line-height:1.30;
    color:#7B4992;
}
#ethics .people_ethics p {
    font-size:1em;
    font-weight:400;
    line-height:1.44;
    letter-spacing:-0.54px;
}
#ethics .people_detail {
    background-color:#FFF9FC;
    border-radius:30px;
    padding:40px;
    display:flex;
    flex-direction: column;
    gap:30px;
}
#ethics .people_detail .detail_box {
    display:flex;
    flex-direction:column;
    gap:20px;
}
#ethics .people_detail .detail_box .datail_tit {
    font-size:1.11em;
    font-weight:700;
    letter-spacing:-0.6px;
    color:#7B4992;
}
#ethics .people_detail .detail_box .detail_text {
    background-color:#fff;
    border-radius:20px;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
#ethics .people_detail .detail_box .detail_text > p {
    font-size:1em;
    font-weight:700;
    letter-spacing:-0.54px;
    line-height:1.44;
}
#ethics .people_detail .detail_box .detail_text .number_point {
    list-style:decimal;
    padding:0 30px;
}
#ethics .people_detail .detail_box .detail_text .number_point li {
    font-size:1em;
    font-weight:400;
    letter-spacing:-0.54px;
    line-height:1.77;
}

/* 반응형 미디어쿼리 css */
@media (max-width:1680px) {}
@media (max-width:1440px) {}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {
    #ethics .ethics_title p br {
        display:none;
    }
    #ethics .people_detail {
        padding:20px;
        border-radius:20px;
    }
}
@media (max-width:640px) {}
@media (max-width:480px) {}
@media (max-width:320px) {}