/* ============================================
   Main
   ============================================ */
.main {
  margin-top: 100px;
  min-height: calc(100vh - 100px);
}

@media screen and (max-width: 1024px){
	.main{ margin-top: 80px; min-height: calc(100vh - 80px); }
}

@media screen and (max-width: 768px){
	.main{ margin-top: 70px; min-height: calc(100vh - 70px); }
}

@media screen and (max-width: 500px){
	.main{ margin-top: 60px; min-height: calc(100vh - 60px); }
}

/* ============================================
   Common: Wrap1500
   ============================================ */
.wrap1500 {
  max-width: 1500px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 1600px) {
  .wrap1500 {max-width: 100%; width: 93%;}
}











/* ============================================
   Visual Section
   ============================================ */
.visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
  width: 100%;
  background-color: #000000;
}

.visual__content {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  width: 100%;
}

/* Visual Text */
.visual__text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}

.visual__text-line {
  display: flex;
  align-items: center;
  gap: 30px;
}

.visual__text .textUsing02 .tlt2{
  position: absolute;
  left: 50%;
  top: 100%;
}

.visual__text-main {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 100px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
}

.visual__badge {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 20px 0;
  background-color: #E5FF48;
  border-radius: 100px;
  width: 700px;
  overflow: hidden;
  position: relative;
}

.visual__badge-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  animation: scroll-left 15s linear infinite;
  will-change: transform;
  flex-shrink: 0;
  padding: 0 40px;
}

.visual__badge-wrapper--duplicate {
  display: flex;
  align-items: center;
  gap: 10px;
  animation: scroll-left 15s linear infinite;
  will-change: transform;
  flex-shrink: 0;
  padding: 0 40px;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.visual__badge span {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 100px;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  flex-shrink: 0;
  white-space: nowrap;
}

.visual__badge .visual_img_box {
  flex-shrink: 0;
}

/* Visual Cards */
.visual__cards {
  position: relative;
  width: 1223px;
  height: 634px;
  display: grid;
  grid-template-columns: max-content;
  grid-template-rows: max-content;
}

.visual__card {
  position: absolute;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.visual__card-title {
  position: absolute;
  top: 50px;
  left: 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  margin: 0;
  z-index: 2;
}

.visual__card-image {
  position: absolute;
  border-radius: 5px;
  overflow: hidden;
}

.visual__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Card 1: Designer (보라색) */
.visual__card--designer {
  width: 400px;
  height: 549px;
  background-color: #BE71FB;
  transform: rotate(-2.96deg);
  left: 390px;
  top: 65px;
  z-index: 3;
}

.visual__card--designer .visual__card-image {
  width: 380px;
  height: 288px;
  bottom: 10px;
  left: 10px;
}

/* Card 2: Publisher (흰색) */
.visual__card--publisher {
  width: 330px;
  height: 452.571px;
  background-color: #FFFFFF;
  transform: rotate(-16.96deg);
  left: 45px;
  top: 90px;
  z-index: 2;
}

.visual__card--publisher .visual__card-image {
  width: 310px;
  height: 235px;
  bottom: 9.31px;
  left: 9.99px;
}

/* Card 3: Developer (녹색) */
.visual__card--developer {
  width: 330px;
  height: 452.571px;
  background-color: #67E158;
  transform: rotate(30.73deg);
  right: 100px;
  top: 20px;
  z-index: 1;
}

.visual__card--developer .visual__card-image {
  width: 310px;
  height: 235px;
  bottom: 9.57px;
  left: 10.13px;
}

@media screen and (max-width: 1600px){
	.visual__content{width: 93%; margin: 0 auto;}
}

@media screen and (max-width: 1280px){
	.visual{ padding: 80px 0; }
	.visual__content{ gap: 80px; }
	.visual__text-main{ font-size: 80px; }
	.visual__badge{ width: 600px; }
	.visual__badge span{ font-size: 80px; }
	.visual__cards{ width: 1000px; height: 520px; }
	.visual__card-title{ font-size: 26px; top: 40px; left: 25px; }
	.visual__card--designer{ width: 330px; height: 450px; left: 320px; top: 50px; }
	.visual__card--designer .visual__card-image{ width: 310px; height: 235px; }
	.visual__card--publisher{ width: 270px; height: 370px; left: 40px; top: 70px; }
	.visual__card--publisher .visual__card-image{ width: 250px; height: 190px; }
	.visual__card--developer{ width: 270px; height: 370px; right: 80px; top: 20px; }
	.visual__card--developer .visual__card-image{ width: 250px; height: 190px; }
}

@media screen and (max-width: 1024px){
	.visual{ padding: 60px 0; }
	.visual__content{ gap: 60px; }
	.visual__text{ gap: 25px; }
	.visual__text-line{ gap: 20px; }
	.visual__text-main{ font-size: 60px; }
	.visual__badge{ width: 500px; padding: 15px 0; }
	.visual__badge span{ font-size: 60px; }
	.visual__cards{ width: 800px; height: 420px; }
	.visual__card-title{ font-size: 22px; top: 30px; left: 20px; }
	.visual__card--designer{ width: 280px; height: 380px; left: 250px; top: 40px; }
	.visual__card--designer .visual__card-image{ width: 260px; height: 197px; }
	.visual__card--publisher{ width: 230px; height: 315px; left: 30px; top: 60px; }
	.visual__card--publisher .visual__card-image{ width: 210px; height: 159px; }
	.visual__card--developer{ width: 230px; height: 315px; right: 60px; top: 15px; }
	.visual__card--developer .visual__card-image{ width: 210px; height: 159px; }
	.visual__badge .visual_img_box{ width: 50px; }
	.visual__badge .visual_img_box img{ width: 100%; }
}

@media screen and (max-width: 768px){
	.visual{ padding: 50px 0; }
	.visual__content{ gap: 50px; }
	.visual__text{ gap: 20px; }
	.visual__text-line{ gap: 15px; flex-wrap: wrap; justify-content: center; }
	.visual__text-main{ font-size: 40px; }
	.visual__badge{ width: 100%; max-width: 400px; padding: 12px 0; }
	.visual__badge span{ font-size: 40px; }
	.visual__cards{ width: 100%; max-width: 508px; height: 332px; }
	.visual__card-title{ font-size: 17px; top: 19px; left: 14px; }
	.visual__card--designer{ width: 203px; height: 277px; left: 50%; top: 28px; transform: translateX(-50%) rotate(-2.96deg); }
	.visual__card--designer .visual__card-image{ width: 184px; height: 140px; bottom: 8px; left: 10px; }
	.visual__card--publisher{ width: 166px; height: 228px; left: 9px; top: 47px; }
	.visual__card--publisher .visual__card-image{ width: 148px; height: 112px; bottom: 7px; left: 9px; }
	.visual__card--developer{ width: 166px; height: 228px; right: 9px; top: 10px; }
	.visual__card--developer .visual__card-image{ width: 148px; height: 112px; bottom: 7px; left: 9px; }
	.visual__badge .visual_img_box{ width: 40px; }
}

@media screen and (max-width: 500px){
	.visual{ padding: 40px 0; }
	.visual__content{ gap: 40px; }
	.visual__text{ gap: 15px; }
	.visual__text-line{ gap: 10px; }
	.visual__text-main{ font-size: 28px; }
	.visual__badge{ width: 100%; max-width: 280px; padding: 10px 0; }
	.visual__badge-wrapper, .visual__badge-wrapper--duplicate{ padding: 0 20px; }
	.visual__badge span{ font-size: 28px; }
	.visual__cards{ width: 100%; max-width: 323px; height: 258px; }
	.visual__card-title{ font-size: 13px; top: 14px; left: 11px; }
	.visual__card--designer{ width: 148px; height: 203px; left: 50%; top: 28px; transform: translateX(-50%) rotate(-2.96deg); }
	.visual__card--designer .visual__card-image{ width: 133px; height: 101px; bottom: 6px; left: 8px; }
	.visual__card--publisher{ width: 121px; height: 165px; left: 5px; top: 46px; }
	.visual__card--publisher .visual__card-image{ width: 106px; height: 80px; bottom: 5px; left: 8px; }
	.visual__card--developer{ width: 121px; height: 165px; right: 5px; top: 10px; }
	.visual__card--developer .visual__card-image{ width: 106px; height: 80px; bottom: 5px; left: 8px; }
	.visual__badge .visual_img_box{ width: 30px; }
}

/* ============================================
   Section 01
   ============================================ */
.sec01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

/* Title */
.sec01__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 100px;
}


.sec01__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  text-transform: none;
}

/* Comparison Table */
.sec01__comparison {
  display: flex;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 100px;
}

.sec01__column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sec01__column--left {
  flex: 1 0 0;
  border-radius: 5px 5px 0 0;
}

.sec01__column--center {
  width: 250px;
  flex-shrink: 0;
  border-radius: 5px 5px 0 0;
}

.sec01__column--right {
  flex: 1 0 0;
  border-radius: 5px 5px 0 0;
}

.sec01__cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  width: 100%;
  background-color: #222222;
  border-bottom: 1px solid #333333;
  text-align: center;
}

.sec01__cell--header {
  padding: 50px 20px;
  border-radius: 10px 10px 0 0;
}

.sec01__cell--header-highlight {
  background-color: #E5FF48;
}

.sec01__cell--header p {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
}

.sec01__cell--header-highlight p {
  color: #000000;
}

.sec01__cell--category {
  background-color: #E5FF48;
}

.sec01__cell--category p {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #000000;
  text-transform: uppercase;
}

.sec01__cell--white {
  background-color: #FFFFFF;
  border-bottom: 1px solid #DDDDDD;
}

.sec01__cell--white p {
  font-family:'GmarketSans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #000000;
}

.sec01__cell--last {
  border-radius: 0 0 10px 10px;
  border-bottom: none;
}

.sec01__cell--txt p {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #A2A2A2;
  text-transform: uppercase;
  margin: 0;
}

/* Bottom Text */
.sec01__bottom-text {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.6;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: 100px;
}

.sec01__bottom-text p {
  margin: 0;
}

.sec01__bottom-text .underline {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  text-decoration: none;
}

.sec01__bottom-text .underline::after {
  content: '';
  position: absolute;
  inset: 12px -1px;
  background-color: #E5FF48;
  transform-origin: left center;
  transform: scaleX(var(--underline-scale, 0));
  z-index: 0;
  margin-top: -5px
}

