@charset "UTF-8";
/* hanbom.com _ project _ Kimjuyeon _ 20200923 */
/* reset : normalize or reset */
@import url(_base.css);
@import url(_color.css);
@import url(aos.css);
@import url(animate.css);
@import url(swiper-bundle.min.css);
@import url(_swiper-custom.css);
@import url(_font.css);
@import url(_layout.css);
@import url(_button.css);
@import url(_form.css);
@import url(_global.css);
/* margin  */
.breadcrumbs + .max-wrap,
.page-title + .list-wrap,
.page-title + .store-info-wrap,
.field + .button-area {
  margin-top: 64px;
}

.page-title + .tabs-wrap {
  margin-top: 82px;
}

.pagination,
.page-title + .form,
.page-title-wrap + .form,
.page-title + .filter-wrap,
.filter-wrap + .list-wrap,
.list-wrap .data-list + .pagination,
.tabs-wrap + .max-wrap,
.max-wrap > .flex + .flex {
  margin-top: 96px;
}

.data-list:not([class*=pin-]) + .btn.circle.more {
  margin-top: 128px;
}

@media all and (max-width: 750px) {
  .breadcrumbs + .max-wrap,
  .page-title + .list-wrap,
  .page-title + .store-info-wrap,
  .field + .button-area,
  .data-list:not([class*=pin-]) + .btn.circle.more,
  .max-wrap > .flex + .flex {
    margin-top: 60px;
  }
  .page-title + .tabs-wrap {
    margin-top: 56px;
  }
  .pagination,
  .page-title + .form,
  .page-title-wrap + .form,
  .page-title + .filter-wrap,
  .filter-wrap + .list-wrap,
  .list-wrap .data-list + .pagination,
  .tabs-wrap + .max-wrap {
    margin-top: 60px;
  }
}
.view-wrap + .button-area,
.view-wrap + .section,
#content.contents .button-area {
  margin-top: 120px;
}

@media all and (max-width: 750px) {
  .view-wrap + .button-area,
  #content.contents .button-area {
    margin-top: 60px;
  }
  .view-wrap + .section {
    margin-top: 80px;
  }
}
/*
MA01
메인 */
#content.main .new-items {
  background: url(../images/bg_news-item.png) 0 0 no-repeat #fff;
  background-size: 40.3125vw 46.25vw;
  height: 50vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items {
    background-size: 774px 888px;
    height: 960px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items {
    background: url(../images/bg_news-item-m.png) 0 0 no-repeat #fff;
    background-size: 100vw 70.2325581395vw;
    height: 168.1395348837vw;
  }
}
#content.main .new-items__container {
  position: relative;
  width: 1444px;
  margin: 0 auto;
  display: flex;
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .new-items__container {
    width: auto;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__container {
    width: 100%;
    padding-left: 15.6976744186vw;
    flex-direction: column;
  }
}
#content.main .new-items__header {
  width: 26.1979166667vw;
  padding-top: 6.25vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__header {
    width: 503px;
    padding-top: 120px;
  }
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .new-items__header {
    padding-left: 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__header {
    width: 100%;
    padding-top: 8.1395348837vw;
  }
}
#content.main .new-items__subtitle {
  font-size: 1.9791666667vw;
  font-family: "Goldplay";
}
@media all and (min-width: 1921px) {
  #content.main .new-items__subtitle {
    font-size: 38px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__subtitle {
    font-size: 4.4186046512vw;
  }
}
#content.main .new-items__title {
  font-family: "HGGGOTHICSSI";
  font-size: 3.3854166667vw;
  margin-top: 1.0416666667vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__title {
    font-size: 65px;
    margin-top: 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__title {
    font-size: 7.2093023256vw;
    margin-top: 1.1627906977vw;
  }
}
#content.main .new-items__description {
  font-family: "NanumSquare";
  font-size: 1.3541666667vw;
  line-height: 2.0833333333vw;
  width: 25vw;
  color: #1a1a1a;
  margin-top: 1.5625vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__description {
    font-size: 26px;
    line-height: 40px;
    width: 480px;
    margin-top: 30px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__description {
    font-size: 3.488372093vw;
    line-height: 5vw;
    width: 62.7906976744vw;
    margin-top: 3.488372093vw;
  }
}
#content.main .new-items__more {
  display: inline-block;
  font-size: 0.8854166667vw;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 8.8541666667vw;
  position: relative;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__more {
    font-size: 17px;
    margin-top: 170px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__more {
    font-size: 1.976744186vw;
    margin-top: 8.1395348837vw;
  }
}
#content.main .new-items__more:after {
  content: "";
  display: block;
  position: absolute;
  right: -2.1875vw;
  top: 0.4166666667vw;
  width: 1.5625vw;
  height: 0.4166666667vw;
  background: url(../images/arrow_right.png) 0 0 no-repeat;
  background-size: 1.5625vw 0.4166666667vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__more:after {
    right: -42px;
    top: 8px;
    width: 30px;
    height: 8px;
    background-size: 30px 8px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__more:after {
    right: -4.8837209302vw;
    top: 0.9302325581vw;
    width: 3.488372093vw;
    height: 0.9302325581vw;
    background-size: 3.488372093vw 0.9302325581vw;
  }
}
#content.main .new-items__list {
  position: absolute;
  left: 624px;
  top: 100px;
  width: 53.6458333333vw;
  overflow: hidden;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__list {
    width: 1030px;
  }
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .new-items__list {
    left: 44%;
    top: 26%;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__list {
    width: calc(100% - 6.976744186vw);
    left: 6.976744186vw;
    top: 75.3488372093vw;
  }
}
#content.main .new-items__thumbnail {
  text-align: center;
}
#content.main .new-items__img {
  width: 9.6875vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__img {
    width: 186px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__img {
    width: 16.2790697674vw;
  }
}
#content.main .new-items__item {
  padding-top: 7.5vw;
  text-align: center;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__item {
    padding-top: 144px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__item {
    padding-top: 13.2558139535vw;
  }
}
#content.main .new-items__item.swiper-slide-active {
  width: 17.6041666667vw;
  padding: 0;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__item.swiper-slide-active {
    width: 338px;
  }
}
#content.main .new-items__item.swiper-slide-active .new-items__img {
  width: 13.9583333333vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__item.swiper-slide-active .new-items__img {
    width: 268px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__item.swiper-slide-active .new-items__img {
    width: 23.7209302326vw;
  }
}
#content.main .new-items__name {
  font-family: "NanumSquare";
  font-size: 1.25vw;
  font-weight: 700;
  margin-top: 1.875vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__name {
    font-size: 24px;
    margin-top: 36px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__name {
    font-size: 2.7906976744vw;
    margin-top: 2.3255813953vw;
    font-weight: 900;
  }
}
#content.main .new-items__subname {
  font-family: "NanumSquare";
  font-size: 0.8333333333vw;
  font-weight: 400;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__subname {
    font-size: 16px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__subname {
    font-size: 2.5581395349vw;
  }
}
#content.main .new-items__list-description {
  font-family: "NanumSquare";
  font-size: 0.8333333333vw;
  font-weight: 400;
  line-height: 1.25vw;
  margin-top: 1.0416666667vw;
  color: #252525;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__list-description {
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__list-description {
    font-size: 2.7906976744vw;
    line-height: 3.9534883721vw;
    margin-top: 2.3255813953vw;
  }
}
#content.main .new-items__nav-wrapper {
  position: absolute;
  left: 624px;
  top: 100px;
  width: 53.6458333333vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__nav-wrapper {
    width: 1030px;
  }
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .new-items__nav-wrapper {
    left: 44%;
    top: 26%;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__nav-wrapper {
    width: calc(100% - 6.976744186vw);
    left: 6.976744186vw;
    top: 75.3488372093vw;
  }
}
#content.main .new-items__nav {
  width: 20px;
  height: 25px;
  position: absolute;
  z-index: 10;
  cursor: pointer;
}
#content.main .new-items__nav--prev {
  background: url(../images/btn_nav_prev.png) 0 0 no-repeat;
  left: -2.0833333333vw;
  top: 13.75vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__nav--prev {
    left: -40px;
    top: 264px;
  }
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .new-items__nav--prev {
    left: -6%;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__nav--prev {
    left: -1.1627906977vw;
    top: 21.3953488372vw;
  }
}
#content.main .new-items__nav--next {
  background: url(../images/btn_nav_next.png) 0 0 no-repeat;
  left: 16.1458333333vw;
  top: 13.75vw;
}
@media all and (min-width: 1921px) {
  #content.main .new-items__nav--next {
    left: 310px;
    top: 264px;
  }
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .new-items__nav--next {
    left: 27%;
  }
}
@media all and (max-width: 960px) {
  #content.main .new-items__nav--next {
    left: 30.2325581395vw;
    top: 21.3953488372vw;
  }
}
#content.main .signature-item {
  height: 39.1145833333vw;
  background: url(../images/bg_signature-item.png) 100% 0 no-repeat #fff;
  background-size: 57.4479166667vw 39.1145833333vw;
  padding-top: 8.3333333333vw;
}
@media all and (min-width: 1921px) {
  #content.main .signature-item {
    height: 751px;
    background-size: 1103px 751px;
    padding-top: 160px;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item {
    background-size: 88.488372093vw 61.3953488372vw;
    height: 145.8139534884vw;
    padding-top: 72.0930232558vw;
  }
}
#content.main .signature-item__container {
  width: 1444px;
  margin: 0 auto;
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .signature-item__container {
    width: auto;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item__container {
    width: 100%;
  }
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .signature-item__information {
    padding-left: 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item__information {
    padding-left: 15.6976744186vw;
  }
}
#content.main .signature-item__title {
  font-family: "Goldplay";
  font-size: 2.5vw;
}
@media all and (min-width: 1921px) {
  #content.main .signature-item__title {
    font-size: 2.5vw;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item__title {
    font-size: 5.5813953488vw;
  }
}
#content.main .signature-item__description {
  font-family: "NanumSquare";
  font-size: 1.3541666667vw;
  line-height: 2.0833333333vw;
  width: 25vw;
  color: #1a1a1a;
  margin-top: 1.5625vw;
}
@media all and (min-width: 1921px) {
  #content.main .signature-item__description {
    font-size: 26px;
    line-height: 40px;
    width: 480px;
    margin-top: 30px;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item__description {
    font-size: 3.488372093vw;
    line-height: 5vw;
    width: 66.7441860465vw;
  }
}
#content.main .signature-item__description p {
  margin-bottom: 1.5625vw;
  line-height: 2.0833333333vw;
  font-weight: 300;
}
@media all and (min-width: 1921px) {
  #content.main .signature-item__description p {
    margin-bottom: 30px;
    line-height: 40px;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item__description p {
    line-height: 5vw;
  }
}
#content.main .signature-item__description-point {
  display: block;
  font-size: 1.4583333333vw;
  font-weight: 700;
  margin-bottom: 0.2083333333vw;
}
@media all and (min-width: 1921px) {
  #content.main .signature-item__description-point {
    font-size: 28px;
    margin-bottom: 4px;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item__description-point {
    font-size: 3.9534883721vw;
    margin-bottom: 0.4651162791vw;
  }
}
#content.main .signature-item__button {
  display: inline-block;
  font-family: "NanumSquare";
  font-size: 1.25vw;
  font-weight: 600;
  color: #f43b00;
  border: solid 1px #f43b00;
  padding: 0.7291666667vw 2.9166666667vw;
  margin-top: 1.5625vw;
}
@media all and (min-width: 1921px) {
  #content.main .signature-item__button {
    font-size: 24px;
    padding: 14px 56px;
    margin-top: 30px;
  }
}
@media all and (max-width: 960px) {
  #content.main .signature-item__button {
    font-size: 2.7906976744vw;
    padding: 1.6279069767vw 6.511627907vw;
    margin-top: 3.488372093vw;
  }
}
#content.main .notice {
  background-color: #fff;
}
#content.main .notice__header {
  position: relative;
  border-bottom: solid 0.8854166667vw #f0eae8;
  margin-bottom: 6.1458333333vw;
  height: 6.9791666667vw;
}
@media all and (min-width: 1921px) {
  #content.main .notice__header {
    border-bottom: solid 17px #f0eae8;
    margin-bottom: 118px;
    height: 134px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__header {
    height: 13.9534883721vw;
    border-bottom-width: 1.976744186vw;
    margin-bottom: 8.1395348837vw;
  }
}
#content.main .notice__header-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  width: 29.2708333333vw;
  background-color: #fff;
  font-family: "Goldplay";
  font-size: 4.2130208333vw;
  text-align: center;
}
@media all and (min-width: 1921px) {
  #content.main .notice__header-title {
    width: 562px;
    font-size: 80.89px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__header-title {
    font-size: 8.7209302326vw;
    width: 39.5348837209vw;
  }
}
#content.main .notice__contents {
  width: 100%;
  max-width: 1444px;
  margin: 0 auto;
  padding-bottom: 6.4583333333vw;
}
@media all and (min-width: 1921px) {
  #content.main .notice__contents {
    padding-bottom: 124px;
  }
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .notice__contents {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__contents {
    max-width: 100%;
    width: auto;
    margin: 0 18.3720930233vw;
    overflow: hidden;
  }
}
#content.main .notice__items {
  display: flex;
  margin-left: -1.0416666667vw;
}
@media all and (min-width: 1921px) {
  #content.main .notice__items {
    margin-left: -20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__items {
    margin-left: 0;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition-property: transform;
    box-sizing: content-box;
  }
}
#content.main .notice__item {
  padding: 1.4583333333vw 1.3020833333vw 2.6041666667vw;
  border: solid 2px var(--swiper-pagination-color);
  margin-left: 1.0416666667vw;
  text-align: left;
}
@media all and (min-width: 1921px) {
  #content.main .notice__item {
    padding: 28px 25px 50px;
    margin-left: 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__item {
    margin-left: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    padding: 3.488372093vw 3.488372093vw 6.2790697674vw;
  }
}
#content.main .notice__thumbnail {
  width: 100%;
}
#content.main .notice__tag {
  text-transform: uppercase;
  font-size: 0.9375vw;
  margin-top: 2.0833333333vw;
  color: rgb(244, 59, 0);
  font-weight: bold;
  line-height: 1.336;
}
@media all and (min-width: 1921px) {
  #content.main .notice__tag {
    font-size: 18px;
    margin-top: 40px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__tag {
    font-size: 2.3255813953vw;
    margin-top: 4.6511627907vw;
  }
}
#content.main .notice__subject {
  font-family: "NanumSquare";
  font-size: 2.2395833333vw;
  margin-top: 1.25vw;
  height: 2.0833333333vw;
  font-weight: 700;
  color: rgb(244, 59, 0);
  line-height: 100%;
  text-align: left;
}
@media all and (min-width: 1921px) {
  #content.main .notice__subject {
    font-size: 43px;
    margin-top: 24px;
    height: 40px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__subject {
    font-size: 5.8139534884vw;
    margin-top: 2.7906976744vw;
    height: 5.5813953488vw;
  }
}
#content.main .notice__content {
  margin-top: 1.0416666667vw;
  font-size: 0.9375vw;
  font-family: "NanumSquare";
}
@media all and (min-width: 1921px) {
  #content.main .notice__content {
    margin-top: 20px;
    font-size: 18px;
  }
}
@media all and (max-width: 960px) {
  #content.main .notice__content {
    margin-top: 2.3255813953vw;
    font-size: 2.7906976744vw;
    height: auto;
  }
}
#content.main .supporter {
  font-family: "NanumSquare";
  height: 35.8333333333vw;
  background: url(../images/bg_supporter.jpg) 100% 0% no-repeat #fff;
  background-size: 100vw 35.8333333333vw;
  text-align: left;
}
@media all and (min-width: 1921px) {
  #content.main .supporter {
    height: 688px;
    background-size: 1920px 688px;
  }
}
@media all and (max-width: 960px) {
  #content.main .supporter {
    height: 74.0697674419vw;
    background: url(../images/bg_m_supporter.jpg) 100% 0% no-repeat #fff;
    background-size: 100vw 74.0697674419vw;
  }
}
#content.main .supporter__container {
  width: 1444px;
  margin: 0 auto;
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .supporter__container {
    width: auto;
    padding: 0 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .supporter__container {
    width: 100%;
    padding-left: 15.6976744186vw;
  }
}
#content.main .supporter__title {
  font-size: 3.0208333333vw;
  letter-spacing: -0.25px;
  line-height: 3.90625vw;
  font-weight: 800;
  margin-top: 6.25vw;
}
@media all and (min-width: 1921px) {
  #content.main .supporter__title {
    font-size: 58px;
    line-height: 75px;
    margin-top: 120px;
  }
}
@media all and (max-width: 960px) {
  #content.main .supporter__title {
    font-size: 5.8139534884vw;
    line-height: 6.7441860465vw;
    margin-top: 11.7441860465vw;
  }
}
#content.main .supporter__description {
  width: 60%;
  font-size: 1.3541666667vw;
  color: #1a1a1a;
  line-height: 2.0833333333vw;
  margin-top: 1.5625vw;
}
@media all and (min-width: 1921px) {
  #content.main .supporter__description {
    font-size: 26px;
    line-height: 40px;
    margin-top: 30px;
  }
}
@media all and (max-width: 960px) {
  #content.main .supporter__description {
    width: 80%;
    font-size: 3.1395348837vw;
    line-height: 4.6511627907vw;
    margin-top: 4.6511627907vw;
  }
}
#content.main .supporter__button {
  display: inline-block;
  font-family: "NanumSquare";
  font-weight: 600;
  font-size: 1.25vw;
  padding: 0.7291666667vw 2.9166666667vw;
  margin-top: 3.125vw;
  color: #282828;
  border: solid 1px #282828;
}
@media all and (min-width: 1921px) {
  #content.main .supporter__button {
    font-size: 24px;
    padding: 14px 56px;
    margin-top: 60px;
  }
}
@media all and (max-width: 960px) {
  #content.main .supporter__button {
    font-size: 2.7906976744vw;
    padding: 1.6279069767vw 6.511627907vw;
    margin-top: 6.976744186vw;
  }
}
#content.main .marginal {
  height: 29.8958333333vw;
  display: flex;
  position: relative;
}
@media all and (min-width: 1921px) {
  #content.main .marginal {
    height: 574px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal {
    height: 110.6976744186vw;
    flex-direction: column;
  }
}
#content.main .marginal__background {
  width: 50%;
  background-color: #f0eae8;
}
@media all and (max-width: 960px) {
  #content.main .marginal__background {
    display: none;
  }
}
#content.main .marginal__background--right {
  background: url(../images/bg_finder.png) 100% 101% no-repeat;
  background-size: 15.0520833333vw 14.7916666667vw;
  background-color: #f43b00;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__background--right {
    background-size: 289px 284px;
  }
}
#content.main .marginal__container {
  position: absolute;
  width: 1444px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
