@charset "utf-8";

#visual-section{position:relative;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .item img{width:auto; max-width:100%; display:inline;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:854px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block; -webkit-transition:padding 0.5s; -moz-transition:padding 0.5s; -ms-transition:padding 0.5s; -o-transition:padding 0.5s; transition:padding 0.5s;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position:absolute !important;}
#visual-section .visual-txt{width:100%; max-width:1220px; left:50%; bottom:75px; transform:translateX(-50%); padding:0 55px; z-index:100; position:absolute;}
#visual-section .visual-txt h4{margin-bottom:15px; font-size:21px; text-align:center; color:#fff;}
#visual-section .visual-txt h2{font-weight:600; font-size:48px; text-align:center; color:#fff;}
#visual-section .visual-txt .box-wrap{margin-top:35px;}
#visual-section .visual-txt .box-wrap:after{clear:both; content:""; display:block;}
#visual-section .visual-txt .box-wrap .box-left{width:34%; padding-right:10px; float:left;}
#visual-section .visual-txt .box-wrap .box-right{width:66%; padding-left:10px; float:right;}
#visual-section .visual-txt .box-wrap .in-box{padding:35px 15px; text-align:center; border-radius:15px; background-color:#fff;}
#visual-section .visual-txt .box-wrap .in-box:after{clear:both; content:""; display:block;}
#visual-section .visual-txt .box-wrap .box{}
#visual-section .visual-txt .box-wrap h5{font-weight:600; font-size:24px; color:#000;}
#visual-section .visual-txt .box-wrap .txt2{padding:30px 0;}
#visual-section .visual-txt .box-wrap .txt2 span{width:140px; padding:10px 20px; font-weight:600; font-size:18px; line-height:100%; color:#fff; border-radius:30px; background-color:#0080c7; display:inline-block;}
#visual-section .visual-txt .box-wrap .txt3{padding:0 20px; font-size:18px; line-height:180%;}
#visual-section .visual-txt .box-wrap .txt3 strong{font-size:30px;}
#visual-section .visual-txt .box-wrap .txt3 div{text-align:left;}

#visual-section .visual-txt .box-wrap .box-right .box{width:32.333%; margin:0 0.1%; float:left;}
#visual-section .visual-txt .box-wrap .box-right .box:after{clear:both; content:""; display:block;}

@media screen and (max-width:1180px){
	#visual-section .visual-txt .box-wrap h5{font-size:22px;}
	#visual-section .visual-txt .box-wrap .txt2 span{padding:8px 15px; font-size:17px;}
	#visual-section .visual-txt .box-wrap .txt3{padding:0 15px; font-size:16px;}
	#visual-section .visual-txt .box-wrap .txt3 strong{font-size:27px;}
}

@media screen and (max-width:1080px){
	#visual-section .visual-txt .box-wrap h5{font-size:20px;}
	#visual-section .visual-txt .box-wrap .txt2 span{font-size:16px;}
	#visual-section .visual-txt .box-wrap .txt3{font-size:16px;}
	#visual-section .visual-txt .box-wrap .txt3 strong{font-size:23px;}
}

@media screen and (max-width:1020px){
	#visual-section .visual-txt{padding:0 20px;}
}

@media screen and (max-width:980px){
	#visual-section{margin-top:67px;}
	#visual-section .stretchy_wrapper{padding-bottom:700px;}
	#visual-section .visual-txt h4{font-size:18px;}
	#visual-section .visual-txt h2{font-size:42px;}
	#visual-section .visual-txt .box-wrap .in-box{height:400px;}
}

