#PC_View {display:block;}
#Mobile_View {display:none;}

@media all and (max-width:640px){
#PC_View {display:none;}
#Mobile_View {display:block;}
}

/* splash */
.splash {position: fixed;width:100%;height:100vh;z-index: 9999; background-color: #fff;display:flex; justify-content: center; align-items: center;  transition: 0.2s cubic-bezier(.82, .02, .58, 1); opacity: 1; font-family: 'SUIT','Noto Sans KR', sans-serif; top:0;}
.splash.on {opacity: 0; transition: 0.6s cubic-bezier(.82, .02, .58, 1); }
.splash li {list-style:none;font-size: 2.8vw !important;}
.splash li.on {animation-name: typing; animation-duration: 0.2s; animation-iteration-count: infinite;}
.splash .typing {display :flex;color: #007eff/*ff5925*/;margin-top:-13%;}
.splash .typing li:nth-of-type(2) {font-weight: bold; list-style:none;}
.splash .typing-txt {display:none;}
.splash .sub_txt {position:absolute;top:40%;left:50%;font-size:1.0vw !important;transform: translate(-50%, 0);color:#4fa6ff;display:block;animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */}
.splash .logo {position:absolute;width:5%;bottom:10%;margin:0 auto;animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */}
.splash .logo img {max-width:85%;}

@media all and (max-width:1450px){
.splash .typing {margin-top:-17%;}
.splash .sub_txt {top:39%;}
.splash .logo img {max-width:80%;}
}

@media all and (max-width:1024px){
.splash .typing {margin-top:-18%;}
.splash .sub_txt {top:41%;}
.splash .logo img {max-width:75%;}
}

@media all and (max-width:768px){
.splash li {font-size: 7.5vw !important;}
.splash .typing {margin-top:-20%;}
.splash .sub_txt {top:48%;font-size:2.0vw !important;}
.splash .logo {width:12%;bottom:10%;}
.splash .logo img {max-width:100%;}
}

/*  */
@keyframes typing {
    0% {border-right: 1px solid #fff; }
    50% {border-right: 1px solid #007eff/*ff5925*/; }
    100% {border-right: 1px solid #fff; }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/******************** MAIN VISUAL ********************/
.mainVisual {position: relative;color: #fff; padding: 0; margin:0;border:0px solid red;}

.mainVisual .mainSld ul li img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: opacity 1s ease, -webkit-transform 3s linear; transition: opacity 1s ease, -webkit-transform 3s linear; transition: transform 3s linear, opacity 1s ease; transition: transform 3s linear, opacity 1s ease, -webkit-transform 3s linear; opacity: 0; }

.mainVisual .mainSld ul li.swiper-slide-active img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; }

.mainVisual .mainVisualTit { z-index: 1; position: relative; padding:0; top:0;}

.mainVisual .mainVisualTit .inner {float:right;margin:0 0 0 0;display:block;}

.mainVisual .mainVisualTit .inner .visualTit { position: absolute; left: 0; bottom: 0rem; }

.mainVisual .mainVisualTit .inner .swiper-pagi { position: absolute; width:1rem;left:2%; top:40%; text-align: center; }

.mainVisual .mainVisualTit .inner .swiper-pagi span {width: .7rem; height: .7rem;margin:0 0 1.2rem 0; background-color: #fff; opacity: 1; }

.mainVisual .mainVisualTit .inner .swiper-pagi span.swiper-pagination-bullet-active {border-width:1px 1px 1px 1px;  border-color:#fff; border-style:double;background-color: transparent; }


.mainVisual .mainSld .swiper-slide .img_box {position:absolute;top:32%;left:7%;z-index:9990;}
.mainVisual .mainSld .swiper-slide .img_box .title {font-size:6.8rem;line-height:1.0em;font-weight:600;text-align:left;display:block;}
.mainVisual .mainSld .swiper-slide .img_box .stitle {font-size:2.0rem;margin:2rem 0 0 0;font-weight:600;text-align:left;display:block;}
.mainVisual .mainSld .swiper-slide .img_box .stext {font-size:1.4rem;margin:2rem 0 0 0;line-height:1.6em;font-weight:400;text-align:left;display:block;}


@media all and (max-width:1450px){
.mainVisual .mainSld .swiper-slide .img_box {top:32%;left:7%;}
.mainVisual .mainSld .swiper-slide .img_box .title {font-size:5.8rem;}
.mainVisual .mainSld .swiper-slide .img_box .stitle {font-size:1.8rem;margin:1.8rem 0 0 0;}
.mainVisual .mainSld .swiper-slide .img_box .stext {font-size:1.3rem;margin:1.8rem 0 0 0;}
}
@media all and (max-width:1024px){
.mainVisual .mainSld .swiper-slide .img_box {top:30%;left:7%;}
.mainVisual .mainSld .swiper-slide .img_box .title {font-size:4.8rem;}
.mainVisual .mainSld .swiper-slide .img_box .stitle {font-size:1.6rem;margin:1.5rem 0 0 0;}
.mainVisual .mainSld .swiper-slide .img_box .stext {font-size:1.2rem;margin:1.5rem 0 0 0;}
}

@media all and (max-width:640px){
.mainVisual .mainSld .swiper-slide .img_box {top:70%;left:10%;}
.mainVisual .mainSld .swiper-slide .img_box .title {font-size:3.5rem;line-height:1.0em;}
.mainVisual .mainSld .swiper-slide .img_box .stitle {font-size:1.3rem;margin:1rem 0 0 0;font-weight:400;}
.mainVisual .mainSld .swiper-slide .img_box .stext {display:none;}
.mainVisual .mainVisualTit .inner {display:none;}
}