/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .item{position:relative; }
.msec-visual .item .img{height:720px;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 2.5s ease-in-out;-moz-transition: transform 2.5s ease-in-out;-o-transition: transform 2.5s ease-in-out;transition: transform 2.5s ease-in-out;}
.msec-visual .item .img img{visibility:hidden; width:100%;}
.msec-visual .item .txt{position:absolute;max-width:1600px; padding:0 20px; box-sizing:border-box; margin-top:-50px;width:100%;left:50%; top:60%;-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-family:"Play";*/ font-size:50px; line-height:1.4em; color:#fff; font-weight:700}
.msec-visual .item .txt .btxt p:nth-child(1){letter-spacing:-0.03em;}
.msec-visual .item .txt .btxt p:nth-child(2){letter-spacing:-0.03em;}
.msec-visual .item .txt .stxt{margin-top:50px;font-size:20px; font-weight:400; color:#fff; letter-spacing:-0.02em; line-height:1.6em;text-transform:uppercase;}

.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 .item.c05 .img{background:url(../img/main/visual-img05.jpg) no-repeat center center; background-size:cover;}


.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:1600px; padding:0 20px; box-sizing:border-box; font-size:0; width:100%;left:50%; bottom:140px;-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;}
	


.msec-visual .icon-down{opacity:0;visibility:hidden;position:absolute;left:50%;margin-left:-12px;bottom:30px;display:block;transition:opacity .3s; z-index:932;}
.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:24px;height:24px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(135deg);padding:0;margin:-28px auto 0}
.msec-visual .slick-dots li.slick-active button{border-bottom:1px solid #fff; opacity:1}
	/* @media only screen and (max-width:1000px) {
		.msec-visual .icon-down{display:none;}
	} */
	@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-cont
=========================================================*/
.msec-cont{padding-top:100px;}
	/* @media only screen and (max-width:1700px) {
		.msec-cont{padding-top:100px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-cont{padding-top:100px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-cont{padding-top:80px;}
	}
	@media only screen and (max-width:680px) {
		.msec-cont{padding-top:60px;}
	}
	@media only screen and (max-width:480px) {
		
	} */



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{max-width:1700px; box-sizing:border-box; padding:0 20px; margin:0 auto; }
.msec-01 .tits{text-align:left;}
.msec-01 .tits h3{font-size:40px; letter-spacing:-0.04em; line-height:1.2em; color:#111; }
	


.msec-01 .cont{margin-top:55px;}
.msec-01 .cont ul{ margin:0 -14px;}
.msec-01 .cont ul:after{display:block; content:"";clear:both;}
.msec-01 .cont li{float:left; width:calc(25% - 28px); margin:0 14px; position:relative;}
.msec-01 .cont li a{display:block; height:520px; position:relative;overflow:hidden}
.msec-01 .cont li a:after{position:absolute ;left:0; top:0; width:100%; height:100%; display:block; content:"";z-index:-1;-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-01 .cont li .txt{position:Absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:30px;}
.msec-01 .cont li .txt .btxt{font-size:27px;/*font-family: 'GongGothicBold';*/ font-weight:600; color:#fff ;letter-spacing:-0.03em; line-height:1.3em;}
.msec-01 .cont li .txt .stxt{font-size:16px;font-weight:300; color:#fff; letter-spacing:-0.03em; line-height:1.5em; margin-top:20px;}

.msec-01 .cont li:nth-child(1) a:after{background:url(../img/main/intro-img01.jpg) no-repeat center center; background-size:cover;}
.msec-01 .cont li:nth-child(2) a:after{background:url(../img/main/intro-img02.jpg) no-repeat center center; background-size:cover;}
.msec-01 .cont li:nth-child(3) a:after{background:url(../img/main/intro-img03.jpg) no-repeat center center; background-size:cover;}
.msec-01 .cont li:nth-child(4) a:after{background:url(../img/main/intro-img04.jpg) no-repeat center center; background-size:cover;}

.msec-01 .cont li a:hover:after{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-02
=========================================================*/
.msec-02{position:relative; padding: 0 0 110px; /*margin-top:150px;*/}
.msec-02:after{background:#fff; position:absolute ;left:50%; top:0;margin-left:-10000px; width:20000px;height:100%; display:block ;content:"";z-index:-1;}
.msec-02 .tits{text-align:center;}
.msec-02 .tits h3{/*font-family: 'GongGothicMedium';*/ font-size:40px; letter-spacing:-0.03em; line-height:1.2em; color:#111; }
.msec-02 .cont{position:relative;max-width:1600px; box-sizing:border-box; padding:0 20px; margin:0 auto; margin-top:0px;}
	


.msec-02 .tab{margin-bottom:30px;}
.msec-02 .tab ul{font-size:0}
.msec-02 .tab ul:after{display:block; content:"";clear:both}
.msec-02 .tab li{display:inline-block;vertical-align:top}
.msec-02 .tab li:nth-child(n+2){margin-left:25px;}
.msec-02 .tab li a{display:block;width:160px; line-height:50px; border-radius:50px; text-align:center; font-size:22px; color:#555; font-weight:300; letter-spacing:-0.035em; background:#f5f5f5;}
.msec-02 .tab li.active a{background:#000; color:#fff; font-size:22px; font-weight:600;}

.msec-02 .cont .ov{overflow:hidden;padding:15px 20px;}
.msec-02 .cont .work-slide{overflow:visible !important;}
.msec-02 .cont .work-slide .owl-stage-outer{overflow:visible }
.msec-02 .cont .item{}
.msec-02 .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-02 .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);  border-radius: 10px}
.msec-02 .cont .item .img{overflow:hidden;}
.msec-02 .cont .item .img img{height:250px; 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-02 .cont .item .txt{/*background:#fff;*/ padding:30px 30px; box-sizing:border-box; min-height:200px; border: 1px solid #e5e5e5; border-radius: 10px}
.msec-02 .cont .item .txt .btxt{font-size:21px; font-weight:400; coloR:#111; letter-spacing:-0.03em; line-height:1.6em;}
.msec-02 .cont .item .txt .stxt{margin-top:5px; font-size:16px; font-weight:400; coloR:#777; letter-spacing:-0.03em; line-height:1.3em; min-height:70px;max-height:70px; overflow:hidden;}
.msec-02 .cont .item .txt .ctxt{margin-top:50px; font-size:14px; font-weight:300; coloR:#777; letter-spacing:-0.03em; line-height:1.2em; font-family: 'Roboto';}

.msec-02 .cont .item .txt .btxt:hover{color:#f58220;}
.msec-02 .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-02 .ctrl{}
.msec-02 .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-02 .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-02 .ctrl .prev:hover{background-image:url(../img/main/work-prevo.png)}
.msec-02 .ctrl .next:hover{background-image:url(../img/main/work-nexto.png)}
	
	




/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative;}
.msec-03 .cont{position:relative; z-index:2;max-width:1700px; box-sizing:border-box; padding:0 20px; margin:0 auto;}
.msec-03 .cont ul{}
.msec-03 .cont ul:after{display:block; content:"";clear:both;}
.msec-03 .cont li{float:left; width:33.33333%; position:relative; height:550px;display:flex;align-items: center; justify-content: center;}
.msec-03 .cont li:nth-child(n+2):before{width:0;height:100%; border-left:1px solid rgba(255,255,255,0.3); display:block;content:""; position:Absolute; left:-1px; top:0;}
.msec-03 .cont li .vc{width:100% ;text-align:center;}
.msec-03 .cont li .btxt{ font-size:36px;  color:#fff; letter-spacing:-0.03em; line-height:1.3em; font-weight:600;}
.msec-03 .cont li .stxt{ font-size:18px; font-weight:300; color:#fff;letter-spacing:-0.03em; line-height:1.6em; margin-top:35px; min-height:135px;}
.msec-03 .cont 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 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 li a span{position:relative ;z-index:534; display:inline-block;vertical-align:top;}
.msec-03 .cont 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 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 li a:hover{color:#111;}
	
.msec-03 .about-slide{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:1;background:url(../img/main/about-img01.jpg) no-repeat center; background-size:cover;}
.msec-03 .about-slide:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);display:block; content:""}
.msec-03 .about-slide .slick-list{height:100%;}
.msec-03 .about-slide .slick-track{height:100%;}
.msec-03 .about-slide .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden; }
.msec-03 .about-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 .about-slide .item .img img{visibility:hidden}
.msec-03 .about-slide .item.c01 .img{background:url(../img/main/about-img01.jpg) no-repeat center; }
.msec-03 .about-slide .item.c02 .img{background:url(../img/main/about-img02.jpg) no-repeat center; }
.msec-03 .about-slide .item.c03 .img{background:url(../img/main/about-img03.jpg) no-repeat center; }

.msec-03 .about-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{max-width:1600px; box-sizing:border-box; padding:0 20px; margin:0 auto; margin-top:100px;}
.msec-04 .tits{text-align:center;}
.msec-04 .tits h3{/*font-family: 'GongGothicMedium';*/ font-size:40px; letter-spacing:-0.03em; line-height:1.2em; color:#111; }
	


.msec-04 .tab{margin-top:35px;}
.msec-04 .tab ul{font-size:0}
.msec-04 .tab ul:after{display:block; content:"";clear:both}
.msec-04 .tab li{display:inline-block;vertical-align:top}
.msec-04 .tab li:nth-child(n+2){margin-left:25px;}
.msec-04 .tab li a{display:block;width:145px; line-height:45px; border-radius:45px; text-align:center; font-size:18px; color:#111; font-weight:400; letter-spacing:-0.035em; background:#fae100;}
.msec-04 .tab li.active a{background:#000; color:#fff; font-weight:300;}

.msec-04 .cont{margin-top:50px;}
.msec-04 .cont .slick-list{margin:0 -10px}
.msec-04 .cont .item{margin:0 10px}
.msec-04 .cont .item a{display:block;}
.msec-04 .cont .item .img{overflow:hidden;}
.msec-04 .cont .item .img img{width:100%;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-04 .cont .item .txt{min-height:130px; box-sizing:border-box ; padding-top:30px;}
.msec-04 .cont .item .btxt{font-size:22px ;font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.msec-04 .cont .item .stxt{font-size:15px ;font-weight:300; color:#333; letter-spacing:-0.03em; line-height:1.6em; margin-top:15px; padding-right:15px; font-family:"Roboto";}

.msec-04 .cont .item a:hover .img img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);}

.msec-04 .slick-dots{position:absolute ;left:0; bottom:-51px;width:100%; box-sizing:border-box; padding-right:150px;}
.msec-04 .slick-dots ul{ margin:0; padding:0; background:#c4c4c4; overflow:hidden;height:1px; }
.msec-04 .slick-dots ul:after{width:100%; height:auto;}
.msec-04 .slick-dots li{float:left; width:50%; height:1px; margin:0; padding:0;}
.msec-04 .slick-dots li button{background:none;margin:0; padding:0; height:1px; width:100%; position:relative;}
.msec-04 .slick-dots li button:after{width:0; height:100%; display:block; content:""; position:Absolute;background:#000; left:0; top:0;}

.msec-04 .slick-dots li.slick-active button{}
.msec-04 .slick-dots li.slick-active button:after{width:100%}
.msec-04 .slick-dots li.slick-active button:before{width:20000px; height:100%; display:block; content:""; position:Absolute;background:#000; right:100%; top:0;}

.msec-04 .scrollbar{position:relative; margin-top:50px; height:1px;z-index:932;padding-right:150px; }
.msec-04 .scrollbar .handle {position:relative;height:1px;background:#c4c4c4;overflow:hidden; }
.msec-04 .scrollbar .handle .mousearea{width:0;height: 100%;background:#000;cursor: pointer; left:0; top:0; -webkit-transition: width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}

.msec-04 .scrollbar .prev{position:Absolute;right:62px; top:0; width:38px;height:28px; top:50%;margin-top:-14px;background:url(../img/main/inte-prev.jpg) no-repeat left center;}
.msec-04 .scrollbar .next{position:Absolute;right:0; top:0; width:38px;height:28px;top:50%;margin-top:-14px;background:url(../img/main/inte-next.jpg) no-repeat left center;}
	

.msec-04 .service{margin-top:80px;}
.msec-04 .service ul{font-size:0; margin:0 -10px;}
.msec-04 .service ul:after{display:block; content:"";clear:both}
.msec-04 .service li{float:left; width:calc(50% - 20px); margin:0 10px;}
.msec-04 .service li a{display:block; position:relative; height:182px; display:flex;align-items: center; justify-content: left;  color:#fff; overflow:hidden; }
.msec-04 .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-04 .service li a:before{width:50px;height:50px; border-radius:100%; text-align:center; font-size:20px; font-weight:400; color:#f58220; line-height:50px; position:absolute;right:40px; top:50%;margin-top:-25px; background:#fff; 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-04 .service li a .vc{width:100%; box-sizing:border-box; padding:0 55px;}
.msec-04 .service li a .btxt{font-size:28px; font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.msec-04 .service li a .stxt{margin-top:14px; font-size:16px; font-weight:300; letter-spacing:-0.03em; line-height:1.4em;}

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

.msec-04 .service li a:hover:before{background:#f58220; color:#fff;}
.msec-04 .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);}
	

/* ======================================================
   .msec-quick
=========================================================*/
.msec-quick{position:fixed; z-index:9123; width:94px;right:-150px; 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:0; }
.msec-quick dl{background:#fff;text-align:center;box-shadow: -7px 5px 14px rgba(130, 130, 130, 0.2)  ; -webkit-box-shadow: -7px 5px 14px rgba(130, 130, 130, 0.2)  ; -moz-box-shadow: -7px 5px 14px rgba(130, 130, 130, 0.2)  ; border-radius:20px 0 0 20px; overflow:hidden;}
.msec-quick dt{background:#555;padding:15px 20px 15px 20px; }
.msec-quick dt a{display:block;  font-size:13px;  font-family:'GothamPro'; font-weight:600; color:#fff; padding-top:0px; text-transform:uppercase;background:url(../img/main/quick-ico01.jpg-) no-repeat center top;}
.msec-quick dd{padding:10px 20px 10px 20px;}
.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:#f58220;}

.msec-quick dd a:before{position:Absolute ;left:50%; margin-left:-20px;; top:0; width:40px;height: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/quick-ico02.jpg) no-repeat center  center; }
.msec-quick dd:nth-child(3) a:before{background:url(../img/main/quick-ico03.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:20px}
.msec-quick dd:nth-child(5){padding-bottom:20px}
	



/* ======================================================
   .msec-05
=========================================================*/
.msec-05{height:450px;max-width:1600px; box-sizing:border-box; padding:0 20px; margin:0 auto;}
.msec-05 .msec-ov{position:relative;  height:428px; }
.msec-05 .ovc{margin-top:0;}		
.msec-05 .owl-stage-outer{overflow:visible;}

.msec-05 .tabs{position:absolute; left:20px; top:0; z-index:512;}
.msec-05 .tabs:after{display:block; content:""; clear:both;}
.msec-05 .tabs li{float:left;position:relative}
.msec-05 .tabs li:nth-child(n+2){margin-left:35px; }
.msec-05 .tabs li:nth-child(n+2):before{ width:1px;height:18px; position:absolute; left:-18px; top:50%;margin-top:-9px; background:#d5d5d5; display:block;content:""}
.msec-05 .tabs li a{line-height:34px; font-size:30px;font-weight:400;color:#666; letter-spacing:-0.03em;}
.msec-05 .tabs li.active a{color:#000; font-weight:700;}
	
.msec-05 .tabs-ov{ position:relative; /*padding-right:calc(23% + 20px);*/}
.msec-05 .tabs-ov .rlz{position:relative;}

.msec-05 .tabs-con{position:relative;}
.msec-05 .tabs-con.hide{position:absolute; left:-9999em; top:0; width:100%;}

.msec-05 .board-slide{padding-top:69px; overflow:hidden;}
.msec-05 .board-slide .item{padding-right:1px;}
.msec-05 .board-slide .item a{min-height:230px;border:1px solid #d5d5d5;box-sizing:border-box; padding:30px 30px; position:relative; display:block;-webkit-transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;-moz-transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;-o-transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;}
.msec-05 .board-slide .item a .btxt{font-size:22px; font-weight:500;color:#111; line-height:1.6em; max-height:70px; padding-bottom:70px; overflow:hidden;}
.msec-05 .board-slide .item a .stxt{font-size:15px; font-weight:400;color:#666; line-height:1.5em; margin-top:37px; max-height:90px; overflow:hidden;}
.msec-05 .board-slide .item a .ctxt{font-size:15px; font-weight:400;color:#999; line-height:1.2em; font-family: 'Roboto'; }
.msec-05 .board-slide .item a:hover{border-color:#333;-webkit-transform: translateY(-3%); -moz-transform: translateY(-3%);-ms-transform: translateY(-3%); -o-transform:  translateY(-3%);transform: translateY(-3%); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1)  ; }


.msec-05 .board-slide .item a:before{width:0;height:1px; background:#111;position:absolute; left:-1px;  top:-1px; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.msec-05 .board-slide .item a:after{width:0;height:1px;background:#111; position:absolute; right:-1px; bottom:-1px; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.msec-05 .board-slide .item a .ctxt:before{width:1px;height:0;background:#111; position:absolute; right:-1px; top:-1px; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.msec-05 .board-slide .item a .ctxt:after{width:1px;height:0;background:#111; position:absolute; left:-1px; bottom:-1px; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}


.msec-05 .board-slide .item a:hover:before{width:calc(100% + 2px);}
.msec-05 .board-slide .item a:hover:after{width:calc(100% + 2px);}

.msec-05 .board-slide .item a:hover .ctxt:before{height:calc(100% + 2px);}
.msec-05 .board-slide .item a:hover .ctxt:after{height:calc(100% + 2px);}


.msec-05 .board-ctrl{position:absolute; right:0; top:0; font-size:0;}
.msec-05 .board-ctrl .prev{display:inline-block;vertical-align:top;width:50px;height:50px; box-sizing:border-box; border:1px solid #c0c0c0; background:url(../img/main/board-prev.jpg) no-repeat center center;background-size:100% auto; border-radius: 100%;}
.msec-05 .board-ctrl .next{margin-left:10px;display:inline-block;vertical-align:top;width:50px;height:50px; box-sizing:border-box; border:1px solid #c0c0c0; background:url(../img/main/board-next.jpg) no-repeat center center;;background-size:100% auto; border-radius: 100%;}
.msec-05 .board-ctrl .prev:hover{border-color:#636363;background-image:url(../img/main/board-prevo.jpg)}
.msec-05 .board-ctrl .next:hover{border-color:#636363;background-image:url(../img/main/board-nexto.jpg)}



.msec-05 .msec-abc{z-index:1452; position:relative;}