body * {margin: 0;padding: 0;box-sizing: border-box;}
a,button {cursor: pointer;}
ul,li,ol {list-style: none;}

body {
  --c_white: #fff;
  --c_grey: #F1F4F8;
  --c_grey2: #E6EAF0;
  --c_grey3: #F6F8FA;
  --c_lightblue: #E9F5FC;
  --c_blue: #007FFF;
  --c_pink: #FF32B5;
  --c_black: #000;
  /*  color */
  --padding: 180px 50px;
  --padding_btn: 0 40px;
}

/*  common  */
.tenAnni-inner {
  --gap: 60px;
  text-align: center;    
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  max-width: 1380px;
  padding: var(--padding);
  margin: 0 auto;
}
.hidden-pc {
  display: none;
}
.hidden-mo {
  display: block;
}
.btn-group.hidden-pc {
  display: none;
}
.main-tit h3 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1px;
}
.main-tit b {
  font-weight: 700;
}
.main-tit h4,
.conts-tit h4 {
  font-size: 34px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -1px;
  padding-bottom: 16px;
}
.main-tit h5 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -1px;
  padding-bottom: 16px;
}
.main-tit b {
  position: relative;
  font-weight: 700;
}
.main-tit b::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  display: block;
  border-radius: 1000px;
  background: var(--c_blue);
  opacity: .25;
}
._white.main-tit h3,
._white.main-tit h4,
._white.main-tit h5,
._white.conts-tit h4 {
  color: var(--c_white);
}


/*  tenAnni-logo  */
.logo-list {
  position: relative;
  overflow: hidden;
}

.logo-list::before,
.logo-list::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 302px;
  height: 100%;
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.86) 52.26%, rgba(255, 255, 255, 0.00) 100%);
}

.logo-list::before {
  left: auto;
  right: 0;
  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.86) 52.26%, rgba(255, 255, 255, 0.00) 100%);
}

.logo-list .logo {
  height: 100px;
  background-size: auto 100%;
  animation: logo-roller 30s linear infinite;
}

.tenAnni-logo .logo._1 {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/240202_renew/img_logo_1.png') repeat-x;
  background-size: auto 100%;
}

.tenAnni-logo .logo._2 {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/240202_renew/img_logo_2.png') repeat-x;
  background-size: auto 100%;
  margin-left: -110px;
  animation: logo-roller-re 30s linear infinite;
}

.tenAnni-logo .logo._3 {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/240202_renew/img_logo_3.png') repeat-x;
  background-size: auto 100%;
}


/*  tenAnni-member  */
.tenAnni-member {
  background-color: var(--c_grey2);
}
.member-conts {
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  perspective: 1000px;
}
.member-conts>li>a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
  transition: .5s;
}
.front,
.back {
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 54px;
  background-color: var(--c_black);
  border-radius: 20px;
  backface-visibility: hidden;
}
.tenAnni-member .front {
  position: relative;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/member_b_1.png') no-repeat center;
  background-size: cover;
}
.tenAnni-member .front._2 {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/member_b_2.png') no-repeat center;
  background-size: cover;
}
.tenAnni-member .front._3 {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/member_b_3.png') no-repeat center;
  background-size: cover;
}
.tenAnni-member .front._4 {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/member_b_4.png') no-repeat center;
  background-size: cover;
}
.back {
  background-color: var(--c_white);
  transform: rotateY(180deg);
}
.member-icon {
  width: 100%;
  height: 100%;
  max-width: 180px;
  max-height: 180px;
}
.member-conts .main-tit {
  text-align: left;
  width: 50%;
  padding-bottom: 8px;
}
.member-conts .main-tit h4 {
  font-weight: 700;
}
.member-conts .main-tit strong {
  color: var(--c_blue);
}
.member-conts .info-p {
  color: #aaa;
  padding-bottom: 0;
}
.front .main-tit h4 {
  color: var(--c_white);
}
.back .main-tit h4 {
  color: var(--c_black);
}
.back .info-p {
  color: #aaa;
}


/*  tenAnni-advan   */
.tenAnni-advan {
  background-color: var(--c_grey3);
}
.advan-conts {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  gap: 40px 16px;
}
.advan-conts .conts-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.advan-conts .conts-box>div {
  text-align: left;
  align-items: center;
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  background-color: var(--c_white);
  border: 4px solid #000;
  box-shadow: 4px 4px 0px 0px #000;
  padding: 58px 60px;
}

.advan-conts .conts-box .box2 {
  text-align: left;
  position: relative;
  justify-content: flex-start;
  padding-left: 100px;
}
.advan-conts .conts-box .box2::before {
  content: '';
  display: block;
  width: 78px;
  height: 148px;
  position: absolute;
  top: auto;
  left: -50px;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/advan_common.png') no-repeat center;
  background-size: cover;
}
.conts-box .txt {
  text-align: left;
}
.advan-conts em {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.7;
  color: var(--c_black);
  transition: .3s all .6s ease;
}
.advan-conts h4 {
  font-weight: 700;
  padding-bottom: 0;
}
.advan-conts h5 {
  position: relative;    
  display: flex;
  flex-direction: column;
  align-items: center;
  width: clamp(120px, 11vw, 180px);
  height: clamp(120px, 11vw, 180px);
  overflow: hidden;
}
.advan-conts p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}
.advan-conts h5::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: clamp(100px, 9vw, 148px);
  height: clamp(100px, 9vw, 148px);
  background: var(--c_lightblue);
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  transition: .5s transform .1s ease-in-out;
}
.advan-conts h5 > img {
  position: relative;
  z-index: 1;
  transform: translateY(100%);
}
.advan-conts .__ani em {
  color: var(--c_blue);
}
.advan-conts .__ani h5::before {
  transform: translateX(-50%) scale(1);
}
.advan-conts .__ani h5>img {
  animation: .5s advan .2s ease forwards alternate;
}


