/* s2 */
.s2 {position: relative; background-color: #101111; min-height:var(--vh100); overflow:hidden; display:flex; align-items:center; justify-content:center;}
.s2 .wrap {min-height: var(--vh100); position: relative; z-index:2; display: flex; align-items: center; justify-content: center; }
.s2 .txtBx {text-align:center; }
.s2 .txtBx h1 {margin-bottom:20px; color:#bd9af8; font-size:17px; }
.s2 .txtBx h2 {font-size:48px; color:#fff; font-weight:600; letter-spacing:-0.04em; line-height:1.6;}
.s2 .txtBx p{margin-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:2; letter-spacing:-0.04em; }


/* 주변 오브제 */
.s2 .objBx{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.s2 .circle { position: absolute; }
.s2 .circle img { max-width: unset;  opacity:0.5;}
.s2 .circle.n1 img { width: calc(1200/1920*100vw); }
.s2 .circle.n2 img { width: calc(1600/1920*100vw); }

.s2 .dotBx {position: absolute;width: calc(1980/1920*100vw);display: flex; align-items: center; justify-content: center; }
.s2 .dotBx * { width: 100%; }
.s2 .dot { position: absolute; }
.s2 .dot img { max-width: unset; }

/* 두둥실떠오르는거 조절 */
.s2 .blurBx { margin-top: 25px; }
.s2 .blurBx .n1 div { animation: floating50 forwards infinite 5s; }
.s2 .blurBx .n2 div { animation: floating50 forwards infinite 5s 0.2s; }
.s2 .blurBx .n3 div { animation: floating50 forwards infinite 5s 0.4s; }
/* .s2 .blurBx.n4 div { animation: floating50 forwards infinite 5s 0.6s; } */
.s2 .blurBx .n1 img { animation: scale80 forwards infinite 7s; }
.s2 .blurBx .n2 img { animation: scale80 forwards infinite 7s 0.1s; }
.s2 .blurBx .n3 img { animation: scale80 forwards infinite 7s 0.2s; }
/* .s2 .blurBx.n4 img { animation: scale80 forwards infinite 7s 0.3s; } */

.s2 .circle { margin-top: 35px; }
.s2 .circle.n1 div { animation: floating70 forwards infinite 5s 0.6s; }
.s2 .circle.n1 img { animation: scale90 forwards infinite 7s 0.6s; }
.s2 .circle.n2 div { animation: floating70 forwards infinite 5s 1s; }
.s2 .circle.n2 img { animation: scale90 forwards infinite 7s 1s; }

/* z 인덱스 */
.s2 .txtBx { z-index: 4; }
.s2 .blurBx { z-index: 1; will-change: transform; }
.s2 .circle.n1 { z-index: 2; will-change: transform; }
.s2 .circle.n2 { z-index: 2; will-change: transform; }

/* 마우스 빠졌을때 */
.s2.mouseLeave .blurBx { transition: transform 1.5s; }
.s2.mouseLeave .circle.n1 { transition: transform 1.5s; }
.s2.mouseLeave .circle.n2 { transition: transform 1.5s; }
.s2.mouseLeave .dotBx { transition: transform 1.5s; }

/* 처음 모션 */
.s2{pointer-events: none; transition: pointer-events 0s 4s;}
.s2.on{pointer-events: auto;}




@media screen and (max-width:1600px) {
.s2 .txtBx h2 { font-size: calc(80/1600*100vw); }
}
@media screen and (max-width:1024px) {
.s2.on .txtBx h1 { font-size: max(calc(30/1024*100vw),14px); }
}
@media screen and (max-width:820px) {
.s2 .circle.n1 img { width: calc(740/820*100vw); }
.s2 .circle.n2 img { width: calc(1020/820*100vw); }
}
@media screen and (max-width:500px) {
.s2 .circle.n1 img { width: calc(940/820*100vw); }
.s2 .circle.n2 img { width: calc(1320/820*100vw); }

/* 두둥실떠오르는거 조절 */
.s2 .blurBx { margin-top: 10px; width: 100%; height: 100%;}

.s2 .blurBx .n1 div { animation: floating20 forwards infinite 5s; }
.s2 .blurBx .n2 div { animation: floating20 forwards infinite 5s 0.2s; }
.s2 .blurBx .n3 div { animation: floating20 forwards infinite 5s 0.4s; }

.s2 .circle { margin-top: 15px; }
.s2 .circle.n1 div { animation: floating30 forwards infinite 5s 0.6s; }
.s2 .circle.n2 div { animation: floating30 forwards infinite 5s 1s; }



}

.sub_title_area{margin-bottom:60px;text-align:center;}
.sub_title_area h1{font-size:48px; line-height:1.66; letter-spacing:-0.04em; font-weight:600;}
.sub_title_area p{margin-top:38px; font-size:18px; letter-spacing:-0.04em; line-height:2; font-weight:300; line-height:1.7;}

.s3{padding:154px 0; overflow:hidden;}
.s3 .sub_title_area{margin-bottom: 100px;}
.s3 .sub_title_area p{margin-top:10px;}
.s3 .marquee{display: flex; align-items: center; justify-content: flex-start;}
.s3 .marquee:nth-child(3){justify-content: flex-end; margin: 50px 0;}

.s3 .marquee > div{display: inline-flex; gap: 120px; padding: 0 60px; animation: marquee forwards infinite 30s linear;}
.s3 .marquee:nth-child(3) > div{animation: marqueeReverse forwards infinite 30s linear;}
.s3 .marquee:nth-child(4) > div{animation-duration: 27.857s;}
.s3 .marquee > div > div{display: flex; align-items: center; justify-content: center;}
.s3 .marquee img{font-size: 1px;  width: auto; max-width: unset; max-height: 74em;}


@keyframes marquee {
  from{transform: translateX(0%);}
  to{transform: translateX(-100%);}
}

@keyframes marqueeReverse {
  from{transform: translateX(0%);}
  to{transform: translateX(100%);}
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
  .s3 .marquee > div{gap: 60px;}
  .s3 .marquee > div{padding: 0 30px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
  .s3 .marquee:nth-child(3){margin: 50px 0;}

  .s3 .marquee > div{gap: 40px;}
  .s3 .marquee > div{padding: 0 20px;}
  .s3 .marquee img{font-size: 0.8px; }
}
@media screen and (max-width:500px) {
  .s3 .sub_title_area{margin-bottom: 60px;}
  .s3 .marquee:nth-child(3){margin: 40px 0;}
  .s3 .marquee > div{gap: 30px;}
  .s3 .marquee > div{padding: 0 15px;}
  .s3 .marquee img{font-size: 0.6px; }
}
@media screen and (max-width:320px) {}










.s4{padding:154px 0;}
.s4 .sub_title_area{margin-bottom:90px;}
.s4 .sub_title_area p{margin-top:10px;}
.s4 .list>ul>li{position:Relative; margin-bottom:60px;display:flex; align-items:center; justify-content:space-between;}
.s4 .list>ul>li:nth-child(even){flex-direction:row-reverse;}
.s4 .list>ul>li:nth-child(even) .txt_area{text-align:right;}
.s4 .list>ul>li:last-child{margin-bottom:0;}
.s4 .list>ul>li .video_area{position:relative; width:47.3%; aspect-ratio: 16/9; border-radius:5px; overflow:hidden; left:-40px; opacity:0; transition: all 0.5s ease-out;}
.s4 .list>ul>li .video_area iframe{width:100%; height:100%; }
.s4 .list>ul>li .txt_area{position:relative; width:43%; left:-40px; opacity:0; transition: all 0.5s ease-out 0.2s;}
.s4 .list>ul>li .txt_area h2{margin-bottom:10px; font-size:38px; font-weight:600; letter-spacing:-0.04em; line-height:1.6; color:#3B0694; }
.s4 .list>ul>li .txt_area p{margin-bottom:30px; font-size:18px; font-weight:600; letter-spacing:-0.04em; line-height:1.7; }
.s4 .list>ul>li .txt_area li{margin-bottom:10px; font-size:18px; color:#9A9A9A; }
.s4 .list>ul>li .txt_area li:last-child{margin-bottom:0;}
.s4 .list>ul>li.on .video_area{left:0; opacity:1;}
.s4 .list>ul>li.on .video_area > *{width: 100%; height: 100%; object-fit: cover;}
.s4 .list>ul>li.on .txt_area{left:0; opacity:1;}

.s5{
  display: flex; align-items: center;
  height: var(--vh100); background: #3B0694;
  background: linear-gradient(180deg, rgba(59, 6, 148, 1) 0%, rgba(59, 6, 148, 1) 30%, rgba(255, 255, 255, 1) 100%);
  overflow:hidden;
}
.s5 .sub_title_area{margin-bottom:0;}
.s5 .wrap{position:relative; }
.s5 h1{padding-bottom:20px; margin-bottom:76px; border-bottom:1px solid #6a5291; text-align:left; color:#fff;}
.s5 .list>ul{display:flex; gap:30px;}
.s5 .list>ul>li{width:495px; padding:50px; background-color:#fff; border-radius:13px; flex-shrink:0; box-sizing:border-box;}
.s5 .list>ul>li:before{margin-bottom:55px; width:54px; aspect-ratio: 1/1; content:''; display:block; background-size: contain; background-position: center; background-repeat: no-repeat;}
.s5 .list>ul>li.icon_1:before{background-image:url(../../asset/img/sub/about/value_icon_1.png);}
.s5 .list>ul>li.icon_2:before{background-image:url(../../asset/img/sub/about/value_icon_2.svg);}
.s5 .list>ul>li.icon_3:before{background-image:url(../../asset/img/sub/about/value_icon_3.svg);}
.s5 .list>ul>li.icon_4:before{background-image:url(../../asset/img/sub/about/value_icon_4.png);}
.s5 .list>ul>li.icon_5:before{background-image:url(../../asset/img/sub/about/value_icon_5.png);}
.s5 .list>ul>li h2{margin-bottom:22px; padding-bottom:22px; border-bottom: 1px solid #E1E1E1; font-size:26px; font-weight:600; line-height: 1.4;}
.s5 .list>ul>li h2.mt{margin-top: -1.4em;}

.s5 .list>ul>li ul li{position:Relative; padding-left:10px; font-size:1rem; line-height:1.75; letter-spacing:-0.04em; }
.s5 .list>ul>li ul li:before{position:absolute; left:0; top:10px; width:3px; aspect-ratio: 1/1; content:''; display:block; background-color:#222; border-radius:50%;}
.s5 .more{position:absolute; right:0; top:0; }
.s5 .more a{width:62px; aspect-ratio: 1/1; content:''; display:block; background:url(../../asset/img/sub/about/more.png) no-repeat center center; display:block; text-indent:-9999px;}

.s6 .wrap{margin:0 auto; padding-bottom:140px; max-width:1178px; }
.s6 .sub_title_area{margin-bottom:90px;}
.s6 .sub_title_area h1{line-height:1.3;}
.s6 .list>ul{display:Flex; flex-wrap:wrap; gap:30px; }
.s6 .list>ul>li{position:relative; bottom:-40px; opacity:0;  width:calc((100% - 30px)/2); height:156px; border-radius:9px; display:flex; align-items:center;  background-color:#F7F7F7; transition: all 0.5s ease-out;}
.s6 .list>ul>li.on{opacity:1; bottom:0;}
.s6 .list .logo{position:Relative; padding:0 15px; width:32%; box-sizing:border-box; text-align:center;}
.s6 .list .logo:after{position:absolute; right:0; top:50%; width:1px; height:110px; background-color:#E0E0E0; display:block; content:""; transform:translateY(-50%);}
.s6 .list .txt_area{padding:0 20px; width:68%; box-sizing:border-box;}
.s6 .list .txt_area .title{display:flex; align-items:center; gap:10px;}
.s6 .list .txt_area .title h2{font-size:1.25rem; font-weight:600; }
.s6 .list .txt_area .title .year{font-size:0.875rem; color:#979797;}
.s6 .list .txt_area p{margin-top:10px; font-size:1rem; font-weight:300; letter-spacing:-0.04em; line-height:1.625;}

.s7_wrap{
  position: relative;
  background-color:#F7F6FB;
  padding-top: 100px;
}
.s7_wrap.center{padding-top: 0;}

.s7_wrap .pinBx{}

.s7{
  position:Relative; text-align:center; display:flex; flex-direction:column; justify-content:flex-start;
  align-items:center; gap:40px; box-sizing: border-box;
  padding: 40px 0;
}

.s7 .list{margin-bottom:0;}
.s7 .sub_title_area{margin-bottom:0;}
.s7 .list>ul{display:flex; gap:150px; align-items:flex-start; justify-content:center; text-align:center;}
.s7 .list>ul>li .number{position:Relative;  padding-bottom:10px; display:flex; align-items:center; gap:10px; justify-content:flex-end; font-size:1.375rem; font-weight:300; line-height:1;  display:inline-block;}
.s7 .list>ul>li .number:before{position:absolute; left:50%; bottom:0; width:16px; height:2px; background-color:#4D0ABD; display:block; content:""; transform:translateX(-50%);}
.s7 .list>ul>li .number strong{font-size:3.8125rem; font-weight:500; line-height:1;}
.s7 .list>ul>li p{margin-top:15px; font-size:0.9375rem; color:#A1A0A5;}
.s7 .map_area{position:relative; display:inline-block; vertical-align:top;}
.s7 .map_area ul li{position:absolute; z-index:2;}
.s7 .map_area ul li .dots{}
.s7 .map_area ul li .dots span{position:Relative; width:8px; aspect-ratio: 1/1; background-color:rgba(59,6,148,0.6); display:block; border-radius:50%; }
.s7 .map_area ul li .dots span:before{position:absolute; left:50%; top:50%; width:20px; aspect-ratio: 1/1; background-color:rgba(59, 6, 148, 0.3); display:block; border-radius:50%; content:""; transform:translate(-50%,-50%); animation: pulse1 2s ease-in-out infinite;}
.s7 .map_area ul li .dots span:after{position:absolute; left:50%; top:50%; width:30px; aspect-ratio: 1/1; background-color:rgba(59, 6, 148, 0.3); display:block; border-radius:50%; content:""; transform:translate(-50%,-50%); animation: pulse2 2s ease-in-out infinite;}

/* 국가별 애니메이션 delay */
.s7 .map_area ul li.korea .dots span:before{animation-delay: 0s;}
.s7 .map_area ul li.korea .dots span:after{animation-delay: 0s;}
.s7 .map_area ul li.china .dots span:before{animation-delay: 0.4s;}
.s7 .map_area ul li.china .dots span:after{animation-delay: 0.4s;}
.s7 .map_area ul li.vietnam .dots span:before{animation-delay: 0.8s;}
.s7 .map_area ul li.vietnam .dots span:after{animation-delay: 0.8s;}
.s7 .map_area ul li.usa .dots span:before{animation-delay: 1.2s;}
.s7 .map_area ul li.usa .dots span:after{animation-delay: 1.2s;}
.s7 .map_area ul li.usa .dots_2 span:before{animation-delay: 1.6s;}
.s7 .map_area ul li.usa .dots_2 span:after{animation-delay: 1.6s;}

@keyframes pulse1 {
  0% { transform: translate(-50%,-50%) scale(1); opacity: 0.5; }
  100% { transform: translate(-50%,-50%) scale(1.5); opacity: 0; }
}

@keyframes pulse2 {
  0% { transform: translate(-50%,-50%) scale(1); opacity: 0.5; }
  100% { transform: translate(-50%,-50%) scale(1.8); opacity: 0; }
}
.s7 .map_area ul li .box{position:absolute; display:flex; align-items:center; gap:20px; padding:15px 20px; background-color:#fff; border-radius:4px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); text-align:left; line-height:1.4; transition: all 0.3s ease-out; }
.s7 .map_area ul li .box .logo{width:42px;}
.s7 .map_area ul li .box .name{font-size:1rem; font-weight:600; color:#3B0694; transition: all 0.3s ease-out; white-space:nowrap;}
.s7 .map_area ul li .box .location{font-size:1rem; font-weight:300; color:#3B0694; transition: all 0.3s ease-out; white-space:nowrap;}
.s7 .map_area ul li .box:hover{background-color:#3B0694; color:#fff;}
.s7 .map_area ul li .box:hover .name{color:#fff;}
.s7 .map_area ul li .box:hover .location{color:#fff;}
.s7 .map_area ul li.korea{top:41%; left:41%;}
.s7 .map_area ul li.china{top:47.5%; left:36.5%;}
.s7 .map_area ul li.vietnam{top:54%; left:34%;}
.s7 .map_area ul li.usa{left:72%; top:37%; width:10%;}

.s7 .map_area ul li.korea .box{left:0; top:-95px; }
.s7 .map_area ul li.china .box{left:60px; top:10px;}
.s7 .map_area ul li.vietnam .box{right:20px; top:20px;}
.s7 .map_area ul li.usa .box{left:0px; top:60px;}

.s7 .map_area ul li.usa .dots_2{position:absolute; right:0; top:20px;}

.s8{
  position:absolute; left: 0; bottom: 0;
  width:100%; height: calc(var(--vh100)); z-index:10;
  background:rgba(50,50,50,0.7); overflow:hidden;
  display:flex; align-items:center;
  backdrop-filter: blur(10px);
}
.s7_wrap.center .s8{bottom: 50%; transform: translateY(50%); height: calc(var(--vh100) + 200px)}
.s8 .wrap{display:flex; align-items:center; justify-content:space-between;}

.s8 .tab_list{margin-bottom:35px;}
.s8 .tab_list>ul{display:flex; gap:30px;}
.s8 .tab_list>ul>li{font-size:20px; color:#c2c2c2; font-weight:600; cursor:pointer;}
.s8 .tab_list>ul>li.on{color:#fff; }
.s8 .logo_area{margin-bottom:60px;}
.s8 .location_list{font-size:14px; color:#fff; line-height:2.11; letter-spacing:-0.04em; min-height: calc(130/14*1em);}
.s8 .location_list ul{display: none;}
.s8 .location_list ul.on{display: block;}
.s8 .location_list li.on{display:block;}
.s8 .location_list li strong{font-weight:600;}
.s8 .txt_area{width:51.5%; padding-right: 40px; box-sizing: border-box;}
.s8 .swiper_area{position:relative; padding:148px 0; width:48.5%; overflow-x: hidden; padding-right: 100vw; margin-right: -100vw;}
.s8 .swiper_area:before{position:absolute; left:240px; top:0; width:100vw; height:100%; background-color:#3B0694; border-radius:37px; overflow:hidden; display:block; content:"";}
.s8 .swiper_area .swiper-slide{position:Relative; width:382px; border-radius:14px; overflow:hidden;}
.s8 .swiper_area .swiper-slide .txt_area{position:absolute; left:0; top:0; width:100%; height:100%; padding:50px 45px; box-sizing:border-box; background: rgba(0, 0, 0, 0); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 1) 100%);  display:flex;  flex-direction: column; justify-content:flex-end;  color:#fff;}
.s8 .swiper_area .swiper-slide .txt_area .en{margin-bottom:16px; font-size:17px; color:#b692f2;}
.s8 .swiper_area .swiper-slide .txt_area h2{font-size:24px; font-weight:600; color:#fff; }

/* img_area height 통일 */
.s8 .swiper_area .swiper-slide .img_area{position: relative;}
.s8 .swiper_area .swiper-slide .img_area::before{content: '';display: block; padding-bottom: calc(503/382*100%);}
.s8 .swiper_area .swiper-slide .img_area > img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


.mb_only{display:none;}

@media screen and (max-width:1024px) {
  .s4 .list>ul>li{gap:30px;}
  .s4 .list>ul>li .video_area{width:50%;}
}
@media screen and (max-width:960px) {
  .s4 .list>ul>li:nth-child(even),
  .s4 .list>ul>li{flex-direction: column; gap:20px;}
  .s4 .list>ul>li .video_area{width:100%;}
  .s4 .list>ul>li .txt_area{width:100%;}
  .s4 .list>ul>li:nth-child(even) .txt_area{text-align:left;}
  .s5 .list>ul>li{padding:20px; width:300px;}
  .s5 .list>ul>li h2{font-size:17px; line-height:1.6;}
  .s5 .list>ul>li h2.mt{margin-top: 0;}
  .s5 .list>ul>li ul li{font-size:13px; }
  .s5 .list>ul>li:before{margin-bottom:20px;}
  .s6 .list>ul{flex-direction: column; gap:10px;}
  .s6 .list>ul>li{width:100%;}

  .s7 .list>ul{gap:80px;}

  .s8 .wrap{flex-direction: column; align-items: flex-start;}
  .s8 .tab_list>ul{gap: 20px;}
  .s8 .tab_list>ul>li{font-size: 18px; }

  .s8 .txt_area{width: 100%; padding-right: 0;}
  .s8 .logo_area{margin-bottom: 40px; width: max(calc(600/960*100vw),260px);}

  .s8 .swiper_area{padding: 0; width: 90%; max-width: 260px; overflow: visible; z-index: -1;}
  .s8 .swiper_area:before{height: 150%; top: unset; bottom: -40px;}
  .s8 .swiper_area .swiper-slide{width: 100%;}
  .s8 .swiper_area .swiper-slide .txt_area{padding: 24px;}
  .s8 .swiper_area .swiper-slide .txt_area .en{font-size: 14px; margin-bottom: 10px;}
  .s8 .swiper_area .swiper-slide .txt_area h2{line-height: 1.3; font-size: 18px; }

}

@media screen and (max-width:768px) {
  .mb_only{display:block;}

  .s2 .txtBx h1{margin-bottom:25px;font-size:14px; }
  .s2 .txtBx h2{font-size:28px; }
  .s2 .txtBx p{margin-top:20px; font-size:14px;}

  .s3{padding:80px 0;}
  .sub_title_area{margin-bottom:90px;}
  .sub_title_area h1{font-size:28px;  line-height:1.2;}
  .sub_title_area p{margin-top:20px; font-size:14px; line-height:1.42;}


  .s4{padding:80px 0;}
  .s4 .sub_title_area{margin-bottom:40px;}

  .s4 .list>ul>li .txt_area h2{margin-bottom:15px; font-size:23px;}
  .s4 .list>ul>li .txt_area p{margin-bottom:20px; font-size:14px; line-height:1.42;}
  .s4 .list>ul>li .txt_area li{margin-bottom:0; font-size:14px; line-height:1.42;}

  .s5{}
  .s5 .more a{width:24px; background-size:100%;}
  .s5 .sub_title_area{margin-bottom: 50px;}
  .s5 .sub_title_area h1{margin-bottom:0v; padding-bottom:20px; }
  .s5 .list>ul>li h2{padding-bottom:20px; margin-bottom:20px;}
  .s5 .list>ul>li ul li:before{top:7px;}

  .s6 .wrap{padding-bottom:80px;}
  .s6 .sub_title_area{margin-bottom: 40px;}
  .s6 .list .txt_area .title h2{font-size:15px;}
  .s6 .list .txt_area .title .year{font-size:11px;}
  .s6 .list .txt_area p{font-size:13px;margin-top:4px;}
  .s6 .list>ul>li{height:116px;}
  .s6 .list .logo:after{height:86px;}
  .s6 .list .txt_area{padding:0 15px;}

  .s7_wrap.center{padding-top: 20px;}
  .s7_wrap.center .pinBx{padding: 60px 0;}

  .s7 .sub_title_area{margin-bottom: 0;}
  .s7 .list>ul{gap:30px;}
  .s7 .list>ul>li .number{font-size:15px;}
  .s7 .list>ul>li .number strong{font-size:40px;}
  .s7 .list>ul>li p{font-size:12px; line-height:1.5;}

  .s7 .map_area ul li .box{padding:0; border-radius:50%; background:transparent; display:block }
  .s7 .map_area ul li .box .txt_area{display:none;}
  .s7 .map_area ul li .box .logo img{width:100%;}

  .s7 .map_area ul li .dots span{width:6px;}
  .s7 .map_area ul li .dots span:before{width:11px;}
  .s7 .map_area ul li .dots span:after{width:17px;}

  .s7 .map_area ul li.korea .box{left:-20px; top:-55px;}
  .s7 .map_area ul li.china .box{left:-70px; top:0px;}
  .s7 .map_area ul li.vietnam .box{left:30px; top:-10px; right:auto;}
  .s7 .map_area ul li.usa .dots_2{top:5px;}
  .s7 .map_area ul li.usa .box{left:auto; right:-60px; top:50%; transform:translateY(-50%);}
}



@media screen and (max-width:500px) {
  .s4 .list>ul>li .txt_area p{max-width: 90%;}
  .s4 .list>ul>li .txt_area p br{display: none;}
  .s8 .tab_list{margin-bottom: 20px;}
  .s8 .tab_list>ul>li{font-size: 16px; }
  .s8 .logo_area{margin-bottom: 30px;}
  .s8 .location_list{font-size: 12px; line-height: 1.6;}
  .s8 .swiper_area{width: 100%; max-width: unset;}
  .s8 .swiper_area:before{left: 20vw; border-radius: 20px;}
  .s8 .swiper_area .swiper-slide{width: 60%; border-radius: 10px;}
  .s8 .swiper_area .swiper-slide .txt_area{padding: 20px;}
  .s8 .swiper_area .swiper-slide .txt_area .en{font-size: 12px; }
  .s8 .swiper_area .swiper-slide .txt_area h2{font-size: 16px; }
}
@media screen and (max-width:320px) {}


/* 등장 모션 */
.s8{transition: opacity 0.6s; opacity: 0;}
.s8.on{opacity: 1;}
.s8 .wrap{transition-property: opacity,transform; transition-duration: 0.6s; opacity: 0; transform: translateY(40px);}
.s8.on .wrap{opacity: 1; transform: translateY(0); transition-delay: 0.3s;}