@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .item{position:relative; }
.msec-visual .item .img{height:977px;background-size:cover !important;transform:scale(1.35, 1.35); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);-webkit-transition: transform 5s ease-in-out;-moz-transition: transform 5s ease-in-out;-o-transition: transform 5s ease-in-out;transition: transform 5s ease-in-out;}
.msec-visual .item .img img{visibility:hidden;height:977px; width:100%;object-fit:cover;}
.msec-visual .item .txt{position:absolute;max-width:1640px; padding:0 80px; box-sizing:border-box; margin-top:-100px;width:100%;left:50%; top:55%; -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:50px; line-height:1.3em; color:#fff; font-weight:300;}
.msec-visual .item .txt .btxt p:nth-child(1){letter-spacing:-0.02em; font-family: 'RiaSans-Regular';}
.msec-visual .item .txt .btxt p:nth-child(2){letter-spacing:-0.02em; font-family: 'RiaSans-Regular';}
.msec-visual .item .txt .btxt p:nth-child(3){letter-spacing:0.01em;font-family: 'RiaSans-Bold';}
.msec-visual .item .txt .btxt p:nth-child(4){letter-spacing:0.01em;font-family: 'RiaSans-Bold';}
.msec-visual .item .txt .stxt{margin-top:30px; font-size:19px; font-weight:400; color:#fff; letter-spacing:-0.04em; line-height:1.6em;text-transform:uppercase;}

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

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



.msec-visual .visual-slide .slick-prev{z-index:555;width:50px;height:96px; top:50%;margin-top:-48px; background:url(../img/main/visual-prev02.png) no-repeat left center;  background-size:22px auto;left:80px;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.msec-visual .visual-slide .slick-next{z-index:555;width:50px;height:96px; top:50%;margin-top:-48px; background:url(../img/main/visual-next02.png) no-repeat right center; background-size:22px auto; right:80px;-webkit-transition: padding 0.3s ease-out, margin 0.3s ease-out;-moz-transition: padding 0.3s ease-out, margin 0.3s ease-out;-o-transition: padding 0.3s ease-out, margin 0.3s ease-out;transition: padding 0.3s ease-out, margin 0.3s ease-out;}
.msec-visual .visual-slide .slick-prev:hover{padding-right:15px; margin-left:-10px;width:65px;}
.msec-visual .visual-slide .slick-next:hover{padding-left:15px; margin-right:-10px;width:65px;}
	@media only screen and (max-width:1920px) {	
		.msec-visual .visual-slide .slick-prev{left:60px; background-size:18px auto;}
		.msec-visual .visual-slide .slick-next{right:60px;  background-size:18px auto;}
	}
	@media only screen and (max-width:1720px) {	
		.msec-visual .visual-slide .slick-prev{left:40px}
		.msec-visual .visual-slide .slick-next{right:40px;}
	}
	@media only screen and (max-width:1600px) {	
		.msec-visual .item .img{height:980px;}
		.msec-visual .item .img img{height:980px;}
		.msec-visual .visual-slide .slick-prev{left:20px; background-size:14px auto;}
		.msec-visual .visual-slide .slick-next{right:20px;background-size:14px auto;}

		.msec-visual .visual-slide .slick-prev:hover{padding-right:10px; margin-left:-10px;width:60px;}
		.msec-visual .visual-slide .slick-next:hover{padding-left:10px; margin-right:-10px;width:60px;}
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1200px) {
		.msec-visual .item .img{height:780px;}
		.msec-visual .visual-slide .slick-prev{left:20px}
		.msec-visual .visual-slide .slick-next{right:20px}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .visual-slide .slick-prev{display:none !important}
		.msec-visual .visual-slide .slick-next{display:none !important}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .item .txt{margin-top:0px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .item.c03 .img{background:url(../img/main/visual-img03m.jpg) no-repeat center center; background-size:cover;}
		.msec-visual .item.c04 .img{background:url(../img/main/visual-img04m.jpg) no-repeat center center; background-size:cover;}
		
	}

.msec-visual.ani .slick-active.item .txt .btxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .btxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .stxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-visual.ani .slick-active.item .txt .stxt p span{ opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}

.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(1) span{transition-delay:0.4s;}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(2) span{transition-delay:0.7s;}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(3) span{transition-delay:0.7s;}
.msec-visual.ani .slick-active.item .txt .btxt p:nth-child(4) span{transition-delay:0.7s;}

.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(1) span{transition-delay:1.0s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(2) span{transition-delay:1.3s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(3) span{transition-delay:1.3s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(4) span{transition-delay:1.3s;}

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

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

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

		
	}
	@media only screen and (max-width:999px) {
		.msec-visual .item .video{height:700px;}
		.msec-visual .item .img{height:700px;}

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

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

		.msec-visual .item .txt{padding:0 20px;}
		.msec-visual .item .txt .btxt{font-size:48px;}
		.msec-visual .item .txt .stxt{margin-top:20px; font-size:17px;}

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

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

		.msec-visual .item .txt .btxt{font-size:24px;}
		.msec-visual .item .txt .stxt{font-size:14px;}
	}


.msec-visual .icon-down{opacity:0;visibility:hidden;position:absolute;right:120px;bottom:170px;display:block;padding-left:10px;transition:opacity .3s; z-index:8932;}
.msec-visual .icon-down.on{opacity:1;visibility:visible;transition-delay:1.5s}
.msec-visual .icon-down i{position:relative;display:block;font-size:0;line-height:0;text-indent:-999em;}
.msec-visual .icon-down i:before{content:"";display:block;width:3px;height:57px;background:#fff;animation:elasticus 1.5s cubic-bezier(0.8, 0.2, 0.2, 0.8) infinite;margin:0 auto;}
.msec-visual .icon-down i:after{content:"";display:block;width:21px;height:21px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(135deg);padding:0;margin:-26px auto 0}
	
	@media only screen and (max-width:1600px) {	
		.msec-visual .icon-down{right:60px; bottom:60px;}
		.msec-visual .icon-down i{}
		.msec-visual .icon-down i:before{width:3px;height:45px}
		.msec-visual .icon-down i:after{width:17px; height:17px; border-top-width:3px; border-right-width:3px; margin-left:-1px;}
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-visual .icon-down{right:50px; bottom:50px;}
		
	}
	@media only screen and (max-width:680px) {
		.msec-visual .icon-down{right:35px; bottom:35px;transform:scale(0.8, 0.8); -webkit-transform:scale(0.8, 0.8); -moz-transform:scale(0.8, 0.8); -ms-transform:scale(0.8, 0.8);}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .icon-down{right:20px; bottom:20px;}
	}	

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



/* ======================================================
  .sec
=========================================================*/
.sec{height:960px;display:flex;align-items: center; justify-content: center; box-sizing:border-box; position:relative;width:100%; padding:0 170px;}
.sec .mec-vc{width:100%; box-sizing:border-box; text-align:left; position:relative; z-index:31;}
	@media only screen and (max-width:1720px) {	
		.sec{padding:0 80px;}
	}
	@media only screen and (max-width:1600px) {	
		.sec{padding:0 40px;}
	}
	@media only screen and (max-width:1480px) {
		.sec{padding:0 20px;}
	}
	@media only screen and (max-width:1280px) {
		.sec{padding:0 20px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.sec{height:auto;display:block;padding:80px 20px;}
	}
	@media only screen and (max-width:680px) {
		.sec{padding:60px 15px;}
	}
	@media only screen and (max-width:480px) {
		
	}













/* ======================================================
   .msec-01
=========================================================*/
.msec-01{margin:0 auto ;max-width:1700px; padding:0 20px;box-sizing:border-box;position:relative; margin-top:150px;}
.msec-01:after{display:block; content:"";clear:both;}
.msec-01 .tits{float:left; width:calc(35% - 20px); }
.msec-01 .cont{float:right; width:calc(65% - 20px); }

.msec-01 .tits h3{font-size:40px; color:#000; font-weight:400; letter-spacing:-0.03em; line-height:1.3em;}
.msec-01 .tits h3 span {font-weight:700;}
.msec-01 .tits p{font-size:20px; color:#666; font-weight:400;letter-spacing:-0.03em; line-height:1.4em; margin-top:30px; }

.msec-01 .cont .btxt{font-size:20px; font-weight:700; letter-spacing:-0.05em;  color:#111; line-height:1.5em; margin-bottom:20px;}
.msec-01 .cont .stxt{font-size:20px; font-weight:700; letter-spacing:-0.05em;  color:#111; line-height:1.5em; margin-top:35px;} 
	@media only screen and (max-width:1640px) {	
		.msec-01 .tits h3{font-size:28px;}
		.msec-01 .tits p{font-size:16px;}
		.msec-01 .cont .btxt{font-size:18px;}
		.msec-01 .cont .stxt{font-size:18px; margin-top:25px;}

		.msec-01 .tits{float:left; width:calc(30% - 10px); }
		.msec-01 .cont{float:right; width:calc(70% - 10px); }
		.msec-01 .cont .img img{width:100%;}
	}
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1280px) {

		.msec-01{margin-top:100px;}
		.msec-01 .tits h3{font-size:22px;}
		.msec-01 .tits p{font-size:16px;margin-top: 20px;}
		.msec-01 .cont .btxt{font-size:16px; }
		.msec-01 .cont .stxt{font-size:16px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-01{margin-top:70px;}
	}
	@media only screen and (max-width:999px) {
		.msec-01 .tits{float:none; width:auto;}
		.msec-01 .cont{float:none; width:auto; margin-top:30px;}
		.msec-01 .tits h3{font-size:24px;}
		.msec-01 .tits p{font-size15px; margin-top:10px;}
		.msec-01 .cont .btxt{font-size:15px; }
		.msec-01 .cont .stxt{font-size:15px; margin-top:15px;}
	}
	@media only screen and (max-width:680px) {
		.msec-01{margin-top:50px;}
		.msec-01 .tits h3{font-size:25px;}
		.msec-01 .tits p{font-size:20px;}
		.msec-01 .cont .btxt{font-size:16px; }
		.msec-01 .cont .stxt{font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.msec-01 .tits h3{font-size:24px;}
		.msec-01 .tits p{font-size:16px;}

	}






/* ======================================================
   .msec-02  5°³ ¹è³Ê
=========================================================*/
.msec-02{ position:relative;height:975px;  box-sizing:border-box; height:auto; padding:150px 70px 0px;}
.msec-02:after{width:20000px; left:50%; top:0; margin-left:-10000px;height:100%; display:block; content:""; background:#fff; z-index:-1; position:absolute;}
.msec-02 .tits{text-align:center;}
.msec-02 .tits h4{font-size:30px; font-weight:700;color:#000; letter-spacing:-0.03em; line-height:1.2em;}
.msec-02 .tits h3{font-size:48px; font-weight:700;color:#000; letter-spacing:-0.03em; line-height:1.2em; margin-top:20px;}
.msec-02 .tits h3 span{color:#61ab19;}
.msec-02 .tits p{font-size:18px; font-weight:500; color:#666; line-height:1.3em; letter-spacing:-0.045em; margin-top:30px;}
.msec-02 .cont{margin-top:80px; position:relative;z-index:2;} 
.msec-02 .cont ul{margin:0 -1%}
.msec-02 .cont ul:after{display:block; content:"";clear:both;}
.msec-02 .cont li{float:left; width:18%; margin:0 1%;}
.msec-02 .cont li a{position:relative; display:block;height:450px;overflow:hidden;}
.msec-02 .cont li .img{position:absolute; border-radius: 30px; left:0; top:0; z-index:5; height:100%; width:100%; overflow:hidden;-webkit-transition: top 0.5s ease-out, height 0.5s ease-out;-moz-transition: top 0.5s ease-out, height 0.5s ease-out;;-o-transition: top 0.5s ease-out, height 0.5s ease-out;;transition: top 0.5s ease-out, height 0.5s ease-out;}
.msec-02 .cont li .img img{ border-radius:30px; width:100%;object-fit:cover; position:Absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.msec-02 .cont li .btxt{font-size:36px; font-weight:700;line-height:1.5em; letter-spacing:-0.03em;margin-top:10px;}
.msec-02 .cont li .stxt{font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em;}

.msec-02 .cont li .txt{position:absolute; left:0; top:0px; width:100%; z-index:3;padding:25px 0;opacity:0;-webkit-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out, top 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out, top 0.5s ease-in-out;transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;}
.msec-02 .cont li .txt .btxt{ color:#000; }
.msec-02 .cont li .txt .stxt{ color:#555; }
.msec-02 .cont li .more{position:absolute; left:0; top:380px;width:50px;height:50px;display:inline-block;vertical-align:top;z-index:1;}
.msec-02 .cont li .more:after{position:absolute; left:0; top:0; width:100%;height:100%;background:url(../img/main/biz-more.png) no-repeat center center; display:block; content:""}

.msec-02 .cont li .over{position:absolute;z-index:7; left:0; bottom:0; opacity:1; box-sizing:border-box; padding:35px 35px 50px;-webkit-transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;-moz-transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;;-o-transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;;transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;}
.msec-02 .cont li .over .btxt{ color:#fff; }
.msec-02 .cont li .over .stxt{ color:#fff; opacity:0.76; font-size:16px;}

.msec-02 .cont li a:hover .txt{top:0; opacity:1;}
.msec-02 .cont li a:hover .img{transition-delay: 0.2s;top:140px; height:180px;}
.msec-02 .cont li a:hover .over {transition-delay: 0.4s; bottom:0px; opacity:0;}
.msec-02 .cont li a:hover .img img{transition-delay: 0.3s;}

.msec-02 .cont li:nth-child(6){display:none;}

	@media only screen and (max-width:1440px){
		.msec-02{ padding:100px 20px 50px;}
		.msec-02 .tits h4{font-size:24px;}
		.msec-02 .tits h3{font-size:36px;}
		.msec-02 .tits p{font-size:14px; margin-top:15px;}
		
		.msec-02 .cont li a{height:330px;}
		.msec-02 .cont li .btxt{font-size:26px;}
		.msec-02 .cont li .stxt{font-size:15px;}
		.msec-02 .cont li .stxt br{display:none }
		.msec-02 .cont li .more{top:390px;}
		.msec-02 .cont li .more:after{background-size:45px auto;}

		.msec-02 .cont li .img{top:0;}
		.msec-02 .cont li a:hover .img{top:155px}

		.msec-02 .cont li .over{padding:27px}
		.msec-02 .cont{margin-top:50px;} 
	}
	@media only screen and (max-width:1200px){
		.msec-02{position:relative;padding:100px 20px; height:auto !important}
		.msec-02 .tits h3{font-size:30px;}
		.msec-02 .tits p{font-size:16px;}
		.msec-02 .cont{margin-top:50px;}

		.msec-02 .cont li a{height:200px;}
		.msec-02 .cont li{width:48%;}
		.msec-02 .cont li:nth-child(n+3){margin-top:10px;}

		.msec-02 .cont li a:hover .img{top:140px}
		/*.msec-02 .cont li:nth-child(5){display:none;}*/
	}
	@media only screen and (max-width:999px){
		.msec-02{padding:70px 20px;}
		.msec-02 .tits h3{font-size:30px;}
		.msec-02 .tits p{font-size:15px;}
		.msec-02 .cont{margin-top:30px; }
		
		.msec-02 .cont li a{height:250px;}
		.msec-02 .cont li .txt{display:none;}
		.msec-02 .cont li .img{height:100%; top:0;}
		.msec-02 .cont li .img img{width:100%; height:100%; position:relative; left:auto; top:auto; -webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0); -o-transform:  translateY(0);transform: translateY(0);}
		.msec-02 .cont li .over{ opacity:1; bottom:0; padding:22px}
		
		.msec-02 .cont li .btxt{font-size:23px;}
		.msec-02 .cont li .stxt{font-size:14px; margin-top:7px;}

		.msec-02 .cont li a:hover .img{top:0; height:100%;}
		.msec-02 .cont li a:hover .over {bottom:0; opacity:1;}
	}
	@media only screen and (max-width:680px){
		.msec-02{padding:70px 20px}
		.msec-02 .tits h3{font-size:25px;}
		.msec-02 .tits h4{font-size:20px;}
		.msec-02 .cont{padding:0;}
	
		.msec-02 .cont li a{height:300px;}	
		
		.msec-02 .cont li .over{ padding:17px;}
		.msec-02 .cont li .btxt{font-size:18px;}
		.msec-02 .cont li .stxt{font-size:13px;}
		.msec-02 .cont li .over .stxt{font-size:13px;}

		.msec-02 .cont li .img{border-radius: 20px;}
		.msec-02 .cont li .img img{border-radius: 20px;}
	}
	@media only screen and (max-width:480px){
		.msec-02 .cont li a{height:160px;}	
		.msec-02 .tits h3{font-size:24px; margin-top:10px;}
		.msec-02 .tits h3 br{display:none;}
		.msec-02 .tits h4{font-size:18px;}

		/*.msec-02 .cont li:nth-child(5){display:none;}*/
		.msec-02 .cont li:nth-child(6){display:block;}
	}	





/* ======================================================
  .msec-03 À¯Æ©ºê
=========================================================*/
.msec-03{}
.msec-03 .tits{position:relative; z-index:1;}
.msec-03 .tits h3{font-weight:700; color:#000; font-size:48px; letter-spacing:-0.03em; line-height:1.2em; margin-top:20px;text-transform:uppercase}
.msec-03 .tits p{font-size:18px; font-weight:700 ;color:#222; letter-spacing:-0.03em; line-height:1.2em;text-transform:uppercase}

.msec-03 .tits .you-btn{z-index:123;position:absolute; line-height:48px; width:192px; font-size:18px;border-radius:50px; box-sizing:border-box; border:2px solid #61ab19; background:#61ab19; text-align:center; font-weight:500; letter-spacing:-0.03em; color:#fff; right:0; top:50%; margin-top:25px; }
.msec-03 .tits .you-btn span{display:inline-block; vertical-align:top; padding-left:36px;background:url(../img/main/you-btn.png) no-repeat left center; }
.msec-03 .tits .you-btn:hover{border:2px solid #61ab19; background:#fff; color:#61ab19}
.msec-03 .tits .you-btn:hover span{background-image:url(../img/main/you-btno.png)}

.msec-03 .cont{margin-top:70px;position:relative; z-index:2;}
.msec-03 .cont .item{}
.msec-03 .cont .item a{display:block;}
.msec-03 .cont .item .img{overflow:hidden; border-radius:30px;}
.msec-03 .cont .item .img img{width:100%; height:230px;object-fit:cover;transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-03 .cont .item a:hover .img img{transform:scale(1.1) translateX(4%)}

.msec-03 .cont .item .txt{margin-top:20px; min-height:100px;}
.msec-03 .cont .item .txt .btxt{font-size:22px; color:#000; font-weight:500; letter-spacing:-0.03em; line-height:1.3em;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.msec-03 .cont .item .txt .stxt{margin-top:20px;font-size:16px ;font-weight:400; color:#999 ;}

.msec-03 .ctrl{margin-top:60px; position:relative; height:20px;}
.msec-03 .ctrl .nums{color:#77787b ;line-height:20px;font-size:16px;}
.msec-03 .ctrl .nums p{display:inline-block;vertical-align:top;line-height:20px; }
.msec-03 .ctrl .nums .swiper-pagination-current{color:#000;font-size:20px; margin-right:7px; font-weight:600;}
.msec-03 .ctrl .nums .swiper-pagination-total{color:#77787b ;font-size:20px; margin-left:7px;}

.msec-03 .ctrl .arrow{position:absolute;right:0; top:0; height:20px;}
.msec-03 .ctrl .arrow:before{width:0; border-left:1px solid #ccc; height:18px; position:Absolute;right:42px; top:50%; margin-top:-9px; display:block; content:"";z-index:-1;}
.msec-03 .ctrl .prev{width:20px;height:20px; position:absolute; right:70px; top:0; background:url(../img/main/news-prev.jpg) no-repeat left center;}
.msec-03 .ctrl .next{width:20px;height:20px; position:absolute; right:0; top:0; background:url(../img/main/news-next.jpg) no-repeat right center;}

.msec-03 .scrollbar{position:absolute !important; left:120px; width:calc(100% - 260px); height:2px; bottom:6px ; z-index:932;background:#e3e3e3;overflow:hidden; }
.msec-03 .scrollbar .handle{width:0;height: 3px;background:#61ab19;cursor: pointer; left:0; top:0;  position:absolute; -webkit-transition: width 0.2s ease-in-out;-moz-transition: width 0.2s ease-in-out;-o-transition: width 0.2s ease-in-out;transition: width 0.2s ease-in-out;}
	@media only screen and (max-width:1720px) {	
		.msec-03{height:800px;}
		.msec-03 .tits h3{font-size:40px;}
		.msec-03 .tits p{font-size:42px;  margin-top:35px;}

		.msec-03 .cont{margin-top:60px}
		.msec-03 .cont .item .txt{margin-top:40px; min-height:90px}
		.msec-03 .cont .item .txt .btxt{font-size:21px;}
		.msec-03 .cont .item .txt .stxt{margin-top:40px;font-size:17px}
		.msec-03 .cont .item .img img{ height:280px;}
		
		.msec-03 .ctrl{margin-top:50px; position:relative; height:20px;}
		.msec-03 .ctrl .nums{font-size:15px;}
		.msec-03 .ctrl .nums .swiper-pagination-current{font-size:19px;}
		.msec-03 .ctrl .nums .swiper-pagination-total{font-size:19px}
		
		.msec-03 .ctrl .arrow:before{right:40px}
		.msec-03 .ctrl .prev{background-size:10px auto; right:60px;}
		.msec-03 .ctrl .next{background-size:10px auto;}

		.msec-03 .scrollbar{height:4px; bottom:8px;left:110px; width:calc(100% - 220px);}
		.msec-03 .scrollbar .handle{height:4px}
	}
	@media only screen and (max-width:1600px) {	
		.msec-03{height:800px;}
		.msec-03 .tits h3{font-size:40px;}
		.msec-03 .tits p{font-size:36px; }

		.msec-03 .tits .you-btn{font-size:16px; width:180px; line-height:42px;height:44px;margin-top:-22px;}
		.msec-03 .tits .you-btn span{padding-left:32px; background-size:26px auto}
		
		.msec-03 .cont .item .img img{height:200px}

	}
	@media only screen and (max-width:1480px) {	
		.msec-03{height:760px;}
		.msec-03 .tits h3{font-size:36px;}
		.msec-03 .tits p{font-size:20px; margin-top:30px;}
		.msec-03 .tits .you-btn{font-size:15px; width:160px;}

		.msec-03 .cont{margin-top:50px}
		.msec-03 .cont .item .txt{margin-top:35px;min-height:80px}
		.msec-03 .cont .item .txt .btxt{font-size:18px;}
		.msec-03 .cont .item .txt .stxt{margin-top:35px;font-size:16px}

		.msec-03 .ctrl{margin-top:20px; }
		.msec-03 .ctrl .nums{font-size:14px;}
		.msec-03 .ctrl .nums .swiper-pagination-current{font-size:18px;}
		.msec-03 .ctrl .nums .swiper-pagination-total{font-size:18px}
		
		.msec-03 .ctrl .arrow:before{right:35px}
		.msec-03 .ctrl .prev{background-size:8px auto; right:50px;}
		.msec-03 .ctrl .next{background-size:8px auto;}

		.msec-03 .scrollbar{height:3px; bottom:8px;left:100px; width:calc(100% - 200px);}
		.msec-03 .scrollbar .handle{height:3px}
	}
	@media only screen and (max-width:1280px) {
		.msec-03{height:600px;}
		.msec-03 .tits h3{font-size:30px;}
		.msec-03 .tits p{font-size:20px;margin-top:25px;}
		.msec-03 .tits .you-btn{top:3px; margin-top:0;}

		.msec-03 .cont .item .img img{height:200px}
		
		.msec-03 .cont .item .txt{margin-top:20px;min-height:50px}
		.msec-03 .cont .item .txt .btxt{font-size:17px;}
		.msec-03 .cont .item .txt .stxt{margin-top:30px;font-size:15px}
	}
	@media only screen and (max-width:999px) {
		.msec-03{height:auto;padding-top:50px ; padding-bottom:50px}
		.msec-03 .tits h3{font-size:24px;}
		.msec-03 .tits p{font-size:24px;font-weight:500;margin-top:20px;}
		.msec-03 .tits .you-btn{font-size:14px; width:140px; line-height:36px;height:38px;border-width:1px;}
		.msec-03 .tits .you-btn span{padding-left:28px; background-size:22px auto}

		.msec-03 .cont .item .img img{height:200px}

		.msec-03 .cont{margin-top:30px}
		.msec-03 .cont .item .txt{margin-top:25px;min-height:60px}
		.msec-03 .cont .item .txt .btxt{font-size:17px;}
		.msec-03 .cont .item .txt .stxt{margin-top:25px;font-size:14px}


		.msec-03 .ctrl{margin-top:20px;}
		.msec-03 .ctrl .nums{font-size:13px;}
		.msec-03 .ctrl .nums .swiper-pagination-current{font-size:16px;margin-right:5px;}
		.msec-03 .ctrl .nums .swiper-pagination-total{font-size:16px;margin-left:5px;}
		
		.msec-03 .ctrl .arrow:before{right:35px}
		.msec-03 .ctrl .prev{background-size:8px auto; right:50px;}
		.msec-03 .ctrl .next{background-size:8px auto;}

		.msec-03 .scrollbar{height:2px; bottom:9px;left:100px; width:calc(100% - 200px);}
		.msec-03 .scrollbar .handle{height:2px}
	}
	@media only screen and (max-width:680px) {
		.msec-03{ padding-top:70px ; padding-bottom:70px}
		.msec-03 .tits h3{font-size:25px;}
		.msec-03 .tits p{font-size:22px; }
		.msec-03 .tits .you-btn{font-size:13px; width:130px; line-height:32px;height:34px;}
		.msec-03 .tits .you-btn span{padding-left:24px; background-size:18px auto}

		.msec-03 .cont .item .img img{height:240px}
		
		.msec-03 .cont{margin-top:20px}

		.msec-03 .news-slide{overflow:visible !important; padding-right:50px;}
		.msec-03 .cont .item .txt{margin-top:20px;min-height:50px}
		.msec-03 .cont .item .txt .btxt{font-size:16px;}
		.msec-03 .cont .item .txt .stxt{margin-top:20px;font-size:13px}
		
		.msec-03 .ctrl .nums .swiper-pagination-current{font-size:15px;}
		.msec-03 .ctrl .nums .swiper-pagination-total{font-size:15px}

		.msec-03 .ctrl .arrow:before{right:30px; height:14px; margin-top:-7px;}
		.msec-03 .ctrl .prev{right:40px;}
		.msec-03 .scrollbar{left:80px; width:calc(100% - 160px);}

		.msec-03 .cont .item .img{ border-radius:20px;}
	}
	@media only screen and (max-width:580px) {
		.msec-03{padding-top:0px ; padding-bottom:50px}
		.msec-03 .ctrl{margin-top:20px;}
		
	}
	@media only screen and (max-width:480px) {
		.msec-03 .tits h3{font-size:24px; margin-top:20px;}
		.msec-03 .tits p{font-size:20px; }
		.msec-03 .tits .you-btn{font-size:15px; width:140px; line-height:35px;height:37px; margin-top:-10px;}
		.msec-03 .tits .you-btn span{padding-left:22px;}
		
		.msec-03 .cont .item .img img{height:210px}
		.msec-03 .cont .item .txt{min-height:40px}

		.msec-03 .ctrl .nums {font-size:12px;}
		.msec-03 .ctrl .nums .swiper-pagination-current{font-size:14px;margin-right:3px;}
		.msec-03 .ctrl .nums .swiper-pagination-total{font-size:14px;margin-left:3px;}

		.msec-03 .ctrl .arrow:before{right:30px}
		.msec-03 .ctrl .prev{background-size:8px auto; right:40px;}
		.msec-03 .ctrl .next{background-size:8px auto;}

		.msec-03 .scrollbar{height:2px; bottom:9px;left:67px; width:calc(100% - 150px);}
	}
	@media only screen and (max-width:400px) {
		.msec-03 .tits:after{width:calc(100% - 180px);}
		.msec-03 .tits h3{font-size:22px;}
		.msec-03 .tits p{font-size:15px; }

		.msec-03 .cont .item .img img{height:180px}

		.msec-03 .ctrl .nums {font-size:11px;}
		.msec-03 .ctrl .nums .swiper-pagination-current{font-size:13px;}
		.msec-03 .ctrl .nums .swiper-pagination-total{font-size:13px}
	}



/* ======================================================
   .msec-04 ¼Ò°³¿µ»ó
=========================================================*/
.msec-04{margin:0 auto ; margin-top:50px; margin-bottom:150px; max-width:1240px; padding:0 20px; }
.msec-04:after{display:block; content:"";clear:both;}
.msec-04 .tv{float:left; width:100%;display:flex; display:-webkit-flex; }
.msec-04 .ov{width:100%;}

.msec-04 h3{font-size:33px; font-weight:700; color:#111; letter-spacing:-0.035em; line-height:1.5em; margin-top:90px;}

.msec-04 .tv .sample{/*overflow:hidden;*/}
.msec-04 .tv .sample:hover iframe{/*transform:scale(1.02) */}
.msec-04 .tv .sample iframe{transition:transform 1.5s cubic-bezier(.33,.02,0,.93)}
.msec-04 .tv .sample img{width:100%;}

.msec-04 .tv .videos{position:relative;height:0;padding-bottom:56.25%;overflow:hidden; border-radius:30px;}
.msec-04 .tv .videos iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.msec-04 .tv .txt{font-size:0; margin-top:30px;}
.msec-04 .tv .txt .btxt{font-size:30px; font-weight:500; letter-spacing:-0.05em;  color:#111; line-height:1.5em; margin-bottom:10px;}
.msec-04 .tv .txt .stxt{font-size:14px; font-weight:400; letter-spacing:-0.03em;  color:#666; line-height:1.3em; display:inline-block;vertical-align:top;}
.msec-04 .tv .txt .ctxt{font-size:14px; font-weight:400; letter-spacing:-0.03em;  color:#666; line-height:1.3em; display:inline-block;vertical-align:top; margin-left:12px;}


	@media only screen and (max-width:1640px) {	
		.msec-04{margin-top:50px; margin-bottom:50px; }
		.msec-04 h3{font-size:24px; margin-bottom:30px; font-weight:500}

		.msec-04 .tv{ width:calc(100% - 0px);}
		.msec-04 .exam{ width:calc(52% - 40px); margin-left:80px;}

		.msec-04 .tv .txt .btxt{font-size:24px;}
		.msec-04 .tv .txt .stxt{font-size:13px;}

		
	}
	@media only screen and (max-width:1480px) {
		
	}
	@media only screen and (max-width:1280px) {
		.msec-04 h3{font-size:20px; margin-top:50px;}
		.msec-04 .tv .txt{margin-top:20px;}
		.msec-04 .tv .txt .btxt{font-size:26px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-04{display:block;}
		.msec-04 .tv{ float:none;width:auto; display:block;}
		
	}
	@media only screen and (max-width:999px) {
		.msec-04{margin-top:60px}
		.msec-04 h3{font-size:20px; margin-bottom:25px;}
		
		.msec-04 .tv .txt{margin-top:15px;}
		.msec-04 .tv .txt .btxt{font-size:24px;margin-bottom:5px;}
		
	}
	@media only screen and (max-width:680px) {
		.msec-04{margin-top:40px; margin-bottom:50px;}
		.msec-04 h3{font-size:18px; margin-bottom:20px; margin-top:30px; font-weight:400}
		.msec-04 .tv .txt .btxt{font-size:22px; margin-bottom:2px;}

		
	}
	@media only screen and (max-width:480px) {
		.msec-04 h3{margin-bottom:15px;}
		.msec-04 .tv .txt .btxt{font-size:20px;}
	}





/* ======================================================
   .msec-05 ÀåÁ¡
=========================================================*/
.msec-05{position:relative;}
.msec-05 .tits{text-align:center; }
.msec-05 .tits h3{font-weight:700; color:#fff;  font-size:48px; letter-spacing:-0.03em; line-height:1em;text-transform:uppercase}
.msec-05 .tits p{font-size:30px; font-weight:700 ;color:#fff; letter-spacing:-0.03em; line-height:1.2em; margin-top:20px;}

.msec-05 .cont{position:relative; z-index:2; max-width:1920px; box-sizing:border-box; padding:0 20px; margin:0 auto;}
.msec-05 .cont ul{}
.msec-05 .cont ul:after{display:block; content:"";clear:both;}
.msec-05 .cont li{float:left; width:25%; position:relative; height:700px; display:flex;align-items: center; justify-content: center;}
.msec-05 .cont li:nth-child(n+2):before{width:0;height:100%; border-left:1px solid rgba(255,255,255,0.1); display:block;content:""; position:Absolute; left:-1px; top:0;}
.msec-05 .cont li .vc{width:100% ;text-align:center;}
.msec-05 .cont li .btxt{font-size:72px;  color:#fff; letter-spacing:-0.03em; line-height:1.3em;  font-weight:600; padding-top:300px}
.msec-05 .cont li .stxt{ font-size:36px; font-weight:600; color:#fff;letter-spacing:-0.03em; line-height:1.6em; margin-top:10px; min-height:135px;}
.msec-05 .cont li a{display:inline-block;vertical-align:top; position:relative; text-align:center; line-height:45px; font-size:14px; font-weight:400; letter-spacing:-0.03em; color:#fff; width:140px;}
.msec-05 .cont li a:before{width:100%;height:100%; box-sizing:border-box; border:1px solid #fff; left:0; top:0; display:block; content:"";z-index:-1; position:absolute; border-radius: 6px;}
.msec-05 .cont li a span{position:relative ;z-index:534; display:inline-block;vertical-align:top;}
.msec-05 .cont li a:after { border-radius: 6px;content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0;z-index:1;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-05 .cont li a:hover:after {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s}
.msec-05 .cont li a:hover{color:#111;}
	@media only screen and (max-width:1700px) {
		.msec-05 .cont li{height:500px}
		.msec-05 .cont li .btxt{ font-size:32px;}
		.msec-05 .cont li .stxt{ font-size:16px;margin-top:30px; min-height:130px;}

		.msec-05 .cont li a{width:120px; line-height:40px; font-size:13px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-05 .cont li{height:400px}
		.msec-05 .cont li .btxt{ font-size:29px; padding-top:200px}
		.msec-05 .cont li .stxt{ font-size:14px;margin-top:10px; min-height:100px;}

		.msec-05 .cont li a{width:100px; line-height:35px; font-size:12px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-05 .cont ul{}
		.msec-05 .cont li{height:300px;padding:0 20px; box-sizing:border-box;}
		.msec-05 .cont li .btxt{ font-size:26px;}
		.msec-05 .cont li .btxt br{display:none;}
		.msec-05 .cont li .stxt{ font-size:12px;margin-top:20px; min-height:auto; margin-bottom:40px;}
		.msec-05 .cont li .stxt br{display:none;}
 
		.msec-05 .cont li a{width:90px; line-height:35px;}
	}
	@media only screen and (max-width:680px) {	
		.msec-05 .cont{padding:0 15px;}
		.msec-05 .cont ul{width:calc(100% + 30px);margin-left:-15px}
		.msec-05 .cont li{ padding:30px 20px}
		.msec-05 .cont li .btxt{ font-size:23px;}
		.msec-05 .cont li .stxt{ margin-top:10px;}
		.msec-05 .cont li a{width:80px; line-height:30px; font-size:11px;}
	}
	@media only screen and (max-width:480px) {
		.msec-05 .cont li{}
		.msec-05 .cont li{height:auto; padding:40px 40px; float:none; width:auto; ;}
		.msec-05 .cont li:nth-child(n+2):before{width:100%;border-top:1px solid rgba(255,255,255,0.3); border-left:none; height:0;}
		.msec-05 .cont li .btxt{ font-size:20px;}
		.msec-05 .cont li .stxt br{display:none;}

		.msec-05{display:none;}
	}


.msec-05 .about-slide{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:1;background:url(../img/main/msec05-img01.jpg) no-repeat center; background-size:cover;}
.msec-05 .about-slide:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);display:block; content:""}
.msec-05 .about-slide .slick-list{height:100%;}
.msec-05 .about-slide .slick-track{height:100%;}
.msec-05 .about-slide .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden; }
.msec-05 .about-slide .item .img{position:relative; width:100%;height:100%;background-size:cover !important;-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1);-webkit-transition: transform 5s ease-out;-moz-transition: transform 5s ease-out;-o-transition: transform 5s ease;transition: transform 5s ease-out;}
.msec-05 .about-slide .item .img img{visibility:hidden}
.msec-05 .about-slide .item.c01 .img{background:url(../img/main/msec05-img01.jpg) no-repeat center; }
.msec-05 .about-slide .item.c02 .img{background:url(../img/main/msec05-img02.jpg) no-repeat center; }
.msec-05 .about-slide .item.c03 .img{background:url(../img/main/msec05-img03.jpg) no-repeat center; }
.msec-05 .about-slide .item.c04 .img{background:url(../img/main/msec05-img04.jpg) no-repeat center; }

.msec-05 .about-slide.ani .slick-active.item .img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2);  -o-transform:scale(1.2);  transform:scale(1.2);}
	@media only screen and (max-width:1700px) {
		
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}





/* ======================================================
   .msec-06
=========================================================*/
.msec-06{max-width:1700px; box-sizing:border-box; padding:0 20px; margin:0 auto; margin-top:150px; margin-bottom:150px;}
.msec-06 .tits{text-align:left;}
.msec-06 .tits h3{font-size:48px; letter-spacing:-0.03em; line-height:1.3em; color:#111; }
.msec-06 .tits h3 span{color:#61ab19; }
.msec-06 .tits p {font-size:18px; font-weight:400 ;color:#111; letter-spacing:-0.03em; line-height:1.4em; margin-top:30px;}
	@media only screen and (max-width:1700px) {
		.msec-06{margin-top:110px;}
		.msec-06 .tits h3{font-size:36px;}
		.msec-06 .tits p {font-size:15px; line-height:1.6em; margin-top:20px;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-06{margin-top:95px; margin-bottom:100px;}
		.msec-06 .tits h3{font-size:30px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-06{margin-top:70px;}
		.msec-06 .tits h3{font-size:24px;}
	}
	@media only screen and (max-width:680px) {
		.msec-06{margin-top:70px; padding:0 15px; margin-bottom:70px;}
		.msec-06 .tits h3{font-size:24px;}
		.msec-06 .tits p {font-size:15px; margin-top:20px;}
		.msec-06 .tits p br {display:none;}
	}
	@media only screen and (max-width:480px) {
		.msec-06 .tits h3{font-size:22px;}
	}


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

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

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

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

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

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

.msec-06 .scrollbar .prev{position:Absolute;right:62px; top:0; width:50px;height:50px; top:50%;margin-top:-30px;background:url(../img/main/food-prev.png) no-repeat center center;border-radius:100%; background-size:100% auto;}
.msec-06 .scrollbar .next{position:Absolute;right:0; top:0; width:50px;height:50px;top:50%;margin-top:-30px;background:url(../img/main/food-next.png) no-repeat center center;border-radius:100%; background-size:100% auto;}

.msec-06 .scrollbar .prev:hover{background-image:url(../img/main/food-prevo.png)}
.msec-06 .scrollbar .next:hover{background-image:url(../img/main/food-nexto.png)}


	@media only screen and (max-width:1700px) {
		.msec-06 .tab li:nth-child(n+2){margin-left:20px;}
		.msec-06 .tab li a{width:130px; font-size:17px; border-radius:40px;}

		.msec-06 .cont .item .btxt{font-size:22px ;}
		.msec-06 .cont .item .stxt{font-size:14px ;}
	}
	@media only screen and (max-width:1500px) {
		
	}
	@media only screen and (max-width:1300px) {
		.msec-06 .tab{margin-top:30px;}
		.msec-06 .tab li:nth-child(n+2){margin-left:15px;}
		.msec-06 .tab li a{width:120px; font-size:16px; line-height:40px;border-radius:40px;}

		.msec-06 .cont .item .txt{padding-top:20px; min-height:120px}
		.msec-06 .cont .item .btxt{font-size:20px ;}
		.msec-06 .cont .item .stxt{font-size:13px ; margin-top:10px;}

		.msec-06 .slick-dots{padding-right:110px; bottom:-36px}

		.msec-06 .scrollbar{padding-right:110px; margin-top:35px;}
		.msec-06 .scrollbar .prev{width:40px; height:40px; background-size:40px auto; right:48px;}
		.msec-06 .scrollbar .next{width:40px; height:40px; background-size:40px auto;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-06 .tab{margin-top:25px;}
		.msec-06 .tab li:nth-child(n+2){margin-left:10px;}
		.msec-06 .tab li a{width:110px; font-size:15px; line-height:35px; border-radius:35px;}
		
		.msec-06 .cont{margin-top:25px;}
		.msec-06 .cont .item .txt{min-height:110px;}
		.msec-06 .cont .item .btxt{font-size:18px ;}
		.msec-06 .cont .item .stxt{font-size:14px ;}

		.msec-06 .slick-dots{padding-right:110px; bottom:-40px}

		.msec-06 .scrollbar{padding-right:110px; margin-top:50px;}
		.msec-06 .scrollbar .prev{width:40px; height:40px; background-size:40px auto; right:45px;}
		.msec-06 .scrollbar .next{width:40px; height:40px; background-size:40px auto;}
	}
	@media only screen and (max-width:680px) {
		.msec-06 .tab{margin-top:20px;}
		.msec-06 .tab li a{width:100px; font-size:14px;line-height:30px; border-radius:20px;}

		.msec-06 .cont .item .txt{min-height:90px;}
		.msec-06 .cont .item .btxt{font-size:18px ;}
	}
	@media only screen and (max-width:480px) {
		.msec-06 .tab li a{width:90px;font-size:14px;}

		.msec-06 .cont .item .img img{width:100%;height:120px;}
		.msec-06 .cont .item{margin:0 10px}
	}





/* ======================================================
   .msec-07
=========================================================*/
.msec-07{position:relative;}

.msec-07 .cont{max-width:1420px; box-sizing:border-box;  padding:0 20px; margin:0 auto; position:relative;height:948px; padding-top:150px;}
.msec-07 .cont h5{font-size:30px; color:#fff; font-weight:700; letter-spacing:-0.01em; text-align:center;}
.msec-07 .cont h3{font-size:48px; color:#fff; font-weight:700; letter-spacing:-0.01em; line-height:1.2em; /*position:Absolute; left:60px; top:150px; */ text-transform:uppercase; text-align:center; margin-top:30px;}

/*.msec-07 .cont h3:after{width:100%; height:0; border-bottom:3px solid #fff; position:absolute; left:0; bottom:-20px; display:block ;content:""}*/
.msec-07 .prd-slide{}
.msec-07 .prd-slide .item{ position:relative; height:948px;}
.msec-07 .prd-slide .item .txt{ padding:0 40px; box-sizing:Border-box; position:Absolute; width:100%; top:256px; left:200px;}
.msec-07 .prd-slide .item .btxt{font-size:44px; color:#fff; letter-spacing:-0.03em; line-height:1.2em; font-weight:700;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px); -ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;-moz-transition:opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;-o-transition: opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;transition: opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;}
.msec-07 .prd-slide .item .btxt span{font-size:30px; }
.msec-07 .prd-slide .item .stxt{font-size:20px; color:#fff; letter-spacing:-0.03em; line-height:1.6em; font-weight:400; margin-top:25px;opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px); -ms-transform:translateY(20px);-o-transform:translateY(20px);-webkit-transition: opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;-moz-transition:opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;-o-transition: opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;transition: opacity 0.6s ease-out, transform 0.6s ease-out, color 0.6s ease-out;}

.msec-07 .prd-slide .item .youtube{ padding:0 40px; box-sizing:Border-box; position:Absolute; width:600px; top:256px; left:600px; border-radius:30px;}
.msec-07 .prd-slide .item .youtube iframe{ border-radius:30px;}

.msec-07 .prd-slide.ani .item.slick-active .txt .btxt{transition-delay: 0.4s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
.msec-07 .prd-slide.ani .item.slick-active .txt .stxt{transition-delay: 0.8s;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0); -ms-transform:translateY(0);-o-transform:translateY(0);}
	@media only screen and (max-width:1560px){
		.msec-07 .cont{height:700px; padding-top:100px;}
		.msec-07 .cont h3{font-size:17px; margin-top:20px; font-weight:400}
		.msec-07 .prd-slide .item .btxt{font-size:30px;}
		.msec-07 .prd-slide .item .stxt{font-size:16px;}

		.msec-07 .prd-slide .item{height:700px;}
		.msec-07 .prd-slide .item .txt{ top:256px; left:300px;}

		.msec-07 .prd-slide .item .youtube{ padding:0 20px;  width:540px; top:200px; left:640px; border-radius:20px;}
		.msec-07 .prd-slide .item .youtube iframe{ border-radius:20px;}
	}
	@media only screen and (max-width:1300px){
		.msec-07 .prd-slide .item .btxt{font-size:24px;}
		.msec-07 .prd-slide .item .btxt span{font-size:20px; }
		.msec-07 .prd-slide .item .stxt{font-size:15px;}

		.msec-07 .cont{height:600px;}
		.msec-07 .prd-slide .item{height:600px;}

		.msec-07 .prd-slide .item .txt{ top:200px; left:150px;}

		.msec-07 .prd-slide .item .youtube{ padding:0 20px;  width:400px; top:100px; left:480px;}

	}
	@media only screen and (max-width:999px){
		.msec-07 .cont h3{font-size:16px; left:20px; top:70px;}
		.msec-07 .cont h3:after{border-bottom-width:2px;}

		.msec-07 .prd-slide .item .txt{padding:0 20px; top:120px;  left:120px;}
		.msec-07 .prd-slide .item .btxt{font-size:24px;}
		.msec-07 .prd-slide .item .btxt span{font-size:18px; }
		.msec-07 .prd-slide .item .stxt{font-size:15px;}

		.msec-07 .cont{height:500px; padding-top:50px;}
		.msec-07 .prd-slide .item{height:500px;}

		.msec-07 .prd-slide .item .youtube{ padding:0 10px;  width:340px; top:20px; left:400px;}
	}
	@media only screen and (max-width:680px){
		.msec-07 .cont{padding-top:50px;}
		.msec-07 .cont h3{font-size:18px;  margin-top:20px;font-weight:400;}
		.msec-07 .prd-slide .item .btxt{font-size:24px;}
		.msec-07 .prd-slide .item .btxt span{font-size:20px; }
		.msec-07 .prd-slide .item .stxt{font-size:14px;margin-top:15px;}

		.msec-07 .cont{height:500px;}
		.msec-07 .prd-slide .item{height:500px;}

		.msec-07 .prd-slide .item .youtube{ display:block ; /*padding:0 0px; box-sizing:Border-box; position:Absolute; width:330px; top:156px; left:0px; border-radius:20px;*/}
		.msec-07 .prd-slide .item .youtube iframe{ border-radius:20px;}
	}
	@media only screen and (max-width:480px){
		.msec-07 .cont h3{font-size:16px; top:50px;}
		.msec-07 .cont h5{font-size:24px;}
		.msec-07 .prd-slide .item .txt{ padding:0 0px; box-sizing:Border-box; position:Absolute; width:100%; top:150px; left:0px;}
		.msec-07 .prd-slide .item .btxt{font-size:24px;}
		.msec-07 .prd-slide .item .btxt span{font-size:17px; }
		.msec-07 .prd-slide .item .stxt{font-size:14px;}

		.msec-07 .cont{height:500px;}
		.msec-07 .prd-slide .item{height:500px;}
	}
	@media only screen and (max-width:400px){
		.msec-07 .cont h3{font-size:14px; }
		.msec-07 .prd-slide .item .txt{top:120px}

		.msec-07 .prd-slide .item .btxt{font-size:20px;}
		.msec-07 .prd-slide .item .stxt{font-size:14px;}
	}
	
.msec-07 .prd-tab{position:absolute;right:170px; top:0; width:150px; height:100%; z-index:2; }
.msec-07 .prd-tab:before{border-left:0px solid rgba(255,255,255,0.5) ; position:absolute; left:0; top:0; height:100%; box-sizing:Border-box; display:block ;content:""; width:0; z-index:-1;}
.msec-07 .prd-tab ul{}
.msec-07 .prd-tab li{position:absolute; left:0; width:100%; height:150px; box-sizing:border-box; background:#74787e;}
.msec-07 .prd-tab li:nth-child(n+2):before{position:absolute; left:0; top:-1px; width:100%; border-top:1px solid rgba(255,255,255,0.9); display:block ; content:""; z-index:-1;}
.msec-07 .prd-tab li:nth-child(1){top:200px;}
.msec-07 .prd-tab li:nth-child(2){top:350px;}
.msec-07 .prd-tab li:nth-child(3){top:500px;}
.msec-07 .prd-tab li a{position:absolute; left:0; top:0; width:100%;height:100%; display:flex;align-items: center; justify-content: left;}
.msec-07 .prd-tab li .txt{text-align:center; width:100%; box-sizing:border-box;position:Relative; height:150px;-webkit-transition: height 0.3s ease-in-out;-moz-transition: height 0.3s ease-in-out;-o-transition: height 0.3s ease-in-out;transition: height 0.3s ease-in-out;}
.msec-07 .prd-tab li .txt .btxt{font-size:20px;font-weight:500; color:#fff; letter-spacing:-0.01em; line-height:150px; text-transform:uppercase; -webkit-transition: opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;-moz-transition:opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;transition: opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;}
.msec-07 .prd-tab li .txt .stxt{font-size:36px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.3em; margin-top:10px;-webkit-transition: opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;-moz-transition:opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;transition: opacity 0.4s ease-out, transform 0.4s ease-out, color 0.4s ease-out;}
.msec-07 .prd-tab li .txt .more{display:inline-block;vertical-align:top;line-height:30px; font-size:16px; color:#000; padding-right:80px; opacity:0;position:absolute; left:60px ; bottom:0;;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.msec-07 .prd-tab li .txt .more:after{width:55px;height:18px; position:absolute;right:0; top:50%;margin-top:-9px; background:url(../img/main/prd-more.png) no-repeat right center; 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-07 .prd-tab li:nth-child(3) .txt{height:150px;}

.msec-07 .prd-tab li a:hover .txt, .msec-07 .prd-tab li.active a .txt{height:150px;}
.msec-07 .prd-tab li a:hover .txt .more, .msec-07 .prd-tab li.active a .txt .more{transition-delay: 0.2s;opacity:1}
.msec-07 .prd-tab li a:hover .txt .more:after, .msec-07 .prd-tab li.active a .txt .more:after{transition-delay: 0.3s; right:-10px}

.msec-07 .prd-tab li:nth-child(3) a:hover .txt, .msec-07 .prd-tab li:nth-child(3).active a .txt{height:150px}

.msec-07 .prd-tab li.active a{z-index:123;}
.msec-07 .prd-tab li.active:before ,.msec-07 .prd-tab li:hover:before{display:none !important; }
.msec-07 .prd-tab li.active a, .msec-07 .prd-tab li a:hover {background:#fff;}
.msec-07 .prd-tab li.active a .btxt, .msec-07 .prd-tab li a:hover .btxt{color:#74787e;}
.msec-07 .prd-tab li.active a .stxt, .msec-07 .prd-tab li a:hover .stxt{color:#74787e;}
	@media only screen and (max-width:1560px){
		.msec-07 .prd-tab{width:150px; right:20px;}
		.msec-07 .prd-tab li .txt{ height:150px; padding-left:0px}
		.msec-07 .prd-tab li .txt .btxt{font-size:15px;}
		.msec-07 .prd-tab li .txt .stxt{font-size:32px;}
		.msec-07 .prd-tab li .txt .more{font-size:15px; left:45px;}

		.msec-07 .prd-tab li:nth-child(3) .txt{height:150px;}

		.msec-07 .prd-tab li a:hover .txt, .msec-07 .prd-tab li.active a .txt{height:150px;}
		.msec-07 .prd-tab li:nth-child(3) a:hover .txt, .msec-07 .prd-tab li:nth-child(3).active a .txt{height:150px}
	}
	@media only screen and (max-width:1300px){
		.msec-07 .prd-tab{width:100px}
		.msec-07 .prd-tab li .txt{ height:100px;}
		.msec-07 .prd-tab li .txt .btxt{font-size:14px;line-height:100px;}
		.msec-07 .prd-tab li .txt .stxt{font-size:28px;}
		.msec-07 .prd-tab li .txt .more{font-size:15px; padding-right:65px;}
		.msec-07 .prd-tab li .txt .more:after{background-size:45px auto;}

		.msec-07 .prd-tab li:nth-child(3) .txt{height:100px;}

		.msec-07 .prd-tab li a:hover .txt, .msec-07 .prd-tab li.active a .txt{height:100px;}
		.msec-07 .prd-tab li:nth-child(3) a:hover .txt, .msec-07 .prd-tab li:nth-child(3).active a .txt{height:100px}
		.msec-07 .prd-tab li{height:100px;}

		.msec-07 .prd-tab li:nth-child(1){top:100px;}
		.msec-07 .prd-tab li:nth-child(2){top:200px;}
		.msec-07 .prd-tab li:nth-child(3){top:300px;}
	}
	@media only screen and (max-width:999px){
		.msec-07 .prd-tab{width:100%; left:0; right:auto; height:auto; top:auto; bottom:0;}
		.msec-07 .prd-tab:before{border-top:1px solid rgba(255,255,255,0.5) ; border-left:0; height:0; width:100%;}
		.msec-07 .prd-tab ul:after{display:block; content:"";clear:both;}
		.msec-07 .prd-tab li{float:left;position:relative; left:auto; top:auto; width:33.33333%;}
		.msec-07 .prd-tab li:nth-child(n+2):before{top:0; height:100%; width:0; border-left:1px solid rgba(255,255,255,0.5); left:-1px;}
		.msec-07 .prd-tab li:nth-child(1){top:auto;}
		.msec-07 .prd-tab li:nth-child(2){top:auto;}
		.msec-07 .prd-tab li:nth-child(3){top:auto;}
		.msec-07 .prd-tab li a{position:relative ;left:auto; top:auto; width:auto; height:auto;}

		.msec-07 .prd-tab li .txt{padding:0 30px; height:auto;}
		.msec-07 .prd-tab li .txt .btxt{font-size:16px;line-height:70px;}
		.msec-07 .prd-tab li .txt .stxt{font-size:24px;}
		.msec-07 .prd-tab li .txt .more{left:30px; font-size:13px;padding-right:55px;}
		.msec-07 .prd-tab li .txt .more:after{background-size:35px auto;}
	
		.msec-07 .prd-tab li:nth-child(3) .txt{height:auto;}
		.msec-07 .prd-tab li a:hover .txt, .msec-07 .prd-tab li.active a .txt{height:auto;}
		.msec-07 .prd-tab li:nth-child(3) a:hover .txt, .msec-07 .prd-tab li:nth-child(3).active a .txt{height:auto}
		.msec-07 .prd-tab li{height:auto;}
	}
	@media only screen and (max-width:680px){
		.msec-07 .prd-tab li a{height:80px;}
		.msec-07 .prd-tab li .txt{padding:0 20px; height:80px;}
		.msec-07 .prd-tab li .txt .btxt{font-size:16px; line-height:80px;}
		.msec-07 .prd-tab li .txt .stxt{font-size:20px;margin-top:0;}
		.msec-07 .prd-tab li .txt .more{left:20px; font-size:12px;padding-right:35px;}
		.msec-07 .prd-tab li .txt .more:after{background-size:25px auto;}

		.msec-07 .prd-tab li a:hover .txt, .msec-07 .prd-tab li.active a .txt{height:120px;}
		.msec-07 .prd-tab li:nth-child(3) .txt{height:30px;}

		.msec-07 .prd-tab li:nth-child(3) a:hover .txt, .msec-07 .prd-tab li:nth-child(3).active a .txt{height:75px}
	}
	@media only screen and (max-width:480px){
		.msec-07 .prd-tab li{ height:70px;}
		.msec-07 .prd-tab li a{height:70px;}
		.msec-07 .prd-tab li .txt{height:70px;}
		.msec-07 .prd-tab li .txt .btxt{font-size:16px; line-height:70px;}
		.msec-07 .prd-tab li .txt .stxt{font-size:18px;}
		.msec-07 .prd-tab li .txt .more{font-size:11px;padding-right:25px; bottom:-10px;}
		.msec-07 .prd-tab li .txt .more:after{background-size:15px auto;}
		.msec-07 .prd-tab li a:hover .txt, .msec-07 .prd-tab li.active a .txt{height:70px;}

		.msec-07 .prd-tab li:nth-child(3) .txt{height:70px;}
	}
	@media only screen and (max-width:400px){
		.msec-07 .prd-tab li .txt .stxt{font-size:16px;}
		.msec-07 .prd-tab li a:hover .txt, .msec-07 .prd-tab li.active a .txt{height:70px;}

		.msec-07 .prd-tab li:nth-child(3) a:hover .txt, .msec-07 .prd-tab li:nth-child(3).active a .txt{height:70px}
	}

.msec-07 .prd-thum{position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box;z-index:-1;}
.msec-07 .prd-thum .slick-list{height:100%;}
.msec-07 .prd-thum .slick-track{height:100%;}
.msec-07 .prd-thum .item {position:absolute; left:0; top:0 ;width:100%;height:100%;overflow:hidden;text-align:center; }
.msec-07 .prd-thum .item .img{position:relative; display:inline-block;vertical-align:top; width:100%;height:100%; max-width:100%;background-size:cover !important;-webkit-transform:scale(1.1); -moz-transform:scale(1.1);  -o-transform:scale(1.2);  transform:scale(1.1);-webkit-transition: transform 5s ease-out;-moz-transition: transform 5s ease-out;-o-transition: transform 5s ease;transition: transform 5s ease-out;}
.msec-07 .prd-thum .item .img:after{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);display:block; content:""}

.msec-07 .prd-thum .item .img img{visibility:hidden}
.msec-07 .prd-thum .item.c01 .img{background:url(../img/main/msec07-img01.jpg) no-repeat center; }
.msec-07 .prd-thum .item.c02 .img{background:url(../img/main/msec07-img02.jpg) no-repeat center; }
.msec-07 .prd-thum .item.c03 .img{background:url(../img/main/msec07-img03.jpg) no-repeat center; }

.msec-07 .prd-thum.ani .item.slick-active .img{transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1);}
	@media only screen and (max-width:1560px){
		
	}
	@media only screen and (max-width:1300px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){

		.msec-07 .prd-thum .item.c01 .img{background:url(../img/main/msec07-img01m.jpg) no-repeat center; }
.msec-07 .prd-thum .item.c02 .img{background:url(../img/main/msec07-img02m.jpg) no-repeat center; }
.msec-07 .prd-thum .item.c03 .img{background:url(../img/main/msec07-img03m.jpg) no-repeat center; }
		
	}



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

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

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

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

.msec-08 .board-slide{padding-top:100px; overflow:hidden;}
.msec-08 .board-slide .item{padding-right:20px; padding-bottom:30px;}
.msec-08 .board-slide .item a{min-height:400px;border:0px solid #eee; box-sizing:border-box; padding:60px 60px 0 60px; border-radius: 100px; 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-08 .board-slide .item a .cate{display:inline-block;vertical-align:top; line-height:30px; padding:0 17px; border-radius:30px; background:#e9f8f1; 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-08 .board-slide .item a .btxt{font-size:22px; font-weight:600;color:#4ea19f; line-height:1.3em; max-height:120px; margin-top: 0px; overflow:hidden;}
.msec-08 .board-slide .item a .stxt{font-size:15px; font-weight:400;color:#555; line-height:1.4em; margin-top:20px; max-height:120px; overflow:hidden; text-align: justify; text-justify: inter-word; word-break: break-word; hyphens: auto;}
.msec-08 .board-slide .item a .ctxt{font-size:15px; font-weight:400;color:#666; line-height:1.2em; margin-top:30px;}
.msec-08 .board-slide .item a .ctxt span{padding-left:15px;}
.msec-08 .board-slide .item a:hover{ -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-08 .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-08 .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-08 .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-08 .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-08 .board-slide .item a:hover:before{width:calc(100% + 2px); }
.msec-08 .board-slide .item a:hover:after{width:calc(100% + 2px);}

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


.msec-08 .board-ctrl{position:absolute; right:170px; top:0; font-size:0;}
.msec-08 .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-08 .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-08 .board-ctrl .prev:hover{border-color:#2d2f59;background-image:url(../img/main/board-prevo.jpg)}
.msec-08 .board-ctrl .next:hover{border-color:#2d2f59;background-image:url(../img/main/board-nexto.jpg)}

.msec-08 .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-08 .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-08 .survey ul{}
.msec-08 .survey ul:after{display:block; content:"";clear:both;}
.msec-08 .survey ul li{}
.msec-08 .survey ul li.active a{position:relative;height:240px; box-sizing:border-box; padding:40px 25px 0 25px;display:block;}
.msec-08 .survey ul li.active a .btxt{display:block;font-size:22px; line-height:1.2em; font-weight:400;}
.msec-08 .survey ul li.active a .stxt{display:block;font-size:16px; line-height:1.3em; margin-top:20px; font-weight:400;}
.msec-08 .survey ul li.active a:hover:after{bottom:35px;}

.msec-08 .survey ul li:nth-child(n+2){border-top:1px solid rgba(255,255,255,0.3);}
.msec-08 .survey ul li a{display:block; line-height:62px; padding:0 25px; position:relative;}
.msec-08 .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-08 .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-08 .survey ul li a .btxt{display:block;color:#fff; font-size:15px;}
.msec-08 .survey ul li a .stxt{display:none;color:#fff;word-break: keep-all;}


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

	@media only screen and (min-width:1000px) {
		.msec-08 .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-08 .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-08 .survey ul li.active a:after{opacity:0;}	

		.msec-08 .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-08 .survey ul li.active a:before{opacity:1;transition-delay:0.5s;}
		
		.msec-08 .board-slide .item a{min-height:300px;padding:40px 30px 0 30px; border-radius: 50px;}
		.msec-08 .board-slide .item a .btxt{font-size:18px; max-height:100px;}
		.msec-08 .board-slide .item a .stxt{font-size:14px; margin-top:20px; max-height:100px; }
		.msec-08 .board-slide .item a .ctxt{font-size:13px; margin-top:20px;}

		.msec-08{height:600px; padding-top:100px}
	}
	@media only screen and (max-width:1440px) {
		.msec-08 .tabs li a{font-size:21px;}
		
		.msec-08 .survey ul li.active a{padding:30px 20px 0 20px}
		.msec-08 .survey ul li.active a .stxt{font-size:15px}
		.msec-08 .survey ul li.active a .stxt br{display:none;}
		.msec-08 .survey ul li.active a:hover:after{bottom:25px;}
		
		.msec-08 .survey ul li a{padding:0 20px;}
		.msec-08 .tits h3{ font-size:36px; }
	}
	@media only screen and (max-width:1317px) {
		.msec-08{height:550px;}
		.msec-08 .tits h3{ font-size:35px; }
		.msec-08 .board-slide{padding-top:70px;}
		.msec-08 .tits{left:20px; top:100;}
		.msec-08 .board-ctrl{ right:20px;}

		.msec-08 .board-ctrl .prev{width:40px;height:40px;}
		.msec-08 .board-ctrl .next{margin-left:5px; width:40px;height:40px; }
	}

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

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

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

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

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

		.msec-08 .survey ul li a{padding:0 20px;background:#0e77de;}
		.msec-08 .survey ul li a:before{display:none;}
		.msec-08 .survey ul li.active a{height:auto;padding:0; }
		.msec-08 .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-08 .survey ul li.active a .btxt{line-height:62px; font-size:15px; padding:0 20px;}
		.msec-08 .survey ul li.active a .stxt{display:none;}

	} 
	@media only screen and (max-width:680px) {
		.msec-08 .tabs li a{font-size:17px;}

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


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

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

		.msec-08 .tits{left:0px;}
		.msec-08 .board-slide .item a{ padding:30px 30px 30px 30px; border-radius: 20px;}
		.msec-08 .board-slide .item a .btxt{ margin-top: 0px;}
	} 
	@media only screen and (max-width:480px) {
		.msec-08{padding:70px 20px; background:#fff;}
		
		.msec-08 .survey ul li.active a .btxt{font-size:14px;line-height:50px; padding-left:17px;}
		.msec-08 .survey ul li a .btxt{font-size:14px}

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

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


/* ======================================================
   .msec-09
=========================================================*/
.msec-09{position:relative; padding:120px 0 150px 0;}
.msec-09:after{position:absolute; left:0; top:0; width:100%;height:100%; display:block; content:""; z-index:-1;background:#fff;}
.msec-09 .tits{text-align:center;}
.msec-09 .tits h3{font-size:44px;  color:#000;font-weight:700; letter-spacing:-0.03em; line-height:1.2em;margin-top:20px; }
.msec-09 .tits h3 span{color:#000}
.msec-09 .tits p{font-size:30px; color:#000; line-height:1.3em; font-weight:700; letter-spacing:-0.02em; }
.msec-09 .tab{max-width:1140px; padding:0 20px;box-sizing:border-box;margin:0 auto;margin-top:50px;}
.msec-09 .tab ul{margin:0 -0.5%}
.msec-09 .tab ul:after{display:block ;content:"";clear:both}
.msec-09 .tab li{float:left; width:15.55555%; margin:0 0.5%;line-height:50px;}
.msec-09 .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-09 .tab li.active a{background:#313444; color:#fff;}

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

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

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


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

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


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


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

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

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

.msec-09 .invite .item .txt .btns{margin-top:30px;text-align:center;}
.msec-09 .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-09 .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-09 .invite .item .txt .more span{display:inline-block;vertical-align:top; padding-right:50px;position:relative; height:40px;}
.msec-09 .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-09 .invite .item .txt .more:hover span:after{right:-10px;}

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

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

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

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

		.msec-09 .invite .item .ov{display:block; position:relative;padding-left:550px; overflow:hidden;min-height:450px;border-radius:30px; background:#eee;}
		

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

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

		.msec-09 .invite .item .txt{padding:40px 40px;}
		.msec-09 .invite .item .ov{padding-left:0px; min-height:300px;}
		.msec-09 .invite .item .img{width:100%;height:300px;}
		.msec-09 .invite .item .img img{height:300px}
		.msec-09 .invite .item .txt{padding:0;}
		.msec-09 .invite .item .txt ul{margin-top:0; padding:30px 30px 20px 30px;}
		
		.msec-09 .invite .item .txt li span{display:inline; margin-bottom:0;}
		.msec-09 .invite .item .txt .btxt{font-size:16px; padding:0px 20px; height:50px;box-sizing:border-box; display:flex;align-items: center; justify-content: left; box-sizing:border-box;}
		.msec-09 .invite .item .txt .btxt span{font-size:28px; }
		.msec-09 .invite .item .txt .btxt:before{display:none;}
		
		.msec-09 .invite .item .txt .btns{margin-top:15px; padding-bottom:30px;}
		.msec-09 .invite .item .txt .more{width:184px; line-height:54px; height:50px;  font-size:17px;}
		.msec-09 .invite .item .txt .more span{padding-right:35px;height:50px;}



	}
	@media only screen and (max-width:680px) {
		.msec-09 .invite .item{padding:0 20px}
		.msec-09 .invite .item .img{width:auto ;position:relative;height:auto; left:auto;}
		.msec-09 .invite .item .img img{width:100%;object-fit:fill;height:auto} 
		.msec-09 .invite .item .txt .btxt{font-size:21px; padding:0 ;height:auto; display:block; padding:25px 30px; border:none; /*background:#fff;*/ }
		.msec-09 .invite .item .txt .btxt span{font-size:24px;}
		
		.msec-09 .invite .item .txt ul{margin-top:0; padding:0 30px 20px 30px;}
		.msec-09 .invite .item .txt li{font-size:15px;}

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

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

		.msec-09 .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-09 .invite-ctrl{}
.msec-09 .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-09 .invite-ctrl a:before{position:absolute; top:0;width:100%;height:100%; display:block; content:""; z-index:2;}
.msec-09 .invite-ctrl a:after{position:absolute; top:0;width:100%;height:100%; display:block; content:""; z-index:3;}
.msec-09 .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-09 .invite-ctrl .prev{left:30px;}
.msec-09 .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-09 .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-09 .invite-ctrl .prev:before{background:url(../img/main/invite-prev.png) no-repeat center center #fff; }
.msec-09 .invite-ctrl .prev:after{ background:url(../img/main/invite-prevo.png) no-repeat center center #fff;}
.msec-09 .invite-ctrl .prev:hover:before{left:-100%}
.msec-09 .invite-ctrl .prev:hover:after{left:0;}

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






/*=======================================================
  .msec-10
=========================================================*/
.msec-10{width:1580px; margin:0 auto;}
.msec-10:after{display:block; content:"";clear:both;}
.msec-10 .fl{float:left; width:calc(100% - 700px); padding:0 20px;}
.msec-10 .fr{float:right; width:500px; padding:0 20px;}

.msec-10 .fl h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:45px;}
.msec-10 .fl h3 a{color:#000; }
.msec-10 .fl h3 span{display:inline-block;vertical-align:top; padding-right:58px; background:url(../img/main/msec02-ico01.jpg) no-repeat right center; background-size:auto 100% }
.msec-10 .fl ul{margin-top:45px;}
.msec-10 .fl ul li{border-bottom:1px solid #eee}
.msec-10 .fl ul li a{display:block; padding:35px 0; transform:scale(1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-10 .fl ul li .btxt{font-size:15px; font-weight:500; color:#306c46; letter-spacing:-0.03em; line-height:16px; }
.msec-10 .fl ul li .stxt{font-size:24px; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.3em; margin-top:14px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.msec-10 .fl ul li a:hover{transform:scale(1) translateX(7px) ; max-width:calc(100% - 7px);}


	@media only screen and (max-width:1640px){
		.msec-10{padding:70px 0px; width:100%;}
		.msec-10 .fl{float:left; width:calc(100% - 680px)}
		.msec-10 .fr{float:right; width:500px}

		.msec-10 .fl h3{font-size:32px; line-height:40px;}
		.msec-10 .fl h3 span{/*padding-right:52px;*/}

		.msec-10 .fl ul{margin-top:30px;}
		.msec-10 .fl ul li a{padding:50px 0; }
		.msec-10 .fl ul li .btxt{font-size:15px;}
		.msec-10 .fl ul li .stxt{font-size:18px; margin-top:10px;}
	}

	@media only screen and (max-width:1240px){
		.msec-10{padding:70px 0}
		.msec-10 .fl{float:left; width:calc(100% - 570px)}
		.msec-10 .fr{float:right; width:540px}

		.msec-10 .fl h3{font-size:24px; line-height:40px;}
		.msec-10 .fl h3 span{/*padding-right:52px;*/}

		.msec-10 .fl ul{margin-top:30px;}
		.msec-10 .fl ul li a{}
		.msec-10 .fl ul li .btxt{font-size:13px;}
		.msec-10 .fl ul li .stxt{font-size:18px; margin-top:10px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-10 .fl{float:left; width:calc(100% - 525px)}
		.msec-10 .fr{float:right; width:505px}
		.msec-10 .fl ul li a{padding:24px 0}
	}
	@media only screen and (max-width:1024px) {
		.msec-10 .fl{float:left; width:calc(100% - 600px)}
		.msec-10 .fr{float:right; width:430px}
		.msec-10 .fl ul li a{padding:40px 0}
	}
	@media only screen and (max-width:999px) {
		.msec-10{width:100%;padding:50px 0}


		.msec-10 .fl{float:none; width:auto}
		.msec-10 .fr{float:none; width:auto; margin-top:30px;}

		.msec-10 .fl h3{font-size:28px;}
		.msec-10 .fl ul{margin-top:20px;}
		.msec-10 .fl ul li a{padding:20px 0}
		.msec-10 .fl ul li .btxt{font-size:14px;}
		.msec-10 .fl ul li .stxt{font-size:16px; margin-top:7px;}
	}
	@media only screen and (max-width:680px) {
		.msec-10{padding:0px 0px 0px;}
		.msec-10 .fl h3{font-size:24px;line-height:35px;}
		.msec-10 .fl h3 span{/*padding-right:45px;*/}
		
		.msec-10 .fl ul{margin-top:10px;}
		.msec-10 .fl ul li a{padding:16px 0}
		.msec-10 .fl ul li .btxt{font-size:13px;}
		.msec-10 .fl ul li .stxt{font-size:15px; margin-top:5px;}
	}
	@media only screen and (max-width:480px) {
		.msec-10 .fl h3{font-size:24px;line-height:30px;}
		.msec-10 .fl h3 span{}

		.msec-10 .fl ul{margin-top:0px;}
	}

.msec-10 .fr h3{font-size:48px; font-weight:700; color:#000; letter-spacing:-0.03em; line-height:45px; padding-left:10px;}
.msec-10 .fr .item{}
.msec-10 .fr .item .tit{ line-height:61px; padding-right:100px;font-size:20px; color:#111; letter-spacing:-0.03em; padding-left:10px;}
.msec-10 .fr .item .img{border-radius:30px; overflow:hidden; margin-top: 45px;}
.msec-10 .fr .item .img img{width:100%;}

.msec-10 .fr .slick-dots{position:absolute; right:0;  width:100%; text-align:center; height:10px;  z-index:2855; box-sizing:border-box;text-align:center; top:10px;}
.msec-10 .fr .slick-dots ul{height:auto;text-align:right; height:10px; padding-right:15px;}
.msec-10 .fr .slick-dots ul:after{display:block; content:"";clear:both;}
.msec-10 .fr .slick-dots li{float:none; display:inline-block;vertical-align:top;width:10px;height:10px; text-align:left;position:relative; margin:0;padding:0;}
.msec-10 .fr .slick-dots li:nth-child(n+2){margin-left:10px}
.msec-10 .fr .slick-dots li button{background:#d0d0d0; border:none; height:10px; width:10px;border-radius:100%; margin:0 ;padding:0; display:block;}
.msec-10 .fr .slick-dots li.slick-active button{background:#111;}

	@media only screen and (max-width:1640px){
		.msec-10 .fr h3{font-size:32px; line-height:40px}
		.msec-10 .fr .item .tit{font-size:18px; padding-right:90px; line-height:55px;}

		.msec-10 .fr .slick-dots{top:24px}
	}
	
	@media only screen and (max-width:1240px){
		.msec-10 .fr h3{font-size:24px; line-height:40px}
		.msec-10 .fr .item .tit{font-size:18px; padding-right:90px; line-height:55px;}

		.msec-10 .fr .slick-dots{top:24px}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-10 .fr h3{font-size:20px; padding-left:0;}
		.msec-10 .fr .item .tit{padding-left:0;font-size:16px;line-height:50px; padding-right:80px; }
		.msec-10 .fr .item .img img{}
		.msec-10 .fr .slick-dots{top:20px}
	}
	@media only screen and (max-width:680px) {
		.msec-10 .fr h3{font-size:24px; line-height:35px;}
		.msec-10 .fr .item .tit{font-size:16px; line-height:45px; padding-right:0px; padding-top:10px;}
		.msec-10 .fr .item .img img{}
		.msec-10 .fr .slick-dots{top:-15px; height:8px;}
		.msec-10 .fr .slick-dots ul{height:8px; padding-right:10px;}
		.msec-10 .fr .slick-dots li{width:8px;height:8px;}
		.msec-10 .fr .slick-dots li button{width:8px;height:8px;}
	}
	@media only screen and (max-width:480px) {
		.msec-10 .fr h3{line-height:30px;}
		.msec-10 .fr .item .img{border-radius:20px; margin-top: 25px;}
	}






/* ======================================================
   .msec-11
=========================================================*/
.msec-11{position:relative;text-align:center; padding-top:20px; padding-bottom:0px;margin-top:135px; }
.msec-11:before{position:absolute; left:50%; width:20000px; margin-left:-10000px; top:0; height:100%; background:#fff; z-index:-1; opacity:0; display:block; content:"";-webkit-transition: opacity 0.3s linear;-moz-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
.msec-11.open:before{opacity:1;}
.msec-11:after{display:block ;content:"";clear:both;}

.msec-11 .ctrl{padding-top:34px;display:inline-block;vertical-align:top; width:50px;padding-top:32px; line-height:1.2em; font-size:13px; font-weight:500; letter-spacing:-0.03em; color:#6f737e;background:url(../img/main/location-arrowo.png) no-repeat center top; background-size:44px auto;}
.msec-11 .ctrl.active{background-image:url(../img/main/location-arrow.png) }

.msec-11 .cont{display:flex;padding:0px 0 0px 0;display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;text-align:left; border-top:1px solid #ddd;}
.msec-11 .cont:after{display:block; content:"";clear:both;}

.msec-11 .cont .fl{float:left; width:50%;display:flex; display:-webkit-flex;align-items: center; justify-content: center;}
.msec-11 .cont .fr{float:left; width:50%; display:flex; display:-webkit-flex;box-sizing:border-box; padding-left:30px;background:#ecedef;}
.msec-11 .cont .fr .img{position:relative; display:inline-block;vertical-align:top; padding-right:67px;}
.msec-11 .cont .fr .img:after{width:55px;height:100px; position:Absolute;right:0; top:-17px; display:block; content:""; background:url(../img/main/locaiton-way.jpg) no-repeat center center; background-size:100% auto;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
.msec-11 .cont .fr .img img{width:100% ; max-width:960px;}

.msec-11.open .cont .fr .img.ani:after{opacity:1;transition-delay: 0.2s;}


.msec-11 .cont .fl .stit{font-size:27px; font-weight:700; color:#8ac400; letter-spacing:-0.03em; line-height:1.2em;}
.msec-11 .cont .fl h3{font-size:50px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em; padding-top:30px;}
.msec-11 .cont .fl .btit{font-size:36px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.4em; padding-top:50px; padding-bottom:50px;}
.msec-11 .cont .fl .btit span{ font-weight:300;}

.msec-11 .cont .fl .hosp-list{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px 28px;  list-style:none; margin:0; padding:0;}
.msec-11 .cont .fl .hosp-list li{ display:flex; align-items:center; gap: .625rem; font-weight:700; font-size: clamp(14px, 1.6vw, 20px); white-space:nowrap; color:#111;}
.msec-11 .cont .fl .hosp-list li::before{ content:""; width:8px; height:8px; border-radius:50%; background:#4aa79e; flex:0 0 8px; transform: translateY(1px); }
.msec-11 .cont .fl .hosp-list .time{ font-weight:700;  color:#111; margin-left: .125rem;font-size:20px;}


	@media (max-width: 1640px){
		.msec-11 .cont .fl .btit{font-size:30px; padding-top:30px; padding-bottom:30px;}
	}

	@media (max-width: 1024px){
		.msec-11 .cont .fl .stit{font-size:20px; padding-left:10px;}
		.msec-11 .cont .fl .btit{font-size:20px; padding-top:20px; padding-bottom:20px; padding-left:10px;}
		.msec-11 .cont .fl .hosp-list .time{ margin-left: .100rem; font-size:14px;}
		.msec-11 .cont .fl .hosp-list li{  gap: .525rem; font-size: clamp(14px, 1.4vw, 10px);}
	}
	@media (max-width: 960px){
		.msec-11 .cont .fl.hosp-list{ grid-template-columns: repeat(2, minmax(0,1fr)); }
	}
	@media (max-width: 560px){
		.msec-11 .cont .fl .hosp-list{/*grid-template-columns: 1fr; gap: 10px 0;*/ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 20px; }
		.msec-11 .cont .fl .hosp-list li{ font-size: 15px; }
		.msec-11 .cont .fl .hosp-list .time{ font-size:15px;}
	}


/*.msec-11 .cont .fl ul{margin-top:65px;}
.msec-11 .cont .fl li{position:relative; padding-left:200px;font-size:18px; line-height:1.3em; color:#111; letter-spacing:-0.03em;}
.msec-11 .cont .fl li:nth-child(n+2){margin-top:7px;}
.msec-11 .cont .fl li .btxt{position:absolute; left:0; top:0;  font-weight:600;}
.msec-11 .cont .fl li .stxt{font-weight:500; }
.msec-11 .cont .fl li:nth-child(n+2) .stxt{ letter-spacing:0;}*/

.msec-11 .cont .fl .btns{margin-top:55px;position:relative ; z-index:2; font-size:0;}
.msec-11 .cont .fl .btns a{display:inline-block;vertical-align:top; width:200px; border:1px solid #111; position:relative; line-height:50px; box-sizing:border-box; height:50px; font-size:18px ;font-weight:500; letter-spacing:-0.03em; color:#111; padding-left:20px;}
.msec-11 .cont .fl .btns a:nth-child(2){margin-left:8px;}
.msec-11 .cont .fl .btns a:hover{transition-delay: 0.2s;color:#fff} 

.msec-11 .cont .fl .btns span:before{width:12px;height:20px; position:absolute;right:16px; top:50%; margin-top:-10px;background:url(../img/main/location-ico.png) no-repeat center center; background-size:12px auto;display:block ;content:""; -webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.msec-11 .cont .fl .btns a:hover span:before{ opacity:0; transition-delay: 0.3s;}

.msec-11 .cont .fl .btns span:after{width:12px;height:20px; position:absolute;right:16px; top:50%; margin-top:-10px;background:url(../img/main/location-icoo.png) no-repeat center center; opacity:0;background-size:12px auto;display:block ;content:"";-webkit-transition: opacity 0.4s ease-in-out, transform 0.5s cubic-bezier(.33,.02,0,.93);-moz-transition: opacity 0.4s ease-in-out, transform 0.5s cubic-bezier(.33,.02,0,.93);-o-transition: opacity 0.4s ease-in-out, transform 0.5s cubic-bezier(.33,.02,0,.93);transition: opacity 0.4s ease-in-out, transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-11 .cont .fl .btns a:hover span:after{opacity:1; transition-delay: 0.6s;transform:translateY(-3px);}

.msec-11 .cont .fl .btns a:before {content:'';position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);z-index:-1;height:calc(100% + 2px);background:#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-11 .cont .fl .btns a:hover:before {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 1s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform 1s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform 1s cubic-bezier(.77,0,.175,1),opacity .3s} 
	@media only screen and (max-width:1640px) {	
		.msec-11{margin-top:50px;}
		.msec-11 .ctrl{background-size:40px; padding-top:30px;}
		
		.msec-11 .cont{/*padding:20px 0 40px 0*/}
		.msec-11 .cont .fl h3{font-size:33px;}
		.msec-11 .cont .fl ul{margin-top:50px;}
		/*.msec-11 .cont .fl li {padding-left:85px;font-size:17px;}*/
		
		.msec-11 .cont .fl .btns{margin-top:45px;}
		.msec-11 .cont .fl .btns a{width:180px; font-size:17px;}
		
		.msec-11 .cont .fr .img{padding-right:57px;}
		.msec-11 .cont .fr .img:after{width:48px; top:-15px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-11 .ctrl{background-size:36px; padding-top:26px;}
		
		.msec-11 .cont{/*padding:20px 0 30px 0*/}
		.msec-11 .cont .fl h3{font-size:28px;}

		.msec-11 .cont .fl ul{margin-top:40px;}
		/*.msec-11 .cont .fl li {padding-left:75px;font-size:16px;}*/
		
		.msec-11 .cont .fl .btns{margin-top:40px;}
		.msec-11 .cont .fl .btns a{width:160px; font-size:16px; line-height:45px; height:45px; padding-left:15px;}
		.msec-11 .cont .fl .btns span:before{background-size:10px auto; right:12px;}
		.msec-11 .cont .fl .btns span:after{background-size:10px auto; right:12px;}
		
		.msec-11 .cont .fr .img{padding-right:50px;}
		.msec-11 .cont .fr .img:after{width:42px; top:-15px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-11 .cont .fl h3{font-size:24px; padding-left:10px;}
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.msec-11{margin-top:80px;}
		.msec-11 .ctrl{background-size:30px; padding-top:22px;}
		
		.msec-11 .cont{padding:20px 0 30px 0}
		.msec-11 .cont .fl h3{font-size:26px;}
		.msec-11 .cont .fl ul{margin-top:30px;}
		/*.msec-11 .cont .fl li {padding-left:65px;font-size:15px;}*/
		
		.msec-11 .cont .fl .btns{margin-top:30px;}
		.msec-11 .cont .fl .btns a{width:160px; font-size:15px; line-height:45px; height:45px; padding-left:15px;}
		.msec-11 .cont .fl .btns span:before{background-size:10px auto; right:12px;}
		.msec-11 .cont .fl .btns span:after{background-size:10px auto; right:12px;}
		
		.msec-11 .cont .fr .img{padding-right:40px;}
		.msec-11 .cont .fr .img:after{width:36px;}
	}
	@media only screen and (max-width:840px) {
		.msec-11 .ctrl{background-size:30px;font-size:14px;}

		.msec-11 .cont{display:block; padding:30px 0px 0px; text-align:center;}
		.msec-11 .cont .fl{display:block;float:none; width:auto;display:inline-block;vertical-align:top; text-align:left;}
		.msec-11 .cont .fr{display:block;float:none; width:auto; margin-top:40px; text-align:center; padding:0;}
		
		/*.msec-11 .cont .fl h3 br{display:none;}*/
		.msec-11 .cont .fl .btns a{ line-height:42px; height:42px;}
		
		.msec-11 .cont .fr .img {text-align:center; display:inline-block;vertical-align:top; padding:0;}
		.msec-11 .cont .fr .img img{width:100% ; max-width:500px;}
		.msec-11 .cont .fr .img:after{width:30px; top:-30px;}

	}
	@media only screen and (max-width:680px) {
		.msec-11{margin-top:50px;}
		.msec-11 .ctrl{background-size:24px; padding-top:18px;}

		.msec-11 .cont .fl h3{font-size:24px;}
		.msec-11 .cont .fl .stit{font-size:18px; }
		.msec-11 .cont .fl .btit{font-size:20px; padding-top:20px; padding-bottom:20px; }
		/*.msec-11 .cont .fl li {padding-left:60px;font-size:15px;}*/

		.msec-11 .cont .fl .btns a{width:150px; font-size:14px; line-height:40px; height:40px; padding-left:12px;}
		.msec-11 .cont .fl .btns span:before{width:10px;background-size:8px auto; right:10px;}
		.msec-11 .cont .fl .btns span:after{width:10px;background-size:8px auto; right:10px;}
		.msec-11 .cont .fr .img:after{right:10px;top:-45px; width:24px;}
	}
	@media only screen and (max-width:480px) {
		.msec-11 .cont .fl h3{font-size:24px;padding-top: 10px;}
		.msec-11 .cont .fl .btns a{width:150px; font-size:14px; height:36px; line-height:36px; padding-left:10px}
		.msec-11 .cont .fl .btit{font-size:18px; }

	}






/* ======================================================
   .msec-quick
=========================================================*/
.msec-quick{position:fixed;right:-175px; z-index:123;top:50%; margin-top:-150px;width:150px;-webkit-transition: right 0.4s ease-in-out;-moz-transition: right 0.4s ease-in-out;-o-transition: right 0.4s ease-in-out;transition: right 0.4s ease-in-out;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-quick.over{right:25px;}

.msec-quick dl{}
.msec-quick dl dt{border-radius:20px;}
.msec-quick dl dt a{border-radius:10px; display:block;font-size:16px; text-align:center;font-weight:700; color:#fff; line-height:1.3em; padding-top:70px; background:url(../img/main/quick-ico01.png) no-repeat center 20px #f58220; box-sizing:border-box; height:138px;letter-spacing:-0.03em;}
.msec-quick dl dd{line-height:52px; background:#5876db; font-size:16px; font-weight:700; color:#fff; text-align:center; margin-top:5px; border-radius:10px;}
	@media only screen and (max-width:1700px) {
		
	}
	@media only screen and (max-width:1500px) {
		.msec-quick{right:-175px !important;}
	}
	@media only screen and (max-width:1300px) {
		
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		
	}


/* ======================================================
   .pc
=========================================================*/
.pc {display:block;}
.mobile {display:none;}

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


.mobile {display:block;}
.mobile img{width:100%}
.pc {display:none;}

}