/*tenAnni-history*/
.history-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 80px 20px;
}
.history-conts {
  width: 100%;
}
.h-box {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 240px;
  width: 100%;
}
.h-box::after {
  content: '';
  display: block;
  position: absolute;
  top: 100px;
  right: -50px;
  width: 80px;
  height: 2px;
  background-color: var(--c_grey);
  transition: all .15s ease-in;
}
.h-box:nth-child(5)::after {
  content: '';
  display: block;
  position: absolute;
  top: 100px;
  right: 0px;
  width: 40px;
  height: 2px;
  background-color: var(--c_grey);
}
.h-box.sixth::before {
  content: '';
  display: block;
  position: absolute;
  top: 100px;
  left: 0px;
  width: 40px;
  height: 2px;
  background-color: var(--c_grey);
}
.h-box._pink::after {
  content: '';
  display: block;
  position: absolute;
  top: 100px;
  right: -50px;
  width: 80px;
  height: 2px;
  background-color: var(--c_grey);
}
.h-box._pink:last-child::after {
  content: none;
}
.h-box._baloon1 > h5:before {
  content: '업계 최초';
  position: absolute;
  top: -10px;
  left: calc((100% - 61px) / 2);
  display: block;
  width: 61px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.7;
  color: var(--c_white);
  background-color: var(--c_blue);
  border-radius: 13px;
  opacity: 0;
  z-index: 2;
  transition: opacity .4s ease-in-out;
}
.h-box._baloon2 > h5:before {
  content: '업계 유일';
  position: absolute;
  top: -10px;
  left: calc((100% - 61px) / 2);
  display: block;
  width: 61px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.7;
  color: var(--c_white);
  background-color: var(--c_pink);
  border-radius: 13px;
  opacity: 0;
  z-index: 2;
  transition: opacity .4s ease-in-out;
}
.h-box > h5 {
  position: relative;
  width: 100px;
  line-height: 0;
}
.h-box > h5::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c_black);
  opacity: 0.4;
  border-radius: 20px;
}
.h-box > small {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.7;
  color: #BDC6CF;
}
.h-box p {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 8px;
  color: #BDC6CF;
}
.h-box em {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: #BDC6CF;
}
.relation-banner {
  position: relative;
  background: var(--c_black);
  border-radius: 20px;
  overflow: hidden;
}
.relation-banner a {
  display: flex;
  justify-content: flex-end;
  min-height: 224px;
  padding: 50px 235px 50px 50px;
}
.relation-txt {
  position: absolute;
  top: 50px;
  left: 50px;
}
.relation-conts .main-tit {
  position: relative;
  text-align: right;
  z-index: 1;
}
.relation-conts .main-tit h3 {
  font-size: 40px;
}
.relation-conts .main-tit::after {
  content: '';
  position: absolute;
  bottom: -26px;
  right: -156px;
  display: block;
  width: 271px;
  height: 224px;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/relation_bg.png') no-repeat center 100% / 100%;
  z-index: -1;
}
.relation-conts .main-tit::before {
  content: '';
  position: absolute;
  top: 7px;
  right: -12px;
  display: block;
  width: 22px;
  height: 34px;
  background: url("data:image/svg+xml,%3Csvg width='22' height='34' viewBox='0 0 22 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3547_9689)'%3E%3Crect x='0.226562' y='-0.204102' width='10.1251' height='32.965' fill='black'/%3E%3Cpath d='M4.28639 20.1587L2.86873 18.0181L1.98828 20.8008L3.16718 28.0788L7.27096 28.721L6.15175 18.0181L4.28639 20.1587Z' fill='white'/%3E%3Cpath d='M2.42969 16.3055V11.5962L6.83192 5.60254V12.4524L5.31391 13.7461L4.8585 15.3748L3.8718 14.2114L2.42969 16.3055Z' fill='white'/%3E%3Cpath d='M13.7232 12.4298L17.6888 11.8812L18.7154 10.0265L17.0984 9.02832C17.0984 9.02832 14.6749 11.7361 13.7188 12.4263L13.7232 12.4298Z' fill='white'/%3E%3Cpath d='M5.21321 17.2368L7.41433 16.6246L6.02322 15.3745L4.1875 16.2693L5.21321 17.2368Z' fill='white'/%3E%3Cpath d='M16.2334 15.3457L15.7188 16.7056L19.0002 18.7472L19.7161 16.9142L16.2334 15.3457Z' fill='white'/%3E%3Cpath d='M15.2863 21.6626L16.2154 19.6562L11.2188 19.2329L12.7173 21.18L15.2863 21.6583V21.6626Z' fill='white'/%3E%3Cpath d='M10.429 14.475L9.21875 15.7089L10.8324 16.3173L12.7164 15.7089L11.3045 13.8877L10.429 14.4793V14.475Z' fill='white'/%3E%3Cpath d='M4.08607 1.94079L8.4298 2.6364L6.82901 12.4529L2.42693 11.5967L4.08607 1.94079Z' fill='white'/%3E%3Cpath d='M1.98828 20.7476L6.34978 20.1666L7.79679 30.0057L3.37476 30.5912L1.98828 20.7476Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3547_9689'%3E%3Crect width='22' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 100% / 100%;
}


/*   tenAnni-growup   */
.tenAnni-growup .add-tit {
  padding-bottom: 12px;
}
.tenAnni-growup .tenAnni-inner {
  --gap: 24px;
}
.growup-tit {
  vertical-align: middle;
  display: inline-flex;
  width: 186px;
  height: 107px;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/growup_tit.png') no-repeat;
  background-size: contain;
  margin-right: 8px;
}
.growup-conts {    
  align-items: end;
  display: flex;
  justify-content: space-between;
}
.growup-conts .conts-tit {
  text-align: left;
  display: flex;
  flex-direction: column;
  padding-bottom: 98px;
}
.growup-conts .conts-tit h3 {
  font-size: 52px;
}
.growup-table {
  text-align: left;
  width: 634px;
}
.img-box {
  position: relative;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  line-height: 0;
  width: 730px;
  height: 666px;
}
.growup-badge {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 520px;
  max-height: 364px;
  width: 100%;
  height: 100%;
  transform: scale(0);
}
.__ani .growup-badge {
  animation: .4s growup .5s ease-out forwards;
}


/*  tenAnni-trend   */
.tenAnni-trend {
  background: var(--c_grey);
}
.trend-table {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  width: 100%;
  gap: 13px;
}
.trend-table > div {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.trend-table .table-layout .table-li {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 34px 24px 35px 40px;
}
.trend-table .table-li {
  text-align: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 250px;
  background-color: var(--c_white);
  border-radius: 20px;
  padding: 40px 24px 24px 40px;
}
.trend-table .conts-tit h4 {
  font-weight: 700;
}
.trend-table .table-li p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  padding-bottom: 6px;
}
.trend-table .table-li > img {
  display: block;    
  width: max(2vw, 130px);
  height: max(2vw, 130px);
  margin: auto 0 0 auto;
}
.trend-table .table-layout .table-li > img {
  width: 130px;
  height: 130px;
  margin: 0 0 0 auto;
}


/*    employ-conts   */
.employ-conts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 40px;
}
.employ-conts li > a  {
  position: relative;
  text-align: left;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 64px;
  width: 100%;
  height: 100%;
  padding: 43px 40px 27px;
  background-color: var(--c_black);
  border-radius: 20px;
  transition: .3s;
}
.employ-conts .conts-tit h4 {
  font-weight: 700
}
.employ-conts h4 strong {
  color: var(--c_blue);
}
.employ-conts .front h5 {
  font-weight: 700;
  color: var(--c_white);
}
.employ-conts .info-p {
  font-weight: 600;
  color: #aaa;
  padding-bottom: 0;
}
.employ-icon {
  width: 160px;
  height: 160px;
  margin: 0 0 0 auto;
}


