@charset "utf-8";

/*
 * File    : rwd-esg.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1680px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){

    /* QUALITY */
    .quality-content { width: 100%; }

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* ESG */
    .esg.article .article__section-title br { display: none; }
    .esg-group { gap: 80rem; }
    .esg-group__title { margin-bottom: 30rem; }
    .esg-group__desc br { display: none; }

    /* QUALITY */
    .quality-banner { margin-bottom: 100rem; }
    .quality-content { max-width: 760rem; }
    .quality-item__desc br { display: none; }

    /* IR */
    html.ios .ir-item__date time:before { top: 4rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){
    
    /* ESG */
    .esg-group { gap: 60rem; }
    
    /* QUALITY */
    .quality-content { max-width: 640rem; }

    /* IR */
    .ir-list { gap: 24rem; }
    .ir-list > li > a { padding: 30rem; }
    html.ios .ir-item__date time:before { top: 5rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* ESG */
    .esg-group { gap: 40rem; }
    .esg-group__image { width: 40%; }
    .esg-group__image .jt-lazyload { padding-top: 128%; }
    .esg-group__image .jt-lazyload img { height: 100%; object-fit: cover; }
    .esg-group__title { margin-bottom: 20rem; }
    .esg-section .article__section-title { font-size: var(--font-size-ko-03); line-height: var(--font-lineheight-ko-03); }

    /* QUALITY */
    .qulity-section .article__section-title { font-size: var(--font-size-ko-03); line-height: var(--font-lineheight-ko-03); }
    .quality-banner { margin-bottom: 80rem; }
    .quality-container { flex-direction: column; gap: 30rem; }
    .quality-content { max-width: inherit; }
    .quality-list > li { padding: 30rem 0 30rem 60rem; }
    .quality-explain { margin-top: 20rem; }

    /* IR */
    .ir-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ir-list > li > a { min-height: 240rem; }
    .ir-item__icon { width: 38rem; height: 38rem; }
    .ir-item__icon .jt-icon { width: 22rem; height: 22rem; }
    

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* ESG */
    .esg-container { gap: 60rem; }
    .esg-group { flex-direction: column; gap: 20rem; }
    .esg-group:nth-child(even) { flex-direction: column; }
    .esg-group__image { width: 100%; }
    .esg-group__image .jt-lazyload { padding-top: 87.21%; }
    .esg-group__title { margin-bottom: 12rem; }
    .esg-group__desc p + p { margin-top: 12rem; }
    
    /* QUALITY */
    .quality-banner .jt-lazyload { padding-top: 76%; }
    .quality-banner .jt-lazyload img { height: 100%; object-fit: cover; object-position: 76%; }

    .quality-list > li { padding: 30rem 0 30rem 40rem; }
    .quality-list > li:first-child { padding-top: 0; }

    /* IR */
    .ir-list { grid-template-columns: auto; gap: 20rem; }
    .ir-list > li > a { min-height: 200rem; }
    .ir-item__date time:before { top: 3.5rem; }
    html.ios .ir-item__date time:before { top: 4rem; }
    .ir-item__icon { width: 36rem; height: 36rem; }
    .ir-item__icon .jt-icon { width: 20rem; height: 20rem; }

}