@charset "utf-8"; 
:root { 
  --a-neck-black: #3f4247; 
  --a-neck-point: #938ae6; 
  --a-neck-title: 4.8rem; 
  --a-neck-sub-title: 3rem; 
  --fs-16: 1.6rem; 
  --fs-18: 1.8rem; 
  --fs-20: 2rem; 
  --fs-22: 2.2rem; 
  --fs-24: 2.4rem; 
  --fs-26: 2.6rem; 
  --fs-28: 2.8rem; 
  --fs-30: 3rem; 
  --fs-32: 3.2rem; 
  --fs-45: 4.5rem; 
  --fs-160: 16rem; 
  --fs-180: 18rem; 
  --box-y: 10rem;

  line-height: 1.4;
} 


.a-neck-black { color: var(--a-neck-black); } 

figure { margin: 0; } 
#a-neck > * { line-height: 1.4; } 
#a-neck .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } 
#a-neck .text-img img { width: auto; height: 1em; } 

#sub-top { overflow: hidden; background: url('/img/page/a-neck/main-banner-back.png'); background-size: contain; background-repeat: repeat; } 
#sub-top #sub-title-image picture img { max-height: 93rem; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } 
#sub-top #sub-title-image { position: relative; z-index: 2; } 
#sub-title { z-index: 3; } 
@media (min-width: 1921px){
 #sub-top::after { content: ''; position: fixed; top: 0; right: 0; width: 50%; height: 100vh; max-height: 90.5rem; background: -webkit-gradient(linear, left bottom, left top, from(rgba(187, 183, 221, 1)), color-stop(30%, rgba(198, 194, 229, 1)), to(rgba(193, 189, 227, 1))); background: linear-gradient(0deg, rgba(187, 183, 221, 1) 0%, rgba(198, 194, 229, 1) 30%, rgba(193, 189, 227, 1) 100%); } 
 }



#a-neck #sub-title strong::before { background-color: #9f9bc6; } 
#sub-title h1,
#sub-title p { color: var(--a-neck-black); } 

#a-neck .sub-container h2 { font-size: var(--a-neck-title); color: #3f4247; text-align: center; } 
#a-neck .sub-container h2 span { display: block; font-weight: 300; font-size: var(--a-neck-sub-title); text-align: center; } 
#a-neck .sub-container h2 b { color: var(--a-neck-point); } 
#a-neck .sub-container h3 { margin-top: 3rem; font-size: var(--a-neck-sub-title); color: #3f4247; text-align: center; } 
#a-neck .sub-container h3 span { display: block; font-weight: 400; } 

#a-neck #page-signature h2 b { font-size: calc(var(--ssok-fting-title) + .4rem); } 
#page-signature { position: relative; z-index: 4; background-color: #fefefe; } 
#page-signature .box { padding-block: var(--box-y); } 
#page-signature .page-content { margin: 6rem auto auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60%; } 
#page-signature .page-content .img-signature { width: 100%; max-width: 61rem; } 
#page-signature .page-content .txt-signature { margin-left: auto; max-width: 45.5rem; width: 100%; } 


#page-neck-lines { position: relative; z-index: 4; background-color: #f3f3fb; } 
#page-neck-lines .box { padding-block: var(--box-y); } 
#page-neck-lines .page-content { position: relative; margin: 6rem auto auto; } 
#page-neck-lines .ai-badge { opacity: 0.5; top: -2.4rem; right: 0; } 
#page-neck-lines .neck-list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2.6rem 1fr 2.6rem 1fr; grid-template-columns: repeat(3, 1fr); gap: 2.6rem; } 
#page-neck-lines .neck-list figure { position: relative; width: 100%; } 
#page-neck-lines .neck-list img { width: 100%; border-radius: 1.8rem; } 
#page-neck-lines .neck-list figcaption { position: absolute; left: 50%; bottom: -4rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 70%; padding: 2rem 1rem; text-align: center; border-radius: 1.3rem; font-weight: 800; font-size: var(--fs-28); color: white; background-color: var(--a-neck-black); } 
#page-neck-lines .neck-list p { margin-top: 7rem; opacity: 0.85; font-size: var(--fs-22); text-align: center; color: var(--a-neck-black); } 
#page-neck-lines .icon-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 4rem auto; font-size: calc(var(--fs-180) - 8rem); } 
#page-neck-lines .icon-arrow img { width: auto; height: 1em; vertical-align: middle; } 