/*   tenAnni-chairman    */
.tenAnni-chairman {
  background: var(--c_grey3);
}
.tenAnni-chairman h4 {
  width: 185px;
  height: 56px;
  margin: 0 auto;
}
.chairman-conts {
  position: relative;
  max-width: 728px;
  margin: 0 auto;
}
.chairman-conts::after {
  content: '';
  position: absolute;
  bottom: 100px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--c_black);
  z-index: 1;
}
.noo-box {
  position: relative;
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  width: 628px;
  padding: 0 40px;
}
.noo-box > a {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.noo-box > a:nth-child(2) {
  max-width: 297px;
  min-width: 184px;
  z-index: 1;
  margin-left: -44px;
}
.noo-box > a > img {
  transform-origin: bottom;
  transition: all .5s ease;
}
.noo-txt {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.noo-txt > strong {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: fit-content;
  font-weight: 500;
  color: var(--c_blue);
  border-bottom: 1px solid var(--c_blue);
  margin: 4px auto 0;
}
.noo-txt > strong::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3547_9958' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='23' height='22'%3E%3Crect x='0.5' width='22' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3547_9958)'%3E%3Cpath d='M12.0499 11L7.83325 6.78333L9.11659 5.5L14.6166 11L9.11659 16.5L7.83325 15.2167L12.0499 11Z' fill='%23007FFF'/%3E%3C/g%3E%3C/svg%3E%0A");
  mask-size: cover;
  background: var(--c_blue);
}



/*  tenAnni-num10   */
.tenAnni-num10 {
  background-color: var(--c_grey);
}
.tenAnni-num10 .tenAnni-inner {
  --gap: 50px;
  flex-direction: row;
  justify-content: space-between;
}
.tenAnni-num10 .main-tit {
  position: sticky;
  text-align: left;
  top: 182px;
  min-width: 350px;
  height: 1050px;
}
.num10-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 736px;
  width: 100%;
}
.num10-list > li {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: var(--c_white);
  border-radius: 36px;
  Padding: 64px;
}
.num10-list > li .rolling::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/num_first_8.png') no-repeat center;
  background-size: contain;
  z-index: -1;
}
.num10-list > li._2 .rolling::before {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/num_first_9.png') no-repeat center;
  background-size: contain;
}
.num10-list > li._3 .rolling::before {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/num_first_13.png') no-repeat center;
  background-size: contain;
}
.num10-list > li._4 .earth::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/num_first_3120.png') no-repeat center;
  background-size: contain;
}
.num10-list > li._5 .rolling::before {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/num_first_150.png') no-repeat center;
  background-size: contain;
}
.num10-list > li._6 .rolling::before {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/num_first_6800.png') no-repeat center;
  background-size: contain;
}
.num10-list > li._7 .rolling::before {
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/num_first_800.png') no-repeat center;
  background-size: contain;
}
.rolling {
  position: relative;
  width: 100%;
  max-height: 420px;
  line-height: 0;
  margin: 0 auto;
  z-index: 2;
}
.rolling > img {
  width: 100%;
  height: 100%;
}
.rolling > img:nth-child(2),
.rolling > img:nth-child(3),
.rolling > img:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rolling > img {
  opacity: 0;
}
.rolling > img.active {
  opacity: 1;
  z-index: 5;
}
.num10-list .add-tit {
  font-size: 40px;
  font-weight: 700;
}
.num10-list .add-tit b {
  color: var(--c_blue);
}
.num10-p-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 40px;
}
.num10-p {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -1px;
  color: #36393C;
}
.earth {
  position: relative;
}
.earth img:first-child {
  position: relative;
  z-index: 2;
  transform: rotate(-2deg);
  animation: personne 3s linear infinite alternate;
}
.earth-img {
  position: absolute;
  bottom: 58px;
  left: calc((100% - 221px) /2);
  width: 221px;
  height: 213px;
  animation: earth 8s linear infinite;
}
.info-p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
  color: #36393C;
  padding-bottom: 40px;
}


