@charset "utf-8";


/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{padding:0 50px;position:relative; }
.visual-slide{min-height:700px ;}
.visual-slide .item{position:relative;}
.visual-slide .item img{width:100%;height:700px;object-fit:cover;transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);-webkit-transition: transform 6s linear;-moz-transition: transform 6s linear;-o-transition: transform 6s linear;transition: transform 6s linear;}
.visual-slide .item .txt{position:absolute; width:100%; box-sizing:border-box; text-align:left; padding:0 200px;  left:50%; top:270px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.visual-slide .item .txt p{font-size:40px;  color:#fff; font-weight:400; letter-spacing:-0.03em; line-height:1.3em;overflow:hidden;}
.visual-slide .item .txt p span{display:block;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%); -ms-transform:translateY(100%);-o-transform:translateY(100%);-webkit-transition: opacity 1s ease-out, transform 1.25s ease-out;;-moz-transition:opacity 1s ease-out, transform 1.25s ease-out;;-o-transition: opacity 1s ease-out, transform 1.25s ease-out;;transition: opacity 1s ease-out, transform 1.25s ease-out;}

.visual-slide.ani .slick-active.item img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
.visual-slide.ani .slick-active.item .txt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.visual-slide.ani .slick-active.item .txt p:nth-child(1) span{transition-delay:0.5s;}
.visual-slide.ani .slick-active.item .txt p:nth-child(2) span{transition-delay:1.0s;}
.visual-slide.ani .slick-active.item .txt p:nth-child(3) span{transition-delay:1.5s;}

.msec-visual .img.desktop{display:block;}
.msec-visual .img.mobile{display:none;}
	@media only screen and (max-width:1800px) {
		.visual-slide{min-height:700px ;}
		.visual-slide .item img{height:700px;}
	}
	@media only screen and (max-width:1600px) {
		.visual-slide{min-height:600px ;}
		.visual-slide .item img{height:600px;}
		.visual-slide .item .txt{padding:0 100px; top:110px;}
		.visual-slide .item .txt p{font-size:36px;} 
	}
	@media only screen and (max-width:1400px) {
		.visual-slide{min-height:600px ;}
		.visual-slide .item img{height:600px;}
		.visual-slide .item .txt{padding:0 80px; top:95px;}
		.visual-slide .item .txt p{font-size:32px;} 
	}
	@media only screen and (max-width:1185px) {
		.msec-visual{padding:0 20px;}
		.visual-slide{min-height:600px ;}
		.visual-slide .item img{height:600px;}
		.visual-slide .item .txt{padding:0 60px; top:80px;}
		.visual-slide .item .txt p{font-size:28px;} 
	}
	@media only screen and (max-width:999px) {
		.visual-slide{min-height:600px ;}
		.visual-slide .item img{height:600px;}
		.visual-slide .item .txt{padding:0 40px; top:65px;}
		.visual-slide .item .txt p{font-size:25px;} 
	}
	@media only screen and (max-width:680px) {
		.msec-visual{padding:0 15px;}
		.visual-slide{min-height:500px ;}
		.visual-slide .item img{height:500px;}
		.visual-slide .item .txt{top:200px; padding:0 30px;}	
		.visual-slide .item .txt p{font-size:22px;} 

		.msec-visual .img.desktop{display:none;}
		.msec-visual .img.mobile{display:block;}
	}
	@media only screen and (max-width:480px) {
		.visual-slide{min-height:400px ;}
		.visual-slide .item img{height:400px;}

	}


.msec-visual .ctrl{}
.msec-visual .ctrl .prev{width:64px;height:24px; left:95px; top:50%; margin-top:-12px; position:absolute; z-index:912; overflow:hidden;}
.msec-visual .ctrl .prev:before{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(../img/main/visual-prev.png) no-repeat left center; display:block; content:"";clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}
.msec-visual .ctrl .prev:after{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(../img/main/visual-prev.png) no-repeat left center; display:block; content:"";clip-path:inset(0 0 0 100%);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .ctrl .next{width:64px;height:24px; right:95px; top:50%; margin-top:-12px; position:absolute; z-index:912; overflow:hidden;}
.msec-visual .ctrl .next:before{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(../img/main/visual-next.png) no-repeat right center; display:block; content:"";clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}
.msec-visual .ctrl .next:after{position:absolute; left:0; top:0; width:64px; height:100%; ;background:url(../img/main/visual-next.png) no-repeat right center; display:block; content:"";clip-path:inset(0 100% 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .ctrl .prev:hover:before {clip-path:inset(0 100% 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1)}
.msec-visual .ctrl .prev:hover:after {clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .ctrl .next:hover:before {clip-path:inset(0 0 0 100%);transition:clip-path .2s cubic-bezier(.61,1,.88,1)}
.msec-visual .ctrl .next:hover:after {clip-path:inset(0 0 0 0);transition:clip-path .2s cubic-bezier(.61,1,.88,1) .3s}

.msec-visual .slick-dots{position:absolute; left:0;  width:100%; text-align:center; height:1px;  z-index:2855; box-sizing:border-box;text-align:center; bottom:65px;}
.msec-visual .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:1px;max-width:1600px; margin:0 -1%; display:inline-block;vertical-align:top; box-sizing:border-box; padding:0 100px}
.msec-visual .slick-dots ul:after{display:block; content:"";clear:both;}
.msec-visual .slick-dots li{float:none; display:inline-block;vertical-align:top;background:rgba(255,255,255,0.3); width:84px;height:1px; text-align:left;position:relative; margin:0 3px; padding:0;}
.msec-visual .slick-dots li.slick-active{background:#fff;}
.msec-visual .slick-dots li button{border:none; height:10px; margin:0 ;padding:0; display:block; width:100%; position:absolute; left:0; top:50%; margin-top:-5px;}
	@media only screen and (max-width:1600px) {
		.msec-visual .ctrl .prev{left:80px}
		.msec-visual .ctrl .next{right:80px}
	}
	@media only screen and (max-width:1400px){
		.msec-visual .slick-dots{bottom:50px}
		.msec-visual .slick-dots li{width:70px}

		.msec-visual .ctrl .prev{left:65px;}
		.msec-visual .ctrl .next{right:65px; }

		.msec-visual .ctrl .prev:before{ background-size:80% auto;}
		.msec-visual .ctrl .prev:after{ background-size:80% auto;}
		.msec-visual .ctrl .next:before{ background-size:80% auto;}
		.msec-visual .ctrl .next:after{ background-size:80% auto;}
	}
	@media only screen and (max-width:1185px){
		.msec-visual .ctrl .prev{left:50px}
		.msec-visual .ctrl .next{right:50px}
	}
	@media only screen and (max-width:999px){
		.msec-visual .slick-dots{bottom:30px}
		.msec-visual .slick-dots li{width:50px}

		.msec-visual .ctrl .prev{left:35px;}
		.msec-visual .ctrl .next{right:35px;}

		.msec-visual .ctrl .prev:before{ background-size:60% auto;}
		.msec-visual .ctrl .prev:after{ background-size:60% auto;}
		.msec-visual .ctrl .next:before{ background-size:60% auto;}
		.msec-visual .ctrl .next:after{ background-size:60% auto;}
	}
	@media only screen and (max-width:680px){
		.msec-visual .slick-dots li{width:30px}

		.msec-visual .ctrl .prev:before{ background-size:40% auto;}
		.msec-visual .ctrl .prev:after{ background-size:40% auto;}
		.msec-visual .ctrl .next:before{ background-size:40% auto;}
		.msec-visual .ctrl .next:after{ background-size:40% auto;}
	}
	@media only screen and (max-width:480px){
	
	}



/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{padding:0 50px;}
	@media only screen and (max-width:1800px) {
		
	}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-cont{padding:0 20px;}	
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		.msec-cont{padding:0 15px;}	
	}
	@media only screen and (max-width:480px) {
		
	}




/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; padding:90px 0}
.msec-01 .tits{text-align:center;}
.msec-01 .tits h3{font-size:30px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.4em;}
.msec-01 .cont{margin-top:100px;}
.msec-01 .cont ul{}
.msec-01 .cont ul:after{display:block; content:"";clear:both;}
.msec-01 .cont li{float:left; width:50%;position:relative;}
.msec-01 .cont li a{height:600px;position:relative; display:block;background:rgba(0,0,0,0.05); }
.msec-01 .cont li .img{position:relative; opacity:1; z-index:2;-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}
.msec-01 .cont li .img:after{position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:""; background:rgba(0,0,0,0.5); opacity:0;-webkit-transition: opacity 0.85s ease-out;-moz-transition: opacity 0.85s ease-out;-o-transition: opacity 0.85s ease-out;transition: opacity 0.85s ease-out;}
.msec-01 .cont li .img img{width:100%;height:600px;object-fit:cover;}
.msec-01 .cont li .vc{text-align:center;display:flex;align-items: center; justify-content: center; position:Absolute; left:0; top:0; width:100%;height:100%; z-index:3;}
.msec-01 .cont li .txt{width:100%; text-align:center;}
.msec-01 .cont li .txt .btxt{ padding-top:90px;margin-bottom:30px;font-size:36px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;position:Relative;-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}
.msec-01 .cont li .txt .btxt:before{width:100%;height:43px; left:0; top:0; position:Absolute; display:block; content:"";background-size:100px auto !important;-webkit-transition: transform 0.5s ease-out;-moz-transition: transform 0.5s ease-out;-o-transition: transform 0.5s ease-out;transition: transform 0.5s ease-out;}
.msec-01 .cont li .txt .stxt{margin-top:5px;font-size:19px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.6em;-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}
.msec-01 .cont li .txt .ctxt{margin-top:20px;font-size:15px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.6em;}
.msec-01 .cont li .txt .arrow{margin-top:50px;display:inline-block;vertical-align:top; width:25px;height:10px; position:Relative;}
.msec-01 .cont li .txt .arrow:after{background:url(../img/main/msec01-arrow.png) no-repeat center center; position:absolute ;left:0; top:0; width:100%;height:100%;display:block ;content:"";}

	@media only screen and (max-width:1800px) {
		.msec-01 .cont li a{height:550px}
		.msec-01 .cont li .img img{height:550px;}
		.msec-01 .cont li .txt .btxt{font-size:22px; padding-top:100px;}
		.msec-01 .cont li .txt .btxt:before{height:70px; background-size:70px auto !important;}
		.msec-01 .cont li .txt .stxt{margin-top:20px; font-size:15px;}
		.msec-01 .cont li .txt .arrow{margin-top:40px;}
	}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		.msec-01 .cont li a{height:500px}
		.msec-01 .cont li .img img{height:500px;}
		.msec-01 .cont li .txt .btxt{font-size:20px; padding-top:90px;}
		.msec-01 .cont li .txt .btxt:before{height:65px; background-size:65px auto !important;}
		.msec-01 .cont li .txt .stxt{margin-top:15px; font-size:14px;}
		.msec-01 .cont li .txt .arrow{margin-top:30px;}
	}
	@media only screen and (max-width:1185px) {
		
		.msec-01 .cont li{width:100%}
		.msec-01 .cont li a{height:450px}
		.msec-01 .cont li .img img{height:450px;}
		.msec-01 .cont li .txt .btxt{ padding-top:80px;}
		.msec-01 .cont li .txt .btxt:before{height:60px; background-size:60px auto !important;}
		.msec-01 .cont li:nth-child(even):before{border-left:1px solid #dedede; left:0; top:0; height:100%; display:block ;content:"";z-index:-1; position:absolute;}
		.msec-01 .cont li:nth-child(n+3):before{border-top:1px solid #dedede; left:0; top:0; width:100%; display:block ;content:"";z-index:-1; position:absolute;}

		.msec-01 .cont li .txt .arrow:after{background-size:90% auto;}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .cont li a{height:400px}
		.msec-01 .cont li .img img{height:400px;}
		.msec-01 .cont li .txt .btxt{font-size:18px; padding:0 10px;padding-top:75px;}
		.msec-01 .cont li .txt .btxt:before{height:54px; background-size:54px auto !important;}
		.msec-01 .cont li .txt .stxt{margin-top:5px; font-size:14px; padding:0 10px;}

		.msec-01 .cont li .txt .arrow{margin-top:20px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01 .cont li a{height:360px}
		.msec-01 .cont li .img img{height:360px;}
		.msec-01 .cont li .txt .btxt{font-size:16px; padding-top:60px;}
		.msec-01 .cont li .txt .btxt:before{height:44px; background-size:44px auto !important;}
		.msec-01 .cont li .txt .stxt{font-size:15px; /*min-height:42px;*/}
		.msec-01 .cont li .txt .stxt br{display:none;}
		.msec-01 .cont li .txt .arrow:after{background-size:80% auto;}

		.msec-01 .tits h3{font-size:18px; font-weight:500; }
		.msec-01 .tits h3 br{display:none; }
	}
	@media only screen and (max-width:480px) {
		.msec-01 .cont li a{height:340px}
		.msec-01 .cont li .img img{height:340px;}
		.msec-01 .cont li .txt .btxt{font-size:20px; padding-top:50px;margin-bottom:15px;}
		.msec-01 .cont li .txt .btxt:before{height:30px; background-size:52px auto !important; top:10px;}
		.msec-01 .cont li .txt .stxt{font-size:14px; /*min-height:54px;*/}
		.msec-01 .cont li .txt .arrow:after{background-size:60% auto;}

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

.msec-01 .cont li:nth-child(1) .txt .btxt:before{background:url(../img/main/msec01-ico01o.png) no-repeat center top}
.msec-01 .cont li:nth-child(2) .txt .btxt:before{background:url(../img/main/msec01-ico02o.png) no-repeat center top}
.msec-01 .cont li:nth-child(3) .txt .btxt:before{background:url(../img/main/msec01-ico03.png) no-repeat center top}
.msec-01 .cont li:nth-child(4) .txt .btxt:before{background:url(../img/main/msec01-ico04.png) no-repeat center top}

.msec-01 .cont li:nth-child(1) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico01o.png) no-repeat center top}
.msec-01 .cont li:nth-child(2) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico02o.png) no-repeat center top}
.msec-01 .cont li:nth-child(3) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico03o.png) no-repeat center top}
.msec-01 .cont li:nth-child(4) a:hover .txt .btxt:before{background:url(../img/main/msec01-ico04o.png) no-repeat center top}


