.main_sec{ overflow:hidden; }
.main_sec, .main_sec *{ box-sizing:border-box; }
.main_sec .sec_con{ max-width:1500px; width:100%; margin:0 auto; }



/* sec01 */
#sec01{ position:relative; z-index:1; background-color:#000; }

#sec01_sli{ height:100%; }
.sec01_sli{ position:relative; z-index:1; overflow:hidden; position:relative; z-index:1; padding:230px 20px; min-height:46.875vw; height:auto; background-color:#333; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-size:cover; background-position:center; background-repeat:no-repeat; }
.sec01_sli:before{ content:''; position:absolute; z-index:2; top:0; bottom:0; left:0; right:0; }
.sec01_sli_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; background-repeat:no-repeat; transform:scale(1.2); transition:0.8s transform; }
.sec01_sli.swiper-slide-active > .sec01_sli_bg, .sec01_sli.swiper-slide-duplicate-active > .sec01_sli_bg{ transform:scale(1); transition:5s transform; }
.sec01_sli_fr{ position:relative; z-index:2; max-width:1500px; width:100%; margin:0 auto; }
.sec01_sli_txt{ max-width:750px; width:100%; word-break:keep-all; }
.sec01_sli_txt > h4{ font-size:25px; font-weight:700; margin-bottom:5px; line-height:1em; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sec01_sli_txt > h2{ font-family:'score'; font-size:60px; font-weight:700; margin-bottom:30px; line-height:1.3em; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sec01_sli_txt > h2 > span{ font-weight:100; }
.sec01_sli_txt > p{ font-size:20px; font-weight:300; line-height:1.6em; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sec01_sli_txt > a{ display:inline-block; margin-top:40px; padding:10px 25px; font-size:16px; font-weight:300; color:#888; border-radius:6px; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s, 0.3s color, 0.3s background-color; }
.sec01_sli_txt > a:hover{ color:#fff; }

.sec01_sli.swiper-slide-active .sec01_sli_txt > h4{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.6s, 1s transform 0.6s; }
.sec01_sli.swiper-slide-active .sec01_sli_txt > h2{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.8s, 1s transform 0.8s; }
.sec01_sli.swiper-slide-active .sec01_sli_txt > p{ opacity:1; transform:translate(0, 0); transition:1s opacity 1.0s, 1s transform 1.0s; }
.sec01_sli.swiper-slide-active .sec01_sli_txt > a{ opacity:1; transform:translate(0, 0); transition:1s opacity 1.2s, 1s transform 1.2s, 0.3s color, 0.3s background-color; }

#sec01_sli.dest .sec01_sli_txt > h4{ opacity:1; transform:translate(0, 0); transition:1s opacity 0s, 1s transform 0s; }
#sec01_sli.dest .sec01_sli_txt > h2{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.2s, 1s transform 0.2s; }
#sec01_sli.dest .sec01_sli_txt > p{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.4s, 1s transform 0.4s; }
#sec01_sli.dest .sec01_sli_txt > a{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.8s, 1s transform 0.8s, 0.3s color, 0.3s background-color; }

#sec01_page{ position:absolute; z-index:60; bottom:30px; left:0; text-align:center; }
#sec01_page > .swiper-pagination-bullet{ margin:0 3px; width:12px; border-radius:30px; height:12px; opacity:0.75; background-color:#777; transition:0.3s width, 0.3s background-color, 0.3s opacity; }
#sec01_page > .swiper-pagination-bullet-active{ width:40px; opacity:1; }

#sec01_vid{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; overflow:hidden; }
#sec01_vid:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }

.sec01_mp{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow:hidden; }
.sec01_mp:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
#sec01_mp{ position:absolute; z-index:1; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%, -50%); }
.sec01_fr{ display:table; height:auto; padding:170px 20px; position:relative; z-index:2; max-width:1180px; width:100%; min-height:46.875vw; height:auto; margin:0 auto; }
.sec01_fr > .sec01_fr_box{ display:table-cell; vertical-align:middle; }
.sec01_txt{ max-width:750px; width:85%; word-break:keep-all; }
.sec01_txt > h4{ font-size:25px; font-weight:700; margin-bottom:5px; line-height:1em; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sec01_txt > h4 > span{ font-weight:100; }
.sec01_txt > h2{ font-size:60px; font-weight:900; margin-bottom:40px; line-height:1em; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sec01_txt > p{ font-size:20px; font-weight:300; line-height:1.5em; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sec01_txt > a{ display:inline-block; margin-top:40px; padding:10px 25px; font-size:16px; font-weight:300; color:#888; border-radius:6px; opacity:0; transform:translate(100px, 0); transition:0s opacity 0.8s, 0s transform 0.8s, 0.3s color, 0.3s background-color; }
.sec01_txt > a:hover{ color:#fff; }

#sec01.active .sec01_fr > .sec01_fr_box > .sec01_txt > h4{ opacity:1; transform:translate(0, 0); transition:1s opacity 0s, 1s transform 0s; }
#sec01.active .sec01_fr > .sec01_fr_box > .sec01_txt > h2{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.2s, 1s transform 0.2s; }
#sec01.active .sec01_fr > .sec01_fr_box > .sec01_txt > p{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.4s, 1s transform 0.4s; }
#sec01.active .sec01_fr > .sec01_fr_box > .sec01_txt > a{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.8s, 1s transform 0.8s, 0.3s color, 0.3s background-color; }

@media(max-width:800px){
	.sec01_sli_txt{ max-width:650px; width:100%; text-align:center; margin:0 auto; }
	.sec01_sli_txt > h4{ font-size:20px; transform:translate(0, 100px); }
	.sec01_sli_txt > h2{ font-size:50px; transform:translate(0, 100px); }
	.sec01_sli_txt > p{ font-size:16px; transform:translate(0, 100px); }
	.sec01_sli_txt > a{ padding:8px 20px; font-size:15px; transform:translate(0, 100px); }

	.sec01_txt{ max-width:650px; width:100%; text-align:center; margin:0 auto; }
	.sec01_txt > h4{ font-size:20px; transform:translate(0, 100px); }
	.sec01_txt > h2{ font-size:50px; transform:translate(0, 100px); }
	.sec01_txt > p{ font-size:16px; transform:translate(0, 100px); }
	.sec01_txt > a{ padding:8px 20px; font-size:15px; transform:translate(0, 100px); }

	#sec01_page{ bottom:20px; }
}
@media(max-width:600px){
	.sec01_sli{ padding:110px 20px 90px; min-height:125vw; }
	.sec01_sli_txt > h4{ font-size:17px; }
	.sec01_sli_txt > h2{ font-size:7.7vw; }
	.sec01_sli_txt > p{ font-size:14px; }

	.sec01_fr{ padding:100px 20px; min-height:125vw; }
	.sec01_txt > h4{ font-size:17px; }
	.sec01_txt > h2{ font-size:7.7vw; }
	.sec01_txt > p{ font-size:14px; }

	#sec01_page{ bottom:20px; }
	#sec01_page > .swiper-pagination-bullet{ width:10px; height:10px; }
	#sec01_page > .swiper-pagination-bullet-active{ width:30px; }
}





/* sec02 */
#sec02{ padding:120px 0; }
#sec02 > .sec_con{ max-width:1540px; padding:0 20px; }
.sec02_pt_wrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.sec02_pt.pt_lf{ width:35%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.sec02_txt{ width:100%; padding-right:35px; word-break:keep-all; }
.sec02_txt > h2{ font-family:'score'; font-size:35px; font-weight:800; color:#333; margin-bottom:15px; line-height:1em; }
.sec02_txt > p{ font-size:18px; font-weight:300; color:#333; line-height:1.4em; }
.sec02_ctr{ margin-top:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.sec02_nav{ position:relative; z-index:1; width:40px; height:40px; border:1px solid #333; background-color:#fff; border-radius:100%; cursor:pointer; transition:0.3s background-color; }
#sec02_pv:after{ content:''; position:absolute; z-index:1; width:5px; height:5px; top:50%; left:50%; border-top:2px solid #333; border-left:2px solid #333; transform:translate(-33.333%, -50%) rotate(-45deg); transition:0.3s border; }
#sec02_pv:hover:after{ border-top:2px solid #ccc; border-left:2px solid #ccc; }
#sec02_nx:after{ content:''; position:absolute; z-index:1; width:5px; height:5px; top:50%; left:50%; border-top:2px solid #333; border-right:2px solid #333; transform:translate(-66.666%, -50%) rotate(45deg); transition:0.3s border; }
#sec02_nx:hover:after{ border-top:2px solid #ccc; border-right:2px solid #ccc; }
.sec02_nav:hover{ background-color:#333; outline:none; }
#sec02_pg{ width:auto; padding:0 25px; font-size:18px; }
#sec02_pg > .swiper-pagination-current{ color:#0368eb; }

.sec02_pt.pt_rt{ width:55%; }
.sec02_sli_wrap{ width:165%; }
.sec02_sli_box{ position:relative; z-index:1; border-radius:10px; overflow:hidden; }
.sec02_sli_box > .sec02_sli_img{ width:100%; padding-top:50%; min-height:270px; position:relative; z-index:1; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sec02_sli_box > .sec02_sli_img.img_01{ background-image:url(../img/main/02-01.jpg); }
.sec02_sli_box > .sec02_sli_img.img_02{ background-image:url(../img/main/02-02.jpg); }
.sec02_sli_box > .sec02_sli_img.img_03{ background-image:url(../img/main/02-03.jpg); }
.sec02_sli_box > .sec02_sli_img.img_04{ background-image:url(../img/main/02-04.jpg); }
.sec02_sli_box > .sec02_sli_img.img_05{ background-image:url(../img/main/02-05.jpg); }
.sec02_sli_box > .sec02_sli_img.img_06{ background-image:url(../img/main/02-06.jpg); }
.sec02_sli_box > a{ display:block; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; padding:30px; }
.sec02_sli_txt{ max-width:500px; word-break:keep-all; }
.sec02_sli_txt > h3{ font-size:28px; font-weight:700; color:#fff; margin-bottom:10px; line-height:1em; }
.sec02_sli_txt > h3 > span{ margin-right:10px; }
.sec02_sli_txt > h3 > small{ display:inline-block; font-size:0.5em; font-weight:200; }
.sec02_sli_txt > p{ font-size:16px; font-weight:300; color:#ddd; line-height:1.5em; }

@media(max-width:900px){
	.sec02_pt.pt_lf{ width:100%; margin-bottom:50px; }
	.sec02_txt{ padding-right:0; }
	.sec02_pt.pt_rt{ width:100%; }
	.sec02_sli_wrap{ width:100%; }
}
@media(max-width:500px){
	.sec02_sli_box > a{ padding:20px; }
	.sec02_sli_txt > h3{ font-size:24px; }
}




/* sec03 */
#sec03{  }
#sec03 > .sec_con{ max-width:100%; }
.sec03_acc_wrap{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.sec03_acc{ flex-grow:1; width:25%; background-position:top 50% left 0%; background-size:cover; background-repeat:no-repeat; transition:0s background-position; }
/*.sec03_acc:hover{ width:50%; }*/
.sec03_acc:hover{ background-position:top 50% left 100%; transition:8s background-position linear; }
.sec03_acc.acc_01{ background-image:url("../img/main/03-01.jpg"); }
.sec03_acc.acc_02{ background-image:url("../img/main/03-02.jpg"); }
.sec03_acc.acc_03{ background-image:url("../img/main/03-03.jpg"); }
.sec03_acc > a{ display:block; min-height:40vw; height:100%; background-color:rgba(0,0,0,.5); box-shadow:inset -19px 0 15px -10px rgba(0,0,0,.5); padding:55px 40px 150px; }
.sec03_acc > a > .sec03_txt{ overflow:hidden; word-break:keep-all; }
.sec03_acc > a > .sec03_txt > h5{ font-size:18px; font-weight:400; color:#ccc; opacity:0; transform:translate(-150px,0); -webkit-transform:translate(-150px,0); -moz-transform:translate(-150px,0); -o-transform:translate(-150px,0); transition:0.7s transform,0.7s opacity; }
.sec03_acc.act > a > .sec03_txt > h5{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); }
.sec03_acc > a > .sec03_txt > h3{ font-size:45px; font-weight:700; color:#fff; line-height:1.3em; margin-bottom:10px; opacity:0; transform:translate(-150px,0); -webkit-transform:translate(-150px,0); -moz-transform:translate(-150px,0); -o-transform:translate(-150px,0); transition:0.7s transform 0.2s,0.7s opacity 0.2s; }
.sec03_acc.act > a > .sec03_txt > h3{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); }
.sec03_acc > a > .sec03_txt > p{ font-size:14px; font-weight:300; color:#ddd; line-height:1.7em; margin-bottom:30px; opacity:0; transform:translate(-150px,0); -webkit-transform:translate(-150px,0); -moz-transform:translate(-150px,0); -o-transform:translate(-150px,0); transition:0.7s transform 0.4s,0.7s opacity 0.4s; }
.sec03_acc.act > a > .sec03_txt > p{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); }
.sec03_acc > a > .sec03_txt > h4{ display:inline-block; position:relative; z-index:1; background-color:transparent; font-size:16px; font-weight:300; color:#fff; padding:10px 50px 10px 0; border-bottom:1px solid #aaa; opacity:0; transform:translate(-150px,0); -webkit-transform:translate(-150px,0); -moz-transform:translate(-150px,0); -o-transform:translate(-150px,0); transition:0.7s transform 0.6s,0.7s opacity 0.6s,0.5s color; }
.sec03_acc.act > a > .sec03_txt > h4{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); }
.sec03_acc > a > .sec03_txt > h4:after{ content:''; position:absolute; z-index:1; bottom:-1px; left:0; height:1px; width:0; background-color:#00dcff; transition-duration:1s; }
.sec03_acc:hover > a > .sec03_txt > h4{ color:#00dcff; }
.sec03_acc:hover > a > .sec03_txt > h4:after{ width:100%; }

@media(max-width:900px){
	.sec03_acc_wrap{ -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	.sec03_acc{ width:100%; }
	.sec03_acc > a{ box-shadow:inset 0 10px 15px 0 rgba(0,0,0,.5); padding:40px 30px 100px; }
	.sec03_acc > a > .sec03_txt > h3{ font-size:40px; }
	.sec03_acc > a > .sec03_txt > p{ margin-bottom:20px; }
}




/* sec04 */
#sec04{ padding:120px 20px 100px; }
#sec04 > .sec_con{ max-width:1300px; }
.sec04_tt{ max-width:500px; width:100%; text-align:center; margin:0 auto 60px; }
.sec04_tt > h2{ font-family:'score'; font-size:35px; font-weight:800; color:#333; margin-bottom:15px; line-height:1em; }
.sec04_tt > p{ font-size:18px; font-weight:300; color:#333; line-height:1.4em; }

.sec04_tb{ max-width:400px; width:100%; margin:0 auto 30px; }
.sec04_tb > ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.sec04_tb > ul > li{ position:relative; z-index:1; max-width:195px; width:50%; display:-webkit-box; display:-ms-flexbox; display:flex; border:1px solid #333; cursor:pointer; }
.sec04_tb > ul > li:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:100%; background-color:#333; transition:0.4s right; }
.sec04_tb > ul > li:hover:before, .sec04_tb > ul > li.act:before{ right:0; }
.sec04_tb > ul > li > span{ position:relative; z-index:2; display:block; width:100%; padding:10px 15px; text-align:center; font-family:'score'; font-size:17px; font-weight:200; color:#333; transition:0.3s color; }
.sec04_tb > ul > li:hover > span, .sec04_tb > ul > li.act > span{ color:#eee; }

.sec04_tc{ overflow:hidden; max-height:0; padding:0 8px; margin:0 -8px; transform:scale(0.99) translate(0, 30px); opacity:0; transition:0.55s opacity 0s,0s max-height 0.55s,0.55s transform 0s }
.sec04_tc.act{ max-height:30000px; transform:scale(1) translate(0, 0); opacity:1; transition:0.55s opacity 0.55s,0s max-height 0.55s,0.55s transform 0.55s; }
.sec04_tc > .xe-widget-wrapper{ overflow:visible; }

@media(max-width:500px){
	.sec04_tb > ul > li > span{ padding:10px; font-size:14px; }
}




/* sec05 */
#sec05{ padding:0 20px 100px; }
.sec05_pt_wrap{ margin:0 -25px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.sec05_pt{ width:33.33333333%; padding:30px 25px; border-right:1px solid #ddd; display:-webkit-box; display:-ms-flexbox; display:flex; /*-webkit-box-align:center; -ms-flex-align:center; align-items:center;*/ }
.sec05_pt:last-child{ border-right:none; }
.sec05_box{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.sec05_ic{ position:relative; z-index:1; min-width:100px; width:100px; height:100px; background-color:#aaa; border-radius:100%; box-shadow:inset 0 0 0 0px #0368eb; transition:0.5s box-shadow; overflow:hidden; }
.sec05_ic > div{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
.sec05_box:hover > .sec05_ic{ box-shadow:inset 0 0 0 50px #0368eb; }
.sec05_txt{ padding:15px 0 0 25px; word-break:keep-all; }
.sec05_txt > h3{ font-size:24px; font-weight:700; color:#333; margin-bottom:5px; }
.sec05_txt > p{ font-size:15px; font-weight:300; color:#666; }

@media(max-width:900px){
	.sec05_pt{ width:50%; }
	.sec05_pt:last-child{ padding-bottom:0; }
}
@media(max-width:700px){
	.sec05_pt_wrap{ margin:0; }
	.sec05_pt{ width:100%; padding:0 0 30px; margin-bottom:30px; border-right:none; border-bottom:1px dashed #ddd; }
	.sec05_pt:last-child{ padding:0; margin-bottom:0; border-bottom:none; }
	.sec05_pt:nth-child(2){ border-right:none; }
}



/* sec06 */
#sec06{ padding:0 20px 100px; background-color:#fff; }
.sec06_wrap{ margin:0 auto; padding:30px; border-radius:8px; background-color:#f9f9f9; box-shadow:4px 4px 9px 0 rgba(0,0,0,0.25); }
.sec06_pt_wrap{ margin:0 -15px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-around; }
.sec06_pt{ max-width:280px; width:25%; padding:0 15px; }
.sec06_pt > h3{ font-size:17px; font-weight:300; color:#333; text-align:center; }
.sec06_pt > a{ display: block; max-width:250px; width:100%; margin:0 auto; }
.sec06_pt > a > img{ max-width:100%; max-height:30px; width:auto; height:auto; display:block; margin:0 auto; }


@media(max-width:620px){
	.sec06_pt{ width:33.33333333%; }
	.sec06_pt.pt_01{ max-width:100%; width:100%; padding:0 15px 20px; }
}
@media(max-width:500px){
	.sec06_wrap{ padding:20px; }
	.sec06_pt_wrap{ margin:0 -5px; }
	.sec06_pt{ padding:0 5px; }
	.sec06_pt.pt_01{ padding:0 5px 15px; }
}


/* sec07 */
#sec07{ padding:40px 20px; background-color:#f9f9f9; }
#sec07_sli{ padding:0 25px; }
.sec07_sli > .sec07_sli_img{ max-width:70px; width:100%; margin:0 auto; }
.sec07_sli > .sec07_sli_img > img{ display:block; width:100%; height:auto; }
.sec07_nav{ position:absolute; z-index:60; top:50%; transform:translate(0, -50%); /*transition:0.3s transform, 0.3s opacity; cursor:pointer;*/ }
.sec07_nav > i{ font-size:25px; }
.sec07_nav#sec07_pv{ left:0; /*transform:translate(-100%, -50%); opacity:0;*/ }
.sec07_nav#sec07_nx{ right:0; /*transform:translate(100%, -50%); opacity:0;*/ }
/*#sec07_sli:hover > .sec07_nav#sec07_pv{ left:0; transform:translate(0, -50%); opacity:1; }
#sec07_sli:hover > .sec07_nav#sec07_nx{ right:0; transform:translate(0, -50%); opacity:1; }*/