/*tenAnni-survey*/
.tenAnni-survey .tenAnni-subtit {
  padding-bottom: 8px;
}
.tenAnni-survey h3 {
  width: 508px;
  margin: 0 auto;
}
.survey-caution {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: -36px;
}
.survey-caution em {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: #6D757C;
}
.tenAnni-survey .survey-conts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 652px 795px 363px;
  gap: 24px;
}
.survey-conts .box {
  position: relative;
  align-items: baseline;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 5px solid #000;
  background: var(--ffffff, #FFF);
  box-shadow: 4px 4px 0px 0px #000;
  padding: 40px;
}
.column-b {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.column-b .box {
  height: 100%;
}
.survey {
  display: flex;
  gap: 24px;
}
.survey._2 {
  flex-direction: column;
}
.survey._3 {
  order: 4;
}
.survey._4 {
  height: 636px;
  order: 3;
}
.survey._5 {
  order: 6;
  height: 360px;
}
.survey._6 {
  width: 100%;
  height: 519px;
  order: 5;
  margin-top: -159px;
}
.survey._5 .box:last-child::before {
  content: '';
  position: absolute;
  top: 40px;
  right: 40px;
  display: block;
  width: 40%;
  height: 17%;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/survey_2-2_add.png') no-repeat center;
  background-size: contain;
}
.survey h5 {
  text-align: left;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -1px;
  padding-bottom: 36px;
}
.survey span {
  display: block;
  font-size: 70px;
  font-weight: 600;
  line-height: 1;
  color: var(--c_blue);
}
.survey p {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.7;
}
.survey strong {
  color: var(--c_blue);
}
.srv3-img {
  width: 193px;
  height: auto;
}
.srv7-img {
  max-width: 240px;
  min-width: 140px;
  width: 100%;
  height: auto;
  margin: -40px 0 0 auto;
}
.survey._2 .box:last-child {
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
.survey._6 h5 {
  padding-bottom: 0;
}


/*  tenAnni-accodian  */
.tenAnni-accodian .tenAnni-inner {
  padding: 0 50px 100px;
}
.acc-tit {
  display: flex;
  justify-content: space-between;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  padding: 32px 48px;
  background-color: var(--c_grey);
  border-radius: 24px;
  cursor: pointer;
}
.acc-tit::after {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/acco_arrow.png') no-repeat center;
  background-size: cover;
  transition: all .3s ease-in-out;
}
.acc-tit.active::after {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/acco_arrow.png') no-repeat center;
  background-size: cover;
  transform: rotate(180deg);
}
.acc-box {
  text-align: left;
  max-width: 1062px;
  width: 100%;
  background-color: var(--c_grey);
  border-radius: 24px;
  margin: 0 auto;
}
.acc-list {
  padding: 0 0 32px 48px;
}
.acc-list > li {
  list-style: disc;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: var(--c_deepgrey);
}


/*  버튼  */
.btn-group {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin: 0 auto;
}
.tenAnni-num10 .btn-group {
  margin: 60px auto 0;
}
.btn-group .btn {
  align-items: center;
  display: flex;
  justify-content: center;
  width: fit-content;
  height: 56px;
  color: var(--c_white);
  text-indent: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  background: #000;
  margin: 0 auto;
  padding: var(--padding_btn);
  border-radius: 8px;
}
.btn-group .btn._blue {
  color: var(--c_white);
  background: var(--c_blue);
}
.btn-group .btn.isborder {
  color: var(--c_black);
  background-color: var(--c_white);
  border: 2px solid var(--c_black);
}
.btn-group > .btn._share {
  gap: 8px;
  color: var(--c_white);
  background-color: var(--c_black);
}
.tenAnni-employ .btn-group .btn {
  min-width: 270px;
}
.tenAnni-num10 .btn-group .btn {
  margin: 0 auto 0 0;
}


.btn-group > a::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  mask-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3570_729' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3570_729)'%3E%3Cmask id='mask1_3570_729' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='17' height='16'%3E%3Crect x='4.5' y='4' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_3570_729)'%3E%3Cpath d='M14.15 11.9993L9.24999 7.09935C9.08333 6.93268 9.00277 6.73546 9.00833 6.50768C9.01388 6.2799 9.09999 6.08268 9.26666 5.91602C9.43333 5.74935 9.63055 5.66602 9.85833 5.66602C10.0861 5.66602 10.2833 5.74935 10.45 5.91602L15.5667 11.0493C15.7 11.1827 15.8 11.3327 15.8667 11.4993C15.9333 11.666 15.9667 11.8327 15.9667 11.9993C15.9667 12.166 15.9333 12.3327 15.8667 12.4993C15.8 12.666 15.7 12.816 15.5667 12.9493L10.4333 18.0827C10.2667 18.2494 10.0722 18.3299 9.84999 18.3244C9.62777 18.3188 9.43333 18.2327 9.26666 18.066C9.09999 17.8994 9.01666 17.7021 9.01666 17.4743C9.01666 17.2466 9.09999 17.0494 9.26666 16.8827L14.15 11.9993Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  mask-size: cover;
  background: var(--c_white);
}
.btn-group > a.isborder::after {
  background: var(--c_black);
}
.btn-group > a._share::after {
  mask-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_3564_2871' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_3564_2871)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8978 6.50546C14.134 6.2693 14.4144 6.08196 14.7229 5.95415C15.0315 5.82634 15.3622 5.76056 15.6962 5.76056C16.0302 5.76056 16.3609 5.82634 16.6695 5.95415C16.978 6.08196 17.2584 6.2693 17.4945 6.50546C17.7307 6.74162 17.918 7.02199 18.0458 7.33055C18.1737 7.63911 18.2394 7.96982 18.2394 8.30381C18.2394 8.63779 18.1737 8.96851 18.0458 9.27707C17.918 9.58563 17.7307 9.86599 17.4945 10.1022L16.6994 10.8949C16.5323 11.068 16.4399 11.2998 16.4421 11.5404C16.4443 11.781 16.5409 12.0111 16.7111 12.1811C16.8813 12.3511 17.1115 12.4475 17.3521 12.4495C17.5927 12.4515 17.8244 12.3589 17.9973 12.1917L18.7913 11.3989C19.5798 10.5715 20.0135 9.46853 19.9997 8.32566C19.9859 7.18279 19.5258 6.0906 18.7176 5.28241C17.9094 4.47422 16.8172 4.01409 15.6743 4.00032C14.5315 3.98654 13.4285 4.42021 12.6011 5.20869L9.35793 8.44816C8.53707 9.26905 8.07591 10.3824 8.07591 11.5433C8.07591 12.7042 8.53707 13.8175 9.35793 14.6384C9.5309 14.8056 9.76263 14.8982 10.0032 14.8962C10.2438 14.8943 10.4739 14.7979 10.6441 14.6278C10.8143 14.4578 10.9109 14.2277 10.9132 13.9871C10.9154 13.7466 10.823 13.5148 10.6559 13.3416C10.4196 13.1055 10.2322 12.8252 10.1043 12.5166C9.9764 12.2081 9.91057 11.8773 9.91057 11.5433C9.91057 11.2093 9.9764 10.8785 10.1043 10.5699C10.2322 10.2614 10.4196 9.98102 10.6559 9.74493L13.8978 6.50546ZM13.7143 10.2808C13.5408 10.1141 13.3087 10.0223 13.068 10.0252C12.8274 10.028 12.5976 10.1253 12.428 10.296C12.2584 10.4667 12.1626 10.6972 12.1614 10.9378C12.1601 11.1785 12.2534 11.41 12.4212 11.5824C13.4195 12.5734 13.422 14.1882 12.4261 15.1816L9.17932 18.4198C8.94284 18.656 8.66215 18.8433 8.3533 18.9709C8.04444 19.0986 7.71346 19.1642 7.37924 19.164C7.04503 19.1638 6.71414 19.0977 6.40546 18.9696C6.09677 18.8415 5.81634 18.6539 5.58018 18.4174C5.10323 17.9398 4.83554 17.2923 4.836 16.6173C4.83645 15.9423 5.10503 15.2952 5.58263 14.8182L6.37414 14.0267C6.53622 13.8528 6.62445 13.6227 6.62025 13.385C6.61606 13.1473 6.51977 12.9205 6.35166 12.7524C6.18355 12.5843 5.95676 12.488 5.71906 12.4838C5.48136 12.4796 5.25131 12.5679 5.07738 12.7299L4.28464 13.5215C3.46279 14.3423 3.00069 15.4561 3 16.6177C2.99931 17.7792 3.46009 18.8935 4.28096 19.7154C5.10184 20.5372 6.21557 20.9993 7.37716 21C8.53874 21.0007 9.65302 20.5399 10.4749 19.719L13.7217 16.4808C14.1295 16.0738 14.4529 15.5903 14.6732 15.058C14.8936 14.5257 15.0066 13.9551 15.0059 13.379C15.0051 12.8029 14.8904 12.2326 14.6686 11.7009C14.4467 11.1692 14.122 10.6866 13.7131 10.2808H13.7143Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  background: var(--c_white);
}
.btn-group.double .btn {
  margin: 0;
}


._white {
  color: var(--c_white);
}



@keyframes growup {
  0% {
    transform: scale(0);
  }

  75% {
    transform: scale(110%);
  }

  100% {
    transform: scale(100%);
  }
}
@keyframes earth {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes personne {
  0% {
    transform: rotate(-2deg);
  }

  20% {
    transform: rotate(2deg);
  }

  40% {
    transform: rotate(-2deg);
  }

  60% {
    transform: rotate(2deg);
  }

  80% {
    transform: rotate(-2deg);
  }

  100% {
    transform: rotate(2deg);
  }
}
@keyframes move {
  0% {
    transform: translateY(15%);
  }

  100% {
    transform: translateY(0);
  }
}
@keyframes advan {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}
@keyframes logo-roller {
  0% {
    background-position: 2840px center;
  }

  100% {
    background-position: center;
  }
}
@keyframes logo-roller-re {
  0% {
    background-position: -2840px center;
  }

  100% {
    background-position: center;
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.15);
  }
}
@keyframes flip-in-hor-top {
  0% {
    transform: rotateX(-80deg) scale(2);
    opacity: 0;
  }

  100% {
    transform: rotateX(0) scale(1);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(250px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


/*  pc only   */
@media all and (min-width: 961px ) and (hover: hover) {

  .btn-group .btn:hover,
  .btn-group > .btn._share:hover {
    color: var(--c_white);
    background: var(--c_blue);
  }
  .btn-group .btn._blue:hover {
    background: var(--c_black);
  }
  .btn-group .btn.isborder:hover {
    color: var(--c_white);
    background: var(--c_blue);
    border: 2px solid var(--c_blue);
  }
  .btn-group > a.isborder:hover::after {
    background: var(--c_white);
  }


  .flip-box:hover .flip {
    transform: rotateY(-180deg);
  }


  .__ani .h-box._add > small {
    color: var(--c_blue);
  }
  .__ani .h-box._add p {
    color: #222;
  }
  .__ani .h-box._add em {
    color: var(--c_deepgrey);
  }
  .__ani .h-box._add > h5::after {
    content: none;
  }
  .__ani .h-box._add::after {
    background-color: var(--c_blue);
  }
  .__ani .h-box._add:nth-child(5)::after {
    background-color: var(--c_blue);
  }
  .h-box._pink._add::after {
    background-color: var(--c_pink);
  }
  .h-box.sixth._add::before {
    background-color: var(--c_blue);
  }
  .__ani .h-box._baloon1._add > h5::before,
  .__ani .h-box._baloon2._add > h5::before {
    opacity: 1;
  }

  .noo-box > a:hover > img {
    transform: scale(1.1);
  }

  .employ-conts li > a:hover {
    background: var(--c_grey);
    box-shadow: inset 0px 0px 0px 4px var(--c_grey2);
  }
  .employ-conts li > a:hover .conts-tit h4 {
    color: var(--c_black);
  }

}


/*  mo only   */
@media all and (max-width: 960px) {
  .hidden-pc {
    display: block;
  }

  .hidden-mo {
    display: none;
  }

  .btn-group.hidden-pc {
    display: block;
  }

  body {
    --padding: 130px 20px;
    --padding_btn: 0 14px;
  }
  .tenAnni-inner {
    --gap: 40px;
    max-width: 420px;
  }
  .main-tit h3 {
    font-size: 30px;
  }
  .main-tit h4, .conts-tit h4 {
    font-size: 22px;
  }
  .main-tit h5 {
    font-size: 16px;
    line-height: 1.7;
    padding-bottom: 8px;
  }
  .main-tit b::after {
    left: -2px;
    width: 102%;
    height: 10px;
  }

  /*  tenAnni-logo ::   mo */
  .logo-list .logo {
    height: 70px;
  }
  .logo-list::before,
  .logo-list::after {
    content: none;
  }
  .tenAnni-logo .tenAnni-inner {
    max-width: none;
    padding: 130px 0;
  }
  .tenAnni-logo .logo._1 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/main/240202_renew/img_logo_1_m.png') repeat-x;
    background-size: auto 100%;
  }
  .tenAnni-logo .logo._2 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/main/240202_renew/img_logo_2_m.png') repeat-x;
    background-size: auto 100%;
  }
  .tenAnni-logo .logo._3 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/main/240202_renew/img_logo_3_m.png') repeat-x;
    background-size: auto 100%;
  }
  .tenAnni-logo .logo._4 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/main/240202_renew/img_logo_4_m.png') repeat-x;
    background-size: auto 100%;
    animation: logo-roller-re 35s linear infinite;
  }

  /*  tenAnni-member :: mo  */
  .member-conts {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .member-conts .main-tit {
    width: 100%;
  }
  .member-conts .main-tit h4 {
    padding-bottom: 4px;
  }
  .front,
  .back {
    align-items: center;
    padding: 24px;
  }
  .back {
    display: none;
  }
  .member-icon {
    max-width: 108px;
    max-height: 108px;
  }

  /*  tenAnni-advan :: mo  */
  .advan-conts {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .advan-conts .conts-box {
    grid-template-columns: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: var(--c_white);
    padding: 24px;
    border-radius: 20px;
    border: 3px solid var(--c_black);
    box-shadow: 3px 3px 0px 0px var(--c_black);
  }
  .advan-conts .conts-box > div {
    align-items: end;
    border: 0;
    border-bottom: 1px solid var(--c_black);
    box-shadow: none;
    border-radius: 0;
    background-color: unset;
    padding: 0 0 18px 0;
  }
  .advan-conts .conts-box .box2 {
    text-align: left;
    justify-content: left;
    border: 0 1px 0 0 solid var(--c_black);
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
  .advan-conts .conts-box .box2::before {
    content: none;
  }
  .advan-conts em {
    font-size: 14px;
  }
  .advan-conts h5 {
    width: 90px;
    height: 90px;
  }
  .advan-conts h4 {
    font-size: 22px;
  }
  .advan-conts p {
    font-size: 16px;
    line-height: 1.7;
  }
  .advan-conts h5::before {
    width: 74px;
    height: 74px;
  }
  .conts-box .txt {
    line-height: 0;
  }

  /*  tenAnni-history :: mo  */
  .history-conts {
    position: relative;
    max-width: 242px;
    width: 100%;
    height: 520px;
    margin: 0 auto;
  }
  .history-conts::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 230px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 88.5%);
    z-index: 2;
  }
  .history-list {
    display: flex;
    gap: 0;
    height: 100%;
  }
  .h-box {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 82px 1fr;
    grid-template-rows: 31px 82px;
    gap: 0 16px;
    line-height: 0;
  }
  .h-box > small {
    text-align: center;
    width: 82px;
    grid-column: 1 / span 2;
    font-size: 18px;
  }
  .h-box > div {
    text-align: left;
  }
  .h-box p {
    font-size: 18px;
  }
  .h-box em {
    font-size: 14px;
  }
  .h-box._baloon1 > h5:before {
    top: -25px;
    left: 97px;
    display: block;
    width: 61px;
    height: 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.7;
    color: var(--c_white);
    background-color: var(--c_blue);
    border-radius: 13px;
    opacity: 0;
    z-index: 2;
    transition: opacity .3s ease-in;
  }
  .h-box._baloon2 > h5:before {
    top: -25px;
    left: 97px;
    display: block;
    width: 61px;
    height: 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.7;
    color: var(--c_white);
    background-color: var(--c_pink);
    border-radius: 13px;
    opacity: 0;
    z-index: 2;
    transition: opacity .3s ease-in;
  }
  .h-box > h5 {
    width: 82px;
    height: 82px;
  }
  .h-box::after,
  .h-box._pink::after,
  .h-box:nth-child(5)::after {
    width: 2px;
    height: 20px;
    left: 40px;
    right: auto;
    top: auto;
    bottom: -33px;
  }
  .h-box.swiper-slide-active > small {
    text-align: center;
    width: 82px;
    color: var(--c_blue);
  }
  .h-box._pink.swiper-slide-active > small {
    text-align: center;
    width: 82px;
    color: var(--c_pink);
  }
  .h-box.swiper-slide-active p {
    color: #222;
  }
  .h-box.swiper-slide-active em {
    color: var(--c_deepgrey);
  }
  .h-box.swiper-slide-active > h5::after {
    content: none;
  }
  .h-box.swiper-slide-active::after {
    background-color: var(--c_blue);
  }
  .h-box.swiper-slide-active:nth-child(5)::after {
    background-color: var(--c_blue);
  }
  .h-box._pink.swiper-slide-active::after {
    background-color: var(--c_pink);
  }
  .h-box._pink.swiper-slide-active:nth-child(6)::before {
    background-color: var(--c_pink);
  }
  .h-box._baloon1.swiper-slide-active > h5::before,
  .h-box._baloon2.swiper-slide-active > h5::before {
    opacity: 1;
  }
  .relation-banner a {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    min-height: auto;
    width: 325px;
    padding: 24px;
    margin: 0 auto;
  }
  .relation-conts .main-tit {
    text-align: left;
  }
  .relation-conts .main-tit h3 {
    font-size: 22px;
  }
  .relation-txt {    
    position: relative;
    top: 0;
    left: 0;
    font-size: 16px;
  }
  .relation-conts .main-tit::before {        
    top: 5px;
    right: -5px;
    width: 10px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3547_11641)'%3E%3Crect width='4.8603' height='15.824' fill='black'/%3E%3Cpath d='M1.9469 9.7746L1.26639 8.74707L0.84375 10.0829L1.40965 13.5765L3.37956 13.8847L2.84231 8.74707L1.9469 9.7746Z' fill='white'/%3E%3Cpath d='M1.05469 7.92477V5.6642L3.16786 2.78711V6.07521L2.43918 6.6962L2.22058 7.47802L1.74693 6.91958L1.05469 7.92477Z' fill='white'/%3E%3Cpath d='M6.47673 6.06444L8.38032 5.80109L8.87314 4.91078L8.0969 4.43164C8.0969 4.43164 6.93359 5.73143 6.47461 6.06274L6.47673 6.06444Z' fill='white'/%3E%3Cpath d='M2.3908 8.37247L3.44739 8.07859L2.77963 7.47852L1.89844 7.90803L2.3908 8.37247Z' fill='white'/%3E%3Cpath d='M7.67674 7.46387L7.42969 8.11663L9.00486 9.09667L9.34851 8.21678L7.67674 7.46387Z' fill='white'/%3E%3Cpath d='M7.22597 10.4959L7.67197 9.53278L5.27344 9.32959L5.99279 10.2642L7.22597 10.4938V10.4959Z' fill='white'/%3E%3Cpath d='M4.89346 7.04561L4.3125 7.63788L5.0871 7.92996L5.99147 7.63788L5.31369 6.76367L4.89346 7.04764V7.04561Z' fill='white'/%3E%3Cpath d='M1.85116 1.02916L3.93625 1.36307L3.16783 6.07525L1.05473 5.66423L1.85116 1.02916Z' fill='white'/%3E%3Cpath d='M0.84375 10.0571L2.93738 9.77824L3.63198 14.5012L1.50929 14.7823L0.84375 10.0571Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3547_11641'%3E%3Crect width='10' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .relation-conts .main-tit::after {        
    bottom: 4px;
    right: -107px;
    display: block;
    width: 172px;
    height: 152px; 
    background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/relation_bg_m.png') no-repeat center 100% / 100%;
  }

  /*  tenAnni-growup  :: mo   */
  .tenAnni-growup .tenAnni-inner {
    --gap: 60px;
  }
  .growup-conts {
    flex-direction: column;
    gap: 38px;
  }
  .growup-conts .conts-tit {
    text-align: center;
    width: 100%;
    padding-bottom: 0;
  }
  .growup-conts .conts-tit h3 {
    font-size: 30px;
  }
  .img-box {
    position: relative;
    width: 100%;
    height: 400px;
  }
  .growup-table {
    width: 100%;
  }
  .growup-badge {
    width: 283px;
    height: 190px;
    top: 0;
    z-index: 2;
  }

  /*  tenAnni-trend  ::  mo  */
  .trend-table {
    flex-direction: column;
  }
  .trend-table .table-li {
    flex-direction: row;
    padding: 24px;
  }
  .trend-table .conts-tit h4 {
    padding-bottom: 0;
  }
  .trend-table .table-li p {
    font-size: 14px;
    padding-bottom: 4px;
  }
  .trend-table .table-li > img {
    width: 90px;
    height: 90px;
  }
  .trend-table .table-layout .table-li {
    padding: 24px;
  }
  .trend-table .table-layout .table-li > img {
    width: 90px;
    height: 90px;
  }

  /*  tenAnni-employ  ::  mo  */
  .tenAnni-employ .tenAnni-inner {
    max-width: none;
    padding: 130px 0;
  }
  .employ-conts {
    position: relative;
    grid-template-columns: repeat(3, 298px);
    gap: 20px;
    width: 100%;
    margin: 0 auto;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 20px;
  }
  .employ-conts li:nth-child(5),
  .employ-conts li:nth-child(6) {
    margin-left: 95px;
  }
  .employ-conts li:nth-child(4) {
    margin-left: 95px;
}
  .employ-conts li > a {
    flex-direction: row;
    width: 298px;
    padding: 24px;
  }
  .employ-icon {
    position: absolute;
    right: 10px;
    max-width: 68px;
    width: 100%;
    height: auto;
    max-height: 68px;
  }
  .employ-conts .flip-box._arrow {
    position: relative;
  }
  .employ-conts .flip-box._arrow::before,
  .survey._1 .box:last-child::before {
    content: '';
    position: absolute;
    bottom: 56px;
    left: -95px;
    display: block;
    width: 56px;
    height: 56px;
    background: url('/wp-content/themes/fastfive/assets/images/pages/main/250716/arrow_forSwipe.png') no-repeat center;
    background-size: cover;
  }
  .survey._1 .box:last-child::before {
    top: 22px;
    right: 22px;
    bottom: auto;
    left: auto;
  }
  .__ani.employ-conts .flip-box._arrow::before,
  .__ani .survey._1 .box:last-child::before {
    animation: .7s arrows_card ease-in-out infinite alternate;
  }
  .employ-conts .flip-box:nth-child(2),
  .employ-conts .flip-box:nth-child(3) {
    margin-left: -95px;
  }
  .employ-conts .flip-box:nth-child(4) {
    margin-left: 95px;
  }
  .employ-conts::-webkit-scrollbar,
  .office-conts::-webkit-scrollbar,
  .survey-conts::-webkit-scrollbar {
    display: none;
  }


  /*  tenAnni-chairman  ::    mo   */
  .tenAnni-chairman .tenAnni-inner {
    max-width: none;
  }
  .chairman-conts::after {
    bottom: 80px;
  }
  .noo-txt {
    font-size: 18px;
  }
  .noo-txt > strong {
    font-size: 14px;
  }
  .noo-box {
    width: 100%;
    padding: 0;
  }
  .noo-box > a:first-child {
    min-width: 176px;
  }
  .noo-box > a:nth-child(2) {
    position: static;
    max-width: none;
    min-width: 170px;
    transform: none;
  }
  .noo-box > a:nth-child(2) .noo-txt {
    margin-left: -12px;
  }
  .noo-txt > strong::after {
    width: 22px;
    height: 22px;
  }

  /*  tenAnni-num10  ::   mo    */
  .tenAnni-num10 .tenAnni-inner {
    --gap : 40px;
    flex-direction: column;
  }
  .add-tit {
    font-size: 28px;
  }
  .tenAnni-num10 .main-tit {
    width: 100%;
    min-width: auto;
    text-align: center;
    position: static;
    height: auto;
    line-height: 0;
  }
  .num10-list {
    gap: 16px;
  }
  .num10-list > li {
    gap: 8px;
    border-radius: 16px;
    padding: 40px 20px;
  }
  .num10-list .add-tit {
    font-size: 26px;
  }
  .num10-p-box {
    gap: 16px;
    padding-top: 24px;
  }
  .num10-p {
    font-size: 17px;
  }
  .earth-img {
    width: 110px;
    height: 110px;
    left: calc((100% - 110px) / 2);
    bottom: 29px;
  }
  .info-p {
    font-size: 14px;
    padding-bottom: 24px;
  }
  .rolling > img {
    height: auto;
  }
  .rolling > img:nth-child(2),
  .rolling > img:nth-child(3) {
    height: auto;
  }
  ._5 .rolling > img:nth-child(4) {
    height: auto;
  }

  /*  tenAnni-survey  ::  mo  */
  .tenAnni-survey {
    overflow: hidden;
  }
  .tenAnni-survey .tenAnni-inner {
    max-width: none;
    padding: 130px 0;
  }
  .tenAnni-survey h3 {
    width: 230px;
    margin: 0 auto;
  }
  .tenAnni-survey .survey-conts {
    grid-template-columns: repeat(5, 320px);
    grid-template-rows: 368px 0;
    gap: 3px 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0 5px 0 20px;
  }
  .survey-conts .box {
    width: 100%;
    border: 3px solid var(--c_black);
    box-shadow: 3px 3px 0px 0px var(--c_black);
    padding: 20px;
  }
  .survey {
    gap: 16px;
  }
  .survey._1 {
    order: 1;
  }
  .survey._2 {
    order: 4;
  }
  .survey._3 {
    order: 2;
  }
  .survey._4 {
    height: 100%;
    order: 3;
  }
  .survey._5 {
    order: 6;
    height: 48%;
  }
  .survey._6 {
    order: 7;
    width: 320px;
    height: 176px;
    margin-left: 1344px;
    margin-top: -179px;
  }
  .survey span {
    font-size: 38px;
    line-height: 1.4;
  }
  .survey h5 {
    font-size: 22px;
    padding-bottom: 12px;
  }
  .survey p {
    font-size: 14px;
  }
  .survey-caution {
    gap: 16px;
    margin-top: -20px;
  }
  .survey-caution em {
    font-size: 14px;
  }
  .survey._2 .box {
    height: 179px;
  }
  .survey._2 .box:last-child {
    width: 100%;
    padding: 12px 20px 12px;
    margin: 0 0 0 auto;
  }
  .survey._3 .box {
    position: relative;
  }
  .survey._3 .box:last-child::before {
    top: 25px;
    right: 30px;
    width: 234px;
    height: 56px;
  }
  .survey._5 .box:last-child::before {
    top: 16px;
    right: 20px;
    width: 46%;
    height: 25%;
  }
  .survey._6 .box {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: initial;
  }
  .srv1-img {
    width: 335px;
    height: 255px;
  }
  .srv2-img {
    width: 257px;
  }
  .srv3-img {
    width: 97px;
    height: 104px;
    margin: auto 0 0 0;
  }
  .srv7-img {
    width: 128px;
    height: 149px;
    margin: 0;
  }

  /*  tenAnni-accodian  ::  mo  */
  .tenAnni-accodian .tenAnni-inner {
    padding: 0 20px 130px;
  }
  .acc-tit {
    font-size: 16px;
    padding: 16px 24px;
    border-radius: 16px;
  }
  .acc-tit::after,
  .acc-tit.active::after {
    width: 20px;
    height: 20px;
  }
  .acc-list {
    padding: 0 24px 16px 40px;
  }
  .acc-list>li {
    font-size: 14px;
  }


  /*  버튼  mo  */
  .btn-group {
    align-items: center;
    flex-direction: column;
    gap: 16px;
    max-width: none;
    margin: 0 auto;
  }
  .tenAnni-logo .btn-group {
    display: flex;
    flex-direction: row;
    max-width: 335px;
    gap: 9px;
  }
  .btn-group .btn {
    min-width: 220px;
    text-indent: 4px;
    font-size: 16px;
    font-weight: 600;
    padding: var(--padding_btn);
  }
  .btn-group > .btn._share {
    gap: 0;
    min-width: 104px;
    text-indent: 0;
    padding: 0 14px;
  }
  .btn-group .btn.isborder {
    border-width: 1px;
  }
  .tenAnni-employ .btn-group .btn {        
    min-width: 220px;
  }
  .tenAnni-num10 .btn-group,
  .tenAnni-num10 .btn-group .btn  {        
    margin: 0 auto;
  }

  @keyframes arrows_card {
    0% {
      transform: translateX(0px);
    }

    100% {
      transform: translateX(10px);
    }
  }
}