@media screen and (max-width:880px){
	#visual-section .stretchy_wrapper{padding-bottom:650px;}
	#visual-section .visual-txt h2{font-size:38px;}
	#visual-section .visual-txt{bottom:-75px;}
	#visual-section .visual-txt .box-wrap .box-left{width:100%; padding-right:0; float:none;}
	#visual-section .visual-txt .box-wrap .box-right{width:100%; margin-top:20px; padding-left:0; float:none;}
	#visual-section .visual-txt .box-wrap .in-box{height:auto; box-shadow:2px 2px 3px rgba(0,0,0,.3);}
	#visual-section .visual-txt .box-wrap h5{font-size:18px; line-height:160%;}
	#visual-section .visual-txt .box-wrap .txt2 span{font-size:14px;}
	#visual-section .visual-txt .box-wrap .txt3{font-size:15px; text-align:center;}
	#visual-section .visual-txt .box-wrap .txt3 strong{font-size:20px;}
	#visual-section .visual-txt .box-wrap .txt3 div{text-align:center;}

	#visual-section .visual-txt .box-wrap .box-left{}
	#visual-section .visual-txt .box-wrap .box-left .in-box{height:auto;}
	#visual-section .visual-txt .box-wrap .box-left ul{margin:0 -10px;}
	#visual-section .visual-txt .box-wrap .box-left ul:after{clear:both; content:""; display:block;}
	#visual-section .visual-txt .box-wrap .box-left ul li{padding:0 10px; float:left;}
	#visual-section .visual-txt .box-wrap .box-left ul li:nth-child(1){width:150px;}
	#visual-section .visual-txt .box-wrap .box-left ul li:nth-child(2){width:35%;}
	#visual-section .visual-txt .box-wrap .box-left ul li:nth-child(3){width:35%;}
	#visual-section .visual-txt .box-wrap .box-left h5{font-size:22px;}
	#visual-section .visual-txt .box-wrap .box-left .txt2{padding:0 0 20px; text-align:left;}
	#visual-section .visual-txt .box-wrap .box-left .txt2 span{text-align:center;}
	#visual-section .visual-txt .box-wrap .box-left .txt3{padding:0; text-align:left;}

}

@media screen and (max-width:780px){
	#visual-section .stretchy_wrapper{padding-bottom:550px;}
	#visual-section .visual-txt h2{font-size:34px;}
}

@media screen and (max-width:680px){
	#visual-section .visual-txt h2{font-size:28px;}
}

@media screen and (max-width:640px){
	#visual-section .visual-txt .box-wrap .box{padding:0 5px;}
	#visual-section .visual-txt .box-wrap h5{font-size:16px; border-radius:30px; border-bottom:1px solid #ddd;}
	#visual-section .visual-txt .box-wrap .txt2{padding:20px 0;}
	#visual-section .visual-txt .box-wrap .txt2 span{width:100%; font-size:14px;}
	#visual-section .visual-txt .box-wrap .txt3{font-size:15px; text-align:center;}
	#visual-section .visual-txt .box-wrap .txt3 strong{font-size:18px;}
	#visual-section .visual-txt .box-wrap .txt3 div{text-align:center;}
	#visual-section .visual-txt .box-wrap .box-left h5{margin-bottom:20px; font-size:20px;}

	#visual-section .visual-txt .box-wrap .box-left ul li:nth-child(1){width:100%;}
	#visual-section .visual-txt .box-wrap .box-left ul li:nth-child(2){width:50%;}
	#visual-section .visual-txt .box-wrap .box-left ul li:nth-child(3){width:50%;}
	#visual-section .visual-txt .box-wrap .box-left .txt2 span{width:100%;}
	#visual-section .visual-txt .box-wrap .box-left .txt3{text-align:center;}
}

@media screen and (max-width:580px){
	#visual-section .stretchy_wrapper{padding-bottom:none;}
	#visual-section .visual-txt h2{font-size:26px;}
	#visual-section .visual-txt .box-wrap .txt3 strong{font-weight:600; font-size:16px;}
	#visual-section .visual-txt .box-wrap .box-right .box{width:100%;}
	#visual-section .visual-txt .box-wrap .box-right ul{margin:0 -5px;}
	#visual-section .visual-txt .box-wrap .box-right ul li{padding:5px; float:left;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(1){width:22%;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(1) h5{font-size:18px;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(2){width:39%;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(3){width:39%;}
	#visual-section .visual-txt .box-wrap .txt2{padding:0 0 20px;}
	#visual-section .visual-txt .box-wrap .box-right .txt2 span{width:100%;}
	#visual-section .visual-txt .box-wrap .box-right .txt3{text-align:center;}
}

@media screen and (max-width:500px){
	#visual-section{margin-top:0;}
	#visual-section .visual-txt h2{font-size:18px;}
	#visual-section .stretchy_wrapper{padding-bottom:none;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(1){width:100%;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(1) h5{font-size:18px;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(2){width:50%;}
	#visual-section .visual-txt .box-wrap .box-right ul li:nth-child(3){width:50%;}
	#visual-section .visual-txt .box-wrap .txt3{font-size:13px;}
	#visual-section .visual-txt .box-wrap h5{margin-bottom:5px; padding-bottom:10px; font-size:18px !important; border-radius:30px; border-bottom:1px solid #ddd;}
	#visual-section .visual-txt .box-wrap .box-right h5{font-size:18px !important;}
}

.cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}