.msec-01 .cont li a:hover .img{opacity:1;}
.msec-01 .cont li a:hover .img:after{opacity:1;}
.msec-01 .cont li a:hover .txt .btxt:before{-webkit-transform: translateY(-7px); -moz-transform: translateY(-7px);-ms-transform: translateY(-7px); -o-transform:  translateY(-7px);transform: translateY(-7px);}
.msec-01 .cont li a:hover .txt .btxt{color:#fff;}
.msec-01 .cont li a:hover .txt .stxt{color:#fff;}
.msec-01 .cont li a:hover .txt .arrow:after{background-image:url(../img/main/msec01-arrowo.png);-webkit-animation: secBtnAnimate1 1.4s infinite; -moz-animation: secBtnAnimate1 1.4s infinite; -o-animation: secBtnAnimate1 1.4s infinite;  animation: secBtnAnimate1 1.4s infinite;}
	@keyframes secBtnAnimate1 {
		0% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		50% {left:10px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		100% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
	}
	@-webkit-keyframes secBtnAnimate1 {
		0% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		50% {left:10px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		100% {left:0;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
	}




/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; padding:120px 200px 80px 200px;}
.msec-02:after{position:absolute; left:0; top:0; width:100%;height:100%; background:#f5f5f5; z-index:-1; display:block; content:"";z-index:-1;}
.msec-02 .tits{position:relative;}
.msec-02 .tits p{position:absolute;right:0; top:0; font-size:20px; color:#111; font-weight:400; line-height:1.3em;}
.msec-02 .tits h3{font-size:48px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.5em; letter-spacing:-0.03em;}

.msec-02 .cont{margin-top:30px;}
.msec-02 .cont .btit{font-size:30px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.5em; letter-spacing:-0.03em; margin-bottom:20px;}
.msec-02 .cont ul{margin:0 -10px;}
.msec-02 .cont ul:after{display:block ;content:"";clear:both}
.msec-02 .cont li{float:left; width:calc(25% - 20px); margin:0 10px;}
.msec-02 .cont li:nth-child(n+5){margin-top:20px;}
.msec-02 .cont li a{display:block; position:relative;}
.msec-02 .cont li .img{position:relative; overflow:hidden; z-index:1}
.msec-02 .cont li .img img{width:100%;object-fit:cover; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont li .img:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.55); display:block; content:""; opacity:0; -webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-o-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}

.msec-02 .cont li a:hover .img img{transform:scale(1.1) translateX(4%)}
.msec-02 .cont li a:hover .img:after{opacity:1;}

/*.msec-02 .cont li .txt{position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:35px 40px; z-index:2;}
.msec-02 .cont li .txt .btxt{position:relative;font-size:20px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.2em;-webkit-transform:translateY(15px);-moz-transform:translateY(15px); -ms-transform:translateY(15px);-o-transform:translateY(15px);opacity:0;-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.msec-02 .cont li .txt .stxt{position:relative;font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.2em; margin-top:10px;-webkit-transform:translateY(15px);-moz-transform:translateY(15px); -ms-transform:translateY(15px);-o-transform:translateY(15px);opacity:0;-webkit-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;-moz-transition:opacity 0.5s ease-out, transform 0.5s ease-out;;-o-transition: opacity 0.5s ease-out, transform 0.5s ease-out;;transition: opacity 0.5s ease-out, transform 0.5s ease-out;} */


.msec-02 .cont li .txt{margin-top:25px; box-sizing:border-box; min-height:80px;  text-align:center;}
.msec-02 .cont li .txt .btxt{font-size:20px; font-weight:600; color:#111; letter-spacing:-0.03em; line-height:1.2em; position:relative;}
.msec-02 .cont li .txt .stxt{font-size:16px; font-weight:400; color:#555; letter-spacing:-0.04em; line-height:1.2em; margin-top:10px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp:2; -webkit-box-orient: vertical; }


.msec-02 .cont li a:hover .txt .btxt{transition-delay:0.2s; opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-02 .cont li a:hover .txt .stxt{transition-delay:0.4s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}

.msec-02 .cont .more{margin-top:35px;text-align:center;}
.msec-02 .cont .more a{display:inline-block;vertical-align:top; line-height:40px; font-size:16px; color:#111; letter-spacing:-0.03em; padding:0 14px; position:Relative;}
.msec-02 .cont .more a:after{position:absolute ;left:0 ; bottom:0; width:100%; border-bottom:1px solid #111; display:block; content:""}
.msec-02 .cont .more a:hover:after{-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
	@media only screen and (max-width:1800px) {
		.msec-02 .tits h3{font-size:46px;}
	}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		.msec-02{padding:100px 50px 60px 50px}
		.msec-02 .tits h3{font-size:52px;}
		.msec-02 .tits p{font-size:27px;}
		
		.msec-02 .cont{margin-top:50px;}
		.msec-02 .cont li .txt{padding:30px}
		.msec-02 .cont li .txt .btxt{font-size:22px;}
		.msec-02 .cont li .txt .stxt{font-size:16px; margin-top:7px;}

		.msec-02 .cont .more a{font-size:15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-02{padding:80px 20px 40px 20px; width:calc(100% + 40px);margin-left:-20px;box-sizing:border-box;}
		.msec-02 .tits h3{font-size:48px;}
		.msec-02 .tits p{font-size:24px;}
		
		.msec-02 .cont{margin-top:40px;}
		.msec-02 .cont li .txt{padding:25px}
		.msec-02 .cont li .txt .btxt{font-size:20px;}
		.msec-02 .cont li .txt .stxt{font-size:14px; margin-top:5px;}

		.msec-02 .cont .more a{font-size:14px; line-height:35px;}
	}
	@media only screen and (max-width:999px) {
		.msec-02{padding:60px 20px 40px 20px;} 
		.msec-02 .cont li{width:calc(50% - 20px); margin:0 10px;}
		.msec-02 .cont li:nth-child(n+3){margin-top:20px;}

		.msec-02 .tits h3{font-size:44px;}
		.msec-02 .tits p{font-size:21px;}
		
		.msec-02 .cont{margin-top:30px;}
		.msec-02 .cont li .txt{padding:20px}
		.msec-02 .cont li .txt .btxt{font-size:18px;}
		.msec-02 .cont li .txt .stxt{font-size:13px; margin-top:5px;}
			
		.msec-02 .cont .more{margin-top:25px}
		.msec-02 .cont .more a{font-size:14px; line-height:35px;}

	}
	@media only screen and (max-width:680px) {
		.msec-02 .tits h3{font-size:38px;}
		.msec-02 .tits p{font-size:18px;}
		
		.msec-02 .cont{margin-top:20px;}
		.msec-02 .cont ul{ margin:0 -5px;}
		.msec-02 .cont li{width:calc(50% - 10px); margin:0 5px;}
		.msec-02 .cont li:nth-child(n+3){margin-top:10px;}
		
		.msec-02 .cont li .txt {padding:15px 0px; margin-top:0px; height:60px; }
		.msec-02 .cont li .txt .btxt{font-size:16px;}
		.msec-02 .cont li .txt .stxt{font-size:12px;margin-top:3px;}

		.msec-02 .cont .more a{font-size:16px; line-height:30px; padding:0 10px;}
	}
	@media only screen and (max-width:480px) {
		.msec-02 .tits h3{font-size:32px;}  
		.msec-02 .tits p{font-size:16px;}   
		.msec-02 .cont li .txt .btxt{font-size:18px;}
		.msec-02 .cont li .txt .stxt{font-size:16px;}
	}
.msec-02 .pro-dots{font-size:0;text-align:right;height:8px; position:absolute; right:0; bottom:10px;}
.msec-02 .owl-dot{cursor:pointer;width:12px;height:12px; display:inline-block;vertical-align:top;position:Relative;overflow:hidden;}
.msec-02 .owl-dot:nth-child(n+2){margin-left:15px;}
.msec-02 .owl-dot:after{width:100%;height:100%; border:1px solid #111; display:block; content:""; box-sizing:Border-box; position:absolute;left:0; top:0;}
.msec-02 .owl-dot:before{width:100%;height:100%; background: #111; display:block; content:""; box-sizing:Border-box; position:absolute; left:0; top:100%;-webkit-transition: top 0.3s ease-out;-moz-transition: top 0.3s ease-out;-o-transition: top 0.3s ease-out;transition: top 0.3s ease-out;}
.msec-02 .owl-dot:hover:before{top:0;}
.msec-02 .owl-dot.active:before{top:0;}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-02 .owl-dot:nth-child(n+2){margin-left:10px;}
	}
	@media only screen and (max-width:680px) {
		.msec-02 .pro-dots{height:6px; bottom:5px;}
		.msec-02 .owl-dot{width:6px;height:6px;}
		.msec-02 .owl-dot:nth-child(n+2){margin-left:8px;}
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative;padding:100px 0 100px 65px;}
.msec-03 .tits{position:Absolute ;left:65px; top:155px; height:calc(100% - 310px)}
.msec-03 .tits h3{font-size:36px;  color:#111 ; letter-spacing:-0.03em; line-height:1.3em; font-weight:400;}

.msec-03 .cont{position:relative; padding-left:465px;}
.msec-03 .item{}
.msec-03 .item a{display:block; }
.msec-03 .item .img{overflow:hidden;}
.msec-03 .item .img img{width:100%; /* height:315px;object-fit:cover; */-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-03 .item .txt{margin-top:40px;}
.msec-03 .item .txt .btxt{font-size:24px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.3em; min-height:62px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.msec-03 .item .txt .stxt{margin-top:20px;font-size:15px; font-weight:300; color:#111; letter-spacing:-0.03em; line-height:1.3em;}
.msec-03 .item a:hover .img img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05);  -o-transform:scale(1.05);  transform:scale(1.05);}
	@media only screen and (max-width:1800px) {
		.msec-03{padding:130px 0 130px 50px; }
		.msec-03 .tits{ height:calc(100% - 260px); top:130px; left:50px}
		.msec-03 .cont{padding-left:430px;}
		.msec-03 .item .txt .btxt br{display:none}
	}
	@media only screen and (max-width:1600px) {
		.msec-03 .cont{padding-left:400px;}
		
	}
	@media only screen and (max-width:1400px) {
		.msec-03{padding:100px 0 100px 50px;}
		.msec-03 .tits{ height:calc(100% - 200px); top:100px; left:50px}
		.msec-03 .tits h3{font-size:33px;}

		.msec-03 .cont{ padding-left:360px;}
		.msec-03 .item .txt{margin-top:35px;}
		.msec-03 .item .txt .btxt{font-size:22px;min-height:58px;}
		.msec-03 .item .txt .stxt{margin-top:15px;font-size:14px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03{padding:100px 0 100px 20px;}
		.msec-03 .tits{ height:calc(100% - 200px); top:100px; left:20px}
		.msec-03 .tits h3{font-size:30px;}
		.msec-03 .cont{ padding-left:320px}
	}
	@media only screen and (max-width:999px) {
		.msec-03{padding:80px 0 80px 0;}
		.msec-03 .tits{position:relative; left:auto; top:auto; height:auto;}
		.msec-03 .tits h3{font-size:27px}
		.msec-03 .tits h3 br{display:none;}
		.msec-03 .cont{margin-top:20px; padding-left:0;}
		
		.msec-03 .item .txt{margin-top:30px;}
		.msec-03 .item .txt .btxt{font-size:20px;min-height:52px;}
		.msec-03 .item .txt .stxt{margin-top:15px;font-size:13px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03{padding:60px 0;}
		.msec-03 .tits h3{font-size:24px}
		.msec-03 .item .txt{margin-top:25px;}
		.msec-03 .item .txt .btxt{font-size:18px; min-height:auto;}
		.msec-03 .item .txt .stxt{margin-top:10px; font-size:12px;}
	}
	@media only screen and (max-width:480px) {
		.msec-03 .tits h3{font-size:21px}
	}

.msec-03 .ex-dots{font-size:0;height:8px; position:absolute; left:0; bottom:0;}
.msec-03 .owl-dot{cursor:pointer;width:8px;height:8px; display:inline-block;vertical-align:top;position:Relative;overflow:hidden;}
.msec-03 .owl-dot:nth-child(n+2){margin-left:15px;}
.msec-03 .owl-dot:after{width:100%;height:100%; border:1px solid #111; display:block; content:""; box-sizing:Border-box; position:absolute;left:0; top:0;}
.msec-03 .owl-dot:before{width:100%;height:100%; background: #111; display:block; content:""; box-sizing:Border-box; position:absolute; left:0; top:100%;-webkit-transition: top 0.3s ease-out;-moz-transition: top 0.3s ease-out;-o-transition: top 0.3s ease-out;transition: top 0.3s ease-out;}
.msec-03 .owl-dot:hover:before{top:0;}
.msec-03 .owl-dot.active:before{top:0;}
	@media only screen and (max-width:1600px) {
		
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-03 .ex-dots{position:relative; left:auto; bottom:auto; margin-top:25px;}
		.msec-03 .owl-dot:nth-child(n+2){margin-left:10px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .ex-dots{height:6px;}
		.msec-03 .owl-dot{width:6px;height:6px;}
		.msec-03 .owl-dot:nth-child(n+2){margin-left:8px;}
	}
	@media only screen and (max-width:480px) {
		
	}




/*=======================================================
  .msec-04
=========================================================*/
.msec-04{position:relative; padding:90px 0}
.msec-04:after{border-bottom:1px solid #eee;box-sizing:Border-box; position:absolute; left:50%; width:20000px; top:0 ; height:100%; z-index:-1; display:block ;content:""; z-index:-1; margin-left:-10000px;}

.msec-04 .tits{text-align:center;}
.msec-04 .tits h3{font-size:48px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.msec-04 .cont{margin-top:60px;}
.msec-04 .cont ul{margin:0 -10px}
.msec-04 .cont ul:after{display:block ;content:"";clear:both;}
.msec-04 .cont li{float:left;width:calc(25% - 20px);margin:0 10px;}
.msec-04 .cont li a{display:block;}
.msec-04 .cont li .img{border-radius:0px; overflow:hidden;}
.msec-04 .cont li .img img{width:100%;object-fit:cover;object-fit:cover; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-04 .cont li .txt{margin-top:0px; box-sizing:border-box; min-height:100px; text-align:center;}
.msec-04 .cont li .txt .btxt{font-size:20px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; position:relative;}
.msec-04 .cont li .txt .stxt{font-size:16px; font-weight:400; color:#444; letter-spacing:-0.04em; line-height:1.4em; margin-top:12px;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp:2; -webkit-box-orient: vertical; }

.msec-04 .cont li a:hover .img img{transform:scale(1.1) translateY(-4%)}
	@media only screen and (max-width:1240px){
		.msec-04{padding:70px 0}
		.msec-04 .tits h3{font-size:32px;} 

		.msec-04 .cont{margin-top:40px;}
		.msec-04 .cont li .txt{margin-top:20px; min-height:140px}
		.msec-04 .cont li .txt .btxt{font-size:22px;}
		.msec-04 .cont li .txt .stxt{font-size:15px;} 
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-04{padding:50px 0}
		.msec-04 .tits h3{font-size:28px;}
		.msec-04 .cont{margin-top:30px;}
		.msec-04 .cont ul{margin:0 -10px}
		.msec-04 .cont li{width:calc(50% - 20px); margin:0 10px;}
		.msec-04 .cont li:nth-child(n+3){margin-top:20px;}
		.msec-04 .cont li .txt{margin-top:15px; min-height:120px}
		.msec-04 .cont li .txt .btxt{font-size:20px;}
		.msec-04 .cont li .txt .stxt{font-size:14px;} 
	}
	@media only screen and (max-width:680px) {
		.msec-04 .tits h3{font-size:24px;}
		.msec-04 .cont ul{margin:0 -5px}
		.msec-04 .cont li{width:calc(50% - 10px); margin:0 5px;}
		.msec-04 .cont li:nth-child(n+3){margin-top:10px;}
		.msec-04 .cont li .txt{min-height:100px}
		.msec-04 .cont li .txt .btxt{font-size:18px;}
		.msec-04 .cont li .txt .stxt{font-size:16px; margin-top:7px;} 
	}
	@media only screen and (max-width:480px) {
		.msec-04 .tits h3{font-size:30px;}
		.msec-04 .cont li .txt{min-height:50px}
		.msec-04 .cont li .img img{height:120px;}
	}


/* ======================================================
   .msec-05
=========================================================*/
.msec-05{position:relative; padding:110px 0;}
.msec-05:after{background:#fff; position:absolute ;left:50%; top:0;margin-left:-10000px; width:20000px;height:100%; display:block ;content:"";z-index:-1;}
.msec-05 .tits{text-align:center;}
.msec-05 .tits h3{/*font-family: 'GongGothicMedium';*/ font-size:48px; letter-spacing:-0.03em; line-height:1.2em; color:#111; }
.msec-05 .cont{position:relative;max-width:1700px; box-sizing:border-box; padding:0 20px; margin:0 auto; margin-top:35px;}
	@media only screen and (max-width:1700px) {
		.msec-05{margin-top:120px; padding:90px 0}
		.msec-05 .tits h3{font-size:37px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-05{margin-top:100px;padding:80px 0}
		.msec-05 .tits h3{font-size:34px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-05{margin-top:75px;padding:70px 0}
		.msec-05 .tits h3{font-size:31px;}

		.msec-05 .cont{margin-top:20px; padding:0 0px;}
	}
	@media only screen and (max-width:680px) {
		.msec-05{margin-top:0px;padding:50px 0}
		.msec-05 .tits h3{font-size:28px;}
	}
	@media only screen and (max-width:480px) {
		.msec-05 .tits h3{font-size:30px;}
	}

.msec-05 .cont .ov{overflow:hidden;padding:15px 20px;}
.msec-05 .cont .work-slide{overflow:visible !important;}
.msec-05 .cont .work-slide .owl-stage-outer{overflow:visible }
.msec-05 .cont .item{}
.msec-05 .cont .item a{display:block;overflow:hidden;-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out; border-radius: 30px;}
/*.msec-05 .cont .item a:hover{box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1)  ;-moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); }
.msec-05 .cont .item a:hover{box-shadow: 5px 5px 20px rgba(0,0,0,0.08); }*/

.msec-05 .cont .item .img{overflow:hidden;}
.msec-05 .cont .item .img img{height:200px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-in-out;-moz-transition: transform 0.6s ease-in-out;-o-transition: transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out;}
.msec-05 .cont .item .txt{background:#fff;padding:30px 30px; box-sizing:border-box; min-height:150px;text-align:center;}
.msec-05 .cont .item .txt .btxt{font-size:20px; font-weight:600; coloR:#000; letter-spacing:-0.03em; line-height:1.2em;}
.msec-05 .cont .item .txt .stxt{margin-top:5px;font-size:16px; font-weight:400; coloR:#555; letter-spacing:-0.03em; line-height:1.3em; min-height:40px;max-height:40px; overflow:hidden;}
.msec-05 .cont .item .txt .ctxt{font-size:14px; font-weight:300; coloR:#777; letter-spacing:-0.03em; line-height:1.2em;}

.msec-05 .cont .item a:hover .img img{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}

.msec-05 .ctrl{}
.msec-05 .ctrl .prev{width:70px;height:70px;position:absolute; left:-70px; top:50%; margin-top:-28px;background:url(../img/main/work-prev.png) no-repeat center center;border-radius:100%; background-size:100% auto; }
.msec-05 .ctrl .next{width:70px;height:70px;position:absolute; right:-70px; top:50%; margin-top:-28px;background:url(../img/main/work-next.png) no-repeat center center;border-radius:100%;background-size:100% auto}
.msec-05 .ctrl .prev:hover{background-image:url(../img/main/work-prevo.png)}
.msec-05 .ctrl .next:hover{background-image:url(../img/main/work-nexto.png)}

	@media only screen and (max-width:1700px) {
		.msec-05 .cont .item .txt .btxt{font-size:15px;}
		.msec-05 .cont .item .txt .stxt{font-size:20px; min-height:65px; max-height:65px;}
		.msec-05 .cont .item .txt .ctxt{font-size:13px;}
	}
	@media only screen and (max-width:1500px){
		.msec-05 .ctrl .prev{width:60px;height:60px; left:0px; margin-top:-30px;background-color:#fff !important; opacity:0.7;}
		.msec-05 .ctrl .prev:hover{opacity:1;}
		.msec-05 .ctrl .next{width:60px;height:60px; right:0px; margin-top:-30px;background-color:#fff !important;opacity:0.7;}
		.msec-05 .ctrl .next:hover{opacity:1;}
	}
	@media only screen and (max-width:1300px){
		.msec-05 .cont .item .txt .btxt{font-size:14px;}
		.msec-05 .cont .item .txt .stxt{font-size:18px; min-height:60px; max-height:60px;}
		.msec-05 .cont .item .txt .ctxt{font-size:12px;}
	}
	@media only screen and (max-width:1185px){

	}
	@media only screen and (max-width:999px){
		.msec-05 .cont .item .txt{padding:25px; min-height:150px;}
		.msec-05 .cont .item .txt .btxt{font-size:18px;}
		.msec-05 .cont .item .txt .stxt{font-size:16px; min-height:55px; max-height:55px;}
		.msec-05 .cont .item .txt .ctxt{font-size:12px;}

		.msec-05 .ctrl .prev{width:50px;height:50px;margin-top:-25px}
		.msec-05 .ctrl .next{width:50px;height:50px;margin-top:-25px}
	}
	@media only screen and (max-width:680px){
		.msec-05 .cont .ov{padding:10px 0px;}
		.msec-05 .cont .item .txt{padding:20px;min-height:100px;} 
		.msec-05 .cont .item .txt .btxt{min-height:50px; max-height:50px;font-size:18px;}
		.msec-05 .cont .item .txt .stxt{font-size:15px;}

		.msec-05 .ctrl .prev{width:40px;height:40px;margin-top:-40px}
		.msec-05 .ctrl .next{width:40px;height:40px;margin-top:-40px}
	}
	@media only screen and (max-width:480px){

		.msec-05 .cont .item .img img{height:120px;}
	
		
	}	


/* ======================================================
   .msec-06
=========================================================*/
.msec-06{position:relative; padding:110px 0; }
.msec-06:after{background:#f7f7f7; position:absolute ;left:50%; top:0;margin-left:-10000px; width:20000px;height:100%; display:block ;content:"";z-index:-1;}
.msec-06 .tits{text-align:center;}
.msec-06 .tits h3{/*font-family: 'GongGothicMedium';*/ font-size:48px; letter-spacing:-0.03em; line-height:1.2em; color:#111; }
.msec-06 .cont{position:relative;max-width:1700px; box-sizing:border-box; padding:0 20px; margin:0 auto; margin-top:35px;}
	@media only screen and (max-width:1700px) {
		.msec-06{margin-top:120px; padding:90px 0}
		.msec-06 .tits h3{font-size:37px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-06{margin-top:100px;padding:80px 0}
		.msec-06 .tits h3{font-size:34px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-06{margin-top:75px;padding:70px 0}
		.msec-06 .tits h3{font-size:31px;}

		.msec-06 .cont{margin-top:20px; padding:0 0px;}
	}
	@media only screen and (max-width:680px) {
		.msec-06{margin-top:50px;padding:60px 0}
		.msec-06 .tits h3{font-size:28px;}
	}
	@media only screen and (max-width:480px) {
		.msec-06 .tits h3{font-size:25px;}
	}

.msec-06 .cont .ov{overflow:hidden;padding:15px 20px;}
.msec-06 .cont .work-slide{overflow:visible !important;}
.msec-06 .cont .work-slide .owl-stage-outer{overflow:visible }
.msec-06 .cont .item{}
.msec-06 .cont .item a{display:block;overflow:hidden;-webkit-transition: box-shadow 0.3s ease-in-out;-moz-transition: box-shadow 0.3s ease-in-out;-o-transition: box-shadow 0.3s ease-in-out;transition: box-shadow 0.3s ease-in-out;}
.msec-06 .cont .item a:hover{box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1)  ;-moz-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1); }
.msec-06 .cont .item .img{overflow:hidden;}
.msec-06 .cont .item .img img{height:220px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-in-out;-moz-transition: transform 0.6s ease-in-out;-o-transition: transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out;}
.msec-06 .cont .item .txt{background:#fff;padding:30px 30px; box-sizing:border-box; min-height:100px; text-align:center;}
.msec-06 .cont .item .txt .btxt{font-size:20px; font-weight:600; coloR:#111; letter-spacing:-0.03em; line-height:1.2em;}
.msec-06 .cont .item .txt .stxt{margin-top:5px;font-size:16px; font-weight:400; coloR:#555; letter-spacing:-0.03em; line-height:1.3em;  overflow:hidden;}
.msec-06 .cont .item .txt .ctxt{font-size:14px; font-weight:300; coloR:#777; letter-spacing:-0.03em; line-height:1.2em;}

.msec-06 .cont .item a:hover .img img{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05);}

.msec-06 .ctrl{}
.msec-06 .ctrl .prev{width:70px;height:70px;position:absolute; left:-70px; top:50%; margin-top:-28px;background:url(../img/main/work-prev.png) no-repeat center center;border-radius:100%; background-size:100% auto; }
.msec-06 .ctrl .next{width:70px;height:70px;position:absolute; right:-70px; top:50%; margin-top:-28px;background:url(../img/main/work-next.png) no-repeat center center;border-radius:100%;background-size:100% auto}
.msec-06 .ctrl .prev:hover{background-image:url(../img/main/work-prevo.png)}
.msec-06 .ctrl .next:hover{background-image:url(../img/main/work-nexto.png)}
	@media only screen and (max-width:1700px) {
		.msec-06 .cont .item .txt .btxt{font-size:15px;}
		.msec-06 .cont .item .txt .stxt{font-size:20px;}
		.msec-06 .cont .item .txt .ctxt{font-size:13px;}
	}
	@media only screen and (max-width:1500px){
		.msec-06 .ctrl .prev{width:60px;height:60px; left:0px; margin-top:-30px;background-color:#fff !important; opacity:0.7;}
		.msec-06 .ctrl .prev:hover{opacity:1;}
		.msec-06 .ctrl .next{width:60px;height:60px; right:0px; margin-top:-30px;background-color:#fff !important;opacity:0.7;}
		.msec-06 .ctrl .next:hover{opacity:1;}
	}
	@media only screen and (max-width:1300px){
		.msec-06 .cont .item .txt .btxt{font-size:14px;}
		.msec-06 .cont .item .txt .stxt{font-size:18px;}
		.msec-06 .cont .item .txt .ctxt{font-size:12px;}
	}
	@media only screen and (max-width:1185px){

	}
	@media only screen and (max-width:999px){
		.msec-06 .cont .item .txt{padding:25px; min-height:70px;}
		.msec-06 .cont .item .txt .btxt{font-size:13px;}
		.msec-06 .cont .item .txt .stxt{font-size:16px; /*min-height:55px; max-height:55px;*/}
		.msec-06 .cont .item .txt .ctxt{font-size:12px;}

		.msec-06 .ctrl .prev{width:50px;height:50px;margin-top:-25px}
		.msec-06 .ctrl .next{width:50px;height:50px;margin-top:-25px}
	}
	@media only screen and (max-width:680px){
		.msec-06 .cont .ov{padding:10px 0px;}
		.msec-06 .cont .item .txt{padding:20px; min-height:50px;} 
		.msec-06 .cont .item .txt .btxt{min-height:30px; max-height:30px;font-size:17px;}
		.msec-06 .cont .item .txt .stxt{font-size:15px;}
		.msec-06 .cont .item .txt .ctxt{font-size:11px;}

		.msec-06 .ctrl .prev{width:40px;height:40px;margin-top:-20px}
		.msec-06 .ctrl .next{width:40px;height:40px;margin-top:-20px}
	}
	@media only screen and (max-width:480px){
		.msec-06 .cont .item .img img{height:120px;}
		
	}	



/* ======================================================
   .msec-07
=========================================================*/

.msec-07 .service{margin:120px 0px 120px; }
.msec-07 .service ul{font-size:0; margin:0 -10px;}
.msec-07 .service ul:after{display:block; content:"";clear:both}
.msec-07 .service li{float:left; width:calc(50% - 20px); margin:0 10px;}
.msec-07 .service li a{display:block; position:relative; height:182px; display:flex;align-items: center; justify-content: left;  color:#fff; overflow:hidden; }
.msec-07 .service li a:after{position:Absolute ;left:0 ;top:0; width:100%;height:100%; display:block; content:""; z-index:-1;-webkit-transition: transform 1s ease-in-out;-moz-transition: transform 1s ease-in-out;-o-transition: transform 1s ease-in-out;transition: transform 1s ease-in-out;}
.msec-07 .service li a:before{font-family: 'Roboto';width:50px;height:50px; border-radius:100%; text-align:center; font-size:20px; font-weight:600; color:#fff; line-height:50px; position:absolute;right:40px; top:50%;margin-top:-25px; background:#5776db; display:block; content:"GO";-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
.msec-07 .service li a .vc{width:100%; box-sizing:border-box; padding:0 55px;}
.msec-07 .service li a .btxt{font-size:28px; font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.msec-07 .service li a .stxt{margin-top:14px; font-size:16px; font-weight:300; letter-spacing:-0.03em; line-height:1.4em;}

.msec-07 .service li:nth-child(1) a:after{background:url(../img/main/msec07-bg01.jpg) no-repeat center center ; background-size:cover}
.msec-07 .service li:nth-child(2) a:after{background:url(../img/main/msec07-bg02.jpg) no-repeat center center ; background-size:cover}

.msec-07 .service li a:hover:before{background:#fff; color:#5776db;}
.msec-07 .service li a:hover:after{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
	@media only screen and (max-width:1700px) {
		.msec-07 .service{margin-top:110px;}
		.msec-07 .service li a{height:175px;}
		.msec-07 .service li a:before{width:44px; height:44px; font-size:18px; right:30px; margin-top:-22px ; line-height:44px;}
		.msec-07 .service li a .vc{padding:0 45px}
		.msec-07 .service li a .btxt{font-size:26px;}
		.msec-07 .service li a .stxt{margin-top:13px;} 
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-07 .service{margin-top:90px;}
		.msec-07 .service li a{height:160px;}
		.msec-07 .service li a:before{width:40px; height:40px; font-size:16px; right:20px; margin-top:-20px ; line-height:40px;}
		.msec-07 .service li a .vc{padding:0 35px}
		.msec-07 .service li a .btxt{font-size:24px;}
		.msec-07 .service li a .stxt{margin-top:12px;} 
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-07 .service{margin-top:70px;}
		.msec-07 .service li a{height:140px;}
		.msec-07 .service li a .vc{padding:0 25px ; padding-right:80px;}
		.msec-07 .service li a .btxt{font-size:22px;}
		.msec-07 .service li a .stxt{display:none}
	}
	@media only screen and (max-width:680px) {
		.msec-07 .service{margin:0px 0px 50px; }
		.msec-07 .service li a{height:120px; }
		.msec-07 .service li a:before{width:34px; height:34px; font-size:14px; right:20px; margin-top:-17px ; line-height:34px;}
		.msec-07 .service li a .vc{padding:0 20px; padding-right:70px;}
		.msec-07 .service li a .btxt{font-size:20px;}
	}
	@media only screen and (max-width:480px) {
		.msec-07 .service li a{height:100px;}
		.msec-07 .service li a .btxt{font-size:18px;}

		.msec-07 .service li{float:none; width:auto;}
		.msec-07 .service li:nth-child(n+2){margin-top:10px}
		.msec-07 .service li:nth-child(1) a{border-radius:0px 0 0 0}
		.msec-07 .service li:nth-child(2) a{border-radius:0 0 0px 0}
	}