@media all and (min-width: 961px) and (max-width: 1444px) {
  #content.main .marginal__container {
    width: 100%;
    padding: 0 20px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__container {
    position: static;
    flex-direction: column;
    width: 100%;
    left: 0;
    transform: none;
  }
}
#content.main .marginal__item {
  width: 50%;
}
@media all and (max-width: 960px) {
  #content.main .marginal__item {
    width: 100%;
    height: 55.3488372093vw;
    padding-left: 15.6976744186vw;
  }
}
#content.main .marginal__item--left {
  background: url(../images/bg_smartphone.png) 87% 163% no-repeat;
  background-size: 19.8958333333vw 25.0520833333vw;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__item--left {
    background-size: 382px 481px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__item--left {
    background-size: 44.4186046512vw 55.9302325581vw;
    background-position: 94% -927%;
  }
}
#content.main .marginal__item--right {
  padding-left: 10.2083333333vw;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__item--right {
    padding-left: 196px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__item--right {
    background: url(../images/bg_finder.png) 100% 101% no-repeat;
    background-color: #f43b00;
    background-size: 33.6046511628vw 33.023255814vw;
  }
}
#content.main .marginal__item--right .marginal__title {
  color: #fff;
}
#content.main .marginal__item--right .marginal__message {
  color: #fff;
  width: 100%;
  font-weight: 400;
}
#content.main .marginal__title {
  font-family: "NanumSquare";
  font-size: 3.125vw;
  font-weight: 800;
  letter-spacing: -0.25%;
  margin-top: 7.6041666667vw;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__title {
    font-size: 60px;
    margin-top: 146px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__title {
    font-size: 6.976744186vw;
    margin-top: 11.6279069767vw;
  }
}
#content.main .marginal__message {
  width: 40%;
  font-family: "NanumSquare";
  font-size: 1.3541666667vw;
  line-height: 1.8229166667vw;
  font-weight: 600;
  margin-top: 1.6666666667vw;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__message {
    font-size: 26px;
    line-height: 35px;
    margin-top: 32px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__message {
    font-size: 3.1395348837vw;
    line-height: 4.6511627907vw;
  }
}
#content.main .marginal__button {
  display: inline-block;
  font-size: 0.8854166667vw;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 4.5833333333vw;
  position: relative;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__button {
    font-size: 17px;
    margin-top: 88px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__button {
    font-size: 1.976744186vw;
    margin-top: 6.976744186vw;
  }
}
#content.main .marginal__button:after {
  content: "";
  display: block;
  position: absolute;
  right: -2.1875vw;
  top: 0.4166666667vw;
  width: 1.5625vw;
  height: 0.4166666667vw;
  background: url(../images/arrow_right.png) 0 0 no-repeat;
  background-size: 1.5625vw 0.4166666667vw;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__button:after {
    right: -42px;
    top: 8px;
    width: 30px;
    height: 8px;
    background-size: 30px 8px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__button:after {
    right: -4.8837209302vw;
    top: 0.9302325581vw;
    width: 3.488372093vw;
    height: 0.9302325581vw;
    background-size: 3.488372093vw 0.9302325581vw;
  }
}
#content.main .marginal__finder {
  width: 14.21875vw;
  height: 3.2291666667vw;
  margin-top: 4.1666666667vw;
  background-color: #fbf4e4;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__finder {
    width: 273px;
    height: 62px;
    margin-top: 80px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__finder {
    width: 31.7441860465vw;
    height: 7.4418604651vw;
    margin-top: 8.1395348837vw;
  }
}
#content.main .marginal__finder-input {
  height: 3.2291666667vw;
  width: 10.7291666667vw;
  padding: 0.3125vw 0.5208333333vw;
  font-family: "NanumSquare";
  font-weight: 700;
  font-size: 1.3020833333vw;
  color: #f43b00;
  background-color: #fbf4e4;
  vertical-align: top;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__finder-input {
    height: 62px;
    width: 206px;
    padding: 6px 10px;
    font-size: 25px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__finder-input {
    height: 7.2093023256vw;
    width: 23.9534883721vw;
    padding: 0.6976744186vw 1.1627906977vw;
    font-size: 2.9069767442vw;
  }
}
#content.main .marginal__finder-input::-moz-placeholder {
  color: #f43b00;
  font-family: "NanumSquare";
  text-transform: uppercase;
  font-size: 1.3020833333vw;
  font-weight: 700;
}
#content.main .marginal__finder-input::placeholder {
  color: #f43b00;
  font-family: "NanumSquare";
  text-transform: uppercase;
  font-size: 1.3020833333vw;
  font-weight: 700;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__finder-input::-moz-placeholder {
    font-size: 25px;
  }
  #content.main .marginal__finder-input::placeholder {
    font-size: 25px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__finder-input::-moz-placeholder {
    font-size: 2.9069767442vw;
  }
  #content.main .marginal__finder-input::placeholder {
    font-size: 2.9069767442vw;
  }
}
#content.main .marginal__finder-submit {
  width: 3.0208333333vw;
  height: 0.3125vw;
  background-color: #fbf4e4;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__finder-submit {
    width: 58px;
    height: 62px;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__finder-submit {
    width: 6.511627907vw;
    height: 6.976744186vw;
  }
}
#content.main .marginal__finder-submit:hover {
  cursor: pointer;
}
#content.main .marginal__finder-submit img {
  width: 1.5104166667vw;
  height: 1.5104166667vw;
  margin-top: 0.7vw;
}
@media all and (min-width: 1921px) {
  #content.main .marginal__finder-submit img {
    width: 29px;
    height: 29px;
    margin-top: 0.1vw;
  }
}
@media all and (max-width: 960px) {
  #content.main .marginal__finder-submit img {
    width: 3.1395348837vw;
    height: 3.1395348837vw;
    margin-top: 0.7vw;
  }
}

