.main{padding-bottom:0;line-height:1}
.main *{letter-spacing:-0.03rem}

#visual{position:relative;z-index:1;width:100%;background-color:#000;line-height:0}
#visual .visualTit{display:block;position:absolute;z-index:999;top:40%;left:0;right:0;width:90%;margin:0 auto;text-align:center;line-height:1}
#visual .visualTit p{color:#fff}
#visual .visualTit .visualTit1{font-size:1.5rem;font-weight:700;letter-spacing:-0.03rem;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:100%;width:100%;margin-left:0;opacity:0.4;transition:3s ease all;transform:scale(1.5)}
#visual .active .item img{opacity:1;transition:3s ease all;transform:scale(1)}
#visual .owl-nav{display:none;width:100%;margin:0 auto}
#visual .owl-nav span{display:block;width:80px;height:1px;font-size:0;background-color:rgba(255,255,255,.5)}
#visual .owl-prev span{margin-left:60px}
#visual .owl-nav button{width:140px;height:1px;margin:0;line-height:0;background-color:rgba(255,255,255,.3);color:rgba(255,255,255,.7)}
#visual .owl-nav button:focus,#visual .owl-nav button:hover{color:#fff}
#visual .owl-nav button:focus span,#visual .owl-nav button:hover span{background-color:#fff}
#visual .owl-prev{position:absolute;z-index:1000;left:0;top:55%}
#visual .owl-next{position:absolute;z-index:1000;right:0;top:55%}
#visual .owl-prev:before{content:"PREV";display:block;position:absolute;top:calc(50% - 20px);width:100%;padding-right:10%;font-size:0.8rem;letter-spacing:0.05rem;text-align:right}
#visual .owl-next:before{content:"NEXT";display:block;position:absolute;top:calc(50% - 20px);padding-left:10%;font-size:0.8rem;letter-spacing:0.05rem}
#visual .owl-dots{position:absolute;z-index:999;left:0;right:0;bottom:4rem;margin:0 auto}
#visual .owl-dots .owl-dot{width:21px;height:21px;margin:0 7px;border-radius:50%;text-align:center}
#visual .owl-dots span{width:7px;height:7px;margin:0 7px;background-color:#fff}
#visual .owl-dots .active{background-color:rgba(255,255,255,0.3)}
.scroll_animation{position:absolute;bottom:0;left:0;right:0;z-index:999;height:4rem;margin:0 auto}
.scroll_animation>.bg{position:relative;height:100%;width:1px;margin:20px auto 0;background-color:rgba(255,255,255,0.3)}
.scroll_animation>.bg .animation{width:100%;background-color:rgba(255,255,255,0.5);animation-name:updown;animation-iteration-count:infinite;animation-duration:3s;animation-timing-function:ease-in-out}
@keyframes updown{0%{height:0%}100%{height:100%}}
@media screen and (min-width:360px){
	#visual .visualTit .visualTit1 br{display:none}
	#visual .visualTit .visualTit2{display:block}
}
@media screen and (min-width:550px){
	#visual .visualTit{width:90%}
	#visual .visualTit .visualTit1{font-size:2.25rem}
	#visual .visualTit .visualTit2{display:block;font-size:1rem}
	#visual .owl-nav{display:block}
	#visual .owl-dots{display:block}
	#visual .owl-dots{bottom:6rem}
	.scroll_animation{height:4rem}
}
@media screen and (min-width:767px){
	#visual .visualTit{width:80%}
	#visual .visualTit:before{height:3rem;margin:0 auto 2rem}
	#visual .visualTit .visualTit1{font-size:2.5rem}
	#visual .visualTit .visualTit2{margin-top:2rem;font-size:1rem}
	#visual .visualTit .visualTit2 br{display:none}
	#visual .item img{max-width:140%;width:140%;margin-left:-20%}
	#visual .owl-dots{bottom:9rem}
	.scroll_animation{height:6rem}
}
@media screen and (min-width:1000px){
	#visual .visualTit .visualTit1{font-size:3rem}
	#visual .visualTit .visualTit2{font-size:1.25rem}
	#visual .item img{max-width:120%;width:120%;margin-left:-10%}
	#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:1200px){
	#visual .visualTit:before{height:3.5rem;margin:0 auto 2.5rem}
	#visual .visualTit .visualTit2{margin-top:1rem}
	#visual .item img{max-width:100%;width:100%;margin-left:0}
}
@media screen and (min-width:1600px){
	#visual .visualTit .visualTit1{font-size:3.5rem}
	#visual .visualTit .visualTit2{margin-top:2rem}
}

