/* header */
#header_wrap .header {
    top: 0px;
    transition: all 0.3s ease-in-out;
    height: 100px;
    position: fixed;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
    box-sizing:border-box;
    }
ul.quickmenu{display:none;}

/* common */
.mbox-w{width:1720px;margin:0 auto;}


/* section1 */
.sc1{width:1720px;height: 937px;margin:0 auto;margin-bottom: 150px; margin-top: 40px;}
.sc1 .vsbox{
    width: 100%;
    height: 100%;
    position: relative;
}
.sc1 .vsbox .vsbox-ul{
    width: 100%;
    height: 100%;
}
.sc1 .vsbox .vsbox-ul .vsbox-li{
    width: 100%;
    height: 100%;
}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img{
	width: 100%;
    height: 100%;
    background-size: cover!important;
    position: relative;
}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img img{
	position: absolute;
	left: 0;
	object-fit: cover;
	bottom: 0;
}

.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(1){position: absolute;top: 162px;left: 0;background: url('/pages/english2023/img/main/vs-tit-shape1.png') left center no-repeat;width: 832px;height: 199px;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(2){position: absolute;top: 395px;left: 0;background:url('/pages/english2023/img/main/vs-tit-shape2new.png') left center no-repeat;width: 557px;height: 106px;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(3){position: absolute;top: 359px;left: 653px;background:url('/pages/emobility/img/main/vs-tit-shape.png') center no-repeat;width: 303px;height: 163px;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg{position: absolute;bottom: 0;display:flex;overflow:hidden;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg span:nth-child(1){display:inline-block;background: #7ed1fd;width: 457px;height:352px;border-radius: 300px;border-top-left-radius: 0;border-bottom-left-radius: 0;z-index: 4;opacity: 0.8;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg span:nth-child(2){display:inline-block;background: #c1edea;width:640px;height:352px;border-radius: 300px;margin-left: -65px;opacity: 0.8;z-index: 3;position:relative;overflow:hidden;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg span:nth-child(2):before {
    position: absolute;
    right: -1700px;
    content: 'YEONGGWANG e-MOBILITY EXPO';
    color: #ffffff;
    font-size: 130px;
    font-weight: 800;
    opacity: 0.9;
    letter-spacing: -5px;
    bottom: -1px;
    text-transform: uppercase;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.3s;
    animation: textLoop 50s linear infinite;
}

.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img ul.vsbox-btn{
    position: absolute;
    right: -104px;
    bottom: 159px;
    display: flex;
    transform: rotate(90deg);
}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img ul.vsbox-btn li a{
    color: #000;
    margin-right: 50px;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    position: relative;
}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img ul.vsbox-btn li:first-child a:before{transition:ease-in-out .25s;background:url('/pages/emobility/img/main/vsbox-btn1.png') center no-repeat;content:'';width: 21px;height: 6px;position: absolute;top: 4px;left: -45px;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img ul.vsbox-btn li:last-child a{margin-right: 0;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img ul.vsbox-btn li:last-child a:before{background:url('/pages/emobility/img/main/vsbox-btn2.png') center no-repeat;content:'';width: 21px;height: 6px;position: absolute;top: 4px;right: -45px;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg span:nth-child(3){display:inline-block;background: #82dfdf;width:352px;height:352px;border-radius: 300px;margin-left: -65px;opacity: 0.8;z-index: 2;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg span:nth-child(4){display:inline-block;background: #141eab;width: 456px;height: 352px;border-radius: 300px;border-top-right-radius: 0;border-bottom-right-radius: 0;margin-left: -55px;opacity: 0.8;}

.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht{}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(1){display:inline-block;background:url('/pages/emobility/img/main/vs-cht.png') center no-repeat;width: 461px;height: 532px;z-index: 4;animation: bounce-top 3.5s both infinite;position: absolute;bottom: 30px;right: 340px;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(2){display:inline-block;background:url('/pages/emobility/img/main/vs-deco.png') center no-repeat;width: 48px;height: 48px;animation: fire1 2s ease-out both infinite;position: absolute;bottom: 560px;right: 370px;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(3){display:inline-block;background:url('/pages/emobility/img/main/vs-cht2.png') center no-repeat;width: 277px;height: 261px;position: absolute;bottom: 440px;right: 534px;/*animation: bounce-top 3.5s both infinite;animation-delay: .5s;*/}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(4){display:inline-block;background:url('/pages/emobility/img/main/vs-cht3.png') center no-repeat;width: 286px;height: 288px;position: absolute;bottom: 230px;right: 120px;z-index: 5;}

@keyframes bounce-top{
	0% { transform:translateY(0); -webkit-transform:translateY(0); }
	50% { transform:translateY(15%); -webkit-transform:translateY(5%); }
	100% { transform:translateY(0); -webkit-transform:translateY(0); }
}
@-webkit-keyframes bounce-top {
	0% { transform:translateY(0); -webkit-transform:translateY(0); }
	50% { transform:translateY(15%); -webkit-transform:translateY(5%); }
	100% { transform:translateY(0); -webkit-transform:translateY(0); }
}
@keyframes fire1{0%,40%{transform:scale(0);opacity:0} 80%,100%{transform:scale(1);opacity:1}}

.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car{
}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(1){display:inline-block;background:#000000;width: 171px;height: 171px;position: absolute;bottom: 200px;left: 203px;border-radius: 100%;z-index: 5;transform: rotate(-20deg);}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(1):before{content:'e-MOBILITY EXPO';width: 100%;height: 100%;position: absolute;bottom: -50px;left: 26px;border-radius: 100%;color: #fff;z-index: 5;font-size: 22px;font-weight: 700;line-height: 24px;vertical-align: middle;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(2){display:inline-block;background:url('/pages/emobility/img/main/vs-car1.png') center no-repeat;width: 314px;height: 263px;position: absolute;bottom: 156px;left: 472px;z-index: 4;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(3){display:inline-block;background:url('/pages/emobility/img/main/vs-car.png') center no-repeat;width: 314px;height: 263px;position: absolute;bottom: 50px;left: 258px;z-index: 5;animation: bounce-right 4s both infinite;}
.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(4){display:inline-block;background:url('/pages/emobility/img/main/vs-deco2.png') center no-repeat;width: 75px;height: 75px;animation: fire1 2s ease-out both infinite;position: absolute;bottom: 352px;left: 360px;z-index: 5;animation-delay: .8s;}
@keyframes bounce-right{
	0% { transform:translateX(0); -webkit-transform:translateX(0); }
	50% { transform:translateX(7%); -webkit-transform:translateX(7%); }
	100% { transform:translateX(0); -webkit-transform:translateX(0); }
}
@-webkit-keyframes bounce-right{
	0% { transform:translateX(0); -webkit-transform:translateX(0); }
	50% { transform:translateX(7%); -webkit-transform:translateX(7%); }
	100% { transform:translateX(0); -webkit-transform:translateX(0); }
}


.sc1 .vsbox #circle {
  position:absolute;
  word-spacing: 15px;
  animation: rotate 60s linear infinite;
  right: 5px;
  top: 129px;
  z-index: 1;
}
.sc1 .vsbox #circle svg{width: 300px;height: 300px;}
.sc1 .vsbox button.circle-c{width: 210px;height: 210px;background: linear-gradient(180deg, rgba(6,106,252,1) 0%, rgba(136,4,251,1) 100%);border-radius: 100%;position: absolute;right: 46px;top: 175px;text-align: center;color: #fff;display: flex;align-items: center;z-index: 9;transition:ease-in-out .25s;}
.sc1 .vsbox button.circle-c:hover{opacity: 0.9;}
.sc1 .vsbox button.circle-c span{
    margin: 0 auto;
    font-size: 19px;
    line-height: 25px;
    font-family: 'ONE-Mobile-Title';
}
.sc1 .vsbox button.circle-c span i{
    display: block;
    margin-top: 7px;
    font-size: 26px;
}
.sc1 .vsbox #text {
  font-size: 13px;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



/* section2 */
.sc2{width:1720px;margin: 260px auto;}
.sc2 .m-tit{font-weight: 400;font-size:75px;letter-spacing: -4px;line-height: 115%;position: relative;display: inline-block;}
.sc2 .m-tit span.eico{background:url('/pages/emobility/img/main/m-tit-ico.png') center no-repeat;width: 100px;height: 128px;top: -48px;left: 0;position: absolute;}
.sc2 .m-tit span.dot{background:#77C107;width: 17px;height: 17px;bottom: 14px;right: -30px;position: absolute;border-radius: 100%;}
.sc2 .m-tit span.normal{
    margin-left: 93px;
}
span.bold{font-weight: 800;}


.sc2 .event-box{position:relative;display: flex;}
.sc2 .event-box .event-tab{
    width: 546px;
    position: relative;
}
.sc2 .event-box  .event-tab h6.m-stit{
    font-size: 48px;
    letter-spacing: -2.5px;
    font-weight: 800;
    margin-top: 130px;
    margin-bottom: 70px;
}
.sc2 .event-box .event-tab .dday{
	position: absolute;
	background: #F6F9FF;
	border-radius: 100px;
	color: #222222;
	font-size: 28px;
	font-weight: 800;
	padding: 0 15px;
	display: flex;
	width: 174px;
	align-items: center;
	height: 80px;
	top: 116px;
	right: 0;
}
.sc2 .event-box .event-tab .dday:before{content:'';background:#fff url("/pages/emobility/img/main/dday.png") 10px 11px no-repeat;width:55px;height:55px;border-radius:100px;display: inline-block;margin-right: 9px;}
.sc2 .event-box .event-tab dl{
    border-bottom: 1px solid #F2F2F2;
    position: relative;
}
.sc2 .event-box .event-tab dl a:before{content:'';display:inline-block;width: 85px;height: 85px;top: -6px;position: absolute;left: 0;margin-right: 50px;}
.sc2 .event-box .event-tab dl.event1 a:before{background: url(/pages/emobility/img/main/event-ico1.png) center no-repeat;}
.sc2 .event-box .event-tab dl.event2 a:before{background: url(/pages/emobility/img/main/event-ico2.png) center no-repeat;}
.sc2 .event-box .event-tab dl.event3 a:before{background: url(/pages/emobility/img/main/event-ico3.png) center no-repeat;}
.sc2 .event-box .event-tab dl a dt{
    font-weight: 800;
    font-size: 26px;
    letter-spacing: -1px;
    margin-top: 40px;
    margin-left: 118px;
}
.sc2 .event-box .event-tab dl a dd{
    /* font-weight: 800; */
    font-size: 20px;
    letter-spacing: -1px;
    margin: 12px 0 37px;
    margin-left: 118px;
    color: #111111;
}
.sc2 .event-box .event-tab .event-btn{
    position: absolute;
    bottom: -60px;
    right: 0;
}
.sc2 .event-box .event-tab .event-btn button{background:url('/pages/emobility/img/main/event-btn.png') center no-repeat;width: 33px;height: 33px;margin-left: 72px;}
.sc2 .event-box .event-tab .event-btn button:last-child{
    transform: rotate(180deg);
}
.sc2 .event-box .event-img-box{position:absolute;right: 226px;top: -240px;}
.sc2 .event-box ul.event-img-w{position: relative;}
.sc2 .event-box ul.event-img-w:before{content:'';display:inline-block;width: 1000px;height: 1000px;top: 60px;position: absolute;right: -590px;border-radius: 100%;border: 1px solid #ACACAC;z-index: -1;}
.sc2 .event-box ul.event-img-w li{
    width: 259px;
    height: 259px;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}
.sc2 .event-box ul.event-img-w li#event2 {width: 618px;height: 618px;margin-left: -550px;}
.sc2 .event-box ul.event-img-w li.active:before{content:'';display:inline-block;background:url('/pages/emobility/img/main/event-shape.png') center no-repeat;width: 338px;height: 338px;top: 227px;position: absolute;left: -592px;border-radius: 100%;z-index: -1;}
.sc2 .event-box ul.event-img-w li img{
    vertical-align: middle;
    max-width: 100%;
}
.sc2 .event-box .event-deco{top: 297px;position: absolute;right: -160px;}
.sc2 .event-box .event-deco span:nth-child(1){background:url('/pages/emobility/img/main/event-deco1.png') center no-repeat;width: 338px;height: 519px;top: 0;position: absolute;right: 0;}
.sc2 .event-box .event-deco span:nth-child(2){content:'';display:inline-block;background:url('/pages/emobility/img/main/event-deco2.png') center no-repeat;width: 123px;height: 121px;top: -93px;position: absolute;right: -30px;}
.sc2 .event-box .event-deco span:nth-child(3){content:'';display:inline-block;background:url('/pages/emobility/img/main/event-deco3.png') center no-repeat;width: 306px;height: 292px;top: 142px;position: absolute;right: -50px;z-index: -1;}





/* movetext */
.move-text {
    color:#fff;
    background: #73B80A;
    transform: rotate(3deg) translate3d(0px ,0px, 0px);
    transform-origin: left top;
    margin-top: 80px;
    width: 100vw;
    height: 110px;
}
.move-text p{font-size: 52px;font-weight: 900;color: #fff;position: absolute;bottom: 23px;text-transform: uppercase;display: flex;white-space: nowrap;overflow: hidden;transition: 0.3s;animation: textLoop 900s linear infinite;z-index: -1;}
@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.move-text2 {
    color:#fff;
    background: #ECCA37;
    margin-top: 66px;
    width: 100vw;
    height: 110px;
    transform: rotate(0deg) translate3d(0px ,0px, 0px);
    transform-origin: left top;
	position:relative;
}
.move-text2:before{content:'';display:inline-block;background:url('/pages/emobility/img/main/sc3-deco2.png') center no-repeat;width: 128px;height: 64px;bottom: -64px;position: absolute;right: 30px;}
.move-text2 p{font-size: 52px;font-weight: 900;color: #fff;position: absolute;bottom: 23px;text-transform: uppercase;display: flex;white-space: nowrap;overflow: hidden;transition: 0.3s;animation: textLoop 1000s linear infinite;z-index: -1;}



/* section3 */
.sc3{width: 1720px;margin: 145px auto;}
.m-tit2{font-weight: 400;font-size: 78px;letter-spacing: -4px;line-height: 115%;position: relative;display: inline-block;margin: 33px 0 35px;}
.m-tit2 span.tit-circle{content:'';display:inline-block;background:url('/pages/emobility/img/main/sc3-deco1.png') center no-repeat;width: 128px;height: 64px;bottom: -64px;right: -143px;position: absolute;}
.m-tit2 span.dot{content:'';display:inline-block;background: #000;width: 17px;height: 17px;bottom: 14px;right: -30px;position: absolute;border-radius: 100%;}
.tab_menu{position:relative;margin-top: -142px;display: inline-block;width: 100%;height: 767px;}
.tab_menu .list{overflow:hidden;float: right;}
.tab_menu .list:before{animation: rotate_image 6s linear infinite;content:'';display:inline-block;background:url('/pages/emobility/img/main/sc3-deco3.png') center no-repeat;width: 156px;height: 156px;top: 0px;position: absolute;left: 930px;}
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
.tab_menu .list:after{content:'';display:inline-block;background:url('/pages/emobility/img/main/sc3-deco4.png') center no-repeat;width: 177px;height: 140px;top: -82px;position: absolute;left: 1162px;}

.tab_menu .list li{transition:ease-in-out .3s;float:left;width: 140px;height: 140px;border: 1px solid #707070;border-radius: 100%;font-size: 22px;font-weight: 700;margin-left: 10px;}
.tab_menu .list li span{margin:0 auto;}
.tab_menu .list .btn{
    color: #9D9D9D;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
    display: flex;
    margin-bottom: 140px;
	transform: inherit !important;
}
.tab_menu .list li a{transition:ease-in-out .3s;display: inline-block;}
.tab_menu .list li a:hover{transform:translateY(-10px);}
.tab_menu .list li:hover{background:#5ABFFF;border:none;}
.tab_menu .list li:hover a{color:#fff;}
.tab_menu .list li.lc1{
    top: -150px;
    right: 0;
    /* position: absolute; */
}
.tab_menu .list li.lc2{
    top: -150px;
    /* right: 0; */
    /* position: absolute; */
}
.tab_menu .list .cont{display:none;position:absolute;top:25px;left:0;color:#fff;text-align:center;width: 100%;line-height:100px;border-top: 3px solid #000000;border-bottom: 1px solid #000000;padding: 61px 0;margin-top: 250px;}
.tab_menu .list li.is_on{border: none;background: #5ABFFF;}
.tab_menu .list li.is_on .btn{color:#fff;}
.tab_menu .list li.is_on .cont{display:block;}

.tab_menu .list li.is_on .cont .text_box {width: calc(100% / 3 - 117px);float: left;margin-right: 175px;letter-spacing: -1.5px;text-align: left;line-height: 33px;}
.tab_menu .list li.is_on .cont .text_box:last-child{margin-right:0;}
.tab_menu .list li.is_on .cont .text_box .date {
    color: #066AFC;
    font-size: 21px;
    font-weight: 800;
    display: inline-block;
}
.tab_menu .list li.is_on .cont .text_box .subject {
    font-size: 29px;
    color: #282828;
    text-overflow: ellipsis;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 75px;
    line-height: 39px;
    margin: 30px 0 50px;
    word-break: break-all;
    }
.tab_menu .list li.is_on .cont .text_box .content {
    color: #888888;
    font-size: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 62px;
    word-break: break-all;
    line-height: 29px;
    font-weight: 600;
}
.tab_menu .list li.is_on .cont .text_box .more {
    overflow: hidden;
    font-size: 18px;
    color: #7E7E7E;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-top: 74px;
    position: relative;
    display: inline-block;
    padding-right: 36px;
}
.tab_menu .list li.is_on .cont .text_box .more:before{content:'';display:inline-block;background:url('/pages/emobility/img/main/nt-ico.png') center no-repeat;width:23px;height:23px;top: 4px;position: absolute;right: 0;}


/* section4 */
.sc4{width: 100%;margin: 0 auto;background: #F9F9F9;padding: 154px 0 137px;}
.m-tit3{font-weight: 400;font-size: 64px;letter-spacing: -4px;position: relative;display: block;}
.m-tit3 a{
    position: absolute;
    right: 0;
    top: 103px;
	
}
.m-tit3 a:hover span.circle{background:#ecca37;}
.m-tit3 a span.txt{z-index:1;position: absolute;display: inline-block;top: -84px;left: -345px;width: 200px;letter-spacing: -0.5px;font-weight: 600;text-transform: uppercase;font-size: 24px;}
.m-tit3 a span.circle{transition: ease-in-out .25s;background: #8FE053;width: 140px;height: 140px;bottom: 0;right: 0;position: absolute;border-radius: 100%;}
.m-tit3 a span.arrow{width: 140px;height: 140px;bottom: 0;right: 64px;position: absolute;border-radius: 100%;background: url('/pages/emobility/img/main/m-tit3-arrow.png') center no-repeat;}
.m-tit3 a span.arrow:first-child{
    right: 214px;
    transform: rotate(-180deg);
}
.sc4 .sns-box{
    margin-top: 55px;
}
.sc4 .sns-box ul {
    position: relative;
    display: flex;
    transform-style: preserve-3d;
    box-sizing: content-box; }
.sc4 .sns-box ul li {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}
.sc4 .sns-box ul li a {
    float: left;
    width: 552px;
    height: 447px;
    margin-right: 50px;
	transition: ease-in-out .3s;
}
.sc4 .sns-box ul li a:hover {transform: translateY(-10px);}
.sc4 .sns-box ul li a .img_box {
    width: 100%;
    height: 338px;
    overflow: hidden;
    position: relative;
    background: gray;
    }
.sc4 .sns-box ul li a .img_box img {
	min-height: 100%;
    object-fit: fill;
    width: 100%;
    height: 100%;
}


.sc4 .sns-box ul li a .text_box {
    background: #fff;
    width: 497px;
    height: 262px;
    margin-top: -134px;
    z-index: 1;
    position: relative;
    float: right;
    padding: 50px 52px 52px;
    box-sizing: border-box;
    }
.sc4 .sns-box ul li a .text_box .date {
    color: #0054A6;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px; }
.sc4 .sns-box ul li a .text_box .subject {
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    margin: 14px 0 17px 0;
    font-weight: 600;
}
.sc4 .sns-box ul li a .text_box .content {
    color: #888888;
    margin: 0 0 20px 0;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
    font-size: 17px;
    font-weight: 600;
    word-break: break-all;
}
.sc4 .sns-box ul li a .text_box .tag {
    background: #5064A8;
    display: block;
    width: 47px;
    height: 47px;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    margin: 0;
    border-radius: 100%;
  }
.sc4 .sns-box ul li a .text_box .tag:before{content:'';display:inline-block;width: 47px;height: 47px;}
.sc4 .sns-box ul li a .text_box .tag.tag-i{background: linear-gradient(215deg, rgba(80,58,201,1) 13%, rgba(214,65,141,1) 40%, rgba(236,74,109,1) 75%, rgba(225,133,82,1) 100%);}
.sc4 .sns-box ul li a .text_box .tag.tag-i:before{background:url('/pages/emobility/img/main/sns_i.png') center no-repeat;}
.sc4 .sns-box ul li a .text_box .tag.tag-f{background: #5064A8;}
.sc4 .sns-box ul li a .text_box .tag.tag-f:before{background:url('/pages/emobility/img/main/sns_f.png') center no-repeat;}
.sc4 .sns-box ul li a .text_box .tag.tag-y{background: #FF0000;}
.sc4 .sns-box ul li a .text_box .tag.tag-y:before{background:url('/pages/emobility/img/main/sns_y.png') center no-repeat;}
.sc4 .sns-box ul li a .text_box .tag.tag-b{background:#42D31A;}
.sc4 .sns-box ul li a .text_box .tag.tag-b:before{background:url('/pages/emobility/img/main/sns_b.png') center no-repeat;}


/* section5 */
.sc5{width: 1720px;margin: 145px auto 242px;display: flex;position: relative;}
.sc5:before{content:'';display:inline-block;background:#ECCA37;width:340px;height:340px;top: -50px;position: absolute;right: -340px;border-radius: 100%;}
.sc5 .m-tit{font-weight: 400;font-size: 65px;letter-spacing: -4px;line-height: 79px;position: relative;display: block;margin: 38px 0 40px;}
.sc5 p.m-tit-p{
    font-size: 22px;
    padding: 19px 53px;
    border: 2px solid #111111;
    display: inline-block;
    border-radius: 100px;
    font-weight: 700;
}
.sc5 .sc5-img{position:relative;width: 630px;margin-right: 200px;}
.sc5 .sc5-img span.circle1{content:'';display:inline-block;background:#FBF8F2;width:1241px;height:490px;position: absolute;right: -40px;border-radius: 500px;z-index: -1;}
.sc5 .sc5-img span.circle2{content:'';display:inline-block;background:#E16516;width: 213px;height: 213px;position: absolute;right: -81px;border-radius: 500px;z-index: -1;bottom: -46px;}
.sc5 .sc5-txt{
    width: calc(100% - 830px);
    padding-top: 27px;
}
.sc5 .sc5-txt:before{animation: rotate_image 6s linear infinite;content:'';display:inline-block;background:url('/pages/emobility/img/main/sc3-deco3.png') center no-repeat;width: 156px;height: 156px;bottom: -150px;position: absolute;right: 250px;}
.sc5 .sc5-txt .m-tit2{}
.sc5 .sc5-txt .m-tit-txt{
    font-size: 22px;
    color: #888888;
    letter-spacing: -1px;
    line-height: 32px;
}
.sc5 .sc5-txt a{
    position: relative;
    margin-top: 91px;
    font-size: 30px;
    color: #929292;
    font-weight: 800;
    vertical-align: middle;
    display: inline-block;
    padding-left: 234px;
	transition: ease-in-out .3s;
}
.sc5 .sc5-txt a:hover{transform: translateY(-5px);}
.sc5 .sc5-txt a:before{content:'';display:inline-block;background:url('/pages/emobility/img/main/sc5-y.png') center no-repeat;width: 223px;height: 39px;margin-right: 11px;position: absolute;margin-top: 1px;left: 0;top: 0;}


/* section6 */
.sc6{margin-bottom: 130px;}
.sc6 .banner-box{
    width: 100vw;
    display: flex;
    margin-top: 88px;
    text-align: center;
    align-items: center;
    position: relative;
}
.sc6 .banner-box ul.banner-btn{
    position: absolute;
    top: -140px;
    right: 9%;
    display: flex;
    align-items: center;
}
.sc6 .banner-box ul.banner-btn li{
    background: url(/pages/emobility/img/main/event-btn.png) center no-repeat;
    width: 33px;
    height: 33px;
    /* margin-left: 72px; */
    cursor: pointer;
}
.sc6 .banner-box ul.banner-btn li:nth-child(2n){
    background: none;
    font-size: 20px;
    width: 170px;
    text-align: center;
    padding: 5px;
    cursor: text;
    color: #111;
}
.sc6 .banner-box ul.banner-btn li:last-child{
    transform: rotate(180deg);
}




#banner_wrap {     
    overflow: hidden;
    width: auto;
}
#banner_wrap ul { transition-timing-function: ease-out;
    position: relative;
    display: flex;
    transform-style: preserve-3d;
    transition-property: transform;
    box-sizing: content-box;
    align-items: center; }
#banner_wrap ul li {     position: relative;  width: 237px; height: 237px;  border-radius: 10px; background: #F5FBFF; margin-left:80px; }
#banner_wrap ul li a { }
#banner_wrap ul li a dl { }
#banner_wrap ul li a dl dt {position: relative; margin-top: 55px;font-size: 20px;font-weight: 600;}
#banner_wrap ul li a dl dt:before{content:'';display:inline-block;top:58px;background: #066AFC;width: 8px;height: 8px;top: 12px;position: absolute;right: 89px;border-radius: 100%;}
#banner_wrap ul li a dl .b-img {     margin-top: 15px; }
#banner_wrap ul li a dl .b-btn {      background: #fff;
    padding: 11px 37px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
    color: #3C4951;
    display: none;
    margin-top: 20px; }

#banner_wrap ul .swiper-slide-active { width:327px; height:327px; }
#banner_wrap ul .swiper-slide-active a dl dt  { position: relative; margin-top: 70px; font-size: 22px;}
#banner_wrap ul .swiper-slide-active a dl .b-img {     margin-top: 30px; }
#banner_wrap ul .swiper-slide-active a dl dt:before{content:'';display:inline-block;top:58px;background: #066AFC;width: 8px;height: 8px;top: 12px;position: absolute;right:130px;border-radius: 100%;}

#banner_wrap ul .swiper-slide-active a dl .b-btn { display: inline-block;   margin-top: 30px; }







/*************************************** 반응형 css ***************************************/
@media screen and (max-width: 1720px) {
	.sc1{width:100%; padding: 0 5%;}
	.sc2{width:100%;padding: 0 5%;}
	.sc3{width: 100%;padding: 0 5%;}
	.sc5{width: 100%;padding: 0 5%;}
	.mbox-w{width:100%;padding: 0 5%;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(1){background-size: 630px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(2){background-size: 520px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(1){right: 20px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(3){bottom: 350px;right: 264px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(4){display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(3){display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(1){display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(2){left: 352px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(3){left: 130px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(4){display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg{width: 100%;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg span{width:calc(100% / 4 + 47px) !important;height:250px !important;}
	.sc2 .m-tit, .m-tit2, .m-tit3, .sc5 .m-tit{font-size: 55px;}
	.sc2 .m-tit span.eico{background: url(/pages/emobility/img/main/m-tit-ico.png) left 11px no-repeat;background-size: 77px;}
	.sc2 .m-tit span.normal{margin-left: 79px;}
	.sc2 .event-box ul.event-img-w li#event2{width: 400px;height: 400px;margin-left: -310px;}
	.sc2 .event-box ul.event-img-w li.evnet_ne.active{width: 400px;height: 400px;margin-left: -310px;}
	.sc2 .event-box .event-img-box{right: 0;top: -190px;}
	.sc2 .event-box .event-deco span:nth-child(1){display:none;}
	.sc2 .event-box .event-deco span:nth-child(2){display:none;}
	.sc2 .event-box .event-deco span:nth-child(3){display:none;}
	.sc2 .event-box ul.event-img-w li.active:before{display:none;}
	.sc2 .event-box .event-tab h6.m-stit{font-size: 38px;margin-top: 70px;}
	.sc2 .event-box .event-tab .dday{top: 53px;}
	.tab_menu .list:after{display:none;}
	.tab_menu .list:after{display:none;}
	.tab_menu .list:before{left: 600px;}
	.tab_menu .list li.is_on .cont .text_box{width: calc(100% / 3 - 54px);margin-right: 80px;}
	.tab_menu .list .cont{top: -15px;}
	.sc5:before, .sc5 .sc5-txt:before{display:none;}
	.sc5 .sc5-img span.circle1{right: 130px;}
	.sc5 .sc5-img span.circle2{right: 40px;}
	.sc5 .sc5-img{margin-right:0px;}
	.sc5 .sc5-txt{width: calc(100% - 630px);}
	.sc5 .m-tit{line-height: 69px;margin: 34px 0 40px;}
}


@media screen and (max-width: 1200px) {
	.sc1{height: 727px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(1){background-size: 67%;top: 122px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(2){background-size: 67%;top: 296px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(3){display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(2){bottom: 330px;right: 230px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(3){left: 20px;bottom: -50px;background-size: 260px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(2){left: 192px;bottom: 80px;background-size: 150px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(1){background: url(/pages/emobility/img/main/vs-cht.png) right bottom no-repeat; background-size: 75%;bottom: -40px;}
	.sc1 .vsbox button.circle-c{width: 180px;height: 180px;right: 35px;top: 140px;}
	.sc1 .vsbox #circle{right: 0;top: 100px;}
	.sc1 .vsbox #circle svg{width: 250px;height: 250px;}
	.sc1 .vsbox button.circle-c span{font-size: 17px;}
	.sc1 .vsbox button.circle-c span i{font-size: 16px;}
	.sc2{margin: 140px auto;}
	.sc2 .event-box .event-img-box{display:none;}
	.sc2 .event-box .event-tab{width: 100%;}
	.move-text,.move-text2{height: 90px;margin-top: 46px;}
	.move-text p,.move-text2 p{font-size: 42px;bottom: 20px;}
	.sc2 .m-tit span.dot, .m-tit2 span.dot{width: 13px;height: 13px;bottom: 10px;right: -24px;}
	.tab_menu{margin-top:0;height: 647px;}
	.tab_menu .list{float: left;}
	.tab_menu .list li{margin-left:0px;margin-right: 10px;width: 120px;height: 120px;}
	.tab_menu .list:before{display:none;}
	.tab_menu .list .cont{margin-top: 170px;}
	.sc5 .sc5-img{display:none;}
	.sc5 .sc5-txt{width:100%;position:relative;padding-top:0;}
	.sc5 .sc5-txt:after{content:'';display:block;width: 300px;height: 100%;background: url('/pages/emobility/img/main/sc5-img.png') center bottom no-repeat;background-size: 300px;position: absolute;right: 0;bottom: 0;}

}


@media screen and (max-width: 900px) {
	.tab_menu .list li.is_on .cont .text_box{width: calc(100% / 2 - 40px);margin-right: 80px;}
	.tab_menu .list li.is_on .cont .text_box:nth-child(2){margin-right:0;}
	.tab_menu .list li.is_on .cont .text_box:nth-child(3){display:none;}
	.sc5 .sc5-txt:after{display:none;}
	.sc6 .banner-box ul.banner-btn{display:none;}
	.sc1 .vsbox #circle, .sc1 .vsbox button.circle-c{display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(2){display:none;}
}


@media screen and (max-width: 690px) {
	.sc1{margin-bottom: 80px;margin-top: 0px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(1){background-size: 57%;top: 102px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(2){top: 256px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(1){background-size: 330px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(2),.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .car span:nth-child(3){display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(2){bottom: 300px;}
	.sc2{margin: 100px auto;}
	.sc2 .m-tit span.normal{margin-left: 53px;}
	.sc2 .m-tit span.eico{background-size: 50px;width: 50px;top: -30px;}
	.sc2 .m-tit span.dot{width: 10px;height: 10px;bottom: 8px;right: -20px;}
	.sc2 .event-box .event-tab .dday{top: 56px;right: 0;font-size: 23px;width: 134px;height: 66px;padding: 0 11px;}
	.sc2 .event-box .event-tab .dday:before{width: 45px;height: 45px;background: #fff url(/pages/emobility/img/main/dday.png) center 10px no-repeat;background-size: 29px;}
	.sc2 .event-box .event-tab h6.m-stit{font-size: 28px;}
	.sc2 .event-box .event-tab dl a:before{background-size: 70px !important;}
	.sc2 .event-box .event-tab dl a dt{font-size: 21px;margin-left: 100px;}
	.sc2 .event-box .event-tab dl a dd{font-size: 18px;margin-left: 100px;}
	.move-text, .move-text2{height: 55px;margin-top: 12px;}
	.move-text p, .move-text2 p{font-size: 27px;bottom: 11px;}
	.sc2 .m-tit, .m-tit2, .m-tit3, .sc5 .m-tit{font-size: 45px;}
	.sc3, .sc5{margin: 85px auto;}
	.tab_menu{height: 647px;}
	.sc4{padding: 85px 0;}
}


@media screen and (max-width: 600px) {
	.tab_menu .list li.is_on .cont .text_box{width:100%;}
	.tab_menu .list li.is_on .cont .text_box:nth-child(2){display:none;}
	.sc4 .sns-box ul{display: block;height: 447px;overflow: hidden;}
	.sc4 .sns-box ul li a{width:100%;}
	.sc4 .sns-box ul li a .text_box{width: 100%;margin-top: inherit;padding: 30px 52px;height: auto;}
	.sc4 .sns-box ul li a .img_box{height: 220px;}
}

@media screen and (max-width: 500px) {
	.sc1{height:500px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(1){background-size: 47%;top: 62px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(2){background-size: 57%;top: 192px;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(2){display:none;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .cht span:nth-child(1){background-size: 43%;right: 0;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vsbox-img1 .bg span{height: 170px !important;}
}

@media screen and (max-width: 400px) {
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(1){background-size: 37%;}
	.sc1 .vsbox .vsbox-ul .vsbox-li .vsbox-img .vs-tit span:nth-child(2){background-size: 52%;top: 184px;}
	.sc2 .m-tit, .m-tit2, .m-tit3, .sc5 .m-tit{font-size: 36px;}
	.sc5 .m-tit{line-height: 49px;}
	.sc2 .m-tit span.dot, .m-tit2 span.dot{display:none;}
	.sc5 .sc5-txt .m-tit-txt{font-size: 19px;line-height: 30px;margin: 25px 0 35px;}
	.sc5 p.m-tit-p{font-size: 18px;padding: 14px 40px;}
	.sc5 .sc5-txt a{font-size: 22px;padding-left: 170px;margin-top:31px;}
	.sc5 .sc5-txt a:before{background: url(/pages/emobility/img/main/sc5-y.png) left center no-repeat;background-size: 160px;width: 160px;margin-top: -4px;}
	.m-tit2 span.tit-circle{display:none;}
	.tab_menu .list li{width: 110px;height: 110px;font-size: 20px;}
	.tab_menu .list li.is_on .cont .text_box .subject{font-size: 23px;height: 61px;line-height: 31px;margin: 20px 0 30px;}
	.tab_menu .list li.is_on .cont .text_box .more{margin-top: 64px;font-size: 17px;}
	.move-text, .move-text2{display:none;}
	.tab_menu{height: 595px;}
	#banner_wrap ul li{margin-left: 60px;}
	#banner_wrap ul .swiper-slide-active { width:237px; height:237px; }
	#banner_wrap ul .swiper-slide-active a dl dt  { position: relative; margin-top: 55px; font-size: 20px;}
	#banner_wrap ul .swiper-slide-active a dl .b-img {     margin-top: 15px; }
	#banner_wrap ul .swiper-slide-active a dl dt:before{content:'';display:inline-block;top:58px;background: #066AFC;width: 8px;height: 8px;top: 12px;position: absolute;right: 89px;border-radius: 100%;}
	#banner_wrap ul .swiper-slide-active a dl .b-btn {      background: #fff;
		padding: 11px 37px;
		border-radius: 100px;
		font-size: 16px;
		font-weight: 700;
		color: #3C4951;
		display: none;
		margin-top: 20px; }
	.sc4 .sns-box ul li a .text_box{padding: 30px;}
	.sc4 .sns-box ul li a .text_box .tag, .sc4 .sns-box ul li a .text_box .tag:before{width: 37px;height: 37px;}
}