#content.main {
  font-size: 20px;
}

#content.main .section {
  color: var(--red-orange);
}

#content.main .section.imagine,
#content.main .section.dal-story {
  height: 100vh;
}

#content.main .big-title {
  font-size: 112px;
  font-weight: 900;
  line-height: 1.21;
}

#content.main .sub-title {
  font-size: 36px;
}

#content.main .ko-title {
  font-size: 64px;
  font-family: "HGGGOTHICSSI";
}

#content.main .sub-title + .big-title,
#content.main .ko-title + p {
  margin-top: 32px;
}

#content.main .sub-title + .ko-title {
  margin-top: 34px;
}

#content.main .big-title + p {
  margin-top: 56px;
}

#content.main .outline {
  text-stroke: 2px var(--red-orange);
  -webkit-text-stroke: 2px var(--red-orange);
  -webkit-text-fill-color: transparent;
}

@media all and (max-width: 750px) {
  #content.main {
    margin-top: -56px;
    font-size: 4.8vw;
  }
  #content.main .section.imagine,
  #content.main .section.dal-story {
    min-height: 812px;
  }
  #content.main .big-title {
    font-size: 12.8vw;
    line-height: 1.21;
  }
  #content.main .sub-title {
    font-size: 6.4vw;
  }
  #content.main .ko-title {
    font-size: 9.6vw;
  }
  #content.main .sub-title + .big-title,
  #content.main .ko-title + p,
  #content.main .sub-title + .ko-title {
    margin-top: 6.4vw;
  }
}
@media all and (min-width: 751px) {
  #content.main .section.imagine,
  #content.main .section.dal-video,
  #content.main .section.dal-story {
    min-height: 1080px;
  }
}
@media all and (min-width: 751px) and (max-width: 1440px) {
  #content.main .big-title {
    font-size: 9.317vw;
  }
  #content.main .sub-title {
    font-size: 2.795vw;
  }
  #content.main .ko-title {
    font-size: 4.969vw;
  }
}
/* section.first */
.section.first #mainTop {
  position: relative;
  margin: 0;
  height: 100%;
}

.section.first #mainTop .img-wrap {
  width: 100%;
  height: 100%;
}

.section.first #mainTop .text-wrap {
  text-align: left;
}

.section.first #mainTop .text-wrap .ggothic {
  font-size: 54px;
}

.section.first #mainTop .text-wrap .btn {
  margin-top: 52px;
  padding: 20px 48px;
  font-size: 24px;
  font-weight: bold;
  color: var(--red-orange);
  border: 1px solid var(--red-orange);
}

.section.first #mainTop .swiper-slide:not(.swiper-slide-active) .text-wrap {
  opacity: 0;
  z-index: -1;
}

.section.first #mainTop .flex-center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media all and (max-width: 1440px) {
  .section.first #mainTop .text-wrap.max-wrap {
    padding: 0 16px;
  }
}
@media all and (max-width: 750px) {
  .section.first {
    overflow: hidden;
    height: 100vh;
  }
  .section.first #mainTop .text-wrap.max-wrap {
    padding-top: 27.733vw;
    height: 100%;
  }
  .section.first #mainTop .swiper-pagination {
    bottom: 10.667vw;
  }
  .section.first #mainTop .text-wrap .ggothic {
    font-size: 8vw;
    max-width: 70.667vw;
  }
  .section.first #mainTop .text-wrap .btn {
    margin-top: 24px;
    padding: 10px 28px;
    font-size: 16px;
  }
}
@media all and (min-width: 751px) and (max-width: 1440px) {
  .section.first #mainTop .text-wrap .ggothic {
    font-size: 2.813vw;
  }
  .section.first #mainTop .text-wrap .btn {
    margin-top: 2.708vw;
    padding: 1.042vw 2.083vw;
    font-size: 1.25vw;
  }
}
@media all and (max-width: 750px) and (min-height: 812px) {
  .section.first {
    min-height: 812px;
  }
}
/* section.imagine */
#content.main .section.imagine {
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}

.section.imagine .text-wrap {
  position: relative;
  z-index: 1;
}

.section.imagine .sub-title > strong {
  font-weight: 700;
}

.section.imagine .sub-title + .section-title {
  margin-top: 32px;
}

.section.imagine .section-title {
  line-height: 1.21;
}

.section.imagine .section-title + .sub-text {
  margin-top: 56px;
}

@media all and (max-width: 750px) {
  .section.imagine .section-title.en {
    font-size: 3.375rem;
  }
  .section.imagine .sub-title + .section-title {
    margin-top: 28px;
  }
  .section.imagine .section-title + .sub-text {
    margin-top: 44px;
  }
}
@media all and (min-width: 751px) and (max-width: 1440px) {
  .section.imagine .section-title.en {
    font-size: 1.875vw;
  }
  .section.imagine .sub-title + .section-title {
    margin-top: 1.667vw;
  }
  .section.imagine .section-title + .sub-text {
    margin-top: 2.917vw;
  }
}
.section.imagine .img-wrap {
  position: absolute;
  overflow: visible;
}

.section.imagine .img-wrap.large {
  top: 7.77%;
  right: -10.57%;
  width: 478px;
  height: 478px;
}

.section.imagine .img-wrap.medium {
  top: 20.83%;
  left: -6.8%;
  width: 415px;
  height: 415px;
}

.section.imagine .img-wrap.small {
  bottom: 7.5%;
  right: 18.43%;
  width: 271px;
  height: 271px;
}

@media all and (max-width: 750px) {
  .section.imagine .text-wrap {
    padding: 0 10vw;
  }
  .section.imagine .img-wrap.large {
    opacity: 0;
  }
  .section.imagine .img-wrap.medium {
    top: 9.6vw;
    left: -13.333vw;
    width: 29.867vw;
    height: 29.867vw;
  }
  .section.imagine .img-wrap.small {
    bottom: -9.6vw;
    right: -10.133vw;
    width: 44.8vw;
    height: 44.8vw;
  }
}
@media all and (min-width: 751px) and (max-width: 1440px) {
  .section.imagine .img-wrap.large {
    width: 33.194vw;
    height: 33.194vw;
  }
  .section.imagine .img-wrap.medium {
    top: 15.625vw;
    width: 28.819vw;
    height: 28.819vw;
  }
  .section.imagine .img-wrap.small {
    bottom: 5.625vw;
    width: 18.819vw;
    height: 18.819vw;
  }
}
.section.imagine .img-wrap .mask {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100vw;
}

.section.imagine .img-wrap img {
  width: 100%;
  height: 100%;
  transform-origin: bottom center;
  transition: transform 2s ease-in-out;
}

.section.imagine .img-wrap:hover img {
  transform: scale(1.1);
}

.section.imagine .img-wrap svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.section.imagine .img-wrap.large svg {
  left: 36px;
  top: -35px;
}

.section.imagine .img-wrap.medium svg {
  left: 14px;
  top: -45px;
}

.section.imagine .img-wrap.small svg {
  left: 20px;
  top: -20px;
  transform: rotate(-75deg);
}

.section.imagine .img-wrap svg path {
  fill: none;
  stroke: var(--red-orange);
  stroke-width: 3px;
}

.section.imagine .img-wrap svg g path {
  stroke-miterlimit: 10;
}

.section.imagine .img-wrap svg path {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  animation: dashCir 4s ease-in-out alternate infinite;
}
@keyframes dashCir {
  0% {
    stroke-dashoffset: 1100;
    fill-opacity: 0;
  }
  20% {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-opacity: 1;
    fill-opacity: 1;
  }
}
/* section.dal-video */
#content.main .section.dal-video {
  position: relative;
}

#content.main .section.dal-video video {
  width: 100%;
  max-width: 1920px;
}

@media all and (max-width: 750px) {
  #content.main .section.dal-video video {
    width: 100%;
  }
}
/* section.dal-story */
#content.main .section.dal-story {
  position: relative;
  overflow: hidden;
}

#content.main .section.dal-story .goldplay {
  font-size: 84px;
  font-weight: 900;
  line-height: 1.33;
}

#content.main .section.dal-story #dalStory {
  overflow: visible;
  margin-top: 80px;
  text-align: left;
}

#dalStory .swiper-wrapper {
  display: flex;
  justify-content: space-between;
}

#dalStory .item.dal-contents {
  color: var(--red-orange);
}

#dalStory .item .badge {
  color: inherit;
}

#dalStory .item .img-wrap {
  position: relative;
}

#dalStory .item .img-wrap:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}

#dalStory .item .img-wrap img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translateX(-50%) translateY(-50%);
}

#dalStory .item.dal-contents:hover .img-wrap img {
  transform: scale(1.1) translateX(-50%) translateY(-50%);
}

#dalStory .item.dal-contents .data-wrap {
  padding-top: 52px;
}

#dalStory .item.dal-contents .badge-wrap {
  font-size: 24px;
  line-height: 1.2;
}

