@charset "utf-8";

body{overflow-x: hidden;}

.div-cont {text-align:left;margin:0 auto; max-width:1640px; padding:0 20px; box-sizing:border-box; font-family:'NotoKrM';}
.div-cont:after {clear:both;content:"";display:block;}

.main-wrap{padding-top:148px}

	@media all and (max-width:1600px){
		.main-wrap{width:100%; overflow-x:hidden;}
	}
	@media all and (max-width:1000px){
		.main-wrap{padding-top:80px}
	}
	@media all and (max-width:480px){
		.main-wrap{padding-top:55px}
	}
	
/* ======================================================
   .msec-visual
=========================================================*/
.msec-visual{position:relative;}
.msec-visual .visual-img{overflow:hidden; position:relative; z-index:-1;}
.msec-visual .visual-img img{width:100%;height:620px;object-fit:cover;transform:scale(1.35, 1.35); -webkit-transform:scale(1.3, 1.3); -moz-transform:scale(1.3, 1.3); -ms-transform:scale(1.3, 1.3);-webkit-transition: transform 3s ease-in-out;-moz-transition: transform 3s ease-in-out;-o-transition: transform 3s ease-in-out;transition: transform 3s ease-in-out;}
.msec-visual.ani .visual-img img{transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

.msec-visual .visual-txt{position:absolute; width:100%; max-width:1640px; padding:0 20px; box-sizing:border-box; text-align:center;left:50%; top:50%;-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 .visual-txt .txt h3{font-family: 'jalnan';  font-size:2.67em; font-weight:300 ;color:#fff; line-height:1.3em;}
.msec-visual .visual-txt .txt h3 span{font-size:1.63em; font-weight:700; display:block; margin-top:15px; line-height:1.2em;}
.msec-visual .visual-txt .txt ul{text-align:center;margin-top:55px;}
.msec-visual .visual-txt .txt ul li{display:inline-block;vertical-align:top;}
.msec-visual .visual-txt .txt ul li:nth-child(n+2){margin-left:40px;}
.msec-visual .visual-txt .txt ul li a{font-family: 'NotoKrM'; font-weight:300; background:#fff; border-radius:100%; width:172px;height:172px; box-sizing:border-box; padding-top: 112px; font-size:1.20em; font-weight:500; color:#111; letter-spacing:-0.03em; position:relative ;display:block;}
.msec-visual .visual-txt .txt ul li a:before{height:68px; position:Absolute; left:0; width:100%; top:34px; display:block; content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93);}
.msec-visual .visual-txt .txt ul li a:hover{color:#268c7f}
.msec-visual .visual-txt .txt ul li a:hover:before{transform:scale(1) translateY(-10px)}
.msec-visual .visual-txt .txt ul li br{display:none;}

.msec-visual .visual-txt .txt ul li:nth-child(1) a:before{background:url(/images/Farm/images/main/visual-ico01.png) no-repeat center top}
.msec-visual .visual-txt .txt ul li:nth-child(2) a:before{background:url(/images/Farm/images/main/visual-ico02.png) no-repeat center top}
.msec-visual .visual-txt .txt ul li:nth-child(3) a:before{background:url(/images/Farm/images/main/visual-ico03.png) no-repeat center top}
.msec-visual .visual-txt .txt ul li:nth-child(4) a:before{background:url(/images/Farm/images/main/visual-ico04.png) no-repeat center top}
.msec-visual .visual-txt .txt ul li:nth-child(5) a:before{background:url(/images/Farm/images/main/visual-ico05.png) no-repeat center top}


.msec-visual .weather{position:absolute; left:20px; top:50%; background:rgba(0,0,0,0.3);border-radius:12px;width:150px; text-align:center;box-sizing:border-box; padding:35px 20px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.msec-visual .weather .date{/*font-family: 'jalnan';*/  font-size:1.07em; color:#fff; font-weight:300; line-height:1.2em}
.msec-visual .weather .ico{margin-top:15px;}
.msec-visual .weather .ico img{height:46px;}
.msec-visual .weather .temp{font-family: 'jalnan'; line-height:26px; height:24px; font-size:1.33em ;color:#fff; letter-spacing:-0.02em;}
.msec-visual .weather .temp span{color:#ffdd24; display:inline-block;vertical-align:top; margin-left:14px; position:relative;}
.msec-visual .weather .temp span:before{width:0; border-left:1px solid #fff; position:Absolute ;left:-8px; top:50%; margin-top:-9px; height:16px ;display:block; content:"";opacity:0.5}

.msec-visual .weather ul{margin-top:20px;text-align:left;}
.msec-visual .weather ul li{font-size:0.93em; font-weight:500; color:#fff; letter-spacing:-0.02em; line-height:1.3em;}
.msec-visual .weather ul li:nth-child(n+2){margin-top:5px;}
   @media all and (max-width:1640px){
		.msec-visual .visual-txt .txt h3{font-size:2.47em;}
		.msec-visual .visual-txt .txt h3 span{font-size:1.62em;}
		
		.msec-visual .visual-txt .txt ul li:nth-child(n+2){margin-left:30px;}
		.msec-visual .visual-txt .txt ul li a{width:150px;height:150px; padding-top:95px ; font-size:1.07em}
		.msec-visual .visual-txt .txt ul li a:before{height:58px; top:30px; background-size:auto 100% !important}
   }
   @media all and (max-width:1440px){
		.msec-visual .visual-img img{height:580px;}
		.msec-visual .visual-txt .txt h3{font-size:2.27em;}
		.msec-visual .visual-txt .txt h3 span{font-size:1.62em;}
		
		.msec-visual .visual-txt .txt ul{margin-top:40px;}
		.msec-visual .visual-txt .txt ul li:nth-child(n+2){margin-left:20px;}
		.msec-visual .visual-txt .txt ul li a{width:130px;height:130px; padding-top:80px ; font-size:1.00em}
		.msec-visual .visual-txt .txt ul li a:before{height:50px; top:25px; }
   }
   @media all and (max-width:1220px){
		.msec-visual .visual-img img{height:540px;}
		.msec-visual .visual-txt .txt{margin-top:-60px;}
		.msec-visual .visual-txt .txt h3{font-size:2.07em;}
		.msec-visual .visual-txt .txt h3 span{font-size:1.61em;}

		.msec-visual .visual-txt .txt ul li:nth-child(n+2){margin-left:10px;}
		.msec-visual .visual-txt .txt ul li a{width:110px;height:110px; padding-top:65px ; font-size:0.93em}
		.msec-visual .visual-txt .txt ul li a:before{height:42px; top:20px;}


		.msec-visual .weather{left:50%;border-radius:0; bottom:0;background:none; width:100%; ;bottom:25px; padding:0 15px;top:auto;text-align:center; -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 .weather .ov{display:inline-block;vertical-align:top; width:100%; max-width:400px;text-align:left; position:relative;background:rgba(0,0,0,0.3);border-radius:15px;padding:15px 20px; box-sizing:border-box;}
		.msec-visual .weather .date{font-size:0.93em;}
		.msec-visual .weather .ico{position:absolute; left:15px; bottom:16px; width:40px;height:40px; margin-top:0;}
		.msec-visual .weather .ico img{height:40px;}
		.msec-visual .weather .temp{padding-left:45px;line-height:40px; font-size:1.20em; margin-top:5px; height:40px;}
		.msec-visual .weather ul{margin:0; position:absolute; left:200px; bottom:25px; width:calc(100% - 200px);}
		.msec-visual .weather ul:after{display:block; content:"";clear:both}
		.msec-visual .weather ul li{float:left; width:50%; font-size:0.87em;}
		.msec-visual .weather ul li:nth-child(n+2){margin-top:0;}
		.msec-visual .weather ul li:nth-child(n+3){margin-top:7px;}
   }
   @media all and (max-width:1000px){
		.msec-visual .visual-img img{height:500px;}
		.msec-visual .visual-txt .txt h3{font-size:1.87em;}
		.msec-visual .visual-txt .txt h3 span{font-size:1.61em;}

		.msec-visual .visual-txt .txt ul li a{width:94px;height:94px; padding-top:55px ; font-size:0.87em ; line-height:1.2em;}
		.msec-visual .visual-txt .txt ul li a:before{height:36px; top:15px;}
		.msec-visual .visual-txt .txt ul li br{display:block;}

		.msec-visual .visual-txt .txt ul li:last-child a{padding-top:52px;}


		.msec-visual .weather .date{font-size:0.87em;}
		.msec-visual .weather .ico{width:35px;height:35px;}
		.msec-visual .weather .ico img{height:35px;}
		.msec-visual .weather .temp{padding-left:40px; line-height:35px; font-size:1.07em; height:35px;}
		.msec-visual .weather ul{ left:180px; width:calc(100% - 180px);}
		.msec-visual .weather ul li{font-size:0.80em;}
   }
   @media all and (max-width:680px){
		.msec-visual .visual-txt .txt h3{font-size:1.67em;}
		.msec-visual .visual-txt .txt h3 span{font-size:1.60em; margin-top:10px;}

		.msec-visual .visual-txt .txt ul{margin:0 auto;margin-top:30px;max-width:320px;}
		.msec-visual .visual-txt .txt ul li a{width:84px;height:84px; padding-top:50px ; font-size:0.80em ; line-height:1.2em;}
		.msec-visual .visual-txt .txt ul li a:before{height:36px; top:12px;}

		.msec-visual .visual-txt .txt ul li:last-child a{padding-top:48px;}

		.msec-visual .weather .date{font-size:0.80em;}
		.msec-visual .weather .ico{width:30px;height:30px;}
		.msec-visual .weather .ico img{height:30px;}
		.msec-visual .weather .temp{padding-left:30px; line-height:30px; font-size:1.00em; height:30px; margin-top:2px}
		.msec-visual .weather ul{ bottom:22px;left:150px; width:calc(100% - 150px);}
		.msec-visual .weather ul li{font-size:0.73em;}
   }
   @media all and (max-width:480px) {
		.msec-visual .visual-txt .txt h3{font-size:1.33em;}
		.msec-visual .visual-txt .txt h3 span{font-size:1.60em;}
		.msec-visual .visual-txt .txt ul{margin-top:20px}
		
		.msec-visual .weather .date{font-size:0.73em;}
		.msec-visual .weather .temp{font-size:0.93em}
		.msec-visual .weather ul{ bottom:22px;left:140px; width:calc(100% - 150px);}
		.msec-visual .weather ul li{font-size:0.67em;}
   }	




/* ======================================================
   .msec-cont
=========================================================*/
.msec-cont{margin-top:70px;}
   @media all and (max-width:1640px){
		
   }
   @media all and (max-width:1440px){
		.msec-cont{margin-top:55px;}
		
   }
   @media all and (max-width:1220px){
		
   }
   @media all and (max-width:1000px){
		.msec-cont{margin-top:40px;}
   }
   @media all and (max-width:680px){
		
   }
   @media all and (max-width:480px) {
		
   }



/* ======================================================
   .msec-01
=========================================================*/
.msec-01{}
.msec-01:after{display:block; content:"";clear:both}
.msec-01 .fl{width:calc(100% - 595px); box-sizing:border-box; position:relative; padding-left:220px;}
.msec-01 .fr{/* width:545px;*/width:545px}

.msec-01 .fl .tab{position:absolute; left:0; top:0; width:194px;font-family: 'jalnan'; height:100%;}
.msec-01 .fl .tab ul{}
.msec-01 .fl .tab ul:after{display:block; content:"";clear:both;}
.msec-01 .fl .tab ul li{}
.msec-01 .fl .tab ul li:nth-child(n+2){}
.msec-01 .fl .tab ul li a{ line-height:62px; height:60px;font-weight:300; color:#111; font-size:1.33em; display:block;text-align:center; border-bottom:1px solid #e1e1e1}
.msec-01 .fl .tab ul li a:hover{/* background:#f0f0f0 */}
.msec-01 .fl .tab ul li.active a{border-radius:10px;background:#cc5d5a; border-color:#cc5d5a; color:#fff; font-weight:500;}
.msec-01 .fl .tab .more{width:36px;height:36px; position:absolute ;left:50%; margin-left:-18px; bottom:10px; border:1px solid #dedede; border-radius:100%;background:url(/images/Farm/images/main/board-more.png) no-repeat center center; background-size:14px auto;transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-01 .fl .tab .more:hover{border-color:#555;transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0);}
   @media all and (max-width:1640px){
		.msec-01 .fl{padding-left:200px;}
		.msec-01 .fl .tab{width:180px}
		.msec-01 .fl .tab ul li a{line-height:57px;height:55px;font-size:1.20em;}
		.msec-01 .fl .tab .more{width:30px;height:30px; margin-left:-15px; background-size:14px auto;}
   }
   @media all and (max-width:1440px){
		.msec-01 .fl{width:calc(100% - 530px);padding-left:180px;}
		.msec-01 .fr{width:495px}

		.msec-01 .fl .tab{width:160px}
		.msec-01 .fl .tab ul li a{line-height:52px;height:50px; font-size:1.07em;}
		
   }
   @media all and (max-width:1220px){
		.msec-01 .fl{width:calc(100% - 480px);padding-left:0;}
		.msec-01 .fr{width:450px}

		.msec-01 .fl .tab{position:relative ;left:auto; top:auto; width:auto; padding-right:90px; height:auto }
		.msec-01 .fl .tab ul li{ float:left; width:160px;}
		.msec-01 .fl .tab ul li:nth-child(n+2){margin-left:10px;}
		.msec-01 .fl .tab ul li a{line-height:45px; height:45px; box-sizing:Border-box; font-size:1.00em;border-radius:10px; border:1px solid #dedede}
		.msec-01 .fl .tab ul li.active a{}
		.msec-01 .fl .tab .more{width:26px;height:26px;bottom:auto; left:auto; margin-left:0; right:0; top:10px; background-size:11px auto;}

   }
   @media all and (max-width:1000px){
		.msec-01 .fl{float:none; width:auto;}
		.msec-01 .fr{float:none; width:auto; margin-top:25px;}
		
		.msec-01 .fl .tab{padding-right:50px;}
		.msec-01 .fl .tab ul li{width:130px;}
		.msec-01 .fl .tab ul li a{line-height:40px; height:40px;  font-size:0.93em;}
		.msec-01 .fl .tab .more{ top:8px;}
   }
   @media all and (max-width:680px){
		.msec-01 .fl .tab ul li{width:110px;}
		.msec-01 .fl .tab ul li a{font-size:0.87em;}
   }
   @media all and (max-width:480px) {
		
   }	



.msec-01 .fl .cont {width:calc(100% + 20px); margin-left:-10px; padding:0 10px;padding-bottom:10px; box-sizing:border-box; overflow:hidden; position:relative;}
.msec-01 .fl .cont .owl-stage-outer{overflow:visible}
.msec-01 .fl .cont .owl-stage-outer .owl-item {border-top: 1px solid transparent;}
.msec-01 .fl .cont .hide{position:absolute; left:-9999em; width:100%; top:0;}
.msec-01 .fl .cont .item a{display:block; position:relative; height:310px; box-sizing:border-box;text-align:center; padding:50px 20px 0 20px; border: 1px solid #e1e1e1; overflow: hidden; border-radius: 20px;  transition:border-color 0.5s cubic-bezier(.33,.02,0,.93), box-shadow 0.5s cubic-bezier(.33,.02,0,.93);}
.msec-01 .fl .cont .item a:hover{border-color:#cc5d5a;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1)  ; }
.msec-01 .fl .cont .item a .txt{min-height:205px;}
.msec-01 .fl .cont .item a .txt .btxt{font-family: 'jalnan';font-size:1.13em ;font-weight:500; color:#111; line-height:1.4em;overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.msec-01 .fl .cont .item a .txt .stxt{margin-top:35px;font-size:1.00em; font-weight:500; color:#666; letter-spacing:-0.03em; line-height:1.4em; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;   -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.msec-01 .fl .cont .item a .date{font-size:0.93em; font-weight:400; color:#888; letter-spacing:-0.03em; line-height:1.4em;}

.msec-01 .fr h3{color:#111; font-size:1.33em; font-weight:500; letter-spacing:-0.03em; line-height:24px; height:22px; font-family: 'jalnan'; }
.msec-01 .fr .cont{height:274px;background:url(/images/Farm/images/main/farm-bg.jpg) no-repeat center bottom #e5f0f7; background-size:100% auto;  position:relative; margin-top:12px; padding:32px 32px 0 32px; box-sizing:border-box; border-radius:15px;}
.msec-01 .fr .cont:after{width:311px; height:182px; position:Absolute;right:-98px; bottom:-48px; display:block; content:"";background:url(/images/Farm/images/main/msec01-bg.png) no-repeat center center; background-size:100% auto ;}
.msec-01 .fr .stit{font-size:1.00em; text-align:center; line-height:1.3em; letter-spacing:-0.05em; color:#111; font-weight:500;}
.msec-01 .fr ul{background:#fff; border-radius:15px; padding:20px; margin-top:17px;}
.msec-01 .fr ul:after{display:block; content:"";clear:both}
.msec-01 .fr li{float:left; width:50%; position:relative; padding-left:65px;box-sizing:border-box;}
.msec-01 .fr li:before{width:0; border-left:1px solid #ccc; position:Absolute ;left:44px; top:50%; margin-top:-6px; height:10px ;display:block; content:""}
.msec-01 .fr li:nth-child(n+3){margin-top:10px;}
.msec-01 .fr li .btxt{ line-height:18px; height:16px; font-family: 'jalnan';font-size:1.00em ;font-weight:500; color:#111; position:absolute; left:0; top:0;}
.msec-01 .fr li .stxt{ line-height:16px; font-size:0.93em; font-weight:500; color:#555; }
   @media all and (max-width:1640px){
		.msec-01 .fl .cont .item a .txt .btxt{font-size:1.07em;}
		.msec-01 .fl .cont .item a .txt .stxt{font-size:0.93em;}
		.msec-01 .fl .cont .item a .date{font-size:0.87em;}
		
		.msec-01 .fr h3{font-size:1.20em;}
		.msec-01 .fr .cont:after{width:280px; height:170px; bottom:-46px; right:-70px;}
		.msec-01 .fr .stit{font-size:0.93em;} 
		.msec-01 .fr li{padding-left:55px;}
		.msec-01 .fr li:before{left:40px; margin-top:-5px;}
		.msec-01 .fr li .btxt{font-size:0.93em;}
		.msec-01 .fr li .stxt{font-size:0.87em;}
   }
   @media all and (max-width:1440px){
		.msec-01 .fr .cont:after{width:240px; height:150px; bottom:-42px; right:-60px;}
		
   }
   @media all and (max-width:1220px){
		.msec-01 .fl .cont{margin-top:20px;}
		.msec-01 .fl .cont .item a{height:242px; padding-top:35px; border-radius:15px;}
		.msec-01 .fl .cont .item a .txt{min-height:165px;}
		.msec-01 .fl .cont .item a .txt .stxt{margin-top:25px;}
   }
   @media all and (max-width:1000px){
		.msec-01 .fl .cont{overflow:visible}
		.msec-01 .fl .cont .news-slide{max-width:80%}
		.msec-01 .fl .cont .item a{height:auto; padding:30px 25px; border-radius:10px;}
		.msec-01 .fl .cont .item a .txt{min-height:140px;}
		.msec-01 .fl .cont .item a .txt .btxt{font-size:1.00em;}
		.msec-01 .fl .cont .item a .txt .stxt{font-size:0.87em;}
		
		.msec-01 .fr .cont:after{width:200px; height:120px; bottom:-35px; right:-50px;}
   }
   @media all and (max-width:680px){

		.msec-01 .fr .cont{height:auto; padding:25px;}
		.msec-01 .fr .cont:after{width:160px; height:100px; bottom:-28px; right:-30px;}
	
	
		.msec-01 .fr li{padding-left:45px;}
		.msec-01 .fr li:before{left:35px; margin-top:-5px;}
		.msec-01 .fr li:nth-child(n+3){margin-top:7px;}
		.msec-01 .fr li .btxt{font-size:0.87em;}
		.msec-01 .fr li .stxt{font-size:0.80em;}
   }
   @media all and (max-width:480px) {
		.msec-01 .fr li{padding-left:32px; width:54%}	
		.msec-01 .fr li:nth-child(even){width:46%}
		.msec-01 .fr li:before{display:none;}
		.msec-01 .fr li .btxt{font-size:0.80em;}
		.msec-01 .fr li .stxt{font-size:0.73em;}
   }	








/* ======================================================
   .msec-02
=========================================================*/
.msec-02{margin-top:65px;}
.msec-02 ul:after{display:block; content:"";clear:both;}
.msec-02 li{float:left; width:20%;}
.msec-02 li:nth-child(1){width:18%}
.msec-02 li:nth-child(2){width:22%}
.msec-02 li:nth-child(3){width:24%}
.msec-02 li:nth-child(5){width:16%}
.msec-02 li .vtem{display:block; position:relative ; padding-left:96px; height:74px; display:flex;align-items: center; justify-content: left;}
.msec-02 li .vtem:before{width:74px;height:74px; position:absolute; left:0; top:0; display:block; content:"";overflow:hidden; transition:transform 1s cubic-bezier(.33,.02,0,.93); border-radius:8px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2)  ; }
.msec-02 li .vtem:hover:before{transform:scale(1) translateY(-10px)}
.msec-02 li .vtem:hover{font-weight:500;}
.msec-02 li .txt p{font-size:1.13em; font-weight:500; color:#111; font-family: 'jalnan'; letter-spacing:-0.03em; line-height:1.2em;}
.msec-02 li .txt p br{display:none;}
.msec-02 li .txt a{display:inline-block;vertical-align:top; width:90px; height:28px; line-height:26px;  font-size:0.87em ;color:#888; letter-spacing:-0.035em; margin-top:7px; text-align:center; border:1px solid #dedede; border-radius:28px;}
.msec-02 li .vtem:hover .txt a{color:#fff; border-color:#111; background:#111;}

.msec-02 li:nth-child(1) .vtem:before{background:url(/images/Farm/images/main/service-img01.jpg) no-repeat center center;}
.msec-02 li:nth-child(2) .vtem:before{background:url(/images/Farm/images/main/service-img02.jpg) no-repeat center center;}
.msec-02 li:nth-child(3) .vtem:before{background:url(/images/Farm/images/main/service-img03.jpg) no-repeat center center;}
.msec-02 li:nth-child(4) .vtem:before{background:url(/images/Farm/images/main/service-img04.jpg) no-repeat center center;}
.msec-02 li:nth-child(5) .vtem:before{background:url(/images/Farm/images/main/service-img05.jpg) no-repeat center center;}
   @media all and (max-width:1640px){
		.msec-02{margin-top:50px;}
		.msec-02 li .vtem{padding-left:86px; height:64px}
		.msec-02 li .vtem:before{width:64px;height:64px; background-size:auto 100% !Important;}
		.msec-02 li .txt p{font-size:1.07em;}
		.msec-02 li .txt a{font-size:0.80em; width:80px; margin-top:5px}
   }
   @media all and (max-width:1440px){
		.msec-02 li .txt p{font-size:1.00em;}
		.msec-02 li .txt a{width:74px; height:25px; line-height:23px; margin-top:5px}
   }
   @media all and (max-width:1220px){
		.msec-02 li{width:20% !important;}
		.msec-02 li .vtem{display:block; padding-top:74px; text-align:center; padding-left:0;}
		.msec-02 li .vtem:before{width:64px; height:64px; left:50%; margin-left:-32px; top:0;}
   }
   @media all and (max-width:1000px){
		.msec-02{margin-top:40px;}
		.msec-02 li .txt p{height:36px; font-size:0.93em;  display:flex;align-items: center; justify-content: center;}
		.msec-02 li .txt p br{display:block;}
   }
   @media all and (max-width:680px){
		.msec-02 li{float:none; width:auto !important; border:1px solid #dedede ;border-radius:15px;}
		.msec-02 li:nth-child(n+2){margin-top:12px;}
		.msec-02 li .vtem{ padding:10px;padding-left:80px; display:flex;align-items: center; justify-content: left;text-align:left; height:54px;}
		.msec-02 li .vtem:before{left:10px; top:10px; margin-left:0; width:54px;height:54px;}
		.msec-02 li .txt p {height:auto ;display:block; padding-right:90px;}
		.msec-02 li .txt p br{display:none;}
		.msec-02 li .txt a{position:absolute;right:20px; top:50%; margin-top: -13px;}
   }
   @media all and (max-width:480px) {
		.msec-02 li .txt p br{display:block;}
   }	





/* ======================================================
   .msec-03
=========================================================*/
.msec-03{position:relative; padding-bottom:64px; margin-top:110px;}
.msec-03:before{width:294px; height:206px; position:Absolute; left:-102px; top:-96px; background:url(/images/Farm/images/main/msec02-bg.png) no-repeat center center; background-size:100% auto ;display:block ;content:""}
.msec-03:after{position:absolute ;left:50%; top:25px; width:4000px; margin-left:-2000px; height:calc(100% - 25px); display:block; content:"";z-index:-1;background: -webkit-gradient(linear, left top, right top, color-stop(0, #f3f8f1), color-stop(1, #fbf8e2));background: -moz-linear-gradient(left, #f3f8f1 0%, #fbf8e2 100%);background: -webkit-linear-gradient(left,  #f3f8f1 0%, #fbf8e2 100%);background: -o-linear-gradient(left,  #f3f8f1 0%, #fbf8e2 100%);background: -ms-linear-gradient(left,  #f3f8f1 0%, #fbf8e2 100%);background: linear-gradient(left,  #f3f8f1 0%, #fbf8e2 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f8f1', endColorstr='#fbf8e2', gradientType=1);}

.msec-03 .tits{text-align:center;}
.msec-03 .tits h3{color:#111; font-size:2.20em; font-weight:500; letter-spacing:-0.03em; line-height:1.2em;  font-family: 'jalnan'; }
.msec-03 .tits h3 span{font-family: 'Theface'; font-size:2.12em; color:#268c7f; margin-right:5px;}
.msec-03 .tits p{font-size:1.07em; color:#666; letter-spacing:-0.03em; line-height:1.2em; margin-top:20px;}

.msec-03 .cont{margin-top:45px;}
.msec-03 .cont:after{display:block; content:"";clear:both}
.msec-03 .cont .fl{width:calc(50% - 32px);position:relative;}
.msec-03 .cont .fr{width:calc(50% - 32px);position:relative;}
.msec-03 .cont h3{line-height:32px; height:30px; font-size:1.33em; color:#111; letter-spacing:-0.03em; font-weight:500; font-family: 'jalnan'; }
.msec-03 .cont .more{width:30px;height:30px; position:absolute;right:0; top:0;background:url(/images/Farm/images/main/board-more.png) no-repeat center center;transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.msec-03 .cont .more:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }

.msec-03 .cont .tab{margin-top:10px; background:#268c7f; border-radius:12px 12px 0 0 ;}
.msec-03 .cont .tab ul{padding:7px 15px; text-align:center;}
.msec-03 .cont .tab ul:after{display:block; content:"";clear:both}
.msec-03 .cont .tab li{display:inline-block;vertical-align:top}
.msec-03 .cont .tab li:nth-child(n+2){margin-left:32px;}
.msec-03 .cont .tab li a{font-size:1.00em; font-weight:400; color:#fff; letter-spacing:-0.03em ; line-height:36px;}
.msec-03 .cont .tab li.active a{color:#f6ff00; font-weight:500;}

.msec-03 .cont .ov{background:#fff; border-radius:0 0 12px 12px; position:relative;padding:25px 80px;}
.msec-03 .cont .hide{position:absolute; left:-9999em; top:0; width:100%}
.msec-03 .cont .tbl .vscrolls{max-height:200px; padding-bottom:1px; width:calc(100% + 20px); box-sizing:border-box; padding-right:20px;}
.msec-03 .cont .tbl table{table-layout:fixed}
.msec-03 .cont .tbl table thead th{font-size:0.93em; font-weight:500; color:#111; letter-spacing:-0.03em; line-height:1.2em; text-align:center;padding:10px 5px; background:#f2f2f2;position:relative;}
.msec-03 .cont .tbl table thead th:nth-child(n+2):before{border-left:1px solid #ccc;position:absolute; left:0; top:50%; margin-top:-5px; height:10px; display:block; content:""}
.msec-03 .cont .tbl table tbody td{font-size:0.87em; font-weight:300; color:#111; letter-spacing:-0.03em; line-height:1.2em; text-align:center;padding:10px 5px;border-bottom:1px solid #dedede;}
   @media all and (max-width:1640px){
		.msec-03:before{width:260px; height:180px; left:-80px;top:-80px}
		.msec-03:after{top:22px; height:calc(100% - 22px)}
		.msec-03 .tits h3{font-size:2.00em;}
		.msec-03 .tits h3 span{font-size:2.07em}
		.msec-03 .tits p{font-size:1.00em; margin-top:15px;}

		.msec-03 .cont .ov{padding:20px 60px;}
   }
   @media all and (max-width:1440px){
		.msec-03{margin-top:80px;}
		.msec-03:before{width:220px; height:180px; left:-60px;top:-70px}
		.msec-03:after{top:20px; height:calc(100% - 20px)}
		.msec-03 .tits h3{font-size:1.80em}
		.msec-03 .tits h3 span{font-size:2.07em}
		
		.msec-03 .cont .fl{width:calc(50% - 26px);}
		.msec-03 .cont .fr{width:calc(50% - 26px);}

		.msec-03 .cont h3{font-size:1.20em;}
		.msec-03 .cont .tab li:nth-child(n+2){margin-left:26px;}
		.msec-03 .cont .tab li a{font-size:0.93em;}
   }
   @media all and (max-width:1220px){
		.msec-03:before{width:180px; height:140px; left:-40px;top:-60px}
		.msec-03:after{top:18px; height:calc(100% - 18px)}
		.msec-03 .tits h3{font-size:1.60em}
		.msec-03 .tits h3 span{font-size:2.08em}

		.msec-03 .cont .fl{width:calc(50% - 20px);}
		.msec-03 .cont .fr{width:calc(50% - 20px);}

		.msec-03 .cont .ov{padding:20px 40px;}
		.msec-03 .cont .tbl table thead th{font-size:0.87em;}
		.msec-03 .cont .tbl table tbody td{font-size:0.80em;}
   }
   @media all and (max-width:1000px){
		.msec-03{margin-top:60px; padding-bottom:40px;}
		.msec-03:before{width:140px; height:120px; left:-40px;top:-50px}	
		.msec-03:after{top:16px; height:calc(100% - 16px)}
		.msec-03 .tits h3{font-size:1.40em}
		.msec-03 .tits h3 span{font-size:2.10em}
		.msec-03 .tits p{font-size:0.93em; margin-top:10px;}
		
		.msec-03 .cont{margin-top:30px;}
		.msec-03 .cont .fl{float:none; width:auto;}
		.msec-03 .cont .fr{float:none; width:auto; margin-top:25px;}

		.msec-03 .cont h3{font-size:1.13em;}
		.msec-03 .cont .more{background-size:12px auto}
		
		.msec-03 .cont .tab{margin-top:5px;}
		.msec-03 .cont .tab li:nth-child(n+2){margin-left:20px;}
		.msec-03 .cont .tab li a{font-size:0.87em;line-height:32px;}

		.msec-03 .cont .ov{padding:20px 30px;}
		.msec-03 .cont .tbl .vscrolls{width:calc(100% + 15px); padding-right:15px;}

   }
   @media all and (max-width:680px){
		.msec-03:before{width:100px; height:100px; top:-40px} 
		.msec-03 .tits p{font-size:0.87em;}
		.msec-03 .cont .tab li:nth-child(n+2){margin-left:14px;}
		.msec-03 .cont .tab li a{font-size:0.80em;line-height:28px;}

		.msec-03 .cont .ov{padding:15px 20px; padding-left:15px;}
		.msec-03 .cont .tbl .vscrolls{width:calc(100% + 10px);padding-right:10px; max-height:186px}
		.msec-03 .cont .tbl table thead th{font-size:0.80em; padding:7px 5px}
		.msec-03 .cont .tbl table tbody td{font-size:0.73em; padding:7px 5px}
   }
   @media all and (max-width:480px) {
		.msec-03 .cont{margin-top:20px;}
		.msec-03 .cont .tbl .vscrolls{	max-height:165px}
		.msec-03 .cont .tab li:nth-child(n+2){margin-left:12px;}

		.msec-03 .cont .ov{padding:15px 10px; padding-left:5px;}

		.msec-03 .cont .tbl table thead th{font-size:0.73em; padding:7px 5px}
		.msec-03 .cont .tbl table tbody td{font-size:0.67em; padding:7px 5px}
   }