@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

@media (max-width: 800px) {
  .pc-pt {
    display: none;
  }

  .m-pt {
    display: block;
  }

  .h1 {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
  }

  .h2 {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 1.2;
  }

  .h3 {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.2;
  }

  .h4 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.2;
  }

  .h5 {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.2;
  }

  .h6 {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.3;
  }

  .paging-block {
    margin-left: 0;
  }

  .kolonmallLink::after {
    content: none;
  }

  .header__inner {
    height: 5.6rem;
  }
  .header__banner {
    width: 100%;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1b1b1b;
    color: #ffffff;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header__banner img {
    filter: invert(1);
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
  }
  .header__center {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .header__center .nav__wrap {
    background-color: #ffffff;
    overflow-y: scroll;
    padding: 2rem;
    position: absolute;
    right: 0;
    top: 32px;
    width: 27rem;
    height: calc(100% - 32px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .header__center .nav__dropdown {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
  }
  .header__center .nav__dropdown.active > a span::after {
    content: none;
  }
  .header__center .nav__dropdown.active .nav__link-small__wrap {
    display: flex;
  }
  .header__center .nav__dropdown.active .nav__link-small__wrap::after {
    content: none;
  }
  .header__center .nav__dropdown .nav__link-large {
    color: #1b1b1b;
    height: 5.4rem;
  }
  .header__center .nav__dropdown:hover .nav__link-large {
    color: #1b1b1b;
    background-color: #ffffff;
  }
  .header__center .nav__dropdown:hover {
    border-bottom: 1px solid #1b1b1b;
  }
  .header__center .nav__link-large {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: auto;
    pointer-events: none;
  }
  .header__center .nav__link-large:not(:last-child) {
    background-image: url("data:image/svg+xml, <svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.5 4.125L6 8.625L10.5 4.125' stroke='gray'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: center;
  }
  .header__center .nav__link-small__wrap {
    position: relative;
    top: auto;
    background-color: #ffffff;
    padding-top: 0;
  }
  .header__center .nav__link-small__wrap a {
    color: #1b1b1b;
    padding: 0 1.6rem;
  }
  .header__center.en .nav__link-large {
    padding: 0;
  }
  .header__right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .header__right .langbox a {
    font-size: 1rem;
  }
  .header__logo {
    padding: 0 2rem;
  }
  .header__logo img {
    height: 2.4rem;
  }
  .header .m-menu {
    display: flex;
    margin-left: 2rem;
    cursor: pointer;
  }
  .header .m-menu img {
    width: 2rem;
    max-width: 2rem;
    height: 2rem;
    filter: invert(1);
  }

  .top-tab {
    margin-top: 10.6rem;
  }
  .top-tab__wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 2rem;
  }
  .top-tab__wrap.center .top-tab__menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
  .top-tab__menu {
    overflow-x: scroll;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .top-tab__menu a {
    padding: 2rem 0;
    font-size: 1.3rem;
    margin-right: 4rem;
  }
  .top-tab__menu .newsroom-search {
    width: calc(100% - 40px);
    position: absolute;
    top: calc(4rem + 50.8px + 64px);
    left: 50%;
    transform: translateX(-50%);
  }
  .top-tab__content-wrap {
    margin-top: 4rem;
  }

  .tab-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100%;
  }
  .tab-img.career {
    /* background-image: url('/img/careersM.jpeg'); */
    background-size: cover;
  }

  .container {
    padding: 0 2rem;
  }
  .container.full-container {
    max-width: 120rem;
  }

  .footer {
    background-color: #1b1b1b;
    margin-top: 12rem;
  }
  .footer__link-sns-wrap a {
    width: 40px;
    height: 40px;
  }
  .footer__link-sns-wrap a img {
    width: 18px;
    height: 18px;
  }
  .footer__link-inner-wrap:first-child {
    margin-bottom: 24px;
    flex-wrap: wrap;
    justify-content: left;
    row-gap: 8px;
  }
  .footer__link-wrap {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .column3__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 4rem 0;
  }
  .column3__left {
    flex: 0 100%;
    margin-bottom: 2.4rem;
  }
  .column3__right {
    flex: 0 100%;
    padding-right: 0;
  }

  .column4__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
  }
  .column4__left {
    flex: 0 100%;
  }
  .column4__left.tab {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    top: auto;
    position: relative;
    overflow-x: scroll;
  }
  .column4__left.tab a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 4rem;
    padding: 0 1.6rem;
    flex: 0 0 auto;
    margin-bottom: 2.4rem;
  }
  .column4__left.tab a.active {
    background-color: #1b1b1b;
    color: #ffffff;
  }
  .column4__right {
    flex: 0 100%;
    width: 100%;
  }
  .column4__right .press-table {
    margin-top: 87px;
    margin-left: 0;
    max-width: none;
  }
  .column4__right .press-table__inner {
    padding: 2.8rem 0;
  }
  .column4__right .press-table__thumbnail {
    margin-right: 2.4rem;
  }
  .column4__right .pluscontent-table {
    margin-top: 87px;
  }
  .column4__right .pluscontent-table,
  .column4__right .brand-table {
    grid-template-columns: repeat(1, 1fr);
  }
  .column4__right .pluscontent-table .empty-notice,
  .column4__right .brand-table .empty-notice {
    grid-column: 1/3;
    text-align: center;
    color: #8f8f8f;
  }
  .column4__right .news-table {
    min-width: 0;
    margin-top: 87px;
  }
  .column4__right .news-table__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .column4__right .news-table__inner.head {
    display: none;
  }
  .column4__right .news-table__cont {
    width: 100%;
  }
  .column4__right .news-table__cont:nth-child(2) {
    width: 100%;
    color: #8f8f8f;
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
  .column4__right .news-table__cont:last-child {
    text-align: left;
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }

  .cms-detail {
    margin-top: 10.6rem;
    margin-bottom: 0;
    overflow: hidden;
  }

  .post-table__inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .post-table__cont:nth-child(1) {
    padding-right: 2.4rem;
  }
  .post-table__cont:nth-child(2) {
    font-size: 1.2rem;
  }

  .full-container.container {
    padding: 0;
  }

  .full-container .cms-detail {
    max-width: 90rem;
  }
  .full-container .cms-detail .cms-detail__head {
    width: calc(100vw - 4rem);
    margin: 0 2rem;
  }
  .full-container .cms-detail > p {
    width: calc(100vw - 4rem);
    margin: 1.6rem auto 0;
  }
  .full-container .cms-detail .post-table {
    width: calc(100vw - 4rem);
    margin: 6rem 2rem 0;
  }
  .full-container .download-block {
    width: calc(100vw - 4rem);
    margin: 0 2rem;
  }

  .brand-table {
    line-height: 1.2;
  }
  .brand-table__desc {
    margin-bottom: 2.4rem;
    line-height: 1.5;
  }
  .brand-table__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 0px;
  }
  .brand-table__inner:after {
    content: none;
  }
  .brand-table__left {
    font-size: 1.8rem;
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
  }

  .brand-tab {
    margin-top: 10.6rem;
  }
  .brand-tab__logo {
    height: 5.4rem;
  }

  .brand-cont {
    margin-top: 2rem;
  }
  .brand-cont__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .brand-cont__left {
    flex: 1 100%;
    width: 100%;
    margin-bottom: 3.2rem;
  }
  .brand-cont__right {
    flex: 1 100%;
    padding: 0;
  }
  .brand-cont__box-50 {
    margin-top: 4rem;
  }

  .store-table {
    min-width: 0;
  }
  .store-table__inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .store-table__inner.head {
    display: none;
  }
  .store-table__cont {
    width: 100%;
  }
  .store-table__cont:nth-child(1) {
    width: 100%;
  }
  .store-table__cont:nth-child(2) {
    width: 100%;
    color: #8f8f8f;
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
  .store-table__cont:nth-child(3) {
    width: 100%;
    color: #8f8f8f;
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
  .store-table__cont:nth-child(4) {
    width: 100%;
    color: #8f8f8f;
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
  .store-table__cont:last-child {
    text-align: left;
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }

  .brand-slider {
    margin-top: 12rem;
  }
  .brand-slider .slick-slide {
    height: auto;
    padding: 0 8px;
  }
  .brand-slider .slick-list {
    margin: 0 -8px !important;
    position: relative;
  }

  .cms-detail__cont h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
  }
  .cms-detail__cont h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
  }
  .cms-detail__cont h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
  }
  .cms-detail__cont h4 {
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
  }
  .cms-detail__cont h5 {
    display: block;
    font-size: 0.83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
  }
  .cms-detail__cont h6 {
    display: block;
    font-size: 0.67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
  }
  .cms-detail__cont hr {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border: 0;
    border-top: 1px solid #ddd;
  }
  .cms-detail__cont p {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400;
  }
  .cms-detail__cont td {
    width: 100% !important;
    display: block !important;
  }

  .i-content-wrap {
    margin-bottom: 100px;
  }
  .i-content-wrap .i-content-card {
    width: 100%;
  }
  .i-content-wrap .i-content-card:nth-child(5) {
    margin-bottom: 40px;
  }

  .i-list-wrap .i-list-card {
    flex-direction: column;
  }
  .i-list-wrap .i-list-card .i-list-card-list {
    width: 100%;
  }
  .i-list-wrap .i-list-card .i-list-card-image img {
    width: 140px;
    height: 140px;
    margin: 0px 0px 24px 0px;
  }
}

/*# sourceMappingURL=mobile.css.map */