#main_wrap, #main_wrap *{ box-sizing:border-box; }
section.main_sc{ position:relative; z-index:1; overflow:hidden; }
section.main_sc:nth-child(even){ background-color:#000; }
section.main_sc:nth-child(odd){ background-color:#333; }

section, section *{ box-sizing:border-box; }
*{ box-sizing:border-box; }
section{ overflow:hidden; }
/* section:last-child{ padding-bottom:150px !important; } */
.mc-con{ max-width:1440px; width:100%; margin:0 auto;}
.sc_con{ max-width:1440px; width:100%; margin:0 auto; }
.main-con{width: 100%; max-width: 1800px; margin: 0 auto;}


/*sc01*/
#sc01{ background-color:#333; }

.main-pc{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; z-index: 99;}
.main-caption{width: 100%; padding: 0 15px; color: #fff; text-align: center;}
.main-caption > h2{font-size: 55px; line-height: 1.5; font-weight: 700; position: relative; z-index: 1;}
.main-caption > h2 > span{display: inline-block; position: relative;}
.main-caption > h2 > span > img{width: 140%; max-width: 790px; position: absolute; bottom: -35px; left: 0; animation: line 2s ease-in-out; z-index: -1;}

@keyframes line{
	0%{width: 0; bottom: 0;}
	100%{width: 140%; bottom: -35px;}
}

.sc01Sli{ position:relative; z-index:1; background-color:#333; overflow:hidden; }
.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_mbg{ display:none; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_fr{ position:relative; z-index:1; min-height:max(600px,36.4583333vw); padding:150px 70px; display:flex; align-items:center; /*background-color:rgba(0,0,0,.35);*/ }

.sc01_txt{ max-width:1400px; width:100%; margin:0 auto; }
.sc01_txt > h2{ font-size:50px; font-weight:700; line-height:1.2em; margin-bottom:30px; }
.sc01_txt > hr{ display:block; width:100px; height:3px; margin:0 0 30px; border:none; }
.sc01_txt > p{ font-size:18px; font-weight:300; line-height:1.5em; }
.sc01_txt > a{ display:inline-block; margin:40px 0 0; padding:13px 40px; border-radius:100px; font-size:18px; font-weight:300; line-height:1em; text-align:center; transition:0.4s all; }

.sc01_nav{ position:absolute; z-index:60; top:50%; width:30px; height:80px; margin:-40px 0 0; cursor:pointer; }
.sc01_nav.swiper-button-disabled{ opacity:0.3; }
.sc01_nav#sc01pr{ left:20px; }
.sc01_nav#sc01pr:before{ content:''; position:absolute; z-index:1; top:0; left:0; width:4px; height:40px; transform:skew(-33deg); transform-origin:left bottom; }
.sc01_nav#sc01pr:after{ content:''; position:absolute; z-index:1; bottom:0; left:0; width:4px; height:40px; transform:skew(33deg); transform-origin:left top; }
.sc01_nav#sc01nx{ right:20px; }
.sc01_nav#sc01nx:before{ content:''; position:absolute; z-index:1; top:0; right:0; width:4px; height:40px; transform:skew(33deg); transform-origin:right bottom; }
.sc01_nav#sc01nx:after{ content:''; position:absolute; z-index:1; bottom:0; right:0; width:4px; height:40px; transform:skew(-33deg); transform-origin:right top; }

.sc01_btn{ display:flex; align-items:center; position:absolute; z-index:60; bottom:30px; left:50%; width:auto; transform:translate(-50%, 0); }
#sc01pg{ margin-right:10px; }
#sc01pg > .swiper-pagination-bullet{ opacity:1; width:12px; height:12px; border-radius:100px; margin:0 3px; transition:0.5s all; }
#sc01pg > .swiper-pagination-bullet-active{ width:40px; }
.sc01_ap{ cursor:pointer; border-radius:100%; font-size:20px; }
.sc01_ap .la-play{ display:none; }
.sc01_ap .la-pause{ display:block; }
.sc01_ap.paused .la-play{ display:block; }
.sc01_ap.paused .la-pause{ display:none; }

.sc01mw{ position:relative; z-index:1; overflow:hidden; background-color:#333; width: 100%; height: 100%;}
.sc01mw > .sc01_bdo{ position:absolute; z-index:1; top:50%; left:50%; min-width:100%; height:155%; transform:translate(-50%,-50%); }

.vimeo_player_wrapper{opacity: 1 !important;}

.main-count-wrap{width: 100%; padding: 0 15px; max-width: 1600px; margin: 70px auto 0; display: flex; justify-content: space-between; z-index: 88;}
.main-count-box{width: 20%; padding: 0 15px; text-align: center; color: #fff;}
.main-count-box > p{font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.main-count-box > h5{font-size: 20px; font-weight: 500; line-height: 1;}
.main-count-box > h5 > span{font-size: 55px; font-weight: 700;}

/* sc02 */
#sc02{position: relative;}
.sc02-tit{text-align: center; color: #fff; margin-bottom: 1rem; padding-top: 4rem;}
.sc02-tit > h2{font-size: 35px; line-height: 1.5; font-weight: 700;}
.sc02-cont{text-align: center; color: #fff;}
.sc02-cont > h5{font-size: 18px; line-height: 1.5; font-weight: 600;}
.sc02-wrap{width: 100%; display: flex; justify-content: space-between; padding-top: 60px; margin-bottom: 3rem;}
.sc02-box{width: 18%; position: relative; text-align: center;}
.sc02-box > .rc-bg{width: 100%; max-width: 230px;}
.sc02-box > .rc-cp-wrap{width: 100%; max-width: 115px; position: absolute; top: -40px; right: 0;}
.sc02-box > .rc-cp-wrap .rc-cp{width: 100%;}
.sc02-box > .rc-cp-wrap h5{font-size: 18px; color: #000; line-height: 1.3; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sc02-caption{position: absolute; top: 60px; left: 50%; transform: translateX(-50%); padding: 0 5px; width: 100%; max-width: 230px;}
.rc-tit{text-align: center; padding: 1.5rem 0; border-bottom: 1px solid #ddd; color: #000;}
.rc-tit > p{font-size: 18px; font-weight: 500;}
.rc-tit > h3{font-size: 28px; font-weight: 700;}
.rc-cont{text-align: center; padding: 1rem 0; border-bottom: 1px solid #ddd; color: #000;}
.rc-cont > p{font-size: 16px; font-weight: 500;}
.rc-cont > h3{font-size: 26px; font-weight: 700; margin: 5px 0;}

.animate__animated.animate__bounce {
	--animate-duration: 2s;
  }

/* sc03 */
#sc03{position: relative;}
.sc03-txt{width: 100%; padding: 0 15px; display: flex; position: absolute; top: 50%; transform: translateY(-50%); left: 0; justify-content: center;}
.sc03-txt > h2{font-size: 40px; font-weight: 800; line-height: 1.8; text-transform: uppercase; color: #fff;}
.sc03-txt > h2 > span{display: inline-block; border-radius: 5px; width: 440px; height: 55px; transform: translateY(12px); overflow: hidden; position: relative;}
.sc03-txt > h2 > span > img{display: block; width: 100%; position: absolute; top: 0; left: -100%; border-radius: 5px;}
.sc03-txt > h2 > span > img.sc03-img1{transition: 1s left .7s;}
.main_sc.active .sc03-txt > h2 > span > img{left: 0;}

/* sc04 */
.sc04-con{width: 100%; height: 100vh;}
.sc04-wrap{width: 100%; height: 100%; display: flex;}
.sc04-box{width: 33.33333%; height: 100vh; position: relative; overflow: hidden;}
.sc04-bg{width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sc04-hover{width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .5s; position: absolute; top: -100%; left: 0; background-color: #000;}
.sc04-caption{padding: 0 15px; width: 100%; position: absolute; top: 50%; left: 0; text-align: center; transition: .5s; z-index: 3;}
.sc04-caption > h2{font-size: 30px; font-weight: 500; color: #fff;}
.sc04-caption > p{color: rgba(255, 255, 255, .9); font-size: 18px; margin-top: 1.5rem; opacity: 0; transition: .5s opacity .2s;}
.sc04-caption > a{color: #fff; font-size: 16px; margin-top: 1.5rem; display: inline-block; opacity: 0; transition: .5s opacity .4s;}

.sc04-box:hover .sc04-hover{top: 0;}
.sc04-box:hover .sc04-caption{transform: translateY(-50%); }
.sc04-box:hover .sc04-caption > p{opacity: 1;}
.sc04-box:hover .sc04-caption > a{opacity: 1;}

.sc04-box:nth-child(1) .sc04-bg{background-color: #4A3232;}
.sc04-box:nth-child(2) .sc04-bg{background-color: #102D33;}
.sc04-box:nth-child(3) .sc04-bg{background-color: #302B32;}
.sc04-box:nth-child(4) .sc04-bg{background-color: #231208;}

/* sc05 */
#sc05{ position:relative; z-index:1; background-color: #fff;}
.sc05_tp{ max-width:1840px; width:100%; padding:100px 20px 0; margin:0 auto 80px; }
.sc05_txt{ max-width:60%; padding-right:40px; word-break:keep-all; }
.sc05_txt > .sc05-logo{margin-bottom: 10px;}
.sc05_txt > .sc05-logo > span{display: inline-block; max-width: 50px; position: relative;}
.sc05_txt > .sc05-logo > span > img{width: 100%;}
.sc05_txt > h2{ font-size:35px; font-weight:700; color:#333; line-height:1.3em; margin-bottom:20px; }
.sc05_txt > p{ font-size:16px; font-weight:300; color:#666; line-height:1.5em; }
.sc05_txt > p > b{font-size: 18px;}
.sc05_txt > p > i{ color:#cd2828; }

.sc05_mq{ width:3840px; display:flex; transform:translate(0, 0); animation:30s marquee infinite linear; -webkit-animation:30s marquee infinite linear; -moz-animation:30s marquee infinite linear; -o-animation:30s marquee infinite linear; }
.sc05_mq > li{ width:5.555555555555556%; padding: 0 10px;}
.sc05_mq > li > img{ display:block; width:100%; height:auto; }

.sc05_fr{ position:absolute; z-index:50; bottom:0; left:50%; max-width:500px; width:50%; min-width:311px; }

@keyframes marquee{
	from{ transform:translate(0, 0); }
	to{ transform:translate(-1280px, 0); }
}

@media(max-width:991px){
	.sc05_txt{ max-width:100%; width:100%; padding:0; }
}
@media(max-width:600px){
	.sc05_txt > h2{ font-size:24px; }
	.sc05_txt > p{ font-size:14px; }
	.sc05_fr{ left:auto; right:0; }
}

/* sc06 */
#sc06{background-color: #333;}
#sc06 .sc_con{ position:relative; z-index:60; padding:100px 20px; max-width:1840px; width:100%; margin:0 auto; }
#sc06Sli{ position:absolute; z-index:1; top:0; left:0; height:100%; width:100%; display:flex; }
.sc06Sli{ position:relative; z-index:1; height:auto !important; }
.sc06Sli:after{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.3); }
.sc06_img{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; background-repeat:no-repeat; width: 100%;}

.sc06_txt{ max-width:500px; width:100%; word-break:keep-all; }
.sc06_txt > .sc06_nav{ display:flex; margin-bottom:30px; }
.sc06_nav i{ display:block; }
#sc06pr{ border:1px solid #fff; border-radius:100%; padding:9px; font-size:20px; color:#fff; cursor:pointer; margin-right:10px; }
#sc06nx{ border:1px solid #fff; border-radius:100%; padding:9px; font-size:20px; color:#fff; cursor:pointer; }
.sc06_txt > h2{ font-size:35px; font-weight:700; color:#fff; line-height:1.3; margin-bottom:1.5rem; }
.sc06_txt > p{ font-size:18px; font-weight:300; color:#fff; line-height:1.3; margin-bottom: 1.5rem;}
.sc06_txt > a{ display:inline-block; margin-top:16px; background-color:#e60012; border-radius:6px; padding:13px 30px 15px; font-size:16px; font-weight:400; color:#fff; line-height:1em; transition: .5s;}
.sc06_txt > a:hover{border-radius: 0;}

@media(max-width:600px){
	.sc06Sli:after{ background-color:rgba(0,0,0,.45); }
	.sc06_txt > h2{ font-size:24px; }
	.sc06_txt > p{ font-size:14px; }
	.sc06_txt > a{font-size: 14px;}
}

/* sc07 */
#sc07{width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #000;}
.sc07-con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 470px; width: 30%; z-index: 2;}
.sc07-logo{text-align: center; margin-bottom: 1.5rem;}
.sc07-logo img{max-width: 200px;}
.sc07-box{border: 1px solid #707070; background-color: #fff; padding: 1rem; margin-bottom: 1.5rem;}
.sc07-cont{display: flex; padding: 10px 0; border-bottom: 1px solid #707070;}
.sc07-cont:first-child{padding-top: 0;}
.sc07-cont:last-child{padding-bottom: 0; border-bottom: 0;}
.sc07-tit{width: 15%;}
.sc07-tit > p{font-size: 13px; font-weight: 700;}
.sc07-txt{width: 85%; padding-left: 3rem; border-left: 1px solid #707070;}
.sc07-txt > h5{font-size: 13px; line-height: 1.8; font-weight: 400;}
.sc07-copy{text-align: center;}
.sc07-copy > p{font-size: 16px; color: #fff;}

@media(min-width:992px){
	.ms-img{display: block;}
	.ms-img-m{display: none;}

	.main-caption-mo{display: none;}

	.sc02-swiper{display: none;}

	.d-lg-block{display: block;}
	.d-lg-none{display: none;}
}
@media(max-width:1439px){ 
	.mc-con{padding: 0 2rem;}

}
@media(max-width:991px){

	.d-block{display: block;}
	.d-none{display: none;}

	.mc-con{padding: 0 15px;}
	.sc01_fr{ padding:150px 15px; }
	.sc01_nav{ display:none; }

	.main_sc.fp-section.m-auto{height: auto !important;}
  	.m-auto > .fp-tableCell{height: auto !important; }

	.ms-img{display: none;}
	.ms-img-m{display: block;}

	.main-caption{padding: 0 15px; display: none;}
	.main-caption > h2{font-size: 30px;}
	.main-caption > h5{font-size: 16px;}

	.main-caption-mo{margin-bottom: 2rem; text-align: center; color: #fff; width: 100%;}
	.main-caption-mo > h2{font-size: 24px;}

	.main-caption > h2 > span > img{display: none;}

	.main-count-wrap{flex-wrap: wrap;}
	.main-count-box{width: 49%; padding: 0; margin-bottom: 2rem;}
	.main-count-box.mcb1{width: 100%;}
	.main-count-box.mcb4, .main-count-box.mcb5{margin-bottom: 0;}
	.main-count-box > h5{font-size: 16px;}
	.main-count-box > h5 > span{font-size: 24px;}
	.main-count-box > p{font-size: 12px; margin-bottom: 5px;}
	.sc02-box > .rc-cp-wrap h5{font-size: 12px;}

	/* sc02 */
	#sc02{padding: 100px 0;}
	.sc02-tit > h2{font-size: 24px;}
	.sc02-wrap{display: none;}
	.sc02-swiper{display: block; margin-bottom: 1.5rem;}
	.sc02-box{width: 100%; padding-top: 50px;}
	.sc02-caption{top: 90px;}
	.rc-tit{padding: 1rem 0;}
	.rc-tit > p{font-size: 12px; margin-bottom: 3px;}
	.rc-tit > h3{font-size: 16px;}
	.rc-cont > p{font-size: 12px;}
	.rc-cont > h3{font-size: 14px;}
	.sc02-box > .rc-cp-wrap{max-width: 65px; top: 35px;}
	.sc02-cont > h5{font-size: 14px;}
	.sc02-tit{padding-top: 0;}

	/* sc03 */
	.sc03-txt > h2{font-size: 24px;}
	.sc03-txt > h2 > span{display: none;}

	/* sc04 */
	#sc04.m-auto > .fp-tableCell{padding: 0;}
	.sc04-wrap{flex-direction: column;}
	.sc04-box{width: 100%; height: 300px; flex: 1 1 auto;}
	.sc04-box .sc04-hover{display: none;}
	.sc04-box .sc04-caption{transform: translateY(-50%); }
	.sc04-box .sc04-caption > p{opacity: 1; font-size: 14px; margin-top: 1rem;}
	.sc04-box .sc04-caption > a{opacity: 1;}
	.sc04-bg{height: 300px;}
	.sc04-box .sc04-caption > h2{font-size: 20px;}

	/* sc05 */
	.sc05_mq{width: 3000px;}
	.sc05_fr{min-width: 200px;}
	.sc05_tp{padding: 50px 15px 0; margin: 0 auto 60px;}

	/* sc07 */
	.sc07-logo img{max-width: 120px;}
	.sc07-con{width: 100%; min-width: auto; padding: 0 15px;}
	.sc07-tit > p{font-size: 12px;}
	.sc07-txt{padding-left: 1rem;}
	.sc07-txt > h5{font-size: 12px;}
	.sc07-cont{align-items: center;}
	.sc07-copy > p{font-size: 12px;}
}