@charset "utf-8";
/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{height:800px; overflow:hidden;position:relative;}
.msec-visual .item{}
.msec-visual .item .img{}
.msec-visual .item .img img{width:100%;height:800px;object-fit:cover;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 4s ease-in-out;-moz-transition: transform 4s ease-in-out;-o-transition: transform 4s ease-in-out;transition: transform 4s ease-in-out;}

.msec-visual .item .txt{position:absolute; left:55%; top:350px;text-align:right; width:100%; box-sizing:border-box;  max-width:1440px; padding:0 20px; z-index:912; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .item .txt .btxt{font-size:50px; color:#fff; letter-spacing:-0.03em; line-height:1.3em; font-weight:800; font-family: 'S-CoreDream-3Light'; 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-in-out, transform 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;-o-transition:  opacity 0.4s ease-in-out, transform 0.4s ease-in-out;transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;}
.msec-visual .item .txt .stxt{margin-top:10px;font-size:30px; color:#fff; letter-spacing:-0.03em; line-height:1.3em;font-weight:700; font-family: 'S-CoreDream-3Light'; opacity:0;-webkit-transform: translateY(10%); -moz-transform: translateY(10%);-ms-transform: translateY(10%); -o-transform:  translateY(10%);transform: translateY(10%);-webkit-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;-o-transition:  opacity 0.4s ease-in-out, transform 0.4s ease-in-out;transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;}

.msec-visual.ani .slick-active.item .img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}
.msec-visual.ani .slick-active.item .btxt{transition-delay: 0.4s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-visual.ani .slick-active.item .stxt{transition-delay: 0.8s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}

.msec-visual .slick-dots{position:absolute; left:50%;  width:100%; max-width:1440px; padding:0 20px; text-align:left; height:40px; bottom:70px;  z-index:2855; box-sizing:border-box; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .slick-dots ul{ display:inline-block;vertical-align:top; margin-right:10px;}
.msec-visual .slick-dots ul:after{display:block; content:""}
.msec-visual .slick-dots li{float:left; width:auto;height:40px; margin:0; padding:0;}
.msec-visual .slick-dots li:nth-child(n+2){margin-left:8px;}
.msec-visual .slick-dots li a{display:block;}
.msec-visual .slick-dots li p{font-size:16px; font-weight:700; color:rgba(255,255,255,0.4);line-height:40px;position:relative; }
.msec-visual .slick-dots li p .bar{width:30px;height:2px; top:18px; right:-9999em; background:rgba(255,255,255,0.4);position:absolute; display:block;}
.msec-visual .slick-dots li p .bar:after{left:0; top:0;width:0;height:100%; background:rgba(255,255,255,1);position:absolute; display:block;content:""; z-index:1;-webkit-transition: width 4s ease-in-out;-moz-transition:width 4s ease-in-out;-o-transition: width 4s ease-in-out;transition: width 4s ease-in-out;}

.msec-visual .slick-dots .stop{width:30px;height:40px; display:inline-block;vertical-align:top;background:url(../img/main/visual-stop.png) no-repeat center center}
.msec-visual .slick-dots .play{width:30px;height:40px; display:inline-block;vertical-align:top;background:url(../img/main/visual-play.png) no-repeat center center}

.msec-visual .slick-dots .prev{margin-left:7px;width:40px;height:40px; display:inline-block;vertical-align:top;box-sizing:border-box;background:url(../img/main/visual-prev.png) no-repeat center center;background-size:100% auto;border-radius:100%;border:1px solid #fff}
.msec-visual .slick-dots .next{margin-left:7px;width:40px;height:40px; display:inline-block;vertical-align:top;box-sizing:border-box;background:url(../img/main/visual-next.png) no-repeat center center;background-size:100% auto;border-radius:100%;border:1px solid #fff}

.msec-visual .slick-dots .prev:hover{background-color:#111;border-color:#111;}
.msec-visual .slick-dots .next:hover{background-color:#111;border-color:#111;}

.msec-visual .slick-dots li.slick-active p{padding-right:40px; color:#fff;}
.msec-visual .slick-dots li.slick-active p .bar{display:block;right:0;}
.msec-visual .slick-dots.ani li.slick-active p .bar:after{transition-delay: 0.3s;width:100%;}	


.msec-visual .desktop{display:block;}
.msec-visual .mobile{display:none;}
	@media only screen and (max-width:1640px){
		.msec-visual{height:700px;}
		.msec-visual .item .img img{height:700px;}
		.msec-visual .item .txt{top:300px;}
	}
	@media only screen and (max-width:1440px){
		.msec-visual{height:600px;}
		.msec-visual .item .img img{height:600px;}
		.msec-visual .item .txt .btxt{font-size:44px;}
		.msec-visual .item .txt .stxt{margin-top:10px;font-size:24px;}

		.msec-visual .slick-dots{bottom:120px}
		.msec-visual .item .txt{left:45%; }
	}
	@media only screen and (max-width:1200px){
		.msec-visual{height:600px;}
		.msec-visual .item .img img{height:600px;}
		.msec-visual .item .txt{top:300px;}
		.msec-visual .item .txt .stxt{font-size:24px;}
	}
	@media only screen and (max-width:1140px){
		.msec-visual{height:550px;}
		.msec-visual .item .img img{height:550px;}
		.msec-visual .item .txt{top:250px;}
		.msec-visual .item .txt .btxt{font-size:34px;}
		.msec-visual .item .txt .stxt{font-size:24px;}
		
	}
	@media only screen and (max-width:999px){
		.msec-visual{height:500px;}
		.msec-visual .item .img img{height:500px;}
		.msec-visual .item .txt{top:200px;text-align:center;left: 50%;}
		.msec-visual .item .txt .btxt{font-size:34px;}
		.msec-visual .item .txt .stxt{font-size:20px;}

		.msec-visual .slick-dots{bottom:100px;text-align:center; height:30px;}
		.msec-visual .slick-dots li{height:30px;}
		.msec-visual .slick-dots li p{font-size:14px;line-height:30px;}
		.msec-visual .slick-dots li p .bar{top:14px;}
		.msec-visual .slick-dots .stop{width:30px;height:30px;}
		.msec-visual .slick-dots .play{width:30px;height:30px;}
		.msec-visual .slick-dots .prev{width:30px;height:30px;}
		.msec-visual .slick-dots .next{width:30px;height:30px;}

		.msec-visual .desktop{display:none;}
		.msec-visual .mobile{display:block;}
	}
	@media only screen and (max-width:680px){
		.msec-visual{height:300px;}
		
		.msec-visual .item .img img{height:300px;}
		.msec-visual .item .txt{left:50%; top:50%;margin-top:0px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
		.msec-visual .item .txt .btxt{font-size:29px; padding:0 5%}
		.msec-visual .item .txt .stxt{font-size:20px;}

		.msec-visual .slick-dots{bottom:80px; height:24px;}
		.msec-visual .slick-dots li{height:24px;}
		.msec-visual .slick-dots li p{font-size:12px;line-height:24px;}
		.msec-visual .slick-dots li p .bar{top:10px;}
		.msec-visual .slick-dots .stop{width:24px;height:24px;background-size:14px auto;}
		.msec-visual .slick-dots .play{width:24px;height:24px;background-size:14px auto;}
		.msec-visual .slick-dots .prev{width:24px;height:24px;}
		.msec-visual .slick-dots .next{width:24px;height:24px;}
	}
	@media only screen and (max-width:480px){
		.msec-visual .item .txt .btxt{font-size:25px;}
		.msec-visual .item .txt .stxt{font-size:18px;}

		.msec-visual .slick-dots{bottom:70px;}
	}



.msec-visual .quick{position:Absolute; right:0; bottom:0;}
.msec-visual .quick ul:after{display:block; content:"";clear:both}
.msec-visual .quick li{float:left;}
.msec-visual .quick li:nth-child(n+2){margin-left:1px;}
.msec-visual .quick li a{display:block; width:250px; text-align:left; font-size:18px;font-weight:500; color:#fff; letter-spacing:-0.03em; padding:0 30px; box-sizing:border-box; background:rgba(0,0,0,0.5); line-height:100px;position:relative;}
.msec-visual .quick li a:after{display:block; width:24px;height:24px; position:Absolute;right:30px; top:50%; margin-top:-12px; background:url(../img/main/quick-arrow.png) no-repeat center center; display:block; content:""}

.msec-visual .quick li a:hover{background:#fff; color:#111;}
.msec-visual .quick li a:hover:after{background-image:url(../img/main/quick-arrowo.png)}
	@media only screen and (max-width:1640px){
		.msec-visual .quick li a{ font-size:17px; line-height:85px;}
	}
	@media only screen and (max-width:1440px){
		.msec-visual .quick li a{width:200px; padding:0 25px; font-size:16px; line-height:70px;}
		.msec-visual .quick li a:after{right:25px;}
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:1140px){
		
	}
	@media only screen and (max-width:999px){
		.msec-visual .quick{width:100%;}
		.msec-visual .quick ul{}
		.msec-visual .quick li{ }
		.msec-visual .quick li:nth-child(1){width:36%;}
		.msec-visual .quick li:nth-child(2){width:32%;}
		.msec-visual .quick li:nth-child(3){width:32%;}
		.msec-visual .quick li:nth-child(n+2){margin-left:1px;width:calc(32% - 1px)}
		.msec-visual .quick li a{width:auto;font-size:16px; line-height:60px; padding:0 15px;}
		.msec-visual .quick li a:after{right:15px;}
	}
	@media only screen and (max-width:680px){
		.msec-visual .quick li a{line-height:50px; font-size:15px; padding:0 10px; padding-left:10px;}
		.msec-visual .quick li a:after{right:10px; background-size:10px auto;}
	}
	@media only screen and (max-width:480px){
		.msec-visual .quick li a{font-size:14px; line-height:45px}
		.msec-visual .quick li a:after{right:5px;}
	}


/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; padding:110px 0}
.msec-01:after{position:absolute ;left:0; top:0; height:100%; width:20000px; left:50%;margin-left:-10000px; display:block; content:"";z-index:-1;background:#eeeeee; }
.msec-01 h3{font-size:44px; font-weight:700; color:#000; letter-spacing:-0.05em; line-height:1.1em;margin-bottom:20px;}

.msec-01 .tab{margin-top:40px;position:relative;}
.msec-01 .tab ul:after{display:block; content:"";clear:both}
.msec-01 .tab li{float:left}
.msec-01 .tab li:nth-child(n+2){margin-left:10px}
.msec-01 .tab li a{display:block;min-width:100px; box-sizing:border-box;text-align:center; color:#777; font-size:18px; font-weight:600; letter-spacing:-0.03em; line-height:45px; border-radius:45px;}
.msec-01 .tab li.active a{background:#313444; color:#fff}
.msec-01 .tab li a:hover{background:#ddd;}

.msec-01 .tab .more{font-size:15px;color:#111; letter-spacing:-0.05em; font-weight:600;line-height:1.3em;position:absolute;right:0; top:15px; line-height:30px;}
.msec-01 .tab .more span{display:inline-block;vertical-align:top; position:Relative;}
.msec-01 .tab .more span:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #111;opacity:0;-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-01 .tab .more:hover span: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}
	@media only screen and (max-width:1440px){
		.msec-01{padding:90px 20px}
		.msec-01 h3{font-size:40px;}
		.msec-01 .tab{margin-top:35px;}
		.msec-01 .tab li:nth-child(n+2){margin-left:15px}
		.msec-01 .tab li a{font-size:17px; line-height:40px; border-radius:40px; min-width:120px;}

		.msec-01 .tab .more{font-size:18px; top:12px;}
	}

	@media only screen and (max-width:1371px){
		.msec-01 h3{font-size:35px;}
		
	}
	@media only screen and (max-width:1280px){
		.msec-01 h3{font-size:30px;}
		
	}
	@media only screen and (max-width:1140px){
		
	}
	@media only screen and (max-width:999px){
		.msec-01{padding:70px 20px}
		.msec-01 h3{font-size:30px;}
		.msec-01 .tab{margin-top:25px;}
		.msec-01 .tab li:nth-child(n+2){margin-left:10px}
		.msec-01 .tab li a{font-size:16px; line-height:40px; border-radius:40px; min-width:110px;}

		.msec-01 .tab .more{font-size:16px; line-height:25px; top:10px;}
	}
	@media only screen and (max-width:680px){
		.msec-01{padding:50px 20px}
		.msec-01 h3{font-size:25px;}
		.msec-01 .tab li:nth-child(n+2){margin-left:5px}
		.msec-01 .tab li a{font-size:15px; line-height:35px; border-radius:35px; min-width:68px; padding:0 12px;}

		.msec-01 .tab .more{font-size:14px; line-height:20px; top:-41px}
	}
	@media only screen and (max-width:480px){
		.msec-01 .tab li a{font-size:14px; line-height:30px ; border-radius:30px;}
	}



.msec-01 .cont{margin-top:30px;}
.msec-01 .cont .prd-slide{overflow:visible !important;}
.msec-01 .cont ul{}
.msec-01 .cont ul:after{display:block ;content:""; clear:both}
.msec-01 .cont ul li{margin-left:27px;float:left; width:380px;}
.msec-01 .cont ul li:first-child{margin-left:0;}


.msec-01 .cont li .img{border-radius:20px 20px 0 0; overflow:hidden;}
.msec-01 .cont li .img img{width:100%; height:220px; object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease-out;transition: transform 1s ease-out;}
.msec-01 .cont li:hover .img 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);}

.msec-01 .cont ul li .txt{height:270px; border-radius:0 0 20px 20px; background:#fff; box-sizing:border-box; padding:25px 25px; position:relative;-webkit-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
.msec-01 .cont ul li .txt .cate{display:inline-block;vertical-align:top; line-height:30px; padding:0 17px; border-radius:30px; background:#d9e9f5; font-size:13px; letter-spacing:-0.03em; color:#666;-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-01 .cont ul li .txt .btxt{font-size:20px; color:#303030; line-height:1.4em; margin-top:10px; font-weight:700;letter-spacing:-0.03em;max-height:84px; overflow:hidden;-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-01 .cont ul li .txt .stxt{margin-top:25px;font-size:17px; color:#666; letter-spacing:-0.04em; line-height:1.3em; font-weight:700;-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-01 .cont ul li .txt .stxt span{font-weight:300; margin-right:15px;}
.msec-01 .cont ul li .txt .ctxt{margin-top:15px;font-size:15px; color:#666; letter-spacing:-0.04em; line-height:1.3em; font-weight:400;  text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto; -webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-01 .cont ul li .txt .more{font-size:14px; color:#666; letter-spacing:-0.03em; line-height:20px; font-weight:400; position:absolute;right:45px; bottom:30px;-webkit-transition:color 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-01 .cont ul li .txt .more span{display:inline-block;vertical-align:top; position:relative;}
.msec-01 .cont ul li .txt .more span:after {content:'';position:absolute;bottom:-5px;left:0;width:100%;height:0;border-bottom:1px solid #fff;opacity:0;-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-01 .cont ul li .txt:hover{background:#313444;box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3)  ; }
.msec-01 .cont ul li .txt:hover .cate{background:#fff;}
.msec-01 .cont ul li .txt:hover .btxt{color:#fff}
.msec-01 .cont ul li .txt:hover .stxt{color:#fff}
.msec-01 .cont ul li .txt:hover .ctxt{color:#fff}
.msec-01 .cont ul li .txt:hover .more{color:#fff}
.msec-01 .cont ul li .txt:hover .more span:after{transition-delay:0.5s;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-01 .prd-ctrl{margin-top:45px; position:relative; padding-right:130px;}
.msec-01 .scrollbar{position:relative;}
.msec-01 .scrollbar {/* position:absolute; left:0; bottom:-15px; */ position:relative; background:#a6a6a6;width:100%;height:1px;line-height:0; overflow:hidden; }
.msec-01 .scrollbar .handle {width: 100px;height: 100%;background: #000;cursor: pointer; }
.msec-01 .scrollbar .handle .mousearea {position: absolute;top: 0;left: 0;width: 100%;height:1px;}
.msec-01 .scrollbar .handle .mousearea:after{width:2000px; right:0; top:0; background:#000; display:block; content:"";position:absolute;height:1px;}

.msec-01 .disabled{display:block !important;}

.msec-01 .prev{width:46px;height:46px; z-index:9999; position:absolute; cursor:pointer; text-indent:-9999em;right:56px; top:50%;margin-top:-23px;  border:1px solid #c0c0c0; border-radius:100%; background:url(../img/main/board-prev.jpg) no-repeat left center;background-size:100% auto;}
.msec-01 .next{width:46px;height:46px; z-index:9999;position:absolute;  cursor:pointer;text-indent:-9999em;right:0; top:50%;margin-top:-23px;  border:1px solid #c0c0c0; border-radius:100%; background:url(../img/main/board-next.jpg) no-repeat right center;background-size:100% auto;}
.msec-01 .prev:hover{background-image:url(../img/main/board-prevo.jpg)}
.msec-01 .next:hover{background-image:url(../img/main/board-nexto.jpg)}




	@media only screen and (max-width:1440px){
		.msec-01 .cont{margin-top:35px;}
		
		.msec-01 .cont ul li{width:360px;}
		.msec-01 .cont ul li .txt{height:300px; padding:30px 35px;  }
		.msec-01 .cont ul li .txt .cate{font-size:14px; line-height:25px;}
		.msec-01 .cont ul li .txt .btxt{font-size:27px;max-height:76px;}
		.msec-01 .cont ul li .txt .stxt{margin-top:15px;font-size:16px;}
		.msec-01 .cont ul li .txt .ctxt{margin-top:5px;font-size:16px; line-height:1.5em; }

		.msec-01 .cont ul li .txt .more{font-size:16px; right:35px; bottom:30px}

		.msec-01 .prd-ctrl{padding-right:110px; margin-top:40px;}
		.msec-01 .prev{width:40px;height:40px;right:50px; margin-top:-20px;}
		.msec-01 .next{width:40px;height:40px; margin-top:-20px;}
	}
	@media only screen and (max-width:1317px){
		.msec-01 .cont ul li .txt .btxt{font-size:22px;max-height:76px;}
		
	}
	@media only screen and (max-width:1280px){
		.msec-01 .cont ul li{width:300px;}
		.msec-01 .cont li .img img{ height:180px;}
		.msec-01 .cont ul li .txt{height:300px; padding:30px 30px;  }
		
		.msec-01 .cont ul li .txt .btxt{font-size:20px;max-height:60px;}
		.msec-01 .cont ul li .txt .stxt{margin-top:15px;font-size:15px;}
		.msec-01 .cont ul li .txt .ctxt{margin-top:5px;font-size:15px; }
	}
	@media only screen and (max-width:1140px){
		
	}
	@media only screen and (max-width:999px){
		.msec-01 .cont{margin-top:25px;}
		.msec-01 .cont ul li{margin-left:20px;width:300px;}
		.msec-01 .cont ul li .txt{height:250px; padding:25px 25px;  }
		.msec-01 .cont ul li .txt .cate{font-size:14px; line-height:25px;}
		.msec-01 .cont ul li .txt .btxt{font-size:20px;max-height:60px;}
		.msec-01 .cont ul li .txt .stxt{margin-top:15px;font-size:15px;}
		.msec-01 .cont ul li .txt .ctxt{margin-top:5px;font-size:15px;}

		.msec-01 .cont ul li .txt .more{font-size:15px; right:25px; bottom:20px}

		.msec-01 .prd-ctrl{padding-right:90px; margin-top:40px;}
		.msec-01 .prev{width:34px;height:34px;right:40px; margin-top:-17px;}
		.msec-01 .next{width:34px;height:34px; margin-top:-17px;}
	}
	@media only screen and (max-width:680px){

		.msec-01 .cont ul li{margin-left:20px;width:290px;}
		.msec-01 .cont ul li .txt{height:220px;} 
		.msec-01 .cont ul li .txt .btxt{font-size:20px;max-height:56px;}
		.msec-01 .cont ul li .txt .stxt{font-size:14px;}
		.msec-01 .cont ul li .txt .stxt span{margin-right:10px;}
		.msec-01 .cont ul li .txt .ctxt{font-size:15px;}

		.msec-01 .cont ul li .txt .more{font-size:14px;}

		.msec-01 .prd-ctrl{padding-right:70px; margin-top:30px;}
		.msec-01 .prev{width:28px;height:28px;right:34px; margin-top:-14px;}
		.msec-01 .next{width:28px;height:28px; margin-top:-14px;}
	}
	@media only screen and (max-width:480px){
		.msec-01 .cont ul li{margin-left:15px;width:270px;}
		.msec-01 .cont ul li .txt{padding:20px 20px}


		.msec-01 .cont ul li .txt .more{font-size:14px; color:#000;}
		.msec-01 .cont li .img img{ height:150px;}
		.msec-01 .cont ul li .txt{height:300px;}
		.msec-01 .cont ul li .txt .cate{ font-size:14px; color:#000;}
		.msec-01 .cont ul li .txt .ctxt{font-size:15px; line-height:23px; letter-spacing:-0.03em; color:#333; }
	}



/* ======================================================
   .msec-02
=========================================================*/
.msec-02{position:relative; padding:110px 0; }
.msec-02 .cont{position:relative;padding-right:590px;min-height:600px}
.msec-02 .notice{position:relative;}
.msec-02 .zone{width:500px; position:absolute; right:0; top:0;}

.msec-02 h3{/*font-family: 'BookkMyungjo-Bd';*/font-size:36px; font-weight:700; color:#111; letter-spacing:-0.05em; line-height:1.1em;margin-bottom:20px;}
.msec-02 .more{/*font-family: 'BookkMyungjo-Bd';*/font-size:18px;color:#111; letter-spacing:-0.05em; font-weight:500;line-height:1.3em;position:absolute;right:0; top:15px; line-height:30px;}
.msec-02 .more span{display:inline-block;vertical-align:top; position:Relative;}
.msec-02 .more span:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #111;opacity:0;-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-02 .more:hover span: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-02 .notice{}
.msec-02 .notice ul{border-top:1px solid #000}
.msec-02 .notice li{border-bottom:1px solid #d1d1d1; }
.msec-02 .notice li a{display:block; position:relative ;padding:35px 40px; padding-left:80px; padding-right:90px;}
.msec-02 .notice li a:after{width:46px;height:46px; position:Absolute;right:20px; top:50%; margin-top:-23px;background:url(../img/main/notice-arrow.jpg) no-repeat center center; background-size:100% auto; display:block; content:""}
.msec-02 .notice li a:hover:after{background-image:url(../img/main/notice-arrowo.jpg)}
.msec-02 .notice li .cate{width:60px;position:absolute ;left:0 ;top:35px; background:#ededed; font-size:14px; line-height:34px; border-radius:34px; text-align:center; color:#111;}
.msec-02 .notice li .btxt{font-size:22px; font-weight:500; color:#000; letter-spacing:-0.03em; line-height:1.2em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.msec-02 .notice li .stxt{font-size:17px;margin-top:10px; color:#777; line-height:1.35em; font-weight:400;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-02 .notice li .ctxt{font-size:14px;margin-top:14px; color:#aaa; line-height:20px; background:url(../img/main/notice-time.jpg) no-repeat left center; padding-left:20px;}

.msec-02 .zone .item a{display:block;}
.msec-02 .zone .item a img{width:100%;height:500px;object-fit:cover;}

.msec-02 .zone .slick-dots{position:relative; margin-top:20px; left:auto; width:auto; text-align:center; top:auto; bottom:auto;height:10px; bottom:auto; z-index:55;}
.msec-02 .zone .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:10px;}
.msec-02 .zone .slick-dots li{display:inline-block;vertical-align:top; margin:0 4px; padding:0; width:auto; height:10px;}
.msec-02 .zone .slick-dots li button{ background:#d3d3d3; width:10px;height:10px; padding:0; position:relative; border-radius:10px}
.msec-02 .zone .slick-dots li.slick-active button{background:#94744e;}
	@media only screen and (max-width:1540px){
		
	}
	@media only screen and (max-width:1440px){
		.msec-02{padding:90px 0}
		.msec-02 h3{font-size:36px;} 
		.msec-02 .more{font-size:18px; top:12px;}
		
		.msec-02 .cont{padding-right:540px;}
		.msec-02 .zone{width:460px;}
		
		.msec-02 .notice li a{padding:30px 40px; padding-left:70px; padding-right:65px;}
		.msec-02 .notice li a:after{width:40px;height:40px; margin-top:-20px; right:15px;}
		.msec-02 .notice li .cate{top:30px; font-size:13px; line-height:30px; border-radius:30px; width:54px;}
		.msec-02 .notice li .btxt{font-size:22px; }
		.msec-02 .notice li .stxt{font-size:15px;}
		.msec-02 .notice li .ctxt{font-size:13px;margin-top:14px;}
		
		.msec-02 .zone .item a img{height:460px;}
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:1140px){
		.msec-02{padding:70px 0}
		.msec-02 h3{font-size:32px;} 

		.msec-02 .cont{padding-right:480px;}
		.msec-02 .zone{width:420px;}
		
		.msec-02 .notice li a{padding:26px 30px; padding-left:60px; padding-right:55px;}
		.msec-02 .notice li a:after{width:32px;height:32px; margin-top:-16px;}
		.msec-02 .notice li .cate{top:26px; font-size:12px; line-height:24px; border-radius:24px; width:50px;}
		.msec-02 .notice li .btxt{font-size:20px;}
		.msec-02 .notice li .stxt{font-size:14px;}
		.msec-02 .notice li .ctxt{font-size:12px}

		.msec-02 .zone .item a img{height:420px;}
	}
	@media only screen and (max-width:999px){
		.msec-02 h3{font-size:28px;} 
		.msec-02 .more{font-size:16px; line-height:25px;}
		
		.msec-02 .cont{padding-right:52%; min-height:auto;}

		.msec-02 .notice li a{padding:20px 30px; padding-left:60px; padding-right:50px;}
		.msec-02 .notice li a:after{width:22px;height:22px; margin-top:-11px; right:10px;}
		.msec-02 .notice li .cate{top:20px;}
		.msec-02 .notice li .btxt{font-size:18px;}
		.msec-02 .notice li .stxt{font-size:14px; margin-top:7px}
		.msec-02 .notice li .ctxt{margin-top:10px;}

		.msec-02 .zone{width:48%}
		.msec-02 .zone .item a img{height:355px}
		.msec-02 .zone .slick-dots{margin-top:15px;}
	
	}
	@media only screen and (max-width:780px){
		.msec-02 .cont{padding-right:0;}
		.msec-02 .zone{position:relative ;right:auto; top:auto; width:auto; margin-top:30px;}

		.msec-02 .zone .item a img{height:auto;object-fit:fill;}
	}
	@media only screen and (max-width:680px){
		.msec-02{padding:50px 0}
		.msec-02 h3{font-size:24px;} 
		.msec-02 .more{font-size:14px; line-height:20px;}
		
		.msec-02 .notice li a{padding:15px 15px;}
		.msec-02 .notice li a:after{width:22px;height:22px; margin-top:0; right:15px; top:15px;}
		.msec-02 .notice li .cate{position:relative; left:auto; top:auto; display:inline-block;vertical-align:top; line-height:20px; border-radius:20px;}
		.msec-02 .notice li .btxt{margin-top:10px; font-size:16px;}
		.msec-02 .notice li .stxt{margin-top:5px;}
		.msec-02 .notice li .ctxt{font-size:11px;}
	}
	@media only screen and (max-width:480px){
		.msec-02 .notice li a{padding:15px 10px;}
		.msec-02 .notice li a:after{right:10px;}
	}

/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative; padding:150px 0}
.msec-03:after{position:absolute ;left:0; top:0; height:100%; width:20000px; left:50%;margin-left:-10000px; display:block; content:"";z-index:-1;background:#f9f9f9; }
.msec-03 .tits{position:relative; }
.msec-03 .tits h3{font-size:36px; font-weight:800; color:#000; letter-spacing:-0.05em; line-height:1.3em;/*font-family: 'BookkMyungjo-Bd';*/}
.msec-03 .tits .more{font-size:18px; color:#111; font-weight:500; letter-spacing:-0.05em; position:absolute;right:0; bottom:0; line-height:30px;/*font-family: 'BookkMyungjo-Bd';*/}
.msec-03 .tits .more span{display:inline-block;vertical-align:top; position:relative;}
.msec-03 .tits .more span:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #111;opacity:0;-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 .tits .more:hover span: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{padding-right:194px;position:relative; margin-top:40px;}
.msec-03 .cont .owl-stage-outer{overflow:visible !important;}
.msec-03 .cont .item{}
.msec-03 .cont .item a{display:block; padding-bottom:40px;}
.msec-03 .cont .item .img{overflow:hidden;}
.msec-03 .cont .item .img img{width:100%; height:250px; border-radius:20px; 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 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-03 .cont .item .txt{margin-top:40px;}
.msec-03 .cont .item .txt .btxt{font-size:20px ;font-weight:500; color:#000; letter-spacing:-0.03em;line-height:1.3em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msec-03 .cont .item .txt .stxt{margin-top:10px;font-size:15px ;font-weight:300; color:#777; line-height:1.4em; letter-spacing:-0.03em;}
.msec-03 .cont .item a:hover .img 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);}

.msec-03 .cont .owl-prev{width:70px;height:70px;text-indent:-9999em; cursor:pointer;z-index:9999; border-radius:100%; position:absolute; left:-100px; top:85px; background:url(../img/main/press-prev.png) no-repeat center center; background-size:100% auto;}
.msec-03 .cont .owl-next{width:70px;height:70px;text-indent:-9999em; cursor:pointer;z-index:9999;border-radius:100%; position:absolute; right:-100px; top:85px; background:url(../img/main/press-next.png) no-repeat center center; background-size:100% auto;}

.msec-03 .cont .owl-nav .disabled{opacity:0.3; display:block !important;}
	@media only screen and (max-width:1540px){
		
	}
	@media only screen and (max-width:1440px){
		.msec-03{padding:120px 0}
		.msec-03 .tits h3{font-size:36px;} 
		.msec-03 .tits .more{font-size:18px;}
		
		.msec-03 .cont{margin-top:30px;}
		.msec-03 .cont .owl-prev{width:50px;height:50px; left:-15px;}
		.msec-03 .cont .owl-next{width:50px;height:50px; right:-15px;}
	}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:1140px){
		.msec-03{padding:90px 0}
	}
	@media only screen and (max-width:999px){
		.msec-03 .tits h3{font-size:32px;} 
		.msec-03 .tits .more{font-size:16px; line-height:25px;}
		
		.msec-03 .cont{padding-right:50px; margin-top:20px;}
		.msec-03 .cont .item .img img{height:auto;object-fit:fill;}
		.msec-03 .cont .item .txt{margin-top:30px;}
		.msec-03 .cont .owl-prev{left:-15px;; width:40px; height:40px; top:20%;}
		.msec-03 .cont .owl-next{right:-15px; width:40px; height:40px; top:20%;}
	}
	@media only screen and (max-width:680px){
		.msec-03{padding:70px 0}
		.msec-03 .tits h3{font-size:29px;} 
		.msec-03 .tits .more{font-size:14px; line-height:20px;}


		.msec-03 .cont{padding-right:0;}
		.msec-03 .cont .item a{padding-bottom:20px;}
		.msec-03 .cont .item .img img{min-height:200px;}

		.msec-03 .cont .item .txt{margin-top:20px; padding:0 5px;}
		.msec-03 .cont .item .txt .btxt{font-size:18px;}
		.msec-03 .cont .item .txt .stxt{margin-top:7px;font-size:14px }

		.msec-03 .cont .owl-prev{left:-15px;; width:30px; height:30px; top:34%}
		.msec-03 .cont .owl-next{right:-15px; width:30px; height:30px; top:34%}
	}
	@media only screen and (max-width:480px){
		.msec-03{padding:50px 0}
		.msec-03 .tits h3{font-size:24px;} 

		.msec-03 .cont .owl-prev{ top:30%}
		.msec-03 .cont .owl-next{ top:30%}
	}



/* ======================================================
   .msec-04
=========================================================*/
.msec-04{padding:50px 0 100px}
.msec-04:after{display:block ;content:"";clear:both;}

.msec-04 .fl{float:left; width:calc(50% - 20px)}
.msec-04 .fr{float:right; width:calc(50% - 20px)}

.msec-04 h3{font-size:36px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; /*font-family: 'BookkMyungjo-Bd';*/}

.msec-04 ul{ margin-top:27px; padding-top:35px; border-top:1px solid #b1b1b1 ;position:relative;}
.msec-04 ul:after{display:block; content:"";clear:both}
.msec-04 li{float:left; width:calc(50% - 30px);position:relative;}
.msec-04 li:nth-child(2){float:right;}
.msec-04 li:nth-child(2):before{border-left:1px solid #bfc3c5; height:80px; top:50%; left:-31px; margin-top:-40px; display:block; content:"";position:absolute;}
.msec-04 li a{display:block; padding-left:0px; position:relative; min-height:125px;}
.msec-04 li a:before{width:50px;height:50px; position:absolute; right:0; top:-10px; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-04 li a:hover:before{transform:translateY(-5px);}
.msec-04 li .btxt{font-size:24px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.msec-04 li .stxt{font-size:16px; font-weight:500; color:#666; letter-spacing:-0.03em; line-height:1.5em; margin-top:15px}


.msec-04 .fl li:nth-child(1) a:before{background:url(../img/main/nanum-ico01.png) no-repeat center top;}
.msec-04 .fl li:nth-child(2) a:before{background:url(../img/main/nanum-ico02.png) no-repeat center top;}
.msec-04 .fr li:nth-child(1) a:before{background:url(../img/main/nanum-ico03.png) no-repeat center top;}
.msec-04 .fr li:nth-child(2) a:before{background:url(../img/main/nanum-ico04.png) no-repeat center top;}
	@media only screen and (max-width:1640px) {	
		.msec-04{margin-top:100px;}
		.msec-04 h3{font-size:33px;}
		.msec-04 ul{ margin-top:20px; padding-top:30px;}
		.msec-04 li:nth-child(2):before{height:70px; margin-top:-35px;}
		.msec-04 li a{padding-left:65px; min-height:115px;}
		.msec-04 li a:before{width:45px; height:45px; background-size:100% auto !important;}
		.msec-04 li .btxt{font-size:22px;}
		.msec-04 li .stxt{font-size:15px; margin-top:12px;}
		.msec-04 li .stxt br{display:none;}
	}
	@media only screen and (max-width:1480px) {
		.msec-04 h3{font-size:30px;}
		.msec-04 ul{ padding-top:25px;}
		.msec-04 li:nth-child(2):before{height:60px; margin-top:-30px;}
		.msec-04 li a{padding-left:55px; }
		.msec-04 li a:before{width:40px; height:40px;}
		.msec-04 li .btxt{font-size:20px;}
		.msec-04 li .stxt{font-size:15px; margin-top:10px;}
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-04{margin-top:80px;}
		.msec-04 h3{font-size:26px;}
		
		.msec-04 ul{ margin-top:20px; padding-top:20px;}
		.msec-04 li{float:none; width:auto}
		.msec-04 li a{min-height:90px;}
		.msec-04 li:nth-child(2){float:none; margin-top:20px; padding-top:25px;}
		.msec-04 li:nth-child(2):before{height:0; margin-top:0; border-left:none; border-top:1.1px dashed #bfc3c5; width:100%;top:0; margin-top:0; left:0;}

		.msec-04 li .btxt{font-size:18px;}
		.msec-04 li .stxt{font-size:15px;}
	}
	@media only screen and (max-width:680px) {
		.msec-04{margin-top:50px;}
		.msec-04 h3{font-size:24px;}

		.msec-04 .fl{float:none; width:auto}
		.msec-04 .fr{float:none; width:auto; margin-top:35px;}
		
		.msec-04 ul{ margin-top:15px; padding-top:20px;border-bottom:1px solid #b1b1b1 ;}
		.msec-04 li a{min-height:auto;}
		.msec-04 li:nth-child(2){margin-top:20px; padding:20px 0 ;}
		
		.msec-04 li a{padding-left:48px; }
		.msec-04 li a:before{width:35px; height:35px; top:-5px}
		.msec-04 li .btxt{font-size:16px;}
		.msec-04 li .stxt{font-size:15px; margin-top:7px;}
	}
	@media only screen and (max-width:480px) {
		.msec-04 h3{font-size:22px;}
		.msec-04 ul{ margin-top:10px;}
		.msec-04 li a{padding-left:42px; }
		.msec-04 li a:before{width:30px; height:30px; top:-2px}
	}


/* ======================================================
   .msec-05
=========================================================*/
.msec-05{padding:100px 0 150px;}
.msec-05 .tits{}
.msec-05 .tits h3{font-size:40px ;font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.msec-05 .tits p{margin-top:15px;font-size:18px ;font-weight:400; color:#333; letter-spacing:-0.03em; line-height:1.2em;}

.msec-05 .cont{margin-top:30px;}


.msec-05 .oth{margin-top:0px;}
.msec-05 .oth ul{margin:0 -1%}
.msec-05 .oth ul:after{display:block ;content:"";clear:both}
.msec-05 .oth li{float:left; width:23%; margin:0 1%;}
.msec-05 .oth li a{height:150px; bordeR:1px solid #d9d9d9;display:flex;align-items: center; justify-content: left; padding:40px 30px; box-sizing:border-box; position:relative; border-radius: 10px; -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-05 .oth li a:after{width:24px;height:14px; position:absolute;right:30px; bottom:40px;background:url(../img/main/news-more.jpg) no-repeat right center; display:block ;content:"";-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.msec-05 .oth li a:hover{box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1) ; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1)  ; }
.msec-05 .oth li a:hover:after{-webkit-transform: translateX(6px); -moz-transform: translateX(6px);-ms-transform: translateX(6px); -o-transform:  translateX(6px);transform: translateX(6px);}
.msec-05 .oth li .btxt{font-size:20px ;font-weight:700; color:#000; letter-spacing:-0.03em; line-height:1.2em;-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-05 .oth li .stxt{font-size:16px ;font-weight:300; color:#666; letter-spacing:-0.03em; line-height:1.5em; margin-top:20px;}

.msec-05 .oth li a:hover .btxt{color:#000}
	

	@media only screen and (max-width:1440px) {
		.msec-05 .oth{margin-top:80px;}
		.msec-05 .oth li a{height:180px; padding:30px; }
		.msec-05 .oth li a:after{right:30px; bottom:30px;}
		.msec-05 .oth li .btxt{font-size:18px;}
		.msec-05 .oth li .stxt{font-size:15px;margin-top:15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-05 .oth{margin-top:70px;}
		.msec-05 .oth li a{height:150px; padding:30px; }
		.msec-05 .oth li a:after{right:25px; bottom:25px;}
		.msec-05 .oth li .btxt{font-size:17px;}
		.msec-05 .oth li .stxt{font-size:14px;margin-top:10px;}
		.msec-05 .oth li .stxt br{display:none;}
		
	}
	@media only screen and (max-width:999px) {
		.msec-05 .oth{margin-top:60px;}
		.msec-05 .oth li a{height:130px; padding:20px 20px; display:block; }
		.msec-05 .oth li a:after{right:20px; bottom:20px;}
		.msec-05 .oth li .btxt{font-size:16px;}
		.msec-05 .oth li .stxt{font-size:13px; margin-top:5px}
		
	}
	@media only screen and (max-width:680px) {
		.msec-05 .oth{margin-top:40px;}
		.msec-05 .oth li a{height:100px;}
		.msec-05 .oth li a:after{width:20px; background-size:20px auto; left:50%; margin-left:-10px; top:60px;right:auto; bottom:auto;}
		.msec-05 .oth li .btxt{font-size:15px;text-align:center;}
		.msec-05 .oth li .stxt{display:none}
	}
	@media only screen and (max-width:480px) {
		
	}



/*=======================================================
  .msec-06
=========================================================*/
.msec-06{position:relative; padding:90px 0}
.msec-06:after{border-top:1px solid #eee; 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-06 .tits{text-align:left;}
.msec-06 .tits h3{font-size:40px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;font-family: 'BookkMyungjo-Bd';}
.msec-06 .cont{margin-top:60px;}
.msec-06 .cont ul{margin:0 -10px}
.msec-06 .cont ul:after{display:block ;content:"";clear:both;}
.msec-06 .cont li{float:left;width:calc(25% - 20px);margin:0 10px;}
.msec-06 .cont li a{display:block;}
.msec-06 .cont li .img{border-radius:10px; overflow:hidden;}
.msec-06 .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-06 .cont li .txt{margin-top:25px; box-sizing:border-box; min-height:150px;}
.msec-06 .cont li .txt .btxt{font-size:24px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; position:relative;}
.msec-06 .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-06 .cont li a:hover .img img{transform:scale(1.1) translateY(-4%)}
	@media only screen and (max-width:1240px){
		.msec-06{padding:70px 0}
		.msec-06 .tits h3{font-size:32px;} 

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


/* ======================================================
    #fbanner 
=========================================================*/
#fbanner{position:relative; padding:30px 80px}
#fbanner .owl-prev{cursor:pointer;width:26px;height:22px;text-indent:-9999em; position:Absolute; left:0; top:50%;margin-top:-11px;background:url(../img/main/flogo-prev.jpg) no-repeat left center;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
#fbanner .owl-next{cursor:pointer;width:26px;height:22px;text-indent:-9999em; position:Absolute; right:0;  top:50%;margin-top:-11px;background:url(../img/main/flogo-next.jpg) no-repeat right center;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
#fbanner .item a{display:block;text-align:center;}
#fbanner .item img{max-width:159px;}
#fbanner .owl-prev:hover{padding-right:10px; margin-left:-10px;}
#fbanner .owl-next:hover{padding-left:10px; margin-right:-10px;}
	@media only screen and (max-width:1400px){
		#fbanner{position:relative; padding:30px 50px}
		#fbanner .owl-prev{background-size:18px auto;}
		#fbanner .owl-next{background-size:18px auto;}

		#fbanner .item img{height:50px;}
	}
	@media only screen and (max-width:1200px){
		#fbanner{ padding:25px 40px}
	}
	@media only screen and (max-width:1140px){
		
	}
	@media only screen and (max-width:999px){
		#fbanner{ padding:25px 30px}
		#fbanner .item img{height:40px;}
		#fbanner .owl-prev{background-size:14px auto;left:5px;}
		#fbanner .owl-next{background-size:14px auto;right:5px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		#fbanner{ padding:30px 30px}
		#fbanner .item img{height:30px;}
	}



/* ======================================================
   .msec-07
=========================================================*/
.msec-07{position:relative;padding:110px 0}
.msec-07:after{display:block; content:"";clear:both; }
.msec-07:before{width:30px;height:100%; position:absolute;left:-80px; bottom:0; display:block; content:"";background:url(../img/main/msec01-intxt.png) no-repeat left top;}

.msec-07 .tits{float:left; width:calc(35% - 20px); }
.msec-07 .cont{float:right; width:calc(65% - 20px); }

.msec-07 .tits h3{font-size:44px; color:#000;font-weight:700; line-height:1em;}
.msec-07 .tits p{font-size:30px; color:#000; font-weight:700;letter-spacing:-0.05em; line-height:1.3em; margin-top:10px; }

.msec-07 .cont .btxt{font-size:40px; font-weight:600; letter-spacing:-0.05em;  color:#111; line-height:1.3em;}
.msec-07 .cont .stxt{font-size:20px; font-weight:400; letter-spacing:-0.05em;  color:#111; line-height:1.5em; margin-top:0px; margin-bottom:40px;} 

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


	@media only screen and (max-width:1640px) {
		.msec-07{padding:90px 20px}
		.msec-07 .tits h3{font-size:40px;}
		.msec-07 .tits p{font-size:24px;}
		.msec-07 .cont .btxt{font-size:20px;}
		.msec-07 .cont .stxt{font-size:20px; margin-top:0px;}
		.msec-07 .cont a{margin-top:10px;width:200px;height:60px; line-height:58px; font-size:17px;}
	
		/*.msec-07 .cont .btxt br{display:none;}*/
		
	}
	@media only screen and (max-width:1317px) {
		.msec-07 .tits h3{font-size:35px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-07{padding:50px 20px 50px;}
		.msec-07 .tits h3{font-size:30px;}
		.msec-07 .tits p{font-size:24px;}
		.msec-07 .cont .btxt{font-size:16px; }
		.msec-07 .cont .stxt{font-size:16px;}

		.msec-07 .cont a{margin-top:10px;width:180px;height:50px;line-height:50px; font-size:18px;}
		.msec-07 .cont a span{padding-right:30px;}
		.msec-07 .cont a span:after{background-size:24px auto;}
		.msec-07 .cont .stxt br{display:none;}
	}
	@media only screen and (max-width:1185px) {
		.msec-07 .cont a{margin-top:15px;width:170px;height:50px;line-height:50px; font-size:18px;}
		.msec-07 .cont a span{padding-right:25px;}
		.msec-07 .cont a span:after{background-size:24px auto;}
		.msec-07 .cont .stxt br{display:none;}
		
	}
	@media only screen and (max-width:999px) {
		.msec-07 .tits{float:none; width:auto;}
		.msec-07 .cont{float:none; width:auto; margin-top:30px;}
		.msec-07 .tits h3{font-size:30px;}
		.msec-07 .tits p{font-size:22px; margin-top:3px;}
		.msec-07 .cont .btxt{font-size:20px; }
		.msec-07 .cont .stxt{font-size:16px; margin-bottom:20px;}

		.msec-07 .cont a{margin-top:10px;width:170px;height:50px;line-height:50px; font-size:17px;}
		.msec-07 .cont a span{padding-right:25px;}
		.msec-07 .cont a span:after{background-size:22px auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-07 .tits h3{font-size:30px;}
		.msec-07 .tits p{font-size:22px;}
		.msec-07 .cont .btxt{font-size:18px; }
		.msec-07 .cont .stxt{font-size:14px; margin-bottom:0px;}


		.msec-07 .cont a{margin-top:10px;width:200px;height:50px;line-height:50px; font-size:16px;}
		.msec-07 .cont a span{padding-right:25px;}
		.msec-07 .cont a span:after{background-size:18px auto;}

	}
	@media only screen and (max-width:480px) {

		.msec-07{display:none;}
		.msec-07 .tits h3{font-size:27px;}
		.msec-07 .tits p{font-size:20px;}

		.msec-07 .cont a{height:40px;line-height:40px; font-size:13px; width:120px;}
		.msec-07 .cont a span{padding-right:20px;}
		.msec-07 .cont a span:after{background-size:13px auto;}

		.msec-07 .cont .stxt br{display:none;}

	}

/* ======================================================
   .msec-08
=========================================================*/
.msec-08{height:975px;background:#fff; position:relative;box-sizing:border-box;}
.msec-08:after{width:500px; opacity:1;display:block; margin-top:-10px; padding-left:0px; font-size:330px;  line-height:1em;font-family: 'Montserrat'; z-index:2; letter-spacing:-0.04em;font-weight:800;content:""; color:rgba(0,0,0,0.06);  position:absolute; left:0; top:50%; line-height:1em;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-08 .tits{text-align:center;}
.msec-08 .tits h3{font-size:48px;line-height:1.2em;color:#fff; font-weight:700; letter-spacing:-0.03em;}
.msec-08 .tits p{margin-top:12px;font-size:17px;line-height:1.3em;color:#fff; font-weight:300; letter-spacing:-0.03em;word-break: keep-all;}
.msec-08 .con{margin-top:50px; max-width:1024px;}
.msec-08 .owl-stage-outer{overflow:visible}
.msec-08 .item {position:relative;padding-bottom:95px;}
.msec-08 .item .img: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-08 .item .img{position:relative;}
.msec-08 .item .img img{width:100%;}
.msec-08 .item .txt{width:600px;z-index:4; padding:40px;background:#fff;opacity:0; position:absolute; right:50px; bottom:0; 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-08 .item .txt .btxt{font-size:30px; font-weight:700; color:#fff; line-height:1.2em; letter-spacing:-0.02em;}
.msec-08 .item .txt .btxt span{display:block; font-size:14px; font-weight:400;color:#fff; line-height:1.2em; margin-bottom:10px; text-transform:uppercase}
.msec-08 .item .txt .stxt{margin-top:10px;font-size:16px; font-weight:400; color:#ddd; line-height:1.5em; letter-spacing:-0.03em; opacity:0.85; word-break: keep-all;}
.msec-08 .item .txt .more{margin-top:37px;padding-left:38px; display:inline-block;vertical-align:top; line-height:14px; ;font-size:13px; color:#006a35; text-transform:uppercase; position:relative;}
.msec-08 .item .txt .more:before{width:30px;height:2px; background:#006a35; position:absolute; left:0; top:50%;margin-top:-1px; display:block; content:"";}
.msec-08 .item .txt .more:hover{color:#fff}

.msec-08 .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); background: rgba(0, 0, 0, 0.7);
    border-radius: 0px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(4.6px);
    -webkit-backdrop-filter: blur(4.6px);}
.msec-08 .owl-item.active .item .img:after{opacity:0;}

.msec-08 .ctrl{}
.msec-08 .ctrl .prev{width:20px;height:36px; position:absolute; left:-50px; top:0;background:url(../img/main/msec02-prev.png) no-repeat center center;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.msec-08 .ctrl .next{width:20px;height:36px; position:absolute; right:-50px; top:0;background:url(../img/main/msec02-next.png) no-repeat center center;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.msec-08 .ctrl .count{line-height:41px; font-size:16px; color:#000; font-weight:300; height:40px; }
.msec-08 .ctrl .count p{height:40px;}
.msec-08 .ctrl .count .nums{font-weight:400; font-size:36px; display:inline-block;vertical-align:center;line-height:41px;}

.msec-08 .ctrl .prev:hover{padding-right:15px; margin-left:-15px;}
.msec-08 .ctrl .next:hover{padding-left:15px; margin-right:-15px;}

.msec-08 .ovc{margin-top:90px;}	
.msec-08 .mobile{display:none;}
	@media only screen and (min-width:1200px) {
		.msec-08 .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-08 .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-08.active .tits h3{transition-delay: 0.4s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-08.active .tits p{transition-delay: 0.8s; opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		
		.msec-08 .con{opacity:0;-webkit-transform: translateY(10%); -moz-transform: translateY(10%);-ms-transform:translateY(10%); -o-transform:translateY(10%);transform: translateY(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-08.active .con{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:1269px) {
		.msec-08 .con{padding:0 50px;}
		.msec-08 .ctrl .prev{left:-20px;}
		.msec-08 .ctrl .next{right:-20px;}
	}
	@media only screen and (max-width:1199px) {
		.msec-08{min-height:800px;height:auto !important; padding:95px 0}
		.msec-08 .tits h3{font-size:41px;}
		.msec-08 .tits p{margin-top:10px;font-size:15px; padding:0 30px;}

		.msec-08 .con{margin-top:40px;padding:0 50px;}
		.msec-08 .ctrl .prev{left:10px;background-size:14px auto;}
		.msec-08 .ctrl .next{right:10px;background-size:14px auto;}

		.msec-08 .item .txt{width:400px;height:auto; padding:30px 40px 30px 40px; right:30px;bottom:30px;} 
		.msec-08 .item .txt .btxt{font-size:29px;}
		.msec-08 .item .txt .btxt span{margin-bottom:5px;}
		.msec-08 .item .txt .stxt{margin-top:10px;font-size:15px;}
		.msec-08 .item .txt .more{margin-top:27px; padding-left:25px;}
		.msec-08 .item .txt .more:before{width:20px;}
		
		.msec-08 .ovc{margin-top:0;}		
	} 
	@media only screen and (max-width:999px) {
		
		.msec-08{min-height:auto;height:auto !important; padding:80px 0;}
		.msec-08 .tits h3{font-size:39px;}
		.msec-08 .tits p{margin-top:10px;font-size:14px;}
		.msec-08 .con{margin-top:30px;padding:0 20px;}
		.msec-08 .ctrl .prev{width:35px;height:35px; background:url(../img/main/msec02-prevm.png) no-repeat center center; background-size:100% auto; left:20px;}
		.msec-08 .ctrl .next{width:35px;height:35px; background:url(../img/main/msec02-nextm.png) no-repeat center center; background-size:100% auto; right:20px;}

		.msec-08 .item {padding-bottom:0}
		.msec-08 .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-08 .item .txt .btxt{font-size:25px;}
		.msec-08 .item .txt .stxt{margin-top:7px;font-size:14px;}


		.msec-08 .desktop{display:none;}
		.msec-08 .mobile{display:block;}
	} 
	@media only screen and (max-width:680px) {
		.msec-08{padding:65px 0}
		.msec-08 .tits h3{font-size:32px;}
		.msec-08 .con{margin-top:20px; padding:0 15px;}
		.msec-08 .ctrl .prev{left:15px}
		.msec-08 .ctrl .next{right:15px;}
		
		.msec-08 .item:after{display:none;}
		.msec-08 .item .txt .btxt{font-size:21px; color:#111}
		.msec-08 .item .txt .stxt{color:#555;}
		.msec-08 .item .txt .more{margin-top:17px;}	
	} 
	@media only screen and (max-width:480px) {
		.msec-08{padding:50px 0;}
		.msec-08 .tits h3{font-size:25px;}
		
		.msec-08 .item .txt{ padding:20px 15px;}
		.msec-08 .item .txt .btxt{font-size:18px;}
	} 

/* ======================================================
   .msec-abc{}
=========================================================*/
	@media only screen and (min-width:1000px){
		.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%;}
	}

	/* ======================================================
   .msec-ov
=========================================================*/
.msec-ov{max-width:1540px; 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 */}

		.main-wrap{height:auto !important}
	} 
	@media only screen and (max-width:999px) {
		.msec-ov{padding:0 15px}
	}




/* ======================================================
   .msec-09
=========================================================*/
.msec-09{position:relative;padding:110px 0 150px;}
.msec-09:after{position:absolute ;left:0; top:0; height:100%; width:20000px; left:50%;margin-left:-10000px; display:block; content:"";z-index:-1; /*background:url(../img/main/msec09-bg.jpg) no-repeat center center;*/ background:#eeeeee; }
.msec-09 .tits{text-align:center;}
.msec-09 .tits h3{font-size:48px; font-weight:700; letter-spacing:-0.03em ;line-height:1.2em; color:#000;}
.msec-09 .tits p{font-size:18px; font-weight:400; letter-spacing:-0.03em ;line-height:1.3em; color:#fff;margin-top:15px;}
	@media only screen and (max-width:1400px) {
		.msec-09{padding:100px 0; }
		.msec-09 .tits h3{font-size:42px;}
		.msec-09 .tits p{font-size:17px;}
	}
	@media only screen and (max-width:1317px) {
		.msec-09{padding:90px 0; }
		.msec-09 .tits h3{font-size:35px;}
	}
	
	@media only screen and (max-width:1280px) {
		.msec-09 .tits h3{font-size:30px;}
		 
	} 
	@media only screen and (max-width:999px) {
		.msec-09{padding:75px 0; }
		.msec-09 .tits h3{font-size:30px;}
		.msec-09 .tits p{font-size:16px;}
		
	} 
	@media only screen and (max-width:680px) {
		.msec-09{padding:50px 0; }
		.msec-09 .tits h3{font-size:30px;}
		.msec-09 .tits p{font-size:15px; padding:0 30px}
	} 
	@media only screen and (max-width:480px) {
		.msec-09{display:none; }
		.msec-09 .tits h3{font-size:27px;}
	} 

.msec-09 .cont{max-width:1520px; box-sizing:border-box; padding:0 20px 0 20px; margin:0 auto; margin-top:50px; z-index:100;}
.msec-09 .cont:after{display:block; content:"";clear:both}

.msec-09 .cont .ov{position:relative;overflow:hidden;}
.msec-09 .cont .fl{float:left; width:48.5%; min-height:630px; position:relative; z-index:100}
.msec-09 .cont .fl .img{overflow:hidden;border-radius: 20px;}
.msec-09 .cont .fl .img img{width:100%;height:630px;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease-out;transition: transform 1s ease-out;}
.msec-09 .cont .fl .txt{position:absolute; left:0; top:0; width:100%; height:100%;box-sizing:border-box; padding:85px 80px; z-index:23;}
.msec-09 .cont .fl .btxt{font-size:30px; font-weight:800; letter-spacing:-0.01em ;line-height:1.2em; color:#fff;}
.msec-09 .cont .fl .stxt{font-size:16px; font-weight:400; letter-spacing:-0.03em ;line-height:1.45em; color:#fff;margin-top:35px;}
.msec-09 .cont .fl a{width:52px;height:52px;position:relative;display:inline-block;vertical-align:top;overflow:hidden;box-sizing:border-box; margin-top:60px;border:1px solid #fff;background:url(../img/main/process-more.png) no-repeat center center;-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-09 .cont .fl a:before{width:100%; height:100%; position:absolute; left:-100%; top:0; background:#fff; z-index:-1; display:block; content:"";-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
.msec-09 .cont .fl a:hover{transition-delay: 0.3s;background-image:url(../img/main/process-moreo.png);border-color:#fff;}
.msec-09 .cont .fl a:hover:before{left:0;}

.msec-09 .cont .fl:hover .img 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);}

.msec-09 .cont .fr{float:right; width:50%; min-height:620px;position:relative ;z-index:5;}
.msec-09 .cont .fr ul{margin:0 -1.5%}
.msec-09 .cont .fr ul:after{display:block; content:""; clear:both}
.msec-09 .cont .fr li{float:left; width:46%; margin:0 1.5%; height:300px;position:relative; border-radius: 20px;}
.msec-09 .cont .fr li:nth-child(n+3){margin-top:3%;}


.msec-09 .cont .fr li .img{overflow:hidden;border-radius: 20px;}
.msec-09 .cont .fr li .img img{width:100%;height:300px;object-fit:cover;-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease-out;transition: transform 1s ease-out;}
.msec-09 .cont .fr li .txt{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;padding:40px 40px;z-index:23;}
.msec-09 .cont .fr li .btxt{font-size:24px; font-weight:600; letter-spacing:-0.03em ;line-height:1.2em; color:#fff;}
.msec-09 .cont .fr li .stxt{font-size:16px; font-weight:400; letter-spacing:-0.03em ;line-height:1.45em; color:#fff;margin-top:15px; opacity:0.85}
.msec-09 .cont .fr li a{position:absolute; left:40px; bottom:45px;font-weight:700; color:#fff; line-height:20px; font-size:13px;border-bottom:1px solid #fff;text-transform:uppercase; padding-bottom:2px;}


.msec-09 .cont .fr li:nth-child(1) .btxt{ color:#000;}
.msec-09 .cont .fr li:nth-child(1) .stxt{ color:#333;}
.msec-09 .cont .fr li:nth-child(1) a{ color:#000; border-color:#333;}

.msec-09 .cont .fr li:nth-child(2) .btxt{ color:#000;}
.msec-09 .cont .fr li:nth-child(2) .stxt{ color:#333;}
.msec-09 .cont .fr li:nth-child(2) a{ color:#fff; border-color:#fff;}

.msec-09 .cont .fr li:nth-child(3) .btxt{ color:#000;}
.msec-09 .cont .fr li:nth-child(3) .stxt{ color:#333;}
.msec-09 .cont .fr li:nth-child(3) a{ color:#000; border-color:#333;}

.msec-09 .cont .fr li:nth-child(4) .btxt{ color:#000;}
.msec-09 .cont .fr li:nth-child(4) .stxt{ color:#333;}
.msec-09 .cont .fr li:nth-child(4) a{ color:#000; border-color:#333;}


.msec-09 .cont .fr li:hover .img 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);}
	
.msec-09 .cont .fl .ov{opacity:0; -webkit-transform: translateY(15%); -moz-transform: translateY(15%);-ms-transform: translateY(15%); -o-transform:  translateY(15%);transform: translateY(15%);-webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-o-transition:opacity 1s ease-in-out, transform 1s ease-in-out;transition: opacity 1s ease-in-out, transform 1s ease-in-out}
.msec-09 .cont .fl .img:after{position:absolute;left:0; top:0; width:100%; height:100%;background:#ebebeb;display:block; content:"";-webkit-transition: all 1s cubic-bezier(1, 0.5, 0.5, 1);-moz-transition: all 1s cubic-bezier(1, 0.5, 0.5, 1);-o-transition: all 1s cubic-bezier(1, 0.5, 0.5, 1);transition:all 1s cubic-bezier(1, 0.5, 0.5, 1)}
.msec-09.ani .cont .fl .ov{opacity:1;transition-delay: 0.4s;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
.msec-09.ani .cont .fl .img:after{left:100%;}


.msec-09 .cont .fr li .ov{opacity:0;-webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;-o-transition:opacity 1s ease-in-out, transform 1s ease-in-out;transition: opacity 1s ease-in-out, transform 1s ease-in-out}
.msec-09 .cont .fr li .img:after{position:absolute;right:0; top:0; width:100%; height:100%;background:#ebebeb;display:block; content:"";-webkit-transition: all 1s cubic-bezier(1, 0.5, 0.5, 1);-moz-transition: all 1s cubic-bezier(1, 0.5, 0.5, 1);-o-transition: all 1s cubic-bezier(1, 0.5, 0.5, 1);transition:all 1s cubic-bezier(1, 0.5, 0.5, 1)}

.msec-09 .cont .fr li:nth-child(1) .ov{-webkit-transform: translateX(-25%); -moz-transform: translateX(-25%);-ms-transform:translateX(-25%); -o-transform: translateX(-25%);}
.msec-09 .cont .fr li:nth-child(2) .ov{-webkit-transform: translateY(-25%); -moz-transform: translateY(-25%);-ms-transform:translateY(-25%); -o-transform: translateY(-25%);}	
.msec-09 .cont .fr li:nth-child(3) .ov{-webkit-transform: translateY(25%); -moz-transform: translateY(25%);-ms-transform:translateY(25%); -o-transform: translateY(25%);}
.msec-09 .cont .fr li:nth-child(4) .ov{-webkit-transform: translateX(25%); -moz-transform: translateX(25%);-ms-transform:translateX(25%); -o-transform: translateX(25%);}	

.msec-09.ani .cont .fr li:nth-child(1) .ov{transition-delay: 0.8s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform:translateX(0); -o-transform: translateX(0);}
.msec-09.ani .cont .fr li:nth-child(2) .ov{transition-delay: 1.2s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform:translateY(0); -o-transform: translateY(0);}	
.msec-09.ani .cont .fr li:nth-child(3) .ov{transition-delay: 0.8s;opacity:1;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform:translateY(0);-o-transform: translateY(0);}
.msec-09.ani .cont .fr li:nth-child(4) .ov{transition-delay: 1s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform:translateX(0); -o-transform: translateX(0);}	

.msec-09.ani .cont .fr li:nth-child(1) .img:after{transition-delay: 0.4s;top:-100%}
.msec-09.ani .cont .fr li:nth-child(2) .img:after{transition-delay: 0.8s;right:-100%}
.msec-09.ani .cont .fr li:nth-child(3) .img:after{transition-delay: 0.4s;top:100%}
.msec-09.ani .cont .fr li:nth-child(4) .img:after{transition-delay: 0.6s;right:100%}

	@media only screen and (max-width:1400px) {
		.msec-09 .cont{margin-top:60px;}
		
		.msec-09 .cont .fl{min-height:600px;}
		.msec-09 .cont .fl .txt{padding:70px 60px;}
		.msec-09 .cont .fl .btxt{font-size:30px;}
		.msec-09 .cont .fl .stxt{font-size:15px; margin-top:25px;}
		.msec-09 .cont .fl .img img{height:600px}
		.msec-09 .cont .fl .more{width:45px;height:45px;background-size:100% auto; margin-top:35px;}

		.msec-09 .cont .fr{min-height:600px;}
		.msec-09 .cont .fr li{height:290px}
		.msec-09 .cont .fr li .img img{height:290px;}
		.msec-09 .cont .fr li .txt{padding:35px 30px}
		.msec-09 .cont .fr li .btxt{font-size:27px;}
		.msec-09 .cont .fr li .stxt{font-size:17px;}
		.msec-09 .cont .fr li a{left:30px;}
	} 
	@media only screen and (max-width:1371px) {
	.msec-09 .cont .fl{float:left; width:48%;}
	.msec-09 .cont .fr ul{margin:0 -1.0%}
	.msec-09 .cont .fr li{float:left; width:48%; margin:0 1.0%;}
	
	}
	@media only screen and (max-width:1200px) {
		 .msec-09 .cont{margin-top:30px;}

		 .msec-09 .cont .fl{width:40%;}
		 .msec-09 .cont .fl .txt{padding:50px 30px;}
		 .msec-09 .cont .fl .btxt{font-size:30px;}
		 .msec-09 .cont .fl .stxt{font-size:14px; margin-top:15px;}
		 .msec-09 .cont .fl .stxt br{display:none;}
		 .msec-09 .cont .fl .more{width:40px;height:40px;margin-top:30px;}

		 .msec-09 .cont .fr{width:58%;}
		 .msec-09 .cont .fr li{float:left; width:48%; margin:0 1.0%; height:300px;}
		 .msec-09 .cont .fr li:nth-child(n+3){margin-top:1%;}
		 .msec-09 .cont .fr li .txt{padding:35px 30px}
		 .msec-09 .cont .fr li .btxt{font-size:25px;}	
		 .msec-09 .cont .fr li .stxt{font-size:14px;}
		 .msec-09 .cont .fr li a{left:30px; bottom:35px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-09 .cont{margin-top:40px;}
		
		.msec-09 .cont .fl{width:auto;float:none;min-height:270px;}
		.msec-09 .cont .fl .txt{padding:40px 30px;}
		.msec-09 .cont .fl .btxt{font-size:29px;}
		.msec-09 .cont .fl .img img{height:270px}

		.msec-09 .cont .fr{width:auto;float:none;min-height:auto; margin-top:10px;}
		.msec-09 .cont .fr li{height:250px; /*background:#fff;*/}
		.msec-09 .cont .fr li .txt{padding:30px 25px}
		.msec-09 .cont .fr li .btxt{font-size:21px;}	
		.msec-09 .cont .fr li .stxt{margin-top:10px; padding-right:30%}
		.msec-09 .cont .fr li .stxt br{display:none;}
		.msec-09 .cont .fr li .img{opacity:1;}
		.msec-09 .cont .fr li .img img{height:250px;}
		.msec-09 .cont .fr li a{left:25px; font-size:12px; bottom:30px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-09 .cont{margin-top:30px;}

		.msec-09 .cont .fl .more{width:35px;height:35px;}
		
		.msec-09 .cont .fr li{height:220px}
		.msec-09 .cont .fr li .txt{padding:25px 20px}
		.msec-09 .cont .fr li .btxt{font-size:18px;}	
		.msec-09 .cont .fr li .stxt{}
		.msec-09 .cont .fr li .img img{height:220px;}
		.msec-09 .cont .fr li a{left:20px; bottom:25px}
	} 
	@media only screen and (max-width:480px) {
		.msec-09 .cont .fl{min-height:170px; margin-bottom:10px;}
		.msec-09 .cont .fl .txt{padding:30px 25px;}

		.msec-09 .cont .fr li{height:150px; width:48%; margin:0 1%;}
		.msec-09 .cont .fr li .img img{height:150px;}
		.msec-09 .cont .fr li .stxt{display:none;}
		.msec-09 .cont .fl .btxt{font-size:20px;}

		.msec-09 .cont .fl .img img{height:170px}

	} 



/* ======================================================
   .msec-10
=========================================================*/
.msec-10{height:660px;position:relative;box-sizing:border-box;}
.msec-10:after{position:absolute ;left:0; top:0; height:100%; width:20000px; left:50%;margin-left:-10000px; display:block; content:"";z-index:-1;background:#eeeeee; }
.msec-10 .msec-ov{position:relative;  height:428px; }
.msec-10 .ovc{margin-top:0;}		
.msec-10 .owl-stage-outer{overflow:visible;}

.msec-10 .tits{position:absolute; left:20px; top:0; z-index:512;}
.msec-10 .tits h3{ font-size:44px; font-weight:700;color:#000; line-height:1.1em; letter-spacing:-0.03em; }
.msec-10 .tits p{font-size:20px; color:#555; line-height:1.3em; font-weight:400;letter-spacing:-0.02em; margin-top:40px; }

.msec-10 .tabs{position:absolute; left:20px; top:0; z-index:512;}
.msec-10 .tabs:after{display:block; content:""; clear:both;}
.msec-10 .tabs li{float:left;position:relative}
.msec-10 .tabs li:nth-child(n+2){margin-left:35px; }
.msec-10 .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-10 .tabs li a{line-height:34px; font-size:24px;font-weight:400;color:#666; letter-spacing:-0.03em;}
.msec-10 .tabs li.active a{color:#000; font-weight:700;}
	
.msec-10 .tabs-ov{ position:relative; /*padding-right:calc(23% + 20px);*/}
.msec-10 .tabs-ov .rlz{position:relative;}

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

.msec-10 .board-slide{padding-top:69px; overflow:hidden;}
.msec-10 .board-slide .item{padding-right:15px; padding-bottom:30px;}
.msec-10 .board-slide .item a{min-height:359px;border:1px solid #eee; box-sizing:border-box; padding:30px 30px 0 30px; border-radius: 20px; background:#fff; 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-10 .board-slide .item a .cate{display:inline-block;vertical-align:top; line-height:30px; padding:0 17px; border-radius:30px; background:#dbe8f3; font-size:14px; letter-spacing:-0.03em; color:#000;-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-10 .board-slide .item a .btxt{font-size:18px; font-weight:600;color:#000; line-height:1.3em; max-height:47px; margin-top: 20px; overflow:hidden;}
.msec-10 .board-slide .item a .stxt{font-size:15px; font-weight:400;color:#555; line-height:1.4em; margin-top:25px; max-height:120px; overflow:hidden; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
.msec-10 .board-slide .item a .ctxt{font-size:15px; font-weight:400;color:#666; line-height:1.2em; margin-top:55px;}
.msec-10 .board-slide .item a:hover{border-color:#777;-webkit-transform: translateY(-3%); -moz-transform: translateY(-3%);-ms-transform: translateY(-3%); -o-transform:  translateY(-3%);transform: translateY(-3%); 
box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.0.5); }


/*.msec-10 .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-10 .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-10 .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-10 .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-10 .board-slide .item a:hover:before{width:calc(100% + 2px); }
.msec-10 .board-slide .item a:hover:after{width:calc(100% + 2px);}

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


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

.msec-10 .survey{position:Absolute; right:20px; width:22.25%; top:0; min-height:426px; background:#0e77de; box-sizing:border-box;-webkit-transition: box-shadow 0.3s ease-out;-moz-transition: box-shadow 0.3s ease-out;-o-transition: box-shadow 0.3s ease-out;transition: box-shadow 0.3s ease-out;}
.msec-10 .survey:hover{box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2)  ; }
.msec-10 .survey ul{}
.msec-10 .survey ul:after{display:block; content:"";clear:both;}
.msec-10 .survey ul li{}
.msec-10 .survey ul li.active a{position:relative;height:240px; box-sizing:border-box; padding:40px 25px 0 25px;display:block;}
.msec-10 .survey ul li.active a .btxt{display:block;font-size:22px; line-height:1.2em; font-weight:400;}
.msec-10 .survey ul li.active a .stxt{display:block;font-size:16px; line-height:1.3em; margin-top:20px; font-weight:400;}
.msec-10 .survey ul li.active a:hover:after{bottom:35px;}

.msec-10 .survey ul li:nth-child(n+2){border-top:1px solid rgba(255,255,255,0.3);}
.msec-10 .survey ul li a{display:block; line-height:62px; padding:0 25px; position:relative;}
.msec-10 .survey ul li a:after{width:12px; height:16px; position:absolute; right:20px; top:50%;margin-top:-8px;background:url(../img/Main/survey-more.png) no-repeat center center; display:block; content:"";-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-10 .survey ul li a:before{width:75px;height:75px; position:absolute; right:23px; bottom:25px;background:url(../img/Main/survey-ico.png) no-repeat center center; display:block; content:""; margin-top:0; top:auto;-webkit-transition: bottom 0.3s ease-out;-moz-transition: bottom 0.3s ease-out;-o-transition: bottom 0.3s ease-out;transition: bottom 0.3s ease-out;}

.msec-10 .survey ul li a .btxt{display:block;color:#fff; font-size:15px;}
.msec-10 .survey ul li a .stxt{display:none;color:#fff;word-break: keep-all;}


.msec-10 .msec-abc{z-index:1452; position:relative;}
	@media only screen and (min-width:1000px) {
		.msec-10 .survey ul li a{height:62px; -webkit-transition: height 0.5s ease-out;-moz-transition: height 0.5s ease-out;-o-transition: height 0.5s ease-out;transition: height 0.5s ease-out;}
		.msec-10 .survey ul li a:after{opacity: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-10 .survey ul li.active a:after{opacity:0;}	

		.msec-10 .survey ul li a:before{opacity:0; -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-10 .survey ul li.active a:before{opacity:1;transition-delay:0.5s;}	
	}
	@media only screen and (max-width:1440px) {
		.msec-10 .tabs li a{font-size:21px;}
		
		.msec-10 .survey ul li.active a{padding:30px 20px 0 20px}
		.msec-10 .survey ul li.active a .stxt{font-size:15px}
		.msec-10 .survey ul li.active a .stxt br{display:none;}
		.msec-10 .survey ul li.active a:hover:after{bottom:25px;}
		
		.msec-10 .survey ul li a{padding:0 20px;}
		.msec-10 .tits h3{ font-size:40px; }
	}
	@media only screen and (max-width:1317px) {
		.msec-10{height:600px;}
		.msec-10 .tits h3{ font-size:35px; }
	}

	@media only screen and (max-width:1280px) {
		.msec-10 .board-slide .item a{ padding:30px 20px 0 20px;}
		.msec-10 .board-slide .item a .stxt{margin-top:30px}
		.msec-10 .board-slide .item a .ctxt{margin-top:40px}

		.msec-10 .tits h3{ font-size:30px; }
		.msec-10{height:550px;}
		.msec-10 .board-slide .item{padding-right:10px;}
		.msec-10 .board-slide .item a{min-height:330px;}
	}
	@media only screen and (max-width:999px) {
		.msec-10{height:auto; padding:70px 0;}
		.msec-10 .msec-ov{height:auto;}
		.msec-10 .tabs li a{font-size:18px;}
		.msec-10 .tabs li:nth-child(n+2){margin-left:25px; }
		.msec-10 .tabs li:nth-child(n+2):before{ height:14px;left:-12px;margin-top:-6px;}
		.msec-10 .tabs-ov{padding-right:0;}

		.msec-10 .board-slide .item a{ min-height:220px;padding:25px 20px 25px 20px;}
		.msec-10 .board-slide .item a .btxt{font-size:17px;}
		.msec-10 .board-slide .item a .stxt{font-size:14px;margin-top:20px}
		.msec-10 .board-slide .item a .ctxt{font-size:14px;margin-top:30px}
		
		.msec-10 .board-slide{padding-top:59px;}
		.msec-10 .board-ctrl{top:4px;}
		.msec-10 .board-ctrl .prev{width:40px;height:40px;}
		.msec-10 .board-ctrl .next{width:40px;height:40px; margin-left:5px;}
		
		.msec-10 .survey{position:relative; right:auto; width:auto; background:none; top:auto; min-height:auto; margin-top:20px;}
		.msec-10 .survey:hover{box-shadow:none; -webkit-box-shadow:none ; -moz-box-shadow:none;}
		.msec-10 .survey .tits{height:200px; padding:30px 0 0 20px;}
		.msec-10 .survey .tits h3{font-size:19px;}
		.msec-10 .survey .tits p{font-size:15px;}
		
		.msec-10 .board-slide .item a{padding-top:30px;}
		.msec-10 .board-slide .item a .btxt{max-height:45px;}
		.msec-10 .board-slide .item a .stxt{font-size:16px;margin-top:15px}
		.msec-10 .board-slide .item a .ctxt{font-size:15px;margin-top:20px; color:#000;}

		
		.msec-10 .survey ul li{float:left; width:49.2%}

		.msec-10 .survey ul li:nth-child(even){float:right}
		.msec-10 .survey ul li:nth-child(n+3){margin-top:1.4%;}
		.msec-10 .survey ul li:nth-child(n+2){border-top:0;}

		.msec-10 .survey ul li a{padding:0 20px;background:#0e77de;}
		.msec-10 .survey ul li a:before{display:none;}
		.msec-10 .survey ul li.active a{height:auto;padding:0; }
		.msec-10 .survey ul li.active a:after{width:12px; height:16px; position:absolute; right:20px; top:50%; bottom:auto;margin-top:-8px;background:url(../img/Main/survey-more.png) no-repeat center center; display:block; content:"";-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-10 .survey ul li.active a .btxt{line-height:62px; font-size:15px; padding:0 20px;}
		.msec-10 .survey ul li.active a .stxt{display:none;}
	} 
	@media only screen and (max-width:680px) {
		.msec-10 .tabs li a{font-size:17px;}

		.msec-10 .board-slide{padding-top:49px;}
		.msec-10 .board-slide .item a{min-height:auto;}
		.msec-10 .board-ctrl .prev{width:30px;height:30px;}
		.msec-10 .board-ctrl .next{width:30px;height:30px;}

		.msec-10 .survey ul li.active a .btxt{line-height:55px;}
		.msec-10 .survey ul li.active a:after{right:14px;}

		.msec-10 .survey ul li a{line-height:55px;}
		.msec-10 .survey ul li a:after{right:14px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-10{padding:50px 0px;background:#fff;}
		
		.msec-10 .survey ul li.active a .btxt{font-size:14px;line-height:50px; padding-left:17px;}
		.msec-10 .survey ul li a .btxt{font-size:14px}

		.msec-10 .survey ul li a{font-size:14px;line-height:50px; padding-left:17px;}

		.msec-10 .tits h3{ font-size:27px;}
		.msec-10 .board-slide .item{padding-right:0px; padding-bottom:0px;}
		.msec-10 .board-ctrl{right:0px;}
		.msec-10 .board-slide .item a{border:1px solid #ddd;}
		.msec-10 .board-slide .item a .btxt{font-size:19px;}
		
	} 

/* ======================================================
   .msec-11
=========================================================*/
.msec-11{padding-top:100px ; padding-bottom:145px; position:relative; }
.msec-11 .tits{position:Absolute; left:20px; top:145px; z-index:3;}
.msec-11 .tits h3{ font-size:44px; font-weight:700;color:#000; line-height:1.1em; letter-spacing:-0.03em; }
.msec-11 .tits p{font-size:18px; color:#555; line-height:1.4em; font-weight:400;letter-spacing:-0.02em; margin-top:30px; }
.msec-11 .tits .more{font-size:16px;font-family: 'Montserrat';color:#ac0d29; line-height:24px; display:inline-block;vertical-align:top; padding-right:50px; margin-top:80px; position:relative;}
.msec-11 .tits .more:after{width:28px;height:24px; position:absolute;right:0; top:0; display:block;content:"";background:url(../img/main/alum-more.jpg) no-repeat right center;background-size:100% auto;-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-11 .tits .more:hover:after{right:-10px;}

.msec-11 .cont{position:relative;padding-top:30px;z-index:1}
.msec-11 .cont:before{width:20000px; right:65%; top:0;height:100%; background:#fff; position:absolute; top:0; display:block; content:"";z-index:2;}

.msec-11 .cont .ov{position:Relative; padding-left:35%;}

.msec-11 .alum-slide{width:400px;}
.msec-11 .alum-slide .owl-stage-outer{overflow:visible !important;}
.msec-11 .alum-slide .item {}
.msec-11 .alum-slide .item .img{overflow:hidden; border-radius: 20px;}
.msec-11 .alum-slide .item .img img{width:100%; height:225px; -webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);-webkit-transition: transform 1s ease-out;-moz-transition: transform 1s ease-out;-o-transition: transform 1s ease;transition: transform 1s ease-out;}
.msec-11 .alum-slide .item .txt{margin-top:30px; padding:0 5px;}
.msec-11 .alum-slide .item .txt .btxt{font-size:20px; color:#000; line-height:1.2em; font-weight:500; letter-spacing:-0.03em;}
.msec-11 .alum-slide .item .txt .stxt{margin-top:10px;font-size:16px; font-weight:300; color:#555; line-height:1.3em; letter-spacing:-0.03em;}

.msec-11 .alum-slide .item:hover .img img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2);}

.msec-11 .alum-slide .owl-dots{opacity:0;left:-9999em; top:-9999em; position:absolute;}

.msec-11 .ctrl{width:340px; position:Absolute ;left:0; bottom:20px;padding-top:30px; z-index:545}
.msec-11 .ctrl:before{width:1px;height:12px; border-left:1px solid #dedede; left:50%;margin-left:-1px; top:-1px; display:block; content:""; position:absolute;}
.msec-11 .ctrl .prev{width:14px;height:10px; position:Absolute ;left:0; top:0;background:url(../img/main/alum-prev.jpg) no-repeat left center;}
.msec-11 .ctrl .next{width:14px;height:10px; position:Absolute ;right:0; top:0;background:url(../img/main/alum-next.jpg) no-repeat right center;}

.msec-11 .scrollbar{position:absolute !important; left:0; width:100%; height:2px; bottom:10% ; z-index:932;background:#e3e3e3;overflow:hidden; }
.msec-11 .scrollbar .handle {width:0;height: 100%;background:#222222;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;}
	@media only screen and (max-width:1560px) {	
		.msec-11{padding-top:130px ; padding-bottom:130px;}
		.msec-11 .tits{top:130px}
		.msec-11 .tits h3{font-size:40px;}
		.msec-11 .tits p{font-size:18px; margin-top:30px; }
		.msec-11 .tits .more{margin-top:60px; padding-right:40px;line-height:20px; font-size:15px;}
		.msec-11 .tits .more:after{width:24px;height:20px; }

		.msec-11 .cont{padding-top:65px;}

		.msec-11 .alum-slide .item .txt .btxt{font-size:20px;}
		.msec-11 .alum-slide .item .txt .stxt{margin-top:15px;font-size:16px;}

		.msec-11 .ctrl{bottom:0px;}
	}
	@media only screen and (max-width:1300px) {
		.msec-11 .tits h3{font-size:30px;}
		.msec-11 .tits p{font-size:17px;}
		.msec-11 .tits .more{margin-top:40px; padding-right:35px;line-height:20px; font-size:14px;}
		.msec-11 .tits .more:after{width:20px;height:20px; }

		.msec-11 .ctrl{bottom:20px;width:300px;}
	}
	@media only screen and (max-width:999px) {
		.msec-11{padding-top:100px ; padding-bottom:100px;}
		.msec-11 .tits{position:relative; left:auto; top:auto;}
		.msec-11 .tits h3{font-size:30px;}
		.msec-11 .tits p{font-size:18px;}
		.msec-11 .tits .more{margin-top:30px; padding-right:30px;line-height:16px; font-size:13px;}
		.msec-11 .tits .more:after{width:16px;height:16px; }
		
		.msec-11 .cont{padding-top:50px;}
		.msec-11 .cont:before{display:none;}
		.msec-11 .cont .ov{padding:0;}
		
		.msec-11 .alum-slide{width:400px;}
		.msec-11 .alum-slide .item .txt{margin-top:25px;}
		.msec-11 .alum-slide .item .txt .btxt{font-size:20px;}
		.msec-11 .alum-slide .item .txt .stxt{margin-top:10px;font-size:15px;}
		.msec-11 .alum-slide .item .txt .stxt br{display:none;}

		.msec-11 .ctrl{position:relative; left:auto; bottom:auto; width:280px; margin:0 auto; margin-top:40px;}
	}
	@media only screen and (max-width:680px) {
		.msec-11{padding-top:70px; padding-bottom:70px;}
		.msec-11 .tits h3{font-size:25px;}
		.msec-11 .tits p{font-size:16px; margin-top:20px}
		
		.msec-11 .cont{padding-top:35px;}
		.msec-11 .alum-slide{width:340px;}
		.msec-11 .alum-slide .item .txt{margin-top:20px;}
		.msec-11 .alum-slide .item .txt .btxt{font-size:19px;}
		.msec-11 .alum-slide .item .txt .stxt{font-size:15px; color:#000;}

		.msec-11 .ctrl{width:220px;}
	}
	@media only screen and (max-width:480px) {
		.msec-11{padding-top:50px; padding-bottom:50px;}
		.msec-11 .tits h3{font-size:27px;}
		.msec-11 .tits p{font-size:15px;}
		
		.msec-11 .alum-slide{width:280px;}
		.msec-11 .alum-slide .item .txt{margin-top:15px;}
		.msec-11 .alum-slide .item .txt .btxt{font-size:19px;}

		.msec-11 .ctrl{width:160px;}
		.msec-11 .alum-slide .item .img img{ height:170px;}
	}




/* ======================================================
   .msec-12
=========================================================*/
.msec-12{position:Relative;}
.msec-12 ul:after{display:block; content:"";clear:both}
.msec-12 li{float:left; width:50%;position:relative; overflow:hidden; }
.msec-12 li a:after{width:100%;height:100%; position:Absolute ;left:0; top:0; display:block; content:"";clear:both; background-size:cover !important; vertical-align:top;transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 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-12 li a{display:block;display:flex;align-items: center; justify-content: center; height:200px;position:relative; z-index:2;}
.msec-12 li a span{display:inline-block;vertical-align:top; line-height:40px; font-weight:700; color:#fff; letter-spacing:-0.03em; position:relative; z-index:55;}
.msec-12 li a span:after {content:'';position:absolute;bottom:-10px;left:0;width:100%;height:3px;background-color:#fff; opacity:0;-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-12 li a:hover span: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-12 li:nth-child(1) a:after{background:url(../img/main/make-bg.jpg) no-repeat center center}
.msec-12 li:nth-child(2) a:after{background:url(../img/main/rnd-bg.jpg) no-repeat center center}

.msec-12 li: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-12 li:nth-child(1) a span{font-size:24px;}
.msec-12 li:nth-child(2) a span{font-size:24px;}

.msec-12 li a:before{position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg); content:''}
.msec-12 li a:hover:before{-webkit-animation: shine 1.5s; animation: shine 1.5s;}

	@media only screen and (max-width:1560px) {	
		.msec-12 li a{height:210px;}
		.msec-12 li a span{line-height:36px;}
		.msec-12 li a span:after{height:2px; bottom:-8px;}
		.msec-12 li:nth-child(1) a span{font-size:26px;}
		.msec-12 li:nth-child(2) a span{font-size:26px}
	}
	@media only screen and (max-width:1300px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-12 li a{height:170px;}
		.msec-12 li a span{line-height:32px;}
		.msec-12 li a span:after{height:2px; bottom:-6px;}
		.msec-12 li:nth-child(1) a span{font-size:22px;}
		.msec-12 li:nth-child(2) a span{font-size:22px}
	}
	@media only screen and (max-width:680px) {
		/* .msec-12 li{float:none; width:auto;} */
		.msec-12 li a{height:130px;}
		.msec-12 li:nth-child(1) a span{font-size:18px;}
		.msec-12 li:nth-child(2) a span{font-size:18px}
	}
	@media only screen and (max-width:480px) {
		.msec-12 li a{height:100px;}
		.msec-12 li:nth-child(1) a span{font-size:16px;}
		.msec-12 li:nth-child(2) a span{font-size:16px}
	}



/* ======================================================
   .msec-13
=========================================================*/
.msec-13{position:relative; padding:120px 0 150px 0;}
.msec-13:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block; content:""; z-index:-1;background:#fff;}
.msec-13 .tits{text-align:center;}
.msec-13 .tits h3{font-size:44px;  color:#000;font-weight:700; letter-spacing:-0.03em; line-height:1.2em;}
.msec-13 .tits h3 span{color:#000}
.msec-13 .tits p{margin-top:14px;font-size:18px ;font-weight:400; color:#111; line-height:1.2em;letter-spacing:-0.03em; }
.msec-13 .tab{max-width:1140px; padding:0 20px;box-sizing:border-box;margin:0 auto;margin-top:50px;}
.msec-13 .tab ul{margin:0 -0.5%}
.msec-13 .tab ul:after{display:block ;content:"";clear:both}
.msec-13 .tab li{float:left; width:15.55555%; margin:0 0.5%;line-height:50px;}
.msec-13 .tab li a{background:#eee; border-radius:50px; line-height:50px;height:50px;display:block; text-align:center; color:#313444; font-size:16px; letter-spacing:-0.03em;}
.msec-13 .tab li.active a{background:#313444; color:#fff;}

.msec-13 .cont{ max-width:1240px; padding:0 20px;box-sizing:border-box;margin:0 auto;margin-top:70px; position:relative;}

	@media only screen and (max-width:1317px) {
		.msec-13 .tits h3{font-size:35px;}
		
	} 
	@media only screen and (max-width:1280px) {
		.msec-13{ padding:80px 0}
		.msec-13 .tits h3{font-size:30px;}
		.msec-13 .cont{margin-top:30px}
		
		.msec-13 .tab li a{line-height:50px ; height:50px ;font-size:18px;letter-spacing:-0.05em; }
		.msec-13 .tab{margin-top:30px;}
	} 
	@media only screen and (max-width:999px) {
		
		.msec-13{ padding:80px 0}
		.msec-13 .tits h3{font-size:30px;}
		.msec-13 .cont{margin-top:30px}
		
		.msec-13 .tab{margin-top:30px;}
		/*.msec-13 .tab li{width:49%;}
		.msec-13 .tab li:nth-child(n+3){margin-top:10px;}*/

		.msec-13 .tab li:nth-child(n+4){margin-top:7px;}
		.msec-13 .tab li{width:32.4%; margin:0 0.3%;}


		.msec-13 .tab li a{line-height:50px ; height:50px ;font-size:20px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-13{ padding:60px 0}
		.msec-13 .tits h3{font-size:30px;}

		.msec-13 .tab li a{line-height:50px ; height:50px ;font-size:18px;}


	} 
	@media only screen and (max-width:480px) {
		.msec-13{ display:none; }
		.msec-13 .tits h3{font-size:27px;}
		.msec-13 .tab li a{line-height:40px ; height:40px ;font-size:13px;}
		
		
	} 


.msec-13 .invite {max-width:1100px; margin:0 auto;}
.msec-13 .invite .owl-stage-outer{overflow:visible;}
.msec-13 .invite .item{padding:0 50px}
.msec-13 .invite .item .ov{display:block; position:relative;padding-left:470px; overflow:hidden;min-height:500px;border-radius:20px; background:#eee;}
.msec-13 .invite .item .img{width:100%;height:100%;position:Absolute; left:0; top:0;}
.msec-13 .invite .item .img img{width:100%;object-fit:cover; height:500px;}
.msec-13 .invite .item .img:after{width:100%;height:100%; position:absolute; left:0; top:0;opacity:1;  display:block; content:""; background:rgba(0,0,0,0.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-13 .invite .item .txt{padding:50px 40px; width: 450px;z-index:4; padding:40px; background:#fff;opacity:0; position:absolute; right:50px; bottom:50px; 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-13 .invite .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); background: rgba(0, 0, 0, 0.4);
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
    backdrop-filter: blur(4.6px);
    -webkit-backdrop-filter: blur(4.6px);}

.msec-13 .invite .owl-item.active .item .img:after{opacity:1;}
.msec-13 .invite .item .txt .btxt{font-size:24px; font-weight:400 ;color:#fff; line-height:1.2em; letter-spacing:-0.03em; ;position:relative; padding-left:24px;}
.msec-13 .invite .item .txt .btxt span{font-size:36px; font-weight:700; display:block; line-height:1.15em; }
.msec-13 .invite .item .txt .btxt:before{width:3px;height:100%; background:#65b957; position:absolute; left:0; top:-3px;display:block;content:""}

.msec-13 .invite .item .txt ul{margin-top:25px; }
.msec-13 .invite .item .txt li{font-size:16px; line-height:1.4em;position:relative; padding-left:10px; color:#fff;}
.msec-13 .invite .item .txt li a{color:#fff;}
.msec-13 .invite .item .txt li:nth-child(n+2){margin-top:10px;}
.msec-13 .invite .item .txt li:before{width:3px;height:3px; border-radius:100%;position:absolute; left:0; top:8px; display:block;background:#fff; content:""; }
.msec-13 .invite .item .txt li span{font-weight:700;color:#fff;}

.msec-13 .invite .item .txt .btns{margin-top:30px;text-align:center;}
.msec-13 .invite .item .txt .more{width:150px; line-height:40px; height:40px; border-radius:40px;text-align:center; background:#fff; font-size:15px;color:#000;font-weight:400; letter-spacing:-0.03em; display:inline-block;vertical-align:top;-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-13 .invite .item .txt .more:hover{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) ;	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3)  ;}
.msec-13 .invite .item .txt .more span{display:inline-block;vertical-align:top; padding-right:50px;position:relative; height:40px;}
.msec-13 .invite .item .txt .more span:after{width:30px;height:30px; position:absolute;right:0; top:50%; margin-top:-15px;;background:url(../img/Main/more-arrow.png) no-repeat right center; background-size:8px auto; display:block; content:"";-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-13 .invite .item .txt .more:hover span:after{right:-10px;}

.msec-13 .invite .item.c01 .txt .btxt{color:#fff;}
.msec-13 .invite .item.c01 .txt .btxt:before{background:#99c3e5;}
.msec-13 .invite .item.c02 .txt .btxt{color:#fff;}
.msec-13 .invite .item.c02 .txt .btxt:before{background:#99c3e5;}
.msec-13 .invite .item.c03 .txt .btxt{color:#fff;}
.msec-13 .invite .item.c03 .txt .btxt:before{background:#cde5e9;}
.msec-13 .invite .item.c04 .txt .btxt{color:#fff;}
.msec-13 .invite .item.c04 .txt .btxt:before{background:#cde5e9;}
.msec-13 .invite .item.c05 .txt .btxt{color:#fff;}
.msec-13 .invite .item.c05 .txt .btxt:before{background:#cde5e9;}
.msec-13 .invite .item.c06 .txt .btxt{color:#fff;}
.msec-13 .invite .item.c06 .txt .btxt:before{background:#cde5e9;}

.msec-13 .desktop{display:block;}
.msec-13 .mobile{display:none;}

	@media only screen and (max-width:1240px) {
		
		.msec-13 .invite .item{padding:0 60px}
		.msec-13 .invite .item .ov{padding-left:350px;}
		.msec-13 .invite .item .img{width:auto; }
		.msec-13 .invite .item .txt .btxt{font-size:27px;}
		.msec-13 .invite .item .txt .btxt span{font-size:32px; }
		.msec-13 .invite .item .txt li{font-size:17px; }

		.msec-13 .invite .item .txt .btns{margin-top:50px;}
		.msec-13 .invite .item .txt .more{width:204px; line-height:59px; height:55px;  font-size:18px;}
		.msec-13 .invite .item .txt .more span{padding-right:40px;height:55px;}
		

	} 
	@media only screen and (max-width:999px) {
		.msec-13 .invite .item{padding:0 50px}
		.msec-13 .invite .item .txt{padding:40px 40px;}
		.msec-13 .invite .item .ov{padding-left:300px; min-height:550px;}
		.msec-13 .invite .item .img{width:100%;;height:550px;}
		.msec-13 .invite .item .img img{height:550px;}
		.msec-13 .invite .item .txt ul{margin-top:25px;}
		.msec-13 .invite .item .txt li{font-size:16px;}
		.msec-13 .invite .item .txt li span{display:block; margin-bottom:5px;}
		.msec-13 .invite .item .txt .btxt{font-size:24px;}
		.msec-13 .invite .item .txt .btxt span{font-size:28px; }
		
		.msec-13 .invite .item .txt .btns{margin-top:30px;}
		.msec-13 .invite .item .txt .more{width:184px; line-height:54px; height:50px;  font-size:17px;}
		.msec-13 .invite .item .txt .more span{padding-right:35px;height:50px;}

	} 
	@media only screen and (max-width:880px) {
		
		.msec-13 .invite .item{padding:0 40px}

		.msec-13 .invite .item .txt{padding:40px 40px;}
		.msec-13 .invite .item .ov{padding-left:0px; min-height:auto;}
		.msec-13 .invite .item .img{width:100%;height:400px;}
		.msec-13 .invite .item .img img{height:400px}
		.msec-13 .invite .item .txt{padding:0;}
		.msec-13 .invite .item .txt ul{margin-top:0; padding:30px 30px 20px 30px;}
		
		.msec-13 .invite .item .txt li span{display:inline; margin-bottom:0;}
		.msec-13 .invite .item .txt .btxt{font-size:24px; padding-left:170px; height:180px;box-sizing:border-box; display:flex;align-items: center; justify-content: left; border-bottom:1px solid #dedede; box-sizing:border-box;}
		.msec-13 .invite .item .txt .btxt span{font-size:28px; }
		.msec-13 .invite .item .txt .btxt:before{display:none;}
		
		.msec-13 .invite .item .txt .btns{margin-top:15px; padding-bottom:30px;}
		.msec-13 .invite .item .txt .more{width:184px; line-height:54px; height:50px;  font-size:17px;}
		.msec-13 .invite .item .txt .more span{padding-right:35px;height:50px;}
	}
	@media only screen and (max-width:680px) {
		.msec-13 .invite .item{padding:0 20px}
		.msec-13 .invite .item .img{width:auto ;position:relative;height:auto; left:auto;}
		.msec-13 .invite .item .img img{width:100%;object-fit:fill;height:auto} 
		.msec-13 .invite .item .txt .btxt{font-size:21px; padding:0 ;height:auto; display:block; padding:25px 30px; border:none; /*background:#fff;*/ }
		.msec-13 .invite .item .txt .btxt span{font-size:24px;}
		
		.msec-13 .invite .item .txt ul{margin-top:0; padding:0 30px 20px 30px;}
		.msec-13 .invite .item .txt li{font-size:15px;}

		.msec-13 .invite .item .txt .more{width:160px; line-height:49px; height:45px;  font-size:16px;}
		.msec-13 .invite .item .txt .more span{padding-right:30px;height:45px;}
		.msec-13 .invite .item .txt .btns{margin-top:5px;}

		.msec-13 .desktop{display:none;}
		.msec-13 .mobile{display:block;}
	} 
	@media only screen and (max-width:480px) {
		.msec-13 .invite .item{padding:0 0px}
		.msec-13 .invite .item .txt .btxt{padding:0px 10px;font-size:16px; }
		.msec-13 .invite .item .txt ul{display:none;}
		.msec-13 .invite .item .txt li{font-size:14px;}
		.msec-13 .invite .item .txt li:nth-child(n+2){margin-top:7px;}
		.msec-13 .invite .item .txt li:before{top:6px;}

		.msec-13 .invite .item .txt{padding:20px 40px; width: 100%; padding:15px; right:0px; bottom:0px; height:50px; line-height:50px; rgba(0, 0, 0, 0.4);
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 0%);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);}
	} 

.msec-13 .invite-ctrl{}
.msec-13 .invite-ctrl a{position:absolute ; top:50%;margin-top:-25px; width:50px;height:50px; border-radius:100%; 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-13 .invite-ctrl a:before{position:absolute; top:0;width:100%;height:100%; display:block; content:""; z-index:2;}
.msec-13 .invite-ctrl a:after{position:absolute; top:0;width:100%;height:100%; display:block; content:""; z-index:3;}
.msec-13 .invite-ctrl a:hover{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) ;	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)  ;}

.msec-13 .invite-ctrl .prev{left:30px;}
.msec-13 .invite-ctrl .prev:before{left:0;-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
.msec-13 .invite-ctrl .prev:after{left:100%;-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;}
.msec-13 .invite-ctrl .prev:before{background:url(../img/main/invite-prev.png) no-repeat center center #fff; }
.msec-13 .invite-ctrl .prev:after{ background:url(../img/main/invite-prevo.png) no-repeat center center #fff;}
.msec-13 .invite-ctrl .prev:hover:before{left:-100%}
.msec-13 .invite-ctrl .prev:hover:after{left:0;}

.msec-13 .invite-ctrl .next{right:30px;}
.msec-13 .invite-ctrl .next:before{right:0;-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-13 .invite-ctrl .next:after{right:100%;-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-13 .invite-ctrl .next:before{background:url(../img/main/invite-next.png) no-repeat center center #fff; }
.msec-13 .invite-ctrl .next:after{ background:url(../img/main/invite-nexto.png) no-repeat center center #fff;}
.msec-13 .invite-ctrl .next:hover:before{right:-100%}
.msec-13 .invite-ctrl .next:hover:after{right:0;}
	@media only screen and (max-width:1240px) {
		.msec-13 .invite-ctrl  a{width:44px;height:44px; margin-top:-22px;}
	} 
	@media only screen and (max-width:999px) {
		.msec-13 .invite-ctrl  a{width:38px;height:38px; margin-top:-19px;}
		.msec-13 .invite-ctrl  .prev{left:14px;}
		.msec-13 .invite-ctrl  .next{right:14px;}
	} 
	@media only screen and (max-width:680px) {
		.msec-13 .invite-ctrl  .prev{left:20px;}
		.msec-13 .invite-ctrl  .next{right:20px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-13 .invite-ctrl  .prev{left:12px;}
		.msec-13 .invite-ctrl  .next{right:12px;}
	}