.qc_menu{position:fixed; right:-260px; bottom:0;z-index:20001;}
.qc_box{display:table;text-align:center;width:260px;height:260px;background:#0d0b3c;box-sizing:border-box;}
.qc_box > ul{display:table-cell;vertical-align:middle;}
.qc_box > ul > li > p{font-size:18px;color:#fff;font-weight:300;}
.qc_box > ul > li > p > strong{display:block;font-size:28px;color:#f5f084;font-family: 'Poppins';font-weight:bold;}
.qc_box > ul > li > a{display:inline-block;margin-top:20px;width:190px;height:45px;line-height:45px;text-align:center;border-radius:45px;border:1px solid #fff;font-size:14px;color:#fff;}
.qc_open{display:block;position:absolute;left:-70px;bottom:0;box-sizing:border-box;height:260px;padding-top:50px;width:70px;text-align:center;background:#2a2765;}
.qc_open > span{display:block;background: url(../image/main/ql.png) no-repeat center bottom;padding-bottom:50px;}
.qc_open.on > span{background: url(../image/main/ql2.png) no-repeat center bottom;}
.qc_out{display:block;position:absolute;right:20px;top:20px;}



.mainWrap{position:relative;min-width:1180px;height:100%; overflow:hidden;}
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section{position:relative;}
/*
.section .sectionCon{position:absolute;left:50%;top:50%;width:1008px; height: 600px;margin:-300px 0 0 -504px;}
.small .section .sectionCon{height: 610px;margin:-305px 0 0 -490px;}
*/


/*
.section03{background: #fff;}
.section04{background: #f1f1f1 url('../image/main/dbg.png') no-repeat right bottom;}
*/
.section00 {position:relative;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative;}
.sectionCon{width:100%;height:100%;margin:0 auto;position:relative;}




.mainStep{position:fixed;left:1%;top:50%;margin-top:-70px; z-index:97;}
.mainStep li{position:relative;margin-bottom:15px;}
.mainStep li a{display:block;padding-left:30px;background: url(../image/main/st.png) no-repeat left center;}
.mainStep li.on a{background: url(../image/main/st2.png) no-repeat left center;}
.mainStep li a > span{position:relative;display:inline-block; font-size: 14px;color:#2a2765;font-weight:500;opacity: 0;}
.mainStep li.on a > span{opacity: 1;}

body.mson .mainStep li.on a{background: url(../image/main/st1.png) no-repeat left center;}
body.mson .mainStep li a > span{color:#fff;}


.nw_mvsl .scr_mv{position:absolute;left:50%;bottom: 30px;margin-left:-11px;z-index:55;}
.nw_mvsl{position: relative;width:100%;margin:0 auto;}
.mvsl_sld > li{overflow: hidden;height:100vh;min-height:400px;}
.mvsl_sld > li.bg1{background: url(../image/main/m_vsl1.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg2{background: url(../image/main/m_vsl2.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg3{background: url(../image/main/m_vsl3.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg4{background: url(../image/main/m_vsl4.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg5{background: url(../image/main/m_vsl5.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg6{background: url(../image/main/m_vsl6.jpg) no-repeat center center; background-size: cover;}

.nw_mvsl .bx-controls{text-align: center;}
.nw_mvsl .bx-controls a{ font-size: 0; }
.nw_mvsl .bx-pager{display:none;position:absolute;left:0;bottom:30px;z-index:52;width:100%;text-align:center;}
.nw_mvsl .bx-pager-item{display: inline-block;margin: 0 10px;}
.nw_mvsl .bx-pager-item a{display: block;width:8px;height:8px;border-radius:14px;border:3px solid #fff;opacity: 0.5;}
.nw_mvsl .bx-pager-item a.active{opacity: 1;background:#fff;}
.nw_mvsl .bx-controls-direction a{width: 19px; height: 14px;position: absolute; top: 50%; z-index: 52;}
.nw_mvsl .bx-prev{right: calc((100% - 1180px) / 2 + 120px); background: url(../image/main/mvs_prev.png) 0 0 no-repeat;}
.nw_mvsl .bx-next{right: calc((100% - 1180px) / 2);  background: url(../image/main/mvs_next.png) 0 0 no-repeat;}
.nw_mvsl .bx-controls-auto-item a{display: none; width: 24px; height: 24px;}
.nw_mvsl .bx-stop{background: url(../image/main/mvs_stop.png) 0 0 no-repeat;}
.nw_mvsl .bx-start{background: url(../image/main/mvs_stop.png) 0 0 no-repeat;}
.nw_mvsl .bx-controls-auto-item a.active{display: none;}

.nw_mvsl .wid{position:relative;position: absolute; top:0; z-index:51; left:calc((100% - 1180px) / 2); width:1180px;height:100%;display:table;}
.nw_mvsl .wid > .all_txt{display:table-cell;vertical-align:middle;text-align:left;}
.nw_mvsl .wid > .all_txt > div > p{font-size:40px;color:#fff;line-height:1.5;font-weight:350;}
.nw_mvsl .wid > .all_txt > div > p strong{display:block;font-size: 44px;font-family: 'NotoBold';}
.nw_mvsl .wid > .all_txt > div > a{display:inline-block;margin-top:40px;width:200px;height:48px;line-height:48px;border-radius:48px;border:1px solid #fff;text-align:center;font-size:16px;color:#fff;font-weight:500;}


.nw_mvsl .motion{opacity:0; display:block; position:relative;  transition: all 0.5s ease-out;word-break:break-all;}
.nw_mvsl .motion.ac{opacity:1;word-break:break-all;}
.nw_mvsl .bnn_cnt{position: absolute; right: calc((100% - 1180px) / 2 + 30px); top: 50%;margin-top:-4px;z-index:52; color: #fff;font-family: 'Poppins';font-weight:bold;}
.nw_mvsl .bnn_cnt span{margin: 0 10px;font-size: 16px; color: #fff;font-family: 'Poppins';font-weight:bold;line-height: 16px;}
.nw_mvsl .bnn_cnt span.tbbn_tt{opacity: 0.5;}
.nw_mvsl .bnn_cnt span.tbbn_nu:after{content:"";position:absolute;right:-12px;top:7px;width:2px;height:10px;background:#fff;}
.nw_mvsl .bnn_cnt span.tbbn_nu{position:relative;font-size:16px;opacity: 1;}


.section01{background: url(../image/main/sec_bg1.jpg) no-repeat center bottom; background-size: cover;}
.section02{background: #fff;}
.section03{text-align:center;background: url(../image/main/sec_bg3.jpg) no-repeat center center; background-size: cover;}

.sectionCon{width:1180px;height:100%;margin:0 auto;display:table;}
.sectionCon > div.mcon_area{display:table-cell;vertical-align:middle;}

.mct_title{text-align:center;margin-bottom:35px;}
.mct_title > h2{font-size:30px;color:#080808;font-family: 'Poppins';font-weight:bold;line-height:30px;}
.mct_title > p{margin-top: 10px;font-size:18px;color:#171717;font-weight:350;}

.ms_line > li{position:relative;float:left;text-align:center;width:50%;height:500px;display:table;transition: all 0.3s ease-in-out;}

.ms_line > li.bg1{background: url(../image/main/ms1.jpg) no-repeat center center;background-size:cover;}
.ms_line > li.bg2{background: url(../image/main/ms2.jpg) no-repeat center center;background-size:cover;}
.ms_line > li > a{display:table-cell;vertical-align:middle;}
.ms_line > li > a > p{position:relative;font-size:35px;color:#fff;font-family: 'Poppins';font-weight:bold;padding-bottom:50px;}
.ms_line > li > a > p:after{content:"";position:absolute;left:40px;right:40px;bottom:25px;height:1px;background:rgba(255,255,255,0.2);}
.ms_line > li > a > ul > li{font-size:16px;color:#fff;font-weight:350;letter-spacing:-0.5;line-height:1.5;}



.ma_line{margin-left:-20px;}
.ma_line:before{content:"BIZ SYSTEM";position:absolute;right:0;bottom:90px;font-size:200px;color:#f0f0f0;font-family: 'Poppins';font-weight:bold;line-height:1;}
.ma_line > li{position:relative;float:left;margin-left:20px;width:calc(31% - 20px);height:430px;}
.ma_line > li.bg1{margin-top:50px;background: url(../image/main/ma1.jpg) no-repeat center center;background-size:cover;}
.ma_line > li.bg2{width:calc(38% - 20px);margin-top:10px;background: url(../image/main/ma2.jpg) no-repeat center center;background-size:cover;}
.ma_line > li.bg3{margin-top:50px;background: url(../image/main/ma3.jpg) no-repeat center center;background-size:cover;}
.ma_line > li > a{display:block;width:100%;height:400px;}
.ma_line > li > a dl{position:absolute;left:35px;bottom:40px;}
.ma_line > li > a dl dt{margin-bottom:15px;font-size:22px;color:#fff;font-weight:500;line-height:22px;}
.ma_line > li > a dl dd{font-size:16px;color:#fff;font-weight:350;line-height:24px;}



.mc_title{float:left;text-align:left;}
.mc_line{float:right;}
.mc_line > li{float:left;margin-left:-30px;}

.mc_title > p.tit{margin-top:-15px;font-size:38px;color:#fff; font-family: 'Poppins';font-weight: 300;line-height:45px;}
.mc_title > p.tit strong{display:block;}
.mc_title > p.txt{margin-top:25px;font-size:19px;color:#fff;line-height:28px;letter-spacing:-0.5px;font-weight: 300;}
.mc_title > a{display:inline-block;margin-top:40px;width:200px;height:48px;line-height:48px;border-radius:48px;border:1px solid #fff;text-align:center;font-size:16px;color:#fff;font-weight:500;}



@media screen and (min-width:1024px){
	.ms_line > li:hover{transform: scale(1.05,1.05);z-index:1;}
	.display-opacity2{opacity:0 ;}

	.display-opacity2.show-on{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}

	.time1{
		-webkit-transform:translate3d(0,-20px,0);
		-moz-transform:translate3d(0,-20px,0);
		-ms-transform:translate3d(0,-20px,0);
		-o-transform:translate3d(0,-20px,0);
		transform:translate3d(0,-20px,0);
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	.time2{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
	}

	.time3{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.8s;
		transition-duration: 0.8s;
		-webkit-transition-delay: 0.8s;
		transition-delay: 0.8s;
	}

	.time4{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 1.1s;
		transition-duration: 1.1s;
		-webkit-transition-delay: 1.1s;
		transition-delay: 1.1s;
	}
	


	.display-opacity{opacity:0 ;}

	.display-opacity.show-ons{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}

	.ps1{
		-webkit-transform:translate3d(0,-20px,0);
		-moz-transform:translate3d(0,-20px,0);
		-ms-transform:translate3d(0,-20px,0);
		-o-transform:translate3d(0,-20px,0);
		transform:translate3d(0,-20px,0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s;
	}

	.ps2{
		-webkit-transform:translate3d(0,-20px,0);
		-moz-transform:translate3d(0,-20px,0);
		-ms-transform:translate3d(0,-20px,0);
		-o-transform:translate3d(0,-20px,0);
		transform:translate3d(0,-20px,0);
		-webkit-transition-duration: 0.4s;
		transition-duration: 0.4s;
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
	.ps3{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 0.7s;
		transition-duration: 0.7s;
		-webkit-transition-delay: 0.7s;
		transition-delay: 0.7s;
	}
	.ps4{
		-webkit-transform:translate3d(0,-20px,0);
		-moz-transform:translate3d(0,-20px,0);
		-ms-transform:translate3d(0,-20px,0);
		-o-transform:translate3d(0,-20px,0);
		transform:translate3d(0,-20px,0);
		-webkit-transition-duration: 1.0s;
		transition-duration: 1.0s;
		-webkit-transition-delay: 1.0s;
		transition-delay: 1.0s;
	}
	.ps5{
		-webkit-transform:translate3d(0,20px,0);
		-moz-transform:translate3d(0,20px,0);
		-ms-transform:translate3d(0,20px,0);
		-o-transform:translate3d(0,20px,0);
		transform:translate3d(0,20px,0);
		-webkit-transition-duration: 1.3s;
		transition-duration: 1.3s;
		-webkit-transition-delay: 1.3s;
		transition-delay: 1.3s;
	}
	
}




@media screen and (max-width:1024px){
	.mainStep{display:none;}
	.nw_mvsl .scr_mv{display:none;}
	.mvsl_sld > li{overflow: hidden;height:calc(100vh - 90px);}
	.section{height:auto !important;}
	.mainWrap{min-width:100% !important;height:auto !important;}
	.sectionWrap{position:static; left:0; top:0; width: 100%;}
	.sectionCon{width:calc(100% - 20px);margin:0 auto;display:block;}
	.sectionCon > div.mcon_area{padding:50px 0;display:block;vertical-align:middle;}

	.nw_mvsl .wid{left:0; width:100%;text-align:center;}
	.nw_mvsl .wid > .all_txt{text-align:center;}
	.nw_mvsl .bx-controls-direction a{top: auto;bottom:30px;}
	.nw_mvsl .bx-prev{right: auto;left:50%; margin-left:-60px;}
	.nw_mvsl .bx-next{right:50%;margin-right:-60px;}
	.nw_mvsl .bnn_cnt{ right: 50%; top: auto;bottom:26px;margin-right:-40px;}

	.ma_line:before{display:none;}
}

@media screen and (max-width:768px){
	.nw_mvsl .wid > .all_txt > div > p{font-size:20px;}
	.nw_mvsl .wid > .all_txt > div > p strong{font-size: 24px;}

	.ms_line > li{float:none;width:100%;height:320px;}
	.ms_line > li > a{padding:10px;}
	.ms_line > li br{display: none;}
	.ms_line > li > a > p{font-size:22px;padding-bottom:30px;}
	.ms_line > li > a > p:after{left:15px;right:15px;bottom:15px;}

	.ma_line{margin-left:0;}
	.ma_line > li{margin-left:0;width:100%;height:220px;}
	.ma_line > li.bg1{width:100%;margin-top:0;}
	.ma_line > li.bg2{width:100%;margin-top:0;}
	.ma_line > li.bg3{width:100%;margin-top:0;}
	.ma_line > li > a dl{position:absolute;left:10px;}
	.ma_line > li > a dl dt{margin-bottom:12px;font-size:20px;}
	.ma_line > li > a dl dd{font-size:16px;color:#fff;font-weight:350;line-height:20px;}
	.ma_line > li > a dl dd br{display: none;}

	.mc_title{float:none;text-align:center;background: none;padding-bottom:0;margin-bottom:35px;}
	.mc_title > p.tit{margin-top:0;font-size:30px;line-height:36px;}
	.mc_title > p.txt{margin-top: 15px;}
	.mc_title > a{margin-top:25px;}
	.mc_line{float:none;margin-left:-5px;}
	.mc_line > li{margin-left:5px;width:calc(25% - 5px);}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:520px){
	.qc_open{left:-40px;width:40px;}
	
	.mc_line > li{margin-top:5px;width:calc(50% - 5px);}
	.mc_line > li img{width:100%;}
}

@media screen and (max-width:350px){
	
}