/*    이벤트 배너 버튼 관련 재사용 가능할 듯 해 CSS 분리 :: 이전버전 남기지 마세요!!! 날짜별 상속 X    */
._250428 .btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
  max-width: 496px;
  width: 100%;
  margin: 56px auto 0 0;
}
.event_banner .btn_event {
  --color: #fff;
  --bg_color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 56px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  text-indent: 8px;
  color: var(--color);
  padding: 0 48px;
  background-color: var(--bg_color);
  border-radius: 8px;
}
.event_banner .btn_event::after {
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_295_1497' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_295_1497)'%3E%3Cmask id='mask1_295_1497' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='16' height='17'%3E%3Crect x='4' y='4.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_295_1497)'%3E%3Cpath d='M13.6502 12.4995L8.75024 7.59947C8.58357 7.4328 8.50301 7.23558 8.50857 7.0078C8.51413 6.78003 8.60024 6.5828 8.7669 6.41614C8.93357 6.24947 9.13079 6.16614 9.35857 6.16614C9.58635 6.16614 9.78357 6.24947 9.95024 6.41614L15.0669 11.5495C15.2002 11.6828 15.3002 11.8328 15.3669 11.9995C15.4336 12.1661 15.4669 12.3328 15.4669 12.4995C15.4669 12.6661 15.4336 12.8328 15.3669 12.9995C15.3002 13.1661 15.2002 13.3161 15.0669 13.4495L9.93357 18.5828C9.7669 18.7495 9.57246 18.83 9.35024 18.8245C9.12801 18.8189 8.93357 18.7328 8.7669 18.5661C8.60024 18.3995 8.5169 18.2022 8.5169 17.9745C8.5169 17.7467 8.60024 17.5495 8.7669 17.3828L13.6502 12.4995Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-size: contain;
  background: #fff;
}
.event_banner .btn_event._reverse {
  --color: #000;
  --bg_color: #fff;
}
.event_banner .btn_event._reverse::after{
  background: #000;
}

