@keyframes imgAnimate {
	0% {
		bottom : 50px;
	}
	50% {
		bottom : 30px;
	}

	100% {
		bottom : 50px;
	}
}

/* 메인 비주얼 */
/* .m-mv-wrap{display: none;} */
.mv-wrap{height: 800px; width: 100%; overflow: hidden; position: relative;}
.mv-con{height: 800px; width: 100%; overflow: hidden; position: relative;}
.mv{height: 800px; width: 100%; overflow: hidden; position: relative;}
.mv-bg{width: 100%; height: 100%; position: relative; -ms-transform:scale(1.2); -o-transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); -webkit-transition:transform 3000ms ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out;}
.mv-txt{top: 140px; left: 50%; margin-left: -630px; width: 1260px; position: absolute; z-index: 1;}
.mv-txt b{font-size: 70px; line-height:65px; letter-spacing:0.05em; font-weight: bold; color: #fff; display: block;}
.mv-txt span{margin: 25px 0 30px; font-size: 40px; line-height:1; letter-spacing:-0.08em; font-weight: 300; color: #fff; display: block;}
.mv-txt em{margin-bottom: 50px; font-size: 18px; line-height:30px; letter-spacing: -0.05em; font-weight: 400; color: #fff; font-style: normal; display: block;}
.mv-txt a{width: 190px; height: 55px; display: block; position: relative; text-align: center; font-size: 0; overflow: hidden;}
.mv-txt a:before{top: 0; left: 0; width: 100%; height: 100%; box-sizing:border-box; border: 1px solid #fff; position: absolute; z-index: -1; content:"";}
.mv-txt a:after{top: 0; left: 0; width: 0; height: 100%; background: #00a0e9; position: absolute; content:""; z-index: 1; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.mv-txt a:hover:after{width: 100%;}
.mv-txt a b{font-size: 14px; line-height:55px; letter-spacing:0.05em; font-weight: bold; color: #fff; display: inline-block; vertical-align: top; position: relative; z-index: 2;}
.mv-txt a span{width: 25px; height: 7px; margin: 24px 0 0 16px; display: inline-block; vertical-align: top; position: relative; z-index: 2;}
.mv-bg01{background: url(../img/mv-bg01.jpg) center center no-repeat; background-size: cover;}
.mv-bg02{background: url(../img/mv-bg02.jpg) center center no-repeat; background-size: cover;}
.mv-bg03{background: url(../img/mv-bg03.jpg) center center no-repeat; background-size: cover;}
.mv-con .next{right: 0; margin-top: -9.5px; width: 70px; height: 19px; position: absolute; z-index: 1; top: 50%;}
.mv-con .next img{width: 100%; display: block;}
.mv-con .prev{left: 0; margin-top: -9.5px; width: 70px; height: 19px; position: absolute; z-index: 1; top: 50%;}
.mv-con .prev img{width: 100%; display: block;}

.mv-txt b.mv-ani01{opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s;}
.mv-txt span.mv-ani02{opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s;}
.mv-txt em.mv-ani03{opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s; -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -o-transition-delay: 1.0s; -ms-transition-delay: 1.0s; transition-delay: 1.0s;}
.mv-txt a.mv-ani04{opacity: 0; filter: Alpha(opacity=0); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -moz-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1.0s, transform 1.0s; -moz-transition: opacity 1.0s, transform 1.0s; -o-transition: opacity 1.0s, transform 1.0s; -ms-transition: opacity 1.0s, transform 1.0s; transition: opacity 1.0s, transform 1.0s; -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -o-transition-delay: 1.3s; -ms-transition-delay: 1.3s; transition-delay: 1.3s;}

.mv.active-item .mv-txt b.mv-ani01{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.mv.active-item .mv-txt span.mv-ani02{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.mv.active-item .mv-txt em.mv-ani03{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.mv.active-item .mv-txt a.mv-ani04{opacity: 1.0; filter: Alpha(opacity=100); -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}

.active-item .mv-bg{-ms-transform: scale(1.0,1.0) rotate(0.01deg); -o-transform: scale(1.0,1.0) rotate(0.01deg); -moz-transform: scale(1.0,1.0) rotate(0.01deg); -webkit-transform: scale(1.0,1.0) rotate(0.01deg); transform: scale(1.0,1.0) rotate(0.01deg);}
.scrollDown{
	bottom: 50px;
	left: 50%;
	width: 84px;
	margin-left: -42px;
	position: absolute;
	z-index: 2;
	animation-name:imgAnimate;
	-webkit-animation-name:imgAnimate;
	-moz-animation-name:imgAnimate;
	-ms-animation-name:imgAnimate;
	-o-animation-name:imgAnimate;
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	}
.scrollDown img{margin: 0 auto 15px; width: 21px; height: 11px; display: block;}
.scrollDown span{font-size: 13px; line-height:1; letter-spacing:0.05em; font-weight: 500; color: #fff; display: block;}
/* 메인 비주얼 */

/* 메인 프로덕트 */
.m-pro-wrap{}
.m-pro-slide .left{width: 520px; margin-right: 110px; float: left;}
.m-pro-slide .left img{width: 100%; display: block;}
.m-pro-slide .right{padding: 130px 0 0 40px; width: 630px; float: right; box-sizing:border-box;}
.m-pro-slide .right > b{font-size: 35px; line-height:30px; letter-spacing:0; font-weight: 500; color: #333; display: block;}
.m-pro-slide .right > p{margin: 50px 0 30px; font-size: 45px; line-height:40px; letter-spacing:0; font-weight: bold; color: #333;}
.m-pro-slide .right > span{margin-bottom: 50px; font-size: 16px; line-height:30px; letter-spacing:-0.05em; font-weight: 300; color: #666; display: block;}
.m-pro-slide .right a{width: 160px; height: 50px; background: #00a0e9; font-size: 0; text-align: center; display: block;}
.m-pro-slide .right a span{font-size: 12px; line-height:50px; letter-spacing:0.05em; font-weight: bold; color: #fff; display: inline-block; vertical-align: top;}
.m-pro-slide .right a em{margin: 25px 0 0 17px; width: 20px; height: 1px; background: #fff; font-style: normal; display: inline-block; vertical-align: top; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m-pro-slide .right a:hover em{width: 30px;}
.m-pro-con .swiper-button-next{top: 100px; right: 1px; width: 49px; height: 50px; background: url(../img/m-pro-next-off.jpg) center center no-repeat; background-size: cover;}
.m-pro-con .swiper-button-prev{top: 100px; left: auto; right: 50px; width: 50px; height: 50px; background: url(../img/m-pro-prev-off.jpg) center center no-repeat; background-size: cover;}
.m-pro-con .swiper-button-next:hover{ background: url(../img/m-pro-next-on.jpg) center center no-repeat; background-size: cover;}
.m-pro-con .swiper-button-prev:hover{ background: url(../img/m-pro-prev-on.jpg) center center no-repeat; background-size: cover;}
/* 메인 프로덕트 */

/* 메인 더셀 비디오 */
.m-video{padding: 85px 0 100px; box-sizing:border-box; background: #f7f7f7;}
.title{margin-bottom: 50px; text-align: center; font-size: 0;}
.title b{position: relative; display: inline-block; vertical-align: top; font-size: 0;}
.title b span{font-size: 40px; line-height:54px; letter-spacing:0; font-weight: bold; color: #333; display: inline-block; vertical-align: top; position: relative; z-index: 2;}
.title b img{top: 0; width: 50px; height: 54px; display: block; position: absolute; z-index: 1;}
.title b img.left1{left: -12px;}
.title b img.left2{left: -10px;}
.m-video-in{padding: 0 35px; box-sizing:border-box;}
.m-video-box{width: 550px; margin-right: 90px; float: left;}
.m-video-box:last-of-type{margin-right: 0;}
.m-video-box iframe{width: 100%; height: 310px; display: block; box-sizing:border-box;}
.m-video-box > p{padding: 2% 0; font-size: 22px; line-height:1.1; letter-spacing:0; font-weight: 400; color: #333; box-sizing:border-box; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
/* .m-video-in a{margin-right: 90px; width: 550px; height: 310px; float: left;}
.m-video-in a:last-of-type{margin-right: 0;}
.m-video-in a img{width: 100%; display: block;} */
/* 메인 더셀 비디오 */

/* 메인 어바웃 */
.m-about{padding: 85px 0 100px; box-sizing:border-box; background: #fff;}
.m-about-in{}
.m-about-in a{height: 300px; width: 630px; float: left; font-size: 0; display: block;}
.m-about-in a .left{width: 315px; height: 300px; display: inline-block; vertical-align: top; overflow: hidden;}
.m-about-in a .left img{width: 100%; display: block; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s;}
.m-about-in a:hover .left img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);transform:scale(1.1); -ms-transform:scale(1.1);}
.m-about-in a .right{width: 315px; height: 300px; padding: 75px 0 0 50px; display: inline-block; vertical-align: top; box-sizing:border-box; position: relative; background: #f7f7f7;}
.m-about-in a .right p{font-size: 22px; line-height:20px; letter-spacing:-0.05em; font-weight: 500; color: #333;}
.m-about-in a .right span{margin: 35px 0 30px; font-size: 14px; line-height:25px; letter-spacing:-0.025em; font-weight: 300; color: #666; display: block;}
.m-about-in a .right b{font-size: 12px; line-height: 22px; letter-spacing:0; font-weight: bold; color: #00a0e9; display: block;}
.m-about-in a .right b em{margin: 10px 0 0 11px; width: 70px; height: 1px; background: #00a0e9; display: inline-block; vertical-align: top; font-style: normal;}
.m-about-in a .right i{width: 15px; height:28px; top: 50%; margin-top: -14px; font-style: normal; position: absolute; z-index: 1; display: block;}
.m-about-in a .right i.arrow01{left: -15px;}
.m-about-in a .right i.arrow02{right: -15px;}
/* 메인 어바웃 */

@media all and (max-width: 1260px ) {
/* 메인 비주얼 */
.mv-txt {left: 10%; margin-left: 0; width: 80%;}
/* 메인 비주얼 */

/* 메인 프로덕트 */
.m-pro-slide .left{width: 50%; margin-right: 0; padding-right: 110px; float: left; box-sizing:border-box;}
.m-pro-slide .right{padding: 130px 0 0 40px; width: 50%; float: right; box-sizing:border-box;}
.m-pro-slide .right > b{font-size: 25px; line-height:30px; letter-spacing:0; font-weight: 500; color: #333; display: block;}
.m-pro-slide .right > p{margin: 20px 0 30px; font-size: 35px; line-height:40px; letter-spacing:0; font-weight: bold; color: #333;}
.m-pro-slide .right > span{margin-bottom: 50px; font-size: 14px; line-height:30px; letter-spacing:-0.05em; font-weight: 300; color: #666; display: block;}
/* 메인 프로덕트 */

/* 메인 더셀 비디오 */
.m-video{padding: 85px 0 100px;}
.title{margin-bottom: 50px;}
.title b span{font-size: 30px; line-height:44px;}
.title b img{top: 0; width: 40px; height: 44px;}
.title b img.left1{left: -12px;}
.title b img.left2{left: 10px;}
.m-video-in{padding: 0 35px; }
.m-video-box{width: 48%; margin-right: 2%;}
/* 메인 더셀 비디오 */


/* 메인 어바웃 */
.m-about{padding: 85px 0 100px; box-sizing:border-box; background: #fff;}
.m-about-in{}
.m-about-in a{height: 300px; width: 50%; float: left; font-size: 0; display: block;}
.m-about-in a .left{width: 50%; height: 300px; display: inline-block; vertical-align: top; overflow: hidden;}
.m-about-in a .left img{width: 100%; height: 100%; display: block; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s;}
.m-about-in a:hover .left img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);transform:scale(1.1); -ms-transform:scale(1.1);}
.m-about-in a .right{width: 50%; height: 300px; padding: 75px 0 0 30px; display: inline-block; vertical-align: top; box-sizing:border-box; position: relative; background: #f7f7f7;}
.m-about-in a .right p{font-size: 22px; line-height:20px; letter-spacing:-0.05em; font-weight: 500; color: #333;}
.m-about-in a .right span{margin: 35px 0 30px; font-size: 14px; line-height:25px; letter-spacing:-0.025em; font-weight: 300; color: #666; display: block;}
.m-about-in a .right b{font-size: 12px; line-height: 22px; letter-spacing:0; font-weight: bold; color: #00a0e9; display: block;}
.m-about-in a .right b em{margin: 10px 0 0 11px; width: 70px; height: 1px; background: #00a0e9; display: inline-block; vertical-align: top; font-style: normal;}
.m-about-in a .right i{width: 15px; height:28px; top: 50%; margin-top: -14px; font-style: normal; position: absolute; z-index: 1; display: block;}
.m-about-in a .right i.arrow01{left: -15px;}
.m-about-in a .right i.arrow02{right: -15px;}
.m-about-in a .right i img{width: 100%; display: block;}
/* 메인 어바웃 */
}


@media all and (max-width: 1000px ) {

/* 메인 비주얼 */
.mv-wrap{height: 550px;}
.mv-con{height: 550px;}
.mv{height: 550px;}
.mv-txt{top: 120px; left: 0; margin-left: 0; padding:0 100px; width: 100%; box-sizing:border-box;}
.mv-txt b{font-size: 70px; line-height:65px;}
.mv-txt span{margin: 25px 0 30px; font-size: 40px; word-break:keep-all;}
.mv-txt em{display: none;}
.mv-txt a{width: 190px; height: 55px;}
.mv-txt a b{font-size: 18px; line-height:55px;}
.mv-txt a span{width: 25px; height: 7px; margin: 24px 0 0 16px;}
.mv-con .next{margin-top: -9.5px; width: 70px; height: 19px;}
.mv-con .prev{margin-top: -9.5px; width: 70px; height: 19px;}
/* 
.m-mv-wrap{height: 550px; width: 100%; overflow: hidden; display: block;}
.m-mv-con{height: 550px; width: 100%; overflow: hidden; display: block;}
.m-mv{height: 550px; width: 100%; overflow: hidden; display: block;}
.m-mv li{height: 550px; width: 100%; overflow: hidden; display: block;}
.m-mv li.m-mv-bg01{background: url(../img/m-mv-bg01.jpg) center center no-repeat; background-size: cover;}
.m-mv li.m-mv-bg02{background: url(../img/m-mv-bg02.jpg) center center no-repeat; background-size: cover;}
.m-mv li.m-mv-bg03{background: url(../img/m-mv-bg03.jpg) center center no-repeat; background-size: cover;}
.m-mv-txt{position: absolute; top: 50%; left: 2%; width: 96%; z-index: 1; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);}
.m-mv-txt b{font-size: 70px; line-height:65px; letter-spacing:0.05em; font-weight: bold; color: #fff; display: block;}
.m-mv-txt p{margin: 25px 0 30px; font-size: 40px; line-height:50px; letter-spacing:-0.08em; font-weight: 300; color: #fff;}
.m-mv-txt a{font-size: 14px; line-height:53px; width: 190px; height: 55px; letter-spacing:0.05em; font-weight: bold; color: #fff; box-sizing:border-box; border: 1px solid #fff; display: block; text-align: center; background: none;}
.m-mv-txt a img{margin: 23px 0 0 15px; width: 25px; height: 7px; display: inline-block; vertical-align: top;}

.bx-wrapper{position: relative;}
.m-mv-con .bx-pager{position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; font-size: 0;}
.m-mv-con .bx-pager > div{margin-right: 14px; display: inline-block; vertical-align: middle;}
.m-mv-con .bx-pager > div:last-of-type{margin-right: 0;}
.m-mv-con .bx-pager > div a{width: 11px; height: 11px; font-size: 0; text-indent:-9999px; display: block; box-sizing:border-box; border-radius:50%; border: 2px solid #fff; background: #fff;}
.m-mv-con .bx-pager > div a.active{width: 14px; height: 14px; background: none;}
 */
/* 메인 비주얼 */

/* 메인 프로덕트 */
.m-pro-slide .left{width: 100%; margin-right: 0; padding: 0; float: left;}
.m-pro-slide .right{padding: 130px 2% 0 ; width: 100%; float: right;}
.m-pro-slide .right > b{font-size: 40px; line-height:30px; letter-spacing:0; font-weight: 500; color: #333; display: block;}
.m-pro-slide .right > p{margin: 50px 0 20px; font-size: 45px; line-height:40px; letter-spacing:0; font-weight: bold; color: #333;}
.m-pro-slide .right > span{margin-bottom: 35px; font-size: 18px; line-height:30px; letter-spacing:-0.05em; font-weight: 300; color: #666; display: block; word-break:keep-all}
.m-pro-slide .right a{width: 160px; height: 50px; background: #00a0e9; font-size: 0; text-align: center; display: block;}
.m-pro-slide .right a span{font-size: 12px; line-height:50px; letter-spacing:0.05em; font-weight: bold; color: #fff; display: inline-block; vertical-align: top;}
.m-pro-slide .right a em{margin: 25px 0 0 17px; width: 20px; height: 1px; background: #fff; font-style: normal; display: inline-block; vertical-align: top; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.m-pro-slide .right a:hover em{width: 30px;}
.m-pro-con .swiper-button-next{top: 100px; right: 1px; width: 49px; height: 50px; background: url(../img/m-pro-next-off.jpg) center center no-repeat; background-size: cover;}
.m-pro-con .swiper-button-prev{top: 100px; left: auto; right: 50px; width: 50px; height: 50px; background: url(../img/m-pro-prev-off.jpg) center center no-repeat; background-size: cover;}
.m-pro-con .swiper-button-next:hover{ background: url(../img/m-pro-next-on.jpg) center center no-repeat; background-size: cover;}
.m-pro-con .swiper-button-prev:hover{ background: url(../img/m-pro-prev-on.jpg) center center no-repeat; background-size: cover;}
/* 메인 프로덕트 */

/* 메인 더셀 비디오 */
.m-video{padding: 85px 0 100px;}
.title{margin-bottom: 50px;}
.title b span{font-size: 30px; line-height:44px;}
.title b img{top: 0; width: 40px; height: 44px;}
.title b img.left1{left: -12px;}
.title b img.left2{left: 10px;}
.m-video-in{padding: 0 35px; }
.m-video-box{width: 100%; margin-right: 0; margin-bottom: 4%;}
.m-video-box iframe{height: 300px;}
.m-video-box:last-of-type{margin-bottom: 0;}
/* .m-video-in a{margin:0 0 4% 0; width: 100%; height: auto;}
.m-video-in a:last-of-type{margin-bottom: 0;} */
/* 메인 더셀 비디오 */

/* 메인 어바웃 */
.m-about{padding: 85px 0 100px; box-sizing:border-box; background: #fff;}
.m-about-in{}
.m-about-in a{height: 300px; width: 100%; margin-bottom: 4%; float: left; font-size: 0; display: block;}
.m-about-in a:last-of-type{margin-bottom: 0;}
.m-about-in a .left{width: 50%; height: 300px; display: inline-block; vertical-align: top; overflow: hidden;}
.m-about-in a .left img{width: 100%; height: 100%; display: block; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s;}
.m-about-in a:hover .left img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);transform:scale(1.1); -ms-transform:scale(1.1);}
.m-about-in a .right{width: 50%; height: 300px; padding: 75px 0 0 50px; display: inline-block; vertical-align: top; box-sizing:border-box; position: relative; background: #f7f7f7;}
.m-about-in a .right p{font-size: 22px; line-height:20px; letter-spacing:-0.05em; font-weight: 500; color: #333;}
.m-about-in a .right span{margin: 35px 0 30px; font-size: 14px; line-height:25px; letter-spacing:-0.025em; font-weight: 300; color: #666; display: block;}
.m-about-in a .right b{font-size: 12px; line-height: 22px; letter-spacing:0; font-weight: bold; color: #00a0e9; display: block;}
.m-about-in a .right b em{margin: 10px 0 0 11px; width: 70px; height: 1px; background: #00a0e9; display: inline-block; vertical-align: top; font-style: normal;}
.m-about-in a .right i{width: 15px; height:28px; top: 50%; margin-top: -14px; font-style: normal; position: absolute; z-index: 1; display: block;}
.m-about-in a .right i.arrow01{left: -15px;}
.m-about-in a .right i.arrow02{right: -15px;}
/* 메인 어바웃 */
}


@media all and (max-width: 640px ) {

/* 메인 비주얼 */
.mv-wrap{height: 85.9375vw;}
.mv-con{height: 85.9375vw;}
.mv{height: 85.9375vw;}
.mv-txt{top: 18.75vw; padding:0 15.625vw;}
.mv-txt b{font-size: 10.9375vw; line-height:10.15625vw;}
.mv-txt span{margin: 3.90625vw 0 4.6875vw; font-size: 6.25vw;}
.mv-txt a{width: 29.6875vw; height: 8.59375vw;}
.mv-txt a b{font-size: 2.8125vw; line-height:8.59375vw;}
.mv-txt a span{width: 3.90625vw; height: 1.09375vw; margin: 3.75vw 0 0 2.5vw;}
.mv-con .next{margin-top: -1.484375vw; width: 10.9375vw; height: 2.96875vw;}
.mv-con .prev{margin-top: -1.484375vw; width: 10.9375vw; height: 2.96875vw;}
/*
.m-mv-wrap{height: 85.9375vw;}
.m-mv-con{height: 85.9375vw;}
.m-mv{height: 85.9375vw;}
.m-mv li{height: 85.9375vw;}
.m-mv-txt b{font-size: 10.9375vw; line-height:10.15625vw;}
.m-mv-txt p{margin: 3.90625vw 0 4.6875vw; font-size: 6.25vw; line-height:7.8125vw;}
.m-mv-txt a{font-size: 2.1875vw; line-height:8.28125vw; width: 29.6875vw; height: 8.59375vw;}
.m-mv-txt a img{margin: 3.59375vw 0 0 2.34375vw; width: 3.90625vw; height: 1.09375vw;}

.m-mv-con .bx-pager{ bottom: 6.25vw;}
.m-mv-con .bx-pager > div{margin-right: 2.1875vw;}
.m-mv-con .bx-pager > div a{width: 1.71875vw; height: 1.71875vw;}
.m-mv-con .bx-pager > div a.active{width: 2.1875vw; height: 2.1875vw;}
*/
/* 메인 비주얼 */

/* 메인 프로덕트 */
.m-pro-slide .left{padding: 0 15%;}
.m-pro-slide .right{padding: 20.3125vw 2% 0 ;}
.m-pro-slide .right > b{font-size: 6.25vw; line-height:4.6875vw;}
.m-pro-slide .right > p{margin: 7.8125vw 0 3.125vw; font-size: 7.03125vw; line-height:6.25vw;}
.m-pro-slide .right > span{margin-bottom: 5.46875vw; font-size: 2.8125vw; line-height:4.6875vw;}
.m-pro-slide .right a{width: 25vw; height: 7.8125vw;}
.m-pro-slide .right a span{font-size: 1.875vw; line-height:7.8125vw;}
.m-pro-slide .right a em{margin: 3.90625vw 0 0 2.65625vw; width: 3.125vw;}
.m-pro-slide .right a:hover em{width: 4.6875vw;}
.m-pro-con .swiper-button-next{top: 15.625vw; width: 7.65625vw; height: 7.8125vw;}
.m-pro-con .swiper-button-prev{top: 15.625vw; right: 7.8125vw; width: 7.8125vw; height: 7.8125vw;}
/* 메인 프로덕트 */

/* 메인 더셀 비디오 */
.m-video{padding: 13.28125vw 0 15.625vw;}
.title{margin-bottom: 7.8125vw;}
.title b span{font-size: 4.6875vw; line-height:6.875vw;}
.title b img{width: 6.25vw; height: 6.875vw;}
.title b img.left1{left: -1.875vw;}
.title b img.left2{left: -1.5625vw;}
.m-video-in{padding: 0 5.46875vw; }
.m-video-box iframe{height: 45vw;}
.m-video-box > p{font-size: 3.4375vw;}
/* 메인 더셀 비디오 */

/* 메인 어바웃 */
.m-about{padding: 13.28125vw 0 15.625vw;}
.m-about-in a{height: 46.875vw;}
.m-about-in a .left{height: 46.875vw;}
.m-about-in a .right{height: 46.875vw; padding: 11.71875vw 0 0 4.8125vw;}
.m-about-in a .right p{font-size: 3.4375vw; line-height:3.125vw;}
.m-about-in a .right span{margin: 5.46875vw 0 4.6875vw; font-size: 2.1875vw; line-height:3.90625vw;}
.m-about-in a .right b{font-size: 1.875vw; line-height: 3.4375vw;}
.m-about-in a .right b em{margin: 1.5625vw 0 0 1.71875vw; width: 10.9375vw;}
.m-about-in a .right i{width: 2.34375vw; height:4.375vw; margin-top: -2.1875vw;}
.m-about-in a .right i.arrow01{left: -2.34375vw;}
.m-about-in a .right i.arrow02{right: -2.34375vw;}
/* 메인 어바웃 */
}