#page-neck-lines .contents-desc { text-align: center; font-size: var(--fs-28); color: #54525d; } 
#page-neck-lines .contents-desc b { color: #6251fc; } 


#page-neck-design { position: relative; z-index: 4; background-image: url('/img/page/a-neck/neck-design-back.png'); background-size: cover; background-position: bottom center; } 
#page-neck-design .box { padding-block: var(--box-y); } 
#page-neck-design .page-content { position: relative; margin: 6rem auto auto; display: -ms-grid; display: grid; gap: 1rem; width: 60%; } 
#page-neck-design .list-item { display: -ms-grid; display: grid; -ms-grid-columns: 30% 1fr; grid-template-columns: 30% 1fr; background-color: rgba(255, 255, 255, .9); } 
#page-neck-design .list-item strong { font-size: var(--fs-30); } 
#page-neck-design .list-item-1 strong { color: #7165b5; } 
#page-neck-design .list-item-2 strong { color: #657cb5; } 
#page-neck-design .list-item-3 strong { color: #535258; } 
#page-neck-design .list-item p { margin-top: 2.5rem; font-size: var(--fs-24); color: #54525d; } 
#page-neck-design .contents-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } 
#page-neck-design .contents-desc >div { width: 100%; padding: 1rem 6rem; } 


#page-neck-filler { position: relative; z-index: 4; background-color: #fff; } 
#page-neck-filler .box { padding-block: var(--box-y); } 

#page-neck-filler .page-content { position: relative; margin: 6rem auto auto; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); width: 70%; } 
#page-neck-filler .list-item { display: -ms-grid; display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--a-neck-black); padding-inline: 3rem; } 
#page-neck-filler .list-item img { border-radius: 2.2rem; } 
#page-neck-filler .list-item-1 { background-color: #f6f7fb; } 
#page-neck-filler .list-item-2 { background-color: #ebe8ff; } 
#page-neck-filler .list-item strong { display: block; padding-block: 3.7rem; text-align: center; font-size: var(--fs-32); } 
#page-neck-filler .list-item p { padding-block: 4.2rem; font-size: var(--fs-24); text-align: center; } 
#page-neck-filler .tag-list { display: -ms-grid; display: grid; gap: 1rem; width: 60%; padding-bottom: 3.7rem; margin-inline: auto; } 
#page-neck-filler .tag-list li { padding: 1.4rem 1rem; width: 100%; border-radius: 100vw; text-align: center; font-size: var(--fs-24); color: white; } 
#page-neck-filler .list-item-1 .tag-list li { background-color: var(--a-neck-black); } 
#page-neck-filler .list-item-2 .tag-list li { background-color: var(--a-neck-point); } 



#page-recommend { position: relative; z-index: 3; background-color: #f3f3fb; } 
#page-recommend .box { padding-block: var(--box-y); } 
#page-recommend .recommend-list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3rem 1fr; grid-template-columns: repeat(2, 1fr); gap: 3rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 6rem auto auto; } 
#page-recommend .recommend-list li { position: relative; z-index: 2; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2rem; padding: 4.4rem 5rem; font-size: var(--fs-24); border-radius: 1.5rem; background-color: white; } 
#page-recommend .recommend-list li::before { content: ''; width: auto; height: 1.2em; margin-top: 0.5rem; aspect-ratio: 1; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url('/img/page/a-neck/icon-check.svg'); } 