#dalStory .item.dal-contents .title {
  margin-top: 20px;
  height: 68px;
  font-size: 48px;
  line-height: 1.416;
}

#dalStory .item.dal-contents .text {
  margin-top: 12px;
  height: 28px;
  line-height: 1.4;
}

@media all and (max-width: 1439px) {
  #content.main .section.dal-story .max-wrap {
    padding: 0 16px;
  }
}
@media all and (max-width: 750px) {
  #content.main .section.dal-story .goldplay {
    font-size: 12.8vw;
    line-height: 1.21;
  }
  #content.main .section.dal-story #dalStory {
    margin-top: 19.2vw;
  }
  #dalStory .item.dal-contents .data-wrap {
    padding-top: 6.4vw;
  }
  #dalStory .item.dal-contents .badge-wrap {
    font-size: 4.8vw;
  }
  #dalStory .item.dal-contents .title {
    margin-top: 4.267vw;
    height: 13.6vw;
    font-size: 9.6vw;
    line-height: 13.6vw;
  }
  #dalStory .item.dal-contents .text {
    margin-top: 2.133vw;
    height: 6.933vw;
    line-height: 6.933vw;
  }
  #dalStory .swiper-slide:not(.swiper-slide-active) .item.dal-contents .data-wrap {
    opacity: 0;
  }
}
@media all and (min-width: 751px) and (max-width: 1439px) {
  #content.main .section.dal-story .max-wrap {
    padding: 0 20px;
  }
  #content.main .section.dal-story .goldplay {
    font-size: 5.833vw;
  }
  #content.main .section.dal-story #dalStory {
    margin-top: 5.556vw;
  }
  #dalStory .item.dal-contents .data-wrap {
    padding-top: 3.611vw;
  }
  #dalStory .item.dal-contents .badge-wrap {
    font-size: 1.667vw;
  }
  #dalStory .item.dal-contents .title {
    height: 4.722vw;
    font-size: 3.333vw;
  }
  #dalStory .item.dal-contents .text {
    margin-top: 12px;
    height: 28px;
  }
}
@media (min-width: 1440px) {
  #dalStory li.swiper-slide {
    width: calc((100% - 60px) / 3);
  }
  #dalStory li.swiper-slide + li.swiper-slide {
    margin-left: 30px;
  }
}
/* section.colorful */
#content.main .section.colorful {
  width: 100%;
  padding-top: 196px;
}

.section.colorful .text-wrap {
  z-index: 1;
}

.section.colorful .img-moving {
  position: relative;
  margin-top: 239px;
  height: 375px;
}

.section.colorful .img-moving .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 214px;
  background: white;
}

.section.colorful .img-moving .menu {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: transparent url("../images/menu.png") repeat-x left top;
  background-size: auto 375px;
  animation: movement 20s linear infinite;
}

@media all and (max-width: 750px) {
  #content.main .section.colorful {
    padding-top: 32vw;
  }
  .section.colorful .img-moving {
    margin-top: 38.4vw;
    height: 255px;
  }
  .section.colorful .img-moving .bottom {
    height: 130px;
  }
  .section.colorful .img-moving .menu {
    background-size: auto 255px;
  }
  @keyframes movement {
    0% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 2426px 0px;
    }
  }
  @keyframes movement {
    0% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 2426px 0px;
    }
  }
}
@media all and (min-width: 751px) {
  @keyframes movement {
    0% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 3567px 0px;
    }
  }
  @keyframes movement {
    0% {
      background-position: 0px 0px;
    }
    100% {
      background-position: 3567px 0px;
    }
  }
}
/* section.new-dal */
#content.main .section.new-dal {
  background: white;
  padding: 250px 0 20px;
}

#content.main .section.new-dal .visual-wrap {
  overflow: hidden;
  position: relative;
  margin-top: 61px;
  width: 100%;
}

#content.main .section.new-dal .visual-wrap ul {
  position: absolute;
  left: -33px;
  right: -20px;
  top: 271px;
  width: calc(100% + 33px + 20px);
}

#content.main .section.new-dal .visual-wrap li {
  overflow: visible;
  width: 132px;
  height: 187px;
}

#content.main .section.new-dal .visual-wrap li + li {
  margin-left: 80px;
}

#content.main .section.new-dal .visual-wrap li:nth-child(5) {
  margin-left: 447px;
}

#content.main .section.new-dal .visual-wrap li:nth-child(1),
#content.main .section.new-dal .visual-wrap li:nth-child(3),
#content.main .section.new-dal .visual-wrap li:nth-child(6),
#content.main .section.new-dal .visual-wrap li:nth-child(8) {
  padding-top: 30px;
}

#content.main .section.new-dal .visual-wrap li .img-wrap {
  width: 132px;
}

#content.main .section.new-dal .visual-wrap li:nth-child(4) .img-wrap {
  width: 145px;
}

#content.main .section.new-dal .visual-wrap li:nth-child(7) .img-wrap {
  width: 137px;
}

#content.main .section.new-dal .visual-wrap .img-app {
  position: relative;
  margin: 0 auto 0;
  padding: 71px 111px 0 113px;
  width: 475px;
  height: 729px;
  z-index: 2;
}

#content.main .section.new-dal .visual-wrap .img-app:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent url("../images/bg_phone_01.png") no-repeat center top;
  background-size: 100% auto;
}

@media all and (max-width: 750px) {
  #content.main .section.new-dal {
    padding: 39.467vw 0 0;
  }
  #content.main .section.new-dal .visual-wrap ul {
    top: 61.333vw;
    left: 0;
    right: 0;
    width: 100%;
  }
  #content.main .section.new-dal .visual-wrap li {
    height: 25.867vw;
  }
  #content.main .section.new-dal .visual-wrap li,
  #content.main .section.new-dal .visual-wrap li .img-wrap {
    width: 24vw;
  }
  #content.main .section.new-dal .visual-wrap li:nth-child(5) {
    margin-left: 76vw;
  }
  #content.main .section.new-dal .visual-wrap li:nth-child(4) .img-wrap {
    width: 26.4vw;
  }
  #content.main .section.new-dal .visual-wrap li:nth-child(7) .img-wrap {
    width: 25vw;
  }
  #content.main .section.new-dal .visual-wrap .img-app {
    padding: 14.133vw 22.933vw 24vw 22.667vw;
    width: 97.067vw;
    height: 148.533vw;
  }
}
/* section.supporter */
#content.main .section.supporter {
  position: relative;
  overflow: hidden;
}

#content.main .section.supporter .bg-wrap {
  padding: 160px 0;
}

#content.main .section.supporter .ko-title + p {
  margin-top: 32px;
}

#content.main .section.supporter p + .btn {
  margin-top: 32px;
}

#content.main .section.supporter .btn {
  width: 279px;
  height: 71px;
  line-height: 71px;
  font-size: 24px;
  font-weight: bold;
  color: var(--red-orange);
  border: 1px solid var(--red-orange);
}

@media all and (max-width: 750px) {
  #content.main .section.supporter .bg-wrap {
    padding: 53.333vw 0;
  }
  #content.main .section.supporter .ko-title + p {
    margin-top: 4.267vw;
  }
  #content.main .section.supporter p + .btn {
    margin-top: 6.133vw;
  }
  #content.main .section.supporter .btn {
    width: 182px;
    height: 45px;
    font-size: 16px;
    line-height: 43px;
  }
}
.section.supporter .parallax {
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

.section.supporter .parallax.circle-img {
  top: 82px;
  right: -142px;
  width: 419px;
  height: 424px;
  background-image: url("../images/circle_img.png");
}

.section.supporter .parallax.circle-big {
  bottom: 90px;
  left: -77px;
  width: 293px;
  height: 325px;
  background-image: url("../images/circle_big.svg");
}

.section.supporter .parallax.circle-small {
  bottom: 114px;
  left: 216px;
  width: 77px;
  height: 61px;
  background-image: url("../images/circle_small.svg");
}

@media all and (max-width: 750px) {
  .section.supporter .parallax.circle-img {
    top: auto;
    left: auto;
    bottom: -5.067vw;
    right: -10.133vw;
    width: 46.933vw;
    height: 47.467vw;
  }
  .section.supporter .parallax.circle-big {
    bottom: auto;
    top: 10.667vw;
    left: -9.067vw;
    width: 27.2vw;
    height: 27.733vw;
  }
  .section.supporter .parallax.circle-small {
    bottom: auto;
    top: 30.933vw;
    left: 22.4vw;
    width: 6.667vw;
    height: 5.333vw;
  }
}
@media all and (min-width: 751px) and (max-width: 1287px) {
  .section.supporter .parallax.circle-img {
    right: -11.025vw;
    width: 32.531vw;
    height: 32.919vw;
  }
  .section.supporter .parallax.circle-big {
    bottom: 6.988vw;
    left: -5.978vw;
    width: 22.748vw;
    height: 25.233vw;
  }
  .section.supporter .parallax.circle-small {
    bottom: 8.851vw;
    left: 16.77vw;
    width: 5.978vw;
    height: 4.736vw;
  }
}
/*
SS01_1
매장상세  _ 달콤컨텐츠 매장 하단		 */
#content.store .page-title {
  font-size: 66px;
  line-height: 1.7;
}

@media all and (max-width: 750px) {
  #content.store .page-title {
    font-size: 36px;
    line-height: 1.39;
  }
  #content.store .store-info-wrap .grid-list li {
    display: flex;
  }
}
#content.store .store-info-wrap .grid-list li .dt,
#content.store .store-info-wrap .grid-list li .dd {
  font-weight: bold;
}

#content.store .store-info-wrap .grid-list li .dd {
  opacity: 0.4;
}

@media all and (min-width: 751px) {
  #content.store .store-info-wrap {
    display: flex;
    justify-content: flex-end;
  }
  #content.store .store-info-wrap .grid-list {
    width: 55.9%;
    min-width: 720px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "num1 num1 num2 num2" "num3 num4 num5 num6";
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(1) {
    grid-area: num1;
    padding-bottom: 52px;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(2) {
    grid-area: num2;
    padding-bottom: 52px;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(3) {
    grid-area: num3;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(4) {
    grid-area: num4;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(5) {
    grid-area: num5;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(6) {
    grid-area: num6;
  }
  #content.store .store-info-wrap .grid-list li .dt,
  #content.store .store-info-wrap .grid-list li .dd {
    font-size: 18px;
  }
  #content.store .store-info-wrap .grid-list li .dt {
    position: relative;
  }
  #content.store .store-info-wrap .grid-list li .dt .ico {
    position: absolute;
    left: -32px;
  }
  #content.store .store-info-wrap .grid-list li .dd {
    margin-top: 10px;
  }
}
@media all and (min-width: 751px) and (-ms-high-contrast: none) {
  #content.store .store-info-wrap .grid-list {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  #content.store .store-info-wrap .grid-list li:nth-of-type(6) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
}
@media all and (max-width: 750px) {
  #content.store .store-info-wrap .grid-list li {
    display: flex;
  }
  #content.store .store-info-wrap .dt {
    width: 100px;
    display: inline-flex;
  }
  #content.store .store-info-wrap .grid-list li,
  #content.store .store-info-wrap .dt {
    align-items: center;
  }
  #content.store .store-info-wrap .grid-list li + li {
    margin-top: 24px;
  }
  #content.store .store-info-wrap .dt .ico {
    margin-right: 8px;
  }
}
#content.store .google-map-wrap {
  margin-top: 76px;
  overflow: hidden;
  width: 100%;
  height: 700px;
}

