/*header*/
#main #header{position: fixed;top:4rem;left:6rem;z-index: 101;}
.headerC__top{display:flex;justify-content: space-between;align-items: center;background-color: #fff;padding:2rem 4rem;border-radius: 6rem;width:44rem;transition: all 0.5s;}
.headerC__top .headerC__logo__link img{width: 102px; height: 44px;}
.headerC__top .headerC__logo__link img.logo-w{display:none;}
.headerC__top .aside{display: flex;gap:2.4rem;margin-left:auto}
.headerC__top .aside button{border:0;background-color: transparent;width:3.2rem;height:3.2rem;display: inline-flex;justify-content: center;align-items: center;padding:0; position: relative;}
.headerC__top .aside button.btnHam{display: none;}
.headerC__top .headerSide__lang__lists{ position: absolute; left: 50%; transform: translateX(-50%); background-color: #229695; color: #fff; border-radius: 0.8rem; padding: 2rem 0; width: 8rem; top: 100%;}
.headerC__top .headerSide__lang__lists .item{ display: block; font-size: 2rem; line-height: 1.5; text-align: center;}
.headerC__top .headerSide__lang__lists .item.on{color: #fff; font-weight: 700;}
.headerC__top .headerSide__lang:hover .globe::before{background-color: #229695;}
.headerC__top .headerNav{display: none;}
.headerC__top .headerNav .gnb__link {}

#main #header.header--open{border-bottom:1px solid #efefef;}
#main #header .hd_search img{width: 2.5rem; height: 2.5rem;}

#main #header.fixed.headerC{top:0;left:0;width:100%}
.fixed .headerC__top{width:100%;border-radius: 0; padding: 0 4rem;}
#main #header.fixed.headerC .nav_box{ margin-left: 20%;}
#main #header.fixed.headerC .headerNav{display: block;}

#main #header.fixed.headerC .Ham{display: none;}

.mainVisualSwiper{width:100%;height: 100vh;position: relative;overflow: hidden;}
.mainVisualSwiper .swiper-slide{width:100%;height:100%;overflow: hidden;} 
.mainVisualSwiper .swiper-bg{width:100%;height:100%;transition: all 5s ease;}
.mainVisualSwiper .swiper-bg video,
.mainVisualSwiper .swiper-bg img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.mainVisualSwiper .swiper-bg video{min-width:100%;min-height:100%;width:auto;height:auto;object-fit: cover;}
.mainVisualSwiper .swiper-bg img{width:100%;height:100%;object-fit: cover;}
.mainVisualSwiper .swiper-text{position: absolute;color:var(--White); bottom: 20vh; right: 5vw; }
.mainVisualSwiper .swiper-text1{font-size:2.4rem;font-weight: 700;line-height: 1.5;}
.mainVisualSwiper .swiper-text2{font-size:9rem;font-weight: 700;line-height: 10.8rem;}
.mainVisualSwiper .swiper-text3{font-size:2.4rem;font-weight: 400;line-height: 3.6rem;margin-top: 2.8rem;}
.mainVisualSwiper .swiper-text1, .mainVisualSwiper .swiper-text2, .mainVisualSwiper .swiper-text3{transition: all 0.5s;}
.mainVisualSwiper .swiper-thumbs{position: absolute;bottom:6rem;left:50%;width:95%;transform: translateX(-50%);z-index: 2;}
.mainVisualSwiper .swiper-thumbs{display: flex;justify-content: center;gap:0.5rem}
.mainVisualSwiper .swiper-thumbs-item{flex:1;cursor: pointer;}
.mainVisualSwiper .swiper-thumbs-item .progress{width:100%;height:2px;background: rgba(255,255,255,0.5);}
.mainVisualSwiper .swiper-thumbs-item .progressBar{display: block;width:0;height:100%;background: #fff;}
.mainVisualSwiper .swiper-thumbs-item .desc{font-size: 1.6rem;font-weight: 700;line-height: 2.4rem;color:rgba(255,255,255,0.5);padding:2rem 0}
.mainVisualSwiper .active .progressBar{animation: countingBar 6s linear forwards;}
.mainVisualSwiper .active .desc{color:#fff}
.mainVisualSwiper .swiper-slide-active .swiper-text1 {animation: fadeInUp 1s 0.2s both;}
.mainVisualSwiper .swiper-slide-active .swiper-text2 {animation: fadeInUp 1s 0.6s both;}
.mainVisualSwiper .swiper-slide-active .swiper-text3 {animation: fadeInUp 1s 0.8s both;}



.mainBusiness{padding:20rem 6rem;}
.mainSectTitle__tit{font-weight: 700; font-size: 6rem; line-height: 7.2rem; color: #000;}
.mainBusiness .mainSectTitle{display: flex;justify-content: space-between;}
.mainBusiness .mainSectTitle__desc{width: 50%; font-size: 3rem; line-height: 4.8rem; color: #333; border-top: 1px solid; padding-top: 9.6rem}
.mainBusiness__items{display: flex;justify-content: space-between;gap:0.82%;margin-top: 12rem;}
.mainBusiness__items .item{position: relative; flex: 1; transition: .5s;}
.mainBusiness__items .item .box{position: relative;}
.mainBusiness__items .item .box img{width:100%;}
.mainBusiness__items .item__text{position: absolute;left:0;bottom:0;width:100%;padding:4rem;display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.mainBusiness__items .item__tit{font-size: 3.2rem;font-weight: 700;line-height: 4.8rem;color:#fff; width: 100%; position: relative;}
.mainBusiness__items .item__tit .item__link{display: flex;justify-content: center;align-items: center;width:4.8rem;height:4.8rem;background-color: #fff;border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mainBusiness__items .item__desc{display: none; color: #fff; font-size: 2.4rem; font-weight: 500; line-height: 3.6rem; margin-top: 4rem; height: 0; }
.mainBusiness__items .item__desc .item__link{display: flex;justify-content: center;align-items: center;width:4.8rem;height:4.8rem;background-color: #fff;border-radius: 50%; margin-top: 8rem;}
.mainBusiness__items .item:hover{flex: 2;}
.mainBusiness__items .item:hover .item__tit{font-size: 4.2rem; line-height: 6rem;}
.mainBusiness__items .item:hover .item__tit .item__link{display: none;}
.mainBusiness__items .item:hover .item__desc{display: block; height: auto;}


.mainDevelopment{padding: 8rem 6rem;}
.mainDevelopment .swiper-slide{position: relative;}
.mainDevelopment .swiper-slide .text_box{position: absolute; background: #fff; padding:0 6rem; border-radius: 1.2rem; right: 15.4rem; bottom: 16rem; width: 90rem; height: 40rem;display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
.mainDevelopment .swiper-slide .text_box span{display: block; width: 100%; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color: #333;}
.mainDevelopment .swiper-slide .text_box .tit{width: 100%;font-weight: 700; font-size: 4rem; line-height: 5.6rem;color: #333; margin: 1.2rem 0 2.8rem 0;}
.mainDevelopment .swiper-slide .text_box p{ width: 100%;color: #666; font-size: 2rem; line-height: 3.2rem;}
.mainDevelopment .swiper-slide .text_box .btn{color: #229695; font-weight: 700; font-size: 2.4rem; line-height: 3.6rem; margin-top: 5.6rem; display: inline-flex; align-items: center;}
.mainDevelopment .swiper-slide .text_box .arrow-right{margin-left: 8px;}
.mainDevelopment .swiper-slide .text_box .arrow-right::before{background-color: #229695; }
.mainDevelopment .navi{position: absolute; bottom: 20rem; right: 21rem; width: 15rem; height: 6rem;}
.mainDevelopment .navi .swiper-button-next{background: url("../../images/ico/arr-right.svg")no-repeat center; background-size: contain; width: 4rem; height: 4rem;}
.mainDevelopment .navi .swiper-button-prev{background: url("../../images/ico/arr-right.svg")no-repeat center; background-size: contain; transform: rotate(180deg); width: 4rem; height: 4rem;}

.mainNews{padding:20rem 6rem;background-color: #f9f9f9;display: flex;flex-wrap: wrap;gap:0.98%}
.mainCsect3__tit{width:49.51%}
.mainCsect3__tit .btnBaro{margin-top: 8rem; display: flex; align-items: center; font-size: 2.4rem; font-weight: 700; line-height: 3.6rem; color: #229695;}
.mainCsect3__tit .btnBaro .arrow-right{margin-left: 1rem;}
.mainCsect3__tit .btnBaro .arrow-right::before{background-color: #229695;}
.mainCsect3__item{border-radius: 2rem;background: #F0F0F0;padding:4rem 4.8rem;display: flex;position: relative;gap:4rem;width:49.51%; overflow:hidden;}
.mainCsect3__item a{display: flex; width: 100%; align-items: center;}
.mainCsect3__item__cont{display: flex;flex-direction: column;height:38.2rem; width: 100%; z-index: 2;}

.mainCsect3__item__cont .desc{margin-top: auto;width:100%; color: #fff;}
.mainCsect3__item__cont .desc__t1 .cate{display: block; font-weight: 700; font-size: 4rem; line-height: 5.2rem;}
.mainCsect3__item__cont .desc__t2{font-size: 2.8rem;line-height: 4rem;margin-top: 2rem; color: #fff;}
.mainCsect3__item__cont .arrow{width: 3rem; height: 3rem; position: absolute;bottom:6rem;right:6rem}
.mainCsect3__item__cont .arrow i{width: 3rem; height: 3rem;-webkit-mask: url("../../images/main/arrow_up_right.svg") no-repeat center; mask: url("../../images/main/arrow_up_right.svg") no-repeat center; mask-size: contain; display: block; background-color: #fff;}
.mainCsect3__item{position:relative;}
.mainCsect3__item::before{content: ''; transition: .3s; position: absolute; top:0; left: 0; z-index:0; display: block; width: 100%; height: 100%; overflow: hidden;}
.mainCsect3__item + .mainCsect3__item{margin-top: 2.4rem;}
.mainCsect3__item:hover .desc__t2,
.mainCsect3__item:hover .desc__t1 .cate{color: #fff;}
.mainCsect3__item:hover .arrow i{background-color: #fff;}
.mainCsect3__item.news01::before{background: url("../../images/main/news01.png")no-repeat center; background-size: cover;}
.mainCsect3__item.news02::before{background: url("../../images/main/news02.png")no-repeat center; background-size: cover; }
.mainCsect3__item.news03::before{background: url("../../images/main/news03.png")no-repeat center; background-size: cover;}
.mainCsect3__item:hover::before{ transform: scale(1.05);}

.mainCsect5{padding:20rem 6rem;display: flex;justify-content: space-between;gap:2.4rem}
.mainCsect5>div{flex:1}
.mainCsect5__item{position: relative;}
.mainCsect5__item .bg{width:100%;height:100%;border-radius: 2rem;overflow: hidden;;}
.mainCsect5__item .bg img{width: 100%;height:100%;object-fit: cover;}
.mainCsect5__item .tit{font-size: 4rem;line-height: 1.3;color:#fff;margin-bottom: 1.6rem; color:#fff;}

.mainCsect5__item a{display: inline-flex; align-items: center; justify-content: center; width: 4.8rem; height: 4.8rem; background-color: #fff; border-radius: 100%;}


.mainCsect5__item .desc{position: absolute;left:4.8rem;bottom:4.4rem}
.mainCsect5__s2{display: flex;justify-content: space-between;gap:2.4rem}
.mainCsect5__s1{display: flex;flex-direction: column;}
.mainCsect5__s1 .mainCsect5__item{margin-top: auto;}
.mainCsect5__quick{background-color: #229695;border-radius: 2rem;;display: flex;justify-content: center;align-items: center;gap:11.82%;height:20rem}
.mainCsect5__itemWp{display: flex;flex-direction: column;justify-content: space-between;gap:2.4rem}
.ico.users{display: inline-flex;width:6.4rem;height:6.4rem;background: url(../../images/mainc/ico-users.svg) no-repeat 50% 50%;background-size:cover;}
.ico.speaker{display: inline-flex;width:6.4rem;height:6.4rem;background: url(../../images/mainc/ico-speaker.svg) no-repeat 50% 50%;background-size:cover;}
.bar{display: inline-block;width:1px;height:10rem;background-color: #d9d9d9;opacity: 0.2;}
.quick__link{display: flex;flex-direction: column;padding:0 2rem;  align-items: center;}
.quick__link i{display: block; width: 6.4rem; height: 6.4rem;}
.quick__link i.map{background: url("../../images/main/link-map.svg") no-repeat center; background-size: contain;}
.quick__link i.global{background: url("../../images/main/link-global.svg") no-repeat center; background-size: contain;}
.quick__link .tx{font-size: 2rem;line-height: 1.6;color:#fff;margin-top: 0.8rem;}




@keyframes arrowAct {
  from{transform: translateY(-100%);}
  to{transform: translateY(0);}  
}

@keyframes fadeInUp{
  0% {transform: translateY(100px);opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}  
}

@keyframes fadeInUp2{
  0% {transform: translateY(100px);opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}  
}

@keyframes arrAni{
  0% {right:0}
  100% {right:-100%}  
}

@keyframes countingBar{
  0% {width: 0;}
  100% {width:100%;}
}

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




@media (max-width:1921px) {  
  .mainBusiness__items.item1{padding-left:13.54%}
  .mainBusiness__items.item3{padding-right:13.54%}
  .mainEsgTitle{padding-left:13.54vw} 
  .mainVisualSwiper .swiper-thumbs{width:100%;padding-left:2rem;padding-right:2rem}

  .mainBusiness .mainSectTitle__desc{width:60%;}
  
}

@media (max-width:1600px) {  
  .mainBusiness__items .active{width:80vw}
  .mainBusiness__items.item1{padding-left:2rem}
  .mainBusiness__items.item3{padding-right:2rem}
  .mainEsgTitle{padding-left:4rem}
  .mainCsect3__item__cont .desc__t2{font-size: 2.3rem;}
}

@media (max-width:1024px) {
  .mainDevelopment .swiper-slide .text_box{height: 35rem; bottom: 10rem;}
	.mainCsect3__item{padding: 3rem;}
	.mainCsect3__item__cont .desc{width: 100%;}
}

@media (max-width:820px) {

  #main #header{top:0; left: 0; }
  .fixed .headerC__top{padding:1.2rem 1.6rem; background: #fff;}
  .fixed .headerC__top .search::before, .fixed .headerC__top .globe::before, .fixed .headerC__top .menu::before{background-color:#000;}
  .headerC__top{width: 100%; border-radius: 0;background: transparent; padding: 1.2rem 1.6rem;}
  .headerC__top .aside{gap: 2rem;}
  .headerC__top .search::before,
  .headerC__top .globe::before,
  .headerC__top .menu::before{background-color: #fff;}
 .headerC__top .headerC__logo__link{display: block; width: 8rem; height: 4rem; position:relative;}
 .headerC__top .headerC__logo__link img{position:absolute;}
 .headerC__top .headerC__logo__link img.logo-w{display:block;}
   .fixed .headerC__top .headerC__logo__link img.logo-c{z-index:2;}
    #main #header .Ham,
    #main #header.fixed.headerC .Ham{display: none}
    #main #header .hd_search img{width: 2rem; height: 2rem;}
    #main .hd_search .on.pc--only{display: none !important;}
    .headerC__top .aside button.btnHam{display: block;}
    .mainVisualSwiper .swiper-text{width: 100%; right: 0; bottom: 12rem;}
  .mainVisualSwiper .swiper-text2{font-size: 3.5rem; line-height: 5.6rem;}
  .mainVisualSwiper .swiper-text3{font-size: 1.8rem;margin-top: 2rem; line-height: 2.8rem;}
  .mainVisualSwiper .swiper-thumbs{width:100%;bottom:2rem}
  .mainVisualSwiper .swiper-thumbs-item .desc{font-size: 1.4rem;line-height: 1.42;padding:0.8rem 0}

  .mainSectTitle__tit{font-size: 2.8rem; line-height: 4rem; }

  .mainBusiness{padding:8rem 2rem;overflow: hidden;}
  .mainBusiness .mainSectTitle{flex-direction: column;}
  .mainBusiness .mainSectTitle__desc{font-size: 1.6rem;margin-top:2rem; line-height: 2.4rem; width: 100%; padding-top: 0; border-top: none;}
  .mainCsect2__items{flex-direction: column;gap:2rem;margin-top: 6rem;}
  .mainCsect2__items .item{width:100%}
  .mainCsect2__items .item__tit{font-size: 2.4rem;}
  .mainBusiness__items{margin-top: 4rem; flex-wrap: wrap; gap:  1.2rem 0; padding:0;}
  .mainBusiness__items.item1{padding-left:0;}
  .mainBusiness__items .item{width: 100%; flex: 1 1 100%;}
  .mainBusiness__items .item__text{padding: 2rem;}
  .mainBusiness__items .item .item__tit,
  .mainBusiness__items .item:hover .item__tit{font-size: 2rem; line-height: 3.2rem;}
  .mainBusiness__items .item__tit .item__link{width: 2.8rem; height: 2.8rem;}
  .mainBusiness__items .item .item__desc{font-size: 1.5rem; line-height: 2.4rem; margin-top: 2rem;}
  .mainBusiness__items .item__desc .item__link{margin-top: 2rem; width: 2.8rem; height: 2.8rem;}
  .mainBusiness__items .item:hover{flex: inherit;}

  .mainDevelopment{padding: 0;}
  .mainDevelopment .swiper-slide img{width: 100%;}
  .mainDevelopment .swiper-slide .text_box{width: 88.3%;height: 30rem; right: 50%; bottom: 4rem; padding: 4rem 2.8rem; transform: translateX(50%);align-content: flex-start;}
  .mainDevelopment .swiper-slide .text_box span{display: none;}
  .mainDevelopment .swiper-slide .text_box .tit{font-size: 2.8rem; line-height: 4rem; margin: 0 0 1.2rem;}
  .mainDevelopment .swiper-slide .text_box p{font-size: 1.6rem; line-height: 2.4rem;}
  .mainDevelopment .swiper-slide .text_box .btn{font-size: 1.6rem; line-height: 2.4rem; margin-top: 2rem;}
  .mainDevelopment .navi{bottom:7rem; right: 4rem; height: 2.8rem; width: 8rem;}
  .mainDevelopment .navi .swiper-button-next,
  .mainDevelopment .navi .swiper-button-prev{width: 2.8rem; height: 2.8rem;}

    .mainNews{padding: 8rem 2rem;}
    .mainCsect3__tit{width: 100%;}
    .mainCsect3__tit .btnBaro{margin-top: 2rem; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 4rem;}
    .mainCsect3__item{width: 100%; padding: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid #DFDFDF;border-top: 1px solid #DFDFDF;}
    .mainCsect3__item a{padding: 2.8rem 2rem;}
    .mainCsect3__item + .mainCsect3__item{margin-top: 0; border-top: none;}
    .mainCsect3__item__cont{height: auto;}
    .mainCsect3__item__cont .desc__t1 .cate{font-size: 2rem; line-height: 3.2rem;}
    .mainCsect3__item__cont .desc__t2{display: none;}
    .mainCsect3__item__cont .arrow{right: 0; top: 50%; transform: translateY(-50%);}
    .mainCsect3__item__cont .arrow i{width: 2rem; height: 2rem;}

    .mainCsect5{padding: 8rem 2rem; flex-wrap: wrap;gap: 1.2rem;}
    .mainCsect5>div{flex: 1 1 100%; flex-wrap: wrap; gap: 1.2rem;}
    .mainCsect5__s1 .mainCsect5__item{margin-top: 4rem;}
    .mainCsect5__item{width: 100%;}
    .mainCsect5__item .desc{left: 0; top: 50%; width: 100%; bottom: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 2.8rem; transform: translateY(-50%)}
    .mainCsect5__item .bg{border-radius: 1.2rem;}
    .mainCsect5__item .tit{font-size: 2rem; line-height: 3.2rem;margin-bottom: 0; }
    .mainCsect5__item a{width: 2.8rem; height: 2.8rem;}
    .mainCsect5__itemWp{gap: 1.2rem; width: 100%;}
    .mainCsect5__quick{height: 12rem; gap: 0; border-radius: 1.2rem;}
    .quick__link{flex: 1; align-items: center;}
    .quick__link i{width: 4rem; height: 4rem;}
    .quick__link .tx{font-size: 1.6rem;}


  /*!*.mainSectTitle__cate{font-size:1.4rem}*!*/
  /*!*.mainSectTitle__tit{font-size:2.8rem}*!*/
  /*!*.mainSectTitle__desc{font-size:1.6rem;line-height: 1.5;}*!*/
  /*!*.mainSectTitle__desc br{display: none;}*!*/
  /*!*.mainBusiness__items.item1{padding-left:1.6rem}*!*/
  /*!*.mainBusiness__items.item3{padding-right:1.6rem}*!*/
  /*!*.mainBusiness__items{display: block;margin-top:4rem;padding:0 1.6rem}*!*/
  /*!*.mainBusiness__items>div{width:100%;height:12rem}*!*/
  /*!*.mainBusiness__items>div + div{margin-top: 0.8rem;}*!*/
  /*!*.mainBusiness__items .active{width:100%;height:32rem}*!*/
  /*!*.mainBusiness__itemHv .link{padding:1.6rem}*!*/
  /*!*.mainBusiness__itemHv .link::after{width:2.8rem;height:2.8rem;right:1.6rem}*!*/
  /*!*.mainBusiness__itemHv .link__cate{font-size:1.4rem}*!*/
  /*!*.mainBusiness__itemHv .link__tit{font-size:1.6rem}*!*/
  /*!*.mainBusiness{padding:8rem 0 10rem}*!*/
  /*.mainEsgSect .mainEsg{flex-direction: column;height: auto;}*/
  /*.mainEsgTitle{padding:6rem 1.6rem}*/
  /*.mainEsgLinks{width: 100%;}*/
  /*.mainEsgLinks__item{padding:3rem 1.6rem;border-top: 1px solid rgba(255, 255, 255, 0.30);}*/
  /*.mainEsgLinks__item .desc::after{content: '';display: block;width:2.8rem;height:2.8rem;position: absolute;top:50%;right:0;transform: translateY(-50%);background: url(../../images/common/lin-arr-white.svg) no-repeat 50% 50%;background-size: cover;}*/
  /*.mainSectTitle__tit{font-size:2.8rem;line-height: 1.42;}*/
  /*.mainSectTitle__desc{font-size:1.6rem}*/
  /*.mainEsgLinks__item .t1{font-size: 2rem;}*/
  /*.mainEsgLinks__item .t2{font-size: 1.4rem;}*/
  /*.mainNewsSect{min-height:auto}*/
  /*.mainNews{padding:8rem 0 10rem}*/
  /*.mainNews .static{flex-direction: column;}*/
  /*.mainNews .mainNewsDesc{width: 100%;margin-top:4rem}*/
  /*.mainNews .mainNewsTitle{width:100%}*/
  /*.mainNewsDesc__item{padding:2.8rem 0}*/
  /*.mainNewsDesc__item1{font-size:1.8rem}*/
  /*.mainNewsDesc__item2,*/
  /*.mainNewsDesc__item3{font-size:1.3rem}*/
  /*.mainNewsDesc__item2{margin-top:0.8rem}*/
  /*.mainNewsDesc__item3{margin-top:1.2rem}*/
  /*.mainNews::before{width:36rem;height:18rem;right:-16rem}*/
  /*.mainNews::after{width:64rem;height:32rem;left:-31rem}*/
  /*.mainSectTitle__tit{margin-top:1.2rem}*/
  /*.mainSectTitle__tit br{display: none;}*/
  /*.mainSectTitle__btn{margin-top:2rem} */
  /*.mainRecruit{padding:8rem 0 10rem;}*/
  /*.mainRecruit .static{flex-direction: column;}*/
  /*.mainRecruit__links{width:100%;margin-top:8rem}*/
  /*.mainRecruit__link{padding:2rem 2.8rem;display: flex;justify-content: space-between;align-items: center;}*/
  /*.mainRecruit__link2{font-size:1.8rem} */
  /*.mainRecruitTitle{width: 100%;}*/

}


@media (orientation: portrait) {
  /* 세로 모드 일 경우 */
  /* .mainVisualSwiper{height:100rem} */
   
}

@media (orientation: landscape) {
  /* 가로 모드일 경우 */
  .mainVisualSwiper{min-height: 667px;}
}