/* ============== 결과의 차이를 보여주는 ============== */
#page-difference { position: relative; z-index: 3; background-color: #938ae6; } 
#page-difference .box { padding-block: var(--box-y); } 
#page-difference.sub-container h2,
#page-difference.sub-container h2 span { color: white; } 
#page-difference ul { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: 1fr; grid-template-rows: 1fr; margin: 5rem auto auto; gap: 2rem; } 
#page-difference ul li { border-radius: 2.5rem; background-color: white; overflow: hidden; padding: 3rem 3rem 4rem 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } 
#page-difference ul li figure { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 5rem 0; border-radius: 1.7rem; background-color: #e8e7f9; } 
#page-difference ul li figure img { width: auto; max-height: 13.8rem; aspect-ratio: 1; } 
#page-difference ul li figure figcaption { position: absolute; left: 50%; bottom: -2rem; padding: 1rem 2.4rem; font-size: var(--fs-20); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: white; font-weight: 500; background-color: #1b1b1b; text-align: center; } 
#page-difference ul li strong { display: block; margin-top: 4rem; text-align: center; font-size: var(--fs-32); color: #938ae6; } 
#page-difference ul li span { margin-top: 1rem; text-align: center; font-size: var(--fs-24); color: #3f4247; line-height: 1.5; font-weight: 400; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 

/* ============== 에이비 필러 라인업 ============== */
#page-lineup .box { padding-block: calc(var(--box-y) + 3rem); } 
#page-lineup .lineup-slider-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; margin: 5rem 0; } 
#page-lineup .lineup-slider-tabs li { padding: .8rem 2rem; border-radius: 100rem; border: 1px solid var(--black-color-); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; -webkit-transition: background-color .3s; transition: background-color .3s; font-size: 1.4rem; } 
#page-lineup .lineup-slider-tabs li.active { color: white; background-color: var(--black-color-); font-weight: bold; } 
#page-lineup .lineup-slider .swiper-slide { -webkit-box-shadow: 0 0 3rem rgba(0,0,0,0.13); box-shadow: 0 0 3rem rgba(0,0,0,0.13); border-radius: 2rem; background-color: white; overflow: hidden; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
#page-lineup .lineup-slider .swiper-slide > *:nth-child(1) { 
  -ms-grid-row: 1; 
  -ms-grid-column: 1; } 
#page-lineup .lineup-slider .swiper-slide > *:nth-child(2) { 
  -ms-grid-row: 1; 
  -ms-grid-column: 2; } 
#page-lineup .lineup-slider .swiper-slide .image { height: 100%; } 
#page-lineup .lineup-slider .swiper-slide picture { display: block; height: 100%; } 
#page-lineup .lineup-slider .swiper-slide picture img { height: 100%; -o-object-fit: cover; object-fit: cover; } 
#page-lineup .lineup-slider .swiper-slide .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; text-align: center; padding: 4rem 0; } 
#page-lineup .lineup-slider .swiper-slide .content h3 { font-size: var(--fs-26); font-weight: 300; } 
#page-lineup .lineup-slider .swiper-slide .content p { margin-top: 2rem; font-size: 1.8rem; color: var(--grey-color-); } 
#page-lineup .lineup-slider .swiper-slide .content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; margin-top: 4rem; padding-inline: 2rem; } 
#page-lineup .lineup-slider .swiper-slide .content li { font-size: var(--fs-16); padding: 1rem 2rem; background-color: #7ba4dd; color: white; border-radius: 0.8rem; } 


#sub-banner { position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-image: url('/img/page/a-neck/sub-banner-back.png'); } 
#sub-banner .sub-banner-model { position: relative; width: 100%; max-width: 125rem; } 

