@font-face {
  font-family: 'SchoolSafeOuting';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimNadeuriTTF-L.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'SchoolSafeOuting';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimNadeuriTTF-B.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

:root {
  --baemin-main: #D9FDF5;
  --baemin-basic: #01CBC7;
  --baemin-dark: #009986;
  --baemin-purple: #6056FF;
  --baemin-pink-dark: #F93474;
  --baemin-pink-light: #FFF1F4;
}

.landing-container {
  width: 100vw;
  min-width: 1050px;
  text-align: center;
  margin: auto;
  color: #222222;
  line-height: 1.4;
}

.inner-container {
  width: 1050px;
  margin: auto;
}

/* 양식 시작 */
.basic-frame {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 150px;
  width: 100%;
}

.basic-form {
  width: 100%;
}

.basic-form .explain-caption {
  margin-bottom: 100px;
}

.basic-form .explain-content {
  width: 100%;
}

/* 양식 끝 */

/* 히어로 섹션 */

.hero-section {
  background: linear-gradient(180deg, #FFF 0%, #ECFFFB 100%);
  padding: 300px 0;
}

.hero-section .baemin-hero-img {
  position: relative;
  left: calc((1274 - 1050) / 2 * -1px);
  width: 121.333333%;
}

.hero-section .clip-text {
  background: linear-gradient(180deg, #0BEFD3 0%, #068979 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 협력사 자랑 배너 */
.official-partner-section {
  background: #080D22;
  padding: 70px 0;
}

.official-partner-section .inner-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 870px;
}

.official-partner-section .official-partner-img {
  width: 24.66667%;
  object-fit: contain;
}

.official-partner-section .text-box {
  text-align: left;
  color: #FFFFFF;
}

/* 신규 성장 패키지 섹션 시작 */
.growth-package-section {
  background: var(--baemin-main);
  padding: 150px 0 200px;
}

/* 신규 성장 패키지 */
.growth-package-section .inner-container:first-of-type {
  margin-bottom: 150px;
}

.growth-package-section .explain-boxes {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  gap: 54px 0;
}

.growth-package-section .explain-box {
  width: 100%;
  text-align: left;
  padding: 70px;
  background: #FFFFFF;
  border-radius: 0.73em;
  border: 2px dashed var(--baemin-basic);
  box-sizing: border-box;
}

.growth-package-section .baemin-icon-cook-img {
  /* width: 24.86773%; */
  width: 33.61904%
}

.growth-package-section .underline-div {
  position: absolute;
  height: 30%;
  width: 0%;
  bottom: 0.12em;
  left: -0.25em;
  background: rgba(0, 151, 132, 0.10);
  transition: all 1s ease-in-out;
}


.growth-package-section .explain-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
  gap: 0 1em;
}

.growth-package-section .explain-inner .text-box p {
  margin-bottom: 0.25em;
}


.growth-package-section .baemin-delivery-img {
  width: 29.19255%;
}

.growth-package-section .store-click-img {
  width: 30.93167%;
}

.growth-package-section .compare-img {
  width: 79.42857%;
  margin: auto;
}

/* 첫달 주문 수 비교 */
.growth-package-section .compare-use-package-img {
  border-radius: 23px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  width: 100%;
}

/* 신규 성장 패키지 섹션 끝 */
/* 단독 혜택 섹션 시작 */
/* 상단바 */
.exclusive-benefit-section {}

.exclusive-benefit-section .top-bar {
  color: #FFFFFF;
  background: var(--baemin-purple);
  padding: 0.755555555em 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.exclusive-benefit-section .exclamation-mark {
  background: #FFFFFF;
  border-radius: 100%;
  width: 1.4444444444em;
  height: 1.4444444444em;
  margin-right: 1em;
  color: var(--baemin-purple);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 닥독 혜택 섹션 메인 */
.exclusive-benefit-section .main {
  padding: 150px 0 100px;
  background: #F5F6FF;
}

.exclusive-benefit-section .flag-phrase {
  /* color: #FFFFFF; */
  position: relative;
}

.exclusive-benefit-section .flag-phrase-text {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
  margin-left: 0.5em;
}

.exclusive-benefit-section .flag-phrase-img {
  width: 5.317647em;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.exclusive-benefit-section .frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 150px 0;
}

.exclusive-benefit-section .form {}

.exclusive-benefit-section .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 80px;
}

.exclusive-benefit-section .num-mark {
  border-radius: 100%;
  width: 1.45em;
  height: 1.45em;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--baemin-purple);
  color: #FFFFFF;
}

.exclusive-benefit-section .instant-discount .underline-criteria {
  position: relative;
}

.exclusive-benefit-section .instant-discount .underline {
  position: absolute;
  height: 12px;
  width: 0%;
  border-radius: 0.2em;
  background-image: url("/img/baemin/rough_underline_purple.png");
  background-repeat: repeat;  
  bottom: 0;
}

.exclusive-benefit-section .instant-discount .underline:nth-of-type(1) {
  left: 0%;
  transform: translateY(50%);
}

.exclusive-benefit-section .instant-discount .underline:nth-of-type(2) {
  left: -4%;
  transform: translateY(200%);
}

.exclusive-benefit-section .instant-discount .instant-discount-include-arrow-img {
  position: relative;
  width: 83.142857%;
  left: -4%;
  margin-bottom: 70px;
}

.exclusive-benefit-section .entry-discount {}

.exclusive-benefit-section .entry-discount .entry-store-img {
  width: 61.2380%;
}

.exclusive-benefit-section .entry-discount .underline-criteria {
  position: relative;
}

.exclusive-benefit-section .entry-discount .underline {
  position: absolute;
  height: 12px;
  width: 0%;
  border-radius: 0.2em;
  background-image: url("/img/baemin/rough_underline_purple.png");
  background-repeat: repeat;
  bottom: 0;
}

.exclusive-benefit-section .entry-discount .underline:nth-of-type(1) {
  left: -2%;
  transform: translateY(50%);
}

.exclusive-benefit-section .entry-discount .underline:nth-of-type(2) {
  left: -6%;
  transform: translateY(200%);
}




/* 하단바 */
.exclusive-benefit-section .bottom-bar {
  color: #FFFFFF;
  background: var(--baemin-purple);
  padding: 0.755555555em 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.exclusive-benefit-section .loudspeaker-icon-img {
  width: 1.6222222em;
  object-fit: contain;
  margin-right: 1em;
}

/* 단독 혜택 섹션 끝 */

/* 마케팅 제공 섹션 시작 */
.provide-marketing-section {
  background: var(--baemin-pink-light);
  padding: 200px 0 100px;
}

.provide-marketing-section .marketing {
  margin-bottom: 150px;
}

.provide-marketing-section .marketing .frame {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 150px 0;
}

.provide-marketing-section .marketing .form {
  background: #FFFFFF;
  width: 89.5238%;
  border-radius: 45px;
  background: #FFF;
  box-shadow: 0 0 16px 0 rgba(249, 52, 116, 0.10);
  margin: auto;
  padding: 120px 0;
}

.provide-marketing-section .marketing .num-mark {
  width: 1.45em;
  height: 1.45em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--baemin-pink-dark);
  border-radius: 100%;
  margin: auto auto 0.5em;
}

.provide-marketing-section .marketing .text-box {
  margin-bottom: 60px;
}

.provide-marketing-section .marketing .taking-photo-menu {
  position: relative;
}

.provide-marketing-section .marketing .taking-photo-menu-img {
  width: 87.47323%;
}

.provide-marketing-section .marketing .taking-photo-menu .baemin-icon-talker {
  width: 85.76017%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 3%;
  transform: translate(0, 44%);
}

.provide-marketing-section .marketing .taking-photo-menu .baemin-icon-talker-img {
  width: 100%;
}

.provide-marketing-section .marketing .taking-photo-menu .caption {
  position: absolute;
  font-family: SchoolSafeOuting;
  width: 68.41448%;
  left: 5%;
  top: 40%;
}

.provide-marketing-section .marketing .design-package {
  position: relative;
}

.provide-marketing-section .marketing .design-package-img {
  width: 85.790598%;
}

.provide-marketing-section .successful-shop .content-board-utilization {
  width: 79.428571%;
  margin: auto;
}

.provide-marketing-section .successful-shop .content-board-utilization-img {
  width: 100%;
  border-radius: 23px;
  background: #FFF;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.provide-marketing-section .successful-shop .caption {
  color: #5C5C5C;
}

/* 마케팅 제공 섹션 끝 */

/* 성공적인 가게운영 시작 */
.successful-store-operation-section {
  background: #FFFFFF;
  padding: 200px 0 250px;
}

.successful-store-operation-section .baemin-official-mark-shadow-img {
  width: 19.9047619%;
}

.successful-store-operation-section .card-list {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 100px 0;
}

.successful-store-operation-section .card {
  position: relative;
  width: 89.523809%;
  background: #F8FDFD;
  margin: auto;
  border-radius: 42px;
  padding: 60px 0 70px;
  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); */
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
}

.successful-store-operation-section .triangle {
  position: absolute;
  width: 17.765957%;
  top: 90%;
  left: 50%;
  transform: translate(-50%, 0);
  /* filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25)); */
  border-radius: 16px;
  z-index: 0;
}

.successful-store-operation-section .title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.successful-store-operation-section .num-mark {
  width: 1.5em;
  height: 1.5em;
  background: var(--baemin-basic);
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin-right: 0.5em;
}

/* 성공적인 가게운영 끝 */

/* 신신엠앤씨에서 시작 */
.starts-with-sinsin-section {}

.starts-with-sinsin-section .baemin-last-banner {
  position: relative;
}

.starts-with-sinsin-section .baemin-last-banner .white-blur {
  position: absolute;
  height: 16.705516%;
  width: 100%;
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
  top: 0;
  left: 0;
}

.starts-with-sinsin-section .baemin-last-banner-img {
  width: 100%;
  object-fit: contain;
  display: block;
}

/* 신신엠앤씨에서 끝 */

/* 안내사항 섹션 시작 */
.promotion-notice-section {
  background-color: #495B73;
  padding: 100px 0 200px;
  text-align: left;
  color: #FFFFFF;
}

.promotion-notice-section .inner-container {
  width: 950px;
}


/* 안내사항 섹션 끝 */

@media screen and (max-width: 768px) {
  .landing-container {
    width: 100vw;
    min-width: 0;
    text-align: center;
    margin: auto;
    color: #222222;
  }

  .inner-container {
    width: min(100vw, 400px);
    margin: auto;
  }

  /* 양식 시작 */
  .basic-frame {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: min(15vw, 60px);
    width: 100%;
  }

  .basic-form {
    width: 100%;
  }

  .basic-form .explain-caption {
    margin-bottom: min(10vw, 40px);
  }

  .basic-form .explain-content {
    width: 100%;
  }

  /* 양식 끝 */

  /* 히어로 섹션 */

  .hero-section {
    padding: min(30vw, 120px) 0;
  }

  .hero-section .inner-container {
    overflow: hidden;
  }

  .hero-section .baemin-hero-img {
    left: calc((485 - 400) / 2 * -1px);
  }

  .hero-section .clip-text {}

  /* 협력사 자랑 배너 */
  .official-partner-section {
    padding: min(6.5vw, 26px) 0;
  }

  .official-partner-section .inner-container {
    width: min(83vw, 332px);
  }

  .official-partner-section .official-partner-img {
    width: 24.66667%;
  }

  .official-partner-section .text-box {}

  /* 신규 성장 패키지 섹션 시작 */
  .growth-package-section {
    padding: min(15vw, 60px) 0 min(20vw, 80px);
  }

  /* 신규 성장 패키지 */
  .growth-package-section .inner-container:first-of-type {
    margin-bottom: min(20vw, 80px);
  }

  .growth-package-section .explain-boxes {
    gap: min(5vw, 20px) 0;
  }

  .growth-package-section .explain-box {
    padding: min(6.5vw, 26px);
    border: 1px dashed var(--baemin-basic);
  }


  .growth-package-section .baemin-icon-cook-img {}

  .growth-package-section .underline-div {}

  .growth-package-section .explain-inner {}

  .growth-package-section .explain-inner .text-box p {}


  .growth-package-section .baemin-delivery-img {}

  .growth-package-section .store-click-img {}

  .growth-package-section .compare-img {}

  /* 첫달 주문 수 비교 */
  .growth-package-section .compare-use-package-img {
    border-radius: min(2vw, 8px);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  }

  /* 신규 성장 패키지 섹션 끝 */
  /* 단독 혜택 섹션 시작 */
  /* 상단바 */
  .exclusive-benefit-section {}

  .exclusive-benefit-section .top-bar {}

  .exclusive-benefit-section .exclamation-mark {}

  /* 닥독 혜택 섹션 메인 */
  .exclusive-benefit-section .main {
    padding: min(15vw, 60px) 0 min(10vw, 40px);
  }

  .exclusive-benefit-section .flag-phrase {}

  .exclusive-benefit-section .flag-phrase-text {}

  .exclusive-benefit-section .flag-phrase-img {}

  .exclusive-benefit-section .frame {
    gap: min(20vw, 80px) 0;
  }

  .exclusive-benefit-section .form {}

  .exclusive-benefit-section .title {
    margin-bottom: min(7.5vw, 30px);
  }

  .exclusive-benefit-section .num-mark {}

  .exclusive-benefit-section .instant-discount .underline-criteria {}

  .exclusive-benefit-section .instant-discount .underline {
    height: min(1vw, 4px);
  }

  .exclusive-benefit-section .instant-discount .underline:nth-of-type(1) {}

  .exclusive-benefit-section .instant-discount .underline:nth-of-type(2) {}

  .exclusive-benefit-section .instant-discount .instant-discount-include-arrow-img {
    margin-bottom: min(6.5vw, 70px);
  }

  .exclusive-benefit-section .entry-discount {}

  .exclusive-benefit-section .entry-discount .entry-store-img {}

  .exclusive-benefit-section .entry-discount .underline-criteria {}

  .exclusive-benefit-section .entry-discount .underline {
    height: min(1vw, 4px);
  }

  .exclusive-benefit-section .entry-discount .underline:nth-of-type(1) {}

  .exclusive-benefit-section .entry-discount .underline:nth-of-type(2) {}

  /* 하단바 */
  .exclusive-benefit-section .bottom-bar {}

  .exclusive-benefit-section .loudspeaker-icon-img {}

  /* 단독 혜택 섹션 끝 */

  /* 마케팅 제공 섹션 시작 */
  .provide-marketing-section {
    padding: min(20vw, 80px) 0 min(10vw, 40px);
  }

  .provide-marketing-section .marketing {
    margin-bottom: min(15vw, 60px);
  }

  .provide-marketing-section .marketing .frame {
    gap: min(15vw, 60px) 0;
  }

  .provide-marketing-section .marketing .form {
    border-radius: min(4.25vw, 17px);
    box-shadow: 0 0 min(1.5vw, 6px) 0 rgba(249, 52, 116, 0.10);
    padding: min(11.25vw, 45px) 0;
  }

  .provide-marketing-section .marketing .num-mark {}

  .provide-marketing-section .marketing .text-box {
    margin-bottom: min(5.75vw, 23px);
  }

  .provide-marketing-section .marketing .taking-photo-menu {}

  .provide-marketing-section .marketing .taking-photo-menu-img {}

  .provide-marketing-section .marketing .taking-photo-menu .baemin-icon-talker {}

  .provide-marketing-section .marketing .taking-photo-menu .baemin-icon-talker-img {}

  .provide-marketing-section .marketing .taking-photo-menu .caption {
  }

  .provide-marketing-section .marketing .design-package {}

  .provide-marketing-section .marketing .design-package-img {}

  .provide-marketing-section .successful-shop .content-board-utilization {}

  .provide-marketing-section .successful-shop .content-board-utilization-img {
    border-radius: min(2vw, 8px);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  }

  .provide-marketing-section .successful-shop .caption {}

  /* 마케팅 제공 섹션 끝 */

  /* 성공적인 가게운영 시작 */
  .successful-store-operation-section {
    padding: min(20vw, 80px) 0 min(25vw, 100px);
  }

  .successful-store-operation-section .baemin-official-mark-shadow-img {}

  .successful-store-operation-section .card-list {
    gap: min(10vw, 40px) 0;
  }

  .successful-store-operation-section .card {
    border-radius: min(4vw, 16px);
    padding: min(5.75vw, 23px) 0 min(6.75vw, 27px);
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
  }

  .successful-store-operation-section .triangle {
    border-radius: min(2vw, 8px);
  }

  .successful-store-operation-section .title {
    margin-bottom: min(2.75vw, 11px);
  }

  .successful-store-operation-section .num-mark {}

  /* 성공적인 가게운영 끝 */

  /* 신신엠앤씨에서 시작 */
  .starts-with-sinsin-section {}

  .starts-with-sinsin-section .baemin-last-banner {}

  .starts-with-sinsin-section .baemin-last-banner .white-blur {}

  .starts-with-sinsin-section .baemin-last-banner-img {}

  /* 신신엠앤씨에서 끝 */

  /* 안내사항 섹션 시작 */
  .promotion-notice-section {
    padding: min(10vw, 40px) 0 min(20vw, 80px);
  }

  .promotion-notice-section .inner-container {
    width: min(90.5vw, 362px);
  }

  /* 안내사항 섹션 끝 */
}