#content.store .google-map-wrap #map {
  height: 100%;
  margin: 0;
  left: 0;
}

#content.store .section.store-gallery {
  margin-top: 128px;
}

#content.store .section.store-gallery .max-wrap:nth-of-type(1) {
  position: relative;
  z-index: 3;
}

#content.store .section.store-gallery .section-title {
  position: absolute;
  top: 0;
  left: 76px;
  width: 373px;
  height: 100%;
  z-index: 3;
}

@media all and (max-width: 750px) {
  #content.store .google-map-wrap {
    margin-top: 60px;
    height: 480px;
  }
  #content.store .max-wrap.slit-right.google-map-wrap {
    margin-right: auto;
    width: calc(100% - 32px);
  }
}
/*
GR01
글로벌달콤		 */
#content.global {
  width: 100%;
  overflow-x: hidden;
}

#content.global .js-accordion-switche {
  width: 400px;
  font-size: 48px;
  line-height: 1.2;
}

#content.global .js-accordion-content {
  padding: 32px 0;
}

#content.global .js-accordion-content .title {
  font-weight: bold;
}

#content.global .js-accordion-content .text.en {
  opacity: 0.4;
  font-weight: 500;
}

#content.global .section-title + .max-wrap {
  margin-top: 40px;
}

#content.global ul.accordion-list {
  z-index: 2;
}

#content.global ul.accordion-list li {
  position: relative;
}

#content.global .map-wrap,
#content.global .map-wrap .spot-wrap,
#content.global .map-wrap .spot {
  position: absolute;
}

#content.global .map-wrap {
  z-index: -1;
}

#content.global .map-wrap .spot-wrap {
  z-index: 0;
}

#content.global .map-wrap .spot-wrap {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#content.global .map-wrap.singapore {
  top: -206px;
  right: -185px;
}

#content.global .map-wrap .spot {
  display: block;
  width: 28px;
  height: 35px;
}

#content.global .map-wrap .spot strong {
  display: block;
  width: 28px;
  height: 35px;
  background: url("../images/bg_spot.svg") no-repeat top center;
  background-size: contain;
  color: white;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

#content.global .map-wrap.singapore .spot:nth-of-type(1) {
  top: 49.63%;
  left: 36.32%;
}

#content.global .map-wrap.singapore .spot:nth-of-type(2) {
  top: 55.05%;
  left: 43.25%;
}

#content.global .map-wrap.singapore .spot:nth-of-type(3) {
  top: 41.03%;
  left: 76.94%;
}

#content.global .map-wrap.singapore .spot:nth-of-type(4) {
  top: 50.15%;
  left: 46.96%;
}

#content.global .map-wrap.moroco {
  top: -288px;
  right: -71px;
}

#content.global .map-wrap.moroco .spot:nth-of-type(1) {
  top: 28.65%;
  left: 55.11%;
}

#content.global .map-wrap.moroco .spot:nth-of-type(2) {
  top: 44.23%;
  left: 44.41%;
}

#content.global .map-wrap.moroco .spot:nth-of-type(3) {
  top: 14.74%;
  left: 65.95%;
}

#content.global ul.accordion-list li:not(.active) + li {
  margin-top: 24px;
}

#content.global .js-accordion-content li + li {
  margin-top: 18px;
}

#content.global .js-accordion-content .title + .text {
  margin-top: 8px;
}

#content.global .map-wrap .spot {
  --animate-delay: 500ms;
}

@media all and (max-width: 750px) {
  #content.global .js-accordion-switche {
    font-size: 34px;
  }
  #content.global .js-accordion-content .text.en {
    font-size: 12px;
  }
  #content.global .map-wrap {
    display: none;
  }
}
@media all and (min-width: 751px) {
  #content.global {
    min-height: 1020px;
  }
  #content.global .js-accordion-switche {
    font-size: 34px;
  }
  #content.global .js-accordion-content .title {
    font-size: 18px;
  }
}
/*
FC01
창업안내		 */
#content.franchise .tabs-wrap + .franchise-gallery {
  margin-top: 115px;
  overflow-x: hidden;
}

#content.franchise > .section {
  padding: 160px 0;
}

@media all and (max-width: 750px) {
  #content.franchise .tabs-wrap + .franchise-gallery {
    margin-top: 60px;
  }
  #content.franchise > .section {
    padding: 80px 0;
  }
}
#content.franchise .section.logistics-system > .flex {
  flex-wrap: wrap;
}

#content.franchise .section.logistics-system .section-title + p {
  padding-bottom: 60px;
}

#content.franchise .section.logistics-system .list-wrap .ico {
  display: block;
  width: 110px;
  height: 110px;
}

#content.franchise .section.logistics-system .list-wrap .flex-list li:nth-of-type(1) .ico {
  background-image: url("../images/logistics_object_01.svg");
}

#content.franchise .section.logistics-system .list-wrap .flex-list li:nth-of-type(2) .ico {
  background-image: url("../images/logistics_object_02.svg");
}

#content.franchise .section.logistics-system .list-wrap .flex-list li:nth-of-type(3) .ico {
  background-image: url("../images/logistics_object_03.svg");
}

#content.franchise .section.logistics-system .list-wrap .flex-list li:nth-of-type(4) .ico {
  background-image: url("../images/logistics_object_04.svg");
}

#content.franchise .section.logistics-system .list-wrap .flex-list li .text {
  font-weight: bold;
}

#content.franchise .section.logistics-system .list-wrap .ico + .cate {
  margin-top: 48px;
}

#content.franchise .section.logistics-system .list-wrap .cate + .text {
  margin-top: 12px;
}

@media all and (max-width: 750px) {
  #content.franchise .section.logistics-system .section-title + p {
    margin-top: 24px;
  }
  #content.franchise .section.logistics-system .list-wrap .flex-list li {
    width: 100%;
  }
  #content.franchise .section.logistics-system .list-wrap .flex-list li + li {
    margin-top: 60px;
  }
  #content.franchise .section.logistics-system .list-wrap .flex-list li .text {
    font-size: 18px;
  }
  #content.franchise .section.logistics-system .list-wrap .ico + .cate {
    margin-top: 40px;
  }
}
@media all and (min-width: 751px) {
  #content.franchise .section.logistics-system .section-title + p {
    margin-top: 32px;
    font-size: 18px;
  }
  #content.franchise .section.logistics-system .flex .title-wrap {
    width: 389px;
  }
  #content.franchise .section.logistics-system .flex .list-wrap {
    width: calc(100% - 545px);
    margin-left: 156px;
  }
  #content.franchise .section.logistics-system .list-wrap .flex-list li {
    width: 50%;
    min-width: 327px;
    padding-bottom: 96px;
  }
  #content.franchise .section.logistics-system .list-wrap .flex-list li .cate {
    font-size: 18px;
  }
  #content.franchise .section.logistics-system .list-wrap .flex-list li .text {
    font-size: 24px;
  }
}
#content.franchise .section.food-system {
  overflow: hidden;
  position: relative;
  background-image: url("../images/bg_foodsystem.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  z-index: 1;
}

#content.franchise .section.food-system:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: var(--black);
  opacity: 0.3;
  z-index: -1;
}

#content.franchise .section.food-system .section-title + .venn-diagram {
  margin-top: 96px;
}

#content.franchise .venn-diagram.flex-center {
  flex-wrap: wrap;
}

#content.franchise .venn-diagram.flex-center > .dot-group {
  width: 100%;
}

#content.franchise .venn-diagram .circle {
  width: 330px;
  height: 330px;
  padding: 50px;
  flex-direction: column;
}

#content.franchise .venn-diagram .circle,
#content.franchise .venn-diagram .dot {
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
}

#content.franchise .venn-diagram .dot {
  width: 8px;
  height: 8px;
  background: white;
}

#content.franchise .venn-diagram .circle:not(.dark) {
  border: 1px solid rgba(255, 255, 255, 0.8);
}

#content.franchise .venn-diagram .circle.dark {
  background: var(--black);
}

#content.franchise .venn-diagram .circle .title {
  font-size: 24px;
}

#content.franchise .venn-diagram .circle .title + .text {
  margin-top: 12px;
}

#content.franchise .venn-diagram .circle .text {
  text-align: center;
}

#content.franchise .venn-diagram .circle img {
  display: block;
  margin-bottom: 5px;
}

@media all and (max-width: 750px) {
  #content.franchise .venn-diagram .circle + .circle {
    margin-top: -20px;
  }
  #content.franchise .venn-diagram .circle {
    width: 223px;
    height: 223px;
    padding: 36px;
  }
  #content.franchise .venn-diagram .circle .title {
    font-size: 18px;
  }
  #content.franchise .venn-diagram .circle .text {
    font-size: 12px;
  }
  #content.franchise .venn-diagram .circle .title + .text {
    margin-top: 10px;
  }
  #content.franchise .venn-diagram .circle img {
    max-width: 157px;
    margin-bottom: 0;
  }
}
@media all and (max-width: 890px) {
  #content.franchise .venn-diagram.flex-center > .circle-group {
    flex-direction: column;
  }
  #content.franchise .venn-diagram .circle + .circle {
    margin-top: -40px;
  }
}
@media all and (max-width: 1443px) {
  #content.franchise .venn-diagram.flex-center > .dot-group {
    padding: 20px 0;
    flex-direction: column;
  }
  #content.franchise .venn-diagram .dot + .dot {
    margin-top: 6px;
  }
}
@media all and (min-width: 891px) {
  #content.franchise .venn-diagram.flex-center > .circle-group {
    width: 890px;
  }
  #content.franchise .section.food-system {
    min-height: 814px;
  }
  #content.franchise .venn-diagram .circle + .circle {
    margin-left: -40px;
  }
}
@media all and (min-width: 1444px) {
  #content.franchise .venn-diagram.flex-center > .dot-group {
    width: 68px;
  }
  #content.franchise .venn-diagram .dot + .dot {
    margin-left: 8px;
  }
}
#content.franchise .section.process .section-title + .list-wrap {
  margin-top: 80px;
}

#content.franchise .section.process .data-list {
  flex-wrap: wrap;
}

#content.franchise .section.process .data-list li {
  padding: 48px 0;
  border-top: 2px solid var(--black);
}

#content.franchise .section.process .data-list li .title {
  font-size: 36px;
  font-weight: bold;
}

#content.franchise .section.process .data-list li .title .num {
  display: inline-block;
  width: 68px;
  line-height: 1.2;
}

#content.franchise .section.process .data-list li .text {
  font-size: 18px;
}

#content.franchise .section.process .data-list li .title + .text {
  margin-top: 12px;
}