@media all and (min-width: 960px) and (hover : hover) {
  .event_banner  .btn_event:hover {
    /* --color: #000; */
    --bg_color: #8A0909;
  }
  .event_banner  .btn_event._reverse:hover {
    --color: #fff;
    --bg_color: #8A0909;
  }
  /* .event_banner  .btn_event:hover::after {
    background: #000;
  } */
  .event_banner  .btn_event._reverse:hover::after {
    background-color: #fff;
  } 
}

@media all and (max-width: 960px) {
  .event_banner  .btn_event {
    font-size: 16px;
    text-indent: 4px;
    padding: 0 32px;
  }
}

@keyframes float {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -10px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
@keyframes float-slow-x {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(-3px, -25px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
@keyframes float-slow {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -15px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}
@keyframes float-fast {
  0% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(10px, -15px, 14px); }
  100% { transform: translate3d(0, 0, 0); }
}

/*  이벤트 섹션 CSS 이 부분에 통합 작성 --> 이전버전 남기지 X */
.event_banner {
  position: relative;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/bg_banner_formain.jpg') no-repeat right top / cover;
  overflow: hidden;
}
.event_banner::before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/bg2_banner_formain.png') no-repeat center / cover;
}
.event_banner::after {
  content: '';
  position: absolute;
  left: calc(50% - 866px);
  top: 0;
  display: block;
  width: 1732px;
  height: 915px;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/bg3_banner_formain.png') repeat-y;
  background-size: 100% auto;
  opacity: .6;
  z-index: 0;
}
.__ani.event_banner::after {
  animation: uproll 40s linear infinite;
}
.event_banner .inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 180px 50px;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 1;
}
.event_banner .banner_content {
  width: max(37.4%, 478px);
}
.event_banner .banner_title {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.event_banner .banner_title > span {
  font-size: 34px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.event_banner .banner_title > span b {
  font-weight: 700;
}
.event_banner .banner_title > h2 {
  width: 100%;
  line-height: 0;
}
.event_banner .btn-group {
  margin-top: 40px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
}
.event_banner .banner_obj {    
  position: relative;
  max-width: 599px;
  width: 100%;
  height: 407px;
}
.event_banner .banner_obj .coupon_main {
  position: absolute;
  right: 0;
  width: 422px;
  z-index: 1;
  opacity: 0;
  transform: translateX(2%);
  transition: .4s opacity .4s ease-in-out, .4s transform .4s ease-in-out;
}
.event_banner .banner_obj .coupon_main._1 {
  transition-delay: .5s;
}
.event_banner .banner_obj .coupon_main._2 {
  right: auto;
  left: 0;
  bottom: 0;
  width: 388px;
  transform: translateX(-5%);
  z-index: 0;
}
.event_banner .banner_obj.__ani .coupon_main {
  opacity: 1;
  transform: translateX(0%);
}
.event_banner .banner_obj > h5 {
  margin: 62px auto 0;
  max-width: 400px;
  transform: translateY(10px);
  opacity: 0;
}
.event_banner .banner_obj.__ani > h5 {
  animation: textup 0.25s ease-in forwards;
}
/* 7월 프로모션 2차 업데이트 */
._250722.event_banner{
  background: #E5191A url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/250722/bg_mid.png') no-repeat center / cover;
}
._250722.event_banner::before {
  left: 0;
  top: auto;
  bottom: 0;
  width: 634px;
  height: 342px;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/250722/img_line_left_bottom.png') no-repeat center / cover;
  z-index: 0;
}
._250722.event_banner::after{
  left: auto;
  right: 0;
  width: 934px;
  height: 302px;
  background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/250722/img_line_right_top.png') no-repeat center / cover;
}
._250722.__ani.event_banner::after{
  animation: none;
}
._250722 .txt_ani{
  width: 2680px;
  height: 18px;
  position: absolute;
  max-width: max-content;
  z-index: 1;
}
._250722 .txt_ani._left {
  bottom: -227px;
  left: -15px;
  transform: rotate(15deg) translateX(-76%);
  animation: txtRoll 15s linear infinite;
}
._250722 .txt_ani._right {
  top: -406px;
  right: -182px;
  transform: rotate(30deg) translateX(0);
  animation: txtRoll2 15s linear infinite;
}
._250722.event_banner .inner{
  max-width: 1162px;
}
._250722.event_banner .banner_title{
  gap: 12px;
}
._250722.event_banner .banner_title > h2{
  font-size: 0;
}
._250722.event_banner .banner_title > h2 img{
  width: 332px;
}
._250722.event_banner .banner_obj {
  max-width: 520px;
  height: 437px;
}
._250722.event_banner .banner_obj .coupon_main{
  width: 492px;
  transform: translateY(-10%);
}
._250722.event_banner .banner_obj .coupon_main._1{
  top: 0;
  left: 28px;
}
._250722.event_banner .banner_obj .coupon_main._2{
  width: 494px;
  transform: translateY(-5%);
}
._250722.event_banner .banner_obj.__ani .coupon_main{
  transform: translateY(0%);
}
@keyframes textup {
  to{
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes uproll {
  0% {background-position: center 5000px;}  
  100% {background-position: center;}
}
/* 7월 프로모션 2차 업데이트 */
@keyframes txtRoll {
  0% {
    transform: rotate(15deg) translateX(-76%);
  }  
  100% {
    transform: rotate(15deg) translateX(0);
  }
}
@keyframes txtRoll2 {
  0% {
    transform: rotate(30deg) translateX(0);
  }  
  100% {
    transform: rotate(30deg) translateX(76%);
  }
}
@media (max-width: 960px) {
  .event_banner {
    background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/bg_banner_formain_m.jpg') no-repeat right top / cover;
  }
  .event_banner .inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 130px 20px;
    gap: 60px;
  }
  .event_banner::before {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/bg2_banner_formain_m.png') no-repeat center / contain;
  }
  .event_banner::after {
    left: calc(50% - 250px);
    width: 500px;
    height: 100%;
    background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/bg3_banner_formain_m.png') repeat-y;
    background-size: 100% auto;
  }
  .event_banner .banner_content {
    max-width: 318px;
    width: 100%;
  }
  .event_banner .banner_title {
    gap: 12px;
    text-align: center;
  }
  .event_banner .banner_title > span {
    font-size: 24px;
  }
  .event_banner .btn-group {
    margin-top: 24px;
    justify-content: center;
    gap: 16px;
  }
  .event_banner .btn_event {
    margin: 0 auto;
  }
  .event_banner .banner_obj {
    width: 325px;
    height: 240px;
  }
  .event_banner .banner_obj .coupon_main {
    transition: .3 opacity .3s ease-in-out, .3s transform .3s ease-in-out;
  }
  .event_banner .banner_obj .coupon_main._1 {
    width: 240px;
    transition-delay: 0s;
  }
  .event_banner .banner_obj .coupon_main._2 {
    width: 228px;
    transition-delay: .35s;
  }
  .event_banner .banner_obj > h5 {
    margin: 26px auto 0;
    max-width: 188px;
  }
  .event_banner .banner_obj.__ani > h5 {
    animation: textup 0.3s ease-in forwards;
  }
  /* 7월 프로모션 2차 업데이트 */
  ._250722.event_banner{
    background: #E5191A;
  }
  ._250722.event_banner .inner{
    padding: 130px 20px 123px;
    gap: 24px;
  }
  ._250722 .txt_ani{
    width: 1696px;
    height: 13px;
  }
  ._250722 .txt_ani._left {
    top: 0;
    left: -650px;
    transform: rotate(-27.72deg) translateX(-45%);
    animation: txtRollM 10s linear infinite
  }
  ._250722 .txt_ani._right {
    bottom: -396px;
    right: -330px;
    top: auto;
    transform: rotate(-46.1deg) translateX(0);
    animation: txtRollM2 10s linear infinite;
  }
  ._250722.event_banner::before{
    width: 310px;
    height: 254px;
    bottom: auto;
    background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/250722/img_line_left_m.png') no-repeat center / contain;
  }
  ._250722.event_banner::after{
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
    width: 343px;
    height: 204px;
    background: url('/wp-content/themes/fastfive/assets/event/250701_half_price/img/main_mid_banner/250722/img_line_right_m.png') no-repeat center / contain;
  }
  ._250722.event_banner .banner_title > h2 img{
    width: 226px;
    margin: 0 auto;
  }
  ._250722.event_banner .banner_obj{
    width: 287px;
    height: 245px;
    margin: 0 auto;
  }
  ._250722.event_banner .banner_obj .coupon_main._1 {
    width: 260px;
    left: 16px;
    transition-delay: .35s;
  }
  ._250722.event_banner .banner_obj .coupon_main._2{
    width: 276px;
    transition-delay: 0s;
  }

  /*  nov_changge 내용  */
  .last {
    overflow: hidden;
  }
  .last .inner_wrap {
    gap: 40px;
    padding: 130px 20px;
  }
  .last .tit::before {
    top: -41px;
    left: -29px;
    min-width: 358px;
    min-height: 176px;
    background: url('/wp-content/themes/fastfive/assets/event/241021_2024thankyou/img/mo/main_sec_star.png') no-repeat center;
    background-size: cover;
  }
  .last .tit > h4 {
    font-size: 22px;
    padding-bottom: 10px;
  }
  .last .tit > h3 {
    max-width: 294px;
  }
  .coupon-conts {
    flex-direction: column;
    max-width: 278px;
    gap: 17px;
  }
  .coupon-conts > span::before {
    height: 3px;
  }
  .coupon-conts > span::after {
    width: 3px;
  }
  .coupon-conts::before {
    left: -70px;
    bottom: -16px;
    max-width: 80px;
    max-height: 101px;    
    background: url('/wp-content/themes/fastfive/assets/event/241021_2024thankyou/img/mo/main_sec_object1.png') no-repeat center;
    background-size: cover;
  }
  .coupon-conts::after {
    right: -60px;
    top: 40px;
    bottom: auto;
    max-width: 83px;
    max-height: 109px;
    background: url('/wp-content/themes/fastfive/assets/event/241021_2024thankyou/img/mo/main_sec_object2.png') no-repeat center;
    background-size: cover;
  }
  .coupon-conts.__ani::before {
    left: -64px;
  }
  .coupon-conts.__ani::after {
    right: -53px;
  }
  .last .btn-group {
    gap: 16px;
    margin-top: 0;
  }
  @keyframes txtRollM {
    0% {
      transform: rotate(-27.72deg) translateX(-45%);
    }  
    100% {
      transform: rotate(-27.72deg) translateX(31%);
    }
  }
  @keyframes txtRollM2 {
    0% {
      transform: rotate(-46.1deg) translateX(0);
    }  
    100% {
      transform: rotate(-46.13deg) translateX(76%);
    }
  }
}