/* JS가 동적으로 추가하는 검정 텍스트 오버레이 */
.sec01__bottom-text .underline__black {
  position: absolute;
  inset: 0;
  color: #000000;
  pointer-events: none;
  white-space: nowrap;
  clip-path: inset(0 100% 0 0);
  z-index: 1;
}


/* More Button */
.sec01__more-btn {
  position: relative;
  width: 1500px;
  padding: 30px 0;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  transition: opacity 0.3s ease;
  display: flex;
  gap: 0;
}

.sec01__more-btn:hover {
  opacity: 0.8;
}

.sec01__more-btn:hover .sec01__more-content,
.sec01__more-btn:hover .sec01__more-content--duplicate {
  animation-play-state: paused;
}

.sec01__more-content,
.sec01__more-content--duplicate {
  display: flex;
  align-items: center;
  gap: 20px;
  animation: scroll-left-btn 20s linear infinite;
  will-change: transform;
  flex-shrink: 0;
  padding: 0 10px;
}

@keyframes scroll-left-btn {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.sec01__more-content .img_box,
.sec01__more-content--duplicate .img_box {
  width: 22px;
  flex-shrink: 0;
}

.sec01__more-content .img_box img,
.sec01__more-content--duplicate .img_box img {
  width: 100%;
  display: block;
}

.sec01__more-content span {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}

.sec01__arrow {
  flex-shrink: 0;
  width: 37.588px;
  height: 37.588px;
  transform: rotate(45deg);
}

@media screen and (max-width: 1600px){
	.sec01__more-btn{width: 100%;}
}

@media screen and (max-width: 1280px){
	.sec01__comparison{ overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: #A2A2A2 #000; }
	.sec01__comparison::-webkit-scrollbar{ height: 8px; }
	.sec01__comparison::-webkit-scrollbar-track{ background: #222222; border-radius: 100px; }
	.sec01__comparison::-webkit-scrollbar-thumb{ background: #E5FF48; }
	.sec01__comparison{ display: flex; flex-wrap: nowrap; align-items: flex-end; width: 100%; }
	.sec01__column{ flex-shrink: 0; }
	.sec01__column--left{ order: 2; min-width: 300px; }
	.sec01__column--center{ order: 1; min-width: 200px; width: 200px; }
	.sec01__column--right{ order: 0; min-width: 300px; }
}

@media screen and (max-width: 1024px){
	.sec01{ padding: 100px 0; }
	.sec01__title{ gap: 25px; margin-bottom: 80px; }
	.sec01__title-sub{ font-size: 18px; }
	.sec01__comparison{ margin-bottom: 80px; }
	.sec01__column--center{ width: 200px; }
	.sec01__cell{ padding: 25px 15px; }
	.sec01__cell--header{ padding: 40px 15px; }
	.sec01__cell--header p{ font-size: 24px; }
	.sec01__cell--category p{ font-size: 16px; }
	.sec01__cell--white p{ font-size: 16px; }
	.sec01__cell--txt p{ font-size: 16px; }
	.sec01__bottom-text{ font-size: 32px; margin-bottom: 80px; }
	.sec01__bottom-text .underline::after{ inset: 9px -1px; margin-top: -4px; }
	.sec01__more-btn{ padding: 25px 0; }
	.sec01__more-content span{ font-size: 20px; }
	.sec01__more-content .img_box{ width: 19px; }
	.sec01__more-content .img_box img{ width: 100%; }
}

@media screen and (max-width: 768px){
	.sec01{ padding: 80px 0; }
	.sec01__title{ gap: 20px; margin-bottom: 60px; }
	.sec01__title-sub{ font-size: 16px; }
	.sec01__comparison{ margin-bottom: 60px; }
	.sec01__column--center{ width: 150px; }
	.sec01__cell{ padding: 20px 10px; }
	.sec01__cell--header{ padding: 30px 10px; }
	.sec01__cell--header p{ font-size: 18px; }
	.sec01__cell--category p{ font-size: 14px; }
	.sec01__cell--white p{ font-size: 14px; }
	.sec01__cell--txt p{ font-size: 14px; }
	.sec01__bottom-text{ font-size: 24px; margin-bottom: 60px; white-space: normal; word-break: keep-all; }
	.sec01__bottom-text .underline::after{ inset: 7px -1px; margin-top: -3px; }
	.sec01__bottom-text .underline__black{ white-space: normal; word-break: keep-all; }
	.sec01__more-btn{ padding: 20px 0; }
	.sec01__more-content, .sec01__more-content--duplicate{ gap: 12px; }
	.sec01__more-content span{ font-size: 18px; }
	.sec01__more-content .img_box{ width: 16px; }
}

@media screen and (max-width: 500px){
	.sec01{ padding: 60px 0; }
	.sec01__title{ gap: 15px; margin-bottom: 40px; }
	.sec01__title-sub{ font-size: 14px; }
	.sec01__comparison{ margin-bottom: 40px; }
	.sec01__column--center{ width: 100px; }
	.sec01__cell{ padding: 15px 8px; }
	.sec01__cell--header{ padding: 20px 8px; }
	.sec01__cell--header p{ font-size: 14px; }
	.sec01__cell--category p{ font-size: 14px; }
	.sec01__cell--white p{ font-size: 14px; }
	.sec01__cell--txt p{ font-size: 14px; }
	.sec01__bottom-text{ font-size: 18px; margin-bottom: 40px; white-space: normal; word-break: keep-all; }
	.sec01__bottom-text .underline::after{ inset: 5px -1px; margin-top: -2px; }
	.sec01__bottom-text .underline__black{ white-space: normal; word-break: keep-all; }
	.sec01__more-btn{ padding: 18px 0; }
	.sec01__more-content, .sec01__more-content--duplicate{ gap: 10px; }
	.sec01__more-content span{ font-size: 16px; }
	.sec01__arrow{ width: 30px; height: 30px; }
	.sec01__more-content .img_box{ width: 14px; }
}

/* ============================================
   Section 02
   ============================================ */
.sec02 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

.sec02__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1500px;
  max-width: 1500px;
}

/* Left Side */
.sec02__left {
  display: flex;
  flex-direction: column;
  gap: 70px;
  align-items: center;
  flex-shrink: 0;
}

.sec02__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: flex-start;
  text-transform: uppercase;
}

.sec02__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  text-transform: none;
}

.sec02__title-sub p {
  margin: 0;
}

.sec02__title-sub .underline {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 5px;
}

.sec02__image {
  width: 500px;
  height: 300px;
  background-color: #222222;
  border-radius: 10px;
  flex-shrink: 0;
  overflow: hidden;
}
.sec02__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Right Side */
.sec02__right {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
  width: 800px;
  flex-shrink: 0;
}

.sec02__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 1px solid #333333;
}

.sec02__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.sec02__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.sec02__item-title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.4;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
  flex-shrink: 0;
}

.sec02__btn {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  background: transparent;
  border: 1px solid #555555;
  border-radius: 100px;
  cursor: pointer;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}

.sec02__btn img {
  transition: transform 0.3s ease;
  display: block;
}

.sec02__btn:hover {
  opacity: 0.8;
}

.sec02__btn svg {
  display: block;
  width: 100%;
  height: 100%;
}

.sec02__btn--active {
  border-color: #E5FF48;
  background-color: #E5FF48;
}
.sec02__btn--active img{
  transform: rotate(180deg);
  transition: transform 0.3s ease;
  filter: invert(1);
}

.sec02__item-content {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #CCCCCC;
  text-transform: uppercase;
  overflow: hidden;
  height: 0;
}

.sec02__item-content p {
  margin: 0;
  padding-top: 30px;
}

@media screen and (max-width: 1600px){
	.sec02{ width: 93%; margin: 0 auto; }
	.sec02__container{ width: 100%; max-width: 100%; }
	.sec02__right{ width: 100%; flex: 1; padding-left: 100px; }
}

@media screen and (max-width: 1280px){
	.sec02{ padding: 100px 0; }
	.sec02__container{ position: relative; flex-direction: column; align-items: center; gap: 60px; }
	.sec02__left{ gap: 50px; width: 100%; }
	.sec02__title{ gap: 25px; text-align: center; }
	.sec02__title-sub{ width: 100%; font-size: 18px; }
	.sec02__right{ gap: 35px; width: 100%; padding-left: 0; }
	.sec02__item{ padding-bottom: 35px; }
	.sec02__item-title{ font-size: 28px; }
	.sec02__btn{ width: 45px; height: 45px; }
	.sec02__item-content{ font-size: 16px; }
	.sec02__item-content p{ padding-top: 25px; }
}

@media screen and (max-width: 768px){
	.sec02{ padding: 80px 0; }
	.sec02__container{ gap: 80px; }
	.sec02__left{ gap: 40px; }
	.sec02__title{ gap: 20px; width: 100%; }
	.sec02__title-sub{ font-size: 16px; }
	.sec02__image{ width: 100%; max-width: 500px; height: 280px; }
	.sec02__right{ gap: 30px; }
	.sec02__item{ padding-bottom: 30px; }
	.sec02__item-title{ font-size: 24px; }
	.sec02__btn{ width: 40px; height: 40px; }
	.sec02__btn img{ width: 10px; }
	.sec02__item-content{ font-size: 14px; }
	.sec02__item-content p{ padding-top: 20px; }
}

@media screen and (max-width: 500px){
	.sec02{ padding: 60px 0; }
	.sec02__container{ gap: 50px; }
	.sec02__left{ gap: 30px; }
	.sec02__title{ gap: 15px; }
	.sec02__title-sub{ font-size: 14px; }
	.sec02__image{ width: 100%; height: 200px; }
	.sec02__right{ gap: 25px; }
	.sec02__item{ padding-bottom: 25px; }
	.sec02__item-title{ font-size: 18px; }
	.sec02__btn{ width: 35px; height: 35px; }
	.sec02__item-content{ font-size: 14px; }
	.sec02__item-content p{ padding-top: 15px; }
}


/* ============================================
   Section 03
   ============================================ */
.sec03 {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

/* Background Text */
.sec03__bg-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 160px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  z-index: 0;
  pointer-events: none;
}

/* Title */
.sec03__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.sec03__title-main {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 1.4;
  color: #FFFFFF;
  white-space: nowrap;
  margin: 0;
}

