/* main */
.main_wrap { background: #eee9e1;}
.main_wrap .header {border-bottom: transparent; backdrop-filter: blur(10px);}
.main_wrap .header .h_right .platform_link {color: #000000; background: #feba69;}
.main_wrap .header .h_right .platform_link:hover {color: #fff; background: #000;}
.main_section {position: relative; width: 100%;}
.m_titbox {position: relative; text-align: center;}
.m_txt1 {font-size: 2.813rem; line-height: 1.22; color: #291d14; font-weight: 300; word-break: keep-all;}
.m_txt1 .point {font-weight: 700; color: #d54745;}
.m_txt2 {font-size: 1.5rem; line-height:1.4583; color: #291d14; word-break: keep-all;}
.m_txt2 .point {font-weight: 700; color: #d54745;}
.m_txt3 {font-size: 1rem; line-height: 1.5; color: #291d14; word-break: keep-all;}

/* main section1 */
.main_wrap .ms1 { padding-top: 5rem;}
.main_wrap .ms1 .bg { background: url(../img/ms1_bg.png) no-repeat center / cover;  position: absolute;  left: 0; top: 0; width: 100%; height: 100%;}
.main_wrap .ms1 .txtbox { padding: 4.5rem 0;}
.main_wrap .ms1 .txtbox .tit { font-family: var(--font2); font-size: 2.5rem;  line-height: 1.25; color: #ffffff; font-weight: 500; margin-bottom: 1.875rem;}
.main_wrap .ms1 .txtbox .desc_en { font-family: var(--font2);  font-size: 1.25rem;  line-height: 1.2;  font-weight: 500;  color: #68ffef; margin-bottom: 2.5rem;}
.main_wrap .ms1 .txtbox .desc_kr {  font-size: 1rem;  font-weight: 500;  line-height: 1.5;  color: #ffffff;  max-width: 535px; word-break: keep-all;}

/* main section2 */
.main_wrap .ms2 { padding: 6.25rem 0 5.75rem; overflow: hidden;}
.main_wrap .ms2 .m_titbox_mob { display: flex; flex-direction: column;  gap: 2rem;  text-align: center;  margin-bottom: 5.5rem; display: none;}
.main_wrap .ms2 .m_titbox_mob .sub { font-size: 0.7rem; font-weight: 700; color: #d54745; text-transform: uppercase;}
.main_wrap .ms2 .m_titbox_mob .desc { font-size: 1.1rem; font-weight: 500;  color: #000000;word-break: keep-all; padding: 0 0.5rem;}
.main_wrap .ms2 .m_titbox {margin-bottom: 1rem;}
.main_wrap .ms2 .m_titbox .m_txt3 { color: #666666; margin-bottom: 1rem;}
.main_wrap .ms2 .m_titbox .m_txt1 { font-weight: 700;  font-size: 2.5rem;}
.main_wrap .ms2 .graph_box { display: flex; flex-direction: column;  align-items: center;  margin-bottom: 4.5rem;}
.main_wrap .ms2 .graph_box .graph { position: relative; z-index: 10; width: 28.75rem;}
.main_wrap .ms2 .graph_box .bg { position: relative; z-index: 5; width: 71.688rem;  margin: -8.125rem auto 0;}
.main_wrap .ms2 .chart_box {display: flex; gap: 2.5rem;}
.main_wrap .ms2 .chart_box > .item{width: 50%; display: flex;}

/* main section3 */
.main_wrap .ms3 { padding: 2.5rem 0; overflow: hidden;}
.main_wrap .ms3 .contbox { display: flex; align-items: center;}
.main_wrap .ms3 .contbox .txtbox { flex: 1; display: flex; flex-direction: column;  align-items: center; padding-bottom: 8rem;}
.main_wrap .ms3 .contbox .txtbox .desc { font-size: 1.688rem; line-height: 1;  font-weight: 500; color: #fff; padding: 0.45rem 1rem; background: #000; margin-bottom: 1.25rem;}
.main_wrap .ms3 .contbox .txtbox .tit {  font-size: 3.125rem; line-height: 1.2;  color: #291d14; text-align: center; margin-bottom: 3.75rem;}
.main_wrap .ms3 .contbox .txtbox .tit .red{font-weight: 900; color: #d54745;}
.main_wrap .ms3 .contbox .txtbox .tit .orange{font-weight: 900; color: #d18c3c;}
.main_wrap .ms3 .contbox .imgbox { display: flex;width: 92%; max-width: 1176px;  margin-left: -20%; margin-right: -14%;}
.main_wrap .ms3 .contbox .imgbox .img{ animation: float 2s ease-in-out infinite;will-change: transform;}

@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-1rem); }
    100% { transform: translateY(0); }
}

/* main section4 */
.main_wrap .ms4 { background: url(../img/ms4_bg.png) no-repeat center / cover;  padding: 6.75rem 0 9rem;}
.main_wrap .ms4 .m_titbox { margin-bottom: 4.375rem;}
.main_wrap .ms4 .m_titbox .m_txt1 {font-weight: 500; color: #ffffff;}
.main_wrap .ms4 .m_titbox .m_txt1 .point {color: #e46d45;}
.main_wrap .ms4 .contbox { display: flex;  gap: 2.5rem;}
.main_wrap .ms4 .contbox > .item { position: relative;  width: calc((100% - 2.5rem* 2) / 3); border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 1.25rem;  background: rgba(148, 163, 175, 0.5); box-shadow: 0 1.5rem 5rem 0 rgba(0, 0, 0, 0.11);  backdrop-filter: blur(1.5rem); display: flex; flex-direction: column;  align-items: center; justify-content: center; padding: 1.25rem 0 2rem; overflow: hidden;}
.main_wrap .ms4 .contbox > .item:hover {transform: translateY(-1.25rem);}
.main_wrap .ms4 .contbox > .item::before {  content: "";  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  background: radial-gradient(circle, transparent 50%, #a7ceff 100%);  opacity: 0.2; pointer-events: none;}
.main_wrap .ms4 .contbox > .item .icon { margin-bottom: -1.3rem;}
.main_wrap .ms4 .contbox > .item .txt { font-size: 1.875rem; line-height: 1.26;  font-weight: 600; color: #fff; text-align: center;}

/* main section5 */
.main_wrap .ms5 {  padding-top: 8.75rem;}
.main_wrap .ms5 .m_titbox .bar { width: 32px; height: 3px; background: #000; margin: 1.25rem auto 1.875rem;}
.main_wrap .ms5 .m_titbox .m_txt2 .point { color: #e46d45;}
.main_wrap .ms5 .swiper_box {position: relative;}
.main_wrap .ms5 .swiper_box .ms5_deco {display: flex; position: absolute;}
.main_wrap .ms5 .swiper_box .ms5_deco.deco1 { width: 30%; max-width: 32.625rem; left: 0%;  top: 16%;}
.main_wrap .ms5 .swiper_box .ms5_deco.deco2 { width: 40%; max-width: 23.125rem;  right: 8%; top: 30%}
.main_wrap .ms5 .swiper_box .ms5_deco.deco3 { width: 25%; max-width: 28.75rem; z-index: 10; right: 4%; top: 18%;}
.main_wrap .ms5 .swiper_box .ms5_deco.deco4{display: none;}
.main_wrap .ms5 .swiper_box .ms5_deco.deco5{display: none;}
.main_wrap .ms5 .ms5_swiper {width: 100%; padding-top: 7.25rem; padding-bottom: 8.75rem;}
.main_wrap .ms5 .ms5_swiper .swiper-slide { width: 32%; max-width: 406px;}
.main_wrap .ms5 .ms5_swiper .swiper-slide .imgbox { position: relative;display: flex;  margin-bottom: 2rem;}
.main_wrap .ms5 .ms5_swiper .swiper-slide .imgbox::before { content: ""; background: url(../img/ms5_phone_shadow.png) no-repeat center / contain; position: absolute; right: -15%; top: -8%; width: 144%; aspect-ratio: 1 / 1.62587;}
.main_wrap .ms5 .ms5_swiper .swiper-slide .imgbox > img { position: relative;  display: block;}
.main_wrap .ms5 .ms5_swiper .swiper-slide .sns_icons { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-bottom: 1rem;}
.main_wrap .ms5 .ms5_swiper .swiper-slide .txt {  font-size: 1.875rem; font-weight: 600;  color: #000;  text-align: center;}

/* main section6 */
.main_wrap .ms6 {  padding: 7.5rem 0 9.375rem;}
.main_wrap .ms6 .m_titbox { margin-bottom: 3.125rem;}
.main_wrap .ms6 .contbox {display: flex; flex-direction: column; gap: 1.875rem;}
.main_wrap .ms6 .contbox > .item { display: flex; align-items: center; gap: 2.5rem;}
.main_wrap .ms6 .contbox > .item .imgbox {width: 50%; display: flex;}
.main_wrap .ms6 .contbox > .item .txtbox {width: 50%; display: flex;  flex-direction: column;}
.main_wrap .ms6 .contbox > .item .txtbox .icon { display: block;  width: 2.5rem;  margin-bottom: 1.25rem;}
.main_wrap .ms6 .contbox > .item .txtbox .tit {  font-size: 1.875rem;  line-height: 1.1333; font-weight: 300;  color: #000000; margin-bottom: 1.25rem;}
.main_wrap .ms6 .contbox > .item .txtbox .tit .point { font-weight: 600; color: #d54745;}
.main_wrap .ms6 .contbox > .item .txtbox .desc { font-size: 1.25rem; line-height: 1.4;  font-weight: 500;  color: #4f473b;}
.main_wrap .ms6 .contbox > .item:nth-child(even) { flex-direction: row-reverse;  gap: 5rem;}
.main_wrap .ms6 .contbox > .item:nth-child(even) .txtbox { align-items: flex-end;  text-align: right;}

/* main section7 */
.main_wrap .ms7 { background: #fdf9f3; padding: 5.938rem 0 8.125rem;}
.main_wrap .ms7 .m_titbox { margin-bottom: 4.375rem;}
.main_wrap .ms7 .m_titbox .m_txt1 { margin-bottom: 1.875rem;}
.main_wrap .ms7 .ms7_swiper { width: calc(100% + 1rem* 2); margin: 0 -1rem; padding: 0 1rem 8.125rem;}
.main_wrap .ms7 .ms7_swiper .swiper-slide { position: relative;  width: 31%; max-width: 400px; height: auto; align-self: stretch; display: flex; flex-direction: column;}
.main_wrap .ms7 .ms7_swiper .swiper-slide::before { content: ""; background: url(../img/ms7_item_bg.png) no-repeat center / contain; width: 110%; aspect-ratio: 1 / 1.30963;  position: absolute; left: 50%; top: -4%; transform: translateX(-50%);}
.main_wrap .ms7 .ms7_swiper .swiper-slide .imgbox { position: relative; display: flex; align-items: center;  justify-content: center;  width: 100%; border-radius: 2.5rem 2.5rem 0 0; overflow: hidden;}
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox { position: relative; flex: 1; background: #fff;  padding: 1.125rem 1.625rem 1.625rem; border-radius: 0 0 2.5rem 2.5rem; overflow: hidden;}
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info { display: flex; align-items: center; gap: 1rem;  margin-bottom: 1.25rem;}
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .thumbox {width: 3.75rem;  aspect-ratio: 1 / 1;  border-radius: 50%;  border: 1px solid #614a3e; display: flex;  align-items: center;  justify-content: center; overflow: hidden;}
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .thumbox > img{width: 100%; height: 100%; object-fit: cover;}
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .titbox { flex: 1;}
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .titbox .name{ font-size: 1.25rem; line-height: 1.2;  color: #000000; }
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .titbox .company { font-size: 1rem;  line-height: 1.5; color: #000;}
.main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .content { font-size: 1rem;  line-height: 1.5;  color: #000000; word-break: keep-all;}

/* main section8 */
.main_wrap .ms8 { padding: 6.25rem 0 9.188rem;}
.main_wrap .ms8 .m_titbox { margin-bottom: 6.25rem;}
.main_wrap .ms8 .ms8_swiper{width: 100%; padding: 0 2.5rem;}
.main_wrap .ms8 .ms8_swiper .swiper-slide{width: 290px;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .imgbox { 
    width: 300px;
    height: 424px;
    /* aspect-ratio: 1 / 1;   */
    overflow: hidden; 
    display: flex;
}
.main_wrap .ms8 .ms8_swiper .swiper-slide .imgbox a > img { width: 100%; height: 100%;  object-fit: cover;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox { position: relative; padding: 0.938rem}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .icon { display: flex; align-items: center;  gap: 0.5rem;  margin-bottom: 0.75rem;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .icon .img { width: 1.875rem;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .icon .txt { flex: 1; font-size: 0.75rem; font-weight: 600; color: #000;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .tit { font-size: 1rem;  font-weight: 600; line-height: 1.5; color: #000;  margin-bottom: 0.75rem;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .desc { font-size: 0.75rem; font-weight: 500;  color: #717171;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .desc .apply{color: #0e0725;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .desc .percent{color: #0e0725;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .desc .percent.over{color: #c40000;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .badgebox{display: flex; gap: 0.5rem; margin-top: 1.25rem;}
.main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .badgebox .badge{font-size: 0.75rem; font-weight: 500; color: #2f4368; background: #fff;  border: 1px solid #afbcc8; border-radius: 100px; padding: 0.25rem 0.75rem;}
.main_wrap .ms8 .button_box { margin-top: 3.75rem;}
.main_wrap .ms8 .button_box .button { gap: 1.5rem;}

/* main section9 */
.main_wrap .ms9 { padding-bottom: 4.875rem;}
.main_wrap .ms9 .m_titbox { margin-bottom: 3.75rem;}
.main_wrap .ms9 .accordion { position: relative; width: 100%; border-top: 1px solid #412415;}
.main_wrap .ms9 .accordion > li { border-bottom: 1px solid #412415;}
.main_wrap .ms9 .accordion > li .acc_tit {  padding: 1rem;  display: flex; align-items: center; gap: 1rem; cursor: pointer;}

.main_wrap .ms9 .accordion > li .acc_tit .q { font-size: 2.125rem; font-weight: 700;  color: #d54745;}
.main_wrap .ms9 .accordion > li .acc_tit .txt { flex: 1; font-size: 1.375rem;  font-weight: 500;  color: #412415;}
.main_wrap .ms9 .accordion > li .acc_tit .arrow {  background: url(../img/acc_arrow.png) no-repeat center / contain; width: 1.063rem; aspect-ratio: 1 / 1;  transition: all 0.4s ease;}
.main_wrap .ms9 .accordion > li.show .acc_tit .arrow {transform: rotate(180deg);}
.main_wrap .ms9 .accordion > li .acc_cont{display: none;}
.main_wrap .ms9 .accordion > li .acc_cont > li { padding: 0 1.25rem 1.25rem 3.5rem;  font-size: 1.125rem;  font-weight: 500; color: #412415;  word-break: keep-all;}

/* main section10 */
.main_wrap .ms10::after { content: "";  position: absolute; left: 0;  bottom: 0;  width: 100%;  height: 5.25rem; background: url(../img/ms10_shadow.png) no-repeat center / cover;  pointer-events: none;}
.main_wrap .ms10 .contbox { display: flex; align-items: flex-end; justify-content: space-between;}
.main_wrap .ms10 .contbox .txtbox { flex: 1; display: flex; flex-direction: column;  align-items: flex-start;  padding-bottom: 5rem;}
.main_wrap .ms10 .contbox .txtbox .m_txt1 { margin-bottom: 3rem;}
.main_wrap .ms10 .contbox .txtbox .m_txt2 { margin-bottom: 2.875rem;}
.main_wrap .ms10 .contbox .txtbox .button { gap: 2rem;}
.main_wrap .ms10 .contbox .imgbox { display: flex; align-items: center;  justify-content: center;  width: 64%;  max-width: 817px;}

/* main section11 */
.main_wrap .ms11 { padding: 7.875rem 0 10.813rem; overflow: hidden;}
.main_wrap .ms11 .bg { background: url(../img/ms11_bg.png) no-repeat center / cover;  position: absolute; left: 50%; bottom: -24%; transform: translateX(-50%);  width: 93%;  max-width: 1766px;  aspect-ratio: 1 / 0.3980;}
.main_wrap .ms11 .m_titbox { display: flex; flex-direction: column; align-items: center;}
.main_wrap .ms11 .m_titbox .m_txt1 { margin-bottom: 2.8rem;}
.main_wrap .ms11 .m_titbox .m_txt2 { margin-bottom: 2.5rem;}
.main_wrap .ms11 .m_titbox .m_txt3 { line-height: 2.125; margin-bottom: 3.375rem;}
.main_wrap .ms11 .m_titbox .button {  gap: 2rem;}

/* main section12 */
.main_wrap .ms12 { background: url(../img/ms12_bg.png) no-repeat center / cover;  padding: 6.875rem 0 5.625rem;}
.main_wrap .ms12 .m_titbox { display: flex;flex-direction: column; align-items: center;  gap: 8rem;}
.main_wrap .ms12 .m_titbox .m_txt1 { color: #fff;}
.main_wrap .ms12 .m_titbox .m_txt1 .point{ color: #f5b56a;}
.main_wrap .ms12 .button{gap: 1.125rem;}

/* main section13 */
.main_wrap .ms13 {  padding: 9.375rem 0 5.375rem; overflow: hidden;}
.main_wrap .ms13 .m_titbox { margin-bottom: 5.625rem;}
.main_wrap .ms13 .m_titbox .m_txt2 { margin-bottom: 1.5rem;}
.main_wrap .ms13 .swiperbox { position: relative; width: 100%}
.main_wrap .ms13 .swiperbox .prev_btn, 
.main_wrap .ms13 .swiperbox .next_btn { width: auto;  height: auto;  top: 50%;  margin: 0;  transform: translateY(-50%);}
.main_wrap .ms13 .swiperbox .prev_btn { left: calc(-1.875rem - 13px);}
.main_wrap .ms13 .swiperbox .next_btn { right: calc(-1.875rem - 13px);;}
.main_wrap .ms13 .swiperbox .scrollbar{position: absolute; left: -9999px; top: -9999px; opacity: 0; pointer-events: none;}
.main_wrap .ms13 .ms13_swiper { width: 100%}
.main_wrap .ms13 .ms13_swiper .swiper-slide{display: flex;}



/* sub */
.sub_top {background: no-repeat center/cover;  padding-top: 8.563rem; margin-bottom: 4.375rem; height: 432px; display: flex;flex-direction: column;justify-content: flex-end;}
.sub_top .titbox { margin-bottom: 4.375rem;  padding: 0 2.5rem;}
.sub_top .titbox .tit {  padding-left: 0.625rem;  font-size: 2.5rem;  font-weight: 700;  line-height: 1.25;  color: #fff;  margin-bottom: 1rem;}
.sub_top .titbox .desc { font-family: var(--font2); font-size: 1rem;  line-height: 1.5;  font-weight: 700;  color: #fff;  margin-bottom: 2rem; text-transform: uppercase;}
.sub_top .titbox .badgebox { display: flex; align-items: center;  gap: 0.625rem;}
.sub_top .titbox .badgebox .badge { font-size: 1rem;  font-weight: 600;  color: #fff;  border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.2);  padding: 0.5rem 1.165rem;  border-radius: 100px;}
.sub_top .tabnav { display: flex;}
.sub_top .tabnav .tab {  width: 100%; height: 4rem; background: #f4f5f6; text-align: center;  font-size: 1.25rem; font-weight: 600; color: #666666; box-shadow: inset -1px 0px 0px 0px #d4d8dc;transition: all 0.4s ease;}
.sub_top .tabnav .tab:hover { background: #d3d3d3;color: #000000;}
.sub_top .tabnav .tab.on { background: #fff; color: #000000; font-size: 1.375rem;}
.sub_top .tabnav .tab > .link{width: 100%;height: 100%; display: flex; align-items: center; justify-content: center;}
.sub_section {position: relative; width: 100%;}



/* 상품소개 */
.product_wrap .ss1 {  margin-bottom: 8.75rem;}
.product_wrap .ss1 .titbox { display: flex; flex-direction: column; align-items: center;  text-align: center;  margin-bottom: 3.125rem;}
.product_wrap .ss1 .titbox .iconbox { display: flex; align-items: center;  justify-content: center; gap: 1.125rem; margin-bottom: 1.25rem;}
.product_wrap .ss1 .titbox .title { font-size: 2.5rem; line-height: 1.25; font-weight: 700; color: #000000; margin-bottom: 1.5rem;}
.product_wrap .ss1 .titbox .title .point {color: var(--color1)}
.product_wrap .ss1 .titbox .desc { font-size: 1.25rem; font-weight: 500; color: #000000;}
.product_wrap .ss1 .titbox .btnbox { display: flex;  align-items: center; gap: 0.625rem; margin-top: 2.5rem;}
.product_wrap .ss1 .titbox .btnbox .btn { width: 150px;  height: 48px;  font-size: 1rem;  font-weight: 700;  color: #f3f3f3; background: #a1a1a1; border-radius: 0.438rem;  display: flex; align-items: center; justify-content: center; transition: all 0.4s ease;}
.product_wrap .ss1 .titbox .btnbox .btn:hover {background: #666;}
.product_wrap .ss1 .titbox .btnbox .btn.active_btn { color: #ffffff; background: var(--color1);}
.product_wrap .ss1 .titbox .btnbox .btn.active_btn:hover {background: #000;}
.product_wrap .ss1 .contbox { position: relative;}
.product_wrap .ss1 .contbox .deco_txt{position: absolute; left: 50%; bottom: 0;  transform: translateX(-50%); font-family: var(--font3); font-size: 18.75rem;  font-weight: 700; color: #f3f3f3;  line-height: 1;}
.product_wrap .ss1 .contbox .imgbox { position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.product_wrap .ss1 .contbox .imgbox .deco{position: absolute; display: flex;}
.product_wrap .ss1 .contbox .imgbox .prd_swiper { width: 100%; overflow: visible;  padding-left: 3.5rem;}
.product_wrap .ss1 .contbox .imgbox .prd_swiper .swiper-slide{position: relative;width: 378px;}
.product_wrap .ss1 .contbox .imgbox .prd_swiper .swiper-slide::before { content: "";  background: url(../img/prd_insta_shadow.png) no-repeat center / contain; position: absolute;  right: -13%; top: -8%; width: 144%; aspect-ratio: 1 / 1.62587;}
.product_wrap .ss1 .contbox .imgbox .prd_swiper .swiper-slide > img{position: relative;}

.product_wrap .ss2 .title { font-size: 2.5rem; font-weight: 700; color: #000000;  text-align: center;  margin-bottom: 5rem;}
.product_wrap .ss2 .title .color {color: vaR(--color1);}
.product_wrap .ss2 .contwrap { display: flex; flex-direction: column; gap: 2.5rem;}
.product_wrap .ss2 .contbox { display: flex; gap: 2.5rem;}
.product_wrap .ss2 .contbox > .item { display: flex; flex-direction: column;  align-items: center;  border: 1px solid #e0e0e0; border-radius: 1.25rem;  background: #fff; box-shadow: 0 0.313rem 0.938rem 0 rgba(0, 0, 0, 0.07); text-align: center;}
.product_wrap .ss2 .contbox.ver1 > .item { width: calc((100% - 2.5rem* 2) / 3);  padding: 1.625rem 2rem 1.125rem;}
.product_wrap .ss2 .contbox.ver2 > .item { width: calc((100% - 2.5rem) / 2);  padding: 2.5rem 2rem 2.875rem;}
.product_wrap .ss2 .contbox > .item > .tit { font-size: 1.5rem; font-weight: 700;  line-height: 1.25; color: #000; margin-bottom: 1rem;}
.product_wrap .ss2 .contbox > .item > .imgbox { width: 100%; display: flex;  margin-bottom: 1.125rem;}
.product_wrap .ss2 .contbox > .item > .txtbox { position: relative; width: 100%;  margin-bottom: 0.625rem;  padding: 0.813rem 0 1.875rem;}
.product_wrap .ss2 .contbox > .item > .txtbox::before {  content: "";  background: url(../img/prd_balloon.png) no-repeat center / contain;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%; pointer-events: none;}
.product_wrap .ss2 .contbox > .item > .txtbox .tit { position: relative; font-size: 1.125rem; font-weight: 700; color: #15dd7c; margin-bottom: 0.5rem;}
.product_wrap .ss2 .contbox > .item > .txtbox .desc{ position: relative; font-size: 1.25rem;font-weight: 600; color: #fff;}
.product_wrap .ss2 .contbox > .item > .profile { display: flex; width: 5rem;  aspect-ratio: 1 / 1;  overflow: hidden;}
.product_wrap .ss2 .contbox > .item > .profile > img{width: 100%; height: 100%; object-fit: cover;}
.product_wrap .ss2 .contbox.ver2 > .item > .imgbox { margin-bottom: 1.875rem;}
.product_wrap .ss2 .contbox > .item > .txtbox2 .tit { font-size: 1.25rem;  font-weight: 600; color: #000000;  margin-bottom: 1rem;}
.product_wrap .ss2 .contbox > .item > .txtbox2 .desc{font-size: 1rem; font-weight: 600; line-height: 1.5; color: #666666;}
.product_wrap .ss2 .contbox > .item > .txtbox2 .desc .bold{color: #000000;}
.product_wrap .ss2 .contbox > .item > .txtbox2 .desc .tit { display: block; font-size: 1rem; color: #666666; margin-bottom: 0.313rem;}
.product_wrap .ss2 .last_txt{font-size: 1.5rem; font-weight: 600; color: #000000; margin-top: 3.125rem; text-align: center;}
.product_wrap .ss2 .last_txt .color{color: #048b4a;}

.product_wrap .ss3 { margin: 9.375rem 0; overflow: hidden;}
.product_wrap .ss3 > .inner { display: flex; align-items: flex-end;  justify-content: space-between;}
.product_wrap .ss3 .txtbox { padding: 2.313rem 2.5rem 1.688rem; display: flex; flex-direction: column;  align-items: flex-start;}
.product_wrap .ss3 .txtbox .tit { font-size: 1.375rem; font-weight: 600;  line-height: 1.363;  color: #fff; margin-bottom: 1.25rem;}
.product_wrap .ss3 .txtbox .button { width: 150px; height: 48px;  font-size: 1rem;  font-weight: 700; padding: 0; display: flex;align-items: center; justify-content: center;}
.product_wrap .ss3 .imgbox { width: 52%; max-width: 643px;  background: url(../img/prd_banner_deco.png) no-repeat center / contain; aspect-ratio: 1 / 0.287713;  margin-bottom: -1rem;}

.product_wrap .ss4{overflow: hidden;}
.product_wrap .ss4 .titbox { display: flex;  flex-direction: column;  align-items: center;  text-align: center;  margin-bottom: 4.25rem;}
.product_wrap .ss4 .titbox .tit { font-size: 2.5rem; font-weight: 700;  color: #000000; margin-bottom: 2rem;}
.product_wrap .ss4 .titbox .sub { font-size: 1.8758rem; font-weight: 700; color: #000;  margin-bottom: 2rem;}
.product_wrap .ss4 .titbox .desc { font-size: 1.5rem; font-weight: 600; color: #000000;  margin-top: 2rem;}
.product_wrap .ss4 .numbox { display: flex; width: 100%; max-width: 742px; margin: 0 auto 3.563rem;}
.product_wrap .ss4 .numbox > .item { width: 50%; border-right: 1px solid #b7b7b7;  padding: 0.25rem 1.25rem;  display: flex; flex-direction: column;  gap: 1.25rem;}
.product_wrap .ss4 .numbox > .item:nth-child(1) { border-left: 1px solid #b7b7b7;}
.product_wrap .ss4 .numbox > .item .tit { font-size: 1.25rem; font-weight: 700;  color: #000;}
.product_wrap .ss4 .numbox > .item .desc { font-size: 2.813rem; font-weight: 700; text-align: right;}
.product_wrap .ss4 .contbox { display: flex; flex-direction: column; align-items: center;  text-align: center;  gap: 5rem;}
.product_wrap .ss4 .contbox .desc {  max-width: 660px;  font-size: 1.125rem;  font-weight: 500;  line-height: 1.6;  color: #000000; word-break: keep-all;}
.product_wrap .ss4 .contbox .imgbox {display: flex;}
.product_wrap .ss4 .contbox .imgbox.mob_ver{display: none;}



/* 블로그 체험단 */
.blog_wrap {--color1 : #17bc78 }
.blog_wrap .sub_top{background-image: url(../img/prd_blog_top.png);}
.blog_wrap .ss1 {  margin-bottom: 6rem;}
.blog_wrap .ss1 .titbox { margin-bottom: 1.125rem;}
.blog_wrap .ss1 .titbox .title .point { color: #5043ce;}
.blog_wrap .ss1 .contbox .deco_txt { bottom: 4%;}
.blog_wrap .ss1 .contbox .imgbox {max-width: 533px;}
.blog_wrap .ss1 .contbox .imgbox .deco1 { width: 22%; max-width: 116px; top: 49%;  right: -3%;  transform: translateY(-50%);}
.blog_wrap .ss1 .contbox .imgbox .deco2 { width: 43%;  max-width: 227px; top: 32%;  left: -10%;  transform: translateY(-50%);}
.blog_wrap .ss1 .contbox .imgbox .deco3 { width: 28%; max-width: 146px; bottom: 0%;  right: 2%;}
.blog_wrap .ss1 .contbox .imgbox .img { position: relative;  margin-left: -18%;}
.blog_wrap .ss2 .title .color {color: inherit;}
.blog_wrap .ss2 .contbox > .item > .txtbox2 .tit .color{color:#048b4a}
.blog_wrap .ss3 {background: var(--color1)}
.blog_wrap .ss4 .numbox > .item .desc {color: var(--color1)}
.blog_wrap .ss4 .contbox .imgbox { margin-left: -15%;  margin-bottom: -12%; width: 84.5%; max-width: 1600px;}



/* 인스타 체험단 */
.insta_wrap {--color1 : #5342d6 }
.insta_wrap .sub_top{background-image: url(../img/prd_insta_top.png);}
.insta_wrap .ss1 .titbox { margin-bottom: 4.375rem;}
.insta_wrap .ss1 .contbox .imgbox { max-width: 817px;}
.insta_wrap .ss1 .contbox .imgbox .deco1 { width: 36%;  max-width: 291px; top: -9.5%;  right: -14%;}
.insta_wrap .ss1 .contbox .imgbox .deco2 { width: 12%; max-width: 94px; top: 57%;  left: 71%;  transform: translateY(-50%);}
.insta_wrap .ss1 .contbox .imgbox .deco3 { width: 28%; max-width: 227px; top: 30%; left: 0%;}
.insta_wrap .ss1 .contbox .imgbox .deco4 { width: 18%; max-width: 146px; bottom: -5%;   right: -14%;}
.insta_wrap .ss2 .contbox > .item > .txtbox2 .tit .color  {color: var(--color1)}
.insta_wrap .ss3 { background: url(../img/prd_insta_banner.png) no-repeat center / cover;}
.insta_wrap .ss4 .numbox > .item .desc {color: var(--color1)}
.insta_wrap .ss4 .numbox > .item .desc.color2 {color: #990987}
.insta_wrap .ss4 .contbox .prd_swiper2 { max-width: 100%; overflow: visible; padding-bottom: 7.5rem;  padding-left: 7.813rem;}
.insta_wrap .ss4 .contbox .prd_swiper2 .swiper-slide { position: relative; width: 24%;  max-width: 318px;}
.insta_wrap .ss4 .contbox .prd_swiper2 .swiper-slide::before { content: "";  background: url(../img/prd_insta_cont_shadow.png) no-repeat center / contain; position: absolute;  right: -22%;  top: 2%; width: 114.25%; aspect-ratio: 1 / 1.90358;}
.insta_wrap .ss4 .contbox .prd_swiper2 .swiper-slide > img {position: relative;}



/* 유튜브 체험단 */
.youtube_wrap {--color1 : #e6211a }
.youtube_wrap .header .h_nav > li {color: #fff;}
.youtube_wrap .header .h_right .call_txt {color: #fff;}
.youtube_wrap .sub_top{background-image: url(../img/prd_ytb_top.png);}
.youtube_wrap .sub_top .titbox .badgebox .badge { border-color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.2);  color: rgba(255, 255, 255, 0.9);}
.youtube_wrap .ss1 .titbox { margin-bottom: 4.25rem;}
.youtube_wrap .ss1 .contbox .imgbox { max-width: 1370px; margin-top: -2%;}
.youtube_wrap .ss1 .contbox .deco_txt { bottom: 7%;}
.youtube_wrap .ss1 .contbox .imgbox .deco1 { width: 39%; max-width: 527px; top: 3.5%;  left: 1%; z-index: 2;}
.youtube_wrap .ss1 .contbox .imgbox .deco2 { width: 17%; max-width: 227px;  top: -2%;  left: 20%;  z-index: 1;}
.youtube_wrap .ss1 .contbox .imgbox .deco3 { width: 11%; max-width: 146px; bottom: 2%;  right: 12%;}
.youtube_wrap .ss1 .contbox .imgbox .img1 { width: 62%; max-width: 837px; z-index: 5;}
.youtube_wrap .ss1 .contbox .imgbox .img2 { width: 39%; max-width: 533px; margin-left: -5%; z-index: 5;}
.youtube_wrap .ss2 .contbox > .item > .txtbox2 .tit .color {color: var(--color1)}
.youtube_wrap .ss2 .last_txt .color {color: var(--color1)}
.youtube_wrap .ss3 { background: var(--color1)}
.youtube_wrap .ss4 .numbox > .item .desc {color: #5342d6}
.youtube_wrap .ss4 .numbox > .item .desc.color2 {color: #990987}
.youtube_wrap .ss4 .contbox .imgbox { margin-left: -15%;  margin-bottom: -12%; width: 84.5%; max-width: 1600px;}



/* 숏폼 체험단 */
.shortform_wrap {--color1 : #059faf }
.shortform_wrap .sub_top{background-image: url(../img/prd_shortform_top.png);}
.shortform_wrap .ss1 { margin-bottom: 6rem;}
.shortform_wrap .ss1 .titbox { margin-bottom: 7.313rem;}
.shortform_wrap .ss1 .contbox .imgbox { max-width: 817px;}
.shortform_wrap .ss1 .contbox .deco_txt { bottom: 7%;}
.shortform_wrap .ss1 .contbox .imgbox .deco1 { width: 36%;  max-width: 291px; top: -9.5%;  right: -12%;}
.shortform_wrap .ss1 .contbox .imgbox .deco2 { width: 12%; max-width: 91px; top: 55%;  left: 17%;  transform: translateY(-50%);}
.shortform_wrap .ss1 .contbox .imgbox .deco3 { width: 28%; max-width: 227px; top: 10%; left: -1%;}
.shortform_wrap .ss1 .contbox .imgbox .deco4 { width: 18%; max-width: 146px; bottom: 2%;
 right: -14%;}
.shortform_wrap .ss1 .contbox .imgbox .prd_swiper { padding-left: 1.25rem;}
.shortform_wrap .ss1 .contbox .imgbox .prd_swiper .swiper-slide {margin-right: 1.875rem !important;}
.shortform_wrap .ss2 .contbox > .item > .txtbox2 .tit .color  {color: var(--color1)}
.shortform_wrap .ss3 { background: url(../img/prd_shortform_banner.png) no-repeat center / cover; margin-top: 14.25rem;}
.shortform_wrap .ss4 .numbox > .item .desc {color: var(--color1)}
.shortform_wrap .ss4 .numbox > .item .desc.color2 {color: #990987}
.shortform_wrap .ss4 .titbox { margin-bottom: 6.25rem;}
.shortform_wrap .ss4 .contbox .prd_swiper2 { max-width: 100%; overflow: visible;     padding-bottom: 12.5rem; padding-left: 7.813rem;}
.shortform_wrap .ss4 .contbox .prd_swiper2 .swiper-slide { position: relative; width: 24%;  max-width: 318px;}
.shortform_wrap .ss4 .contbox .prd_swiper2 .swiper-slide::before { content: "";  background: url(../img/prd_insta_cont_shadow.png) no-repeat center / contain; position: absolute;  right: -22%;  top: 2%; width: 114.25%; aspect-ratio: 1 / 1.90358;}
.shortform_wrap .ss4 .contbox .prd_swiper2 .swiper-slide .img {
    position: relative;
    background: url(../img/mobile_bg.png) no-repeat center / contain;
    aspect-ratio: 1 / 2.0345911;
    overflow: hidden;
}
.shortform_wrap .ss4 .contbox .prd_swiper2 .swiper-slide .img > img {
    background: url(../img/mobile_frame.png) no-repeat center / contain;
    mask: url(../img/mobile_frame.png) no-repeat center / contain;
    -webkit-mask: url(../img/mobile_frame.png) no-repeat center / contain;
    aspect-ratio: 1 / 2.0345911;
}



/* 스마트스토어 체험단 */
.smart_wrap {--color1 : #17bc78 }
.smart_wrap .sub_top{background-image: url(../img/prd_smart_top.png);}
.smart_wrap .ss1 .titbox { margin-bottom: 5rem;}
.smart_wrap .ss1 .contbox .deco_txt { bottom: 4%;}
.smart_wrap .ss1 .contbox .imgbox { max-width: 991px;}
.smart_wrap .ss1 .contbox .imgbox .deco1 { width: 38%; max-width: 369px; top: -6%;  left: -3%; z-index: 2;}
.smart_wrap .ss1 .contbox .imgbox .deco2 { width: 9%; max-width: 82px; top: 59%; right: -4.5%; transform: translateY(-50%);}
.smart_wrap .ss1 .contbox .imgbox .deco3 { width: 23%;  max-width: 227px; top: -1%;  left: -1%;  z-index: 1;}
.smart_wrap .ss1 .contbox .imgbox .deco4 { width: 15%; max-width: 146px; bottom: -4%;  right: 15%;}
.smart_wrap .ss1 .contbox .imgbox .img { position: relative; margin-left: -3%; z-index: 5;}
.smart_wrap .ss2 .contbox.ver2 > .item {width: 100%;}
.smart_wrap .ss2 .contbox.ver2 > .item > .tit { margin-bottom: 1.5rem;}
.smart_wrap .ss2 .contbox.ver2 > .item > .imgbox { margin: 0; justify-content: center;}
.smart_wrap .ss2 .last_txt { color: #666666;}
.smart_wrap .ss2 .last_txt .bold {color: #000000;}
.smart_wrap .ss3 {background: var(--color1)}
.smart_wrap .ss4 .numbox > .item .desc {color: var(--color1)}
.smart_wrap .ss4 .contbox .imgbox { margin-left: -15%;  margin-bottom: -12%; width: 84.5%; max-width: 1600px;}



/* 진행과정 */
.progress_wrap .sub_top{background-image: url(../img/progress_top.png); margin-bottom: 7.5rem;}
.progress_wrap .titbox .tit {padding: 0; color: #0f0c20; margin-bottom: 2rem;}
.progress_wrap .titbox .desc { color: #0f0c20; font-family: var(--font1);  font-size: 1.125rem; font-weight: 500; margin-bottom: 0;}

.progress_wrap .ss1 { margin-bottom: 8rem; }
.progress_wrap .ss1 .m_titbox { margin-bottom: 6rem; }
.progress_wrap .ss1 .m_titbox .m_txt1{font-size: 2.5rem; font-weight: 700;} 
.progress_wrap .ss1 .m_titbox .m_txt1 .point{color: #e46d45;} 
.progress_wrap .ss1 .imgbox { display: flex; margin-right: -11rem;}

.progress_wrap .ss2 { background: #f5f6f7;  margin-bottom: 9.375rem; overflow: hidden;}
.progress_wrap .ss2 .progress_swiper { width: 100%;}
.progress_wrap .ss2 .progress_swiper .swiper-slide { display: flex; justify-content: space-between;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox {  flex: 1;  max-width: 538px;  padding-top: 3.75rem;  padding-right: 2.5rem;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox { display: flex;  align-items: flex-start; justify-content: space-between; margin-bottom: 2rem;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox .left { flex: 1;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox .left .step {  font-family: var(--font3); font-size: 1.75rem; font-weight: 700;  line-height: 1;  text-transform: uppercase;  color: #afa5a4;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox .left .num {  font-family: var(--font4); font-size: 6.875rem;  font-weight: 700; line-height: 1;  color: #afa5a4;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox .right .icon {  width: 5rem;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .tit { font-size: 2.125rem;  font-weight: 700;  color: #000000; margin-bottom: 1.875rem;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .desc { font-size: 1.5rem;  font-weight: 500; color: #292929; word-break: keep-all;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .imgbox { display: flex;  align-items: center;  justify-content: center;  width: 540px;}
.progress_wrap .ss2 .progress_swiper .swiper-slide .imgbox > img {width: 100%; height: 100%; object-fit: cover;}
.progress_wrap .ss2 .progress_swiper .prev_btn, 
.progress_wrap .ss2 .progress_swiper .next_btn { width: 3.75rem;  height: auto;  aspect-ratio: 1 / 1; top: auto; margin: 0; bottom: 0;}
.progress_wrap .ss2 .progress_swiper .prev_btn {left: calc(100% - 540px - 3.75rem);}
.progress_wrap .ss2 .progress_swiper .next_btn {right: auto; left: calc(100% - 540px);}
.progress_wrap .ss2 .progress_swiper .scrollbar { position: absolute; left: -999px;  top: -999px;  opacity: 0;  pointer-events: none;}



/* 제안서받기 */
.proposal_wrap .container .inner {max-width: 1200px;}
.proposal_wrap .ss1 { padding-top: 10rem; margin-bottom: -7rem;}
.proposal_wrap .ss1 .contbox { display: flex; align-items: flex-start; justify-content: space-between;}
.proposal_wrap .ss1 .contbox .txtbox { padding-top: 2.5rem; flex: 1;}
.proposal_wrap .ss1 .contbox .txtbox .tit1 { font-size: 2.125rem; font-weight: 700;  line-height: 1.235; color: #000000; margin-bottom: 1rem;}
.proposal_wrap .ss1 .contbox .txtbox .tit2 { font-size: 3.125rem; font-weight: 700;  line-height: 1.235; color: #000000; margin-bottom: 1.875rem;}
.proposal_wrap .ss1 .contbox .txtbox .desc { font-size: 1.5rem;  font-weight: 500;  color: #666666;}
.proposal_wrap .ss1 .contbox .imgbox { width: 64%; max-width: 788px; display: flex; margin-left: -5%;}

.proposal_wrap .ss2 {margin-bottom: 9.375rem;}
.proposal_wrap .ss2 .m_titbox { text-align: left; margin-bottom: 1.5rem;}
.proposal_wrap .ss2 .m_titbox .kr_txt { font-size: 2rem; font-weight: 600; color: #000000;  margin-bottom: 0.5rem;}
.proposal_wrap .ss2 .m_titbox .en_txt { font-size: 1rem; font-weight: 600; color: #000;}
.proposal_wrap .ss2 .form { width: 100%; display: flex;  flex-direction: column; gap: 1.25rem;}
.proposal_wrap .ss2 .form .form_item { border-bottom: 2px solid #000000; display: flex;  align-items: center;  gap: 1rem;}
.proposal_wrap .ss2 .form .form_item .input_tit { font-size: 1.3rem; font-weight: 600;  color: #000;  padding: 1.25rem 1rem; width: 100px;}
.proposal_wrap .ss2 .form .form_item .input_text {  flex: 1;  font-size: 1.3rem;  font-weight: 600;  color: #333333; width: 100%; border: none;}
.proposal_wrap .ss2 .form .form_item .input_text::placeholder{color: #949494;}
.proposal_wrap .ss2 .form .form_item .select { flex: 1; font-size: 1.3rem; font-weight: 600; color: #949494; width: 100%; border: none; background: url(../img/select_arrow.png) no-repeat right 1.5rem center / 0.875rem; appearance: none; cursor: pointer;  padding-right: 3.5rem;}
.proposal_wrap .ss2 .form .form_item .select.selected { color: #333333;} 
.proposal_wrap .ss2 .form .form_item.chk {align-items: flex-start;}
.proposal_wrap .ss2 .form .form_item .input_check { position: relative;  width: 1.5rem; height: 1.5rem;  border: 1.7px solid #000; background: #fff;  border-radius: 0.3rem; cursor: pointer;  appearance: none;}
.proposal_wrap .ss2 .form .form_item .input_check::before {  content: "";  background: url(../img/checkmark.png) no-repeat center / contain;  position: absolute; left: 50%;  top: 50%;  transform: translate(-50%, -50%); width: 1rem; aspect-ratio: 1 / 1;  opacity: 0;}
.proposal_wrap .ss2 .form .form_item .input_check:checked { background: #000000;}
.proposal_wrap .ss2 .form .form_item .input_check:checked::before{opacity: 1;}
.proposal_wrap .ss2 .form .form_item.chk .input_tit { display: flex; justify-content: center;}
.proposal_wrap .ss2 .form .form_item .term_item { flex: 1; padding: 1.25rem 0;}
.proposal_wrap .ss2 .form .form_item .term_item .term_tit { font-size: 1.3rem; font-weight: 600; color: #949494; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-right: 1.5rem; cursor: pointer;}
.proposal_wrap .ss2 .form .form_item .term_item .term_tit .txt{flex: 1;}
.proposal_wrap .ss2 .form .form_item .term_item .term_tit .txt .mob_show {display: none;}
.proposal_wrap .ss2 .form .form_item .term_item .term_tit .arrow {  background: url(../img/select_arrow.png) no-repeat center / contain; width: 0.875rem; aspect-ratio: 1 / 1;  transition: all 0.4s ease;}
.proposal_wrap .ss2 .form .form_item .term_item.show .term_tit .arrow {transform: rotate(180deg);}
.proposal_wrap .ss2 .form .form_item .term_item .term_cont { display: none;  padding-right: 1.625rem; }
.proposal_wrap .ss2 .form .form_item .term_item .term_cont > li {  font-size: 1rem;  font-weight: 500; line-height: 1.5; color: #949494; height: 330px; overflow: auto;  word-break: keep-all;  padding-right: 4rem; margin-top: 2.813rem; margin-bottom: 1rem;}
.proposal_wrap .ss2 .form .form_item .term_item .term_cont > li::-webkit-scrollbar{width: 8px;}
.proposal_wrap .ss2 .form .form_item .term_item .term_cont > li::-webkit-scrollbar-track{background: #e4e4e4; border-radius: 100px;}
.proposal_wrap .ss2 .form .form_item .term_item .term_cont > li::-webkit-scrollbar-thumb{background: #000000; border-radius: 100px;}
.proposal_wrap .ss2 .btn_box { margin-top: 3.75rem; display: flex; justify-content: center;}
.proposal_wrap .ss2 .btn_box .button { padding: 1.5rem 2.5rem; font-size: 1.5rem;  font-weight: 700;}