/* screen - branding-all-breakpoints */

* {
  box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

.branding-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 80px 0px 0px;
  position: relative;
  overflow-x: hidden;
}

.branding-all-breakpoints .hero {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/eye_bd_00_hero_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  padding: 160px 0;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .heading-1 {
  align-self: stretch;
  display: flex;
  justify-content: center;
  width: 100%;
}

.branding-all-breakpoints .text-1-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 48px;
  font-weight: 300;
  letter-spacing: -1.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .text-2-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 64px;
  font-weight: 800;
  letter-spacing: -1.00px;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .container-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .section-inner {
  margin: 0 auto;
  max-width: 1428px;
  width: 100%;
}

.branding-all-breakpoints .hero .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.branding-all-breakpoints .frame-55 {
  height: 84px;
  position: relative;
  width: 122px;
}

.branding-all-breakpoints .text-3-2 {
  color: var(--mystic);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 42px;
  font-weight: 400;
  left: 3px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.branding-all-breakpoints .md-phd-mba {
  color: var(--periwinkle-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 800;
  left: 2px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 64px;
  white-space: nowrap;
}

.branding-all-breakpoints .line-1 {
  background-color: var(--fiord);
  height: 4px;
}

.branding-all-breakpoints .paragraph {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.branding-all-breakpoints .text-4-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-6-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .history {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgba(248, 250, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 84px;
  padding: 160px 0 120px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .history .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 84px;
}

.branding-all-breakpoints .x1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  position: relative;
  width:100%;
}

.branding-all-breakpoints .tit {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.branding-all-breakpoints .text-1 {
  letter-spacing: 0;
  line-height: 60px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-8-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
  line-height:1.2;
}

.branding-all-breakpoints .text-9-1 {
  color: transparent;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
  
}

.branding-all-breakpoints .container {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 32px;
  position: relative;
  max-width:1244px;
padding:0 20px;
box-sizing:border-box;
width:100%;
}

.branding-all-breakpoints .container-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: calc((100% - 64px) / 3);
}

.branding-all-breakpoints .tit-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 30px;
  width: 100%;
}

.branding-all-breakpoints .text-10-3 {
  line-height: normal;
  margin-top: -1.00px;
}

.branding-all-breakpoints .nose_brand_01_1 {
  align-items: flex-end;
  align-self: stretch;
  background-image: url(../img/nose_brand_01_1.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 6px;
  height: 240px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .text-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .frame-80 {
  align-items: center;
  background-color: var(--white);
  border-radius: 50px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 2px 8px;
  position: relative;
}

.branding-all-breakpoints .text-12-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .span-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  position: relative;
}

.branding-all-breakpoints .text-13-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .text-3 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .tit-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 30px;
  width: 100%;
}

.branding-all-breakpoints .text-15-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .nose_brand_01_2 {
  align-items: flex-end;
  align-self: stretch;
  background-image: url(../img/nose_brand_01_2.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 240px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .text-16-1 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .frame-80-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--white);
  border-radius: 50px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 2px 8px;
  position: relative;
}

.branding-all-breakpoints .text-17 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-18 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .tit-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 30px;
  width: 100%;
}

.branding-all-breakpoints .text-20 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .nose_brand_01_3 {
  align-items: flex-end;
  align-self: stretch;
  background-image: url(../img/nose_brand_01_3.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  height: 240px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .text-21 {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .text-22 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .nose_brand_arrow {
  aspect-ratio: 1.87;
  background-image: url(../img/nose_brand_arrow.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 100px;
  opacity: 0.3;
  position: relative;
  width: 187px;
}

.branding-all-breakpoints .x2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 84px;
  position: relative;
}

.branding-all-breakpoints .tit-4 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 32px;
}

.branding-all-breakpoints .line-2 {
  background-color: var(--periwinkle);
  height: 1px;
}

.branding-all-breakpoints .text-26 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-27 {
  color: var(--mirage-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .container-5 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.branding-all-breakpoints .container-2 {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .nose_brand_01_ts_01 {
  aspect-ratio: 1.53;
  background-image: url(../img/nose_brand_01_ts_01.jpg);
  background-position: 50% 50%;
  background-size: cover;
  height: 380px;
  position: relative;
  width: 580px;
}

.branding-all-breakpoints .text-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  position: relative;
}

.branding-all-breakpoints .tit-5 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.branding-all-breakpoints .number {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .line {
  background-color: var(--mystic);
  height: 1px;
  position: relative;
  width: 370px;
}

.branding-all-breakpoints .text-5 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.branding-all-breakpoints .text-3-1 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  width: fit-content;
}

.branding-all-breakpoints .nose_brand_01_ts_02 {
  aspect-ratio: 1.53;
  background-image: url(../img/nose_brand_01_ts_02.jpg);
  background-position: 50% 50%;
  background-size: cover;
  height: 380px;
  position: relative;
  width: 580px;
}

.branding-all-breakpoints .tit-6 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.branding-all-breakpoints .number-1 {
  white-space: nowrap;
}

.branding-all-breakpoints .nose_brand_01_ts_03 {
  aspect-ratio: 1.53;
  background-image: url(../img/nose_brand_01_ts_03.jpg);
  background-position: 50% 50%;
  background-size: cover;
  height: 380px;
  position: relative;
  width: 580px;
}

.branding-all-breakpoints .tit-7 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.branding-all-breakpoints .number-2 {
  white-space: nowrap;
}

.branding-all-breakpoints .x3 {
  align-items: center;
  background-color: var(--white-lilac);
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 60px;
  position: relative;
  width: 100%;
  max-width:1336px;
  box-sizing:border-box;
}

.branding-all-breakpoints .x3 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
}

.branding-all-breakpoints .tit-8 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.branding-all-breakpoints .text-37 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .span-3 {
  align-items: center;
  border: 1px solid;
  border-color: var(--pewter-blue);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 4px 20px;
  position: relative;
}

.branding-all-breakpoints .process {
  align-items: center;
  color: var(--pewter-blue);
  display: flex;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xl);
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .card {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width:calc((100% - 96px) / 4);
}

.branding-all-breakpoints .nose_brand_01_process_01,
.branding-all-breakpoints .nose_brand_01_process_02,
.branding-all-breakpoints .nose_brand_01_process_03,
.branding-all-breakpoints .nose_brand_01_process_04 {
  align-items: flex-start;
  aspect-ratio: 1 / 1;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .x1cm {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}
.branding-all-breakpoints .nose_brand_01_process_01 {
  background-image: url(../img/nose_brand_01_process_01.jpg);
}


.branding-all-breakpoints .nose_brand_01_process_02 {
  background-image: url(../img/nose_brand_01_process_02.jpg);
}

.branding-all-breakpoints .x0102mm {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .nose_brand_01_process_03 {
  background-image: url(../img/nose_brand_01_process_03.jpg);
}

.branding-all-breakpoints .text-38 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .nose_brand_01_process_04 {
  background-image: url(../img/nose_brand_01_process_04.jpg);
}

.branding-all-breakpoints .text-39 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .nose_brand_02 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/nose_brand_02_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 64px;
  justify-content: center;
  padding: 160px 0 120px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .nose_brand_02 .section-inner {
  align-items: flex-start;
  display: flex;
  gap: 64px;
  justify-content: center;
}

.branding-all-breakpoints .left {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 42px;
  padding: 0px 32px;
  position: relative;
}

.branding-all-breakpoints .heading-2-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.branding-all-breakpoints .text-41 {
  letter-spacing: 0;
  line-height: 60px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .span-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.branding-all-breakpoints .text-42 {
  color: var(--storm-gray);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-43 {
  color: transparent;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 32px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .span0 {
  color: var(--mirage-2);
  font-weight: 700;
}

.branding-all-breakpoints .span1 {
  color: var(--storm-gray);
}

.branding-all-breakpoints .right {
  align-items: flex-start;
  background-color: var(--white-lilac);
  border-radius: 16px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 24px 48px;
  position: relative;
}

.branding-all-breakpoints .system-item {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mystic-2);
  flex: 0 0 auto;
  gap: 24px;
  padding: 32px 0px;
  width: 100%;
}

.branding-all-breakpoints .nose_brand_02_1 {
  background-image: url(../img/nose_brand_02_1.jpg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 80px;
  height: 140px;
  position: relative;
  width: 140px;
}

.branding-all-breakpoints .span-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.branding-all-breakpoints .step-0 {
  letter-spacing: 0;
  line-height: 20px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-6 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  line-height:1.2;
}

.branding-all-breakpoints .nose_brand_02_2 {
  background-image: url(../img/nose_brand_02_2.jpg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 80px;
  height: 140px;
  position: relative;
  width: 140px;
}

.branding-all-breakpoints .system-item-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  padding: 32px 0px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .nose_brand_02_3 {
  background-image: url(../img/nose_brand_02_3.jpg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 80px;
  height: 140px;
  position: relative;
  width: 140px;
}

.branding-all-breakpoints .expertise {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  padding: 160px 0 120px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .expertise .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
}

.branding-all-breakpoints .expertise-1 {
  align-items: center;
  display: inline-flex;
}

.branding-all-breakpoints .text-50 {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxl);
  font-weight: 400;
  letter-spacing: -1.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.branding-all-breakpoints .text-51 {
  letter-spacing: -1.00px;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.branding-all-breakpoints .span0-1 {
  letter-spacing: -0.44px;
}

.branding-all-breakpoints .span1-1 {
  color: var(--mirage);
  font-weight: 400;
  letter-spacing: -0.44px;
}

.branding-all-breakpoints .frame-74 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.branding-all-breakpoints .container-6 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  padding: 0px 32px;
  position: relative;
}

.branding-all-breakpoints .text-7 {
  letter-spacing: 0;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.branding-all-breakpoints .expertise-2 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  width: 400px;
}

.branding-all-breakpoints .container-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--periwinkle);
  border-radius: 30px;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .icon {
  height: 24px;
  position: relative;
  width: 24px;
}

.branding-all-breakpoints .vector {
  height: 87.50%;
  left: 6.25%;
  position: absolute;
  top: 6.25%;
  width: 87.50%;
}

.branding-all-breakpoints .vector-1 {
  height: 25.00%;
  left: 33.33%;
  position: absolute;
  top: 37.50%;
  width: 33.33%;
}

.branding-all-breakpoints .text-5-1 {
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .expertise-3 {
  align-items: flex-start;
  display: inline-flex;
  gap: 8px;
}

.branding-all-breakpoints .text-8 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  line-height:1;
}

.branding-all-breakpoints .nose_brand_03 {
  aspect-ratio: 0.89;
  background-image: url(../img/nose_brand_03.jpg);
  background-position: 50% 50%;
  background-size: cover;
  height: 633px;
  position: relative;
  width: 560px;
}

.branding-all-breakpoints .credentials {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/eye_bd_04_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 160px 20px 120px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .credentials .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.branding-all-breakpoints .container-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .heading-2 {
  align-self: stretch;
  display: flex;
  gap: 8px;
  padding: 6px 472px;
  width: 100%;
}

.branding-all-breakpoints .text-9 {
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-62 {
  letter-spacing: 0;
  line-height: 48px;
  margin-left: -6.00px;
  margin-right: -6.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .list {
  align-items: flex-start;
  display: inline-flex;
  gap: 16px;
  height: 243px;
  position: relative;
}

.branding-all-breakpoints .list-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 205px;
}

.branding-all-breakpoints .eye_bd_04_01 {
  background-image: url(../img/eye_bd_04_01.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 160px;
  position: relative;
  width: 160px;
}

.branding-all-breakpoints .frame-4 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mercury);
  border-top-style: solid;
  border-top-width: 1px;
  display: inline-flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 20px 12px;
  position: relative;
}

.branding-all-breakpoints .jci {
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .eye_bd_04_02 {
  background-image: url(../img/eye_bd_04_02.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 160px;
  position: relative;
  width: 160px;
}

.branding-all-breakpoints .best {
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .eye_bd_04_03 {
  background-image: url(../img/eye_bd_04_03.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 160px;
  position: relative;
  width: 160px;
}

.branding-all-breakpoints .asms-ao {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .block {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .x1-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  padding: 32px;
  position: relative;
}

.branding-all-breakpoints .frame-62 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .frame-45 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.branding-all-breakpoints .x2019-jci {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .frame-33 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gunsmoke);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 24px;
  position: relative;
}

.branding-all-breakpoints .text-10 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .jc {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
}

.branding-all-breakpoints .x2-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 454px;
}

.branding-all-breakpoints .container-8 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 133px;
  padding: 32px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .text-64 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-11 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .container-9 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 132px;
  padding: 32px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .text-66 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .x3-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.branding-all-breakpoints .container-10 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 133px;
  padding: 32px;
  position: relative;
  width: 454px;
}

.branding-all-breakpoints .prs-korea-2020 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .container-11 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 132px;
  padding: 32px;
  position: relative;
  width: 454px;
}

.branding-all-breakpoints .text-69 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .bottom-text {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .text-12 {
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .text-13 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .credentials-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/eye_bd_04book_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 160px 0 120px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .credentials-1 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.branding-all-breakpoints .text-75 {
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .span1-2 {
  color: var(--mirage-2);
  font-weight: 400;
}

.branding-all-breakpoints .frame-32 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .eye_bd_04book_01 {
  aspect-ratio: 0.68;
  background-image: url(../img/eye_bd_04book_01.jpg);
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0px 5px 10px #00000040;
  height: 360px;
  position: relative;
  width: 244px;
}

.branding-all-breakpoints .eye_bd_04book_02 {
  aspect-ratio: 0.68;
  background-image: url(../img/eye_bd_04book_02.jpg);
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0px 5px 10px #00000040;
  height: 360px;
  position: relative;
  width: 244px;
}

.branding-all-breakpoints .span-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: 390px;
}

.branding-all-breakpoints .frame-6 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.branding-all-breakpoints .system-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/eye_bd_05_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 160px 20px 120px;
  width: 100%;
}

.branding-all-breakpoints .system-2 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.branding-all-breakpoints .container-12 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.branding-all-breakpoints .efil-system {
  color: #155cfb;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 14.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .container-13 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 32px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .card-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white-2);
  border: 1px solid;
  border-color: var(--catskill-white-2);
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 36px;
  padding: 36px;
  position: relative;
}

.branding-all-breakpoints .system {
  height: 80px;
  position: relative;
  width: 80px;
}

.branding-all-breakpoints .text-14 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
}

.branding-all-breakpoints .system-1 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.branding-all-breakpoints .list-item-1 {
  flex: 0 0 auto;
}

.branding-all-breakpoints .text-15 {
  left: 0;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: -2px;
  white-space: nowrap;
}

.branding-all-breakpoints .text-16 {
  flex: 1;
  letter-spacing: 0;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
}

.branding-all-breakpoints .system-3 {
  align-items: center;
  background-color: #e2e8f080;
  border-radius: 16px;
  height: 80px;
  justify-content: center;
  width: 80px;
}

.branding-all-breakpoints .icon-2 {
  aspect-ratio: 1;
  height: 40px;
  position: relative;
  width: 40px;
}

.branding-all-breakpoints .vector-2 {
  height: 89.58%;
  left: 5.21%;
  position: absolute;
  top: 5.21%;
  width: 89.58%;
}

.branding-all-breakpoints .list-item-2 {
  height: 26px;
}

.branding-all-breakpoints .list-item-3 {
  height: 52px;
}

.branding-all-breakpoints .judgment {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 160px 0 120px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .judgment .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.branding-all-breakpoints .heading-3 {
  display: inline-flex;
  gap: 8px;
}

.branding-all-breakpoints .judgment-1 {
  color: var(--pewter-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 14.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .text-100 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .span0-2 {
  color: var(--blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxl);
  font-weight: 800;
}

.branding-all-breakpoints .span1-3 {
  color: var(--white);
  font-weight: 800;
}

.branding-all-breakpoints .text-19 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.branding-all-breakpoints .span-6 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.branding-all-breakpoints .text-10-1 {
  line-height: 39px;
  margin-top: -1.00px;
  white-space: nowrap;
}

.branding-all-breakpoints .span-7 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.branding-all-breakpoints .text-10-2 {
  line-height: 39px;
  white-space: nowrap;
}

.branding-all-breakpoints .bar {
  background-color: #314158;
  height: 48px;
  position: relative;
  width: 2px;
}

.branding-all-breakpoints .span-8 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.branding-all-breakpoints .conclusion-section {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/eye_bd_06_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 64px;
  padding: 160px 0 115px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .conclusion-section .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.branding-all-breakpoints .text-108 {
  color: #57524d;
  font-family: var(--font-family-noto_serif_kr);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: -1.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .tit-9 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
}

.branding-all-breakpoints .text-109 {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 42px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
  line-height:1.2;
}

.branding-all-breakpoints .text-110 {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 54px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
  line-height:1.2;
}

.branding-all-breakpoints .bar-1 {
  background-color: var(--periwinkle);
  height: 2px;
  position: relative;
  width: 72px;
  display:block;
}

.branding-all-breakpoints .container-14 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.branding-all-breakpoints .container-15 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 18px;
  position: relative;
}

.branding-all-breakpoints .button {
  align-items: center;
  border: 1px solid;
  border-color: var(--periwinkle);
  border-radius: 33554400px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  overflow: hidden;
  padding: 16px 32px;
  position: relative;
}

.branding-all-breakpoints .text-23 {
  height: 28px;
  position: relative;
  width: 216.98px;
}

.branding-all-breakpoints .text-11-1 {
  left: 9px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: -1px;
  white-space: nowrap;
}

.branding-all-breakpoints .vector-3 {
  height: 8.33%;
  left: 16.67%;
  position: absolute;
  top: 45.83%;
  width: 66.67%;
}

.branding-all-breakpoints .vector-4 {
  height: 66.67%;
  left: 45.83%;
  position: absolute;
  top: 16.67%;
  width: 37.50%;
}

.branding-all-breakpoints .button-1 {
  align-items: center;
  background-color: var(--bay-of-many);
  border-radius: 33554400px;
  box-shadow: 0px 4px 6px -4px #cad5e2 , 0px 10px 15px -3px #cad5e2;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  padding: 16px 32px;
  position: relative;
}

.branding-all-breakpoints .text-24 {
  height: 28px;
  position: relative;
  width: 180.98px;
}

.branding-all-breakpoints .vector-5 {
  height: 25.00%;
  left: 29.17%;
  position: absolute;
  top: 4.17%;
  width: 8.33%;
}

.branding-all-breakpoints .vector-6 {
  height: 25.00%;
  left: 62.50%;
  position: absolute;
  top: 4.17%;
  width: 8.33%;
}

.branding-all-breakpoints .vector-7 {
  height: 83.33%;
  left: 8.33%;
  position: absolute;
  top: 12.50%;
  width: 83.33%;
}

.branding-all-breakpoints .vector-8 {
  height: 8.33%;
  left: 8.33%;
  position: absolute;
  top: 37.50%;
  width: 83.33%;
}

.branding-all-breakpoints .navigation {
  align-items: center;
  background-color: var(--white);
  box-shadow: 0px 0px 4px #00000026;
  display: flex;
  height: 80px;
  justify-content: space-between;
  left: 0;
  padding: 0px 20px;
  position: fixed;
  top: 0;
  z-index:100;
  width: 100%;
}

.branding-all-breakpoints .navigation .navigation-inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1428px;
  width: 100%;
}

.branding-all-breakpoints .container-16 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.branding-all-breakpoints .gnb_-link {
  align-items: center;
  background-color: var(--white);
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  height: 80px;
  justify-content: center;
  position: relative;
}

.branding-all-breakpoints .category {
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.branding-all-breakpoints .expertise-4 {
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.branding-all-breakpoints .heading {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.branding-all-breakpoints .li-6 {
  height: 26px;
  position: relative;
  width: 6.69px;
}

.branding-all-breakpoints .line-3 {
  position: relative;
  width: 48px;
}

.branding-all-breakpoints .list-item-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 12px;
  position: relative;
  width: 100%;
}

.branding-all-breakpoints .no-4 {
  align-items: center;
  background-color: var(--mirage);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 4px 8px;
  position: relative;
}

.branding-all-breakpoints .number-7 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .paragraph-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.branding-all-breakpoints .span1-4 {
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxxl);
}

.branding-all-breakpoints .system-4 {
  display: flex;
  position: relative;
}

.branding-all-breakpoints .text-10-4 {
  letter-spacing: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}

.branding-all-breakpoints .tit-10 {
  flex: 0 0 auto;
  position: relative;
}
/* screen - brandingu95412 */

.brandingu95412 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  padding: 62px 0px 0px;
  position: relative;
}

.brandingu95412 .hero-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/eye_bd_00_hero_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.brandingu95412 .section-inner {
  margin: 0 auto;
  padding: 0 6%;
  width: 100%;
}

.brandingu95412 .hero-1 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.brandingu95412 .heading-1-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-190 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-weight: 300;
  letter-spacing: -0.2427vw;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-191 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 13.5922vw;
  font-weight: 800;
  letter-spacing: -0.2427vw;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .container-17 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 100%;
}

.brandingu95412 .frame-55-1 {
  position: relative;
  width:100%;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.brandingu95412 .text-192 {
  color: var(--mystic);
  font-family: var(--font-family-noto_sans_kr);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  font-size:42px;
}

.brandingu95412 .md-phd-mba-1 {
  color: var(--periwinkle-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 4.8544vw;
  text-align: center;
}

.brandingu95412 .line-4 {
  background-color: var(--fiord);
  height: 4px;
  position: relative;
  width: 48px;
}

.brandingu95412 .paragraph-3 {
  display: inline-flex;
  gap: 12px;
}

.brandingu95412 .text-193 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-194 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-195 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 6.7961vw;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .history-1 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, rgba(248, 250, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.brandingu95412 .history-1 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.brandingu95412 .x1-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  position: relative;
  width: 100%;
}

.brandingu95412 .tit-10 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 32px;
}

.brandingu95412 .text-25 {
  letter-spacing: 0;
  line-height: 14.5631vw;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .paragraph-4 {
  display: inline-flex;
  gap: 8px;
}

.brandingu95412 .text-197 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-198 {
  color: transparent;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .span1-4 {
  color: var(--mirage-2);
  font-weight: 800;
}

.brandingu95412 .container-18 {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.brandingu95412 .tit-11 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 6px 30px;
  width: 100%;
}

.brandingu95412 .text-199 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .nose_brand_01_1-1 {
  align-items: flex-end;
  align-self: stretch;
  aspect-ratio: 1.58;
  background-image: url(../img/nose_brand_01_1.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 6px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-2-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .frame-80-2 {
  background-color: var(--white);
}

.brandingu95412 .text-201 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .span-10 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  position: relative;
}

.brandingu95412 .text-202 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-2-3 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .tit-12 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 6px 30px;
  width: 100%;
}

.brandingu95412 .text-204 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .nose_brand_01_2-1 {
  align-items: flex-end;
  align-self: stretch;
  aspect-ratio: 1.58;
  background-image: url(../img/nose_brand_01_2.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-205 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .frame-80-3 {
  border: 1px solid;
  border-color: var(--white);
}

.brandingu95412 .text-206 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 2.4272vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-207 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .tit-13 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  border-radius: 50px;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 6px 30px;
  width: 100%;
}

.brandingu95412 .text-209 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .nose_brand_01_3-1 {
  align-items: flex-end;
  align-self: stretch;
  aspect-ratio: 1.58;
  background-image: url(../img/nose_brand_01_3.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-210 {
  color: var(--mirage);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-211 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .nose_brand_arrow-1 {
  aspect-ratio: 1.87;
  background-image: url(../img/nose_brand_arrow.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 100px;
  opacity: 0.3;
  position: relative;
  width: 187px;
}

.brandingu95412 .x2-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width:100%;
}

.brandingu95412 .tit-14 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 32px;
}

.brandingu95412 .line-5 {
  background-color: var(--periwinkle);
  height: 1px;
  position: relative;
  width: 48px;
}

.brandingu95412 .paragraph-5 {
  display: inline-flex;
  gap: 8px;
}

.brandingu95412 .text-215 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-216 {
  color: var(--mirage-2);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .container-23 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 52px;
  position: relative;
  width: 100%;
}

.brandingu95412 .container-19 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.brandingu95412 .nose_brand_01_ts_01-1 {
  align-self: stretch;
  aspect-ratio: 1.53;
  background-image: url(../img/nose_brand_01_ts_01.jpg);
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-28 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  position: relative;
  width: 100%;
}

.brandingu95412 .tit-15 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.brandingu95412 .number-7 {
  white-space: nowrap;
}

.brandingu95412 .line-3 {
  align-self: stretch;
  background-color: var(--mystic);
  height: 1px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-2-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.brandingu95412 .text-2-5 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  position: relative;
  width: fit-content;
}

.brandingu95412 .nose_brand_01_ts_02-1 {
  align-self: stretch;
  aspect-ratio: 1.53;
  background-image: url(../img/nose_brand_01_ts_02.jpg);
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  width: 100%;
}

.brandingu95412 .tit-16 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.brandingu95412 .number-8 {
  white-space: nowrap;
}

.brandingu95412 .nose_brand_01_ts_03-1 {
  align-self: stretch;
  aspect-ratio: 1.53;
  background-image: url(../img/nose_brand_01_ts_03.jpg);
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  width: 100%;
}

.brandingu95412 .tit-17 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}

.brandingu95412 .number-9 {
  white-space: nowrap;
}

.brandingu95412 .x3-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white-lilac);
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 40px 24px;
  position: relative;
  width: 100%;
}

.brandingu95412 .tit-18 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.brandingu95412 .text-226 {
  align-items: center;
  color: var(--mirage);
  display: flex;
  font-family: var(--font-family-noto_sans_kr);
  font-size: 6.3107vw;
  font-weight: 800;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .span-12 {
  align-items: center;
  border: 1px solid;
  border-color: var(--pewter-blue);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 4px 20px;
  position: relative;
}

.brandingu95412 .process-1 {
  align-items: center;
  color: var(--pewter-blue);
  display: flex;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .container-24 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width:100%;
}

.brandingu95412 .card-2 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  width:100%;
}

.brandingu95412 .nose_brand_01_process_01-1,
.brandingu95412 .nose_brand_01_process_02-1,
.brandingu95412 .nose_brand_01_process_03-1,
.brandingu95412 .nose_brand_01_process_04-1 {
  align-items: flex-start;
  aspect-ratio: 1 / 1;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  gap: 10px;
  position: relative;
  width: 100%;
}

.brandingu95412 .x1cm-1 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}
.brandingu95412 .nose_brand_01_process_01-1 {
  background-image: url(../img/nose_brand_01_process_01.jpg);
}

.brandingu95412 .nose_brand_01_process_02-1 {
  background-image: url(../img/nose_brand_01_process_02.jpg);
}

.brandingu95412 .x0102mm-1 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .nose_brand_01_process_03-1 {
  background-image: url(../img/nose_brand_01_process_03.jpg);
}

.brandingu95412 .text-227 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .nose_brand_01_process_04-1 {
  background-image: url(../img/nose_brand_01_process_04.jpg);
}

.brandingu95412 .text-228 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .nose_brand_02-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/nose_brand_02_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.brandingu95412 .nose_brand_02-1 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.brandingu95412 .left-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-229 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .span-13 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.brandingu95412 .text-231 {
  letter-spacing: 0;
  line-height: 7.7670vw;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-232 {
  color: transparent;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 7.7670vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .span0-3 {
  color: var(--mirage-2);
  font-weight: 700;
}

.brandingu95412 .right-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white-lilac);
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .system-item-2 {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mystic-2);
}

.brandingu95412 .nose_brand_02_1-1 {
  aspect-ratio: 1;
  background-image: url(../img/nose_brand_02_1.jpg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 12px;
  height: 110px;
  position: relative;
  width: 110px;
}

.brandingu95412 .span-14 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.brandingu95412 .step-0-1 {
  letter-spacing: 0;
  line-height: 4.8544vw;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .nose_brand_02_2-1 {
  aspect-ratio: 1;
  background-image: url(../img/nose_brand_02_2.jpg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 12px;
  height: 110px;
  position: relative;
  width: 110px;
}

.brandingu95412 .span-15 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.brandingu95412 .nose_brand_02_3-1 {
  aspect-ratio: 1;
  background-image: url(../img/nose_brand_02_3.jpg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 12px;
  height: 110px;
  position: relative;
  width: 110px;
}

.brandingu95412 .span-16 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

.brandingu95412 .expertise-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  gap: 40px;
  justify-content: center;
  padding: 80px 0;
  width: 100%;
}

.brandingu95412 .expertise-4 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
}

.brandingu95412 .nose_brand_03-1 {
  align-self: stretch;
  aspect-ratio: 0.89;
  background-image: url(../img/nose_brand_03.jpg);
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  width: 100%;
}

.brandingu95412 .expertise-5 {
  align-items: center;
  display: inline-flex;
}

.brandingu95412 .text-239 {
  letter-spacing: -0.2427vw;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-240 {
  letter-spacing: -0.2427vw;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .span-11 {
  letter-spacing: -0.0874vw;
}

.brandingu95412 .frame-74-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.brandingu95412 .container-25 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-241 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.brandingu95412 .expertise-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 12px;
  width: 100%;
}

.brandingu95412 .container-20 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--periwinkle);
  border-radius: 30px;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 16px 13px;
  position: relative;
  width: 100%;
}

.brandingu95412 .icon-3 {
  height: 24px;
  position: relative;
  width: 24px;
  flex-shrink: 0;
}

.brandingu95412 .vector-9 {
  height: 87.50%;
  left: 6.25%;
  position: absolute;
  top: 6.25%;
  width: 87.50%;
}

.brandingu95412 .vector-10 {
  height: 25.00%;
  left: 33.33%;
  position: absolute;
  top: 37.50%;
  width: 33.33%;
}

.brandingu95412 .text-24-1 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-245 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .expertise-7 {
  align-items: flex-start;
  display: inline-flex;
  gap: 4px;
}

.brandingu95412 .text-29 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-30 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .credentials-2 {
  background-image: url(../img/eye_bd_04_bg.jpg);
}

.brandingu95412 .credentials-2 .section-inner {
  gap: 42px;
}

.brandingu95412 .heading-2-2 {
  gap: 8px;
  padding: 6px 0px;
}

.brandingu95412 .text-250 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-251 {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .list-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.brandingu95412 .frame-3 {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.brandingu95412 .frame-34 {
  aspect-ratio: 1;
  background-image: url(../img/eye_bd_04_01.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 100px;
  position: relative;
  width: 100px;
}

.brandingu95412 .frame-4-1 {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mercury);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  padding: 5px 0px;
  position: relative;
  width: 100%;
}

.brandingu95412 .jci-1 {
  letter-spacing: 0;
  line-height: 11.6505vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .frame-34-1 {
  background-image: url(../img/eye_bd_04_02.png);
}

.brandingu95412 .best-1 {
  letter-spacing: 0;
  line-height: 11.6505vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .frame-34-2 {
  background-image: url(../img/eye_bd_04_03.png);
}

.brandingu95412 .frame-42 {
  align-items: center;
  align-self: stretch;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--mercury);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 5px 0px;
  position: relative;
  width: 100%;
}

.brandingu95412 .asms-ao-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .block-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .container-26 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  position: relative;
  width: 100%;
}

.brandingu95412 .frame-6-1 {
  align-self: stretch;
  display: flex;
  gap: 32px;
  width: 100%;
}

.brandingu95412 .frame-45-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.brandingu95412 .x2019-jci-1 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .frame-33-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--gunsmoke);
  border-radius: 30px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 24px;
  position: relative;
}

.brandingu95412 .text-2-6 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .jc-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 1.5;
  position: relative;
}

.brandingu95412 .container-27 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .container-21 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-253 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-2-7 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .container-22 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--catskill-white);
  border-radius: 16px;
  box-shadow: 0px 8px 10px #e2e8f080;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-255 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .container-28 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .prs-korea-2020-1 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-258 {
  letter-spacing: 0;
  line-height: 6.7961vw;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .text-259 {
  letter-spacing: 0;
  line-height: 5.8252vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .bottom-text-1 {
  align-items: center;
  align-self: stretch;
  border-radius: 16px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-260 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-262 {
  color: transparent;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .credentials-3 {
  background-image: url(../img/eye_bd_04book_bg.jpg);
}

.brandingu95412 .credentials-3 .section-inner {
  gap: 64px;
}

.brandingu95412 .text-263 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-264 {
  color: transparent;
  font-family: var(--font-family-noto_sans_kr);
  font-size: 7.7670vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .span0-4 {
  color: var(--midnight-blue);
  font-weight: 800;
}

.brandingu95412 .span1-5 {
  color: var(--mirage-2);
}

.brandingu95412 .frame-32-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.brandingu95412 .img {
  background-image: url(../img/eye_bd_04book_01.jpg);
}

.brandingu95412 .img-1 {
  background-image: url(../img/eye_bd_04book_02.jpg);
}

.brandingu95412 .frame-61 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-265 {
  letter-spacing: 0;
  line-height: 7.7670vw;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.brandingu95412 .frame-6-2 {
  display: inline-flex;
  flex-direction: column;
  gap: 12px;
}

.brandingu95412 .text-270 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .system-5 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/eye_bd_04_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 54px;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.brandingu95412 .system-5 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 54px;
}

.brandingu95412 .container-29 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.brandingu95412 .efil-system-1 {
  color: #155cfb;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 3.3981vw;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .container-30 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 100%;
}

.brandingu95412 .card-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white-2);
  border: 1px solid;
  border-color: var(--catskill-white-2);
  display: flex;
  gap: 36px;
  padding: 24px 16px;
  width: 100%;
}

.brandingu95412 .system-4 {
  height: 80px;
  position: relative;
  width: 80px;
}

.brandingu95412 .text-2-8 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 6.7961vw;
  position: relative;
}

.brandingu95412 .system-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .list-item-4 {
  flex: 0 0 auto;
}

.brandingu95412 .text-2-9 {
  left: 0;
  letter-spacing: 0;
  line-height: 6.3107vw;
  position: absolute;
  top: -2px;
  white-space: nowrap;
}

.brandingu95412 .text-2-10 {
  flex: 1;
  letter-spacing: 0;
  line-height: 6.3107vw;
  margin-top: -1.00px;
  position: relative;
}

.brandingu95412 .system-7 {
  align-items: center;
  background-color: #e2e8f080;
  border-radius: 16px;
  display: flex;
  height: 80px;
  justify-content: center;
  position: relative;
  width: 80px;
}

.brandingu95412 .icon-5 {
  aspect-ratio: 1;
  height: 40px;
  position: relative;
  width: 40px;
}

.brandingu95412 .vector-11 {
  height: 89.58%;
  left: 5.21%;
  position: absolute;
  top: 5.21%;
  width: 89.58%;
}

.brandingu95412 .system-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .system-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.brandingu95412 .list-item-5 {
  height: 26px;
}

.brandingu95412 .list-item-6 {
  height: 52px;
}

.brandingu95412 .judgment-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mirage-2);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 64px;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.brandingu95412 .judgment-2 .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.brandingu95412 .heading-3-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.brandingu95412 .judgment-3 {
  color: var(--pewter-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-s);
  font-weight: 600;
  letter-spacing: 3.3981vw;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-289 {
  color: var(--white);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-290 {
  color: transparent;
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxxl);
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .span0-5 {
  color: var(--blue);
}

.brandingu95412 .span1-6 {
  color: var(--white);
}

.brandingu95412 .text-31 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.brandingu95412 .span-17 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.brandingu95412 .text-29-1 {
  margin-top: -1.00px;
}

.brandingu95412 .span-18 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.brandingu95412 .bar-2 {
  background-color: #314158;
  height: 48px;
  position: relative;
  width: 2px;
}

.brandingu95412 .span-19 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.brandingu95412 .conclusion-section-1 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/eye_bd_06_bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.brandingu95412 .conclusion-section-1 .section-inner {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
}

.brandingu95412 .container-31 {
  align-items: center;
  background-color: #ffffff80;
  border-radius: 32px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 36px;
  position: relative;
}

.brandingu95412 .text-297 {
  color: #57524d;
  font-family: var(--font-family-noto_serif_kr);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: -0.2427vw;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .paragraph-6 {
  align-self: stretch;
  display: flex;
  gap: 8px;
  width: 100%;
}

.brandingu95412 .text-298 {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .text-299 {
  color: var(--midnight-blue);
  font-family: var(--font-family-noto_sans_kr);
  font-size: 7.7670vw;
  font-weight: 800;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .bar-3 {
  background-color: var(--periwinkle);
  height: 2px;
  position: relative;
  width: 72px;
}

.brandingu95412 .container-33 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 18px;
  position: relative;
  width: 100%;
}

.brandingu95412 .button-2 {
  border: 1px solid;
  border-color: var(--periwinkle);
  overflow: hidden;
}

.brandingu95412 .text-32 {
  position: relative;
}

.brandingu95412 .text-30-1 {
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  font-size:18px;
}

.brandingu95412 .vector-12 {
  height: 8.33%;
  left: 16.67%;
  position: absolute;
  top: 45.83%;
  width: 66.67%;
}

.brandingu95412 .vector-13 {
  height: 66.67%;
  left: 45.83%;
  position: absolute;
  top: 16.67%;
  width: 37.50%;
}

.brandingu95412 .button-3 {
  background-color: var(--bay-of-many);
  box-shadow: 0px 4px 6px -4px #cad5e2 , 0px 10px 15px -3px #cad5e2;
  cursor: pointer;
}

.brandingu95412 .text-33 {
  position: relative;
  font-size:18px;
}

.brandingu95412 .vector-14 {
  height: 25.00%;
  left: 29.17%;
  position: absolute;
  top: 4.17%;
  width: 8.33%;
}

.brandingu95412 .vector-15 {
  height: 25.00%;
  left: 62.50%;
  position: absolute;
  top: 4.17%;
  width: 8.33%;
}

.brandingu95412 .vector-16 {
  height: 83.33%;
  left: 8.33%;
  position: absolute;
  top: 12.50%;
  width: 83.33%;
}

.brandingu95412 .vector-17 {
  height: 8.33%;
  left: 8.33%;
  position: absolute;
  top: 37.50%;
  width: 83.33%;
}

.brandingu95412 .navigation-1 {
  align-items: center;
  background-color: var(--white);
  box-shadow: 0px 0px 4px #00000026;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: fixed;
  top: 0;
  z-index:100;
  width: 100%;
}

.brandingu95412 .navigation-1 .navigation-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 6%;
  width: 100%;
}

.brandingu95412 .container-34 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  position: relative;
}

.brandingu95412 .gnb_-link-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.brandingu95412 .category-1 {
  letter-spacing: 0;
  line-height: 4.8544vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .button {
  align-items: center;
  align-self: stretch;
  border-radius: 33554400px;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 16px 32px;
  position: relative;
  width: 100%;
}

.brandingu95412 .card {
  border-radius: 16px;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.brandingu95412 .credentials {
  align-items: center;
  align-self: stretch;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.brandingu95412 .credentials .section-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.brandingu95412 .expertise {
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.brandingu95412 .frame-34-3 {
  aspect-ratio: 1;
  background-position: 50% 50%;
  background-size: cover;
  height: 100px;
  position: relative;
  width: 100px;
}

.brandingu95412 .frame-6 {
  align-items: flex-start;
  flex: 0 0 auto;
  position: relative;
}

.brandingu95412 .frame-80 {
  align-items: center;
  border-radius: 50px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 2px 8px;
  position: relative;
}

.brandingu95412 .heading-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.brandingu95412 .img-2 {
  aspect-ratio: 0.68;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0px 5px 10px #00000040;
  flex: 1;
  flex-grow: 1;
  position: relative;
}

.brandingu95412 .list-item {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 12px;
  position: relative;
  width: 100%;
}

.brandingu95412 .number {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.brandingu95412 .paragraph {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.brandingu95412 .system-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 12px 0px;
  position: relative;
  width: 100%;
}

.brandingu95412 .text-29-3 {
  letter-spacing: 0;
  line-height: 9.4660vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.brandingu95412 .tit {
  flex: 0 0 auto;
  position: relative;
}

/* 기본: PC 버전 표시, 모바일 버전 숨김 */
.screen.brandingu95412 { 
  display: none;
}

/* 412px 이하에서만: 모바일 버전 표시, PC 버전 숨김 */
@media screen and (max-width: 960px) {
  .screen.branding-all-breakpoints { 
    display: none;
  }
  .screen.brandingu95412 { 
    display: block;
  }
}

@media screen and (max-width: 420px) {
  .brandingu95412 {
    --font-size-s: 3.3981vw;
    --font-size-m: 3.8835vw;
    --font-size-l: 4.3699vw;
    --font-size-xl: 4.8544vw;
    --font-size-xxl: 5.8252vw;
    --font-size-xxxl: 8.7379vw;
    --font-size-xxxxl: 10.6796vw;
  }

  .brandingu95412 .heading-2{font-size:7.77vw}

}



.branding-all-breakpoints .gnb_-link a{color:inherit; font-size:inherit;
  gap:2px;
  height: 80px;
  padding: 0px 40px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition:all 0.3s ease;
}

.branding-all-breakpoints .gnb_-link.active a,
.branding-all-breakpoints .gnb_-link a:hover{
  background-color:#223C88;
  color:#fff;
  font-weight:700;
}
.branding-all-breakpoints .gnb_-link a:hover .notosanskr-normal-bay-of-many-16px,
.branding-all-breakpoints .gnb_-link.active a .notosanskr-normal-bay-of-many-16px{
  color:#fff !important;
}

.branding-all-breakpoints .gnb_-link a:after{
  margin:5px atuo 0;
  width:16px;
  aspect-ratio: 1/1;
  display:block;
  background:url(../img/arrow-down.svg) no-repeat center center;
  content:"";
  display:none;
  transition:all 0.3s ease;
  transform:rotate(0deg);
}
.branding-all-breakpoints .gnb_-link.active a:after,
.branding-all-breakpoints .gnb_-link a:hover:after{
  display:block;
}

.branding-all-breakpoints .category-1 {
  letter-spacing: 0;
  line-height: 1.25;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}


.brandingu95412 .gnb_-link-1.active a{background-color:#223C88; color:#fff; font-weight:700;}

.brandingu95412 .gnb_-link-1.active a:after,
.brandingu95412 .gnb_-link-1 a:hover:after{
  display:block;
}

.brandingu95412 .gnb_-link-1 a{padding: 0 20px; display:flex; align-items: center; flex-direction: column; justify-content: center; height:62px;}
.navigation .category {
  letter-spacing: 0;
  line-height: 1.25;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.navigation .category a{color:inherit; font-size:inherit;}

.brandingu95412 .gnb_-link-1 a:after{
  margin:5px auto 0;
  width:16px;
  aspect-ratio: 1/1;
  display:none;
  background:url(../img/arrow-down.svg) no-repeat center center;
  content:"";
}
.brandingu95412 .gnb_-link-1.active a .category-1{color:#fff; }