.sec03__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

/* Content */
.sec03__content {
  display: flex;
  flex-direction: column;
  gap: 150px;
  width: 1500px;
  max-width: 1500px;
  position: relative;
  z-index: 1;
}

.sec03__row {
  position: relative;
  width: 100%;
  height: 557px;
}

/* Cards */
.sec03__card {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 70px 50px;
  height: 550px;
  background-color: rgba(19, 19, 19, 0.96);
  border-radius: 10px;
  overflow: hidden;
}

.sec03__card-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
}

.sec03__card-title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
}

.sec03__card-desc {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #CCCCCC;
  white-space: nowrap;
  margin: 0;
}

.sec03__card-icon {
  width: auto;
  height: auto;
  flex-shrink: 0;
}

/* Card Positions - Row 1 */
.sec03__card--1 {
  left: 0;
  top: 0;
  width: 470px;
}

.sec03__card--1 .sec03__card-icon {
  width: 96px;
  height: 130px;
}

.sec03__card--2 {
  right: 0;
  top: 100px;
  width: 470px;
}

.sec03__card--2 .sec03__card-icon {
  width: 110px;
  height: 110px;
}

/* Card Positions - Row 2 */
.sec03__card--3 {
  left: 90px;
  top: 20px;
  width: 450px;
}

.sec03__card--3 .sec03__card-icon {
  width: 121px;
  height: 130px;
}

.sec03__card--4 {
  right: 210px;
  top: 180px;
  width: 450px;
}

.sec03__card--4 .sec03__card-icon {
  width: 153px;
  height: 120px;
}

/* Bottom Title */
.sec03__bottom-title {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.sec03__bottom-title-main {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.6;
  color: #FFFFFF;
  white-space: nowrap;
  margin: 0;
}

.sec03__bottom-title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

.sec03__bottom-title-note {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.5);
  margin: 0;
}

@media screen and (max-width: 1600px){
	.sec03{ width: 93%; margin: 0 auto; }
	.sec03__content{ width: 100%; gap: 0; }
	.sec03__card--2{ top: 80px; }
	.sec03__card--3{ left: 0; top: 15px; }
	.sec03__card--4{ right: 0; top: 140px; }
}

@media screen and (max-width: 1024px){
	.sec03{ padding: 100px 0; gap: 80px; }
	.sec03__bg-text{ font-size: 120px; }
	.sec03__title{ gap: 25px; }
	.sec03__title-main{ font-size: 48px; }
	.sec03__title-sub{ font-size: 18px; }
	.sec03__content{ gap: 120px; }
	.sec03__row{ height: 440px; }
	.sec03__card{ padding: 50px 40px; height: 430px; }
	.sec03__card img{ width: 100%; height: 100%; object-fit: contain; }
	.sec03__card-text{ gap: 18px; }
	.sec03__card-title{ font-size: 32px; }
	.sec03__card-desc{ font-size: 16px; }
	.sec03__card--1{ width: 380px; }
	.sec03__card--1 .sec03__card-icon{ width: 77px; height: 104px; }
	.sec03__card--2{ width: 380px; }
	.sec03__card--2 .sec03__card-icon{ width: 88px; height: 88px; }
	.sec03__card--3{ width: 360px; }
	.sec03__card--3 .sec03__card-icon{ width: 97px; height: 104px; }
	.sec03__card--4{ width: 360px; }
	.sec03__card--4 .sec03__card-icon{ width: 122px; height: 96px; }
	.sec03__bottom-title-main{ font-size: 32px; }
	.sec03__bottom-title-sub{ font-size: 18px; }
	.sec03__bottom-title-note{ font-size: 16px; }
}

@media screen and (max-width: 768px){
	.sec03{ padding: 80px 0; gap: 60px; }
	.sec03__bg-text{ font-size: 80px; top: 50vh; }
	.sec03__title{ gap: 20px; }
	.sec03__title-main{ font-size: 36px; white-space: normal; word-break: keep-all; }
	.sec03__title-sub{ font-size: 16px; }
	.sec03__content{ gap: 40px; }
	.sec03__row{ height: auto; display: flex; flex-direction: column; gap: 16px; }
	.sec03__card{ position: relative; padding: 40px 30px; height: auto; min-height: 300px; left: 0 !important; right: 0 !important; top: 0 !important; width: 100% !important; }
	.sec03__card-text{ gap: 15px; }
	.sec03__card-title{ font-size: 28px; }
	.sec03__card-desc{ font-size: 14px; white-space: normal; word-break: keep-all; }
	.sec03__card-icon{ width: auto !important; height: 80px !important; }
	.sec03__bottom-title{ gap: 15px; }
	.sec03__bottom-title-main{ font-size: 24px; white-space: normal; word-break: keep-all; }
	.sec03__bottom-title-sub{ font-size: 16px; }
	.sec03__bottom-title-note{ font-size: 14px; }
}

@media screen and (max-width: 500px){
	.sec03{ padding: 60px 0; gap: 50px; }
	.sec03__bg-text{ font-size: 50px; top: 50vh; }
	.sec03__title{ gap: 15px; }
	.sec03__title-main{ font-size: 26px; white-space: normal; word-break: keep-all; }
	.sec03__title-sub{ font-size: 14px; }
	.sec03__title-sub br{ display: none; }
	.sec03__content{ gap: 30px; }
	.sec03__row{ gap: 12px; }
	.sec03__card{ padding: 30px 20px; min-height: 250px; }
	.sec03__card-text{ gap: 12px; }
	.sec03__card-title{ font-size: 20px; }
	.sec03__card-desc{ font-size: 14px; }
	.sec03__card-icon{ height: 60px !important; }
	.sec03__bottom-title{ gap: 12px; }
	.sec03__bottom-title-main{ font-size: 18px; }
	.sec03__bottom-title-sub{ font-size: 14px; }
	.sec03__bottom-title-note{ font-size: 14px; }
}


/* ============================================
   Section 04
   ============================================ */
.sec04 {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

/* Title */
.sec04__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
}

.sec04__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
}

/* Carousel */
.sec04__carousel {
  display: flex;
  flex-direction: column;
  gap: 70px;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.sec04__carousel-track {
  display: flex;
  gap: 30px;
  padding: 0 calc((100vw - 1500px) / 2);
  width: 100%;
  transform: translateX(-310px);
}

/* Cards */
.sec04__card {
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 500px;
  padding: 50px 40px;
  border-radius: 10px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.sec04__card--dark {
  background-color: #131313;
  box-shadow: 4px 4px 1px 0px rgba(228, 254, 70, 0.2);
  justify-content: flex-end;
}

.sec04__card--highlight {
  background: linear-gradient(to left, #BBD80B, #E5FF48);
  box-shadow: 4px 4px 1px 0px #E4FE47;
  justify-content: space-between;
}

.sec04__card-title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin: 0;
}

/* Highlight Card */
.sec04__card-side-text {
  position: absolute;
  top: 50%;
  right: 31px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 440px;
  padding-left: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

.sec04__card-side-text span {
  font-family:'GmarketSans', sans-serif;
  font-size: 15px;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
}

.sec04__card-brand {
  font-weight: 700;
}

.sec04__card-side-text span.sec04__card-service {
  font-weight: 500;
  text-orientation: sideways;
}

.sec04__card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.sec04__card-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec04__card-title-main {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4;
  color: #111111;
  text-transform: uppercase;
  margin: 0;
}

.sec04__card-subtitle {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #111111;
  text-transform: uppercase;
  margin: 0;
}

.sec04__card-icon {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  flex-shrink: 0;
}

/* Controls */
.sec04__controls {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sec04__progress {
  position: relative;
  width: 500px;
  height: 3px;
}

.sec04__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}

.sec04__progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background-color: #FFFFFF;
  transition: width 0.3s ease;
}

.sec04__arrows {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sec04__arrow {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.3s ease;
  flex-shrink: 0;
}

.sec04__arrow:hover {
  opacity: 0.7;
}

.sec04__arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Bottom Text */
.sec04__bottom-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  text-align: center;
}

.sec04__bottom-text p {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 1.6;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
}

@media screen and (max-width: 1600px){
	.sec04__title{ width: 93%; margin: 0 auto; }
	.sec04__bottom-text{ width: 93%; margin: 0 auto; }
}

@media screen and (max-width: 1024px){
	.sec04{ padding: 100px 0; gap: 80px; }
	.sec04__title{ gap: 25px; }
	.sec04__title-sub{ font-size: 18px; }
	.sec04__carousel{ gap: 60px; }
	.sec04__carousel-track{ gap: 25px; transform: translateX(-365px); }
	.sec04__card{ width: 340px; height: 430px; padding: 40px 35px; }
	.sec04__card-title{ font-size: 32px; }
	.sec04__card-side-text{ right: 26px; height: 370px; }
	.sec04__card-side-text span{ font-size: 14px; }
	.sec04__card-title-main{ font-size: 32px; }
	.sec04__card-subtitle{ font-size: 16px; }
	.sec04__card-icon{ width: 35px; height: 35px; }
	.sec04__progress{ width: 400px; }
	.sec04__arrow{ width: 35px; height: 35px; }
	.sec04__bottom-text p{ font-size: 32px; }
}

@media screen and (max-width: 768px){
	.sec04{ padding: 80px 0; gap: 60px; }
	.sec04__title{ gap: 20px; }
	.sec04__title-sub{ font-size: 16px; }
	.sec04__carousel{ gap: 50px; }
	.sec04__carousel-track{ gap: 20px; padding: 0 4%; transform: translateX(-300px); }
	.sec04__card{ width: 280px; height: 360px; padding: 35px 28px; }
	.sec04__card-title{ font-size: 28px; }
	.sec04__card-side-text{ right: 22px; height: 310px; }
	.sec04__card-side-text span{ font-size: 14px; }
	.sec04__card-text{ gap: 15px; }
	.sec04__card-title-main{ font-size: 28px; }
	.sec04__card-subtitle{ font-size: 14px; }
	.sec04__card-icon{ width: 32px; height: 32px; }
	.sec04__progress{ width: 300px; }
	.sec04__arrow{ width: 32px; height: 32px; }
	.sec04__bottom-text p{ font-size: 24px; white-space: normal; word-break: keep-all; }
	.sec04__arrows{ gap: 5px; }
}

@media screen and (max-width: 500px){
	.sec04{ padding: 60px 0; gap: 50px; }
	.sec04__title{ gap: 15px; }
	.sec04__title-sub{ font-size: 14px; }
	.sec04__carousel{ gap: 40px; }
	.sec04__carousel-track{ gap: 15px; padding: 0 4%; transform: translateX(-235px); }
	.sec04__card{ width: 220px; height: 300px; padding: 28px 22px; }
	.sec04__card-title{ font-size: 22px; }
	.sec04__card-side-text{ right: 18px; height: 250px; padding-left: 8px; }
	.sec04__card-side-text span{ font-size: 14px; }
	.sec04__card-text{ gap: 12px; }
	.sec04__card-title-main{ font-size: 22px; }
	.sec04__card-subtitle{ font-size: 14px; }
	.sec04__card-icon{ width: 28px; height: 28px; }
	.sec04__progress{ width: 200px; }
	.sec04__arrow{ width: 28px; height: 28px; }
	.sec04__bottom-text{ gap: 15px; }
	.sec04__bottom-text p{ font-size: 18px; white-space: normal; word-break: keep-all; }
}



/* ============================================
   Section 05
   ============================================ */
.sec05 {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

/* Title */
.sec05__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
  margin-bottom: 180px;
}

.sec05__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  white-space: nowrap;
}

.sec05__title-sub p {
  margin: 0;
}

/* Pricing Cards */
/* ================================================
   sec05 — pricing cards (.sec01__cards 구조 공유)
   ================================================ */
.sec05 .sec01__cards {
  display: flex;
  gap: 30px;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}

.sec05 .sec01__card {
  flex: 1 0 0;
  height: 890px;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 50px 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}

.sec05 .sec01__card:first-of-type .sec01__card-content {
  height: 100%;
  display: flex;
  justify-content: center;
}

.sec05 .sec01__card--featured {
  background-color: #E5FF48;
  border-radius: 0 0 10px 10px;
}

.sec05 .sec01__card-badge {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #000000;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #E5FF48;
  border-radius: 10px 10px 0 0;
  padding: 30px;
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  color: #E5FF48;
  animation: sec01-blink-border 1.5s ease-in-out infinite;
}

.sec05 .sec01__card-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  text-align: center;
}

