@charset "utf-8";
/* ======================================================
   .top-banner
=========================================================*/
.tb-show .top-banner{opacity:1}
.top-banner{position:absolute; left:0; top:0; width:100%;;overflow:hidden;min-width:360px;opacity:0; z-index:2001;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
/*
.top-banner .item.c01:after{width:20000px;height:100%; position:absolute; left:50%;margin-left:-10000px; top:0;background:#4b515f; display:block;content:"";z-index:-1;}
.top-banner .item.c02:after{width:20000px;height:100%; position:absolute; left:50%;margin-left:-10000px; top:0;background:#226888; display:block;content:"";z-index:-1;}
*/
.top-banner .item.slick-active{opacity:0}
.top-banner .item{text-align:center;opacity:1}
.top-banner .item a{display:block;}
.top-banner .item img{display:inline-block;vertical-align:top;line-height:100%; width:100%; max-width:600px}
.top-banner .slick-list{overflow:visible}
.top-banner .slick-prev{width:14px;height:28px; top:50%;margin-top:-14px; z-index:55; position:absolute; left:20px;background:url(../img/Layout/tbanner-prev.png) no-repeat center center; }
.top-banner .slick-next{width:14px;height:28px; top:50%;margin-top:-14px; z-index:55; position:absolute; right:20px;background:url(../img/Layout/tbanner-next.png) no-repeat center center; }

.top-banner .ctrl .ov{position:absolute; right:0; bottom:20px; right:20px; padding-right:45px;}
.top-banner .chk-check{display:inline-block; font-size:0; vertical-align:top; }
.top-banner .chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.top-banner .chk-check input[type="checkbox"] + label{display:block; position:relative; padding-left:32px; font-size:14px; line-height:20px; color:rgba(255,255,255,0.3); font-weight:400; letter-spacing:-0.02em; cursor:pointer;}
.top-banner .chk-check input[type="checkbox"] + label:before{content:''; position: absolute; left:0px; top:0px; box-sizing:border-box;width:20px; height:20px; text-align:center; background:#fff;    }
.top-banner .chk-check input[type="checkbox"]:checked + label{color:#fff;}
.top-banner .chk-check input[type="checkbox"]:checked + label:before{background:url(../img/Sub/check-on.png) no-repeat center #fff;background-size:70% auto}
.top-banner .close{width:26px;height:26px; position:absolute; right:0; bottom:-3px; background:url(../img/Layout/tbanner-close.png) no-repeat center center; background-size:27px auto;}
	@media only screen and (max-width:1700px){
		.top-banner .div-cont{max-width:680px; padding:0;}
		.top-banner .ctrl{position:relative; max-width:100%; margin:0 auto; height:0; z-index:55;}
		.top-banner .ctrl .ov{right:20px;}
	}
	@media only screen and (min-width:1200px){
		.top-banner{max-height:90px;}
	}
	@media only screen and (max-width:1199px){
		.top-banner .slick-prev{left:10px; margin-top:-30px;background-size: 8px auto;}
		.top-banner .slick-next{ right:10px;margin-top:-30px;background-size: 8px auto;}
		.top-banner .item{padding-bottom:25px;}
		.top-banner .ctrl{height:30px; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; width:100%;}

		.top-banner .ctrl .ov{right:15px;bottom:7px;padding-right:29px;height:16px;}
		.top-banner .chk-check input[type="checkbox"] + label{font-size:13px; padding-left:22px; line-height:16px;}
		.top-banner .chk-check input[type="checkbox"] + label:before{width:16px;height:16px;}
		.top-banner .close{width:16px;height:16px; bottom:0}
		
	}
	@media only screen and (max-width:999px){
		.top-banner .chk-check input[type="checkbox"] + label{font-size:12px;}
	}

/* ======================================================
   .msec-ov
=========================================================*/
.msec-ov{max-width:1240px; box-sizing:border-box; padding:0 20px;margin:0 auto; position:relative;}
.msec-ov:after{display:block; content:"";clear:both;}
.section-wrap{position:absolute; left:0; top:0; width:100%;min-height:768px;}
	@media only screen and (max-width:1200px) {
		.section-wrap{position:relative; left:auto; top:auto; width:auto}
		.section-wrap .section{/* height:auto !important */}
	} 



.fix-nav{position:fixed;z-index:9231;right:15px; top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);;  -o-transform:  translateY(-50%);  transform: translateY(-50%);-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.fix-nav li{margin-top:15px; position:relative;}
.fix-nav li:first-child {margin-top:0;}
.fix-nav li a{width:10px;height:10px; border-radius:100%; background:#c6c6c6;box-sizing:border-box;margin:0 6px;display:block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.fix-nav li.on a {background:#2c80f3;transition-delay: 0.2s; opacity:1; width:22px;height:22px; background:none; border:4px solid #569fd3; box-sizing:border-box; margin:0;}
.fix-nav li a span{opacity:0;width:82px;letter-spacing:-0.02em; box-sizing:border-box; text-align:right;position:absolute; right:30px; top:50%; color:#fff; font-weight:500; font-size:13px; line-height:1.2em;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);;  -o-transform:  translateY(-50%);  transform: translateY(-50%);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.fix-nav li.on a span{ display:block;transition-delay: 0.4s; opacity:1;}

.fix-nav li:last-child{display:none;}
.fix-nav li:nth-child(1) a span{width:74px;}
.fix-nav li:nth-child(2) a span{width:74px;}
.fix-nav li:nth-child(3) a span{width:74px;}
.fix-nav li:nth-child(4) a span{width:74px;}
.fix-nav li:nth-child(5) a span{width:74px;}
	@media only screen and (max-width:1200px){
		.fix-nav{right:-150px;}
	}
	@media only screen and (max-width:999px) {
		
	}

/* ======================================================
   .scroll down
=========================================================*/

.wheel{z-index:66;width:90px; position:fixed; left:50%;margin-left:-45px; bottom:75px;background:url(../img/Main/wheel-text.png) no-repeat center top ;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.wheel a{display:block;height:67px; position:relative;}
.wheel a:after{width:90px;height:42px; position:absolute; left:0;bottom:0;display:block; content:"";background:url(../img/Main/wheel-arrow.png) no-repeat center center;-webkit-animation: secBtnAnimate1 1.4s infinite; -moz-animation: secBtnAnimate1 1.4s infinite; -o-animation: secBtnAnimate1 1.4s infinite;  animation: secBtnAnimate1 1.4s infinite;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

.wheel.small{bottom:15px;}
.wheel.small a{height:40px}
.wheel.small a:after{width:90px;height:25px; background-size:35px auto;}
.wheel.black {background-image:url(../img/Main/wheel-textb.png)}
.wheel.black a:after{background-image:url(../img/Main/wheel-arrowb.png)}
.wheel.hide{opacity:0;}
	
	/*keyfream*/
	@keyframes secBtnAnimate1 {
		0% {margin-bottom:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		50% {margin-bottom:-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% {margin-bottom:3px;-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% {margin-bottom:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
		50% {margin-bottom:-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% {margin-bottom:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;	transition: all 0.4s linear;}
	}

	@media only screen and (max-width:1200px){
		.wheel{display:none;}
	}
	@media only screen and (max-width:999px) {
		
	}



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{height:975px; position:relative;}
.msec-01 .visual-slide{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:1;}
.msec-01 .visual-slide .slick-list{height:100%;}
.msec-01 .visual-slide .slick-track{height:100%;}
.msec-01 .visual-slide .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden; opacity:0; }
.msec-01 .visual-slide .item .img{position:relative; width:100%;height:100%;background-size:cover !important;}
.msec-01 .visual-slide .item .img img{visibility:hidden}
.msec-01 .visual-slide .item .video{position:relative; left:0; top:0; width:100%;height:100%;}
.msec-01 .visual-slide .item .video video{display:block; position:absolute; top:50%; left:50%; width:auto; height:auto; min-width:100%; min-height:100%; transform:translate(-50%,-50%);}

/* µ¿¿µ»ó opacity °ª  */
.msec-01 .visual-slide .item .img:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.15);display:block;content:"";}
.msec-01 .visual-slide .item .video:after{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.15);display:block;content:"";}
/* µ¿¿µ»ó opacity °ª  */

.msec-01 .visual-slide .item.c01 .img{background:url(../img/Main/mvisual-img01.jpg) no-repeat center;}
.msec-01 .visual-slide .item.c02 .img{background:url(../img/Main/mvisual-img02.jpg) no-repeat center; }
.msec-01 .visual-slide .item.c03 .img{background:url(../img/Main/mvisual-img03.jpg) no-repeat center; }

.msec-01 .visual-slide .slick-active.item{opacity:1}

.msec-01 .visual-slide .item .txt{position:absolute; left:0; top:50%;width:100%;margin-top:-5%;text-align:center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);text-align:center;}
.msec-01 .visual-slide .item .txt .btxt{opacity:0;font-family:'GothamPro'; font-weight:600; color:#fff; line-height:1.1em; font-size:70px; letter-spacing:-3px; -webkit-transform:translateY(30%);-moz-transform:translateY(30%); -ms-transform:translateY(30%);-o-transform:translateY(30%);-webkit-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;-moz-transition:opacity 0.7s ease-out, transform 0.7s ease-out;;-o-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;transition: opacity 0.7s ease-out, transform 0.7s ease-out;}
.msec-01 .visual-slide .item .txt .btxt span{font-family:'Roboto';font-size:40px;display:block; font-weight:400;line-height:1.2em; letter-spacing:-1px; }
.msec-01 .visual-slide .item .txt .stxt{opacity:0;font-size:24px; font-weight:400; line-height:1.2em; margin-top:30px; color:#fff; -webkit-transform:translateY(30%);-moz-transform:translateY(30%); -ms-transform:translateY(30%);-o-transform:translateY(30%);-webkit-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;-moz-transition:opacity 0.7s ease-out, transform 0.7s ease-out;;-o-transition: opacity 0.7s ease-out, transform 0.7s ease-out;;transition: opacity 0.7s ease-out, transform 0.7s ease-out;}

.msec-01 .visual-slide .slick-dots{position:absolute; left:0; width:100%; text-align:center; height:3px; bottom:42%; z-index:55;}
.msec-01 .visual-slide .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:3px;}
.msec-01 .visual-slide .slick-dots li{display:inline-block;vertical-align:top; margin:0 5px; padding:0; width:auto; height:3px;}
.msec-01 .visual-slide .slick-dots li button{ background:#e0d2cf; width:16px;height:3px; padding:0; position:relative;}
.msec-01 .visual-slide .slick-dots li button:after{width:0;height:100%; position:absolute;background:#fff; left:0; top:0; display:block; content:"";}
.msec-01 .visual-slide .slick-dots li.slick-active button{width:70px;}
.msec-01 .visual-slide .slick-dots.ani li.slick-active button:after{width:100%;-webkit-transition: width 17s ease-out;-moz-transition: width 17s ease-out;-o-transition: width 17s ease-out;transition: width 17s ease-out;}

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


	@media only screen and (max-width:1199px) {
		.msec-01{height:880px !important;}
		
		.msec-01 .visual-slide .item .txt .btxt{font-size:65px}
		.msec-01 .visual-slide .item .txt .btxt span{font-size:42px;}
		.msec-01 .visual-slide .item .txt .stxt{ margin-top:25px; font-size:22px}
		
		.msec-01 .visual-slide .slick-dots{bottom:40%;}
	} 
	@media only screen and (max-width:999px) {
		.msec-01{height:780px !important;}

		.msec-01 .visual-slide .item .txt .btxt{font-size:59px}
		.msec-01 .visual-slide .item .txt .btxt span{font-size:35px;}
		.msec-01 .visual-slide .item .txt .stxt{ margin-top:25px; font-size:21px}
		
		.msec-01 .visual-slide .slick-dots{bottom:35%}
		.msec-01 .visual-slide .slick-dots li{margin:0 2px}
		.msec-01 .visual-slide .slick-dots li button{width:12px;}
		.msec-01 .visual-slide .slick-dots li.slick-active button{width:50px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-01{height:680px !important;}

		.msec-01 .visual-slide .item .txt .btxt{font-size:51px}
		.msec-01 .visual-slide .item .txt .btxt span{font-size:28px;}
		.msec-01 .visual-slide .item .txt .stxt{ margin-top:20px; font-size:19px}
		
		.msec-01 .visual-slide .slick-dots{bottom:30%}
	} 
	@media only screen and (max-width:480px) {
		.msec-01{height:580px !important;}
		.msec-01 .visual-slide .item .txt .btxt{font-size:42px}
		.msec-01 .visual-slide .item .txt .btxt span{font-size:21px;}
		.msec-01 .visual-slide .item .txt .stxt{ margin-top:15px; font-size:17px}
	} 

.msec-01 .news{height:76px; position:absolute; left:50%; bottom:0; width:100%; box-sizing:border-box; padding-left:172px; padding-right:195px; z-index:33;max-width:1200px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-01 .news:after{width:1300px; left:50%;margin-left:-650px; top:0; height:100%; background:rgba(0,0,0,0.6); display:block;content:""; z-index:-1; position:Absolute;}
.msec-01 .news h3{position:absolute; left:0; top:0;box-sizing:border-box; line-height:76px; color:#fff;font-family:"Roboto";font-size:18px; font-weight:300; padding-left:20px}

.msec-01 .news-slide .item{border:none;}
.msec-01 .news-slide .item a{display:block ;position:relative;padding-right:90px;}
.msec-01 .news-slide .item .tit{line-height:76px; color:#fff; font-size:16px; font-weight:400;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; outline:none;}
.msec-01 .news-slide .item .date{position:absolute; right:0; top:0;line-height:76px; color:#fff; font-size:14px; font-weight:400;font-family:"Roboto"; opacity:0.85}

.msec-01 .ctrl{width:28px;height:44px; position:absolute; right:138px; top:50%;margin-top:-22px; z-index:5;}
.msec-01 .ctrl .prev{width:28px;height:16px; position:absolute; left:0; top:2px; background:url(../img/Main/news-prev.png) no-repeat center center;}
.msec-01 .ctrl .next{width:28px;height:16px; position:absolute; left:0; bottom:2px; background:url(../img/Main/news-next.png) no-repeat center center;}
.msec-01 .news .more{width:24px;height:24px; position:absolute; right:48px; top:50%;margin-top:-12px;background:url(../img/Main/news-more.png) no-repeat center center;-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-01 .news .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); }
	@media only screen and (max-width:1199px) {

		.msec-01 .news{height:65px;padding-right:150px; padding-left:150px; line-height:65px;}
		.msec-01 .news h3{line-height:65px; font-size:17px}
		.msec-01 .news-slide .item .tit{line-height:65px; font-size:15px;}
		.msec-01 .news-slide .item .date{line-height:65px; font-size:13px;}
		.msec-01 .ctrl{right:80px;}
		.msec-01 .news .more{right:20px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-01 .news{height:55px;padding-right:70px; padding-left:100px; line-height:55px;}
		.msec-01 .news h3{line-height:55px; font-size:16px; padding-left:15px;}
		.msec-01 .news-slide .item .tit{line-height:55px; font-size:14px;}
		.msec-01 .news-slide .item .date{line-height:55px; font-size:12px;}
		.msec-01 .ctrl{right:80px; display:none;}
		.msec-01 .news .more{right:15px; background-size:17px auto;}
	} 
	@media only screen and (max-width:680px) {
		.msec-01 .news{height:45px;padding-right:60px; padding-left:80px; line-height:45px;}
		.msec-01 .news h3{line-height:45px; font-size:15px; padding-left:15px;}
		.msec-01 .news-slide .item a{padding-right:80px;}
		.msec-01 .news-slide .item .tit{line-height:45px; font-size:14px;}
		.msec-01 .news-slide .item .date{line-height:45px; font-size:12px;}
		.msec-01 .ctrl{right:80px; display:none;}
		.msec-01 .news .more{right:0; top:0;width:45px;height:45px; background-color:rgba(0,0,0,0.8); margin-top:0;}
	} 
	@media only screen and (max-width:480px) {

	} 


	









/* ======================================================
   .msec-02
=========================================================*/
.msec-02{height:975px; position:relative;box-sizing:border-box;o; background:url(../img/Main/msec02-bg01.jpg) no-repeat center;background-size:cover}
.msec-02 .tits{text-align:center; position:relative; z-index:2;}
.msec-02 .tits h3{font-size:48px;line-height:1.2em;color:#fff; font-weight:400; letter-spacing:-0.03em;}
.msec-02 .tits p{margin-top:12px;font-size:17px;line-height:1.2em;color:#fff; font-weight:300; letter-spacing:-0.03em;}

.msec-02 .biz-slide{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:1;}
.msec-02 .biz-slide .slick-list{height:100%;}
.msec-02 .biz-slide .slick-track{height:100%;}
.msec-02 .biz-slide .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden; }
.msec-02 .biz-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-02 .biz-slide .item .img img{visibility:hidden}
/*.msec-02 .biz-slide .item.c01 .img{background:url(../img/Main/msec02-img01.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c02 .img{background:url(../img/Main/msec02-img02.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c03 .img{background:url(../img/Main/msec02-img03.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c04 .img{background:url(../img/Main/msec02-img04.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c05 .img{background:url(../img/Main/msec02-img05.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c06 .img{background:url(../img/Main/msec02-img06.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c07 .img{background:url(../img/Main/msec02-img07.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c08 .img{background:url(../img/Main/msec02-img08.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c09 .img{background:url(../img/Main/msec02-img09.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c10 .img{background:url(../img/Main/msec02-img10.jpg) no-repeat center; }
.msec-02 .biz-slide .item.c11 .img{background:url(../img/Main/msec02-img11.jpg) no-repeat center; }*/

.msec-02 .biz-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-02 .con{margin-top:50px; z-index:2;}
.msec-02 ul{margin:0 -1%}
.msec-02 ul:after{display:block; content:"";clear:both;}
.msec-02 li{float:left;width:23%; margin:0 1%}
.msec-02 li:nth-child(n+5){margin-top:2%;}
.msec-02 li a{display:block;min-height:180px; max-height:180px; box-sizing:border-box; position:relative;}
.msec-02 li a:after{width:100%;height:100%; position:absolute; left:0; top:0;border:1px solid #fff;display:block; content:""; z-index:1;webkit-transition:opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-02 li .txt{padding:30px 10px 0 27px; position:relative; z-index:2;}
.msec-02 li .btxt{font-size:20px; font-weight:400; color:#fff; line-height:1.2em;}
.msec-02 li .stxt{margin-top:15px;font-size:13px; font-weight:400; color:#fff; line-height:1.5em;word-break: keep-all;}
.msec-02 li .stxt br{display:none;}
.msec-02 li a:hover, .msec-02 li.effect a{background:#014099;}
.msec-02 li a:hover:after, .msec-02 li.effect a:after{opacity:0;}

.msec-02 .ovc{padding-top:80px;}	
	@media only screen and (min-width:1200px) {
		.msec-02 .tits h3{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-02 .tits p{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-02.active .tits h3{transition-delay: 0.5s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-02.active .tits p{transition-delay: 1s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		
		.msec-02 li{opacity:0;-webkit-transform: translateY(5%); -moz-transform: translateY(5%);-ms-transform: translateY(5%); -o-transform:  translateY(5%);transform: translateY(5%);-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-02.active li{ opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-02.active li:nth-child(1){transition-delay: 1s;}
		.msec-02.active li:nth-child(2){transition-delay: 1s;}
		.msec-02.active li:nth-child(3){transition-delay: 1s;}
		.msec-02.active li:nth-child(4){transition-delay: 1s;}

		.msec-02.active li:nth-child(5){transition-delay: 1.4s;}
		.msec-02.active li:nth-child(6){transition-delay: 1.4s;}
		.msec-02.active li:nth-child(7){transition-delay: 1.4s;}
		.msec-02.active li:nth-child(8){transition-delay: 1.4s;}

		.msec-02.active li:nth-child(9){transition-delay: 1.8s;}
		.msec-02.active li:nth-child(10){transition-delay: 1.8s;}
		.msec-02.active li:nth-child(11){transition-delay: 1.8s;}
	}
	@media only screen and (max-width:1199px) {
		.msec-02{height:auto !important; padding:95px 0}
		.msec-02 .ovc{padding-top:0;}
		.msec-02 .tits h3{font-size:41px;}
		.msec-02 .tits p{margin-top:10px;font-size:15px;}
		
		.msec-02 li .txt{padding:25px 10px 0 25px;}
		.msec-02 li .btxt{font-size:22px;}
		.msec-02 li .stxt{margin-top:12px;font-size:13px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-02{height:auto !important; padding:80px 0;}
		.msec-02 .tits h3{font-size:39px;}
		.msec-02 .tits p{margin-top:10px;font-size:14px;}
		.msec-02 .con{margin-top:40px;}

		.msec-02 li{width:31.3333%; margin:0 1%}
		.msec-02 li:nth-child(n+4){margin-top:2%;}
		.msec-02 li a{min-height:160px; max-height:160px;}
		.msec-02 li .btxt{font-size:17px;}
		.msec-02 li .stxt{margin-top:9px;}

	} 
	@media only screen and (max-width:860px) {
		.msec-02{padding:70px 0}
		.msec-02 .tits h3{font-size:32px;}
		.msec-02 .con{margin-top:30px; padding:0 15px}
		
		.msec-02 li a{min-height:50px; max-height:50px; }
		.msec-02 li .txt{padding:0 25px;}
		.msec-02 li .btxt{font-size:16px; line-height:50px;}
		.msec-02 li .stxt{display:none;}

	} 
	@media only screen and (max-width:580px) {
		.msec-02 ul{margin:0 -1.5%}
		.msec-02 li{width:47%; margin:0 1.5%}
		.msec-02 li:nth-child(n+3){margin-top:3%;}
		.msec-02 li a{min-height:45px; max-height:45px; }
		.msec-02 li .txt{padding:0 12px;}
		.msec-02 li .btxt{font-size:15px; line-height:45px;}
	}
	@media only screen and (max-width:480px) {
		.msec-02{padding:50px 0;}
		.msec-02 .tits h3{font-size:25px;}
		
		.msec-02 li .btxt{font-size:12px; letter-spacing:-0.03em;  }
	} 




/* ======================================================
   .msec-03
=========================================================*/
.msec-03{height:975px;background:#fff; position:relative;box-sizing:border-box;}
.msec-03 .tits{text-align:center;}
.msec-03 .tits h3{font-size:48px;line-height:1.2em;color:#000; font-weight:400; letter-spacing:-0.03em;}
.msec-03 .tits p{margin-top:12px;font-size:17px;line-height:1.2em;color:#000; font-weight:300; letter-spacing:-0.03em;}
.msec-03 .con{margin-top:40px}
.msec-03 .owl-stage-outer{overflow:visible}
.msec-03 .item {position:relative;}
.msec-03 .item:after{width:100%;height:100%; position:absolute; left:0; top:0;opacity:1;  display:block; content:""; background:rgba(0,0,0,0.45);webkit-transition:opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.msec-03 .item .img{}
.msec-03 .item .img img{width:100%;}
.msec-03 .item .txt{width:515px;height:235px; z-index:4; padding:40px;background:rgba(0,0,0,0.8);opacity:0; position:absolute; right:40px; bottom:40px; box-sizing:border-box;-webkit-transform: translateY(20%); -moz-transform: translateY(20%);-ms-transform: translateY(20%); -o-transform:  translateY(20%);transform: translateY(20%);webkit-transition:opacity 0.3s ease-out, transform  0.3s ease-out;-moz-transition: opacity 0.3s ease-out, transform  0.3s ease-out;-o-transition: opacity 0.3s ease-out, transform  0.3s ease-out;transition: opacity 0.3s ease-out, transform  0.3s ease-out;}
.msec-03 .item .txt .btxt{font-size:36px; font-weight:800; color:#fff; line-height:1.2em; letter-spacing:-0.02em;}
.msec-03 .item .txt .stxt{margin-top:25px;font-size:16px; font-weight:400; color:#fff; line-height:1.5em; letter-spacing:-0.03em; opacity:0.85; word-break: keep-all;}
.msec-03 .item .txt .more{width:40px;height:20px; position:absolute; right:40px; bottom:35px;background:url(../img/Main/msec03-more.png) no-repeat center center;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;transition: right 0.3s ease-out;}
.msec-03 .item .txt .more:hover{ right:30px;}

.msec-03 .owl-item.active .txt{transition-delay: 0.5s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-03 .owl-item.active .item:after{opacity:0;}

.msec-03 .owl-dots{position:relative; margin-top:20px; width:calc(100% - 160px); box-sizing:border-box; height:41px;box-sizing:border-box; padding-top:20px;}
.msec-03 .owl-dots:before{width:100%;height:1px;background:#cacaca; display:block; content:"";z-index:1; position:absolute; left:0; top:20px;}
.msec-03 .owl-dots:after{display:block; content:"";clear:both;}
.msec-03 .owl-dots .owl-dot.active{float:left;width:10%; height:1px; background:#000; position:relative; z-index:41;}
.msec-03 .owl-dots .owl-dot{float:left;width:10%; height:1px; background:#cacaca; position:relative; z-index:41;}

.msec-03 .ctrl{z-index:9123;width:140px; height:41px; position:absolute; right:20px; bottom:0;text-align:center;}
.msec-03 .ctrl .prev{width:20px;height:20px; position:absolute; left:0; top:50%; margin-top:-10px;background:url(../img/Main/msec03-prev.png) no-repeat center center}
.msec-03 .ctrl .next{width:20px;height:20px; position:absolute; right:0; top:50%; margin-top:-10px;background:url(../img/Main/msec03-next.png) no-repeat center center}
.msec-03 .ctrl .count{line-height:41px; font-size:16px; color:#000; font-weight:300; height:40px; }
.msec-03 .ctrl .count p{height:40px;}
.msec-03 .ctrl .count .nums{font-weight:400; font-size:36px; display:inline-block;vertical-align:center;line-height:41px;}

.msec-03 .ovc{padding-top:90px;}	
	@media only screen and (min-width:1200px) {
		.msec-03 .tits h3{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-03 .tits p{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-03.active .tits h3{transition-delay: 0.5s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-03.active .tits p{transition-delay: 1s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
	
		
		.msec-03 .con{opacity:1;-webkit-transform: translateX(-20%); -moz-transform: translateX(-20%);-ms-transform:translateX(-20%); -o-transform:translateX(-20%);transform: translateX(-20%);-webkit-transition: opacity 2.5s ease-out, transform 2.5s ease-out;;-moz-transition:opacity 2.5s ease-out, transform 2.5s ease-out;;-o-transition: opacity 2.5s ease-out, transform 2.5s ease-out;;transition: opacity 2.5s ease-out, transform 2.5s ease-out;}
		.msec-03.active .con{transition-delay: 0s; opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform:translateX(0); -o-transform:translateX(0);transform: translateX(0);}
	}
	@media only screen and (max-width:1199px) {
		.msec-03 .ovc{padding-top:0;}
		.msec-03{height:auto !important; padding:95px 0}
		.msec-03 .tits h3{font-size:41px;}
		.msec-03 .tits p{margin-top:10px;font-size:15px;}

		.msec-03 .con{margin-top:40px}

		.msec-03 .item .txt{width:400px;height:auto; padding:30px 50px 60px 30px; right:30px;bottom:30px;} 
		.msec-03 .item .txt .btxt{font-size:29px;}
		.msec-03 .item .txt .stxt{margin-top:15px;font-size:15px;}

		.msec-03 .item .txt .more{bottom:20px; right:20px;}
		.msec-03 .item .txt .more:hover{ right:15px;}
		
		.msec-03 .ctrl{width:130px;}
		.msec-03 .ctrl .count .nums{font-size:31px}
		.msec-03 .ctrl .count{font-size:15px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-03{height:auto !important; padding:80px 0;}
		.msec-03 .tits h3{font-size:39px;}
		.msec-03 .tits p{margin-top:10px;font-size:14px;}
		.msec-03 .con{margin-top:30px}
		
		.msec-03 .item .txt .btxt{font-size:25px;}
		.msec-03 .item .txt .stxt{margin-top:12px;font-size:14px;}
	} 
	@media only screen and (max-width:860px) {
		.msec-03{padding:70px 0}
		.msec-03 .tits h3{font-size:32px;}
		.msec-03 .con{margin-top:20px}
		
		.msec-03 .item:after{display:none;}
		.msec-03 .item .txt{ margin-top:0;position:relative; left:auto; right:auto; top:auto; bottom:auto;background:#fff; border:1px solid #f0f0f0; border-top:none; width:auto; opacity:1; padding:25px 20px;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-03 .item .txt .btxt{font-size:21px; color:#111}
		.msec-03 .item .txt .stxt{color:#555;}
	
		.msec-03 .owl-dots{display:none !Important}
		
		.msec-03 .ctrl{position:relative;width:120px;float:right; right:0; bottom:0; margin-top:15px;font-size:13px;; line-height:30px}
		.msec-03 .ctrl .count p{height:30px;}
		.msec-03 .ctrl .count .nums{font-size:25px; line-height:31px;}
		.msec-03 .ctrl .prev{background-size:6px auto;}
		.msec-03 .ctrl .next{background-size:6px auto;}
		.msec-03 .item .txt .more{display:none;}
	} 
	@media only screen and (max-width:480px) {
		.msec-03{padding:50px 0;}
		.msec-03 .tits h3{font-size:25px;}
		
		.msec-03 .item .txt{ padding:20px 15px;}
		.msec-03 .item .txt .btxt{font-size:18px;}

		.msec-03 .ctrl{width:100px;margin-top:10px;}
		.msec-03 .ctrl .count .nums{font-size:21px}
	} 





/* ======================================================
   .msec-04
=========================================================*/
.msec-04{height:975px;background:url(../img/Main/msec04-bg.jpg) no-repeat center center; background-size:cover; position:relative;box-sizing:border-box;}
.msec-04 .tits{text-align:center;}
.msec-04 .tits h3{font-size:48px;line-height:1.2em;color:#fff; font-weight:400; letter-spacing:-0.03em;}
.msec-04 .tits p{margin-top:12px;font-size:17px;line-height:1.2em;color:#fff; font-weight:300; letter-spacing:-0.03em;}
.msec-04 .con{margin-top:50px}
.msec-04 ul{margin:0 -4.5%}
.msec-04 ul:after{display:block; content:"";clear:both;}
.msec-04 li{float:left;width:24.3333333%; margin:0 4.5%}
.msec-04 li a{display:block; text-align:center; position:relative;}
.msec-04 li a:before{width:0;height:1px; background:#fff;position:absolute; left:0; top:0; 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-04 li a:after{width:0;height:1px;background:#fff; position:absolute; right:0; bottom:0; 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-04 li .txt:before{width:1px;height:0;background:#fff; position:absolute; right:0; top:0; 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-04 li .txt:after{width:1px;height:0;background:#fff; position:absolute; left:0; bottom:0; 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-04 li a:hover:before{width:100%;}
.msec-04 li a:hover:after{width:100%;}

.msec-04 li a:hover .txt:before{height:100%;}
.msec-04 li a:hover .txt:after{height:100%;}

.msec-04 li .txt{height:490px;}
.msec-04 li .txt .vc{padding-top:210px;}
.msec-04 li .txt .btxt{font-size:30px; color:#fff; line-height:1.2em;}
.msec-04 li .txt .stxt{margin-top:35px; position:relative;font-size:16px; color:#fff; line-height:1.5em;word-break: keep-all;}
.msec-04 li .txt .stxt:before{width:28px; left:50%;margin-left:-14px; top:-18px; background:#fff; height:1px; position:absolute; display:block; content:""}

.msec-04 li .txt .vc:before{/* width:134px; */height:138px; position:absolute; left:0; top:50px; display:block; content:""; width:100%;background-size:134px !important;}
.msec-04 li .txt .vc:after{width:52px;height:9px; opacity:0; position:absolute; left:50%;margin-left:-26px; bottom:54px; display:block; content:"";background:url(../img/Main/msec04-more.png) no-repeat center center;-webkit-transform: translateX(-20%); -moz-transform: translateX(-20%);-ms-transform: translateX(-20%); -o-transform:  translateX(-20%);transform: translateX(-20%);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-04 li a:hover .vc:after{transition-delay: 0.4s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
.msec-04 li:nth-child(1) .txt .vc:before{background:url(../img/Main/msec04-ico01.png) no-repeat center center}
.msec-04 li:nth-child(2) .txt .vc:before{background:url(../img/Main/msec04-ico02.png) no-repeat center center}
.msec-04 li:nth-child(3) .txt .vc:before{background:url(../img/Main/msec04-ico03.png) no-repeat center center}
	
.msec-04 .ovc{padding-top:30px;}	
	@media only screen and (min-width:1200px) {
		.msec-04 .tits h3{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-04 .tits p{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-04.active .tits h3{transition-delay: 0.5s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-04.active .tits p{transition-delay: 1s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		
		.msec-04 li{opacity:0;-webkit-transform: translateY(5%); -moz-transform: translateY(5%);-ms-transform: translateY(5%); -o-transform:  translateY(5%);transform: translateY(5%);-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-04.active li:nth-child(1){transition-delay: 1s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-04.active li:nth-child(2){transition-delay: 1.5s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-04.active li:nth-child(3){transition-delay: 2.0s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
	}
	@media only screen and (max-width:1199px) {
		.msec-04{min-height:700px;height:auto !important; padding:95px 0}
		.msec-04 .tits h3{font-size:41px;}
		.msec-04 .tits p{margin-top:10px;font-size:15px;}
	
		.msec-04 .con{margin-top:100px; max-width:92%}
	
	} 
	@media only screen and (max-width:999px) {
		.msec-04{min-height:680px;height:auto !important; padding:80px 0;}
		.msec-04 .tits h3{font-size:39px;}
		.msec-04 .tits p{margin-top:10px;font-size:14px;}

		.msec-04 .con{margin-top:80px;}
		.msec-04 ul{margin:0 -2%}
		.msec-04 li{float:left;width:29.3333%; margin:0 2%}
		.msec-04 li .txt{height:295px;}
		.msec-04 li .txt .vc{padding-top:150px;}
		.msec-04 li .txt .vc:before{background-size:90px auto !important; top:40px ;height:60px;}
		.msec-04 li .txt .btxt{font-size:24px;}
		.msec-04 li .txt .stxt{margin-top:30px; position:relative;font-size:14px;}
		.msec-04 li .txt .stxt:before{top:-15px}
		.msec-04 li .txt .vc:after{display:none;}
		
	} 
	@media only screen and (max-width:860px) {
		.msec-04{min-height:500px;padding:70px 0}
		.msec-04 .tits h3{font-size:32px;}

		.msec-04 .con{margin-top:60px; max-width:460px; padding:0 15px;}
		.msec-04 ul{margin:0 -1%}
		.msec-04 li{float:left;width:31.3333%; margin:0 1%}
		.msec-04 li .txt{height:135px;}
		.msec-04 li .txt .vc{padding-top:90px;}
		.msec-04 li .txt .btxt{font-size:16px; color:#fff; line-height:1.2em;}
		.msec-04 li .txt .stxt{display:none;}

		.msec-04 li .txt .vc:before{background-size:70px auto !important; top:20px ;height:60px;}
		.msec-04 li .txt .vc:after{display:none;}

		.msec-04 li a:before{width:100%;}
		.msec-04 li a:after{width:100%;}

		.msec-04 li a .txt:before{height:100%;}
		.msec-04 li a .txt:after{height:100%;}
	} 
	@media only screen and (max-width:480px) {
		.msec-04{min-height:400px;padding:50px 0;}
		.msec-04 .tits h3{font-size:25px;}

		.msec-04 .con{margin-top:40px;max-width:360px;}
		.msec-04 li .txt{height:120px;}
		.msec-04 li .txt .vc{padding-top:85px;}
		.msec-04 li .txt .btxt{font-size:14px; color:#fff; line-height:1.2em;}
		.msec-04 li .txt .stxt{display:none;}

		.msec-04 li .txt .vc:before{background-size:60px auto !important; top:17px ;height:60px;}
		.msec-04 li .txt .vc:after{display:none;}

		.msec-04 li a:before{width:100%;}
		.msec-04 li a:after{width:100%;}

		.msec-04 li a .txt:before{height:100%;}
		.msec-04 li a .txt:after{height:100%;}
		
	} 


/* ======================================================
   .msec-05
=========================================================*/
.msec-05{height:975px;padding-top:0;background:url(../img/Main/msec05-bg.jpg) no-repeat center center; background-size:cover; position:relative;box-sizing:border-box;}
.msec-05 .tits{text-align:center; }
.msec-05 .tits h3{font-size:48px;line-height:1.2em;color:#fff; font-weight:400; letter-spacing:-0.03em;}
.msec-05 .tits p{margin-top:12px;font-size:17px;line-height:1.2em;color:#fff; font-weight:300; letter-spacing:-0.03em;}
.msec-05 .con{margin-top:90px;}
.msec-05 .con:after{display:block; content:"";clear:both;}
.msec-05 .con .fl{width:50%; box-sizing:border-box; padding-left:20px;}
.msec-05 .con .fl p{font-size:45px; color:#fff; line-height:1.3em; font-family:"Nanum Myeongjo";}

.msec-05 .con .fr{width:50%; box-sizing:border-box;}
.msec-05 .con .fr p{font-size:18px; font-weight:400; color:#fff; line-height:1.7em; letter-spacing:-0.03em;}
.msec-05 .con .fr p.mg35t{margin-top:35px;}
.msec-05 .con .fr .more{margin-top:40px;width:180px;height:48px; line-height:46px; color:#fff; display:inline-block;vertical-align:top; border:1px solid #fff; position:relative; font-size:14px; padding:0 25px;}
.msec-05 .con .fr .more:after{width:10px;height:2px; position:absolute; right:25px; top:50%;margin-top:-1px; background:#fff;display:block; content:""}
.msec-05 .con .fr .more:hover{background:#fff; color:#000;}
.msec-05 .con .fr .more:hover:after{background:#000;}

.msec-05 .ovc{padding-top:0; }
	@media only screen and (min-width:1200px) {
		.msec-05 .con .fl{opacity:0;-webkit-transform: translateX(-10%); -moz-transform: translateX(-10%);-ms-transform: translateX(-10%); -o-transform:  translateX(-10%);transform: translateX(-10%);-webkit-transition: opacity 1.2s ease-out, transform 1.2s ease-out;;-moz-transition:opacity 1.2s ease-out, transform 1.2s ease-out;;-o-transition: opacity 1.2s ease-out, transform 1.2s ease-out;;transition: opacity 1.2s ease-out, transform 1.2s ease-out;}
		.msec-05 .con .fr{opacity:0;-webkit-transform: translateX(10%); -moz-transform: translateX(10%);-ms-transform: translateX(10%); -o-transform:  translateX(10%);transform: translateX(10%);-webkit-transition: opacity 1.2s ease-out, transform 1.2s ease-out;;-moz-transition:opacity 1.2s ease-out, transform 1.2s ease-out;;-o-transition: opacity 1.2s ease-out, transform 1.2s ease-out;;transition: opacity 1.2s ease-out, transform 1.2s ease-out;}
		
		.msec-05.active .con .fl, .msec-05.read .con .fl{transition-delay: 1s; opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		.msec-05.active .con .fr, .msec-05.read .con .fr{transition-delay: 1.6s; opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
		
		.msec-05 .ovc{padding-bottom:160px;}

		.msec-05 .tits h3{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-05 .tits p{opacity:0;-webkit-transform: translateY(30%); -moz-transform: translateY(30%);-ms-transform: translateY(30%); -o-transform:  translateY(30%);transform: translateY(30%);-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-05.active .tits h3, .msec-05.read .tits h3{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-05.active .tits p, .msec-05.read .tits p{transition-delay: 1s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
	}
	@media only screen and (max-width:1199px) {
		.msec-05{min-height:700px;height:auto !important; padding:95px 0}
		.msec-05 .tits h3{font-size:41px;}
		.msec-05 .tits p{margin-top:10px;font-size:15px;}
	
		.msec-05 .con{margin-top:100px; max-width:1140px}
		.msec-05 .con .fl p{font-size:41px;}
		.msec-05 .con .fr p{font-size:17px;}
		.msec-05 .con .fr p.mg35t{margin-top:30px;}
		.msec-05 .con .fr .more{margin-top:30px;width:160px;height:40px; line-height:38px;font-size:13px; padding:0 20px;}
		.msec-05 .con .fr .more:after{right:20px;}

		
	} 
	@media only screen and (max-width:999px) {
		.msec-05{min-height:600px;height:auto !important; padding:80px 0;}
		.msec-05 .tits h3{font-size:39px;}
		.msec-05 .tits p{margin-top:10px;font-size:14px;}

		.msec-05 .con{margin-top:80px;max-width:92%}
		.msec-05 .con .fl p{font-size:32px; word-break: keep-all;}
		
		.msec-05 .con .fr p{font-size:15px; word-break: keep-all;}
		.msec-05 .con .fr p br{display:none;}
		.msec-05 .con .fr p.mg35t{margin-top:20px;}
		.msec-05 .con .fr .more{margin-top:20px;width:160px;height:40px; line-height:38px;font-size:13px; padding:0 20px;}
		.msec-05 .con .fr .more:after{right:14px;}
	} 
	@media only screen and (max-width:860px) {
		.msec-05{min-height:600px;padding:70px 0;background:url(../img/Main/msec05-bgm.jpg) no-repeat center bottom; background-size:cover;}
		.msec-05 .tits h3{font-size:32px;}

		.msec-05 .con{margin-top:60px; max-width:440px; padding:0 15px}
		.msec-05 .con .fl{float:none; width:auto; padding-left:0;}
		.msec-05 .con .fl p{font-size:27px;}
		.msec-05 .con .fl p br{display:none;}

		.msec-05 .con .fr{float:none; width:auto; margin-top:25px;}
		.msec-05 .con .fr p{font-size:14px; }
		
		.msec-05 .con .fr p.mg35t{margin-top:20px;}
		.msec-05 .con .fr .more{margin-top:20px;width:120px;height:35px; line-height:32px;font-size:12px; padding:0 15px;}
		.msec-05 .con .fr .more:after{right:14px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-05{min-height:500px;padding:50px 0;}
		.msec-05 .tits h3{font-size:25px;}
		.msec-05 .con{margin-top:40px;max-width:330px;}
		.msec-05 .con .fl p{font-size:22px;}
		.msec-05 .con .fr .more{width:100px;}
	} 



/* ======================================================
   .msec-abc{}
=========================================================*/
	@media only screen and (min-width:1201px){
		.msec-abc{position:absolute; left:0; top:0; width:100%;height:100%;display:flex;align-items: center; justify-content: center;}
		.msec-abc .ovc{width:100%;}
	}