@media all and (max-width: 750px) {
  #content.franchise .section.process .section-title + .gird-wrap {
    margin-top: 60px;
  }
  #content.franchise .section.process .data-list li {
    padding: 30px 0;
  }
  #content.franchise .section.process .data-list li .title {
    font-size: 24px;
    font-weight: bold;
  }
  #content.franchise .section.process .data-list li .text {
    font-size: 14px;
    width: 100%;
  }
  #content.franchise .section.process .data-list li .title + .text {
    margin-top: 14px;
  }
}
@media all and (min-width: 751px) and (max-width: 1280px) {
  .data-list.col-3.m-col-1 > li:last-child {
    width: 100%;
  }
}
#content.franchise .section.costs .table-wrap {
  margin-top: 60px;
}

#content.franchise .section.costs .table-wrap.swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

#content.franchise .section.costs .table-wrap .swiper-slide {
  padding-bottom: 20px;
  box-sizing: border-box;
}

#content.franchise .section.costs .table-wrap .data-table {
  font-weight: bold;
  width: 100%;
}

#content.franchise .section.costs .table-wrap .data-table th,
#content.franchise .section.costs .table-wrap .data-table td {
  padding-left: 60px;
}

#content.franchise .section.costs .data-table .title {
  width: 24.5%;
}

#content.franchise .section.costs .data-table .cost50 {
  width: 22.1%;
}
#content.franchise .section.costs .data-table .cost25 {
  width: 10.1%;
}

#content.franchise .section.costs .data-table tbody .cost25 {
  text-align:right;
  padding: 15px 15px 15px 15px;
}
#content.franchise .section.costs .data-table tbody .promotion {
  color:#007D3C;
  font-weight: 900;
  background-color: #007D3C26;

}
#content.franchise .section.costs .data-table + .annotation {
  margin-top: 20px;
}

#content.franchise .section.costs .annotation {
  font-size: 16px;
}

#content.franchise .section.costs .button-area {
  margin-top: 48px;
}

@media all and (max-width: 1024px) {
  #content.franchise .section.costs .table-wrap .swiper-slide {
    width: auto;
  }
}
@media all and (max-width: 750px) {
  #content.franchise .section.costs .table-wrap.swiper {
    margin-right: -16px;
    width: calc(100% + 16px);
  }
  #content.franchise .section.costs .table-wrap .swiper-slide {
    padding-right: 16px;
  }
  #content.franchise .section.costs .annotation {
    font-size: 12px;
  }
  #content.franchise .section.costs .table-wrap .data-table {
    width: 810px;
  }
  #content.franchise .section.costs .data-table .cate {
    width: 116px;
  }
  #content.franchise .section.costs .data-table .title {
    width: 130px;
  }
  #content.franchise .section.costs .data-table + .annotation {
    margin-top: 12px;
  }
  #content.franchise .section.costs .button-area {
    margin-top: 60px;
  }
}
/*
FC02
상담신청		 */
#content.franchise .consulting > .flex {
  justify-content: space-between;
}

#content.franchise .consulting > .flex.search-result {
  align-items: flex-start;
}

#content.franchise .consulting .search-bar {
  position: relative;
}

#content.franchise .consulting .search-bar .input-text {
  width: 100%;
  padding-right: 28px;
  background-color: inherit;
  border-color: var(--black);
  box-shadow: inset 0 -1px 0 0 var(--black);
}

#content.franchise .consulting .search-bar .btn.search {
  position: absolute;
  right: 0;
  bottom: 2px;
  padding: 0 0 10px;
}

#content.franchise .biz-card {
  font-size: 18px;
  background: white;
}

.biz-card .manager {
  margin-top: 60px;
}

.biz-card .manager strong {
  font-size: 48px;
  color: #000;
}

.biz-card .contact {
  margin-top: 124px;
  text-align: right;
  padding-right: 4px;
}

@media all and (max-width: 750px) {
  #content.franchise .consulting > .flex {
    flex-direction: column;
  }
  #content.franchise .biz-card {
    width: 100%;
    margin-top: 60px;
    padding: 48px 30px;
    font-size: 14px;
  }
  .biz-card .logo {
    width: 82px;
  }
  .biz-card .manager {
    margin-top: 32px;
  }
  .biz-card .manager strong {
    font-size: 28px;
  }
  .biz-card .contact {
    margin-top: 48px;
  }
}
@media all and (min-width: 751px) {
  #content.franchise .consulting > .flex.title-bar {
    align-items: flex-end;
  }
  #content.franchise .consulting .search-bar .input-text {
    width: 280px;
  }
  #content.franchise .search-result .dropdown-wrap ul {
    width: 230px;
  }
  #content.franchise .biz-card {
    width: calc(100% - (230px + 7.3%));
    padding: 80px;
  }
}
/*95
BR01
Brochure		*/
#content.brochure .max-wrap.flex-both-top {
  margin-top: 128px;
}

#content.brochure .item .img-wrap {
  width: 100%;
}

#content.brochure .item .title-wrap {
  display: inline-block;
  font-size: 9.067vw;
  font-weight: bold;
  line-height: 1.37;
  color: var(--black);
  z-index: 1;
  align-self: flex-end;
}

#content.brochure .item .title-wrap > span:nth-of-type(1) {
  display: block;
}

@media all and (max-width: 750px) {
  #content.brochure .max-wrap.flex-both-top {
    margin-top: 80px;
    overflow-x: hidden;
  }
  #content.brochure .max-wrap.flex-both-top {
    flex-direction: column;
  }
  #content.brochure .item {
    width: 100%;
  }
  #content.brochure .item .title-wrap {
    width: 66.933vw;
  }
  #content.brochure .item:nth-of-type(1) .img-wrap + .title-wrap,
  #content.brochure .item:nth-of-type(2) .title-wrap + .img-wrap {
    margin-top: -5.6vw;
  }
  #content.brochure .item + .item {
    margin-top: 21.333vw;
  }
}
@media all and (min-width: 751px) {
  #content.brochure .item {
    width: 45%;
    max-width: 525px;
  }
  #content.brochure .item .title-wrap {
    font-size: 4vw;
    line-height: 1.34;
  }
  #content.brochure .item:nth-of-type(1) .img-wrap + .title-wrap {
    margin-top: -40px;
  }
  #content.brochure .item:nth-of-type(2) {
    padding-top: 160px;
  }
  #content.brochure .item:nth-of-type(2) .title-wrap + .img-wrap {
    margin-top: -36px;
  }
}
@media all and (min-width: 1281px) {
  #content.brochure .item .title-wrap {
    font-size: 64px;
  }
}
/*
P01
App 소개			*/
#content.app .section {
  overflow: hidden;
}

#content.app .section,
#content.app .section.app-intro .visual-wrap {
  display: flex;
}

#content.app .section .max-wrap {
  width: 100%;
}

#content.app .section.app-intro {
  flex-direction: column;
}

#content.app .section.app-intro,
#content.app .section.membership {
  text-align: center;
  justify-content: center;
}

#content.app .section.no-wait,
#content.app .section.share {
  align-items: center;
}

#content.app .section.membership {
  align-items: flex-start;
}

#content.app .section {
  position: relative;
  padding: 160px 0;
}

#content.app .section .section-title span,
#content.app .section .text span {
  display: block;
}

#content.app .section .text {
  font-size: 18px;
}

#content.app .section .section-title + .text {
  margin-top: 32px;
}

@media all and (max-width: 750px) {
  #content.app .section {
    padding: 80px 0;
  }
  #content.app .section .section-title + .text {
    margin-top: 24px;
  }
  #content.app .section .text {
    font-size: 14px;
  }
}
#content.app .section .text {
  max-width: 464px;
}

#content.app .section .img-wrap.app {
  width: 34.7%;
}

@media all and (min-width: 1288px) {
  #content.app .section .img-wrap.app {
    width: 447px;
  }
}
#content.app .section.app-intro .text,
#content.app .section.membership .text,
#content.app .section.app-intro .img-wrap,
#content.app .section.membership .img-wrap,
#content.app .section.app-intro .qr-wrap {
  margin-left: auto;
  margin-right: auto;
}

#content.app .section.app-intro .qr-wrap img {
  width: 100px;
  height: 100px;
}

#content.app .section .img-wrap.app {
  box-shadow: -20px 20px 45px 0 rgba(0, 0, 0, 0.06);
  border-radius: 70px;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
}

#content.app .section .img-wrap.app img {
  width: 100%;
}

#content.app .section.app-intro {
  padding: 99px 0 205px;
  text-align: center;
}

#content.app .section.app-intro .visual-wrap {
  position: relative;
  width: 100%;
}

#content.app .section.app-intro .visual-wrap ul {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 103.021vw;
  height: 10.208vw;
  z-index: -1;
  transform: translate(-50%, -50%);
}

#content.app .section.app-intro .visual-wrap li .img-wrap {
  width: 10.208vw;
  height: 10.208vw;
  min-width: 100px;
  min-height: 100px;
  max-width: 196px;
  max-height: 196px;
}

#content.app .section.app-intro .visual-wrap li:nth-child(4) {
  margin-left: 28.49vw;
}

#content.app .section.app-intro .visual-wrap + .max-wrap {
  margin-top: 74px;
}

@media all and (max-width: 750px) {
  #content.app .section.app-intro {
    padding: 60px 0 80px;
  }
  #content.app .section.app-intro .img-wrap {
    width: 60.8vw;
    border-radius: 21.067vw;
    -moz-border-radius: 21.067vw;
    -webkit-border-radius: 21.067vw;
  }
  #content.app .section.app-intro .visual-wrap ul {
    width: 240vw;
  }
  #content.app .section.app-intro .visual-wrap li:nth-child(4) {
    margin-left: 77.947vw;
  }
  #content.app .section.app-intro .visual-wrap + .max-wrap {
    margin-top: 60px;
  }
}
@media all and (min-width: 751px) {
  #content.app .section.app-intro .text + .qr-wrap {
    margin-top: 36px;
  }
  #content.app .section.app-intro .qr-wrap .img-qr {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
#content.app .section.no-wait {
  height: 862px;
}

#content.app .section.no-wait .text-wrap {
  z-index: 1;
}

#content.app .section.no-wait .img-wrap.app {
  position: absolute;
  right: 16.45%;
  z-index: 0;
}

@media all and (max-width: 750px) {
  #content.app .section.no-wait {
    height: 156vw;
    padding: 0;
  }
  #content.app .section.no-wait > .max-wrap {
    position: relative;
    height: 100%;
  }
  #content.app .section.no-wait .text-wrap {
    z-index: 2;
    margin-bottom: 24px;
  }
  #content.app .section.no-wait .img-wrap.app {
    right: 7.2vw;
    width: 57.333vw;
  }
  #content.app .section.no-wait .img-wrap.app:nth-of-type(2) {
    top: -72.467vw;
  }
  #content.app .section.no-wait .img-wrap.app:nth-of-type(3) {
    bottom: -55.6vw;
  }
}
@media all and (min-width: 751px) and (max-width: 1287px) {
  #content.app .section.no-wait .img-wrap.app {
    width: 34.705vw;
    right: 10vw;
  }
  #content.app .section.no-wait .img-wrap.app:nth-of-type(2) {
    top: -44.099vw;
  }
  #content.app .section.no-wait .img-wrap.app:nth-of-type(3) {
    bottom: -33.54vw;
  }
}
@media all and (min-width: 1288px) {
  #content.app .section.no-wait .img-wrap.app {
    right: 16.45%;
  }
  #content.app .section.no-wait .img-wrap.app:nth-of-type(2) {
    top: -568px;
  }
  #content.app .section.no-wait .img-wrap.app:nth-of-type(3) {
    bottom: -432px;
  }
}
#content.app .section.share {
  height: 980px;
}

