@charset "utf-8";

/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;  padding:0px 60px}
.msec-visual .item{position:relative; border-radius:50px;}
.msec-visual .item:after{position:Absolute ; left:50%; width:20000px ; margin-left:-10000px; top:0 ;height:100%; z-index:-1; display:block; content:""}
.msec-visual .item .img{position:Relative; max-width:1200px; margin:0 auto; height:360px;}
.msec-visual .item .img img{height:360px;position:absolute;right:0; bottom:0;}
.msec-visual .item .txt{position:absolute;max-width:1400px; padding:0 100px; box-sizing:border-box; margin-top:-50px;width:100%;left:50%; top:62%;-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:18px; line-height:1.1em; color:#111; letter-spacing:-0.03em; font-weight:700}
.msec-visual .item .txt .stxt{margin-top:10px;font-size:30px; font-weight:600; color:#323d55; letter-spacing:-0.04em; line-height:1.4em; /*font-family: 'nanumgothic';text-transform:uppercase;*/}
.msec-visual .item .txt .stxt i{color:#26a936}
.msec-visual .item .txt .ctxt{margin-top:30px;font-size:16px; font-weight:400; color:#111; letter-spacing:-0.02em; line-height:1.3em; text-transform:uppercase; opacity:0.8}
	@media only screen and (max-width:1400px){
		.msec-visual .item .img{height:440px;}
		.msec-visual .item .img img{height:440px;}
		.msec-visual .item .txt .btxt{font-size:16px;}
		.msec-visual .item .txt .stxt{font-size:32px;}
		.msec-visual .item .txt .ctxt{margin-top:25px;font-size:15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-visual{position:relative;  padding:0px 20px}
		.msec-visual .item .img img{ border-radius:20px;}
		.msec-visual .item .txt{padding:0 80px;}
		.msec-visual .item .txt .btxt{font-size:14px;}
		.msec-visual .item .txt .stxt{font-size:28px;}
		.msec-visual .item .txt .ctxt{margin-top:20px;font-size:14px;}

		.msec-visual .item .img{height:400px;}
		.msec-visual .item .img img{height:380px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .item .txt{padding:0 65px;}
		.msec-visual .item .txt .btxt{font-size:13px;}
		.msec-visual .item .txt .stxt{font-size:24px;}
		.msec-visual .item .txt .ctxt{margin-top:15px;font-size:13px;}

		.msec-visual .item .img{height:350px;}
		.msec-visual .item .img img{height:320px;}
	}
	@media only screen and (max-width:780px) {
		.msec-visual .item .img img{height:280px;}
	}
	@media only screen and (max-width:680px) {
		.msec-visual .item .txt{padding:0 50px; top:30%;-webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);  -ms-transform: translate(-50%, 0);  -o-transform: translate(-50%, 0);  transform: translate(-50%, 0);}
		.msec-visual .item .txt .btxt{font-size:12px;}
		.msec-visual .item .txt .stxt{font-size:22px;}
		.msec-visual .item .txt .ctxt{margin-top:10px;font-size:12px;}

		.msec-visual .item .img{height:240px;}
		.msec-visual .item .img img{height:240px;}
	}
	@media only screen and (max-width:580px) {
		.msec-visual .item .txt .stxt br{display:none;}
		.msec-visual .item .txt .ctxt br{display:none;}

		.msec-visual .item .img img{height:220px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .item .txt{padding:0 40px;}
		.msec-visual .item .img img{height:150px;}
		.msec-visual .item .txt .btxt{font-size:11px;}
		.msec-visual .item .txt .stxt{font-size:20px;}
		.msec-visual .item .txt .ctxt{font-size:11px;}
	}


.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(50%);-moz-transform:translateY(50%); -ms-transform:translateY(50%);-o-transform:translateY(50%);-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 .ctxt p{position:Relative; overflow:hidden;}
.msec-visual .item .txt .ctxt p span{opacity:0;display:block;position:relative;-webkit-transform:translateY(50%);-moz-transform:translateY(50%); -ms-transform:translateY(50%);-o-transform:translateY(50%);-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:after{background:#98d0d7;}
.msec-visual .item.c02:after{background:#a1bfdd;}
.msec-visual .item.c03:after{background:#91c2ff;}

.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 .ctxt 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.3s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(1) span{transition-delay:0.6s;}
.msec-visual.ani .slick-active.item .txt .stxt p:nth-child(2) span{transition-delay:0.9s;}
.msec-visual.ani .slick-active.item .txt .ctxt p:nth-child(1) span{transition-delay:1.2s;}
.msec-visual.ani .slick-active.item .txt .ctxt p:nth-child(2) span{transition-delay:1.5s;}

/*.msec-visual .slick-dots{position:absolute; left:50%;  width:100%; max-width:1400px; font-size:0;padding:0 100px;text-align:center; height:40px;  z-index:2855; box-sizing:border-box;text-align:left; bottom:80px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .slick-dots ul{display:inline-block;vertical-align:top; box-sizing:border-box; padding:0; margin:0 10px 0 0 ; height:40px;}
.msec-visual .slick-dots ul:after{display:block; content:"";clear:both;}
.msec-visual .slick-dots li{float:left;text-align:left;width:auto;position:relative; padding:0; margin:0;}
.msec-visual .slick-dots li:nth-child(n+2){margin-left:15px;}
.msec-visual .slick-dots li:before{width:100px; left:20px; top:20px; height:1px; background:rgba(0,0,0,0.3); display:none;content:""; position:absolute;}
.msec-visual .slick-dots li:after{width:0; left:20px; top:20px; height:1px; background:#333;opacity:0;content:""; position:absolute; z-index:21;-webkit-transition: width 3s linear;-moz-transition: width 3s linear;-o-transition: width 3s linear;transition: width 3s linear;}
.msec-visual .slick-dots li a{font-size:14px; color:#333; line-height:40px; letter-spacing:-0.03em; font-weight:400;}
.msec-visual .slick-dots.ani li.slick-active{ padding-right:110px;}
.msec-visual .slick-dots.ani li.slick-active a{font-weight:600}
.msec-visual .slick-dots.ani li.slick-active:before{display:block;}
.msec-visual .slick-dots.ani li.slick-active:after{width:100px;opacity:1}*/

.msec-visual .visual-ctrl {position:absolute ;left:50%; width:100%; max-width:1400px;top:50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.msec-visual .visual-ctrl .prev{opacity:0.3;position:absolute; left:10px; top:50%;margin-top:-23px;width:46px;height:46px;background:url(../img/main/visual-prev.png) no-repeat center center;background-size:100% auto;-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-visual .visual-ctrl .next{opacity:0.3;position:absolute; right:10px; top:50%;margin-top:-23px;width:46px;height:46px;background:url(../img/main/visual-next.png) no-repeat center center;background-size:100% auto;-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-visual .visual-ctrl .prev:hover{opacity:1}
.msec-visual .visual-ctrl .next:hover{opacity:1}
	@media only screen and (max-width:1400px){
		.msec-visual .visual-ctrl .prev{width:40px;height:40px; margin-top:-20px;}
		.msec-visual .visual-ctrl .next{width:40px;height:40px; margin-top:-20px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-visual .slick-dots{padding:0 80px; bottom:60px}
		
		.msec-visual .slick-dots li:before{width:80px;}
		.msec-visual .slick-dots li a{font-size:13px;}
		.msec-visual .slick-dots.ani li.slick-active{ padding-right:90px;}
		.msec-visual .slick-dots.ani li.slick-active:after{width:80px;}
	}
	@media only screen and (max-width:999px) {
		.msec-visual .slick-dots{padding:0 65px; bottom:40px}
		.msec-visual .slick-dots li a{font-size:12px;}
		.msec-visual .visual-ctrl .prev{width:34px;height:34px; margin-top:-17px;}
		.msec-visual .visual-ctrl .next{width:34px;height:34px; margin-top:-17px;}
	}
	@media only screen and (max-width:680px) {
		
		.msec-visual .visual-ctrl .prev{width:28px;height:28px; margin-top:-14px;}
		.msec-visual .visual-ctrl .next{width:28px;height:28px; margin-top:-14px;}
		
		.msec-visual .slick-dots{padding:0 50px; bottom:20px}
		.msec-visual .slick-dots li a{font-size:11px;}
		.msec-visual .slick-dots li:before{width:60px;}
		.msec-visual .slick-dots.ani li.slick-active{ padding-right:70px;}
		.msec-visual .slick-dots.ani li.slick-active:after{width:60px;}
	}
	@media only screen and (max-width:480px) {
		.msec-visual .slick-dots{padding:0 40px;}
		.msec-visual .slick-dots li a{font-size:10px;}
		.msec-visual .slick-dots li:before{width:40px;}
		.msec-visual .slick-dots.ani li.slick-active{ padding-right:50px;}
		.msec-visual .slick-dots.ani li.slick-active:after{width:40px;}

		.msec-visual .visual-ctrl .prev{width:30px;height:30px; margin-top:-11px;}
		.msec-visual .visual-ctrl .next{width:30px;height:30px; margin-top:-11px;}
	}



/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{position:relative;}
.msec-cont:after{display:block; content:"";clear:both;}
.msec-cont .fl{width:480px; }
.msec-cont .fr{width:980px; position:absolute;right:0; bottom:0; height:100%}
	@media only screen and (max-width:1520px) {	
		.msec-cont .fl{width:480px}
		.msec-cont .fr{width:calc(100% - 500px)}
	}
	@media only screen and (max-width:1400px) {
		
	}
	@media only screen and (max-width:1280px) {
		.msec-cont .fl{width:420px}
		.msec-cont .fr{width:calc(100% - 440px)}
	}
	@media only screen and (max-width:1185px) {
		.msec-cont .fl{width:380px}
		.msec-cont .fr{width:calc(100% - 400px)}
	}
	@media only screen and (max-width:999px) {
		.msec-cont .fl{width:400px}
		.msec-cont .fr{width:calc(100% - 415px); position:relative ;right:auto; bottom:auto; height:auto;}
	}
	@media only screen and (max-width:880px) {
		.msec-cont .fl{width:320px}
		.msec-cont .fr{width:calc(100% - 335px);}
	}
	@media only screen and (max-width:680px) {
		.msec-cont .fl{float:none; width:auto;}
		.msec-cont .fr{float:none; width:auto; margin-top:15px;}
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
   .zone
=========================================================*/
.zone{position:relative; border:0px solid #e0e0de; border-radius:30px; box-sizing:border-box;overflow:hidden;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out; }
.zone:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075) ;-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);}
.zone .zone-slide{}
.zone .zone-slide .item{}
.zone .zone-slide .item img{width:100%;}

.zone .slick-dots{position:absolute; right:30px; top:30px; text-align:center; height10px;  z-index:55; width:auto;}
.zone .slick-dots ul{height:auto;text-align:center; font-size:0; width:100%; height:10px;}
.zone .slick-dots li{display:inline-block;vertical-align:top; margin:0; padding:0; width:auto; height:10px;}
.zone .slick-dots li:nth-child(n+2){margin-left:6px;}
.zone .slick-dots li button{ background:#000; width:10px;height:10px; padding:0; position:relative; border-radius:100%}
.zone .slick-dots li.slick-active button{opacity:0.3}

.zone .link{}
.zone .link ul{}
.zone .link ul:after{display:block; content:"";clear:both}
.zone .link li{float:left; width:33.3333%; text-align:center; box-sizing:border-box;}
.zone .link li:nth-child(n+2){border-left:1px solid #e0e0de; }
.zone .link li a{line-height:80px; text-align:center; display:block; letter-spacing:-0.02em; font-size:17px;font-weight:500; color:#111; }
.zone .link li a span{display:inline-block;vertical-align:top; padding-left:34px;position:relative;}

.zone .link li a span:before{width:26px;height:28px; position:absolute; left:0; top:50%; margin-top:-14px; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93);}
.zone .link li a:hover span:before{transform:translateY(-5px)}
.zone .link li:nth-child(1) a span:before{background:url(../img/main/zone-ico01.jpg) no-repeat left center;}
.zone .link li:nth-child(2) a span:before{background:url(../img/main/zone-ico02.jpg) no-repeat left center;}
.zone .link li:nth-child(3) a span:before{background:url(../img/main/zone-ico03.jpg) no-repeat left center;}
	@media only screen and (max-width:1520px) {	
		.zone .slick-dots{right:25px ; top:25px;}
		.zone .link li a{font-size:15px;}
		.zone .link li a span:before{background-size:24px auto !important;}
	}
	@media only screen and (max-width:1400px) {
		.zone .link li a span{padding-left:30px}
	}
	@media only screen and (max-width:1280px) {
		.zone .link li a{font-size:14px;}
		.zone .link li a span{padding-left:26px}
		.zone .link li a span:before{background-size:20px auto !important;}
	}
	@media only screen and (max-width:1185px) {
		.zone{border-radius:15px}
		.zone .link li a{line-height:48px;}
	}
	@media only screen and (max-width:999px) {
		.zone .slick-dots{right:20px ; top:20px;}

		.zone .link li a{line-height:42px; font-size:13px}
		.zone .link li a span{padding-left:22px}
		.zone .link li a span:before{background-size:16px auto !important;}
	}
	@media only screen and (max-width:880px) {
		.zone .zone-slide .item img{width:100%; height:360px;}
		
	}
	@media only screen and (max-width:680px) {
		.zone{border-radius:20px;}
		.zone .slick-dots{right:17px ; top:17px; height:5px;}
		.zone .slick-dots ul{ height:5px;}
		.zone .slick-dots li{height:5px;}
		.zone .slick-dots li:nth-child(n+2){margin-left:5px;}
		.zone .slick-dots li button{ width:5px;height:5px; }
		.zone .slick-dots li.slick-active button{opacity:0.7}


		.zone{border-radius:10px}
		.zone .link li a{font-size:12px;}
	}
	@media only screen and (max-width:480px) {
		.zone .zone-slide .item img{width:100%; height:auto;}
	}



/* ======================================================
   .about
=========================================================*/
.about{width:calc(50% - 10px);  position:Absolute; left:0; top:0; border-radius:30px;  box-sizing:border-box; background:url(../img/main/about-img.png) no-repeat right bottom}
.about a{display:block;border:1px solid #e0e0de; position:relative; z-index:23; border-radius:30px; overflow:hidden;height:218px;padding:35px 40px 0 40px; box-sizing:border-box;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.about a:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075) ;-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);}
.about .btxt{font-size:23px; font-weight:700; color:#23b57c; letter-spacing:-0.03em; line-height:1.35em;}
.about .stxt{font-size:16px; font-weight:400; color:#555; letter-spacing:-0.03em; line-height:1.5em; margin-top:12px;padding-right:30px;}
.about .stxt span{color:#111; font-weight:600; display:block; }
	@media only screen and (max-width:1520px) {	
		.about{background-size:120px auto;}
		.about a{padding:30px 35px 0 35px}
		.about .btxt{font-size:21px;}
		.about .stxt{font-size:15px; margin-top:10px;}
	}
	@media only screen and (max-width:1400px) {
		.about{background-size:100px auto;}
		.about a{padding:30px 30px 0 30px}
	}
	@media only screen and (max-width:1280px) {
		.about{background-size:80px auto;}
		.about a{padding:25px 25px 0 25px;height:196px;}
		.about .btxt{font-size:19px;}
		.about .stxt{font-size:14px;}
	}
	@media only screen and (max-width:1185px) {
		.about{width:calc(50% - 8px);background-size:65px auto;  border-radius:15px;}
		.about a{padding:25px 25px 0 25px;height:170px; border-radius:15px;}
		.about .stxt{margin-top:7px; font-size:13px; }
		.about .stxt br{display:none;}
	}
	@media only screen and (max-width:999px) {
		.about{position:relative ;left:auto; top:auto; width:auto;background-size:60px auto;}
		.about a{padding:20px 20px 0 20px; height:137px;}
		.about .btxt{font-size:17px;}
		.about .stxt{margin-top:5px; line-height:1.4em;}
	}
	@media only screen and (max-width:880px) {
		.about a{height:160px;}
		
	}
	@media only screen and (max-width:680px) {
		.about{border-radius:10px;}
		.about a{height:auto; padding:20px ; padding-bottom:40px;border-radius:10px;}
		
	}
	@media only screen and (max-width:480px) {
		
	}


/* ======================================================
   .notice02 wee°øÁö
=========================================================*/
.notice02{width:calc(50% - 10px); position:Absolute; left:0; top:0; border-radius:30px; height:300px;border:1px solid #e0e0de; border-radius:30px;padding:35px 40px 30px 40px; overflow:hidden; position:absolute; right:0; top:0; box-sizing:Border-box;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.notice02:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075) ;-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);}
.notice02 h3{font-size:23px; font-weight:700; color:#23b57c; letter-spacing:-0.03em; line-height:1.2em;}
.notice02 .more{position:Absolute;right:40px; top:39px; width:22px;height:16px; }
.notice02 .more:after{position:Absolute;left:0; top:0; width:100%;height:100%;background:url(../img/main/board-more.png) no-repeat right center;transition:transform 0.5s cubic-bezier(.33,.02,0,.93); display:block;content:""}
.notice02 .more:hover:after{transform:translateX(7px)}
.notice02 ul{margin-top:17px;}
.notice02 li{position:relative;}
.notice02 li:nth-child(n+2){margin-top:8px;}
.notice02 li a{display:inline-block; max-width:calc(100% - 84px);font-size:16px; letter-spacing:-0.03em;font-weight:400; color:#555; line-height:1.25em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; box-sizing:border-box;}
.notice02 li a.new{padding-right:26px;}
.notice02 li a.new:after{width:18px;height:18px; position:Absolute;right:0; top:0; background:url(../img/main/board-new.png) no-repeat center center;background-size:100% auto; display:block; content:""}
.notice02 li span{position:absolute;right:0; top:1px; line-height:1.3em; font-size:13px; font-weight:400;opacity:0.5}
.notice02 li:hover a{color:#000;}
	@media only screen and (max-width:1520px) {	
		.notice02{padding:30px 35px 0 35px}
		.notice02 h3{font-size:19px;}
		.notice02 .more{right:35px; top:35px;}
		.notice02 .more:after{background-size:20px auto;}
		.notice02 li a{font-size:15px;}
	}
	@media only screen and (max-width:1400px) {
		.notice02{padding:30px 30px 0 30px}
		.notice02 .more{right:30px;}
	}
	@media only screen and (max-width:1280px) {
		.notice02{height:196px;padding:30px 25px 0 25px}
		.notice02 h3{font-size:18px;}
		.notice02 .more{right:25px; top:32px;}
		.notice02 .more:after{background-size:16px auto;}
		.notice02 ul{margin-top:12px;}
		.notice02 li:nth-child(n+2){margin-top:4px;}
		.notice02 li a{font-size:14px;max-width:calc(100% - 78px);}
		.notice02 li a.new{padding-right:24px;}
		.notice02 li a.new:after{background-size:16px auto;top:-1px;}
		.notice02 li span{font-size:12px; top:0}
	}
	@media only screen and (max-width:1185px) {
		.notice02{width:calc(50% - 8px);height:238px;padding:25px 25px 0 25px; border-radius:30px;}
		.notice02 ul{margin-top:12px;}
		.notice02 li:nth-child(n+2){margin-top:1px;}
	}
	@media only screen and (max-width:999px) {
		.notice02{margin-top:15px;position:relative ;right:auto; top:auto; width:auto; padding:20px; padding:20px; height:158px;}
		.notice02 .more{right:20px; top:23px;}
		.notice02 h3{font-size:20px;}
		.notice02 li{height:24px;}
		.notice02 li:nth-child(n+2){margin-top:10px;}
		.notice02 li a{font-size:15px;}
		.notice02 li a.new:after{background-size:14px auto; }
		.notice02 li a.new{padding-right:22px;}
		.notice02 li span{font-size:12px;}
	}
	@media only screen and (max-width:880px) {
		.notice02{height:180px;border-radius:15px;margin-top:0px;}
		.notice02 li:nth-child(n+2){margin-top:5px;}

		
	}
	@media only screen and (max-width:680px) {
		.notice02{height:auto; padding:20px;}
		
	}
	@media only screen and (max-width:480px) {
		
	}




/* ======================================================
   .notice µÎºñ°øÀÚ
=========================================================*/
.notice{width:calc(50% - 10px); height:300px;border:1px solid #e0e0de; border-radius:30px;padding:35px 40px 35px 40px; overflow:hidden; position:absolute; right:0; top:0; box-sizing:Border-box;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.notice:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075) ;-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);}
.notice h3{font-size:23px; font-weight:700; color:#5a89e0; letter-spacing:-0.03em; line-height:1.2em;}
.notice .more{position:Absolute;right:40px; top:39px; width:22px;height:16px; }
.notice .more:after{position:Absolute;left:0; top:0; width:100%;height:100%;background:url(../img/main/board-more.png) no-repeat right center;transition:transform 0.5s cubic-bezier(.33,.02,0,.93); display:block;content:""}
.notice .more:hover:after{transform:translateX(7px)}
.notice ul{margin-top:17px;}
.notice li{position:relative;}
.notice li:nth-child(n+2){margin-top:6px;}
.notice li a{display:inline-block; max-width:calc(100% - 84px);font-size:16px; letter-spacing:-0.03em;font-weight:400; color:#555; line-height:1.25em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative; box-sizing:border-box;}
.notice li a.new{padding-right:26px;}
.notice li a.new:after{width:18px;height:18px; position:Absolute;right:0; top:0; background:url(../img/main/board-new.png) no-repeat center center;background-size:100% auto; display:block; content:""}
.notice li span{position:absolute;right:0; top:1px; line-height:1.3em; font-size:13px; font-weight:400;opacity:0.5}
.notice li:hover a{color:#000;}
	@media only screen and (max-width:1520px) {	
		.notice{padding:30px 35px 0 35px}
		.notice h3{font-size:19px;}
		.notice .more{right:35px; top:35px;}
		.notice .more:after{background-size:20px auto;}
		.notice li a{font-size:15px;}
	}
	@media only screen and (max-width:1400px) {
		.notice{padding:30px 30px 0 30px}
		.notice .more{right:30px;}
	}
	@media only screen and (max-width:1280px) {
		.notice{height:196px;padding:30px 25px 0 25px}
		.notice h3{font-size:18px;}
		.notice .more{right:25px; top:32px;}
		.notice .more:after{background-size:16px auto;}
		.notice ul{margin-top:12px;}
		.notice li:nth-child(n+2){margin-top:4px;}
		.notice li a{font-size:14px;max-width:calc(100% - 78px);}
		.notice li a.new{padding-right:24px;}
		.notice li a.new:after{background-size:16px auto;top:-1px;}
		.notice li span{font-size:12px; top:0}
	}
	@media only screen and (max-width:1185px) {
		.notice{width:calc(50% - 8px);height:238px;padding:25px 25px 0 25px; border-radius:30px;}
		.notice ul{margin-top:12px;}
		.notice li:nth-child(n+2){margin-top:1px;}
	}
	@media only screen and (max-width:999px) {
		.notice{margin-top:15px;position:relative ;right:auto; top:auto; width:auto; padding:20px; padding:20px; height:158px;}
		.notice .more{right:20px; top:23px;}
		.notice h3{font-size:20px;}
		.notice li{height:24px;}
		.notice li:nth-child(n+2){margin-top:10px;}
		.notice li a{font-size:15px;}
		.notice li a.new:after{background-size:14px auto; }
		.notice li a.new{padding-right:22px;}
		.notice li span{font-size:12px;}
	}
	@media only screen and (max-width:880px) {
		.notice{height:163px; border-radius:15px;}
		.notice li:nth-child(n+2){margin-top:5px;}
		
	}
	@media only screen and (max-width:680px) {
		.notice{height:auto; padding:20px;}
		
	}
	@media only screen and (max-width:480px) {
		
	}


/* ======================================================
   .service
=========================================================*/
.service{position:absolute; right:0; bottom:0; width:100%;}
.service ul{}
.service ul:after{display:block; content:"";clear:both}
.service li{float:left; width:calc(50% - 10px)}
.service li:nth-child(2){float:right;}
.service li a{display:block; padding:0 40px 0 40px;  display:flex;align-items: center; justify-content: center;box-sizing:border-box; height:120px; border-radius:20px; position:relative;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.service li a:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075) ;-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);}
.service li a:after{width:62px;height:56px; position:Absolute;right:27px; top:50%; margin-top:-28px; display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93);}
.service li a:hover:after{transform:translateY(-7px)}
.service li .txt{width:100%;}
.service li .btxt{font-size:20px; font-weight:600; color:#111; letter-spacing:-0.03em;line-height:1.3em;}
.service li .stxt{margin-top:5px;font-size:16px; font-weight:400;  letter-spacing:-0.03em;color:#555; line-height:1.3em;}

.service li:nth-child(1) a{background:#fdf1b8;}
.service li:nth-child(2) a{background:#cceafe;}

.service li:nth-child(1) a:after{background:url(../img/main/news-ico01.png) no-repeat center center;}
.service li:nth-child(2) a:after{background:url(../img/main/news-ico02.png) no-repeat center center;}
	@media only screen and (max-width:1520px) {	
		.service li a{padding:0 35px 0 35px; padding-right:90px;height:115px;}
		.service li a:after{width:54px; background-size:100% auto !important}
		.service li .btxt{font-size:18px;}
		.service li .stxt{font-size:15px;}
		
	}
	@media only screen and (max-width:1400px) {
		.service li a{padding:0 30px;padding-right:85px;}
		.service li a:after{width:48px;}
	}
	@media only screen and (max-width:1280px) {
		.service li a{height:100px; padding:0 25px;padding-right:80px;}
		.service li a:after{width:40px; right:24px;}
		.service li .btxt{font-size:17px;}
		.service li .stxt{font-size:14px;}
		
	}
	@media only screen and (max-width:1185px) {
		.service li{width:calc(50% - 8px)}
		.service li a{border-radius:15px;height:92px; padding:0 25px;padding-right:80px;}
		.service li a:after{width:36px; right:20px;}
		.service li .btxt{font-size:16px;}
		.service li .stxt{font-size:13px; margin-top:3px;}
	}
	@media only screen and (max-width:999px) {
		.service{position:relative ;right:auto; bottom:auto; width:auto; margin-top:15px;}
		.service li a{height:90px; padding:0 20px; padding-right:55px;}
		.service li a:after{width:30px; right:15px;}
		.service li .btxt{font-size:15px;}
		.service li .stxt{font-size:12px;}
	}
	@media only screen and (max-width:880px) {
		.service{width:calc(100% + 335px); margin-left:-335px; margin-top:15px}
		
	}
	@media only screen and (max-width:680px) {
		.service{width:auto; margin-left:0;}
		.service li{float:none; width:auto}
		.service li:nth-child(2){float:none; margin-top:15px;}
		.service li a{border-radius:10px;}
		
	}
	@media only screen and (max-width:480px) {
		
	}


/* ======================================================
   .support
=========================================================*/
.support{background:#fff; border:1px solid #e0e0de; border-radius:30px; padding:28px 40px; padding-left:150px; position:absolute; left:0; bottom:0%; width:100%; box-sizing:border-box;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.support:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075) ;-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);}
.support h3{position:absolute; left:40px; top:20px; height:calc(100% - 80px); font-size:17px; font-weight:600; color:#222; letter-spacing:-0.03em; line-height:1.5em;display:flex;align-items: center; justify-content: left;}
.support h2{position:absolute; left:40px; top:60px; height:calc(100% - 80px); font-size:18px; font-weight:700; color:#2caaa5; letter-spacing:-0.03em; line-height:1.5em;display:flex;align-items: center; justify-content: left;}
.support ul{}
.support ul:after{display:block; content:"";clear:both}
.support li{float:left; width:25%; text-align:center;}
.support li a{display:block; font-size:17px; font-weight:400; color:#222; line-height:1.25em; letter-spacing:-0.03em; padding-top:57px; position:relative; text-transform:uppercase}
.support li a:before{width:100%; height:50px; position:absolute; left:0; top:5px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.support li a:hover:before{transform:translateY(-7px)}

.support li:nth-child(1) a:before{background:url(../img/main/support-ico01.png) no-repeat center top}
.support li:nth-child(2) a:before{background:url(../img/main/support-ico02.png) no-repeat center top}
.support li:nth-child(3) a:before{background:url(../img/main/support-ico03.png) no-repeat center top}
.support li:nth-child(4) a:before{background:url(../img/main/support-ico04.png) no-repeat center top}

	@media only screen and (max-width:1520px) {	
		.support{padding:17px 35px;padding-left:270px; }
		.support h3{font-size:16px; left:35px;}
		.support li a{font-size:16px; padding-top:52px;}
		.support li a:before{background-size:42px auto !important;}
	}
	@media only screen and (max-width:1400px) {
		.support{padding:17px 30px;padding-left:250px; }
		.support h3{left:30px;}
	}
	@media only screen and (max-width:1280px) {
		.support{padding:14px 25px;padding-left:230px; }
		.support h3{font-size:15px; left:25px;}
		.support li a{font-size:14px;padding-top:46px;}
		.support li a:before{background-size:36px auto !important;}
	}
	@media only screen and (max-width:1185px) {
		.support{border-radius:15px;}
		.support h3{font-size:14px;}
		.support li a{font-size:13px;}
	}
	@media only screen and (max-width:999px) {
		.support{position:relative; left:auto; bottom:auto; width:calc(100% + 415px); margin-left:-415px; margin-top:15px;padding-left:270px; }
	}
	@media only screen and (max-width:880px) {
		.support{width:calc(100% + 335px); margin-left:-335px;padding-left:230px; }
		.support h3{font-size:13px; left:20px}
		
	}
	@media only screen and (max-width:680px) {
		.support{width:auto; margin-left:0;padding:20px ; border-radius:10px; }
		.support h3{position:Relative ;left:auto; top:auto; margin-bottom:15px; line-height:1.35em;}
		.support h3 br{display:none;}
		.support ul{width:calc(100% + 30px);margin-left:-15px;}
		.support li a{font-size:12px;padding-top:42px;}
		.support li a:before{background-size:32px auto !important;}
	}
	@media only screen and (max-width:480px) {
		
	}





/* ======================================================
   .msec-01
=========================================================*/
.msec-01{position:relative; padding:30px 0; width:1280px; margin:0 auto;}

.msec-01:after{display:block; content:"";clear:both;}

.msec-01 .tits{/*height:188px; display:flex;align-items: center; justify-content: center;*/ text-align:center;}
.msec-01 .tits h3{font-weight:700; color:#000; font-size:24px; padding-top:0px;  box-sizing:border-box;letter-spacing:-0.04em;letter-spacing:-0.03em; line-height:1.3em; padding-left:0px; background:url(../img/main/msec01-tit.png) no-repeat left center;}
.msec-01 .tits h3 span{color:#30af3f; font-weight:700;}
.msec-01 .cont{margin-top:20px;}
.msec-01 .cont ul{margin:0 -15px; display:flex;align-items: center; justify-content: center;}
.msec-01 .cont ul:after{display:block; content:"";clear:both;}
.msec-01 .cont li{background:#f9f9f9; border-radius: 30px; padding:20px 0px; float:left; width:calc(15% - 30px); margin:0 15px; }
/*.msec-01 .cont li:nth-child(n+2){margin-left:90px;}*/
.msec-01 .cont li a{display:block; line-height:30px; padding-top:45px; text-align:center;font-size:16px; color:#333;letter-spacing:-0.03em;}
.msec-01 .cont li a:before{width:40px; height:40px; position:Absolute; left:50%; top:20px; margin-left:-20px; display:block; content:"";background-size:100% auto !important;-webkit-transition: transform 0.3s ease-out;-moz-transition: transform 0.3s ease-out;-o-transition: transform 0.3s ease;transition: transform 0.3s ease-out;}
.msec-01 .cont li a:hover{color:#05d7b4}

.msec-01 .cont li:nth-child(1) a:before{background:url(../img/main/msec01-ico01.png) no-repeat center top}
.msec-01 .cont li:nth-child(2) a:before{background:url(../img/main/msec01-ico02.png) no-repeat center top}
.msec-01 .cont li:nth-child(3) a:before{background:url(../img/main/msec01-ico03.png) no-repeat center top}
.msec-01 .cont li:nth-child(4) a:before{background:url(../img/main/msec01-ico04.png) no-repeat center top}
.msec-01 .cont li:nth-child(5) a:before{background:url(../img/main/msec01-ico05.png) no-repeat center top}
.msec-01 .cont li:nth-child(6) a:before{background:url(../img/main/msec01-ico06.png) no-repeat center top}
.msec-01 .cont li:nth-child(7) a:before{background:url(../img/main/msec01-ico07.png) no-repeat center top}
.msec-01 .cont li:nth-child(8) a:before{background:url(../img/main/msec01-ico08.png) no-repeat center top}

.msec-01 .cont li a:hover:before{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px);-ms-transform: translateY(-10px); -o-transform:  translateY(-10px);transform: translateY(-10px);}
	@media only screen and (max-width:1440px){
		.msec-01{padding:80px 0}
		.msec-01 .tits{height:160px;}
		.msec-01 .tits h3{font-size:31px; padding-top:55px; height:160px; background-size:auto 160px; padding-left:260px}

		.msec-01 .cont li:nth-child(n+2){margin-left:75px;}
		.msec-01 .cont li a:before{width:60px; height:64px; margin-left:-30px;}
		.msec-01 .cont li a{font-size:17px; padding-top:85px;}
	}
	@media only screen and (max-width:1184px) {
		.msec-01 .tits{height:130px;}
		.msec-01 .tits h3{font-size:29px; background-size:auto 130px; padding-left:220px}
		.msec-01 .cont li:nth-child(n+2){margin-left:50px;}
		.msec-01 .cont li a{font-size:16px; }
	}
	@media only screen and (max-width:999px){
		.msec-01{padding:60px 0}
		.msec-01 .tits{height:auto; display:block;}
		.msec-01 .tits h3{padding-top:110px;font-size:26px;background-position:center top; background-size:auto 100px; padding-left:0;height:auto;}
		.msec-01 .cont{margin-top:30px;}
		.msec-01 .cont li:nth-child(n+2){margin-left:40px;}
		.msec-01 .cont li a:before{width:54px; height:60px; margin-left:-27px;}
		.msec-01 .cont li a{font-size:15px; padding-top:75px; }
	}
	@media only screen and (max-width:680px){
		
		.msec-01 .tits h3{font-size:23px ; padding-top:90px; background-size:auto 80px;}
		.msec-01 .cont ul{max-width:98%; margin:0 auto;}
		.msec-01 .cont li{float:left; width:33.3333%;}
		.msec-01 .cont li:nth-child(n+2){margin-left:0;}
		.msec-01 .cont li:nth-child(n+4){margin-top:30px;}
		.msec-01 .cont li a:before{width:48px; height:54px; margin-left:-24px;}
		.msec-01 .cont li a{font-size:14px; padding-top:60px; }
	}
	@media only screen and (max-width:480px){
		.msec-01 .tits h3{font-size:21px}
		.msec-01 .cont li a:before{width:40px; height:50px; margin-left:-20px;}
		.msec-01 .cont li a{font-size:13px; padding-top:50px; }
	}


/*=======================================================
  .msec-02
=========================================================*/
.msec-02{padding:0px 0 20px; position:relative;}
.msec-02:after{background:#fff; position:absolute; left:50%; width:20000px; top:0 ; height:100%; z-index:-1; display:block ;content:""; z-index:-1; margin-left:-10000px;}
.msec-02 .tits{text-align:left; padding:0 20px;}
.msec-02 .tits h3{font-size:30px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
.msec-02 .tits h3 span{color:#30af3f; font-weight:700;}
.msec-02 .tits .btxt{font-size:20px; font-weight:600; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-top:20px;}
.msec-02 .tits .stxt{font-size:16px; font-weight:300; color:#666; letter-spacing:-0.03em; line-height:1.4em;  margin-top:10px;}
.msec-02 .cont{margin-top:20px;}
.msec-02 .cont ul{margin:0 -10px;}
.msec-02 .cont ul:after{display:block ;content:"";clear:both}
.msec-02 .cont li{float:left; width:calc(33.3333% - 20px ); margin:0 10px;}
.msec-02 .cont li .txt{display:block;border-radius:30px; /*background:#fff;*/ min-height:200px; box-sizing:Border-box; padding:40px 40px;-webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition: box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.msec-02 .cont li .txt .btxt{font-family: 'RiaSans-Regular'; font-size:26px; font-weight:700; color:#333; letter-spacing:-0.03em; line-height:1.2em; padding-top:0px; position:relative; -webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
.msec-02 .cont li .txt .btxt br{display:none;}
.msec-02 .cont li .txt .btxt:before{width:200px;height:200px; position:Absolute; right:0; bottom:-160px; display:block; content:""; background-size:auto 100% !important;object-fit:cover;object-fit:cover; transform:scale(1.1);  transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-02 .cont li .txt .stxt{font-size:16px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.4em; margin-top:20px; min-height:85px;}
.msec-02 .cont li .txt a{position:relative; width:140px;height:40px; box-sizing:border-box; border:1px solid #fff; background:#fff; border-radius:40px; text-align:left; padding-left:20px; line-height:40px; font-size:15px; color:#333; letter-spacing:-0.03em; display:inline-block;vertical-align:top;}
.msec-02 .cont li:hover .txt a{background:#555; border-color:#555; color:#fff}

.msec-02 .cont li .txt a:after{width:28px;height:24px; position:Absolute;right:20px; top:50%;margin-top:-12px; display:block; content:""; background:url(../img/main/msec02-moreo.png) no-repeat right center;-webkit-transition: margin-right 0.3s ease-in-out;-moz-transition: margin-right 0.3s ease-in-out;-o-transition: margin-right 0.3s ease-in-out;transition: margin-right 0.3s ease-in-out;}
.msec-02 .cont li .txt a:hover:after{margin-right:-7px;background-image:url(../img/main/msec02-more.png)}

.msec-02 .cont li:nth-child(1){background:#d9fbf7;border-radius:30px;}
.msec-02 .cont li:nth-child(2){background:#fff8d0;border-radius:30px;}
.msec-02 .cont li:nth-child(3){background:#e8f1ff;border-radius:30px;}


.msec-02 .cont li:nth-child(1) .txt .btxt:before{background:url(../img/main/msec02-ico01.png) no-repeat left center;}
.msec-02 .cont li:nth-child(2) .txt .btxt:before{background:url(../img/main/msec02-ico02.png) no-repeat left center;}
.msec-02 .cont li:nth-child(3) .txt .btxt:before{background:url(../img/main/msec02-ico03.png) no-repeat left center;}

.msec-02 .cont .more{margin-top:50px;text-align:center;}
.msec-02 .cont .more a{display:inline-block;vertical-align:top;width:130px; height:45px; border-radius:6px; line-height:45px; background:#f2ca00; color:#111; font-size:16px; font-weight:600;letter-spacing:-0.03em; letter-spacing:-0.03em;}
.msec-02 .cont .more a:hover{color:#f2ca00; background:#111}



.msec-02 .cont li:hover .btxt{ color:#30af3f}
.msec-02 .cont li:hover .btxt:before{transform:scale(1.1) translateY(-7px)}
.msec-02 .cont li:hover .txt{/*box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2) ;-moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2)  ; */}
	@media only screen and (max-width:1240px){
		.msec-02{padding:20px 0;}
		.msec-02 .tits h3{font-size:32px;}
		.msec-02 .tits .btxt{font-size:18px; }
		.msec-02 .tits .stxt{font-size:14px; }
		
		.msec-02 .cont{margin-top:0px;}
		.msec-02 .cont li .txt .btxt{font-size:18px;}
		.msec-02 .cont li .txt .stxt{font-size:14px;}
		.msec-02 .cont li .txt .stxt br{ display:none;}
		.msec-02 .cont li .txt a{font-size:14px;}

		.msec-02 .cont .more{margin-top:40px;}
		.msec-02 .cont .more a{width:120px; height:42px;line-height:42px;font-size:15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-02 .cont li .txt{padding:30px 20px;}
		.msec-02 .cont li .txt .btxt:before{width:120px;height:120px; right:0; bottom:-160px;}
	}}
	@media only screen and (max-width:999px) {
		.msec-02{padding:20px 0;}
		.msec-02 .tits h3{font-size:28px;}
		.msec-02 .tits .btxt{font-size:16px; margin-top:15px;}
		.msec-02 .tits .stxt{font-size:12px;  margin-top:5px;}

		.msec-02 .cont{margin-top:0px;}
		.msec-02 .cont ul{ margin:0 -5px;}
		.msec-02 .cont li{width:calc(33.3333% - 10px ); margin:0 5px;}
		.msec-02 .cont li .txt {text-align:left; min-height:200px;}
		.msec-02 .cont li .txt .btxt{font-size:16px;padding-top:60px}
		.msec-02 .cont li .txt .btxt:before{height:45px; left:60%;margin-left:0px;background-position:center center !important;}
		.msec-02 .cont li .txt .btxt br{display:block;}
		.msec-02 .cont li .txt .stxt{font-size:13px; display:none;}
		.msec-02 .cont li .txt a{width:110px;height:32px; ; line-height:30px; font-size:13px; margin-top:20px;}

		.msec-02 .cont .more{margin-top:30px;}
		.msec-02 .cont .more a{width:100px; height:38px;line-height:38px;font-size:14px;}

		
	}
	@media only screen and (max-width:680px) {
		.msec-02{padding:20px 0;}
		.msec-02 .cont{margin-top:0px;}
		.msec-02 .tits h3{font-size:24px;}
		.msec-02 .tits .btxt{font-size:14px; }
		
		.msec-02 .cont ul{margin:0;}
		.msec-02 .cont li .txt{padding:20px;border-radius:10px; min-height:185px;}
		.msec-02 .cont li .txt .btxt{font-size:18px;padding-top:55px}
		.msec-02 .cont li .txt .btxt:before{height:40px}
		.msec-02 .cont li .txt .stxt{font-size:15px; min-height:auto; }
		/*.msec-02 .cont li .txt .stxt br{display:none;}*/
		.msec-02 .cont li .txt a{width:90px;height:30px;line-height:28px; font-size:12px;}

		.msec-02 .cont .more a{height:35px;line-height:35px;font-size:13px;}

		.msec-02 .cont li:nth-child(1){background:#d9fbf7;border-radius:20px;}
		.msec-02 .cont li:nth-child(2){background:#fff8d0;border-radius:20px;}
		.msec-02 .cont li:nth-child(3){background:#e8f1ff;border-radius:20px;}

		.msec-02 .cont li .txt .btxt:before{width:150px;height:150px;  right:0; bottom:-100px;}
	}
	@media only screen and (max-width:480px) {
		.msec-02 .tits h3{font-size:20px;}
		.msec-02 .cont ul{margin:0}
		.msec-02 .cont li{float:none; width:auto; margin:0}
		.msec-02 .cont li:nth-child(n+2){margin-top:15px;}
		.msec-02 .cont li .txt{min-height:140px;}
		.msec-02 .cont li .txt a{width:130px;font-size:14px;}
		.msec-02 .cont li .txt .btxt{padding-top:0px}
		.msec-02 .cont li .txt .btxt:before{height:120px; right:-40px; bottom:-100px;}
		.msec-02 .cont li .txt .btxt br{display:none;}
		.msec-02 .cont li .txt .stxt{display:block; padding:0 0px; margin-bottom:15px;}

		.msec-02 .cont li .txt .stxt br{display:block;}

	}


/* ======================================================
   .msec-03
=========================================================*/
.msec-03{display:flex;display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap; position:relative; margin-top:20px;}
.msec-03:after{display:block; content:"";clear:both}

.msec-03 .bom{display:flex; display:-webkit-flex; float:left; position:relative; width:730px; box-sizing:border-box; min-height:200px;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out; }
.msec-03 .test{display:flex; display:-webkit-flex; float:right; position:relative; width:730px; margin-left:20px; /*margin:0 1.3%;*/ box-sizing:border-box;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out; }

.msec-03 .diag{display:flex; display:-webkit-flex;float:right;position:relative;  width:22%; box-sizing:border-box;-webkit-transition:box-shadow 0.5s ease-in-out;-moz-transition:box-shadow 0.5s ease-in-out;-o-transition:box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out; }


.msec-03 .cont{width:100%;}
	

.msec-03 .test:hover,
.msec-03 .bom:hover,
.msec-03 .diag:hover{box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075) ;-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.075);}


	@media only screen and (max-width:1640px) {	
	
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .test{min-height:auto;}
	}
	@media only screen and (max-width:1280px) {
		.msec-03 .test{min-height:auto;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03{display:block;}
		.msec-03 .test{display:block; width:calc(50% - 10px); margin:0; margin-top:0px;}
		.msec-03 .tel{display:block; width:calc(100% - 0px); float:right; margin-top:5px;}

		.msec-03 .bom{display:block; width:calc(50% - 10px); margin:0; margin-top:0px;}
		.msec-03 .diag{display:block; width:calc(50% - 0px); float:right; margin-top:20px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03{display:block;}
		.msec-03 .test{display:block;width:50%;}
		.msec-03 .tel{display:block; width:calc(100% - 10px); float:right; margin-top:5px;}

		.msec-03 .bom{display:block; width:calc(50% - 10px); margin:0; margin-top:0px; margin-bottom:20px;}
		.msec-03 .diag{display:block; width:calc(50% - 10px); float:right; margin-top:20px;}
	}
	@media only screen and (max-width:780px) {
		.msec-03{display:block;}
		.msec-03 .test{}
		.msec-03 .tel{width:100%;}

		.msec-03 .bom{width:100%; }
		.msec-03 .diag{width:100%;}
	}
	@media only screen and (max-width:680px) {
		.msec-03{ margin-top:0px;}
	
		
	}
	@media only screen and (max-width:480px) {
		.msec-03 .test{display:block;width:100%;}
		.msec-03 .bom{ margin-top:0px; margin-bottom:0px;}
	}

.msec-03 .test{border:1px solid #e2e5eb; border-radius:30px; padding:35px 20px 35px 30px}
.msec-03 .test h3{font-size:23px; padding-left:0px; padding-bottom: 20px; font-weight:700; color:#111; letter-spacing:-0.03em; line-height:28px;background:url(../img/main/board-test.jpg) no-repeat left center;}
.msec-03 .test h3 span{color:#2caaa5;}
.msec-03 .test .more{position:absolute;right:35px; top:50px; font-size:15px; color:#111; line-height:1.3em; letter-spacing:-0.03em;}
.msec-03 .test .more:after {content:'';position:absolute;bottom:-5px;left:0;width:100%;border-bottom:1px solid #000;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
.msec-03 .test .more:hover:after {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s}


.msec-03 .test ul{margin-top:10px;}
.msec-03 .test ul:after{display:block; content:"";clear:both}
.msec-03 .test li{float:left; width:33.333333%; text-align:center;}
.msec-03 .test li a{display:block; font-size:17px; font-weight:400; color:#222; line-height:1.25em; letter-spacing:-0.03em; padding-top:60px; position:relative; text-transform:uppercase}
.msec-03 .test li a:before{width:100%; height:50px; position:absolute; left:0; top:5px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03 .test li a:hover:before{transform:translateY(-7px)}

.msec-03 .test li:nth-child(1) a:before{background:url(../img/main/support-ico01.png) no-repeat center top}
.msec-03 .test li:nth-child(2) a:before{background:url(../img/main/support-ico02.png) no-repeat center top}
.msec-03 .test li:nth-child(3) a:before{background:url(../img/main/support-ico03.png) no-repeat center top}
.msec-03 .test li:nth-child(4) a:before{background:url(../img/main/support-ico04.png) no-repeat center top}




	@media only screen and (max-width:1640px) {	
		.msec-03 .test{padding:45px 30px 0 30px}
		.msec-03 .test h3{font-size:22px; background-position:left 4px; background-size:28px auto;}
		.msec-03 .test .more{font-size:14px; top:48px;}
		.msec-03 .test li a{font-size:15px;}
		.msec-03 .test li a.new:after{width:16px;height:16px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .test{padding:35px 30px 35px 30px}
		.msec-03 .test h3{font-size:20px;background-position:left 5px; background-size:26px auto; }
		.msec-03 .test .more{font-size:13px;top:44px; right:30px;}
		.msec-03 .test ul{margin-top:5px;}
		.msec-03 .test li a{font-size:14px;}
		.msec-03 .test li a:before{width:100%;height:50px; top:7px}
		.msec-03 .test li span{font-size:15px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-03 .test{padding:25px 25px 25px 25px}
		.msec-03 .test h3{font-size:18px;background-position:left 6px; background-size:24px auto;}
		.msec-03 .test .more{top:36px; right:25px;}
		.msec-03 .test li a{font-size:16px;}
		.msec-03 .test li a.new{padding-right:22px;}
		.msec-03 .test li a.new:after{width:14px;height:14px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03 .test{border-radius:15px;}
		.msec-03 .test h3{font-size:16px; background-size:20px auto;  background-position:left 7px;}
		.msec-03 .test .more{top:32px;}
		.msec-03 .test ul{margin-top:0px;}
		.msec-03 .test li span{font-size:16px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .test{padding:25px 20px}
		.msec-03 .test .more{right:20px;}
		.msec-03 .test h3{font-size:20px;padding-bottom: 0px;}
		.msec-03 .test li span{font-size:15px; font-weight:500; letter-spacing:-0.04em;}
		
	}
	@media only screen and (max-width:480px) {
		.msec-03 .test{padding:20px 20px; margin-top:15px;}
		.msec-03 .test .more{top:28px; font-size:13px;}
	}






.msec-03 .bom{background:#fff;border:1px solid #e2e5eb; border-radius:30px; padding:20px 30px 15px 30px}


.msec-03 .bom .tel a{height:70px; background:#f4f6fb; border-radius:20px; display:flex;align-items: center; justify-content: center; position:relative;}
.msec-03 .bom .tel a:after{width:40px;height:40px; position:Absolute;right:30px; top:40%;margin-top:-15px; display:block; content:"";background:url(../img/main/tel-ico.png) no-repeat right center; background-size:100% auto;transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03 .bom .tel a:hover:after{transform:translateY(-7px)}
.msec-03 .bom .tel .txt{width:100%; text-align:left; box-sizing:border-box; padding:0 30px; display:inline-block;}
.msec-03 .bom .tel .btxt{ font-size:22px; color:#333; letter-spacing:-0.03em; font-weight:700; line-height:1.2em;display:inline-block;}
.msec-03 .bom .tel .btxt span{padding-left:7px; font-size:26px; color: #205ffc;}
.msec-03 .bom .tel .stxt{padding-left:10px; font-size:16px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-top:7px;display:inline-block;}

.msec-03 .bom h3{font-size:16px; padding-left:0px;font-weight:700; color:#111; letter-spacing:-0.03em; line-height:28px;background:url(../img/main/board-test.jpg) no-repeat left center; padding-bottom:5px; padding-top:10px;}

.msec-03 .bom ul{}
.msec-03 .bom ul:after{display:block; content:"";clear:both}
.msec-03 .bom li{float:left; width:25%; text-align:center;}
.msec-03 .bom li a{display:block; font-size:17px; font-weight:400; color:#222; line-height:1.25em; letter-spacing:-0.03em; padding-top:70px; position:relative; text-transform:uppercase;  }
.msec-03 .bom li a:before{width:100%; height:55px; position:absolute; left:0; top:5px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03 .bom li a:hover:before{transform:translateY(-7px)}

.msec-03 .bom li:nth-child(1) a:before{background:url(../img/main/dic-ico01.png) no-repeat center top}
.msec-03 .bom li:nth-child(2) a:before{background:url(../img/main/dic-ico02.png) no-repeat center top}
.msec-03 .bom li:nth-child(3) a:before{background:url(../img/main/dic-ico03.png) no-repeat center top}
.msec-03 .bom li:nth-child(4) a:before{background:url(../img/main/dic-ico04.png) no-repeat center top}

.msec-03 .bom li:nth-child(2) a{padding-right:0;}

@media only screen and (max-width:1640px) {	
		.msec-03 .bom{padding:45px 30px 0 30px}
		.msec-03 .bom h3{font-size:22px; background-position:left 4px; background-size:28px auto;}
		.msec-03 .bom .more{font-size:14px; top:48px;}
		.msec-03 .bom li a{font-size:15px;}
		.msec-03 .bom li a.new:after{width:16px;height:16px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .bom{padding:35px 30px 35px 30px}
		.msec-03 .bom h3{font-size:20px;background-position:left 5px; background-size:26px auto; }
		.msec-03 .bom .more{font-size:13px;top:44px; right:30px;}
		.msec-03 .bom ul{margin-top:25px;}
		.msec-03 .bom li a{font-size:14px;}
		.msec-03 .bom li a:before{width:100%; height:55px; top:7px}
		.msec-03 .bom li span{font-size:16px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-03 .bom{padding:20px 10px 20px 10px}
		.msec-03 .bom h3{font-size:18px;background-position:left 6px; background-size:24px auto;}
		.msec-03 .bom .more{top:36px; right:25px;}
		.msec-03 .bom li a{font-size:15px; font-weight:500;}
		.msec-03 .bom li a.new{padding-right:22px;}
		.msec-03 .bom li a.new:after{width:14px;height:14px;}
		.msec-03 .bom .tel a:after{width:35px;height:35px; position:Absolute;right:10px; }
		.msec-03 .bom li span{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.msec-03 .bom{border-radius:15px;}
		.msec-03 .bom h3{font-size:16px; background-size:20px auto;  background-position:left 7px;}
		.msec-03 .bom .more{top:32px;}
		.msec-03 .bom ul{margin-top:0px;}
		.msec-03 .bom li span{font-size:15px;}
		.msec-03 .bom .tel .txt{padding:0 10px;
	}
	@media only screen and (max-width:680px) {
		.msec-03 .bom{padding:25px 20px}
		.msec-03 .bom .more{right:20px;}
		.msec-03 .bom .tel .txt{padding:0 20px;}
		.msec-03 .bom .tel .btxt{ font-size:18px;}
		.msec-03 .bom .tel .btxt span{padding-left:7px; font-size:22px;}
		.msec-03 .bom .tel .stxt{padding-left:0px; font-size:14px;}
	}
	@media only screen and (max-width:480px) {
		.msec-03 .bom{padding:10px 10px 20px}
		.msec-03 .bom .more{top:28px; font-size:11px;}
	}


	/*@media only screen and (max-width:1640px) {	
		.msec-03 .bom{padding:45px 30px 0 30px}
		.msec-03 .bom li .btxt{font-size:22px}
		.msec-03 .bom li .stxt{font-size:15px}
		.msec-03 .bom li a{height:120px;}
		.msec-03 .bom li a:after{width:54px;height:54px; bottom:-5px;}

		.msec-03 .bom li:nth-child(2) a:after{right:-10px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .bom{padding:35px 30px 0 30px}
		.msec-03 .bom li a{height:110px;}
		.msec-03 .bom li a:after{width:48px;height:48px; bottom:-10px;}
		.msec-03 .bom li .btxt{font-size:20px}
		.msec-03 .bom li .stxt{font-size:14px}
	}
	@media only screen and (max-width:1280px) {
		.msec-03 .bom{padding:30px 25px 0 25px}
		.msec-03 .bom li a:after{width:42px;height:42px; bottom:-5px;}
		.msec-03 .bom li .btxt{font-size:18px}
		.msec-03 .bom li .stxt{font-size:13px; margin-top:7px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03 .bom{padding:25px 25px}
		.msec-03 .bom li a{height:120px;}
		.msec-03 .bom li a:after{width:36px;height:36px;}
		.msec-03 .bom li .stxt br{display:none;}
	}
	@media only screen and (max-width:999px) {
		.msec-03 .bom{border-radius:15px;}
		.msec-03 .bom li .btxt{font-size:16px}
	}
	@media only screen and (max-width:780px) {
		
		.msec-03 .bom li a{height:110px;padding-bottom:40px;}
	}
	@media only screen and (max-width:680px) {
		.msec-03 .bom{padding:25px 20px}
		.msec-03 .bom li a{height:100px;}
	}
	@media only screen and (max-width:480px) {
		.msec-03 .bom li{float:none; width:auto}
		.msec-03 .bom li a{height:90px; padding-bottom:20px;}
		.msec-03 .bom li .stxt br:nth-child(1){display:block;}
		.msec-03 .bom li:nth-child(2){float:none;width:auto;padding-left:0; padding-top:20px; margin-top:20px;border-top:1px solid #e2e5eb; border-left:none}
		
		.msec-03 .bom li:nth-child(2) a{padding-right:15px;}
		.msec-03 .bom li:nth-child(1) a:after{right:0}
		.msec-03 .bom li:nth-child(2) a:after{right:0}
	}*/


.msec-03 .diag{border:1px solid #e2e5eb; background: linear-gradient(113deg, #2F9F49 0%, #00C8FF 155.59%);border-radius:30px;}
.msec-03 .diag a{display:block; padding:35px 45px 0 35px; position:relative;}
.msec-03 .diag a:before{position:absolute;right:30px; bottom:5px; width:40px;height:40px;background:url(../img/main/diag-ico.png) no-repeat;background-size:100% auto !important;display:block; content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03 .diag a:hover:before{transform:translateY(-7px)}

/*.msec-03 .diag a:after{position:absolute;right:25px; bottom:-10px; width:40px;height:40px; background:url(../img/main/diag-arrow.png) no-repeat center center #fff ;border-radius:100%;background-size:12px auto !important;display:block; content:"";transition:background 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-03 .diag a:hover:after{ background:url(../img/main/diag-arrowo.png) no-repeat center center #fff ;}*/
.msec-03 .diag .btxt{font-size:20px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.2em;}
.msec-03 .diag .stxt{font-size:28px; font-weight:700; color:#fff; letter-spacing:-0.03em; line-height:1.4em; margin-top:10px}
.msec-03 .diag .ctxt{font-size:14px; font-weight:400; color:#fff; letter-spacing:-0.03em; line-height:1.4em; margin-top:12px}
	@media only screen and (max-width:1640px) {	
		.msec-03 .diag a{padding:35px 35px 0 35px}
		.msec-03 .diag a:before{width:54px; height:54px;}
		.msec-03 .diag a:after{width:36px;height:36px; background-size:10px auto !important;}
		.msec-03 .diag .btxt{font-size:22px;}
		.msec-03 .diag .stxt{font-size:15px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-03 .diag a{padding:35px 30px 0 30px}
		.msec-03 .diag a:before{width:48px; height:48px; right:25px; top:18px;}
		.msec-03 .diag a:after{width:30px;height:30px; background-size:8px auto !important; bottom:-15px; right:20px;	}
		.msec-03 .diag .btxt{font-size:20px;}
		.msec-03 .diag .stxt{font-size:14px;}
	}
	@media only screen and (max-width:1280px) {
		.msec-03 .diag a{padding:30px 25px 0 25px;box-sizing:border-box; min-height:150px;}
		.msec-03 .diag a:before{width:42px; height:42px; right:20px; top:15px;}
		.msec-03 .diag a:after{width:30px;height:30px; background-size:8px auto !important; bottom:10px; right:20px;	}
		.msec-03 .diag .btxt{font-size:18px;}
		.msec-03 .diag .stxt{font-size:13px; margin-top:7px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-03 .diag a{padding:25px 25px 0 25px}
		.msec-03 .diag a:before{width:36px; height:36px; right:15px; top:15px;}
		.msec-03 .diag a:after{width:26px;height:26px; bottom:0; right:20px}
		.msec-03 .diag .stxt br{display:none;}
	}
	@media only screen and (max-width:999px) {
		.msec-03 .diag{border-radius:15px;}
		.msec-03 .diag a{height:171px;}
		.msec-03 .diag a:after{bottom:25px;}
		.msec-03 .diag .stxt br{display:block;}
	}
	@media only screen and (max-width:780px) {
		
		.msec-03 .diag a{height:auto; padding-bottom:40px;}
		
	}
	@media only screen and (max-width:680px) {
		.msec-03 .diag a{padding:25px 20px 0 20px}
		
	}
	@media only screen and (max-width:480px) {
		
	}



/* ======================================================
   .msec-04
=========================================================*/
.msec-04{margin-top:20px;}
.msec-04:after{display:block ;content:"";clear:both;}

.msec-04 .fl{float:left;width:100%; box-sizing:border-box; border:1px solid #e2e5eb; padding:30px 30px 30px 30px; padding-left:250px; border-radius:30px;  min-height:100%;position:relative;}
.msec-04 .fr{float:right;width:19%; box-sizing:border-box; /* margin-left:30px  */}
	@media only screen and (max-width:1640px) {	
		.msec-04 .fl{padding:40px 40px 0 40px; padding-left:40px; min-height:470px;}
	}
	@media only screen and (max-width:1480px) {
		.msec-04 .fl{padding:40px 40px 0 40px; border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-04 .fl{width:69.13%;}
		.msec-04 .fr{width:29%; }
	}
	@media only screen and (max-width:1185px) {
		.msec-04{margin-top:60px;}
		.msec-04 .fl{width:66.13%;padding:30px 30px 0 30px; padding-bottom:20px;min-height:440px;}
		.msec-04 .fr{width:32%; }
	}
	@media only screen and (max-width:999px) {
		.msec-04 .fl{float:none; width:auto;padding:25px 25px;  padding-bottom:15px; min-height:auto; border-radius:20px;}
		.msec-04 .fr{float:none; width:auto; margin-top:25px;}
	}
	@media only screen and (max-width:680px) {	
		.msec-04{margin-top:40px;}
		.msec-04 .fl{min-height:auto; padding:25px 20px;  padding-bottom:15px;}
		
	}
	@media only screen and (max-width:480px) {
		
	}

.msec-04 .fl .hide{display:none;}
.msec-04 .fl .tits{position:Absolute; left:35px; top:67px;}
.msec-04 .fl .tits h3{ font-size:24px; color:#000; letter-spacing:-0.03em; font-weight:700; line-height:1.2em;}
.msec-04 .fl .tits p{ font-size:16px; color:#777; letter-spacing:-0.03em; font-weight:400; line-height:1.35em; margin-top:30px;}

.msec-04 .fl .tabs{background:#f5f5f5; border-radius:44px;}
.msec-04 .fl .tabs ul{}
.msec-04 .fl .tabs ul:after{display:block; content:"";clear:both;}
.msec-04 .fl .tabs li{float:left; width:20%;}
.msec-04 .fl .tabs li a{display:block; line-height:44px;font-size:16px; color:#555; font-weight:400; letter-spacing:-0.07em; border-radius:46px;text-align:center;}
.msec-04 .fl .tabs li.active a{background:#3a5fa6; color:#fff;}

.msec-04 .fl .cont{margin-top:0px; position:Relative;}
.msec-04 .fl .cont .album{position:relative; padding:10px 15px;box-sizing:Border-box;width:calc(100% + 30px); margin-left:-15px; overflow:hidden;}
.msec-04 .fl .cont .owl-stage-outer{overflow:visible}
.msec-04 .fl .cont .item{}
.msec-04 .fl .cont .item a{display:block; border-radius:20px;overflow:hidden;-webkit-transition: box-shadow 0.5s ease-in-out;-moz-transition: box-shadow 0.5s ease-in-out;-o-transition: box-shadow 0.5s ease-in-out;transition: box-shadow 0.5s ease-in-out;}
.msec-04 .fl .cont .item a:hover{box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2)}
.msec-04 .fl .cont .item .img{}
.msec-04 .fl .cont .item .img img{width:100%; height:140px;object-fit:cover;}
.msec-04 .fl .cont .item .txt{background:#f4f4f4; padding:20px 25px 20px 25px; box-sizing:Border-box; min-height:87px;}
.msec-04 .fl .cont .item .txt p{font-size:15px; font-weight:500; color:#333; letter-spacing:-0.02em; line-height:1.35em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.msec-04 .fl .cont .prev{width:44px;height:44px; position:Absolute; left:-22px; top:50%; z-index:123; margin-top:-22px; background:url(../img/main/album-prev.png) no-repeat center center #fff; border-radius:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; }
.msec-04 .fl .cont .next{width:44px;height:44px; position:Absolute; right:-22px; top:50%; z-index:123; margin-top:-22px; background:url(../img/main/album-next.png) no-repeat center center #fff; border-radius:100%;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1)  ; }
	@media only screen and (max-width:1640px) {	
		.msec-04 .fl .tits{left:auto; top:auto;position:relative;}
		.msec-04 .fl .tits h3{font-size:32px;}
		.msec-04 .fl .tits p{font-size:18px;margin-top:7px;}
		.msec-04 .fl .tits p br{display:none}

		.msec-04 .fl .tabs{margin-top:20px;border-radius:30px;}
		.msec-04 .fl .tabs li a{font-size:15px; border-radius:30px;}
		.msec-04 .fl .cont{margin-top:20px;}
		.msec-04 .fl .cont .item a{border-radius:15px}
		.msec-04 .fl .cont .item .txt{padding:15px 20px 0 20px; min-height:68px;}
		.msec-04 .fl .cont .item .txt p{font-size:14px;}

		.msec-04 .fl .cont .item .img img{ height:160px}

		.msec-04 .fl .cont .prev{width:40px;height:40px; left:-20px; margin-top:-20px; background-size:100% auto;}
		.msec-04 .fl .cont .next{width:40px;height:40px; right:-20px; margin-top:-20px; background-size:100% auto;}
	}
	@media only screen and (max-width:1480px) {
		.msec-04 .fl .tits{left:auto; top:auto;position:relative;}
		.msec-04 .fl .tits h3{font-size:28px;}
		.msec-04 .fl .tits p{font-size:16px; margin-top:7px;}
		.msec-04 .fl .tits p br{display:none}

		.msec-04 .fl .tabs{margin-top:20px; border-radius:20px;}
		.msec-04 .fl .tabs li a{font-size:14px; border-radius:20px;}
		.msec-04 .fl .cont{margin-top:20px;}
		.msec-04 .fl .cont .item a{border-radius:15px}
		.msec-04 .fl .cont .item .txt{padding:15px 20px 0 20px; min-height:68px;}
		.msec-04 .fl .cont .item .txt p{font-size:13px;}

		.msec-04 .fl .cont .prev{width:34px;height:34px; left:-17px; margin-top:-17px;}
		.msec-04 .fl .cont .next{width:34px;height:34px; right:-17px; margin-top:-17px;}
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-04 .fl .tits h3{font-size:26px;}
		.msec-04 .fl .tits p{font-size:15px; margin-top:7px;}
		
		.msec-04 .fl .tabs{margin-top:20px;}
		.msec-04 .fl .tabs li a{font-size:14px; border-radius:15px;}

		.msec-04 .fl .cont{margin-top:20px;}
		.msec-04 .fl .cont .item a{border-radius:15px}
		.msec-04 .fl .cont .item .txt{padding:15px 15px 0 15px; min-height:68px;}
		.msec-04 .fl .cont .item .txt p{font-size:15px;}

		.msec-04 .fl .cont .prev{width:30px;height:30px; left:-15px; margin-top:-15px;}
		.msec-04 .fl .cont .next{width:30px;height:30px; right:-15px; margin-top:-15px;}
	}
	@media only screen and (max-width:999px) {
		.msec-04 .fl .tabs{border-radius:15px;}
		.msec-04 .fl .tabs li a{font-size:15px;border-radius:15px;}
		
		.msec-04 .fl .cont{margin-top:15px;}
		.msec-04 .fl .cont .item .img img{ height:auto;object-fit:fill;}
	}
	@media only screen and (max-width:680px) {
		.msec-04 .fl .tits h3{font-size:24px;}
		.msec-04 .fl .tits p{font-size:14px;}
		
		.msec-04 .fl .tabs{border-radius:10px;}
		.msec-04 .fl .tabs li{width:50%;}
		.msec-04 .fl .tabs li a{border-radius:10px; line-height:40px;}

		.msec-04 .fl .cont .item a{border-radius:10px}
		
	}
	@media only screen and (max-width:480px) {
		.msec-04 .fl .tits h3{font-size:22px;}
		.msec-04 .fl .tits p{font-size:14px;}

		.msec-04 .fl .tabs{border-radius:5px;}
		.msec-04 .fl .tabs li a{border-radius:5px;}
	}


.msec-04 .part{ border:1px solid #e2e5eb; height:304px; box-sizing:Border-box; border-radius:30px; padding:30px;}
.msec-04 .part h3{ font-size:20px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-04 .part ul{width:calc(100% + 20px);margin-left:-10px;margin-top:20px;}
.msec-04 .part ul:after{display:block ;content:"";clear:both}
.msec-04 .part li{float:left;width:33.33333333%;}
.msec-04 .part li:nth-child(n+4){margin-top:20px;}
.msec-04 .part li:nth-child(3n+1) a span:before{display:none;}
.msec-04 .part li a{display:block; padding-top:62px; text-align:center; font-size:16px; font-weight:500; letter-spacing:-0.05em; line-height:1.2em; color:#777; position:Relative;}
.msec-04 .part li a:before{position:Absolute; left:0; top:0; width:100%; height:54px; display:block ;content:"";transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-04 .part li a:hover:before{transform:translateY(-7px)}
.msec-04 .part li a:hover{color:#111;}
.msec-04 .part li a span{position:relative; display:block;}
.msec-04 .part li a span:before{border-left:1px solid #e2e5eb; height:12px; position:absolute; left:-1px; top:50%; margin-top:-6px; display:block; content:""}

.msec-04 .part li:nth-child(1) a:before{background:url(../img/main/part-ico01.png) no-repeat center top;}
.msec-04 .part li:nth-child(2) a:before{background:url(../img/main/part-ico02.png) no-repeat center top;}
.msec-04 .part li:nth-child(3) a:before{background:url(../img/main/part-ico03.png) no-repeat center top;}
.msec-04 .part li:nth-child(4) a:before{background:url(../img/main/part-ico04.png) no-repeat center top;}
.msec-04 .part li:nth-child(5) a:before{background:url(../img/main/part-ico05.png) no-repeat center top;}
.msec-04 .part li:nth-child(6) a:before{background:url(../img/main/part-ico06.png) no-repeat center top;}
	@media only screen and (max-width:1640px) {	
		.msec-04 .part{padding:35px;}
		.msec-04 .part h3{font-size:19px;}
		.msec-04 .part ul{margin-top:25px;}
		.msec-04 .part li:nth-child(n+4){margin-top:25px;}
		.msec-04 .part li a{font-size:16px; padding-top:58px}
		.msec-04 .part li a:before{background-size:auto 50px !important}
	}
	@media only screen and (max-width:1480px) {
		.msec-04 .part{border-radius:25px;}
	}
	@media only screen and (max-width:1340px) {
		.msec-04 .part ul{width:calc(100% + 30px);margin-left:-15px;}
	}
	@media only screen and (max-width:1185px) {
		.msec-04 .part li a{font-size:15px;}
	}
	@media only screen and (max-width:999px) {
		.msec-04 .part{border-radius:20px; height:auto;padding:25px;}
		.msec-04 .part h3{font-size:18px;}
		.msec-04 .part li:nth-child(n+4){margin-top:20px;}
		.msec-04 .part li a{font-size:14px; padding-top:52px}
		.msec-04 .part li a:before{background-size:auto 46px !important}
	}
	@media only screen and (max-width:680px) {
		.msec-04 .part{border-radius:15px;padding:25px 20px;}
		.msec-04 .part h3{font-size:17px;}
		.msec-04 .part ul{margin-top:15px;}
		.msec-04 .part li a{font-size:14px; padding-top:48px}
		.msec-04 .part li a:before{background-size:auto 40px !important}
	}
	@media only screen and (max-width:480px) {
		.msec-04 .part li a{font-size:15px;}
	}


.msec-04 .diet{margin-top:30px;}
.msec-04 .diet a{height:136px; background:#f4f6fb; border-radius:30px; display:flex;align-items: center; justify-content: center; position:relative;}
.msec-04 .diet a:after{width:50px;height:50px; position:Absolute;right:42px; top:50%;margin-top:-25px; display:block; content:"";background:url(../img/main/diet-ico.png) no-repeat right center; background-size:100% auto;transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.msec-04 .diet a:hover:after{transform:translateY(-7px)}
.msec-04 .diet .txt{width:100%; text-align:left; box-sizing:border-box; padding:0 40px;}
.msec-04 .diet .btxt{font-size:20px; color:#000; letter-spacing:-0.03em; font-weight:800; line-height:1.2em;}
.msec-04 .diet .stxt{font-size:16px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em; margin-top:7px;}
	@media only screen and (max-width:1640px) {	
	
	}
	@media only screen and (max-width:1480px) {
		.msec-04 .diet a{border-radius:25px;}
		.msec-04 .diet a:after{width:45px; right:35px;}
		.msec-04 .diet .txt{padding:0 35px;}
		.msec-04 .diet .btxt{font-size:19px}
		.msec-04 .diet .stxt{font-size:15px;}
	}
	@media only screen and (max-width:1340px) {
		
	}
	@media only screen and (max-width:1185px) {
		.msec-04 .diet {margin-top:20px;}
		.msec-04 .diet a{height:117px;}
		.msec-04 .diet a:after{width:30px; right:25px; margin-top:-35px;}
		.msec-04 .diet .txt{padding:0 30px;}
		.msec-04 .diet .btxt{font-size:18px}
		.msec-04 .diet .stxt{font-size:14px;}
	}
	@media only screen and (max-width:999px) {
		
		.msec-04 .diet a{border-radius:20px; height:100px;}
		.msec-04 .diet a:after{width:30px; right:30px; margin-top:-25px;}
		.msec-04 .diet .txt{padding:0 25px;}
		.msec-04 .diet .btxt{font-size:17px}
		.msec-04 .diet .stxt{font-size:15px; margin-top:4px;}
	}
	@media only screen and (max-width:680px) {
		.msec-04 .diet a{border-radius:15px; height:90px}
		.msec-04 .diet a:after{width:26px; right:25px;}
		.msec-04 .diet .txt{padding:0 20px;}
		.msec-04 .diet .btxt{font-size:16px}
		
	}
	@media only screen and (max-width:480px) {
		.msec-04 .diet a{height:82px}
	}