@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .item{position:relative; }
.msec-visual .item .img{height:817px; background-size:cover !important; transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 5s ease-in-out;-moz-transition: transform 5s ease-in-out;-o-transition: transform 5s ease-in-out;transition: transform 5s ease-in-out;}
.msec-visual .item .img img{visibility:hidden;height:817px; width:100%;object-fit:cover;}
.msec-visual .item .txt{position:absolute;max-width:1640px; padding:0 80px; box-sizing:border-box; margin-top:-50px;width:100%;left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}

.msec-visual .item .txt .btxt{ font-size:70px; line-height:1.5em; color:#fff; font-weight:700; letter-spacing:-0.03em;}

.msec-visual .item .txt .btxt p:nth-child(1){letter-spacing:-0.02em;}
.msec-visual .item .txt .btxt p:nth-child(2){letter-spacing:0.01em;}

.msec-visual .item .txt .stxt{margin-top:60px; /*font-family: 'GothamPro';*/ font-size:30px; line-height:1.4em; color:#fff; font-weight:700;}
.msec-visual .item .txt .stxt p:nth-child(2){ font-size:22px; font-weight:400; margin-top:30px;}


.msec-visual .item .txt .btxt p{position:Relative; overflow:hidden;}
.msec-visual .item .txt .btxt p span{opacity:0;display:block;position:relative;-webkit-transform:translateY(100%);-moz-transform:translateY(100%); -ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transition: opacity 0.8s ease-out, transform 0.8s ease-out;-moz-transition:opacity 0.8s ease-out, transform 0.8s ease-out;-o-transition: opacity 0.8s ease-out, transform 0.8s ease-out;transition: opacity 0.8s ease-out, transform 0.8s ease-out;}

.msec-visual .item .txt .stxt p{position:Relative; overflow:hidden;}
.msec-visual .item .txt .stxt p span{opacity:0;display:block;position:relative;-webkit-transform:translateY(100%);-moz-transform:translateY(100%); -ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transition: opacity 0.8s ease-out, transform 0.8s ease-out;-moz-transition:opacity 0.8s ease-out, transform 0.8s ease-out;-o-transition: opacity 0.8s ease-out, transform 0.8s ease-out;transition: opacity 0.8s ease-out, transform 0.8s ease-out;}


.msec-visual .item.c01 .img{background:url(../img/main/visual-img01.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c02 .img{background:url(../img/main/visual-img02.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c03 .img{background:url(../img/main/visual-img03.jpg) no-repeat center center; background-size:cover;}
.msec-visual .item.c04 .img{background:url(../img/main/visual-img04.jpg) no-repeat center center; background-size:cover;}

.msec-visual .visual-slide .slick-prev{z-index:555;width:60px;height:96px; top:50%;margin-top:-48px; background:url(../img/main/visual-prev02.png) no-repeat left center;  background-size:32px auto;left:140px;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.msec-visual .visual-slide .slick-next{z-index:555;width:50px;height:96px; top:50%;margin-top:-48px; background:url(../img/main/visual-next02.png) no-repeat right center; background-size:32px auto; right:140px;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.msec-visual .visual-slide .slick-prev:hover{padding-right:15px; margin-left:-10px;width:65px;}
.msec-visual .visual-slide .slick-next:hover{padding-left:15px; margin-right:-10px;width:65px;}

	
/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1920px) {	
		.msec-visual .visual-slide .slick-prev{left:110px; background-size:26px auto;}
		.msec-visual .visual-slide .slick-next{right:110px;  background-size:26px auto;}
	}
	@media only screen and (max-width:1720px) {	
		.msec-visual .visual-slide .slick-prev{left:100px}
		.msec-visual .visual-slide .slick-next{right:100px;}
	}
	@media only screen and (max-width:1600px) {	
		.msec-visual .item .img{height:980px;}
		.msec-visual .item .img img{height:980px;}
		.msec-visual .visual-slide .slick-prev{left:70px; background-size:20px auto;}
		.msec-visual .visual-slide .slick-next{right:70px;background-size:20px auto;}

		.msec-visual .visual-slide .slick-prev:hover{padding-right:10px; margin-left:-10px;width:60px;}
		.msec-visual .visual-slide .slick-next:hover{padding-left:10px; margin-right:-10px;width:60px;}
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1200px) {
		.msec-visual .visual-slide .slick-prev{left:20px}
		.msec-visual .visual-slide .slick-next{right:20px}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .visual-slide .slick-prev{display:none !important}
		.msec-visual .visual-slide .slick-next{display:none !important}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}*/

.msec-visual.ani .slick-active.item .txt .btxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .stxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(1) span{transition-delay:0.4s;}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(2) span{transition-delay:0.7s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(1) span{transition-delay:1.0s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(2) span{transition-delay:1.3s;}

.msec-visual.ani .slick-active.item .img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

.msec-visual.ani .visual-ctrl{transition-delay:1.6s; opacity:1;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);}
.msec-visual .visual-ctrl{position:absolute;z-index:912;opacity:0; max-width:1640px; padding:0 80px; box-sizing:border-box; font-size:0; width:100%;left:50%; bottom:200px;-webkit-transform: translate(-50%, 10%); -moz-transform: translate(-50%, 10%);  -ms-transform: translate(-50%, 10%);  -o-transform: translate(-50%, 10%);  transform: translate(-50%, 10%);-webkit-transition: opacity 0.4s ease-out, transform 0.4s ease-out;-moz-transition:opacity 0.4s ease-out, transform 0.4s ease-out;-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out;transition: opacity 0.4s ease-out, transform 0.4s ease-out;}
.msec-visual .visual-ctrl .num{font-size:16px; line-height:26px; display:inline-block;vertical-align:top; font-weight:700; font-family:"Roboto"; color:#fff;}
.msec-visual .visual-ctrl .total{font-size:16px; line-height:26px; display:inline-block;vertical-align:top;font-weight:700; font-family:"Roboto"; color:#fff;}
.msec-visual .visual-ctrl .prev{margin-left:15px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-prev.png) no-repeat center center;}
.msec-visual .visual-ctrl .next{margin-left:10px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-next.png) no-repeat center center;}
.msec-visual .visual-ctrl .play{margin-left:10px;width:20px;height:26px;display:none;vertical-align:top;background:url(../img/main/visual-play.png) no-repeat center center;}
.msec-visual .visual-ctrl .stop{margin-left:10px;width:20px;height:26px;display:inline-block;vertical-align:top;background:url(../img/main/visual-stop.png) no-repeat center center;}
.msec-visual .visual-ctrl .scrollbar{display:inline-block;vertical-align:top; height:26px; width:200px; position:relative; z-index:932;overflow:hidden; margin:0 15px; }
.msec-visual .visual-ctrl .scrollbar:before{width:100%;height: 2px; top:50%;margin-top:-1px;background:rgba(255,255,255,0.3);cursor: pointer; left:0; display:block;content:"";z-index:1; position:Absolute;}
.msec-visual .visual-ctrl .scrollbar .handle {width:0;height: 2px; top:50%;margin-top:-1px;background:#fff;cursor: pointer; left:0; position:Absolute; z-index:2;}
	
	
	
	/* ======================================================
   media
=========================================================*
	
	@media only screen and (max-width:1680px) {	
		
		.msec-visual .item .txt .btxt{font-size:27px;}
		.msec-visual .item .txt .stxt{margin-top:50px; font-size:65px;}

		.msec-visual .visual-ctrl{bottom:160px;}
		.msec-visual .visual-ctrl .scrollbar{width:170px;}
	}
	@media only screen and (max-width:1400px) {
		.msec-visual .item .video{height:800px;}
		.msec-visual .item .txt .btxt{font-size:24px;}
		.msec-visual .item .txt .stxt{margin-top:40px; font-size:60px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .item .video{height:700px;}
		.msec-visual .item .img{height:700px;}

		.msec-visual .item .txt{padding:0 40px;}
		.msec-visual .item .txt .btxt{font-size:21px;}
		.msec-visual .item .txt .stxt{margin-top:30px; font-size:55px;}

		.msec-visual .visual-ctrl{bottom:120px;padding:0 40px;}
		.msec-visual .visual-ctrl .scrollbar{width:140px;}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .item .video{height:600px;}
		.msec-visual .item .img{height:600px;}

		.msec-visual .item .txt{padding:0 20px;}
		.msec-visual .item .txt .btxt{font-size:19px; padding-right:80px;}
		.msec-visual .item .txt .stxt{margin-top:20px; font-size:45px;}

		.msec-visual .visual-ctrl{bottom:100px;padding:0 20px;}
		.msec-visual .visual-ctrl .num{font-size:14px; line-height:20px;}
		.msec-visual .visual-ctrl .total{font-size:14px; line-height:20px;}
		.msec-visual .visual-ctrl .prev{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .next{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .next{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .stop{width:16px;height:20px; background-size:100% auto;}
		.msec-visual .visual-ctrl .scrollbar{width:110px; height:20px;}
	}
	@media only screen and (max-width:600px) {
		.msec-visual .item .txt .btxt{font-size:17px;}
		.msec-visual .item .txt .stxt{font-size:40px;}

		.msec-visual .visual-ctrl .scrollbar{width:70px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .item .video{height:500px;}
		.msec-visual .item .img{height:500px;}

		.msec-visual .item .txt .btxt{font-size:15px;}
		.msec-visual .item .txt .stxt{font-size:35px;}
	}*/


.msec-visual .icon-down{opacity:0;visibility:hidden;position:absolute;right:100px;bottom:70px;display:block;padding-left:10px;transition:opacity .3s; z-index:8932;}
.msec-visual .icon-down.on{opacity:1;visibility:visible;transition-delay:1.5s}
.msec-visual .icon-down i{position:relative;display:block;font-size:0;line-height:0;text-indent:-999em;}
.msec-visual .icon-down i:before{content:"";display:block;width:3px;height:57px;background:#fff;animation:elasticus 1.5s cubic-bezier(0.8, 0.2, 0.2, 0.8) infinite;margin:0 auto;}
.msec-visual .icon-down i:after{content:"";display:block;width:21px;height:21px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(135deg);padding:0;margin:-26px auto 0}
	

	/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1600px) {	
		.msec-visual .icon-down{right:60px; bottom:60px;}
		.msec-visual .icon-down i{}
		.msec-visual .icon-down i:before{width:3px;height:42px}
		.msec-visual .icon-down i:after{width:17px; height:17px; border-top-width:2px; border-right-width:3px;margin:-22px auto 0; margin-left:0;}
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-visual .icon-down{right:50px; bottom:50px;}
		
	}
	@media only screen and (max-width:680px) {
		.msec-visual .icon-down{right:35px; bottom:35px;transform:scale(0.8, 0.8); -webkit-transform:scale(0.8, 0.8); -moz-transform:scale(0.8, 0.8); -ms-transform:scale(0.8, 0.8);}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .icon-down{right:20px; bottom:20px;}
	}	

	@keyframes elasticus {
		0% {
			transform-origin:0% 0%;
			transform:scale(1, 0);
		}
		50% {
			transform-origin:0% 0%;
			transform:scale(1, 1);
		}
		50.1% {
			transform-origin:0% 100%;
			transform:scale(1, 1);
		}
		100% {
			transform-origin:0% 100%;
			transform:scale(1, 0);
		}
	}*/



/* ======================================================
  .msec-01
=========================================================*/
.msec-01{padding-top:150px;position:relative;}
.msec-01 .stop-target{position:Absolute ;left:0; top:-60px; width:100%; }
.msec-01 .tits{font-family: 'Pretendard';}
.msec-01 .tits h3{font-size:60px ;font-weight:700; color:#000 ;letter-spacing:-0.03em; line-height:1.2em;animation-delay:0.2s;}
.msec-01 .tits p{margin-top:25px;font-size:20px; font-weight:500; color:#666; line-height:1.5em; letter-spacing:-0.05em;animation-delay:0.4s;}

.msec-01 .cont{margin-top:55px;font-family: 'Pretendard';}
.msec-01 .cont .ov{animation-delay:0.6s;}
.msec-01 .cont .item{position:relative;}
.msec-01 .cont .item .img img{width:100%;height:480px;object-fit:cover;}
.msec-01 .cont .item .txt{position:Absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 120px 110px 120px}
.msec-01 .cont .item .txt .btxt{font-size:48px ;font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;-webkit-transform: translateY(20px); -moz-transform: translateY(20px);-ms-transform: translateY(20px); -o-transform:  translateY(20px);transform: translateY(20px);-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.msec-01 .cont .item .txt .stxt{margin-top:20px;font-size:30px ;font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;opacity:0;-webkit-transform: translateY(20px); -moz-transform: translateY(20px);-ms-transform: translateY(20px); -o-transform:  translateY(20px);transform: translateY(20px);-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}

.msec-01 .cont .slick-dots{position:absolute ;left:0; top:45px; width:100%; max-width:1420px; padding:0 120px; box-sizing:border-box; bottom:auto;opacity:0;-webkit-transform: translateY(20px); -moz-transform: translateY(20px);-ms-transform: translateY(20px); -o-transform:  translateY(20px);transform: translateY(20px);-webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.msec-01 .cont .slick-dots ul{margin:0 -8px;}
.msec-01 .cont .slick-dots ul:after{display:block; content:"";clear:both;}
.msec-01 .cont .slick-dots li{float:left; width:calc(33.33333% - 16px); margin:0 8px;text-align:left;}
.msec-01 .cont .slick-dots li a{display:block ;line-height:60px ;font-size:24px; font-weight:700; color:rgba(255,255,255,0.5) ;letter-spacing:-0.03em; position:relative; }
.msec-01 .cont .slick-dots li a:before{position:Absolute ;left:0; bottom:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.2) ; display:block; content:"";}
.msec-01 .cont .slick-dots li a:after{position:Absolute ;left:0; bottom:0; width:0;border-bottom:1px solid rgba(255,255,255,1);; display:block; content:"";-webkit-transition: width 0.5s ease-in-out;-moz-transition: width 0.5s ease-in-out;-o-transition: width 0.5s ease-in-out;transition: width 0.5s ease-in-out;}

.msec-01 .cont .ani .item.slick-active .txt .btxt{transition-delay: 0.3s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-01 .cont .ani .item.slick-active .txt .stxt{transition-delay: 0.6s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}

.msec-01 .cont .slick-dots li.slick-active a{opacity:1; color:#fff;}
.msec-01 .cont .ani .slick-dots {opacity:1 ; transition-delay: 1.6s;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-01 .cont .ani .slick-dots li.slick-active a:after{width:100%;}
	
	
	
	/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1460px) {	
		.msec-01{padding-top:125px;}
		.msec-01 .tits h3{font-size:54px ;}
		.msec-01 .tits p{margin-top:20px;font-size:18px;}

		.msec-01 .cont{margin-top:45px;}
		
		.msec-01 .cont .item .img img{height:420px}

		.msec-01 .cont .item .txt{padding:0 100px 80px 100px}
		.msec-01 .cont .item .txt .btxt{font-size:44px}
		.msec-01 .cont .item .txt .stxt{font-size:27px ;}

		.msec-01 .cont .slick-dots{top:40px; padding:0 100px; }
		.msec-01 .cont .slick-dots li a{font-size:22px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-01 .tits h3{font-size:48px ;}
		.msec-01 .tits p{margin-top:15px}

		.msec-01 .cont .item .txt{padding:0 80px 60px 80px}
		.msec-01 .cont .item .txt .btxt{font-size:40px}
		.msec-01 .cont .item .txt .stxt{font-size:24px ;}


		.msec-01 .cont .slick-dots{top:35px; padding:0 80px; }
		.msec-01 .cont .slick-dots li a{font-size:20px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01{padding-top:100px;}
		.msec-01 .tits h3{font-size:42px ;}
		.msec-01 .tits p{margin-top:10px;font-size:16px;}

		.msec-01 .cont{margin-top:35px;}
		.msec-01 .cont .ov{width:calc(100% + 40px) !important; margin-left:-20px;}

		.msec-01 .cont .item .img img{height:360px}

		.msec-01 .cont .item .txt{padding:0 60px 40px 60px}
		.msec-01 .cont .item .txt .btxt{font-size:36px}
		.msec-01 .cont .item .txt .stxt{margin-top:15px;font-size:21px ;}

		.msec-01 .cont .slick-dots{top:30px; padding:0 60px; }
		.msec-01 .cont .slick-dots li a{font-size:18px; line-height:55px}
	}
	@media only screen and (max-width:680px) {
		.msec-01{padding-top:75px;}
		.msec-01 .tits h3{font-size:36px ;}
		.msec-01 .tits p{font-size:14px}

		.msec-01 .cont{margin-top:25px;}

		.msec-01 .cont .item .img img{height:280px}

		.msec-01 .cont .item .txt{padding:0 40px 40px 40px}
		.msec-01 .cont .item .txt .btxt{font-size:32px}
		.msec-01 .cont .item .txt .stxt{font-size:19px ;}

		.msec-01 .cont .slick-dots{top:25px; padding:0 40px; }
		.msec-01 .cont .slick-dots li a{font-size:16px; line-height:50px}
	}
	@media only screen and (max-width:480px) {
		.msec-01{padding-top:50px;}
		.msec-01 .tits h3{font-size:30px ;}
		.msec-01 .cont .item .txt{padding:0 30px 40px 30px}
		.msec-01 .cont .item .txt .btxt{font-size:28px}
		.msec-01 .cont .item .txt .stxt{font-size:17px ;}

		.msec-01 .cont .slick-dots{top:25px; padding:0 30px; }
		.msec-01 .cont .slick-dots li a{font-size:15px;line-height:45px}
	}*/


/* ======================================================
  .msec-02
=========================================================*/
.msec-02{position:relative;padding:150px 0 ;padding-left:495px;}
.msec-02:after{background:#f8f9fb;position:absolute ;left:50%; width:20000px; height:100%;margin-left:-10000px; top:0; display:block ;content:"";z-index:-1;}

.msec-02 .tits{position:absolute; left:0; top:150px;}
.msec-02 .tits h3{font-family: 'GothamPro';color:#000; font-weight:700 ;font-size:48px; line-height:1.2em; letter-spacing:-0.01em; animation-delay:0.2s;}
.msec-02 .tits .btxt{margin-top:35px;font-size:36px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.3em; font-family: 'Pretendard'; animation-delay:0.4s;}
.msec-02 .tits .stxt{margin-top:60px;font-size:18px; font-weight:400; color:#222; letter-spacing:-0.03em; line-height:1.6em;  animation-delay:0.6s;}

.msec-02 .cont{}
.msec-02 .cont ul{margin:0 -11px;}
.msec-02 .cont ul:after{display:block; content:"";clear:both}
.msec-02 .cont li{float:left;width:calc(33.333333% - 22px);margin:0 11px;}
.msec-02 .cont li a{display:block; height:465px; padding:50px 32px; box-sizing:border-box;border-radius:10px;overflow:hidden; position:Relative;font-family: 'Pretendard'; position:relative; -webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.msec-02 .cont li a:before{position:absolute; left:0; top:0; width:100%;height:100%; display:block; content:""; z-index:-1;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;} 
.msec-02 .cont li a:after{width:47px;height:47px; position:Absolute; left:35px; bottom:45px; z-index:12;border-radius:100%;  background:rgba(27,88,237,1) url(../img/main/tech-more.png) no-repeat center center; display:block; content:""; -webkit-transition: background-color 0.5s ease-in-out;-moz-transition: background-color 0.5s ease-in-out;-o-transition: background-color 0.5s ease-in-out;transition: background-color 0.5s ease-in-out;}
.msec-02 .cont li .btxt{font-size:40px; font-weight:700; color:#fff; line-height:1.3em;}
.msec-02 .cont li .stxt{font-size:16px; font-weight:400; color:#fff; line-height:1.5em; margin-top:20px; letter-spacing:-0.03em; }
.msec-02 .cont li a:hover:before{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05);}
.msec-02 .cont li a:hover{box-shadow: 15px 18px 40px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 15px 18px 40px rgba(0, 0, 0, 0.3)  ;-moz-box-shadow: 15px 18px 40px rgba(0, 0, 0, 0.3); }
.msec-02 .cont li a:hover:after{/*background-color:#1b58ed !important*/ background-color:rgba(255,255,255,0.2)}
.msec-02 .cont li:nth-child(2){margin-top:75px;}

.msec-02 .cont li:nth-child(1) a:before{background:url(../img/main/tech-img01.jpg) no-repeat center center; background-size:cover;}
.msec-02 .cont li:nth-child(2) a:before{background:url(../img/main/tech-img02.jpg) no-repeat center center; background-size:cover;}
.msec-02 .cont li:nth-child(3) a:before{background:url(../img/main/tech-img03.jpg) no-repeat center center; background-size:cover;}

.msec-02 .cont li:nth-child(1){animation-delay:0.8s;}
.msec-02 .cont li:nth-child(2){animation-delay:0.9s;}
.msec-02 .cont li:nth-child(3){animation-delay:1.0s;}



/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1460px) {	
		.msec-02{padding:125px 0; padding-left:410px;}
		.msec-02 .tits{top:130px;}
		.msec-02 .tits h3{font-size:44px;}
		.msec-02 .tits .btxt{margin-top:30px;font-size:33px;}
		.msec-02 .tits .stxt{margin-top:50px;font-size:17px;}
		
		.msec-02 .cont li a{height:450px; padding:40px 25px}
		.msec-02 .cont li .btxt{font-size:26px;}
		.msec-02 .cont li .stxt{font-size:14px; margin-top:16px;}
		.msec-02 .cont li .stxt br{display:none;}

		.msec-02 .cont li a:after{width:40px;height:40px; background-size:100% auto;left:35px; bottom:35px}
	}
	@media only screen and (max-width:1280px) {
		.msec-02{padding-left:340px;}
		.msec-02 .tits h3{font-size:40px;}
		.msec-02 .tits .btxt{margin-top:25px;font-size:30px;}
		.msec-02 .tits .stxt{margin-top:40px;font-size:16px;}
		
		.msec-02 .cont ul{margin:0 -6px;}
		.msec-02 .cont li{width:calc(33.333333% - 12px);margin:0 6px;}
		.msec-02 .cont li a{height:400px; padding:30px 25px}
		.msec-02 .cont li .btxt{font-size:24px;}
		.msec-02 .cont li .stxt{font-size:14px; margin-top:15px;}
		
		.msec-02 .cont li a:after{width:36px;height:36px;left:25px; bottom:25px}
	}
	@media only screen and (max-width:999px) {
		.msec-02{padding:100px 0;padding-left:0;}
		.msec-02 .tits {position:relative; left:auto; top:auto;}
		.msec-02 .tits h3{font-size:36px;}
		.msec-02 .tits .btxt{margin-top:10px;font-size:27px;}
		.msec-02 .tits .btxt br{display:none;}
		.msec-02 .tits .stxt{margin-top:10px;font-size:15px; color:#555;}
		.msec-02 .tits .stxt br{display:none;}

		.msec-02 .cont{ margin-top:40px;}
		.msec-02 .cont li a{height:320px;}
		.msec-02 .cont li a:after{width:36px;height:36px; background-size:100% auto;left:25px; bottom:25px}

		.msec-02 .cont li .btxt{font-size:22px;}
		.msec-02 .cont li .stxt{font-size:14px; margin-top:10px;}
	}
	@media only screen and (max-width:780px) {
		.msec-02 .cont ul{margin:0;}
		.msec-02 .cont li{float:none; width:auto; margin:0}
		.msec-02 .cont li:nth-child(n+2){margin-top:20px;}

		.msec-02 .cont li a{height:200px;border-radius:6px;}
		.msec-02 .cont li .btxt{font-size:20px;}
		.msec-02 .cont li .btxt br{display:none;}
		.msec-02 .cont li a:after{width:30px;height:30px;}
	}
	@media only screen and (max-width:680px) {
		.msec-02{padding:75px 0;}
		.msec-02 .tits h3{font-size:32px;}
	}
	@media only screen and (max-width:480px) {
		.msec-02{padding:50px 0;}
		.msec-02 .tits h3{font-size:28px;}
		.msec-02 .cont li a{height:185px;}
	}*/





/* ======================================================
  .msec-03
=========================================================*/

.msec-03{position:relative; height:760px;overflow:hidden; padding-top:0px;}
.msec-03 .tits{}
.msec-03 .tits h3{font-weight:600; color:#fff; font-family:'GothamPro'; font-size:80px; letter-spacing:-0.03em; line-height:1em;text-transform:uppercase}
.msec-03 .tits p{font-size:24px; font-weight:400 ;color:#fff; letter-spacing:-0.03em; line-height:1.2em; margin-top:20px;}

.msec-03 .cont{width:calc(100% + 200px); margin-left:-100px; position:relative ;z-index:2;margin-top:70px;}
.msec-03 .cont ul{}
.msec-03 .cont ul:after{display:block; content:"";clear:both}
.msec-03 .cont ul li{float:left; width:50%; position:relative;}
.msec-03 .cont ul li:nth-child(n+2):before{border-left:1px solid rgba(255,255,255,0.3); position:Absolute; left:-1px; top:50%; height:2000px; display:block ;content:"";-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-03 .cont ul li a{display:block; text-align:center; padding-top:220px; padding-bottom:220px;}
.msec-03 .cont ul li .btxt{font-size:30px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.3em; padding-top:20px;/*font-family: 'GothamPro';*/}
.msec-03 .cont ul li .stxt{font-size:24px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.5em; margin-top:20px;}
.msec-03 .cont ul li .ctxt{font-size:18px; font-weight:400; margin-top:10px; color:#fff; letter-spacing:-0.03em; line-height:1.3em;}

.msec-03 .cont ul li a:hover:before{opacity:1;transition-delay: 0.4s;}
.msec-03 .cont ul li a:hover .circle{opacity:1;transition-delay: 0.2s;}
.msec-03 .cont ul li a:before{opacity:0;width:172px;height:172px; text-align:center; position:Absolute; left:50%; top:0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%); display:block; content:"view more"; font-family:"Roboto"; font-weight:500; line-height:170px; color:#fff; border-radius:100%; box-sizing:border-box; -webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.msec-03 .cont ul li .circle{opacity:0;position:absolute; left:50%; top:0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%); display:block; content:"view more"; font-family:"Roboto"; font-weight:500; line-height:170px; color:#fff; border-radius:100%; box-sizing:border-box; -webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.msec-03 .cont ul li .circle svg{ width:172px; height:172px;}

.cir{stroke-dasharray:20; stroke-dashoffset: -60;animation: aen-anim 1.2s linear 1.2s infinite ;}


/*.msec-03 .cont ul li a {display:inline-block;vertical-align:top; position:relative; text-align:center; line-height:45px; font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#fff; width:140px;}
.msec-03 .cont ul li a:before{width:100%;height:100%; box-sizing:border-box; border:1px solid #fff; left:0; top:0; display:block; content:"";z-index:-1; position:absolute;}
.msec-03 .cont ul li a span{position:relative ;z-index:534; display:inline-block;vertical-align:top;}
.msec-03 .cont ul li a:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;z-index:1;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-03 .cont ul li a:hover:after {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s}
.msec-03 .cont ul li a:hover{color:#111;}*/

	@keyframes aen-anim {
	  from {stroke-dashoffset : 120px;}
	  to {stroke-dashoffset : -120px;}
	}
	


	/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1720px) {
		.msec-03{height:760px;padding-top:100px;}
		.msec-03 .tits h3{font-size:70px;}
		.msec-03 .tits p{font-size:42px;  margin-top:35px;}
		
		.msec-03 .cont{width:calc(100% + 160px); margin-left:-80px;}
		.msec-03 .cont ul li .btxt{font-size:32px;}
		.msec-03 .cont ul li .stxt{font-size:17px; margin-top:28px}

		.msec-03 .cont ul li a{padding-top:200px; padding-bottom:200px;}
		.msec-03 .cont ul li a:before{width:160px;height:160px;line-height:158px}
		.msec-03 .cont ul li .circle{}
		.msec-03 .cont ul li .circle svg{ width:160px; height:160px;}
	}
	@media only screen and (max-width:1600px) {	
		.msec-03{height:760px;padding-top:130px;}
		.msec-03 .tits h3{font-size:80px;}
		.msec-03 .tits p{font-size:36px; }
		
		.msec-03 .cont{width:calc(100% + 120px); margin-left:-60px;}
		.msec-03 .cont .item .img img{height:310px}
	}
	@media only screen and (max-width:1480px) {
		.msec-03{height:760px;padding-top:110px;}
		.msec-03 .tits h3{font-size:70px;}
		.msec-03 .tits p{font-size:30px; margin-top:30px;}
		
		.msec-03 .cont{width:calc(100% + 80px); margin-left:-40px;}
		.msec-03 .cont ul li .btxt{font-size:28px;}
		.msec-03 .cont ul li .stxt{font-size:16px; margin-top:24px}

		.msec-03 .cont ul li a{padding-top:160px; padding-bottom:160px;}
		.msec-03 .cont ul li a:before{width:140px;height:140px;line-height:138px}
		.msec-03 .cont ul li .circle{}
		.msec-03 .cont ul li .circle svg{ width:140px; height:140px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-03 .tits h3{font-size:60px;}
		.msec-03 .tits p{font-size:26px;margin-top:25px;}
		.msec-03 .cont{width:calc(100% + 40px); margin-left:-20px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03{height:auto;padding-top:90px ; padding-bottom:90px}
		.msec-03 .tits h3{font-size:50px;}
		.msec-03 .tits p{font-size:24px;font-weight:500;margin-top:20px;}
		
		.msec-03 .cont{width:auto; margin-left:0; margin-top:50px;}
		.msec-03 .cont ul li .btxt{font-size:24px;}
		.msec-03 .cont ul li .stxt{font-size:15px; margin-top:20px; padding:0 15px;}
		.msec-03 .cont ul li .stxt br{display:none}

		.msec-03 .cont ul li a{padding-top:140px; padding-bottom:120px;}
		.msec-03 .cont ul li a:before{width:120px;height:120px;line-height:118px; font-size:12px;}
		.msec-03 .cont ul li .circle{}
		.msec-03 .cont ul li .circle svg{ width:120px; height:120px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03{ padding-top:70px ; padding-bottom:0}
		.msec-03 .tits h3{font-size:45px;}
		.msec-03 .tits p{font-size:22px; }
		
		.msec-03 .cont ul li{float:none; width:auto;}
		.msec-03 .cont ul li:nth-child(1):before,.msec-03 .cont ul li:nth-child(n+2):before{border-top:1px solid rgba(255,255,255,0.2); border-left:0; position:absolute; left:50%; top:0; height:auto;display:block; content:"";width:2000px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
		
		.msec-03 .cont ul li a{padding-top:160px; padding-bottom:45px;}
		.msec-03 .cont ul li .btxt{font-size:20px;}
		.msec-03 .cont ul li .stxt{font-size:14px; margin-top:16px}

		.msec-03 .cont ul li a:before{opacity:1;width:100px;height:100px;line-height:98px; font-size:11px; top:40px;}
		.msec-03 .cont ul li .circle{opacity:1;top:40px;}
		.msec-03 .cont ul li .circle svg{ width:100px; height:100px;}
	}
	@media only screen and (max-width:580px) {
		.msec-03{}
		
	}
	@media only screen and (max-width:480px) {
		.msec-03 .tits h3{font-size:40px;}
		.msec-03 .tits p{font-size:20px; }
		
		.msec-03 .cont ul li .btxt{font-size:18px;}
		.msec-03 .cont ul li .stxt{font-size:13px; margin-top:10px;}
	}
	@media only screen and (max-width:400px) {
		.msec-03 .tits:after{width:calc(100% - 180px);}
		.msec-03 .tits h3{font-size:35px;}
		.msec-03 .tits p{font-size:18px; }

	}*/


.msec-03 .tech-slide{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:1;}
.msec-03 .tech-slide .slick-list{height:100%;}
.msec-03 .tech-slide .slick-track{height:100%;}
.msec-03 .tech-slide .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden; }
.msec-03 .tech-slide .item .img{position:relative; width:100%;height:100%;background-size:cover !important;-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);-webkit-transition: transform 5s ease-out;-moz-transition: transform 5s ease-out;-o-transition: transform 5s ease;transition: transform 5s ease-out;}
.msec-03 .tech-slide .item .img img{visibility:hidden}
.msec-03 .tech-slide .item.c01 .img{background:url(../img/main/msec03-bg01.jpg) no-repeat center; background-size:cover;}
.msec-03 .tech-slide .item.c02 .img{background:url(../img/main/msec03-bg02.jpg) no-repeat center;background-size:cover;}
.msec-03 .tech-slide .item.c03 .img{background:url(../img/main/msec03-bg03.jpg) no-repeat center; background-size:cover;}

.msec-03 .tech-slide.ani .slick-active.item .img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2);}
	




/* ======================================================
  .msec-04
=========================================================*/
.msec-04{padding:120px 0 70px;position:relative;}
.msec-04:before{border-top:1px solid #ddd; position:absolute;left:50%; width:20000px; margin-left:-10000px; top:0; display:block ;content:"";z-index:-1;}

.msec-04 .tits{text-align:center; }
.msec-04 .tits h3{font-family: 'GothamPro';color:#000; font-weight:700 ;font-size:48px; line-height:1.2em; letter-spacing:-0.01em; padding-bottom:70px; text-transform:uppercase}

.msec-04 ul{margin:0 -1%}
.msec-04 ul:after{display:block ;content:"";clear:both}

.msec-04 li{float:left; width:23%; margin:0 1%; position:relative;}
.msec-04 li:nth-child(n+5){margin-top:2%; left:0px;}
.msec-04 li a{display:block;}
.msec-04 li .img{overflow:hidden; border-radius:15px 15px 0px 0px;}
.msec-04 li .img img{width:100%;height:350px;object-fit:cover;object-fit:cover;transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-04 li:hover .img img{transform:scale(1.1) translateX(-4%)}
.msec-04 li .txt{position:Relative; /*margin-top:30px; padding-right:70px;*/ height:150px; background-color:#1b71d6; padding:30px 20px;  border-radius: 0px 0px 15px 15px;}
.msec-04 li .txt:after{width:20px;height:17px;background:url(../img/main/arrow-more.png) no-repeat right center; background-size:100% auto;position:Absolute;right:32px; bottom:30px; display:block; content:"";transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-04 li .btxt{font-size:24px ;font-weight:700; color:#fff; letter-spacing:-0.04em; line-height:1.2em;}
.msec-04 li .stxt{margin-top:15px;font-size:15px ;font-weight:400; color:#fff; letter-spacing:-0.04em; line-height:1.35em;}

.msec-04 li a:hover .txt:after{transform:scale(1.1) translateX(10px)}

.msec-04 li:nth-child(1){animation-delay:0.2s;}
.msec-04 li:nth-child(2){animation-delay:0.4s;}
.msec-04 li:nth-child(1) .img img{animation-delay:0.3s;}
.msec-04 li:nth-child(2) .img img{animation-delay:0.5s;}


/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1460px) {	
		.msec-04{padding:100px 0;}
		.msec-04 li{width:23%}
		.msec-04 li .img img{height:250px}
		.msec-04 li .txt{margin-top:35px;}
		.msec-04 li .txt:after{width:30px; height:20px; right:24px;}
		.msec-04 li .btxt{font-size:30px}
		.msec-04 li .stxt{font-size:16px}
	}
	@media only screen and (max-width:1280px) {
		.msec-04 li .btxt{font-size:27px}
		.msec-04 li .stxt{font-size:15px}
	}
	@media only screen and (max-width:999px) {
		.msec-04{padding:80px 0;}
		.msec-04 li{width:23%}
		.msec-04 li .img{border-radius:10px;}
		.msec-04 li .img img{height:200px}
		.msec-04 li .txt{margin-top:25px; padding-right:50px;}
		.msec-04 li .txt:after{width:26px; height:18px; right:16px; top:2px;}
		.msec-04 li .btxt{font-size:24px}
		.msec-04 li .stxt{margin-top:10px;font-size:14px}
	}
	@media only screen and (max-width:680px) {
		.msec-04{padding:60px 0;}

		
		.msec-04 li{width:31.33333%}
		.msec-04 li li:nth-child(n+4){margin-top:3%}
		
		.msec-04 li .img{border-radius:6px;}
		.msec-04 li .img img{height:auto;object-fit:fill;}
		.msec-04 li .txt{margin-top:21px; padding-right:0;}
		.msec-04 li .txt:after{width:20px; height:14px;}
		.msec-04 li .btxt{margin-top:5px;font-size:21px}
		.msec-04 li .stxt{color:#555;}
	}
	@media only screen and (max-width:480px) {

		.msec-04 li{width:48%}
		.msec-04 li .btxt{font-size:18px}
		.msec-04 li .stxt{font-size:13px;}
	}*/



/* ======================================================
   .msec-05
=========================================================*/
.msec-05{position:Relative; padding:100px 0 50px;}
.msec-05 .ov{max-width:1420px; margin:0 auto; box-sizing:border-box ; padding:0 20px 0 380px; position:relative;}
.msec-05 .tits{position:absolute; left:0; top:0; padding-left:0px}
.msec-05 .tits h3{font-weight:400; color:#000; letter-spacing:-0.03em;font-size:24px; line-height:1.2em;}
.msec-05 .tits h3 span{font-weight:700;font-size:30px; display:block;line-height:1.2em;}
.msec-05 .tits p{margin-top:10px; margin-bottom:15px; font-size:40px; color:#1b71d6;letter-spacing:-0.01em; line-height:1.2em;font-weight:800;}

.msec-05 .cont{padding:70px 0;}
.msec-05 .cont ul{}
.msec-05 .cont ul:after{display:block;content:"";clear:both;}
.msec-05 .cont li{float:left;width:16.666666%;}
.msec-05 .cont li:nth-child(n+2){}
.msec-05 .cont li a{text-align:center;font-size:18px; font-weight:500; letter-spacing:-0.03em; line-height:1.2em; color:#111; padding-top:90px;display:block;position:relative;}
.msec-05 .cont li a:before{width:60px;height:60px; position:absolute ;left:50%;margin-left:-30px; top:0; display:block; content:"";-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-05 .cont li a:hover:before{-webkit-transform: translateY(-10%); -moz-transform: translateY(-10%);-ms-transform: translateY(-10%); -o-transform:  translateY(-10%);transform: translateY(-10%);}

.msec-05 .cont li:nth-child(1) a:before{background:url(../img/main/05-ico01.png) no-repeat center center;}
.msec-05 .cont li:nth-child(2) a:before{background:url(../img/main/05-ico02.png) no-repeat center center;}
.msec-05 .cont li:nth-child(3) a:before{background:url(../img/main/05-ico03.png) no-repeat center center;}
.msec-05 .cont li:nth-child(4) a:before{background:url(../img/main/05-ico04.png) no-repeat center center;}
.msec-05 .cont li:nth-child(5) a:before{background:url(../img/main/05-ico05.png) no-repeat center center;}
.msec-05 .cont li:nth-child(6) a:before{background:url(../img/main/05-ico06.png) no-repeat center center;}



/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1320px) {
		.msec-05{padding:80px 0;}
		.msec-05 .ov{padding-left:400px;}
		.msec-05 .tits h3{font-size:24px;}
		.msec-05 .tits h3 span{font-size:27px;}
		.msec-05 .tits p{margin-top:15px; font-size:31px;}

		.msec-05 .cont li a:before{width:90px;height:90px; background-size:90px auto !important; margin-left:-45px;}
		.msec-05 .cont li a{font-size:17px; padding-top:110px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-05{padding:60px 0;}
		.msec-05 .ov{padding-left:20px;}
		.msec-05 .tits {position:relative; left:auto; top:auto; padding-left:0;}
		.msec-05 .tits h3{font-size:22px;}
		.msec-05 .tits h3 span{font-size:24px;}
		.msec-05 .tits p{margin-top:10px; display:inline-block;vertical-align:top; font-size:29px;}

		.msec-05 .cont{margin-top:25px;}
		.msec-05 .cont li a:before{width:75px;height:74px; background-size:74px auto !important;margin-left:-37px;}
		.msec-05 .cont li a{font-size:16px; padding-top:90px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-05{padding:45px 0;}

		.msec-05 .ov{padding:0 15px;}
		.msec-05 .tits h3{font-size:19px;}
		.msec-05 .tits h3 span{font-size:22px;}
		.msec-05 .tits p{font-size:25px;}

		.msec-05 .cont li a:before{width:60px;height:60px; background-size:60px auto !important;margin-left:-30px;}
		.msec-05 .cont li a{font-size:15px; padding-top:75px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-05 .cont li a:before{width:44px;height:44px; background-size:44px auto !important;margin-left:-22px;}
		.msec-05 .cont li a{font-size:14px; padding-top:57px;}
	} */



/* ======================================================
   .msec-06
=========================================================*/
.msec-06{position:relative; background:#f0f0f0; padding:100px 0px 100px;}
.msec-06:after{display:block; content:"";clear:both; }

.msec-06 .tits{text-align:center;}
.msec-06 .tits h3{font-size:50px; font-weight:800; color:#000; letter-spacing:-0.03em; line-height:1.3em;}

.msec-06 .cont{max-width:1420px; margin:0 auto; padding:0 20px; margin-top:0px; box-sizing:border-box; }
.msec-06 .cont ul{margin:0 -10px;}
.msec-06 .cont ul:after{display:block ;content:"";clear:both}
.msec-06 .cont li{float:left; width:48% ; height:450px; box-sizing:border-box; padding:70px; text-align:left; background:#fff; margin: 0 10px; border-radius:30px; box-shadow: 15px 18px 40px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 15px 18px 40px rgba(0, 0, 0, 0.3)  ;-moz-box-shadow: 15px 18px 40px rgba(0, 0, 0, 0.3);}

.msec-06 .cont li:nth-child(1){background:url(../img/main/msec06-img01.jpg) no-repeat left center; background-size:cover; }
.msec-06 .cont li:nth-child(2){background:url(../img/main/msec06-img02.jpg) no-repeat left center; background-size:cover; }

.msec-06 .cont li .txt{min-height:100px; text-align:center;}
.msec-06 .cont li .btxt{margin-top:35px;font-size:33px; line-height:1.35em; color:#fff; font-weight:700; letter-spacing:-0.03em;}
.msec-06 .cont li .stxt{margin-top:20px;font-size:28px; line-height:1.1em; color:#fff; font-weight:600; letter-spacing:-0.03em;}
.msec-06 .cont li .ctxt{margin-top:10px;margin-bottom:40px;font-size:18px; line-height:1.1em; color:#fff; font-weight:400; letter-spacing:-0.03em;}

.msec-06 .cont li .btxt02 {font-size:40px; line-height:1.35em; color:#fff; font-weight:800; letter-spacing:-0.03em;}

/*.msec-06 .cont li .stxt{margin-top:25px;font-size:24px; line-height:1.35em; color:#646ea7; font-weight:600; letter-spacing:-0.03em;}
.msec-06 .cont li a{height:84px; display:block; line-height:84px; font-size:22px; font-weight:700; color:#fff; letter-spacing:-0.03em; text-align:center; background:#1a68fc; border-radius:10px; border:1px solid #1a68fc;}
.msec-06 .cont li a span{padding-left:45px; position:relative; display:inline-block;vertical-align:top}
.msec-06 .cont li a span:before{width:34px;height:34px; position:absolute; left:0; top:50%; margin-top:-17px; display:block ;content:""}
.msec-06 .cont li a:hover{background:#fff; color:#1a68fc;}*/

.msec-06 .cont a{margin-top:150px;width:215px; margin:0 auto; height:60px; display:inline-block;vertical-align:top; line-height:62px; font-size:18px; font-weight:700; color:#fff;border:1px solid #1b71d6; box-sizing:border-box;letter-spacing:-0.03em; text-align:center; background:#1b71d6; border-radius:10px;}
.msec-06 .cont a span{padding-right:50px; position:relative; display:inline-block;vertical-align:top}
.msec-06 .cont a span:after{width:28px;height:24px; position:absolute; right:0; top:50%; margin-top:-12px; background:url(../img/main/msec06-arrow.png) no-repeat right center; display:block ;content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-06 .cont a:hover span:after{transform:translateX(7px);background-image:url(../img/main/msec06-arrow-b.png)}
.msec-06 .cont a:hover{background:#fff; color:#1b71d6; border:1px solid #1b71d6;}

.msec-06 .cont li:nth-child(1) a span:before{background:url(../img/main/msec05-ico01.png) no-repeat left center;}
.msec-06 .cont li:nth-child(2) a span:before{background:url(../img/main/msec05-ico02.png) no-repeat left center;}

.msec-06 .cont li:nth-child(1) a:hover span:before{background-image:url(../img/main/msec05-ico01o.png)}
.msec-06 .cont li:nth-child(2) a:hover span:before{background-image:url(../img/main/msec05-ico02o.png)}


/* ======================================================
   media
=========================================================*
	@media only screen and (max-width:1240px) {	
		.msec-06{margin-top:100px;}
		.msec-06 .tits h3{font-size:46px;}
		.msec-06 .cont{margin-top:80px;}
		
		.msec-06 .cont li{padding:0 40px;}
		.msec-06 .cont li .txt{min-height:235px;}
		.msec-06 .cont li .btxt{font-size:33px;}
		.msec-06 .cont li .btxt02{font-size:33px;}
		.msec-06 .cont li .stxt{margin-top:20px;font-size:22px;}

		.msec-06 .cont li a{height:75px; line-height:75px; font-size:20px;}
		.msec-06 .cont li a span{padding-left:40px;}
		.msec-06 .cont li a span:before{background-size:30px auto !important}
	}
	@media only screen and (max-width:1100px) {
		.msec-06{}
		.msec-06 .cont li{padding:0 30px;}
		.msec-06 .cont li a{height:70px; line-height:70px;}
	}
	@media only screen and (max-width:999px) {
		.msec-06{margin-top:50px;}
		.msec-06 .tits h3{font-size:42px;}
		.msec-06 .cont{margin-top:60px;}
		.msec-06 .cont li{padding:0 20px;}
		.msec-06 .cont li .txt{min-height:210px;}
		.msec-06 .cont li .btxt{font-size:30px;}
		.msec-06 .cont li .btxt02{font-size:30px;}
		.msec-06 .cont li .btxt br{display:none;}
		.msec-06 .cont li .stxt{margin-top:15px;font-size:20px;}
		.msec-06 .cont li .stxt br{display:none;}

		.msec-06 .cont li a{height:62px; line-height:62px; font-size:18px;}
		.msec-06 .cont li a span{padding-left:35px;}
		.msec-06 .cont li a span:before{background-size:25px auto !important}
	}
	@media only screen and (max-width:680px) {
		.msec-06{margin-top:0px;}
		.msec-06 .tits h3{font-size:34px;}
		.msec-06 .cont{margin-top:0px;}
		
		.msec-06 .cont li{float:none; width:auto;padding:30px; height:200px; border-radius:20px;}
		.msec-06 .cont li:nth-child(n+2){margin-top:20px;}
		.msec-06 .cont li .txt{min-height:auto; padding-bottom:25px;}
		.msec-06 .cont li .btxt{font-size:25px;}
		.msec-06 .cont li .btxt02{font-size:25px;}
		.msec-06 .cont li .btxt br{display:block;}
		.msec-06 .cont li .stxt{margin-top:12px;font-size:17px;}

		.msec-06 .cont li a{height:54px; line-height:54px; font-size:16px;}
		.msec-06 .cont li a span{padding-left:30px;}
		.msec-06 .cont li a span:before{background-size:22px auto !important}

		.msec-06 .cont li:nth-child(1){background:url(../img/main/msec06-img01m.jpg) no-repeat left center; background-size:cover; }
		.msec-06 .cont li:nth-child(2){background:url(../img/main/msec06-img02m.jpg) no-repeat left center; background-size:cover; }
	}
	@media only screen and (max-width:480px) {

		.msec-06{background:#f5f7f8; }
		.msec-06:before{display:none; }
		.msec-06{padding:50px 0px 50px;}
		.msec-06 .tits h3{font-size:27px;}
		.msec-06 .cont li .btxt{font-size:21px;}
		.msec-06 .cont li .btxt02{font-size:21px;}
		.msec-06 .cont li .stxt{margin-top:10px;font-size:14px;}

		.msec-06 .cont li a{margin-top:40px;height:40px; line-height:40px; font-size:14px; width:140px;}
		.msec-06 .cont li a span{padding-left:20px;}
	}*/



/* ======================================================
   .msec-quick
=========================================================*/
.msec-quick{position:fixed; z-index:9123; width:75px;right:10px; margin-top:-30px; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);-webkit-transition: right 0.3s ease-in-out;-moz-transition: right 0.3s ease-in-out;-o-transition: right 0.3s ease-in-out;transition: right 0.3s ease-in-out;}
.msec-quick.over{right:-100px; }
.msec-quick dl{background:#f8f8f8;text-align:center; box-shadow: -7px 5px 14px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: -7px 5px 14px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: -7px 5px 14px rgba(0, 0, 0, 0.1)  ; border-radius:75px; overflow:hidden;}
.msec-quick dt{background:#f8f8f8;padding:10px 0px 10px 0px; }
.msec-quick dt a{display:block;  font-size:13px;  font-family:'GothamPro'; font-weight:600; color:#111; padding-top:30px; text-transform:uppercase;background:url(../img/Main/quick-ico01.png) no-repeat center top;}
.msec-quick dd{padding:10px 10px 20px 10px;}
.msec-quick dd a{display:block;  font-size:13px;font-weight:400; color:#555; letter-spacing:-0.03em; padding-top:40px; text-transform:uppercase;position:Relative;}
.msec-quick dd a:hover{ color:#f36f21;}

.msec-quick dd a:before{position:Absolute ;left:50%; margin-left:-20px;; top:0; width:40px;height:40px; border-radius:40px; display:block; content:"";-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-quick dd a:hover:before{-webkit-transform: translateY(-4px); -moz-transform: translateY(-4px);-ms-transform: translateY(-4px); -o-transform:  translateY(-4px);transform: translateY(-4px);}

.msec-quick dd:nth-child(2) a:before{background:url(../img/main/f-fam01.jpg) no-repeat center  center; }
.msec-quick dd:nth-child(3) a:before{background:url(../img/main/f-fam02.jpg) no-repeat center  center; }
.msec-quick dd:nth-child(4) a:before{background:url(../img/main/quick-ico04.jpg) no-repeat center  center; }
.msec-quick dd:nth-child(5) a:before{background:url(../img/main/quick-ico05.jpg) no-repeat center  center; }

.msec-quick dd:nth-child(2){padding-top:10px; }
.msec-quick dd:nth-child(5){padding-bottom:10px}
	@media only screen and (max-width:1580px){
		
	}
	@media only screen and (max-width:1440px) {
		.msec-quick{right:-150px !important}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}

/* ======================================================
  .msec-notice
=========================================================*/
.msec-notice{position:relative; padding-left:170px; padding-right:150px;}
.msec-notice:before{border-top:1px solid #ddd; position:absolute ;left:50%; width:20000px; margin-left:-10000px; top:0; display:block ;content:"";z-index:-1;}
.msec-notice h3{position:absolute; left:0; top:0;font-size:36px; height:95px;line-height:93px;font-family: 'GothamPro';color:#000; font-weight:700}
.msec-notice .item{position:relative;}
.msec-notice .item a{display:block; font-size:18px ;font-weight:400; color:#111;height:95px;line-height:93px; padding-right:90px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-notice .item a span{font-size:16px; font-weight:400; font-family:"Roboto"; position:absolute;right:0; top:0;}

.msec-notice .more{width:22px;height:22px; position:absolute;right:0; top:50%;margin-top:-11px;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-notice .more:before{width:0; height:100%; border-right:2px solid #333; position:Absolute; left:50%; margin-left:-1px; top:0;display:block; content:""}
.msec-notice .more:after{width:100%; height:0; border-bottom:2px solid #333; position:Absolute; left:0; margin-top:-1px; top:50%;display:block; content:""}
.msec-notice .more:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }


.msec-notice .prev{width:20px;height:14px; position:absolute;right:65px; top:27px;background:url(../img/main/notice-up.png) no-repeat center center; background-size:90% auto;}
.msec-notice .next{width:20px;height:14px; position:absolute;right:65px; bottom:27px;background:url(../img/main/notice-down.png) no-repeat center center; background-size:90% auto;}
	@media only screen and (max-width:1460px){
		.msec-notice{padding-right:180px; padding-left:160px;}
		.msec-notice h3{font-size:32px; height:90px;line-height:90px;}
		
		.msec-notice .prev{right:65px; top:24px;}
		.msec-notice .next{right:65px; bottom:24px;}

		.msec-notice .item a{line-height:90px;height:90px; font-size:17px;}
		.msec-notice .item a span{font-size:15px;}
	}
	@media only screen and (max-width:1280px){
		.msec-notice{padding-right:140px;padding-left:130px;}
		.msec-notice h3{font-size:28px; height:85px;line-height:85px;}
		
		.msec-notice .ctrl{height:85px}
		.msec-notice .prev{right:70px; top:24px;}
		.msec-notice .next{right:70px; bottom:24px;}

		.msec-notice .item a{line-height:85px; height:85px; font-size:16px;}
		.msec-notice .item a span{font-size:14px;}
	}
	@media only screen and (max-width:999px){
		.msec-notice{padding-right:100px;padding-left:120px;}
		.msec-notice h3{font-size:24px; height:80px;line-height:80px;}
		
		.msec-notice .more{width:18px; height:18px; margin-top:-9px;}
		.msec-notice .prev{right:40px; top:22px; width:16px}
		.msec-notice .next{right:40px; bottom:22px; width:16px}

		.msec-notice .item a{line-height:80px;height:80px; font-size:15px;}
		.msec-notice .item a span{font-size:13px;}
	}
	@media only screen and (max-width:680px){
		.msec-notice{padding-right:0; padding-left:0 ; padding-top:20px; padding-bottom:15px;}
		.msec-notice h3{font-size:20px; line-height:1.3em; position:Relative; left:auto; top:auto;  height:auto;margin-bottom:5px;}
		
		.msec-notice .more{width:14px; height:14px; top:24px; margin-top:0;}
		.msec-notice .prev{right:70px; top:17px; display:none;}
		.msec-notice .next{right:70px; bottom:17px;display:none;}

		.msec-notice .item a{line-height:38px; height:40px;font-size:14px; padding-right:80px;}
		.msec-notice .item a span{font-size:12px;}
	}
	@media only screen and (max-width:480px){
		
	}



/* ======================================================
   .msec-07
=========================================================*/
.msec-07{ position:relative;height:900px; box-sizing:border-box; overflow:hidden; padding:100px 0px 100px; margin-top:50px;}
.msec-07:after{width:20000px; left:50%; top:0;margin-left:-10000px;height:100%; display:block; content:""; background:#f0f0f0; z-index:-1; position:absolute;}
.msec-07 .tits{text-align:center;}
.msec-07 .tits h3{font-size:55px; font-weight:700;color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.msec-07 .tits p{font-size:18px; font-weight:400; color:#333; line-height:1.3em; letter-spacing:-0.045em; margin-top:25px}
.msec-07 .cont{margin:0 auto;margin-top:70px; position:relative;z-index:2; max-width:1240px;  padding: 0 20px;} 
.msec-07 .cont:after{width:20000px; left:50%; top:50%;margin-left:-10000px;height:1500px; display:block; content:""; background:#f0f0f0; z-index:-1; position:absolute;}

.msec-07 .ov{}

.msec-07 .tab{position:absolute; left:0; bottom:55px; width:100%;text-align:center; z-index:2255;}
.msec-07 .tab .tab-ov{position:relative;margin:0 auto; width:80%;max-width:624px;}
.msec-07 .tab ul{height:2px;}
.msec-07 .tab ul:before{width:100%;height:100%; background:#888789; position:Absolute ;left:0; top:0; display:block; content:""; z-index:-1}
.msec-07 .tab li{position:absolute;width:6px;height:6px; background:#fff; margin-left:-3px; top:50%; margin-top:-3px;border-radius:100%;}
.msec-07 .tab li:before{width:24px;height:24px; opacity:0;position:Absolute; border:1px solid #fff;border-radius:100%; z-index:2; left:50%; top:50%; display:block; content:""; box-sizing:border-box;position:absolute;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;transition: width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.msec-07 .tab li:hover:before,.msec-07 .tab li.active:before{width:44px;height:44px;opacity:1;}
.msec-07 .tab li a{display:block; width:44px;height:44px;position:Absolute ; z-index:12;left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.msec-07 .tab li p{font-size:16px; font-weight:400; color:#fff; opacity:0.5;text-align:center; position:absolute; width:280px; letter-spacing:-0.03em; line-height:1.2em; left:50%; top:-50px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-07 .tab li.active p{opacity:1;}

.msec-07 .tab li:nth-child(1){left:0;}
.msec-07 .tab li:nth-child(2){left:50%;}
.msec-07 .tab li:nth-child(3){margin-left:0; margin-right:-3px;right:0;}
.msec-07 .tab .under{position:Absolute; left:0; top:0; width:0;height:100%; background:#fff; z-index:-1}

.msec-07 .tab-con.hide{display:none}

.msec-07 .vbox{position:relative; box-sizing:border-box;}
.msec-07 .vbox:after{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1231; display:block; content:"";}
.msec-07 .vbox.active:after{display:none;}
.msec-07 .vbox .play{width:100px;height:100px;z-index:5122;background:url(../img/main/movie-play-.png) no-repeat center center;border-radius:100%; left:50%; top:50%; position:absolute;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.msec-07 .vbox .progress-bar{position:absolute; width:100px !important;height:100px !important;z-index:3664; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.msec-07 .vbox iframe{width:100% !important; height:550px !important;object-fit:fill;}

.msec-07 .lower{text-align:center;margin-top:35px; position:relative; z-index:1234;}
.msec-07 .lower .all-btn{display:inline-block;vertical-align:top; line-height:26px; padding-left:50px;background:url(../img/main/ico-youtube.png) no-repeat left center; font-size:15px; font-weight:400; color:#fff; letter-spacing:-0.03em;}
.msec-07 .lower .all-btn span{display:inline-block;vertical-align:top; position:relative;}
.msec-07 .lower .all-btn span:after{width:0;height:1px; position:absolute ;left:0; bottom:-1px; display:block; content:"";background:#fff;-webkit-transition: width 0.3s ease-in-out;-moz-transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;transition: width 0.3s ease-in-out;}
.msec-07 .lower .all-btn:hover span:after{width:100%;}
	@media only screen and (max-width:1440px){
		.msec-07 .tits h3{font-size:49px;}
		.msec-07 .tits p{font-size:17px; margin-top:15px;}
		.msec-07 .tab li p{font-size:15px;}

		.msec-07 .vbox iframe{height:500px !important;}
		.msec-07 .vbox .play{width:80px ;height:80px; background-size:80px auto}
		.msec-07 .vbox .progress-bar{width:80px !important;height:80px !important;}
	}
	@media only screen and (max-width:1200px){
		.msec-07{padding:100px 0; height:auto !important}
		.msec-07 .tits h3{font-size:41px;}
		.msec-07 .tits p{font-size:16px;}
		.msec-07 .cont{margin-top:50px;}

		.msec-07 .tab .tab-ov{max-width:540px;}
		.msec-07 .tab li p{font-size:14px;}
		
		.msec-07 .vbox iframe{height:450px !important;}
		.msec-07 .vbox .play{width:60px ;height:60px; background-size:60px auto}
		.msec-07 .vbox .progress-bar{width:60px !important;height:60px !important;}
	}
	@media only screen and (max-width:999px){
		.msec-07{padding:70px 0}
		.msec-07 .tits h3{font-size:35px;}
		.msec-07 .tits p{font-size:15px;}
		.msec-07 .cont{margin-top:30px; }
		
		.msec-07 .tab{bottom:30px;}
		.msec-07 .tab .tab-ov{max-width:400px;}
		.msec-07 .tab li:before{width:12px;height:12px;}
		.msec-07 .tab li:hover:before,.msec-07 .tab li.active:before{width:28px;height:28px;}
		.msec-07 .tab li a{width:28px;height:28px}
		.msec-07 .tab li p{font-size:13px; top:-55px}
		.msec-07 .tab li:nth-child(1) p{width:130px}
		.msec-07 .tab li:nth-child(2) p{width:110px}
		.msec-07 .tab li:nth-child(3) p{width:140px}
		
		.msec-07 .vbox iframe{height:400px !important;}
		.msec-07 .vbox .play{width:50px ;height:50px; background-size:50px auto}
		.msec-07 .vbox .progress-bar{width:50px !important;height:50px !important;}
		
		.msec-07 .lower{margin-top:25px;}
		.msec-07 .lower .all-btn{font-size:14px; padding-left:45px; background-size:32px auto;}
	
	}
	@media only screen and (max-width:680px){
		.msec-07{padding:50px 0}
		.msec-07 .tits h3{font-size:27px;}
		.msec-07 .cont{padding:0;}

		.msec-07 .tab .tab-ov{max-width:320px;}
		.msec-07 .tab li p{font-size:12px; top:-50px}
		.msec-07 .tab li:nth-child(1) p{width:120px}
		.msec-07 .tab li:nth-child(2) p{width:100px}
		.msec-07 .tab li:nth-child(3) p{width:140px}

		.msec-07 .vbox iframe{height:320px !important;}
	}
	@media only screen and (max-width:480px){
		.msec-07 .tab .tab-ov{max-width:230px;}
		.msec-07 .tab li p{font-size:11px;}
		.msec-07 .tab li:nth-child(1) p{width:110px}
		.msec-07 .tab li:nth-child(2) p{width:90px}
		.msec-07 .tab li:nth-child(3) p{width:140px}

		.msec-07 .vbox iframe{height:250px !important;}

		.msec-07 .lower .all-btn{padding-left:40px; background-size:28px auto;}
	}


/* ======================================================
   .msec-abc{}
=========================================================*/
	@media only screen and (min-width:1200px){
		.msec-abc{position:absolute; left:0; top:0; box-sizing:border-box; padding-top:90px; width:100%;height:100%;display:flex;align-items: center; justify-content: center;}
	}
	@media only screen and (min-width:1000px){
		.msec-abc .ovc{position:relative;width:100%; max-width:1440px;  padding-left:20px; box-sizing:border-box; padding-right:20px; }
	}
	@media only screen and (max-width:999px){
		.msec-abc .ovc{padding-left:15px; padding-right:15px;}
	}