#mcompany{padding:3rem 0;background-color:#f3f7fa}
#mcompany .inner{position:relative;max-width:1600px;width:90%;margin:0 auto}
#mcompany h2{margin-bottom:2rem;font-size:3rem;font-weight:100;color:#000;text-align:center}
#mcompany h2 b{font-weight:900}
#mcompany h2 span{display:block;margin-top:1rem;font-size:.9rem;font-weight:500;color:#555;line-height:1.5}
#mcompany .mcompany_wr{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:center}
#mcompany .mcompany_wr li{display:block;position:relative;width:100%;height:80px;border-radius:10px}
#mcompany .mcompany_wr li:hover,#mcompany .mcompany_wr li:focus{margin-top:-3px;box-shadow:0.5rem 0.5rem 0.5rem rgba(0,0,0,.1);transition: all 0.30s ease-in-out}
#mcompany .mcompany_wr li+li{margin-top:10px}
#mcompany .mcompany_wr li a{display:flex;align-items:center;width:100%;height:100%;padding:20px;border-radius:10px;color:#fff;text-align:left}
#mcompany .mcompany_wr li .txt{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.4}
#mcompany .mcompany_wr li .txt br{display:none}
#mcompany .mcompany_wr li .more{display:none;position:absolute;bottom:30px;font-size:12px;letter-spacing:0}
#mcompany .mcompany1 a{background:url(../img/main/mcompany1.jpg) no-repeat center center;background-size:cover}
#mcompany .mcompany2 a{background:url(../img/main/mcompany2.jpg) no-repeat center center;background-size:cover}
#mcompany .mcompany3 a{background:url(../img/main/mcompany3.jpg) no-repeat center center;background-size:cover}
@media screen and (min-width:360px){
	#mcompany h2 span{font-size:1rem}
}
@media screen and (min-width:550px){
	#mcompany .mcompany_wr li{height:100px}
	#mcompany .mcompany_wr li .txt{display:block;width:100%;text-align:center}
}
@media screen and (min-width:767px){
	#mcompany{padding:4rem 0}
	#mcompany h2{font-size:4rem}
	#mcompany .mcompany_wr li{width:31%;height:220px;margin-left:2.5%;border-radius:20px}
	#mcompany .mcompany_wr li+li{margin-top:0}
	#mcompany .mcompany_wr li:first-child{margin-left:0}
	#mcompany .mcompany_wr li:hover,#mcompany .mcompany_wr li:focus{margin-top:-2rem;box-shadow:1rem 1rem 1rem rgba(0,0,0,.1);}
	#mcompany .mcompany_wr li a{display:block;padding:30px;border-radius:20px;}
	#mcompany .mcompany_wr li .txt{font-size:1.25rem;text-align:left}
	#mcompany .mcompany_wr li .txt br{display:block}
	#mcompany .mcompany_wr li .more{font-size:13px}
	#mcompany .mcompany_wr li:hover .more,#mcompany .mcompany_wr li:focus .more{display:block;}
}
@media screen and (min-width:1280px){
	#mcompany{padding:6rem 0}
	#mcompany h2{margin-bottom:3rem;font-size:5rem}
	#mcompany h2 span{margin-top:1.5rem;font-size:1.25rem}
	#mcompany .mcompany_wr li{height:250px}
	#mcompany .mcompany_wr li a{padding:40px}
	#mcompany .mcompany_wr li .txt{font-size:1.33rem;text-align:left}
}
@media screen and (min-width:1600px){
	#mcompany{padding:7rem 0}
	#mcompany .mcompany_wr li{height:320px}
	#mcompany .mcompany_wr li a{padding:50px}
	#mcompany .mcompany_wr li .txt{font-size:1.5rem}
	#mcompany .mcompany_wr li .more{bottom:50px;font-size:14px}
}