.sec05 .sec01__card-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #000000;
  margin: 0;
}

.sec05 .sec01__card-sub {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #000000;
  margin: 0;
}

.sec05 .sec01__card-sub .bold {
  font-weight: 700;
}

.sec05 .sec01__card-content {
  display: flex;
  flex-direction: column;
  border: 1px solid #000000;
  border-radius: 10px;
  padding: 50px 30px;
  gap: 50px;
}

.sec05 .sec01__plan {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.sec05 .sec01__badge {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 30px;
  border-radius: 100px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.sec05 .sec01__badge--white {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  color: #000000;
}

.sec05 .sec01__badge--black {
  background-color: #000000;
  border: 1px solid #000;
  color: #FFFFFF;
}

.sec05 .sec01__badge span {
  font-weight: 500;
}

.sec05 .sec01__price-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.sec05 .sec01__price-old {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

.sec05 .sec01__price-old .strikethrough {
  text-decoration: line-through;
  text-decoration-skip-ink: none;
  font-size: 24px;
}

.sec05 .sec01__price-old .bold {
  font-weight: 700;
}

.sec05 .sec01__arrow-down {
  width: 13px;
  height: 20px;
}

.sec05 .sec01__arrow-down svg {
  display: block;
  width: 100%;
  height: 100%;
}

.sec05 .sec01__price {
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

.sec05 .sec01__price .price-main {
  font-size: 40px;
}

.sec05 .sec01__price .price-unit {
  font-weight: 500;
  font-size: 20px;
}

.sec05 .sec01__plan-desc {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

.sec05 .sec01__plan-note {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

/* 반응형 — 1280px 이하 */
@media screen and (max-width: 1280px) {
  .sec05 .sec01__cards { gap: 20px; }
  .sec05 .sec01__card { padding: 40px 22px; gap: 24px; height: auto; }
  .sec05 .sec01__card-content { padding: 40px 20px; gap: 40px; }
  .sec05 .sec01__card-badge { padding: 22px; font-size: 18px; }
  .sec05 .sec01__card-title { font-size: 34px; }
  .sec05 .sec01__card-sub { font-size: 18px; }
  .sec05 .sec01__plan { gap: 18px; }
  .sec05 .sec01__badge { font-size: 15px; padding: 10px 24px; }
  .sec05 .sec01__price-old { font-size: 16px; }
  .sec05 .sec01__price-old .strikethrough { font-size: 22px; }
  .sec05 .sec01__price { font-size: 34px; }
  .sec05 .sec01__price .price-main { font-size: 34px; }
  .sec05 .sec01__price .price-unit { font-size: 18px; }
  .sec05 .sec01__plan-desc { font-size: 18px; }
  .sec05 .sec01__plan-note { font-size: 15px; }
}

/* 반응형 — 1024px 이하 */
@media screen and (max-width: 1024px) {
  .sec05 .sec01__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
  }
  .sec05 .sec01__card { height: auto; padding: 36px 22px; gap: 22px; }
  .sec05 .sec01__card-content { padding: 30px 18px; gap: 28px; }
  .sec05 .sec01__card--featured { grid-column: 1 / -1; grid-row: 1; width: 100%; }
  .sec05 .sec01__card--featured .sec01__badge { max-width: 50%; }
  .sec05 .sec01__cards > .sec01__card:first-child { grid-row: 2; grid-column: 1; }
  .sec05 .sec01__cards > .sec01__card:nth-child(2) { grid-row: 2; grid-column: 2; }
  .sec05 .sec01__card-badge { padding: 18px 22px; font-size: 16px; }
  .sec05 .sec01__card-header { gap: 14px; }
  .sec05 .sec01__card-title { font-size: 28px; }
  .sec05 .sec01__card-sub { font-size: 16px; }
  .sec05 .sec01__plan { gap: 14px; }
  .sec05 .sec01__badge { font-size: 13px; padding: 9px 16px; }
  .sec05 .sec01__price-old { font-size: 14px; }
  .sec05 .sec01__price-old .strikethrough { font-size: 17px; }
  .sec05 .sec01__price { font-size: 26px; }
  .sec05 .sec01__price .price-main { font-size: 26px; }
  .sec05 .sec01__price .price-unit { font-size: 15px; }
  .sec05 .sec01__plan-desc { font-size: 16px; }
  .sec05 .sec01__plan-note { font-size: 14px; }
}

/* 반응형 — 768px 이하 */
@media screen and (max-width: 768px) {
  .sec05 .sec01__cards { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
  .sec05 .sec01__card { width: 100%; height: auto; padding: 32px 22px; gap: 20px; }
  .sec05 .sec01__card--featured { order: -1; }
  .sec05 .sec01__card--featured .sec01__badge { max-width: 100%; }
  .sec05 .sec01__card-content { padding: 26px 18px; gap: 24px; }
  .sec05 .sec01__card-badge { padding: 18px 22px; font-size: 15px; }
  .sec05 .sec01__card-header { gap: 12px; }
  .sec05 .sec01__card-title { font-size: 26px; }
  .sec05 .sec01__card-sub { font-size: 15px; }
  .sec05 .sec01__plan { gap: 14px; }
  .sec05 .sec01__badge { font-size: 13px; padding: 9px 16px; }
  .sec05 .sec01__price-old { font-size: 14px; }
  .sec05 .sec01__price-old .strikethrough { font-size: 17px; }
  .sec05 .sec01__price { font-size: 26px; }
  .sec05 .sec01__price .price-main { font-size: 26px; }
  .sec05 .sec01__price .price-unit { font-size: 15px; }
  .sec05 .sec01__plan-desc { font-size: 15px; }
  .sec05 .sec01__plan-note { font-size: 14px; }
}

/* 반응형 — 500px 이하 */
@media screen and (max-width: 500px) {
  .sec05 .sec01__cards { gap: 16px; }
  .sec05 .sec01__card { padding: 26px 18px; gap: 18px; }
  .sec05 .sec01__card-content { padding: 20px 14px; gap: 20px; }
  .sec05 .sec01__plan { gap: 12px; }
  .sec05 .sec01__card-badge { padding: 15px 18px; font-size: 14px; }
  .sec05 .sec01__card-header { gap: 10px; }
  .sec05 .sec01__card-title { font-size: 22px; }
  .sec05 .sec01__card-sub { font-size: 14px; }
  .sec05 .sec01__badge { font-size: 14px; padding: 8px 14px; flex-wrap: wrap; gap: 4px; }
  .sec05 .sec01__price-old { font-size: 14px; }
  .sec05 .sec01__price-old .strikethrough { font-size: 15px; }
  .sec05 .sec01__price { font-size: 22px; }
  .sec05 .sec01__price .price-main { font-size: 22px; }
  .sec05 .sec01__price .price-unit { font-size: 14px; }
  .sec05 .sec01__plan-desc { font-size: 14px; }
  .sec05 .sec01__plan-note { font-size: 14px; }
}

/* (기존 sec05__pricing CSS - 더 이상 사용되지 않음) */
.sec05__pricing {
  display: flex;
  gap: 30px;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}

.sec05__card {
  flex: 1 0 0;
  height: 763px;
  background-color: #FFFFFF;
  border-radius: 10px;
  box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.2);
  padding: 50px 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}

.sec05__card--highlight {
  background-color: #E5FF48;
  border-radius: 0 0 10px 10px;
}

@keyframes blink-border {
  0%, 100% {
    border-color: #E5FF48;
    opacity: 1;
  }
  50% {
    border-color: #E5FF48;
    opacity: 0.3;
  }
}

.sec05__card-badge {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #000000;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #E5FF48;
  border-radius: 10px 10px 0 0;
  padding: 30px;
  text-align: center;
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  color: #E5FF48;
  animation: blink-border 1.5s ease-in-out infinite;
}

.sec05__card-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  text-align: center;
}

.sec05__card-title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #000000;
  margin: 0;
}

.sec05__card-subtitle {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #000000;
  margin: 0;
}

.sec05__card-subtitle .bold {
  font-weight: 700;
}

.sec05__card-content {
  display: flex;
  flex-direction: column;
  border: 1px solid #000000;
  border-radius: 10px;
  flex: 1;
}

.sec05__plan {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}

.sec05__badge {
  padding: 10px 20px;
  border-radius: 100px;
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}

.sec05__badge--white {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  color: #000000;
}

.sec05__badge--black {
  background-color: #000000;
  color: #FFFFFF;
}

.sec05__price-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.sec05__price-old {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

.sec05__price-old .strikethrough {
  text-decoration: line-through;
  text-decoration-skip-ink: none;
  font-size: 24px;
}

.sec05__price-old .bold {
  font-weight: 700;
}

.sec05__arrow-down {
  width: 13px;
  height: 20px;
}

.sec05__price {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

.sec05__price .price-main {
  font-size: 40px;
}

.sec05__price .price-unit {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.sec05__plan-desc {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

.sec05__plan-note {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  text-align: center;
  margin: 0;
}

.sec05__divider {
  width: 100%;
  height: 1px;
  background-color: #DDDDDD;
  flex-shrink: 0;
}

.sec05__divider--light {
  background-color: rgba(0, 0, 0, 0.2);
}

/* Note */
.sec05__note {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 100px;
}

.sec05__note .bold {
  font-weight: 700;
}

/* Options Section */
.sec05__options {
  width: 100%;
  border: 1px solid #565656;
  border-radius: 10px;
  padding: 50px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 100px;
}

.sec05__options-header {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 300px;
  flex-shrink: 0;
}

.sec05__options-header svg {
  flex-shrink: 0;
}

.sec05__options-title {
  font-family:'GmarketSans', sans-serif;
  font-size: 22px;
  line-height: 1.4;
  color: #E5FF48;
  white-space: nowrap;
}

.sec05__options-title p {
  margin: 0;
}

.sec05__options-title .bold {
  font-weight: 700;
}

.sec05__options-title .medium {
  font-weight: 500;
}

.sec05__options-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

.sec05__options-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec05__option-item {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sec05__option-item svg {
  flex-shrink: 0;
}

.sec05__option-item span {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #FFFFFF;
}

.sec05__option-example {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sec05__option-badge {
  padding: 10px 15px;
  border: 1px solid #FFFFFF;
  border-radius: 100px;
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: #FFFFFF;
  flex-shrink: 0;
}

.sec05__option-example p {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

/* Bottom Text */
.sec05__bottom-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  text-align: center;
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 40px;
  line-height: 1.6;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
}

.sec05__bottom-text p {
  margin-bottom: 30px;
}

.sec05__bottom-text .bold {
  font-weight: 700;
}

/* More Button */
.sec05__more-btn {
  position: relative;
  width: 1500px;
  padding: 30px 0;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  transition: opacity 0.3s ease;
  display: flex;
  gap: 0;
}

.sec05__more-btn:hover {
  opacity: 0.8;
}

.sec05__more-btn:hover .sec05__more-content,
.sec05__more-btn:hover .sec05__more-content--duplicate {
  animation-play-state: paused;
}

.sec05__more-content,
.sec05__more-content--duplicate {
  display: flex;
  align-items: center;
  gap: 20px;
  animation: scroll-left-btn 20s linear infinite;
  will-change: transform;
  flex-shrink: 0;
  padding: 0 10px;
}

.sec05__more-content .img_box,
.sec05__more-content--duplicate .img_box {
  width: 22px;
  flex-shrink: 0;
}

.sec05__more-content .img_box img,
.sec05__more-content--duplicate .img_box img {
  width: 100%;
  display: block;
}

.sec05__more-content span {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}

.sec05__arrow {
  flex-shrink: 0;
  width: 37.588px;
  height: 37.588px;
  transform: rotate(45deg);
}

@media screen and (max-width: 1600px){
	.sec05__more-btn{ width: 100%; }
	.sec05__title{ width: 100%; }
	.sec05__title-sub{ width: 100%; white-space: normal; word-break: keep-all; }
}

@media screen and (max-width: 1024px){
	.sec05{ padding: 100px 0; gap: 80px; }
	.sec05__title{ gap: 25px; margin-bottom: 140px; }
	.sec05__title-main{ font-size: 48px; }
	.sec05__title-sub{ font-size: 18px; white-space: normal; word-break: keep-all; }
	.sec05__pricing{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 25px; }
	.sec05__card{ height: 680px; padding: 40px 25px; gap: 25px; }
	.sec05__card--highlight{ grid-column: 1 / -1; grid-row: 1; width: 100%; }
	.sec05__card:first-child{ grid-row: 2; grid-column: 1; height: 100%; }
	.sec05__card:nth-child(2){ grid-row: 2; grid-column: 2; }
	.sec05__card-badge{ padding: 25px; font-size: 18px; }
	.sec05__card-header{ gap: 18px; }
	.sec05__card-title{ font-size: 32px; }
	.sec05__card-subtitle{ font-size: 18px; }
	.sec05__plan{ gap: 18px; padding: 0 25px; }
	.sec05__badge{ font-size: 14px; }
	.sec05__price-old{ font-size: 16px; }
	.sec05__price-old .strikethrough{ font-size: 20px; }
	.sec05__price{ font-size: 32px; }
	.sec05__price .price-main{ font-size: 32px; }
	.sec05__price .price-unit{ font-size: 18px; }
	.sec05__plan-desc{ font-size: 18px; }
	.sec05__plan-note{ font-size: 14px; }
	.sec05__note{ font-size: 18px; margin-bottom: 80px; }
	.sec05__options{ padding: 40px; margin-bottom: 80px; }
	.sec05__options-header{ width: 250px; }
	.sec05__options-title{ font-size: 18px; }
	.sec05__option-item span{ font-size: 16px; }
	.sec05__option-badge{ font-size: 16px; }
	.sec05__option-example p{ font-size: 16px; }
	.sec05__bottom-text{ font-size: 32px; }
	.sec05__more-btn{ padding: 25px 0; }
	.sec05__more-content span{ font-size: 20px; }
	.sec05__more-content .img_box{ width: 19px; }
	.sec05__more-content .img_box img{ width: 100%; }
}

@media screen and (max-width: 768px){
	.sec05{ padding: 80px 0; gap: 60px; }
	.sec05__title{ gap: 20px; margin-bottom: 100px; }
	.sec05__title-main{ font-size: 36px; }
	.sec05__title-sub{ font-size: 16px; white-space: normal; word-break: keep-all; }
	.sec05__pricing{ flex-direction: column; align-items: center; }
	.sec05__card{ width: 100%; height: auto; padding: 40px 30px; gap: 25px; }
	.sec05__card:first-child{ width: 100%; grid-row: auto; grid-column: 1 / -1; }
	.sec05__card:nth-child(2){ width: 100%; grid-row: auto; grid-column: 1 / -1; }
	.sec05__card-badge{ padding: 25px; font-size: 18px; }
	.sec05__card-header{ gap: 18px; }
	.sec05__card-title{ font-size: 32px; }
	.sec05__card-subtitle{ font-size: 16px; }
	.sec05__plan{ gap: 18px; padding: 30px 25px; }
	.sec05__badge{ font-size: 14px; }
	.sec05__price-old{ font-size: 16px; }
	.sec05__price-old .strikethrough{ font-size: 20px; }
	.sec05__price{ font-size: 32px; }
	.sec05__price .price-main{ font-size: 32px; }
	.sec05__price .price-unit{ font-size: 16px; }
	.sec05__plan-desc{ font-size: 16px; }
	.sec05__plan-note{ font-size: 14px; }
	.sec05__note{ font-size: 16px; margin-bottom: 60px; }
	.sec05__options{ flex-direction: column; padding: 30px; margin-bottom: 60px; }
	.sec05__options-header{ width: 100%; }
	.sec05__options-title{ font-size: 16px; }
	.sec05__options-content{ gap: 18px; }
	.sec05__options-list{ gap: 18px; }
	.sec05__option-item span{ font-size: 14px; }
	.sec05__option-example{ flex-wrap: wrap; }
	.sec05__option-badge{ font-size: 14px; }
	.sec05__option-example p{ font-size: 14px; }
	.sec05__bottom-text{ font-size: 24px; white-space: normal; word-break: keep-all; }
	.sec05__more-btn{ padding: 20px 0; }
	.sec05__more-content, .sec05__more-content--duplicate{ gap: 15px; }
	.sec05__more-content span{ font-size: 18px; }
	.sec05__more-content .img_box{ width: 16px; }
}

@media screen and (max-width: 500px){
	.sec05{ padding: 60px 0; gap: 50px; }
	.sec05__title{ gap: 15px; }
	.sec05__title-main{ font-size: 26px; }
	.sec05__title-sub{ font-size: 14px; white-space: normal; word-break: keep-all; }
	.sec05__card{ max-width: 100%; padding: 30px 20px; gap: 20px; }
	.sec05__card-badge{ padding: 20px; font-size: 16px; }
	.sec05__card-header{ gap: 15px; }
	.sec05__card-title{ font-size: 24px; }
	.sec05__card-subtitle{ font-size: 14px; }
	.sec05__plan{ gap: 15px; padding: 25px 15px; }
	.sec05__badge{ padding: 8px 15px; font-size: 14px; }
	.sec05__price-group{ gap: 8px; }
	.sec05__price-old{ font-size: 14px; }
	.sec05__price-old .strikethrough{ font-size: 16px; }
	.sec05__arrow-down{ width: 11px; height: 16px; }
	.sec05__price{ font-size: 28px; }
	.sec05__price .price-main{ font-size: 28px; }
	.sec05__price .price-unit{ font-size: 14px; }
	.sec05__plan-desc{ font-size: 14px; }
	.sec05__plan-note{ font-size: 14px; }
	.sec05__note{ font-size: 14px; margin-bottom: 50px; }
	.sec05__options{ padding: 25px 20px; margin-bottom: 50px; gap: 15px; }
	.sec05__options-title{ font-size: 14px; }
	.sec05__options-content{ gap: 15px; }
	.sec05__options-list{ gap: 15px; }
	.sec05__option-item span{ font-size: 14px; }
	.sec05__option-badge{ padding: 8px 12px; font-size: 14px; }
	.sec05__option-example p{ font-size: 14px; }
	.sec05__bottom-text{ font-size: 18px; gap: 15px; }
	.sec05__bottom-text p{ margin-bottom: 20px; }
	.sec05__more-btn{ padding: 18px 0; }
	.sec05__more-content, .sec05__more-content--duplicate{ gap: 12px; }
	.sec05__more-content span{ font-size: 16px; }
	.sec05__more-content .img_box{ width: 14px; }
	.sec05__arrow{ width: 30px; height: 30px; }
}



/* ============================================
   Section 06
   ============================================ */
.sec06 {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

/* Title */
.sec06__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
  max-width: 1500px;
  margin: 0 auto;
}

.sec06__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

/* Overlapping Cards */
.sec06__cards-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.sec06__card {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  padding: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  will-change: transform;
}

.sec06__card--white {
  left: 0;
  background-color: #FFFFFF;
  z-index: 1;
}

.sec06__card--blue {
  left: 100px;
  background-color: #4954D2;
  z-index: 2;
}

.sec06__card--yellow {
  left: 200px;
  background-color: #E5FF48;
  z-index: 3;
}

.sec06__card-content {
  display: flex;
  gap: 30px;
  align-items: flex-end;
  justify-content: space-between;
}

.sec06__card-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 100px;
  min-width: 0;
}

/* Card Header */
.sec06__card-header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.sec06__card-title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 70px;
  line-height: 1;
  margin: 0;
}

.sec06__card--white .sec06__card-title,
.sec06__card--yellow .sec06__card-title {
  color: #000000;
}

.sec06__card--blue .sec06__card-title {
  color: #FFFFFF;
}

.sec06__card-subtitle {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  margin: 0;
}

.sec06__card--white .sec06__card-subtitle,
.sec06__card--yellow .sec06__card-subtitle {
  color: #000000;
}

.sec06__card--blue .sec06__card-subtitle {
  color: #FFFFFF;
}

/* Card Pricing */
.sec06__card-pricing {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.sec06__price {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  margin: 0;
}

.sec06__card--white .sec06__price,
.sec06__card--yellow .sec06__price {
  color: #000000;
}

.sec06__card--blue .sec06__price {
  color: #FFFFFF;
}

.sec06__price .price-main {
  font-size: 60px;
}

.sec06__price .price-unit {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 22px;
}

.sec06__price-desc {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  margin: 0;
}

.sec06__card--white .sec06__price-desc,
.sec06__card--yellow .sec06__price-desc {
  color: #000000;
}

.sec06__card--blue .sec06__price-desc {
  color: #FFFFFF;
}

/* Card Example */
.sec06__card-example {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sec06__example-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  border: 1px solid #000000;
  border-radius: 100px;
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #000000;
  width: fit-content;
}

.sec06__example-badge--white {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.sec06__example-list {
  list-style: disc;
  padding-left: 33px;
  margin: 0;
}

.sec06__example-list li {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 22px;
  line-height: 2.5;
  margin: 0;
}

.sec06__card--white .sec06__example-list li,
.sec06__card--yellow .sec06__example-list li {
  color: #000000;
}

.sec06__card--blue .sec06__example-list li {
  color: #FFFFFF;
}

/* Card Icon */
.sec06__card-icon {
  flex-shrink: 0;
  width: 250px;
  height: 250px;
  border-radius: 10px;
}

/* 카드별 left 오프셋만큼 translateX로 상쇄 → 모든 아이콘이 뷰포트 기준 동일 위치 */
.sec06__card--blue .sec06__card-icon {
  transform: translateX(-100px);
}

.sec06__card--yellow .sec06__card-icon {
  transform: translateX(-300px);
}

/* Notice */
.sec06__notice {
  width: 100%;
  border: 1px solid #565656;
  border-radius: 10px;
  padding: 50px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 100px;
}

.sec06__notice-header {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 300px;
  flex-shrink: 0;
}

.sec06__notice-header svg {
  flex-shrink: 0;
}

.sec06__notice-title {
  font-family:'GmarketSans', sans-serif;
  font-size: 22px;
  line-height: 1.4;
  color: #E5FF48;
  white-space: nowrap;
}

.sec06__notice-title p {
  margin: 0;
}

.sec06__notice-title .bold {
  font-weight: 700;
}

.sec06__notice-title .medium {
  font-weight: 500;
}

.sec06__notice-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

.sec06__notice-item {
  display: flex;
  gap: 10px;
}

.sec06__notice-item svg {
  flex-shrink: 0;
}

.sec06__notice-item p {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

/* More Button */
.sec06__more-btn {
  position: relative;
  width: 100%;
  padding: 30px 0;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  transition: opacity 0.3s ease;
  display: flex;
  gap: 0;
}

.sec06__more-btn:hover {
  opacity: 0.8;
}

.sec06__more-btn:hover .sec06__more-content,
.sec06__more-btn:hover .sec06__more-content--duplicate {
  animation-play-state: paused;
}

.sec06__more-content,
.sec06__more-content--duplicate {
  display: flex;
  align-items: center;
  gap: 20px;
  animation: scroll-left-btn 20s linear infinite;
  will-change: transform;
  flex-shrink: 0;
  padding: 0 10px;
}

.sec06__more-content .img_box,
.sec06__more-content--duplicate .img_box {
  width: 22px;
  flex-shrink: 0;
}

.sec06__more-content .img_box img,
.sec06__more-content--duplicate .img_box img {
  width: 100%;
  display: block;
}

.sec06__more-content span {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}

.sec06__arrow {
  flex-shrink: 0;
  width: 37.588px;
  height: 37.588px;
  transform: rotate(45deg);
}

@media screen and (max-width: 1600px){
	.sec06__title{ width: 93%; margin: 0 auto; }
}

@media screen and (max-width: 1024px){
	.sec06{ padding: 100px 0; gap: 80px; }
	.sec06__title{ gap: 25px; }
	.sec06__title-main{ font-size: 48px; }
	.sec06__title-sub{ font-size: 18px; }
	.sec06__card{ padding: 80px; }
	.sec06__card--blue{ left: 80px; }
	.sec06__card--yellow{ left: 160px; }
	.sec06__card-content{ gap: 25px; }
	.sec06__card-text{ gap: 80px; }
	.sec06__card-header{ gap: 25px; }
	.sec06__card-title{ font-size: 56px; }
	.sec06__card-subtitle{ font-size: 18px; }
	.sec06__card-pricing{ gap: 25px; }
	.sec06__price{ font-size: 48px; }
	.sec06__price .price-main{ font-size: 48px; }
	.sec06__price .price-unit{ font-size: 18px; }
	.sec06__price-desc{ font-size: 18px; }
	.sec06__card-example{ gap: 18px; }
	.sec06__example-badge{ padding: 14px 18px; font-size: 16px; }
	.sec06__example-list{ padding-left: 28px; }
	.sec06__example-list li{ font-size: 18px; }
	.sec06__card-icon{ width: 200px; height: 200px; }
	.sec06__card--blue .sec06__card-icon{ transform: translateX(-80px); }
	.sec06__card--yellow .sec06__card-icon{ transform: translateX(-160px); }
	.sec06__card-icon img{ width: 100%; height: 100%; object-fit: contain; }
	.sec06__notice{ padding: 40px; margin-bottom: 80px; }
	.sec06__notice-header{ width: 250px; }
	.sec06__notice-title{ font-size: 18px; }
	.sec06__notice-item p{ font-size: 16px; }
	.sec06__more-btn{ padding: 25px 0; }
	.sec06__more-content span{ font-size: 20px; }
	.sec06__more-content .img_box{ width: 19px; }
	.sec06__more-content .img_box img{ width: 100%; }
}

@media screen and (max-width: 768px){
	.sec06{ padding: 80px 0; gap: 60px; }
	.sec06__title{ gap: 20px; }
	.sec06__title-main{ font-size: 36px; }
	.sec06__title-sub{ font-size: 16px; }
	.sec06__cards-wrapper{ height: auto; }
	.sec06__card{ position: relative; left: 0 !important; width: 100%; height: auto; min-height: auto; padding: 60px 40px; }
	.sec06__card-content{ flex-direction: column; gap: 40px; align-items: flex-start; }
	.sec06__card--blue .sec06__card-icon{ transform: none; }
	.sec06__card--yellow .sec06__card-icon{ transform: none; }
	.sec06__card-text{ gap: 60px; width: 100%; }
	.sec06__card-header{ gap: 20px; }
	.sec06__card-title{ font-size: 42px; }
	.sec06__card-subtitle{ font-size: 16px; }
	.sec06__card-pricing{ gap: 20px; }
	.sec06__price{ font-size: 40px; }
	.sec06__price .price-main{ font-size: 40px; }
	.sec06__price .price-unit{ font-size: 16px; }
	.sec06__price-desc{ font-size: 16px; }
	.sec06__card-example{ gap: 15px; }
	.sec06__example-badge{ padding: 12px 16px; font-size: 14px; }
	.sec06__example-list{ padding-left: 25px; }
	.sec06__example-list li{ font-size: 16px; line-height: 2.2; }
	.sec06__card-icon{ width: 160px; height: 160px; }
	.sec06__notice{ flex-direction: column; padding: 30px; margin-bottom: 60px; }
	.sec06__notice-header{ width: 100%; }
	.sec06__notice-title{ font-size: 16px; }
	.sec06__notice-content{ gap: 18px; }
	.sec06__notice-item p{ font-size: 14px; }
	.sec06__more-btn{ padding: 20px 0; }
	.sec06__more-content, .sec06__more-content--duplicate{ gap: 15px; }
	.sec06__more-content span{ font-size: 18px; }
	.sec06__more-content .img_box{ width: 16px; }
}

@media screen and (max-width: 500px){
	.sec06{ padding: 60px 0; gap: 50px; }
	.sec06__title{ gap: 15px; }
	.sec06__title-main{ font-size: 26px; }
	.sec06__title-sub{ font-size: 14px; }
	.sec06__card{ padding: 40px 20px; }
	.sec06__card-content{ gap: 30px; }
	.sec06__card-text{ gap: 40px; }
	.sec06__card-header{ gap: 15px; }
	.sec06__card-title{ font-size: 28px; }
	.sec06__card-subtitle{ font-size: 14px; }
	.sec06__card-pricing{ gap: 15px; }
	.sec06__price{ font-size: 28px; }
	.sec06__price .price-main{ font-size: 28px; }
	.sec06__price .price-unit{ font-size: 14px; }
	.sec06__price-desc{ font-size: 14px; }
	.sec06__card-example{ gap: 12px; }
	.sec06__example-badge{ padding: 10px 14px; font-size: 14px; }
	.sec06__example-list{ padding-left: 20px; }
	.sec06__example-list li{ font-size: 14px; line-height: 2; }
	.sec06__card-icon{ width: 120px; height: 120px; }
	.sec06__notice{ padding: 25px 20px; margin-bottom: 50px; gap: 15px; }
	.sec06__notice-title{ font-size: 14px; }
	.sec06__notice-content{ gap: 15px; }
	.sec06__notice-item p{ font-size: 14px; }
	.sec06__more-btn{ padding: 18px 0; }
	.sec06__more-content, .sec06__more-content--duplicate{ gap: 12px; }
	.sec06__more-content span{ font-size: 16px; }
	.sec06__arrow{ width: 30px; height: 30px; }
	.sec06__more-content .img_box{ width: 14px; }
}



/* ============================================
   Section 07
   ============================================ */
.sec07 {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

.sec07 .wrap1500 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Title */
.sec07__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
  margin-bottom: 100px;
}

.sec07__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

/* Process Grid */
.sec07__grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 1500px;
  gap: 0;
}

.sec07__item {
  position: relative;
  flex: 0 0 375px;
  width: 375px;
  padding: 100px 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  border-top: none;
  border-right: none;
  border-bottom: none;
}

/* Border 요소들 */
.sec07__border {
  position: absolute;
  background-color: #FFFFFF;
  z-index: 1;
  pointer-events: none;
}

.sec07__border--top {
  top: 0;
  left: 0;
  height: 1px;
  width: 0;
}

.sec07__border--right {
  top: 0;
  right: 0;
  width: 1px;
  height: 0;
}

.sec07__border--bottom {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  display: none;
}

/* 4번째와 8번째 아이템은 오른쪽 보더 제거 */
.sec07__item--no-right .sec07__border--right {
  display: none;
}

/* 하단 행 (5-8번) 아이템은 하단 보더 추가 */
.sec07__item:nth-child(n+5) .sec07__border--bottom {
  display: block;
}

.sec07__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #E5FF48;
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #000000;
  flex-shrink: 0;
}

.sec07__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.sec07__item-title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  color: #FFFFFF;
  margin: 0;
}

.sec07__item-desc {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #FFFFFF;
}

.sec07__item-desc p {
  margin: 0;
}

@media screen and (max-width: 1600px){
	.sec07__grid{ width: 100%; }
	.sec07__item{ flex: 0 0 25%; width: 25%; }
}

@media screen and (max-width: 1280px){
	.sec07__item{ flex: 0 0 33.333%; width: 33.333%; }
	.sec07__item:nth-child(7), .sec07__item:nth-child(8){ flex: 0 0 50%; width: 50%; }
	.sec07__item:nth-child(3), .sec07__item:nth-child(6){ border-right: none; }
	.sec07__item:nth-child(4) .sec07__border--right{ display: block; }
	.sec07__item:nth-child(3) .sec07__border--right, .sec07__item:nth-child(6) .sec07__border--right, .sec07__item:nth-child(8) .sec07__border--right{ display: none; }
	.sec07__item:nth-child(n+1):nth-child(-n+6) .sec07__border--bottom{ display: none; }
	.sec07__item:nth-child(7) .sec07__border--bottom, .sec07__item:nth-child(8) .sec07__border--bottom{ display: block; }
}

@media screen and (max-width: 1024px){
	.sec07{ padding: 100px 0; gap: 80px; }
	.sec07__title{ gap: 25px; margin-bottom: 80px; }
	.sec07__title-sub{ font-size: 18px; }
	.sec07__item{ flex: 0 0 50%; width: 50%; padding: 70px 35px; gap: 40px; }
	.sec07__number{ width: 36px; height: 36px; font-size: 16px; }
	.sec07__content{ gap: 25px; }
	.sec07__item-title{ font-size: 26px; }
	.sec07__item-desc{ font-size: 16px; }
	.sec07__item:nth-child(2n) .sec07__border--right{ display: none; }
	.sec07__item:nth-child(n+5) .sec07__border--bottom{ display: none; }
	.sec07__item:nth-child(3) .sec07__border--right, .sec07__item:nth-child(n+7) .sec07__border--bottom{ display: block; }
}

@media screen and (max-width: 768px){
	.sec07{ padding: 80px 0; gap: 60px; }
	.sec07__title{ gap: 20px; margin-bottom: 60px; }
	.sec07__title-sub{ font-size: 16px; }
	.sec07__item{ flex: 0 0 50%; width: 50%; padding: 50px 25px; gap: 30px; }
	.sec07__number{ width: 32px; height: 32px; font-size: 14px; }
	.sec07__content{ gap: 20px; }
	.sec07__item-title{ font-size: 22px; }
	.sec07__item-desc{ font-size: 14px; white-space: normal; word-break: keep-all; }
}

@media screen and (max-width: 500px){
	.sec07{ padding: 60px 0; gap: 50px; }
	.sec07__title{ gap: 15px; margin-bottom: 40px; }
	.sec07__title-sub{ font-size: 14px; }
	.sec07__item{ flex: 0 0 100% !important; width: 100% !important; padding: 40px 20px; gap: 25px; }
	.sec07__number{ width: 28px; height: 28px; font-size: 14px; }
	.sec07__content{ gap: 15px; }
	.sec07__item-title{ font-size: 18px; }
	.sec07__item-desc{ font-size: 14px; }
	.sec07__item .sec07__border--right, .sec07__item:nth-child(n) .sec07__border--right{ display: none !important; }
	.sec07__item:nth-child(n+5) .sec07__border--bottom, .sec07__item:nth-child(n+7) .sec07__border--bottom{ display: none; }
	.sec07__item:last-child .sec07__border--bottom{ display: block; }
}



/* ============================================
   Section 08
   ============================================ */
.sec08 {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

.sec08 .wrap1500 {
  display: flex;
  flex-direction: column;
  gap: 100px;
  align-items: center;
}

/* Title */
.sec08__title {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  text-align: center;
}

.sec08__title-sub {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

/* Logos */
.sec08__logos {
  display: flex;
  flex-direction: column;
  gap: 100px;
  width: 100%;
}

.sec08__row {
  display: flex;
  align-items: center;
  width: 100%;
}

.sec08__logo {
  flex: 0 0 250px;
  width: 250px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec08__logo-placeholder {
	width: 80%;
	height: 70%;
	background-color: #333333;
	border-radius: 5px;
}

@media screen and (max-width: 1600px){
	.sec08{width: 93%; margin: 0 auto;}
	
	.sec08__row{
		flex-wrap: wrap;
		row-gap: 40px;
		justify-content: center;
	}
	
	.sec08__logo{
		flex: 0 0 calc(100% / 6);
		width: calc(100% / 6);
	}

  .sec08__logo img{width: 100%; height: 100%; object-fit: contain;}
}

@media screen and (max-width: 1024px){
	.sec08{
		padding: 100px 0;
		gap: 80px;
	}
	
	.sec08 .wrap1500{
		gap: 80px;
	}
	
	.sec08__title{
		gap: 25px;
	}
	
	.sec08__title-sub{
		font-size: 18px;
	}
	
	.sec08__logos{
		gap: 50px;
	}
	
	.sec08__row{
		flex-wrap: wrap;
    row-gap: 40px;
		justify-content: center;
	}
	
	.sec08__logo{
		flex: 0 0 33.333%;
		width: 33.333%;
	}
}

@media screen and (max-width: 768px){
	.sec08{
		padding: 80px 0;
		gap: 60px;
	}
	
	.sec08 .wrap1500{
		gap: 60px;
	}
	
	.sec08__title{
		gap: 20px;
	}
	
	.sec08__title-sub{
		font-size: 16px;
	}
	
	.sec08__logos{
		gap: 60px;
	}
	
	.sec08__row{
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.sec08__logo{
		flex: 0 0 33.333%;
		width: 33.333%;
		height: 50px;
	}
}

@media screen and (max-width: 500px){
	.sec08{
		padding: 60px 0;
		gap: 50px;
	}
	
	.sec08 .wrap1500{
		gap: 50px;
	}
	
	.sec08__title{
		gap: 15px;
	}
	
	.sec08__title-sub{
		font-size: 14px;
	}
	
	.sec08__logos{
		gap: 40px;
	}
	
	.sec08__logo{
		flex: 0 0 50%;
		width: 50%;
	}
	
	.sec08__logo-placeholder{
		width: 90%;
		height: 80%;
	}
}

/* ============================================
   Section 09
   ============================================ */
.sec09 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 150px 0;
  width: 100%;
  background-color: #000000;
}

/* Left Image */
.sec09__image {
  width: 50%;
  min-height: 1px;
  align-self: stretch;
  background: url('/front/_img/main/sec09_img01.jpg') no-repeat center center / cover;
}

/* Right Content */
.sec09__content {
  flex-shrink: 0;
  width: 50%;
  background-color: #111111;
  padding: 200px 100px;
  display: flex;
  flex-direction: column;
  gap: 100px;
  overflow: hidden;
}

.sec09__text {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

.sec09__title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.4;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
}

.sec09__title span {
  display: block;
}

.sec09__subtitle {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: #FFFFFF;
  margin: 0;
}

.sec09__notice {
  display: flex;
  column-gap: 5px;
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #999999;
  white-space: nowrap;
}

.sec09__notice p {
  margin: 0;
}

/* Button */
.sec09__btn {
  position: relative;
  width: 100%;
  padding: 30px 0;
  border: 2px solid #FFFFFF;
  border-radius: 100px;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden;
  transition: opacity 0.3s ease;
  display: flex;
  gap: 0;
  text-decoration: none;
}

.sec09__btn:hover {
  opacity: 0.8;
}

.sec09__btn:hover .sec09__btn-content,
.sec09__btn:hover .sec09__btn-content--duplicate {
  animation-play-state: paused;
}

.sec09__btn-content,
.sec09__btn-content--duplicate {
  display: flex;
  align-items: center;
  gap: 20px;
  animation: scroll-left-btn 20s linear infinite;
  will-change: transform;
  flex-shrink: 0;
  padding: 0 10px;
}

.sec09__btn-content .img_box,
.sec09__btn-content--duplicate .img_box {
  width: 22px;
  flex-shrink: 0;
}

.sec09__btn-content .img_box img,
.sec09__btn-content--duplicate .img_box img {
  width: 100%;
  display: block;
}

.sec09__btn-content span {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}

@media screen and (max-width: 1024px){
	.sec09{ padding: 100px 0; display: flex; flex-direction: column; }
	.sec09__image{ width: 100%; height: 400px; }
	.sec09__content{ width: 100%; padding: 150px 70px; gap: 80px; }
	.sec09__text{ gap: 25px; }
	.sec09__title{ font-size: 40px; }
	.sec09__subtitle{ font-size: 18px; }
	.sec09__notice{ font-size: 16px; }
	.sec09__btn{ padding: 25px 0; }
	.sec09__btn-content span{ font-size: 20px; }
	.sec09__btn-content .img_box{ width: 19px; }
	.sec09__btn-content .img_box img{ width: 100%; }
}

@media screen and (max-width: 768px){
	.sec09{ flex-direction: column; padding: 0; }
	.sec09__image{ width: 100%; min-height: 400px; }
	.sec09__content{ width: 100%; padding: 80px 40px; gap: 60px; }
	.sec09__text{ gap: 20px; }
	.sec09__title{ font-size: 32px; white-space: normal; word-break: keep-all; }
	.sec09__subtitle{ font-size: 16px; }
	.sec09__notice{ font-size: 14px; white-space: normal; word-break: keep-all; }
	.sec09__btn{ padding: 20px 0; }
	.sec09__btn-content, .sec09__btn-content--duplicate{ gap: 15px; }
	.sec09__btn-content span{ font-size: 18px; }
	.sec09__btn-content .img_box{ width: 16px; }
}

@media screen and (max-width: 500px){
	.sec09__image{ min-height: 280px; }
	.sec09__content{ padding: 60px 20px; gap: 50px; }
	.sec09__text{ gap: 15px; }
	.sec09__title{ font-size: 24px; }
	.sec09__subtitle{ font-size: 14px; }
	.sec09__notice{ font-size: 14px; }
	.sec09__btn{ padding: 18px 0; }
	.sec09__btn-content, .sec09__btn-content--duplicate{ gap: 12px; }
	.sec09__btn-content span{ font-size: 16px; }
	.sec09__arrow{ width: 30px; height: 30px; }
	.sec09__btn-content .img_box{ width: 14px; }
}

/* ============================================
   Footer
   ============================================ */
.footer {
  position: relative;
  width: 100%;
  background-color: #000000;
  color: #FFFFFF;
  padding: 100px 70px;
}

/* Floating Buttons */
.footer__floating-buttons {
  position: fixed;
  bottom: 70px;
  right: 70px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
  transition: all 0.3s ease;
}

.footer__floating-buttons.footer__floating-buttons--in-footer {
  position: absolute;
  bottom: auto;
  right: 70px;
  top: -70px;
}

.footer__btn-company {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 200px;
  padding: 20px 25px;
  border: 1px solid #FFFFFF;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: all 0.3s ease;
}

.footer__btn-company:hover {
  border-color: #E5FF48;
}

.footer__btn-company span{
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.footer__btn-company:hover span{
  color: #E5FF48;
}

.footer__btn-company .img_box{
  background: url(/front/_img/quick_arrow01.png) no-repeat center center / 100%;
  width: 18px;
  height: 20px;
  flex-shrink: 0;
}

.footer__btn-company:hover .img_box{
  background: url(/front/_img/quick_arrow01_ye.png) no-repeat center center;
}

.footer__btn-consult {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 200px;
  padding: 20px 25px;
  border: none;
  border-radius: 100px;
  background-color: #E5FF48;
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.footer__btn-consult:hover {
  background-color: #d5ef38;
}

.footer__btn-consult svg {
  width: 20px;
  height: 16px;
  flex-shrink: 0;
  transform: rotate(90deg);
}

/* Footer Inner */
.footer__inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

/* Top Section */
.footer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-transform: uppercase;
}

.footer__headline {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.footer__headline-text {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.4;
  color: #FFFFFF;
}

.footer__headline-title {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 50px;
  line-height: 1.4;
  color: #FFFFFF;
}

.footer__menu {
  display: flex;
  align-items: center;
  gap: 50px;
}

.footer__menu-item {
  font-family:'GmarketSans', sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer__menu-item:hover {
  color: #E5FF48;
}

/* Middle Section */
.footer__middle {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-top: 60px;
  width: 100%;
}

.footer__middle::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #444444;
  pointer-events: none;
}

.footer__logo {
  width: 243px;
  height: 54px;
  flex-shrink: 0;
}

.footer__logo svg {
  display: block;
  width: 100%;
  height: 100%;
}

.footer__company-info {
  display: flex;
  gap: 40px;
  width: 100%;
}

.footer__info-column {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 16px;
  line-height: 1.4;
}

.footer__info-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
}

.footer__info-label {
  font-family:'GmarketSans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  flex-shrink: 0;
}

.footer__info-value {
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  color: #BBBBBB;
}

.footer__info-value p {
  margin: 0;
}

.footer__info-value p:not(:last-child) {
  margin-bottom: 0;
}

/* Bottom Section */
.footer__bottom {
  display: flex;
  gap: 40px;
  align-items: center;
  width: 100%;
}

.footer__legal-links {
  flex: 1 0 0;
  display: flex;
  gap: 20px;
  font-family:'GmarketSans', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
}

.footer__legal-link {
  color: #FFFFFF;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.footer__legal-link:first-child {
  color: #FFFFFF;
}

.footer__legal-link:last-child {
  color: #999999;
}

.footer__legal-link:hover {
  color: #E5FF48;
  transition: all 0.3s ease;
}

.footer__social {
  display: flex;
  gap: 18px;
  align-items: center;
}

.footer__social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  transition: transform 0.3s ease-out;
}

.footer__social-icon:hover {
  transform: scale(1.1);
}

.footer__social-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1024px){
	.footer{ padding: 80px 50px; }
	.footer__floating-buttons{ bottom: 50px; right: 50px; }
	.footer__floating-buttons.footer__floating-buttons--in-footer{ right: 50px; top: -60px; }
	.footer__btn-company span{ font-size: 16px; }
	.footer__btn-company, .footer__btn-consult{ width: 180px; padding: 18px 22px; font-size: 16px; }
	.footer__inner{ gap: 50px; }
	.footer__top{ flex-direction: column; align-items: flex-start; gap: 40px; }
	.footer__headline{ gap: 25px; }
	.footer__headline-text{ font-size: 26px; }
	.footer__headline-title{ font-size: 42px; }
	.footer__menu{ gap: 40px; }
	.footer__menu-item{ font-size: 18px; }
	.footer__middle{ gap: 35px; padding-top: 50px; }
	.footer__logo{ width: 200px; height: 44px; }
	.footer__logo img{ width: 100%; }
	.footer__company-info{ flex-wrap: wrap; }
	.footer__info-column{ flex: 0 0 calc(50% - 20px); }
	.footer__info-label, .footer__info-value{ font-size: 14px; }
	.footer__bottom{ gap: 30px; }
	.footer__legal-links{ font-size: 16px; }
	.footer__social-icon{ width: 22px; height: 22px; }
}

@media screen and (max-width: 768px){
	.footer{ padding: 60px 30px; }
	.footer__floating-buttons{ bottom: 30px; right: 30px; position: fixed !important; }
	.footer__floating-buttons.footer__floating-buttons--in-footer{ position: fixed !important; right: 30px; bottom: 30px; top: auto; }
	.footer__btn-company span{ font-size: 13px; }
	.footer__btn-company, .footer__btn-consult{ width: 160px; padding: 16px 20px; font-size: 14px; }
	.footer__btn-company .img_box{ width: 16px; height: 18px; }
	.footer__btn-consult svg{ width: 18px; height: 14px; }
	.footer__inner{ gap: 40px; }
	.footer__top{ gap: 30px; }
	.footer__headline{ gap: 20px; }
	.footer__headline-text{ font-size: 22px; }
	.footer__headline-title{ font-size: 34px; }
	.footer__menu{ flex-wrap: wrap; gap: 20px; }
	.footer__menu-item{ font-size: 16px; }
	.footer__middle{ gap: 30px; padding-top: 40px; }
	.footer__logo{ width: 180px; height: 40px; }
	.footer__company-info{ flex-direction: column; gap: 10px; }
	.footer__info-column{ gap: 8px; }
	.footer__info-label, .footer__info-value{ font-size: 14px; }
	.footer__bottom{ flex-direction: column; align-items: flex-start; gap: 25px; }
	.footer__legal-links{ flex-direction: column; gap: 15px; font-size: 14px; }
	.footer__social{ gap: 15px; }
	.footer__social-icon{ width: 20px; height: 20px; }
}

@media screen and (max-width: 500px){
	.footer{ padding: 50px 20px; }
	.footer__floating-buttons{ bottom: 20px; right: 20px; }
	.footer__floating-buttons.footer__floating-buttons--in-footer{ right: 20px; top: -45px; }
	.footer__btn-company, .footer__btn-consult{ width: 130px; padding: 12px 18px; font-size: 13px; gap: 8px; }
	.footer__btn-company .img_box{ width: 12px; height: 16px; }
	.footer__btn-consult svg{ width: 16px; height: 13px; }
	.footer__inner{ gap: 35px; }
	.footer__top{ gap: 25px; }
	.footer__headline{ gap: 15px; }
	.footer__headline-text{ font-size: 18px; }
	.footer__headline-title{ font-size: 26px; }
	.footer__menu{ flex-direction: column; align-items: flex-start; gap: 15px; }
	.footer__menu-item{ font-size: 14px; }
	.footer__middle{ gap: 25px; padding-top: 35px; }
	.footer__logo{ width: 160px; height: 35px; }
	.footer__company-info{ gap: 20px; }
	.footer__info-column{ gap: 10px; }
	.footer__info-label{ font-size: 14px; }
	.footer__info-value{ font-size: 14px; }
	.footer__bottom{ gap: 20px; }
	.footer__legal-links{ gap: 12px; font-size: 14px; }
	.footer__social{ gap: 12px; }
	.footer__social-icon{ width: 18px; height: 18px; }
}