.page_seminar{padding: 0 0 0;}
footer.footer{background-color: #fff;}
.sm_sec_1{height: calc(var(--vh) * 100); position: relative; color: #fff; z-index: -1; position: relative;}
.sm_sec_1_inner{position: fixed; top:0; left: 0; width: 100%; height: calc(var(--vh) * 100); z-index: 0;}
.sm_sec_1_1{height: calc(var(--vh) * 100); display: flex; align-items: center;}
.sm_sec_1_flex{display: flex; padding: 0 40px 0 80px; width: 100%;}
.sm_sec_1_title{width: calc((100% / 12) * 5);}
.sm_sec_1_desc{width: calc((100% / 12) * 7);}
.sm_sec_1_title span{font-size: 1.05vw; font-weight: 600; line-height: 140%; letter-spacing: 0.084vw; text-transform: uppercase; display: block;} 
.ani.active .sm_sec_1_title span{}
.sm_sec_1_title h1{font-family: 'Gelion'; font-size: 4.21vw; font-weight: 500; line-height: 120%; letter-spacing: -0.084vw;}  
.sm_sec_1_desc h1{font-family: 'Gelion'; font-size: 2.63vw; font-weight: 500; line-height: 110%; padding-bottom: 2.63vw;}  
.sm_sec_1_desc h1 p{display: inline-block;}  
.sm_sec_1_desc i{font-family: "Chronicle Display"; font-size: 24px; font-style: italic; font-weight: 300; line-height: 130%; font-size: 1.58vw; display: block; margin-bottom: 1.315vw;}
.sm_sec_1_desc span{font-size: 0.99vw; font-weight: 400; line-height: 140%;} 

.sm_sec_1_bg{height: calc(var(--vh) * 100); width: 100%; z-index: -1;position: absolute; top: 0; left: 0;}
.sm_sec_1_bg::after{content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.5; top: 0; left: 0;}
.sm_sec_1_bg img{height: 100%; object-fit: cover; width: 100%;}

.sm_sec_2{padding: 120px 40px 240px; background-color: #000; border-radius: 8px 8px 0 0;}
.sm_sec_2 img{width: 90%; max-width: 1200px; margin: auto; height: 100%; object-fit: contain; border-radius: 5%; opacity: 0; transition: ease 2s opacity;}
.sm_sec_2.active img{opacity: 1;}

.sm_sec_3{background-color: #000; padding: 0/*2.63vw*/ 8vw 10.53vw;}
.sm_sec_3_h1{font-family: 'Gelion'; font-size: 4.21vw; font-weight: 500; line-height: 110%; margin-bottom: 5.26vw; text-align: center; color: #fff;}
.sm_sec_3_grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 5.26vw 2.63vw;}
.sm_sec_3_grid img{border-radius: 0.53vw 0.53vw 0 0;}
.sm_sec_3_grid li{opacity: 0; transform: translateY(20px); transition: ease 1s all;}
.sm_sec_3_grid li.active{opacity: 1; transform: translateY(0);}
.sm_sec_3_txt_w{background-color: #fff; padding: 1.58vw 2.63vw 2.37vw 2.11vw; display: flex; justify-content: space-between; position: relative;}
.sm_sec_3_txt_w::after{content: ''; display: block; position: absolute; left: 0; bottom: 1.05vw; width: calc(100% - 2.11vw); height: 1px; background-color: #000;}
.sm_sec_3_txt_w h4{font-size: 1.32vw; font-weight: 500; line-height: 150%;}
.sm_sec_3_txt_w h1{text-align: right; font-size: 1.32vw; font-weight: 500; line-height: 140%;}

.sm_sec_3, .sm_sec_4{transition: ease 0.8s background-color;}
.sm_sec_3.bg_black, .sm_sec_4.bg_black{background-color: #000;}
.sm_sec_3:not(.bg_black), .sm_sec_4:not(.bg_black){background-color: #F6F2EE;}

.sm_sec_4{background: #F6F2EE; padding: 8.53vw 2.63vw 11.32vw; position: relative;}
.sm_sec_4::after{content: ''; display: block; width: calc(100% - 5.26vw); left: 2.63vw; bottom: 0; position: absolute; height: 0.79vw; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.sm_sec_4_inner{border-radius: 0.53vw; border: 1px solid #000; position: relative; padding: 10.53vw 5.26vw 4.74vw;}
.sm_sec_4_inner::before{content: ''; display: block; width: calc(100% - 2.11vw); height: calc(100% - 2.11vw); border-radius: 0.53vw; border: 1px solid #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.sm_sec_4_title{margin-bottom: 4vw;}
.sm_sec_4_title h1{font-family: 'Gelion'; font-size: 4.21vw; font-weight: 500; line-height: 110%; letter-spacing: -0.08vw; margin-bottom: 2.5vw;}
.sm_sec_4_title span{font-size: 0.99vw; font-weight: 400; line-height: 140%; display: block;}
.sm_sec_4_body_1{padding-bottom: 1.32vw; border-bottom: 1px solid #000; display: flex; align-items: center; justify-content: space-between;}
.sm_sec_4_body_1 i p{font-family: "Chronicle Display"; font-size: 2.11vw; font-style: italic; font-weight: 300; line-height: 150%; display: inline-block;}
.sm_sec_4_body_1 a{display: flex; align-items: center; padding: 0 3.16vw; height: 2.63vw; background-color: #000; border-radius: 5.26vw;}
.sm_sec_4_body_1 a svg{width: 1.58vw; height: 1.58vw; margin-right: 0.66vw;}
.sm_sec_4_body_1 a span{font-size: 1.05vw; font-weight: 500; line-height: 150%; color: #fff;}
.sm_sec_4_body_2{display: flex; align-items: center; gap: 0.53vw; margin:1.32vw 0;}
.sm_sec_4_body_2 span{padding: 0.26vw 1.05vw; font-size: 0.99vw; font-weight: 400; line-height: 200%; border-radius: 2.11vw; background-color: #fff; display: inline-block;}
.sm_sec_4_body_2 span b{font-size: 0.99vw; font-weight: 600; line-height: 200%;}
.sm_sec_4_body_3 li{font-size: 0.99vw; font-weight: 400; line-height: 200%; padding-left: 1.5vw; position: relative;}
.sm_sec_4_body_3 li::before{content: '*'; display: block; position: absolute; left: 0; top: 0;}

.sm_sec_4_img_w{position: absolute; top: 4.32vw; right: 5.26vw; width: calc((100% / 12) * 4); aspect-ratio: 480 / 252;}
.sm_sec_4_img_w img{position: absolute; bottom: 0; border-radius: 0.26vw; opacity: 0;}

.sm_sec_4_img_w img:nth-child(1){transform: translateX(-50%); left: 50%; width: 37.5%; z-index: 5;  transition: ease 0.8s transform, ease 0.3s opacity;}
.sm_sec_4_img_w img:nth-child(2){left: 14.6%; width: calc(100% / 3); z-index: 4; transform: translateX(60%); transition-delay: 0.1s;  transition: ease 0.8s transform, ease 0.3s opacity;}
.sm_sec_4_img_w img:nth-child(3){right: 14.6%; width: calc(100% / 3); z-index: 4; transform: translateX(-60%); transition-delay: 0.1s; transition: ease 0.8s transform, ease 0.3s opacity;}
.sm_sec_4_img_w img:nth-child(4){left:0; width:29%; z-index: 3; transform: translateX(100%); transition-delay: 0.3s; transition: ease 1s transform, ease 0.3s opacity;}
.sm_sec_4_img_w img:nth-child(5){right:0; width:29%; z-index: 3; transform: translateX(-100%); transition-delay: 0.3s; transition: ease 1s transform, ease 0.3s opacity;}

.ani.active .sm_sec_4_img_w img:nth-child(1){opacity: 1;}
.ani.active .sm_sec_4_img_w img:nth-child(2){opacity: 1; transform: translateX(0);}
.ani.active .sm_sec_4_img_w img:nth-child(3){opacity: 1; transform: translateX(0);}
.ani.active .sm_sec_4_img_w img:nth-child(4){opacity: 1; transform: translateX(0);}
.ani.active .sm_sec_4_img_w img:nth-child(5){opacity: 1; transform: translateX(0);}

.sm_sec_5{position: relative; padding: 0 0 7.89vw; background-color: #F6F2EE; overflow-x: hidden;}
.sm_sec_5_span{display: block; margin: 7.89vw 0 5.26vw 5.26vw; width: 40%; font-size: 0.99vw; font-weight: 400; line-height: 150%;}
.sm_sec_5_img_w{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3.95vw; position: relative;}

.sm_sec_5_img_w h1{position: absolute; color: #FFF; font-family: 'Gelion'; font-size: 8.42vw; font-weight: 600; line-height: 120%; text-transform: uppercase;}
.sm_sec_5_img_w_1, .sm_sec_5_img_w_2{display: flex; align-items: center; width: 100%; position: relative;  gap: 80px;}
.sm_sec_5_img_w_1:nth-child(2){position: absolute; left: 100%;}
.sm_sec_5_img_w_1 img, .sm_sec_5_img_w_2 img{width: unset;}
.sm_sec_5_img_w img{border-radius: 0.79vw;}

.sm_sec_5_img_w_1:nth-child(2), .sm_sec_5_img_w_2:nth-child(2){position: absolute; left: 100%; top: 0;}
.sm_sec_5_img_w > div{width: 117.09vw; position: relative;}
.sm_sec_5_img_w_1, .sm_sec_5_img_w_2{display: flex; align-items: center; width: 100%; position: relative; gap: 5.26vw; }
.sm_sec_5_img_w_1{animation:  repeatX 12s cubic-bezier(0, 0, 0, 0) infinite;}
.sm_sec_5_img_w_2{animation:  repeatX2 12s cubic-bezier(0, 0, 0, 0) infinite;}
.sm_sec_5_img_w_1 img:nth-child(1){width: 15.79vw; aspect-ratio: 240 / 360;}
.sm_sec_5_img_w_1 img:nth-child(2){width: 21.71vw; aspect-ratio: 330 / 240;}
.sm_sec_5_img_w_1 img:nth-child(3){width: 15.79vw; aspect-ratio: 240 / 240;}
.sm_sec_5_img_w_1 img:nth-child(4){width: 15.79vw; aspect-ratio: 240 / 360;}
.sm_sec_5_img_w_1 img:nth-child(5){width: 21.71vw; aspect-ratio: 330 / 240;}

.sm_sec_5_img_w_2 img:nth-child(1){width: 15.79vw; aspect-ratio: 240 / 360;}
.sm_sec_5_img_w_2 img:nth-child(2){width: 15.79vw; aspect-ratio: 240 / 360;}
.sm_sec_5_img_w_2 img:nth-child(3){width: 21.71vw; aspect-ratio: 330 / 240;}
.sm_sec_5_img_w_2 img:nth-child(4){width: 21.71vw; aspect-ratio: 330 / 240;}
.sm_sec_5_img_w_2 img:nth-child(5){width: 15.79vw; aspect-ratio: 240 / 360;}


@keyframes repeatX {
  0% {transform: translateX(0); opacity: 1;}
  100% {transform: translateX(-117.09vw); opacity: 1;}
}
@keyframes repeatX2 {
  0% {transform: translateX(-117.09vw); opacity: 1;}
  100% {transform: translateX(0); opacity: 1;}
}

.sm_sec_7{ position: relative; background-color: #fff;}
.sm_sec_7 .flex{display: flex; height: 100%; /*position: absolute;*/ top: 0; left: 0;}
.sm_sec_7.section_cover .flex{position: fixed;}
.sm_sec_7_img_w{padding-right: calc((100% / 12) * 1); width: 50%;}
.sm_sec_7_img_w img{ height: 100%; object-fit: cover; width: 100%;}
.sm_sec_7_txt_w{padding: 200px 36px 200px 0; width: 50%; display: flex; flex-direction: column; justify-content: center;}
.sm_sec_7_txt_w h1{font-family: 'Gelion'; font-size: 4.21vw; font-weight: 500; line-height: 110%}
.sm_sec_7_txt_w i{font-family: "Chronicle Display"; font-size: 1.58vw; font-style: italic; font-weight: 300; line-height: 150%; display: block; margin: 2.11vw 0 1.32vw;}
.sm_sec_7_txt_w span{font-size: 0.99vw; font-weight: 400; line-height: 150%;}


.sm_sec_7_txt_w .line{height: 1px; background-color: #000; position: relative; display: flex; align-items: center; justify-content: space-between; transition: ease 0.8s width,ease 0.8s opacity; transition-delay: 0s; position: relative; margin: 60px 0; opacity: 0; width: 0; transition-delay: 0.9s;}
.ani.active .sm_sec_7_txt_w .line{width: 100%; opacity: 1;}
.sm_sec_7_txt_w .line::before,.sm_sec_7_txt_w .line::after{content: ''; display: block; width: 4px; height: 4px;  background-color: #000; border-radius: 100%;}
.sm_sec_7_txt_w img{width: 52.5%;}


.ab_sec_7{padding: 0 40px 12px; background-color: #fff; position: relative;}
.gp_b{display: flex; gap: 120px; padding: 60px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; position: relative;}
.gp_b::after{content: ''; width: 1px; height: calc(100% - 46px); left: 50%; top: 20px; position: absolute; background-color: #000;}
.gp_b > a{width: 100%; position: relative; display: block; color: #000;}
.gp_b span{width: 16px; line-height: 1.4; letter-spacing: 1.28px; text-transform: uppercase;}
.gp_b h1{line-height: 1.2; font-size: 40px; font-weight: 500; font-family: 'Gelion'; letter-spacing: -0.8px; margin-top: 12px;}


@media(max-width:1024px){

  .sm_sec_1_flex{flex-direction: column; align-items: center; text-align: center; padding: 0 8.89vw;}
  .sm_sec_1_title{width: 100%;}
  .sm_sec_1_title span{font-size: 3.06vw; font-weight: 600; line-height: 140%; letter-spacing: 0.24vw;}
  .sm_sec_1_title h1{font-size: 8.89vw; font-weight: 400; line-height: 120%; letter-spacing: -0.18vw;}
  
  .sm_sec_1_desc{width: 100%; margin-top: 11.11vw;}
  .sm_sec_1_desc h1{font-size: 5.56vw; font-weight: 400; line-height: 110%; padding-bottom: 8.89vw;}
  .sm_sec_1_desc h1 p{display: block;}
  .sm_sec_1_desc span{font-size: 3.33vw;}
  .sm_sec_1_desc span br{display: none;}



  .sm_sec_2{padding: 80px 20px 120px;}
  .sm_sec_2 img{width: 100%;}
  .sm_sec_3{padding: 0 8.89vw 33.33vw;}
  .sm_sec_3_h1{font-size: 6.67vw; line-height: 110%; letter-spacing: -0.13vw;}
  .sm_sec_3_grid{grid-template-columns: repeat(1, 1fr); gap: 5.56vw;}
  .sm_sec_3_grid img{border-radius: 2.22vw 2.22vw 0 0;}
  .sm_sec_3_txt_w{padding: 3.33vw 4.44vw 6.67vw;}
  .sm_sec_3_txt_w::after{bottom: 3.33vw; width: calc(100% - 4.44vw);}
  .sm_sec_3_txt_w h4{font-size: 3.33vw;}
  .sm_sec_3_txt_w h1{font-size: 3.33vw;}

  .sm_sec_4{padding: 22.22vw 5.56vw 24.44vw; text-align: center;}
  .sm_sec_4::after{height: 2.22vw; left: 5.56vw; width: calc(100% - 11.11vw);}
  .sm_sec_4_inner::before{display: none;}
  .sm_sec_4_inner{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 22.22vw 8.89vw;}
  .sm_sec_4_title{margin-bottom: 16.67vw;}
  .sm_sec_4_title h1{font-size: 6.67vw; letter-spacing: -0.13vw; margin-bottom: 5.56vw;}
  .sm_sec_4_title span{font-size: 3.33vw;}
  .sm_sec_4_img_w{position: relative; top: unset; right: unset; width: calc(100%);}
  .sm_sec_4_body_1{flex-direction: column; padding-bottom: 11.11vw; margin-top: 10vw;}
  .sm_sec_4_body_1 i p{font-size: 3.89vw; display: block;}
  .sm_sec_4_body_1 a{padding: 0 13.33vw; height: 7.22vw; margin-top: 8.89vw;}
  .sm_sec_4_body_1 a svg{width: 3.89vw; height: 3.89vw; margin-right: 2.78vw;}
  .sm_sec_4_body_1 a span{font-size: 3.33vw;}

  .sm_sec_4_body_2{flex-direction: column; gap: 3.33vw; margin: 5.56vw 0 8.89vw;}
  .sm_sec_4_body_2 span{font-size: 3.06vw; padding: 1.11vw 4.44vw; border-radius: 5.56vw; line-height: 1.4; text-align: left;}
  .sm_sec_4_body_3 li{font-size: 3.33vw; text-align: left; line-height: 1.4; padding-left: 3.6vw;}

  .sm_sec_5{padding-bottom: 30.56vw;}
  .sm_sec_5_span{width: 100%; font-size: 3.33vw; margin: 22.22vw 0 30.56vw; padding: 0 5.56vw; text-align: center;}
  .sm_sec_5_img_w{gap: 11.11vw;}
  .sm_sec_5_img_w_1, .sm_sec_5_img_w_2{justify-content: center;}
  .sm_sec_5_img_w h1{font-size: 13.33vw;}


  .sm_sec_5_img_w > div{width: 247.2vw; position: relative;}
  .sm_sec_5_img_w_1, .sm_sec_5_img_w_2{display: flex; align-items: center; width: 100%; position: relative; gap: 11.11vw; }
  .sm_sec_5_img_w_1{animation:  repeatX 12s cubic-bezier(0, 0, 0, 0) infinite;}
  .sm_sec_5_img_w_2{animation:  repeatX2 12s cubic-bezier(0, 0, 0, 0) infinite;}
  .sm_sec_5_img_w_1 img:nth-child(1){width: 33.33vw;}
  .sm_sec_5_img_w_1 img:nth-child(2){width: 45.83vw;}
  .sm_sec_5_img_w_1 img:nth-child(3){width: 33.33vw;}
  .sm_sec_5_img_w_1 img:nth-child(4){width: 33.33vw;}
  .sm_sec_5_img_w_1 img:nth-child(5){width: 45.83vw;}
  
  .sm_sec_5_img_w_2 img:nth-child(1){width: 33.33vw;}
  .sm_sec_5_img_w_2 img:nth-child(2){width: 33.33vw;}
  .sm_sec_5_img_w_2 img:nth-child(3){width: 45.83vw;}
  .sm_sec_5_img_w_2 img:nth-child(4){width: 45.83vw;}
  .sm_sec_5_img_w_2 img:nth-child(5){width: 33.33vw;}
  @keyframes repeatX {
    0% {transform: translateX(0); opacity: 1;}
    100% {transform: translateX(-247.2vw); opacity: 1;}
  }
  @keyframes repeatX2 {
    0% {transform: translateX(-247.2vw); opacity: 1;}
    100% {transform: translateX(0); opacity: 1;}
  }




  .sm_sec_7{height: unset;}
  .sm_sec_7 .flex{flex-direction: column; height: unset; position: unset;}
  .sm_sec_7_img_w{width: 100%; padding-right: 0;}
  .sm_sec_7_img_w img{aspect-ratio: 1 / 1; max-height: 400px; object-fit: cover; object-position: center; width: 100%;}
  .sm_sec_7_txt_w{width: 100%; padding: 80px 20px; text-align: center;}
  .sm_sec_7_txt_w h1{font-size: 6.67vw; letter-spacing: -0.13vw;}
  .sm_sec_7_txt_w i{margin: 6.67vw 0 5.56vw; font-size: 3.89vw;}
  .sm_sec_7_txt_w span{font-size: 3.33vw;}
  .sm_sec_7_txt_w .line{margin: 8.89vw 0 11.11vw;}
  .sm_sec_7_txt_w img{width: 80%; max-width: 400px; margin: auto;}


  .ab_sec_7{padding: 0 16px 8px;}
  .gp_b{padding: 24px 0 0; gap: 32px;}
  .gp_b::after{height: calc(100% - 24px); top: 12px;}
  .gp_b span{font-size: 11px; letter-spacing: 0.88px;}
  .gp_b h1{font-size: 20px; letter-spacing: -0.4px; margin-top: 4px;}
  .gp_b > a{padding-bottom: 78px;}
  .cursor{display: none;}
}