.main{padding-bottom:0;line-height:1}
.main .inner{position:relative;max-width:1440px;width:100%;margin:0 auto}
.main h2{padding-bottom:20px;font-size:2rem;font-weight:800;color:#000}
.main h2 span{padding-top:1rem;font-size:13px;font-weight:300;color:#808080}
@media screen and (min-width:767px){
	.main h2{padding-bottom:30px;font-size:2.25rem}
	.main h2 span{font-size:14px}
}
@media screen and (min-width:1000px){
	.main h2{padding-bottom:30px;font-size:2.5rem}
	.main h2 span{font-size:1rem}
}
@media screen and (min-width:1200px){
	.main h2{padding-bottom:2rem;font-size:3rem}
}

#visual{position:relative;z-index:1;width:100%;background-color:#000;line-height:0}
#visual .visualTit{display:block;position:absolute;z-index:999;top:45%;left:0;right:0;width:80%;margin:0 auto;text-align:center;line-height:1}
#visual .visualtit_wr{display:inline-block;padding:4% 7%;border:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.1)}
#visual .visualTit p{color:#fff}
#visual .visualTit .visualTit1{font-size:1.125rem;font-weight:700;line-height:1.3}
#visual .visualTit .visualTit2{display:none;margin-top:1rem;font-size:1rem;font-weight:300;line-height:1.3}
#visual .item{overflow:hidden}
#visual .item img{max-width:140%;width:140%;margin-left:-20%}
#visual .owl-nav{display:none;width:100%;margin:0 auto}
#visual .owl-nav span{font-size:2.5rem;color:#fff}
#visual .owl-nav button{width:60px;height:60px;margin:0;line-height:55px}
#visual .owl-nav button:focus,#visual .owl-nav button:hover{background-color:rgba(0,0,0,.5)}
#visual .owl-prev{position:absolute;z-index:1000;left:2%;top:50%}
#visual .owl-next{position:absolute;z-index:1000;right:2%;top:50%}
#visual .owl-dots{position:absolute;z-index:999;left:0;right:0;bottom:7%;margin:0 auto}
#visual .owl-dots span{width:5px;height:5px}
@media screen and (min-width:767px){
	#visual .visualTit{top:40%}
	#visual .visualTit .visualTit1{font-size:1.25rem}
	#visual .visualTit .visualTit2{display:block}
	#visual .owl-dots span{width:8px;height:8px}
}
@media screen and (min-width:1000px){
	#visual .visualTit{top:35%}
	#visual .visualTit .visualTit1{font-size:1.75rem}
	#visual .visualTit .visualTit2{margin-top:1.5rem;font-size:1rem}
	#visual .owl-nav{display:block}
}
@media screen and (min-width:1200px){
	#visual .visualTit .visualTit1{font-size:2rem}
	#visual .visualTit .visualTit2{font-size:1.125rem}
	#visual .item img{max-width:100%;width:100%;margin-left:0}
	#visual .owl-dots span{width:10px;height:10px}
	#visual .item img{opacity:0.4;transition:3s ease all;transform: scale(1.2)}
	#visual .active .item img{opacity:1;transition:3s ease all;;transform:scale(1)}
}
@media screen and (min-width:1600px){
	#visual .visualTit .visualTit1{font-size:2.5rem}
	#visual .visualTit .visualTit2{font-size:1.25rem}
	#visual .owl-dots span{width:12px;height:12px}
}

#mproduct{padding:30px 0}
#mproduct h2{text-align:center}
#mproduct h2 span{display:none;text-align:center}
#mproduct .minner{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:stretch;max-width:1440px;width:100%;margin:0 auto}
#mproduct li{display:block;width:100%;background-repeat:no-repeat;background-position:top center;background-size:cover;text-align:center}
#mproduct li a{display:block;height:100%;padding:0 20px 20px}
#mproduct li:focus a,#mproduct li:hover a{background-color:rgba(0,0,0,.6)}
#mproduct li+li{margin-top:10px !important}
#mproduct h3{margin-bottom:20px;padding:4% 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:1.5rem;font-weight:700;color:#fff;text-align:center}
#mproduct .txt{color:#fff;text-align:left;line-height:1.3}
#mproduct .mproduct1{background-image:url(../img/main/mproduct1.png)}
#mproduct .mproduct2{margin:0 auto;background-image:url(../img/main/mproduct2.png)}
#mproduct .mproduct3{margin-right:0;background-image:url(../img/main/mproduct3.png)}
@media screen and (min-width:480px){
	#mproduct h2 span{display:block}
}
@media screen and (min-width:767px){
	#mproduct li a{padding:0 30px 30px}
	#mproduct h3{margin-bottom:30px;font-size:1.75rem}
	#mproduct li+li{margin-top:20px !important}
}
@media screen and (min-width:1000px){
	#mproduct{padding:5% 0}
	#mproduct li{width:30%;height:350px}
	#mproduct li a{padding:20px 40px 40px}
	#mproduct h3{margin-bottom:40px;padding:8% 0;font-size:2rem}
	#mproduct li+li{margin-top:0 !important}
}
@media screen and (min-width:1440px){
	#mproduct li{width:440px;height:440px;background-size:100% auto}
	#mproduct li a{padding:40px}
	#mproduct h3{padding:10% 0;font-size:2.5rem}
}

#mbiz{position:relative;padding:70px 0 0;background:url(../img/main/mbiz_bg.png) no-repeat center center;background-size:cover}
#mbiz h2{position:absolute;top:30px;left:0;right:0;color:#fff;text-align:center}
#mbiz h2 span{display:none;color:rgba(255,255,255,.7);text-align:center}
#mbiz .minner{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:stretch;max-width:1440px;width:100%;height:100%}
#mbiz li{display:block;width:50%;height:100%;padding:30px 20px;text-align:center}
#mbiz li:focus,#mbiz li:hover{background-color:rgba(0,5,20,.5)}
#mbiz .img{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;background-color:rgba(0,0,0,.5)}
#mbiz li:focus .img,#mbiz li:hover .img{background-color:rgba(0,0,0,1)}
#mbiz a{display:block;color:#fff}
#mbiz h3 span{display:block;margin-top:0.5rem;font-size:1.25em;font-weight:700}
#mbiz .txt{display:none;font-weight:200;color:#79b6ec;line-height:1.3}
@media screen and (min-width:480px){
	#mbiz{padding:110px 0 0}
	#mbiz h2 span{display:block}
	#mbiz .img{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;background-color:rgba(0,0,0,.5)}
}
@media screen and (min-width:767px){
	#mbiz{padding:130px 0 0}
	#mbiz li a{padding:0 30px 30px}
	#mbiz h3{margin-bottom:30px;font-size:1.125rem}
	#mbiz .img{width:120px;height:120px}
	#mbiz .txt{display:block}
}
@media screen and (min-width:1000px){
	#mbiz{padding:0}
	#mbiz .minner{border-top:0}
	#mbiz h2{top:60px}
	#mbiz li{width:25%;height:revert}
	#mbiz li+li{border-left:1px solid rgba(255,255,255,.1)}
	#mbiz li a{display:block;height:100%;padding:160px 20px 40px}
	#mbiz h3{margin-bottom:20px;padding:8% 0;font-size:1.125rem}
	#mbiz h3 span{font-size:1.5em}
}
@media screen and (min-width:1440px){
	#mbiz h2{top:80px}
	#mbiz li{border-left:1px solid rgba(255,255,255,.1)}
	#mbiz li:last-child{border-right:1px solid rgba(255,255,255,.1)}
	#mbiz li a{padding:200px 20px 40px}
	#mbiz .img{width:125px;height:125px}
	#mbiz h3{margin-bottom:10px}
	#mbiz .txt{font-size:0.9rem}
}

#mcommunity{padding:30px 0}
#mcommunity .minner{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:stretch;max-width:1440px;width:100%;margin:0 auto}
#mcommunity .minner>li{position:relative;width:100%;padding:20px;border-radius:20px;background-color:#f5f5f5}
#mcommunity .minner>li:focus,#mcommunity .minner>li:hover{background-color:#ddd}
#mcommunity .minner>li:focus a,#mcommunity .minner>li:hover a,#mcommunity .minner>li:focus .lt_date,#mcommunity .minner>li:hover .lt_date{color:#000}
#mcommunity .minner>li+li{margin-top:10px !important}
#mcommunity .minner>li.mnotice{padding-bottom:50px}
#mcommunity .minner>li.mqna{padding-bottom:50px}
#mcommunity .mqna{margin:0 auto}
#mcommunity .mqna .txt{font-weight:700;color:#555;line-height:1.3;letter-spacing:-0.05rem}
#mcommunity .mqna:focus .txt,#mcommunity .mqna:hover .txt{color:#000}
#mcommunity .mqna .more{position:absolute;z-index:99;bottom:20px}
#mcommunity .mqna .more img{margin-left:0.5rem;vertical-align:middle}
#mcommunity .mqna br{display:none}
#mcommunity .minner>li.magency{margin-right:0;background:url(../img/main/magency_bg.png) #222 no-repeat center center;background-size:cover}
#mcommunity .minner>li.magency:focus,#mcommunity .minner>li.magency:hover{;background-image:none}
#mcommunity h3{margin-bottom:20px;font-size:1.5rem;font-weight:700;color:#000}
#mcommunity h3 a{color:#000}
#mcommunity .magency h3{color:#fff}
#mcommunity .magency .txt{font-weight:100;color:#fff;line-height:1.3}
#mcommunity .magency .txt br{display:none}
#mcommunity .lt_info{bottom:20px}
@media screen and (min-width:767px){
	#mcommunity .minner>li{padding:30px;border-radius:30px}
	#mcommunity .minner>li+li{margin-top:20px !important}
	#mcommunity h3{font-size:1.75rem}
	#mcommunity .lt_info{bottom:30px}
	#mcommunity .minner>li.mnotice{padding-bottom:60px}
	#mcommunity .minner>li.mqna{padding-bottom:60px}
	#mcommunity .mqna .more{bottom:30px}
}
@media screen and (min-width:1000px){
	#mcommunity{padding:5% 0}
	#mcommunity .minner>li{width:30%;padding:40px;border-radius:40px}
	#mcommunity .minner>li+li{margin-top:0 !important}
	#mcommunity h3{margin-bottom:30px;font-size:2rem}
	#mcommunity .lt_info{bottom:40px}
	#mcommunity .minner>li.mnotice{padding-bottom:70px}
	#mcommunity .minner>li.mqna{padding-bottom:70px}
	#mcommunity .mqna .more{bottom:40px}
	#mcommunity .mqna br{display:block}
	#mcommunity .minner>li.magency{text-align:center}
	#mcommunity .magency h3 span{display:block;font-size:0.9em;font-weight:300;line-height:1.3}
	#mcommunity .magency .txt{padding-top:1.25rem}
	#mcommunity .magency .txt br{display:block}
}
@media screen and (min-width:1440px){
	#mcommunity .minner>li{width:440px;height:340px;padding:60px}
	#mcommunity h3{font-size:2.5rem}
	#mcommunity .lt_info{bottom:60px}
	#mcommunity .minner>li.mnotice{padding-bottom:90px}
	#mcommunity .minner>li.mqna{padding-bottom:90px}
	#mcommunity .mqna .more{bottom:60px}
}

#mlink{background:url(../img/main/mlink_bg.png) #646400 no-repeat center bottom;background-size:cover}
#mlink .minner{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:stretch;max-width:1440px;width:100%;margin:0 auto}
#mlink .minner li{width:50%;padding:0 20px}
#mlink .minner li+li{border-left:1px solid rgba(255,255,255,.1)}
#mlink .minner li:focus,#mlink .minner li:hover{margin-top:-10px}
#mlink h3{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2;text-align:center}
#mlink h3 br{display:block}
#mlink .txt{display:none;font-size:0.8rem;color:#fff}
#mlink a{display:block;padding:20px 0}
@media screen and (min-width:480px){
	#mlink h3{text-align:left}
	#mlink h3 br{display:none}
	#mlink .mlink1 a{background:url(../img/main/mlink1.png) no-repeat right center;background-size:auto 70%}
	#mlink .mlink2 a{background:url(../img/main/mlink3.png) no-repeat right center;background-size:auto 70%}
}
@media screen and (min-width:767px){
	#mlink .minner li{padding:0 30px}
	#mlink a{padding:30px 0}
	#mlink h3{font-size:1.75rem}
}
@media screen and (min-width:1000px){
	#mlink{background-size:100% auto}
	#mlink .minner li{padding:0 40px}
	#mlink a{padding:40px 0}
	#mlink h3{font-size:2rem;line-height:1}
	#mlink .txt{display:block;padding-top:1rem}
}
@media screen and (min-width:1440px){
	#mlink .minner li{padding:0 60px}
	#mlink a{padding:60px 0}
	#mlink h3{font-size:2.5rem}
	#mlink .mlink1 a{background-size:auto auto}
	#mlink .mlink2 a{background-size:auto auto}
	#mlink .txt{font-size:1rem}
}
@media screen and (min-width:1600px){
	#mlink .minner li{padding:0 70px}
	#mlink a{padding:70px 0}
}