#content.app .section.share .img-wrap .card {
  box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.1);
}

#content.app .section.share .img-wrap .card {
  width: 424px;
}

#content.app .section.share .img-wrap .card:nth-of-type(1) {
  margin-left: 26.56%;
}

#content.app .section.share .img-wrap .card + .card {
  margin-top: -59px;
}

@media all and (max-width: 1024px) {
  #content.app .section.share .max-wrap.flex-both {
    flex-direction: column-reverse;
  }
  #content.app .section.share .img-wrap {
    margin-top: 16vw;
  }
}
@media all and (max-width: 750px) {
  #content.app .section.share {
    height: 147.733vw;
  }
  #content.app .section.share .img-wrap .card {
    width: 51.733vw;
  }
  #content.app .section.share .img-wrap .card:nth-of-type(1) {
    margin-left: 26.4vw;
  }
  #content.app .section.share .img-wrap .card + .card {
    margin-top: -7.467vw;
  }
}
@media all and (min-width: 751px) {
  #content.app .section.share .img-wrap {
    width: 61.95%;
  }
}
#content.app .section.membership {
  overflow: hidden;
  padding-bottom: 0;
}

@media all and (max-width: 960px) {
  #content.app .section.membership {
    padding-top: 21.333vw;
    height: 168.8vw;
  }
  #content.app .section.membership .img-wrap {
    width: 76.267vw;
  }
  #content.app .section.membership .img-wrap img {
    width: 100%;
  }
  #content.app .section.membership .text + .img-wrap {
    margin-top: 16vw;
  }
}
@media all and (min-width: 961px) {
  #content.app .section.membership {
    height: 980px;
  }
  #content.app .section.membership .text + .img-wrap {
    margin-top: 78px;
  }
}
/*
BS01
브랜드스토리		 */
#content.story .section:not(.intro) {
  background: white;
  padding-top: 160px;
}

#content.story .section:not(.character):not(.contents),
#content.story .section .section-title {
  text-align: center;
}

#content.story .inner {
  max-width: 1288px;
  margin-left: auto;
  margin-right: auto;
}

#content.story .section-title:not(.small) {
  font-size: 64px;
  line-height: 1.34;
}

#content.story .section-title + p {
  margin-top: 32px;
}

#content.story .img-wrap + .section-title,
#content.story p:not(.title) + .flex-list,
#content.story .section-title + .character,
#content.story .section-title + .grid-list {
  margin-top: 96px;
}

@media all and (max-width: 750px) {
  #content.story .section {
    font-size: 16px;
  }
  #content.story .section:not(.intro) {
    padding-top: 80px;
  }
  #content.story .inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  #content.story .page-title + .section {
    margin-top: 80px;
  }
  #content.story .section-title:not(.small) {
    font-size: 36px;
    line-height: 1.23;
  }
  #content.story .section-title + p {
    margin-top: 24px;
  }
  #content.story .img-wrap + .section-title,
  #content.story p + .flex-list,
  #content.story .section-title + .character,
  #content.story .section-title + .grid-list {
    margin-top: 64px;
  }
}
@media all and (min-width: 751px) {
  #content.story .section {
    font-size: 18px;
  }
}
@media all and (min-width: 751px) and (max-width: 1287px) {
  #content.story .inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
#content.story .section.intro {
  padding: 100px 0 160px;
}

#content.story .section.intro .img-wrap {
  max-width: 905px;
  margin: 0 auto;
}

@media all and (max-width: 750px) {
  #content.story .section.intro {
    padding: 60px 0 80px;
  }
}
#content.story .section.logo-type .flex-list .img-wrap {
  width: 50%;
}

@media all and (max-width: 750px) {
  #content.story .section.logo-type .flex-list .img-wrap {
    width: 100%;
  }
}
#content.story .flex.character + .flex.character {
  margin-top: 70px;
}

.flex.character dl + dl {
  margin-top: 16px;
}

.flex.character .text-wrap dl dt,
.flex.character .text-wrap dl:not(.large) dd {
  padding-right: 12px;
}

.flex.character .text-wrap dl dt {
  min-width: 45px;
}

.flex.character .text-wrap dl.large dd {
  width: calc(100% - 46px);
}

.flex.character .text-wrap .title {
  font-size: 20px;
}

.flex.character .text-wrap .title,
.flex.character .text-wrap dt {
  font-weight: bold;
}

.flex.character .text-wrap .title img {
  height: 47px;
  margin-right: 20px;
  vertical-align: text-bottom;
}

.flex.character .text-wrap .title + .flex-list {
  margin-top: 32px;
}

.flex.character.dal-k .text-wrap {
  padding-top: 79px;
}

.flex.character.fox-m .text-wrap {
  padding-top: 49px;
}

@media all and (max-width: 750px) {
  #content.story .flex.character > div {
    width: 100%;
  }
  #content.story .flex.character {
    flex-wrap: wrap;
  }
  .flex.character dl + dl {
    margin-top: 12px;
  }
  .flex.character .text-wrap dl:not(.large) dd:nth-of-type(2) {
    width: calc(100% - 190px);
  }
  .flex.character .text-wrap dl:not(.large) dd:nth-of-type(3) {
    width: calc(100% - 45px);
  }
  .flex.character .text-wrap .title {
    font-size: 18px;
  }
  .flex.character .text-wrap .title img {
    height: 40px;
    margin-right: 12px;
  }
  .flex.character .img-wrap img {
    max-width: 264px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (max-width: 1244px) {
  .flex.character .text-wrap dl:not(.large) dt:nth-of-type(3),
  .flex.character .text-wrap dl:not(.large) dd:nth-of-type(3) {
    margin-top: 12px;
  }
  .flex.character .text-wrap dl:not(.large) dd:nth-of-type(2) {
    width: calc(100% - 190px);
  }
}
@media all and (min-width: 751px) {
  #content.story .flex.character > div {
    width: 50%;
  }
  .flex.character.dal-k .img-wrap img {
    width: 88%;
    max-width: 567px;
  }
  .flex.character.fox-m .img-wrap {
    order: 2;
  }
  .flex.character.fox-m .img-wrap img {
    max-width: 595px;
    float: right;
  }
}
#content.story .section.contents {
  padding-bottom: 160px;
}

#content.story .section.contents .title {
  font-size: 36px;
  font-weight: bold;
  text-transform: uppercase;
}

#content.story .section.contents .num {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: var(--orangey-red);
  margin-bottom: 20px;
}

#content.story .section.contents .grid-list .coffee {
  background: var(--warm-white) url("../images/bg_contents_01.png") no-repeat calc(100% - 84px) center;
  background-size: auto 300px;
}

#content.story .section.contents .grid-list .special {
  background: var(--warm-white) url("../images/bg_contents_02.png") no-repeat center calc(100% - 84px);
  background-size: 300px auto;
}

#content.story .section.contents .grid-list .bakery {
  background: var(--warm-white) url("../images/bg_contents_03.png") no-repeat calc(100% - 84px) center;
  background-size: 300px auto;
}

#content.story .section.contents .grid-list .goods {
  background: var(--warm-white) url("../images/bg_contents_04.png") no-repeat calc(100% - 84px) center;
  background-size: 300px auto;
}

#content.story .section.contents .grid-list .music {
  background: var(--warm-white) url("../images/bg_contents_05.png") no-repeat calc(100% - 52px) center;
  background-size: 276px auto;
}

#content.story .section.contents .grid-list .character {
  background: var(--warm-white) url("../images/bg_contents_06.png") no-repeat calc(100% - 53px) center;
  background-size: 276px auto;
}

@media all and (max-width: 750px) {
  #content.story .section.contents {
    padding-bottom: 80px;
  }
  #content.story .section.contents .title {
    font-size: 24px;
  }
  #content.story .section.contents .num {
    font-size: 18px;
    margin-bottom: 12px;
  }
  #content.story .section.contents .grid-list li {
    padding-top: 48px;
    padding-left: 24px;
    height: 642px;
  }
  #content.story .section.contents .grid-list li + li {
    margin-top: 24px;
  }
  #content.story .section.contents .grid-list .coffee {
    background-position: center calc(100% - 85px);
    background-size: auto 246px;
  }
  #content.story .section.contents .grid-list .special {
    background-position: center calc(100% - 48px);
    background-size: auto 300px;
  }
  #content.story .section.contents .grid-list .bakery {
    background-position: center calc(100% - 85px);
    background-size: auto 247px;
  }
  #content.story .section.contents .grid-list .goods {
    background-position: center calc(100% - 110px);
    background-size: auto 246px;
  }
  #content.story .section.contents .grid-list .music {
    background-position: center calc(100% - 48px);
    background-size: auto 284px;
  }
  #content.story .section.contents .grid-list .character {
    background-position: center calc(100% - 62px);
    background-size: auto 284px;
  }
}
@media all and (min-width: 751px) {
  #content.story .section.contents .grid-list {
    display: grid;
    grid-template-columns: 1.41fr 0.59fr 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 52px 52px;
    grid-template-areas: "coffee coffee coffee coffee" "special bakery bakery bakery" "special goods goods goods" "music music character character";
  }
  #content.story .section.contents .grid-list li {
    padding: 52px;
    min-height: 400px;
  }
  #content.story .section.contents .grid-list .music,
  #content.story .section.contents .grid-list .character {
    min-height: 470px;
  }
  #content.story .section.contents .title {
    line-height: 1.72;
  }
  #content.story .section.contents .grid-list .coffee {
    grid-area: coffee;
  }
  #content.story .section.contents .grid-list .special {
    grid-area: special;
  }
  #content.story .section.contents .grid-list .bakery {
    grid-area: bakery;
  }
  #content.story .section.contents .grid-list .goods {
    grid-area: goods;
  }
  #content.story .section.contents .grid-list .music {
    grid-area: music;
  }
  #content.story .section.contents .grid-list .character {
    grid-area: character;
  }
}
@media all and (min-width: 751px) and (max-width: 1287px) {
  #content.story .section.contents .grid-list li {
    padding: 4.037vw;
  }
  #content.story .section.contents .grid-list .coffee {
    background-position: 93.47% 87.5%;
    background-size: 45% auto;
  }
  #content.story .section.contents .grid-list .special {
    background-position: center 90%;
    background-size: 74% auto;
  }
  #content.story .section.contents .grid-list .bakery {
    background-position: 93.47% 87.5%;
    background-size: 35% auto;
  }
  #content.story .section.contents .grid-list .goods {
    background-position: 93.47% 87.5%;
    background-size: 35% auto;
  }
  #content.story .section.contents .grid-list .music {
    background-position: 91% 87%;
    background-size: 40% auto;
  }
  #content.story .section.contents .grid-list .character {
    background-position: 91% 87%;
    background-size: 40% auto;
  }
}
@media all and (min-width: 751px) and (-ms-high-contrast: none) {
  #content.story .section.contents .grid-list {
    display: -ms-grid;
    -ms-grid-columns: 1.41fr 0.59fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto;
  }
  .coffee {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .special {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .bakery {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
  }
  .goods {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
  }
  .music {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .character {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
}
/*
CN01_N, 1 :STORE / 2:  NEW / 3: STORY / 4: EVENT / 5: MD's
컨텐츠상세		 */
@media all and (max-width: 750px) {
  #content.contents .data-list.col-3.m-col-1 > li:not(:first-child) {
    margin-top: 52px;
  }
}
@media all and (min-width: 751px) {
  #content.contents .data-list.col-3.m-col-1 > li {
    margin-top: 64px;
  }
}
#content.contents.detail .aside .section-title + .data-list {
  margin-top: 98px;
}

