@charset "utf-8";

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



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

    /* MISSION */
    .mission-philosophy__content { padding: 100rem 60rem; }

    /* ABOUT */
    .about-history.article__section { --about-history-width: 44vw; }

    .about-client { --about-client-width: 16.66%; }
    .about-client__group { width: auto; }
    .about-client__group:nth-child(1) { width: auto; }
    .about-client__group:nth-child(3) { width: auto; }
    
    /* READERSHIP */
    .readership-ceo__head { padding-right: 0; }
    .readership-ceo__content { padding-right: 0; }


}



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

    /* MISSION */
    .mission-credo__content:before { top: 20rem; left: 20rem; }
    .mission-credo__content .jt-icon { width: 100rem; }

    /* ABOUT */
    .about-vision__image { width: calc(50% - 40rem); }

    /* READERSHIP */
    .readership-ceo__container { gap: 0 80rem; grid-template-columns: 50% auto; }
    .readership-strategy__container { gap: 0 80rem; grid-template-columns: auto 50%; }

}



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

    /* MISSION */
    .mission-banner { margin-top: 48rem; }

    .mission-philosophy__item { margin-right: 24rem; }
    .mission-philosophy__content { gap: 24rem; padding: 80rem 40rem; }
    .mission-philosophy__desc br { display: none; }
    
    .mission-pma__inner { padding: 60rem 0; min-height: 200rem; }
    .mission-pma__title { width: 25%; }

    .mission-credo__list { gap: 24rem; }
    .mission-credo__content { gap: 16rem; }
    .mission-credo__content br { display: none; }
    .mission-credo__content .jt-icon { width: 80rem; }
    
    /* ABOUT */
    .about-info__container { padding: 72rem 0 90rem; }
    .about-info__item { padding: 32rem 24rem 56rem; margin-right: 12rem; width: calc(25% - 9rem); }
    .about-info__item-icon { width: 100rem; height: 100rem; }
    .about-info__data { margin-top: 48rem; }
    .about-info__data-list { gap: 2rem 40rem; }
    .about-info__data-list > li { width: calc(50% - 20rem); }

    .about-vision__list br { display: none; }

    .about-history__container { gap: 20rem; }
    .about-history__content-sublist { padding-right: 60rem; }
    .about-history__control { padding-right: 60rem; }
    
    .about-client { --about-client-width: 33.33%; padding-top: 140rem; }

    .about-client__group:nth-child(2) { grid-row: auto; }
    .about-client__group:nth-child(3) { grid-row: auto; }
    .about-client__group:nth-child(4) { grid-row: auto; }

    .about-client__group:nth-child(1) .about-client__group-list:after { display: none; }
    .about-client__group:nth-child(2) .about-client__group-list:after { display: block; }
    .about-client__group:nth-child(3) .about-client__group-list:after { display: block; }
    .about-client__group:nth-child(4) .about-client__group-list:after { display: none; }
    .about-client__group:nth-child(6) .about-client__group-list:after { display: block; }
    .about-client__group:nth-child(7) .about-client__group-list:after { display: none; }

    .about-client__group:nth-child(1) .about-client__group-item:nth-child(3) { padding-right: 0; }
    .about-client__group:nth-child(2) .about-client__group-item { padding-left: 0; padding-right: 6rem; }
    .about-client__group:nth-child(3) .about-client__group-item { padding-left: 6rem; padding-right: 6rem; }
    .about-client__group:nth-child(4) .about-client__group-item { padding-left: 6rem; padding-right: 0; }
    .about-client__group:nth-child(5) .about-client__group-item { padding-left: 0; }
    .about-client__group:nth-child(7) .about-client__group-item { padding-right: 0; }
    

    /* READERSHIP */
    .readership-ceo__scripture { margin-bottom: 20rem; }
    .readership-ceo__scripture br { display: none; }
    .readership-ceo__desc br { display: none; }
    .readership-ceo__name { margin-top: 40rem; }
    .readership-strategy__list > li > p br { display: none; }

}



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

    /* MISSION */
    .mission-philosophy__content { gap: 20rem; }

    .mission-credo__content:before { top: 16rem; left: 20rem; }
    .mission-credo__content .jt-icon { width: 60rem; }

    /* ABOUT */
    .about-vision__container { gap: 60rem; align-items: start; }
    .about-vision__image { width: calc(50% - 30rem); }

    .about-history.article__section { --about-history-width: 802rem; --about-history-gutter: 80rem; --about-history-diff: 0; }
    .about-history__container { flex-direction: column; height: 100dvh; gap: 40rem; }
    .about-history__sticky { position: static; }
    .about-history__title br { display: none; }
    .about-history__content { height: auto; overflow: hidden; }
    .about-history__content-sublist > li { padding-top: 4rem; }
    .about-history__control a { padding: 20rem 0; }
    .about-history__control--up a { padding-top: 0; }

    .about-client { padding-top: 120rem; }

    /* READERSHIP */
    .readership-ceo__container { gap: 0 60rem; align-items: start; }
    .readership-strategy__container { gap: 0 60rem; }

}



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

    /* MISSION */
    .mission-banner { margin-top: 40rem; }

    .mission-philosophy__item { flex: none; width: 320rem; margin-right: 20rem; }
    .mission-philosophy__content { padding: 60rem 40rem; }

    .mission-pma__inner { padding: 40rem 0; }
    .mission-pma__title { width: 28%; }
    .mission-pma__desc br { display: none; }

    .mission-credo__list { gap: 20rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mission-credo__content br { display: block; }
    .mission-credo__content .jt-icon { width: 100rem; }

    /* ABOUT */
    .about-info__container { padding: 64rem 0 80rem; }
    .about-info__item { padding: 24rem 24rem 42rem; width: calc(33.33% - 8rem); gap: 16rem; }
    .about-info__item-icon { width: 90rem; height: 90rem; }
    .about-info__item-desc { margin-top: 6rem; }
    .about-info__data { margin-top: 40rem; }
    .about-info__data-list { padding: 16rem 0; }
    .about-info__data-list > li { width: 100%; padding-left: 16rem; }
    
    .about-vision__container { flex-direction: column; }
    .about-vision__image { width: 100%; max-width: inherit; order: 1; }
    .about-vision__image .jt-lazyload img { top: auto; bottom: 0; }
    .about-vision__content { order: 2; }
    .about-vision__list > li > p { margin-top: 12rem; }

    .about-history.article__section { --about-history-width: 572rem; }
    .about-history__content-year > b { padding-right: 30rem; }
    .about-history__content-sublist { padding-left: 30rem; }
    .about-history__control { padding-left: 30rem; }

    .about-client { padding-top: 100rem; }
    
    /* READERSHIP */
    .readership-ceo__container { grid-template-columns: 1fr; gap: 40rem; }
    .readership-ceo__image { width: 100%; max-width: inherit; grid-row: auto; grid-column: auto; order: 2; }
    .readership-ceo__head { grid-row: auto; grid-column: auto; order: 1; }
    .readership-ceo__scripture { margin-bottom: 0; }
    .readership-ceo__content { grid-row: auto; grid-column: auto; order: 3; }

    .readership-strategy__container { grid-template-columns: auto; gap: 0; }
    .readership-strategy__head { order: 1; }
    .readership-strategy__image { width: 100%; max-width: inherit; grid-row: auto; grid-column: auto; order: 2; margin-bottom: 40rem; }
    .readership-strategy__content { grid-row: auto; grid-column: auto; order: 3; }
    .readership-strategy__list > li > p br { display: none; }

}



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

    /* MISSION */
    .mission-banner { margin-top: 32rem; }

    .mission-philosophy__item { width: 280rem; margin-right: 12rem; }
    .mission-philosophy__content { padding: 40rem 30rem; }

    .mission-pma__inner { flex-direction: column; align-items: start; gap: 12rem; height: auto; padding: 30rem 0; }
    .mission-pma__title { width: 100%; }

    .mission-credo__list { gap: 12rem; grid-template-columns: 1fr; }
    .mission-credo__content { padding: 40rem 20rem; }
    .mission-credo__content:before { top: 12rem; left: 16rem; }

    /* ABOUT */
    .about-info__container { padding: 48rem 0 60rem; }
    .about-info__item { padding: 24rem 20rem 32rem; width: 220rem; margin-right: 10rem; gap: 12rem; }
    .about-info__item-icon { width: 80rem; height: 80rem; }
    .about-info__data { margin-top: 36rem; }
    .about-info__data-list { margin-top: 8rem; padding: 12rem 0; }
    
    .about-vision__container { gap: 40rem; }
    .about-vision__list > li + li { margin-top: 30rem; }

    .about-history.article__section { --about-history-width: 100%; --about-history-gutter: 60rem; }
    .about-history__title { font-size: var(--font-size-ko-03); line-height: var(--font-lineheight-ko-03); }
    .about-history__container { gap: 20rem; }
    .about-history__content-list > li { flex-direction: column; padding-top: 60rem; }
    .about-history__content-year { opacity: 0; visibility: hidden; text-align: left; padding-top: 0; }
    .about-history__content-year:before { display: none; }
    .about-history__content-year > b { padding-right: 60rem; }
    .about-history__content-year > b:after { display: none; }
    .about-history--clone .about-history__content-year { display: block; opacity: 1; visibility: visible; }
    .about-history__content-sublist { padding-left: 0; padding-top: 0; margin-top: 20rem; }
    .about-history__content-sublist > li { padding-top: 0; }
    .about-history__content-sublist > li + li { margin-top: 20rem; }
    .about-history__control { padding-left: 0; }
    .about-history__control a { padding: 10rem 0; }

    .about-client { --about-client-width: 100%; padding-top: 80rem; }
    .about-client__group-list { flex-direction: column; }
    .about-client__group-list:after { display: none; }
    .about-client__group-item { padding-left: 0; padding-right: 0; padding-bottom: 60rem; }
    .about-client__group-title { height: 48rem; }
    .about-client__group-subtitle { height: 72rem; }
    .about-client__group-subitem { padding: 28rem 16rem 0; }
    .about-client__group-subitem > ul > li { line-height: 20rem; }
    .about-client__group-subitem > ul > li + li { margin-top: 8rem; }
    .about-client__group-category { margin-bottom: 12rem; }

    .about-client__group:nth-child(1) { grid-column: auto; }
    .about-client__group:nth-child(1) .about-client__group-item { width: 100%; }
    .about-client__group:nth-child(1) .about-client__group-item:after { display: none; }

    .about-client__group:nth-child(2) .about-client__group-list:after { display: none; }
    .about-client__group:nth-child(3) .about-client__group-list:after { display: none; }
    .about-client__group:nth-child(6) .about-client__group-list:after { display: none; }
    
    .about-client__group:nth-child(2) .about-client__group-item { padding-right: 0; }
    .about-client__group:nth-child(3) .about-client__group-item { padding-left: 0; padding-right: 0; }
    .about-client__group:nth-child(4) .about-client__group-item { padding-left: 0; }
    .about-client__group:nth-child(6) .about-client__group-item { padding-right: 0; }

    /* READERSHIP */
    .readership-strategy__list > li + li { margin-top: 30rem; }
    .readership-strategy__list > li > p { margin-top: 8rem; }

}