#mproduct{position:relative;padding:3rem 0;background:url(../img/main/mprodcut_bg.jpg) no-repeat center center;background-size:cover}
#mproduct .inner{position:relative;max-width:1600px;width:90%;margin:0 auto}
#mproduct .item a{display:block;color:#fff}
#mproduct .owl-carousel .owl-item img{width:auto}
#mproduct .info{width:100%}
#mproduct .info .tit{margin-bottom:2rem;font-size:1.25rem;font-weight:500}
#mproduct .info .tit b{display:block;margin-top:1rem;font-size:2rem;font-weight:700}
#mproduct .info .tit:after{content:"";display:none;width:40px;height:2px;margin-top:2rem;background-color:#fff}
#mproduct .info .txt{margin-bottom:2rem;font-size:1.25rem;font-weight:500;line-height:1.6}
#mproduct .info .txt br{display:none}
#mproduct .info .price{margin-bottom:2rem;font-size:1.75rem;font-weight:700;line-height:1.6}
#mproduct .img{width:100%;text-align:center}
#mproduct .img img{max-width:200px;margin:0 auto}
#mproduct .spec{display:none;flex-direction:column;justify-content:flex-end;width:40%;padding-left:7%}
#mproduct .spec p{margin-bottom:1.5rem;font-size:1.125rem;font-weight:500}
#mproduct .spec table{border-top:1px solid rgba(255,255,255,.3)}
#mproduct .spec tr{border-bottom:1px solid rgba(255,255,255,.3)}
#mproduct .spec th{font-weight:400}
#mproduct .spec th,#mproduct .spec td{padding:12px 0;font-size:1.125rem;line-height:1.2}
#mproduct .spec .col1{width:80px}
#mproduct .spec .col2{width:auto}
#mproduct .owl-carousel .owl-nav{position:absolute;left:0;bottom:0;z-index:1000;text-align:left}
#mproduct .owl-carousel .owl-nav button{width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.5);font-size:1.75rem}
#mproduct .owl-carousel .owl-nav span{font-size:0}
#mproduct .owl-carousel .owl-nav span:before{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-family:"remixicon";font-size:1.75rem}
#mproduct .owl-carousel .owl-prev span:before{content:"\ea64"}
#mproduct .owl-carousel .owl-next span:before{content:"\ea6e"}
#mproduct .owl-theme .owl-nav [class*=owl-]:hover,#mproduct .owl-theme .owl-nav [class*=owl-]:focus{background-color:#0d2f6c;color:#fff}
@media screen and (min-width:767px){
	#mproduct{padding:4rem 0}
	#mproduct .item a{display:flex}
	#mproduct .info{width:50%}
	#mproduct .info .tit{font-size:1.33rem}
	#mproduct .info .tit:after{display:block;width:60px;height:3px}
	#mproduct .info .txt br{display:block}
	#mproduct .img{display:flex;align-items:flex-end;width:50%;height:100%}
	#mproduct .img img{max-width:250px}
	#mproduct .owl-carousel .owl-nav button{width:50px;height:50px;background-color:#fff}
}
@media screen and (min-width:1000px){
	#mproduct .info{width:40%}
	#mproduct .info .tit{font-size:1.5rem}
	#mproduct .info .tit b{font-size:2.5rem}
	#mproduct .img{width:20%}
	#mproduct .img img{max-width:100%}
	#mproduct .spec{display:flex}
}
@media screen and (min-width:1280px){
	#mproduct{padding:6rem 0}
	#mproduct .info .tit b{font-size:3rem}
	#mproduct .spec p{font-size:1.25rem}
	#mproduct .spec .col1{width:120px}
	#mproduct .owl-carousel .owl-nav button{width:60px;height:60px}
}
@media screen and (min-width:1600px){
	#mproduct{padding:7rem 0}
}

#mboard{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:center;padding:3rem 0;max-width:1600px;width:90%;margin:0 auto}
#mboard .mcs{width:100%}
#mboard .mcs .tit{font-size:2rem;font-weight:500;color:#13bd7e}
#mboard .mcs .tel{margin-top:1rem;font-size:2.5rem;font-weight:700;color:#13bd7e}
#mboard .mcs .time{margin-top:1rem;font-size:1rem;color:#13bd7e;line-height:1.5}
#mboard .mcs .time br{display:none}
#mboard .mcomm{width:100%;margin-top:2rem}
#mboard .mcomm ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}
#mboard .mcomm li{width:50%;text-align:center}
#mboard .mcomm li:nth-child(n+3){margin-top:1rem}
#mboard .mcomm li .btn{display:block;width:30vw;height:30vw;margin:0 auto;padding-top:45%;border-radius:50%;background-color:#13bd7e;background-repeat:no-repeat;background-position:center 30%;background-size:60% auto;font-size:1rem;color:#fff}
#mboard .mcomm li .btn:hover,#mboard .mcomm li .btn:focus{background-color:#075d48}
#mboard .mcomm li .btn1{background-image:url(../img/main/mcomm1.png)}
#mboard .mcomm li .btn2{background-image:url(../img/main/mcomm2.png)}
#mboard .mcomm li .btn3{background-image:url(../img/main/mcomm3.png)}
#mboard .mcomm li .btn4{background-image:url(../img/main/mcomm4.png)}
@media screen and (min-width:480px){
	#mboard .item{padding:2rem}
	#mboard .mcomm li{width:25%}
	#mboard .mcomm li .btn{width:18vw;height:18vw;}
}
@media screen and (min-width:767px){
	#mboard .mcs{width:40%}
	#mboard .mcs .tel{font-size:2.25rem}
	#mboard .mcs .time br{display:block}
	#mboard .mcomm{width:60%;margin-top:0}
	#mboard .mcomm ul{}
	#mboard .mcomm li{width:22%}
	#mboard .mcomm li+li{margin-left:4%}
	#mboard .mcomm li .btn{width:12vw;height:12vw;padding-top:65%}

}
@media screen and (min-width:1000px){
	#mboard{padding:4rem 0}
	#mboard .mcs .tel{margin-top:2rem;font-size:3rem}
	#mboard .mcs .time{margin-top:2rem;font-size:1.125rem}
	#mboard .mcs .time br{display:none}
}
@media screen and (min-width:1280px){
	#mboard{padding:5rem 0}
	#mboard .mcomm li .btn{padding-top:70%}
}
@media screen and (min-width:1600px){
	#mboard{padding:6rem 0}
	#mboard .mcs .tit{font-size:2rem}
	#mboard .mcs .time{font-size:1.33rem}
	#mboard .mcomm li .btn{width:200px;height:200px;padding-top:65%}
}