@media all and (max-width: 750px) {
  #content.contents.detail .aside {
    overflow-x: hidden;
    margin-right: -16px;
    padding-right: 16px;
  }
  #content.contents.detail .aside .section-title + .data-list {
    margin-top: 40px;
  }
}
#content.contents.detail.store .img-wrap img {
  width: 100%;
}

@media all and (max-width: 750px) {
  #content.contents.detail.store .store-info-wrap + .img-wrap {
    margin-top: 60px;
  }
}
@media all and (min-width: 751px) {
  #content.contents.detail.store .store-info-wrap + .img-wrap {
    margin-top: 68px;
  }
}
#content.contents.detail.event .view-wrap .data-wrap.flex {
  flex-wrap: wrap;
}

@media all and (max-width: 750px) {
  #content.contents.detail.event .view-wrap .data-wrap p {
    margin-left: 0;
    width: 100%;
  }
  #content.contents.detail.event .view-wrap .data-wrap p + p {
    margin-top: 8px;
  }
  #content.contents.detail.event .view-wrap .data-wrap p + p:before {
    display: none;
  }
}
/*
CS 공통 */
#content.cs .form .flex-both-top .field {
  width: 40%;
}

#content.cs .form .field.annotation {
  margin-top: 16px;
}

@media all and (max-width: 750px) {
  #content.cs .form .flex-both-top {
    flex-direction: column;
  }
  #content.cs .form .flex-both-top .field {
    width: 100%;
  }
  #content.cs .form .field.annotation {
    font-size: 12px;
  }
  #content.cs .form .field.annotation strong {
    display: block;
  }
}
/*
PI01
약관 공통 */
#content.terms > .terms-wrap {
  margin-top: 36px;
}

#content.terms .terms-wrap p {
  line-height: 1.5;
}

.terms-wrap .title {
  margin-top: 70px;
  font-size: 36px;
  font-weight: bold;
}

.terms-wrap .sub-title {
  margin-top: 36px;
}

.terms-wrap .mt1 {
  margin-top: 18px;
}

.terms-wrap p.indent-num {
  padding-left: 20px;
  text-indent: -20px;
}

.terms-wrap p.indent-bar,
.terms-wrap p.indent-dot {
  padding-left: 12px;
  text-indent: -12px;
}

.terms-wrap p.indent-ko {
  padding-left: 24px;
  text-indent: -24px;
}

.terms-wrap .title + p {
  margin-top: 36px;
}

.terms-wrap .indent-num + p.indent-bar,
.terms-wrap .indent-num + .indent-wrap,
.terms-wrap .indent-num + .indent-wrap + .indent-wrap {
  margin-left: 20px;
}

.terms-wrap .indent-dot + .indent-wrap {
  margin-left: 14px;
}

.terms-wrap .indent-ko + .indent-wrap {
  margin-left: 26px;
}

.terms-wrap .data-table th + th,
.terms-wrap .data-table td + td {
  padding-left: 80px;
}

@media all and (max-width: 750px) {
  .terms-wrap .title {
    margin-top: 60px;
    font-size: 24px;
    padding-left: 26px;
    text-indent: -26px;
  }
  .terms-wrap p.indent-num {
    padding-left: 14px;
    text-indent: -14px;
  }
  .terms-wrap p.indent-bar,
  .terms-wrap p.indent-dot {
    padding-left: 9px;
    text-indent: -9px;
  }
  .terms-wrap p.indent-ko {
    padding-left: 20px;
    text-indent: -20px;
  }
  .terms-wrap .indent-num + p.indent-bar,
  .terms-wrap .indent-num + .indent-wrap,
  .terms-wrap .indent-num + .indent-wrap + .indent-wrap {
    margin-left: 18px;
  }
  .terms-wrap .indent-dot + .indent-wrap {
    margin-left: 11px;
  }
  .terms-wrap .indent-ko + .indent-wrap {
    margin-left: 22px;
  }
}
@media all and (min-width: 751px) {
  #content.terms > .terms-wrap {
    font-size: 18px;
  }
}
/*
MN01
메뉴
*/
#content.menu .filter-wrap {
  overflow-x: hidden;
}

/* tabFilter(Menu) */
#tabFilter .swiper-slide {
  width: auto;
  padding-right: 160px;
}

#tabFilter input {
  width: 0;
  height: 0;
  font-size: 0;
  margin: 0;
}

#tabFilter input[type=radio]:not(:checked) + label {
  display: inline-block;
  text-stroke: 1px var(--black);
  -webkit-text-stroke: 1px var(--black);
  -webkit-text-fill-color: transparent;
}

#tabFilter .swiper-slide input[type=radio]:not(:checked) + label:hover {
  text-stroke: 0;
  -webkit-text-stroke: 0;
  -webkit-text-fill-color: var(--black);
}

#tabFilter label {
  font-family: "Montserrat";
  font-size: 48px;
  font-weight: 700;
  color: var(--black);
}

#tabFilter label + .count {
  vertical-align: top;
  font-weight: bold;
}

#tabFilter .swiper-slide:not(.swiper-slide-active) label + .count {
  color: var(--warm-grey);
}

@media all and (max-width: 750px) {
  #tabFilter .swiper-slide {
    width: auto;
    padding-right: 56px;
  }
  #tabFilter label {
    font-size: 34px;
  }
  #tabFilter label + .count {
    font-size: 12px;
  }
}
.brand-name {
  display: inline-block;
}

/* #mainPop */
@media all and (max-width: 750px) {
  #mainPop.overlay {
    top: 56px;
    z-index: 10;
    padding-left: 25px;
    padding-right: 25px;
  }
  #mainPop.overlay.active {
    overflow-y: hidden;
  }
  #mainPop .popup { /*width:100vw; height: 100%;*/
    max-height: 78%;
  }
  #mainPop .popup-body {
    height: calc(100% - 64px);
  }
  #mainPop .img-wrap {
    height: inherit;
  }
  #mainPop .img-wrap img {
    width: 100%;
  }
}
/* #msgPop */
#msgPop .popup-body {
  text-align: center;
}

#msgPop .popup-body h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--black);
}

#msgPop .popup-body h2 + p {
  margin-top: 20px;
}

#msgPop .popup-body p {
  font-size: 18px;
  color: var(--warm-grey-2);
}

@media all and (max-width: 750px) {
  #msgPop .popup-body h2 {
    font-size: 18px;
  }
  #msgPop .popup-body p {
    font-size: 14px;
  }
}
/*
ID01
다날에프엔비의 이야기
*/
#content.danal {
  font-size: 18px;
}

#content.danal .inner {
  max-width: 1288px;
  margin-left: auto;
  margin-right: auto;
}

#content.danal .section.danal {
  padding: 100px 0 160px;
}

#content.danal .section.history {
  padding: 160px 0 194px;
  background: white;
}

#content.danal .section.history .group + .group {
  margin-top: 160px;
}

#content.danal .section-title + [class*=flex],
#content.danal p + [class*=flex],
#content.danal .section.history .line-group + .line-group {
  margin-top: 96px;
}

#content.danal .section-title + p {
  margin-top: 32px;
}

#content.danal .company {
  padding: 64px 52px;
  background: white;
}

#content.danal .company .img-wrap + p {
  margin-top: 46px;
}

#content.danal .section.history .line-group,
#content.danal .section.history .section-title.small {
  position: relative;
}

#content.danal .section.history .section-title.small {
  height: 81px;
}

#content.danal .section.history .section-title.small:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -6px;
  left: 0;
  background-color: var(--black);
  border-radius: 10px;
}

#content.danal .section.history .yearly {
  width: 25%;
}

#content.danal .section.history ul {
  margin-top: 39px;
}

#content.danal .section.history ul li + li {
  margin-top: 16px;
}

#content.danal .section.history ul .mon {
  width: 40px;
}

#content.danal .section.history ul .mon + span {
  width: calc(100% - 40px);
}

@media all and (max-width: 1287px) {
  #content.danal .inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media all and (max-width: 750px) {
  #content.danal {
    font-size: 16px;
  }
  #content.danal .section.danal {
    padding: 60px 0 80px;
  }
  #content.danal .section.history {
    padding: 80px 0;
  }
  #content.danal .section.history .group + .group,
  #content.danal .section-title + [class*=flex],
  #content.danal .section.history .line-group + .line-group {
    margin-top: 48px;
  }
  #content.danal p + [class*=flex] {
    margin-top: 40px;
  }
  #content.danal .section.danal .flex-both,
  #content.danal .section.history .line-group {
    flex-wrap: wrap;
  }
  #content.danal .section-title + p {
    margin-top: 20px;
  }
  #content.danal .company {
    padding: 48px 24px;
    width: 100%;
  }
  #content.danal .company + .company {
    margin-top: 20px;
  }
  #content.danal .company .img-wrap {
    max-width: 198px;
  }
  #content.danal .company .img-wrap + p {
    margin-top: 40px;
  }
  #content.danal .section.history .yearly {
    width: 50%;
    position: relative;
  }
  #content.danal .section.history .yearly:nth-child(odd) {
    padding-right: 14px;
  }
  #content.danal .section.history .yearly:nth-child(odd):before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 2px;
    top: 59px;
    left: -16px;
    opacity: 0.2;
    background-color: var(--black);
  }
  #content.danal .section.history .yearly:nth-of-type(1),
  #content.danal .section.history .yearly:nth-of-type(2) {
    padding-bottom: 48px;
  }
  #content.danal .section.history .section-title.small {
    height: 59px;
  }
  #content.danal .section.history ul {
    margin-top: 47px;
  }
  #content.danal .section.history ul li + li {
    margin-top: 10px;
  }
  #content.danal .section.history ul .mon {
    width: 36px;
  }
  #content.danal .section.history ul .mon + span {
    width: calc(100% - 36px);
  }
}
@media all and (min-width: 751px) {
  #content.danal .flex-both {
    min-height: 513px;
    align-items: stretch;
  }
  #content.danal .company {
    width: 48%;
    max-width: 618px;
  }
  #content.danal .company .img-wrap {
    max-width: 246px;
    height: 124px;
  }
  #content.danal .section.history .yearly {
    max-width: 322px;
  }
  #content.danal .section.history .line-group:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 2px;
    top: 81px;
    left: calc((100vw - 1288px) / 2 * -1);
    opacity: 0.2;
    background-color: var(--black);
  }
}
@media all and (min-width: 751px) and (max-width: 1287px) {
  #content.danal .section.history .line-group:before {
    left: 0;
  }
}/*# sourceMappingURL=dalkomm.css.map */