.title-box{text-align:center;}
.title-box h2{padding-bottom:25px; font-weight:600; font-size:36px; display:block; position:relative;}
.title-box h2:after{width:45px; height:2px; bottom:0; left:50%; transform:translateX(-50%); background-color:#0080c7; content:""; display:block; position:absolute;}
.title-box h3{margin-top:35px; font-size:16px; line-height:160%; text-align:center; color:#333;}

@media screen and (max-width:980px){
	.title-box h2{padding-bottom:20px; font-size:33px;}
	.title-box h3{margin-top:30px;}
}

@media screen and (max-width:880px){
	.title-box h2{padding-bottom:15px; font-size:30px;}
	.title-box h3{margin-top:25px;}
}

@media screen and (max-width:780px){
	.title-box h2{font-size:27px;}
	.title-box h3{margin-top:20px;}
}

@media screen and (max-width:680px){
	.title-box h2{font-size:24px;}
	.title-box h3{margin-top:20px;}
}

#mcont1-section{padding:130px 0;}
#mcont1-section .solution-list{margin-top:55px;}
#mcont1-section .solution-list .box{height:440px; border:1px solid #ccc; position:relative;}
#mcont1-section .solution-list .box:before{width:1px; height:100%; top:0; left:-1px; background-color:#fff; content:""; display:block; position:absolute;}
#mcont1-section .solution-list .slick-current:before{display:none;}
#mcont1-section .solution-list .box a{height:438px; z-index:10; display:block; position:relative;}
#mcont1-section .solution-list .box .solution-box{padding:40px 30px;}
#mcont1-section .solution-list .box .solution-box h3{padding-bottom:20px; font-weight:600; font-size:24px; color:#000; display:block; position:relative;}
#mcont1-section .solution-list .box .solution-box h3:after{width:45px; height:2px; bottom:0; left:0; background-color:#0080c7; content:""; display:block; position:absolute;}
#mcont1-section .solution-list .box .solution-box ul{margin-top:30px;}
#mcont1-section .solution-list .box .solution-box ul li{padding-left:12px; font-size:16px; line-height:180%; color:#333; position:relative;}
#mcont1-section .solution-list .box .solution-box ul li:after{width:3px; height:3px; top:12px; left:0; border-radius:50%; background-color:#666; content:""; display:block; position:absolute;}
#mcont1-section .solution-list .box .solution-box div{margin-top:30px; font-size:16px; line-height:180%; color:#333;}
#mcont1-section .solution-list .box span{bottom:40px; right:30px; font-weight:600; font-size:18px; line-height:20px; color:#33; display:block; position:absolute;}
#mcont1-section .solution-list .box span em{width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; color:#fff; border-radius:50%; background-color:#0080c7; vertical-align:middle; display:inline-block;}
#mcont1-section .slick-arrow{width:36px; height:70px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; position:absolute;}
#mcont1-section .slick-prev{left:-60px; background:url("../img/slick_left.png") no-repeat center;}
#mcont1-section .slick-next{right:-60px; background:url("../img/slick_right.png") no-repeat center;}
#mcont1-section .slick-dots{width:100%; bottom:-30px; text-align:center; position:absolute;}
#mcont1-section .slick-dots li{padding:0 2px; display:inline-block;}
#mcont1-section .slick-dots button{width:14px; height:14px; margin:0; padding:0; text-indent:-9000px; border-radius:50% !important; border:0; background:#ddd;}
#mcont1-section .slick-dots .slick-active button{background:#0057a8;}
#mcont1-section .solution-list .box:hover:after{top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:1; border:3px solid #0080c7; content:""; display:block; position:absolute;}
#mcont1-section .solution-list .box:hover span{color:#2d97d1;}

@media screen and (max-width:1340px){
	#mcont1-section .slick-arrow{display:none !important;}
}

@media screen and (max-width:980px){
	#mcont1-section .solution-list .box{height:400px;}
	#mcont1-section .solution-list .box a{height:398px;}
	#mcont1-section .solution-list .box .solution-box{padding:35px 25px;}
	#mcont1-section .solution-list .box .solution-box h3{padding-bottom:15px; font-size:22px; color:#000; display:block; position:relative;}
	#mcont1-section .solution-list .box .solution-box h3:after{width:45px; height:2px; bottom:0; left:0; background-color:#0080c7; content:""; display:block; position:absolute;}
}

@media screen and (max-width:780px){
	#mcont1-section .solution-list .box{height:350px;}
	#mcont1-section .solution-list .box a{height:348px;}
	#mcont1-section .solution-list .box .solution-box{padding:30px 20px;}
	#mcont1-section .solution-list .box .solution-box h3{padding-bottom:12px; font-size:20px;}
	#mcont1-section .solution-list .box .solution-box h3:after{width:40px; height:2px;}
	#mcont1-section .solution-list .box .solution-box ul li{font-size:15px;}
	#mcont1-section .solution-list .box span{bottom:30px; right:20px; font-weight:600; font-size:16px; line-height:20px; color:#33; display:block; position:absolute;}
	#mcont1-section .solution-list .box span em{width:18px; height:18px; font-size:11px; line-height:20px;}
}


#mcont2-section{padding:100px 0 70px; text-align:center; background:url("../img/inquiry_bg.jpg") no-repeat center center; background-size:cover;}
#mcont2-section h3{margin-bottom:40px; font-weight:600; font-size:24px; color:#fff;}
#mcont2-section a{width:185px; height:48px; margin:0 auto; font-weight:600; font-size:18px; line-height:46px; text-align:center; color:#fff; border:1px solid #fff; display:block;  transition:all 0.2s ease-in-out;}
#mcont2-section a:hover{color:#fff; border:1px solid #0080c7; background-color:#0080c7;}

@media screen and (max-width:980px){
	#mcont2-section{padding:90px 0 60px;}
}

@media screen and (max-width:880px){
	#mcont2-section{padding:80px 10px 55px;}
	#mcont2-section h3{margin-bottom:35px; font-size:22px;}
}

@media screen and (max-width:780px){
	#mcont2-section{padding:70px 10px 50px;}
	#mcont2-section h3{margin-bottom:30px; font-size:20px; line-height:160%;}
	#mcont2-section a{width:170px; height:40px; font-size:16px; line-height:38px;}
}

@media screen and (max-width:680px){
	#mcont2-section{padding:60px 10px 45px;}
	#mcont2-section h3{margin-bottom:25px; font-size:18px;}
	#mcont2-section a{width:150px; height:35px; font-size:14px; line-height:33px;}
}

@media screen and (max-width:580px){
	#mcont2-section{padding:50px 10px 40px;}
	#mcont2-section h3{margin-bottom:20px; font-size:16px;}
}

@media screen and (max-width:580px){
	#mcont2-section{padding:40px 10px;}
	#mcont2-section h3{margin-bottom:20px; font-size:16px;}
}

#mcont3-section{padding:130px 0;}
#mcont3-section .cs-ul{margin:70px -12px 0;}
#mcont3-section .cs-ul:after{clear:both; content:""; display:block;}

@media screen and (max-width:980px){
	#mcont3-section{padding:100px 0;}
	#mcont3-section .cs-ul{margin:60px -12px 0;}
}

@media screen and (max-width:880px){
	#mcont3-section{padding:90px 0;}
	#mcont3-section .cs-ul{margin:50px -12px 0;}
}

@media screen and (max-width:780px){
	#mcont3-section{padding:80px 0;}
	#mcont3-section .cs-ul{margin:40px -12px 0;}
}

@media screen and (max-width:680px){
	#mcont3-section{padding:70px 0;}
}

@media screen and (max-width:580px){
	#mcont3-section{padding:60px 0;}
}

#mcont3-section .cs-ul .cs-li{padding:0 12px; float:left;}
#mcont3-section .cs-ul .cs-li:nth-child(1){width:34%;}
#mcont3-section .cs-ul .cs-li:nth-child(2){width:34%;}
#mcont3-section .cs-ul .cs-li:nth-child(3){width:32%;}
#mcont3-section .cs-ul .cs-li .notice-box{height:310px; padding:35px 30px; border:1px solid #e8e8e8; background:url("../img/notice_bg.gif") repeat; position:relative;}
#mcont3-section .cs-ul .cs-li .support-box{height:310px; padding:35px 30px; border:1px solid #e8e8e8; position:relative;}
#mcont3-section .cs-ul .cs-li h3{padding-top:20px; font-weight:600; font-size:21px; line-height:100%; color:#000; display:block; position:relative;}
#mcont3-section .cs-ul .cs-li h3:after{width:42px; height:2px; top:0; left:0; background-color:#0080c7; content:""; display:block; position:absolute;}
#mcont3-section .cs-ul .cs-li .more{top:33px; right:27px; font-weight:600; font-size:16px; position:absolute;}
#mcont3-section .cs-ul .cs-li .notice-list{margin-top:20px;}
#mcont3-section .cs-ul .cs-li .notice-list ul{}
#mcont3-section .cs-ul .cs-li .notice-list ul li{padding:5px 0;}
#mcont3-section .cs-ul .cs-li .notice-list ul li a{padding-left:10px; font-size:16px; line-height:160%; color:#333; display:block; position:relative; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcont3-section .cs-ul .cs-li .notice-list ul li a:after{width:2px; height:2px; top:10px; left:1px; background-color:#333; content:""; display:block; position:absolute;}

#mcont3-section .cs-ul .cs-li .support-list{margin-top:20px;}
#mcont3-section .cs-ul .cs-li .support-list .txt1{font-size:16px; line-height:180%; color:#666;}
#mcont3-section .cs-ul .cs-li .support-list .txt2{margin-top:35px; font-weight:600; font-size:30px; color:#0080c7;}
#mcont3-section .cs-ul .cs-li .support-list .txt2 span{width:37px; height:37px; margin-right:10px; line-height:33px; text-align:center; color:#fff; border-radius:50%; background-color:#0080c7; display:inline-block;}
#mcont3-section .cs-ul .cs-li .support-list .txt2 span i{font-size:20px;}
#mcont3-section .cs-ul .cs-li .support-list .txt3{margin-top:15px; font-weight:600; font-size:18px; color:#333;}

@media screen and (max-width:1120px){
	#mcont3-section .cs-ul .cs-li .support-list .txt1{font-size:15px;}
	#mcont3-section .cs-ul .cs-li .support-list .txt2{margin-top:35px; font-size:27px;}
	#mcont3-section .cs-ul .cs-li .support-list .txt3{margin-top:15px; font-size:16px;}
}

@media screen and (max-width:1040px){
	#mcont3-section .cs-ul .cs-li .support-list .txt2{margin-top:25px}
}

@media screen and (max-width:1000px){
	#mcont3-section .cs-ul .cs-li:nth-child(1){width:50%;}
	#mcont3-section .cs-ul .cs-li:nth-child(2){width:50%;}
	#mcont3-section .cs-ul .cs-li:nth-child(3){width:100%;}

	#mcont3-section .cs-ul{margin-left:-5px; margin-right:-5px;}
	#mcont3-section .cs-ul .cs-li{padding:0 5px;}
}

@media screen and (max-width:980px){
	#mcont3-section .cs-ul .cs-li h3{padding-top:15px; font-size:18px;}
	#mcont3-section .cs-ul .cs-li h3:after{width:35px;}
	#mcont3-section .cs-ul .cs-li .more{top:40px; right:27px; font-size:14px;}
}

@media screen and (max-width:680px){
	#mcont3-section .cs-ul .cs-li:nth-child(1){width:100%;}
	#mcont3-section .cs-ul .cs-li:nth-child(2){width:100%; margin-top:10px;}
	#mcont3-section .cs-ul .cs-li .support-box{height:auto; padding:30px;}
}


#mcont3-section .cs-ul .cs-li .cs-bb{margin:-10px 0;}
#mcont3-section .cs-ul .cs-li .cs-bb li{padding:10px 0;}
#mcont3-section .cs-ul .cs-li .cs-bb a{height:145px; padding:0 40px; font-weight:600; font-size:24px; line-height:141px; border:2px solid #ddd; display:block; position:relative;}
#mcont3-section .cs-ul .cs-li .cs-bb a img{top:50%; right:40px; transform:translateY(-50%); position:absolute;}

@media screen and (max-width:1000px){
	#mcont3-section .cs-ul .cs-li .cs-bb{margin:5px -5px 0;}
	#mcont3-section .cs-ul .cs-li .cs-bb li{width:50%; padding:5px; float:left;}
}

@media screen and (max-width:980px){
	#mcont3-section .cs-ul .cs-li .cs-bb a{height:120px; padding:0 30px; font-size:22px; line-height:116px;}
}

@media screen and (max-width:880px){
	#mcont3-section .cs-ul .cs-li .cs-bb a{height:100px; padding:0 20px; font-size:20px; line-height:96px;}
}

@media screen and (max-width:780px){
	#mcont3-section .cs-ul .cs-li .cs-bb a{height:80px; padding:0 20px; font-size:18px; line-height:76px;}
}

@media screen and (max-width:500px){
	#mcont3-section .cs-ul .cs-li .cs-bb{margin:5px -5px 0;}
	#mcont3-section .cs-ul .cs-li .cs-bb li{width:100%; padding:5px; float:left;}
	#mcont3-section .cs-ul .cs-li .cs-bb a img{width:40px; right:20px;}
}