#sub-banner .title-wrap { position: absolute; z-index: 2; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 100%; max-width: 1920px; margin-inline: auto; display: -ms-grid; display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-grid-columns: 1fr 12rem 1fr; grid-template-columns: repeat(2, 1fr); gap: 12rem; } 
#sub-banner .title-wrap h2 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 400; font-size: var(--fs-28); text-align: center; color: white; } 
#sub-banner .title-wrap h2::after { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; aspect-ratio: 1; background-image: url('/img/page/a-neck/blur-layer.png'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; overflow: hidden; } 
#sub-banner .title-wrap h2 span { position: relative; z-index: 2; } 
#sub-banner .title-wrap h2 strong { display: block; } 
#sub-banner .title-wrap .txt-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
#sub-banner .title-wrap .txt-image picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: var(--fs-160); margin-top: 6rem; } 
#sub-banner .title-wrap .txt-image img { width: auto; height: 1em; vertical-align: middle; } 

#sub-banner .ai-badge { color: var(--a-neck-black); opacity: 0.3; } 
#sub-banner .ai-badge.bottom { bottom: 1.4rem; } 
#sub-banner .ai-badge.right { right: 8.2rem; } 
/* #sub-faq-latest { margin-top: var(--box-y) !important; }  */


@media (max-width: 1440px){
  #page-neck-lines .box,
  #page-difference .box,
  #page-lineup .box { padding-inline: 16rem; } 
  
  #page-difference ul li figure figcaption { width: 60%; } 
  #sub-banner .title-wrap { gap: 45rem; } 
}
@media (max-width: 1024px){
  #page-neck-design .page-content { width: 70%; } 
  #page-difference ul { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); } 
  #page-difference ul > *:nth-child(1) { 
    -ms-grid-row: 1; 
    -ms-grid-column: 1; } 
  #page-difference ul > *:nth-child(2) { 
    -ms-grid-row: 1; 
    -ms-grid-column: 2; } 
  #page-difference ul > *:nth-child(3) { 
    -ms-grid-row: 1; 
    -ms-grid-column: 3; } 
  #page-difference ul > *:nth-child(4) { 
    -ms-grid-row: 1; 
    -ms-grid-column: 4; } 
  #page-difference ul > *:nth-child(5) { 
    -ms-grid-row: 2; 
    -ms-grid-column: 1; } 
  #page-difference ul > *:nth-child(6) { 
    -ms-grid-row: 2; 
    -ms-grid-column: 2; } 
  #page-difference ul > *:nth-child(7) { 
    -ms-grid-row: 2; 
    -ms-grid-column: 3; } 
  #page-difference ul > *:nth-child(8) { 
    -ms-grid-row: 2; 
    -ms-grid-column: 4; } 
  #page-difference ul li:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 2; grid-area: 1 / 2 / 2 / 4; } 
  #page-difference ul li:nth-child(2) { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 2 / 1 / 3 / 3; } 
  #page-difference ul li:nth-child(3) { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 3; -ms-grid-column-span: 2; grid-area: 2 / 3 / 3 / 5; } 

  #sub-banner .title-wrap { gap: initial; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-inline: 8rem; } 
  #sub-banner .title-wrap h2 { margin-right: auto; } 
  #sub-banner .title-wrap h2::after { width: 250%; } 
  #sub-banner .title-wrap .txt-image picture { margin-top: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: calc(var(--fs-160) - 3rem); } 
}
@media (max-width: 768px) {

    :root { 
    --a-neck-title: 7vw; 
    --a-neck-sub-title: 4.8vw; 
    --fs-16: 3vw; 
    --fs-18: 3.4vw; 
    --fs-20: 3.6vw; 
    --fs-22: 4vw; 
    --fs-24: 4.2vw; 
    --fs-26: 4.2vw; 
    --fs-28: 4.4vw; 
    --fs-30: 4.6vw; 
    --fs-32: 4.8vw; 
    --fs-45: 5vw; 
    --fs-180: 22vw; 
    --box-y: 8rem; 
  } 
  #sub-title h1, #sub-title p { color: white; } 
  
  #a-neck .box { padding-left: 2rem; padding-right: 2rem; } 

  #page-signature .page-content { width: 100%; } 
  #page-signature .page-content .img-signature { width: 85%; }
  #page-signature .page-content .txt-signature {max-width: 35.5rem;}

  #page-neck-lines .neck-list { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); width: 80%; margin-inline: auto; } 
  #page-neck-lines .ai-badge { text-align: center; width: 100%; } 

  #page-neck-design .page-content { width: 100%; } 
  #page-neck-design .contents-desc > div { padding: 6vw 4vw; } 
  #page-neck-design .list-item { -ms-grid-columns: 40% 1fr; grid-template-columns: 40% 1fr; } 
  #page-neck-design .list-item img { height: 100%; -o-object-fit: cover; object-fit: cover; } 
  #page-neck-design .list-item p { margin-top: 2vw; font-size: calc(var(--fs-24) - 0.2vw); } 
  
  #page-neck-filler .list-item { padding-inline: 3vw; } 
  #page-neck-filler .list-item p { padding-block: 6vw; } 
  #page-neck-filler .list-item strong { padding-block: 4vw 3vw; } 
  #page-neck-filler .page-content { width: 100%; } 
  #page-neck-filler .tag-list { width: 100%; padding-bottom: 3vw; } 
  #page-neck-filler .tag-list li { padding: 2vw; } 

  #page-recommend .recommend-list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 4vw; } 
  #page-recommend .recommend-list li { padding: 4vw; } 

  #page-difference ul { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } 

  #page-difference ul > *:nth-child(1) { 
    -ms-grid-row: 1; 
    -ms-grid-column: 1; } 
  #page-difference ul li { display: -ms-grid; display: grid; -ms-grid-columns: 40% 4vw 1fr; grid-template-columns: 40% 1fr; gap: 4vw; padding: 4vw; } 
  #page-difference ul li:nth-of-type(2) { padding: 4vw 4vw 6vw 4vw; } 
  #page-difference ul li:nth-of-type(2) .ab-pack-caption { padding-top: 2vw; }
  #page-difference ul li:nth-child(1),
  #page-difference ul li:nth-child(2),
  #page-difference ul li:nth-child(3) { grid-area: auto; } 
  #page-difference ul li figure { padding: 5vw 0; height: 100%; } 
  #page-difference ul li figure figcaption { width: auto; padding: 1.2vw 3vw; white-space: nowrap; font-size: var(--fs-18); } 
  #page-difference ul li strong { margin-top: 0; font-size: var(--fs-28); } 
  #page-difference ul li span { font-size: var(--fs-22); } 

  #page-lineup .lineup-slider .swiper-slide { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto 1.4fr; grid-template-rows: auto 1.4fr; } 

  #page-lineup .lineup-slider .swiper-slide > *:nth-child(1) { 
    -ms-grid-row: 1; 
    -ms-grid-column: 1; } 

  #page-lineup .lineup-slider .swiper-slide > *:nth-child(2) { 
    -ms-grid-row: 2; 
    -ms-grid-column: 1; }
  #page-lineup .lineup-slider .swiper-slide .content {padding: 6vw 3vw;}
  #page-lineup .lineup-slider .swiper-slide .content ul {padding: 0;}

  #sub-banner {overflow: hidden;}
  #sub-banner .title-wrap { padding-inline: 2rem; }
  #sub-banner .title-wrap h2 { margin: 5rem 0 0 auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  #sub-banner .title-wrap h2::after { width: 200%; top: 6vw; }
  #sub-banner .txt-image,
  #sub-banner picture,
  #sub-banner picture small,
  #sub-banner .title-wrap .txt-image img{position: relative; z-index: 2;}
  #sub-banner .title-wrap .txt-image { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-top: auto; padding-bottom: 4rem; }
  #sub-banner .title-wrap .txt-image picture {position: relative;}
  #sub-banner .title-wrap .txt-image picture::after {  content: ''; left: 70%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70%; height: 100%; position: absolute; -webkit-filter: blur(5rem); filter: blur(5rem); background: radial-gradient(circle, rgba(233, 230, 255, .75) 30%, rgba(0, 0, 0, 0) 100%); z-index: 1; pointer-events: none; border-radius: 50%; } 
  #sub-banner .ai-badge.right { right: auto; left: 2rem; opacity: .8; }
}