@charset "utf-8";
/******************************* main-visual *******************************/

	#container{transition:opacity 0.8s cubic-bezier(0, 0, 0.33, 0.9) 0s;opacity:1;}
	/*#mainSlide{height:720px;clear:both;position:relative;background:#002d7a;}*/
	#mainSlide{height:720px;clear:both;position:relative;background:#ffffff;display:none;}
	#mainSlide .slick-list{position:relative;z-index:10}
	#mainSlide .slick-slide{position:relative;height:720px;overflow:hidden;}
	#mainSlide .slick-slide img{position:absolute;left:50%;top:0;margin-left:-960px;}
	#mainSlide .text{position:absolute;left:0;top:0;width:100%;margin:0 auto;}
	#mainSlide .text .textWrap{width:1200px;margin:0 auto;box-sizing:border-box;text-align:left;padding:170px 0 0 0;}
	#mainSlide .text .textWrap strong{display:block;color:#fff;font-size:4.444rem;line-height:1.2em;word-break:break-word;letter-spacing:-0.02em;margin-bottom:0.5rem;}
	#mainSlide .text .textWrap p{color:#fff;font-size:2.222rem;font-family:'NotoM';line-height:1.3;}
	#mainSlide .text .textWrap p span{font-weight:100;font-family:'Spoqa Han Sans';}
	#mainSlide .text .textWrap .f-cursive{color:#fff;font-size:1.422rem;font-family:'Gothic A1', 'sans-serif';font-weight:800;line-height:1.8;padding-top:10px;}


	#mainSlide .text .textWrap .btnMoreA{display:table;padding:0 25px;height:45px;margin-top:3rem;border:1px solid rgba(255,255,255,0.5);color:#fff;text-align:center;background:rgba(255,255,255,0.1);}
	.textWrap .btnMoreA span{font-size:0.941rem;display:table-cell;vertical-align:middle;}
	.btnMoreA span i{padding-left:10px;}
	#mainSlide .text .textWrap .btnMoreA:hover{background:#fff;border:1px solid #fff;color:#000;}
	#mainSlide .slick-arrow{position:absolute;left:50%;top:50%;width:60px;margin-top:-30px;height:60px;box-sizing:border-box;z-index:11;}
	#mainSlide .slick-arrow::after{content:'';position:absolute;left:50%;top:50%;width:10px;height:17px;margin:-8px 0 0 -5px;background:url('../../../images/site/common/icon-common.png') no-repeat;}
	#mainSlide .slick-prev{margin-left:-570px;}
	#mainSlide .slick-prev::after{background-position:0 -15px;}
	#mainSlide .slick-next{margin-left:510px;border:2px solid rgba(255, 255, 255, 0.5);border-radius:100%;}
	#mainSlide .slick-next::after{background-position:0 -32px;}
	#mainSlide .slideList{position:absolute;top:0px;left:0px;width:100%;height:100%;}
	/*#mainSlide .slideList{top:0px;left:0px;width:100%;height:100%;}*/
	#mainSlide .slideList:first-child{z-index:9;}
	#mainSlide .slideList:first-child .imgBg{transform:scale(1);}
	#mainSlide .slideList .imgBg{position:absolute;top:0px;left:0px;width:100%;height:100%;-webkit-transition:transform 1.2s cubic-bezier(0.82, 0.07, 0.15, 0.9) 0s;transform-origin:0 50%;transform:scale(1.2);background-size:100% 100% !important;}
	/*
	#mainSlide .slideList .imgBg.main00{background:#150804 url('../../../images/site/main/main-visual04.jpg') no-repeat top center;}
	#mainSlide .slideList .imgBg.main01{background:#150804 url('../../../images/site/main/main-visual01.jpg') no-repeat top center;}
	#mainSlide .slideList .imgBg.main02{background:#183b89 url('../../../images/site/main/main-visual02.jpg') no-repeat top center;}
	#mainSlide .slideList .imgBg.main03{background:#183b89 url('../../../images/site/main/main-visual03.jpg') no-repeat top center;}
	#mainSlide .slideList .imgBg.main04{background:#183b89 url('../../../images/site/main/main-visual01.jpg') no-repeat top center;}
	*/
	/*#mainSlide .slideList .imgBg:after{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.5) url('../../../images/site/main/main-bg.png') repeat;opacity:0.09;}*/
	#mainSlide.alignRight .slideList .imgBg{right:0px;transform-origin:100% 50%;}
	#mainSlide .btnSlide{position:absolute;left:50%;top:50%;width:60px;margin-top:-30px;height:60px;box-sizing:border-box;z-index:11;text-indent:-9999px;}
	#mainSlide .btnSlide::after{content:'';position:absolute;left:50%;top:50%;width:60px;height:60px;margin-top:-30px;background:url('../../../images/site/common/icon-common.png') no-repeat;}
	#mainSlide .slidePrev{margin-left:-720px;transition:all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s;border-radius:100%;opacity:0.22;}
	#mainSlide .slidePrev:hover,#mainSlide .slideNext:hover{opacity:1;}
	#mainSlide .slidePrev::after{background-position:-200px -70px;}
	#mainSlide .slideNext{margin-left:600px;transition:all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s;border-radius:100%;opacity:0.22;}
	#mainSlide .slideNext::after{background-position:-200px -130px;}
	#mainSlide .slideList .slideWrap{transform:translate(0,0);height:100%;position:absolute;width:100%;overflow:hidden;}
	#mainSlide .slideList.active .imgBg{transform-origin:100% 50%;}
	#mainSlide .slideList.active .imgBg video{height:auto}
	#mainSlide.alignRight .slideList.active .imgBg{right:0;transform-origin:0 50%;}
	#mainSlide .slideList.nextLi{z-index:2;}  
	.smallButtonWrap{position:relative;z-index:9;}
	.smallButton{position:absolute;top:560px;}
	.smallButton a{display:block;position:relative;width:16px;height:16px;float:left;margin:0 10px;color:#fff;font-size:30px;text-indent:-9999px;}
	.smallButton a:before{content:'';position:absolute;left:50%;top:50%;width:20px;height:20px;transform:scale(0.4);background:#fff;border-radius:100%;margin:-10px 0 0 -10px; transition:all 1.2s cubic-bezier(0.91, 0.21, 0.15, 0.88) 0s;opacity:0;z-index:1;}
	.smallButton a.active:before{content:'';position:absolute;left:50%;top:50%;width:20px;height:20px;background:#fff;border-radius:100%;margin:-10px 0 0 -10px;transform:scale(1); opacity: 0.20}
	.smallButton a:after{content:'';position:absolute;left:50%;top:50%;width:20px;height:20px;transform:scale(0.4);background:#fff;border-radius:100%;margin:-10px 0 0 -10px; transition:all 1.2s cubic-bezier(0.91, 0.21, 0.15, 0.88) 0s;z-index:2;}
	
	@media only screen and (min-width:1200px) {
	  .header-top .header-cont,.inner{width:1200px;margin-left:auto !important;margin-right:auto !important;}
		#mainSlide .slideList .imgBg{background-size:100% 100%;}
	}

	@media only screen and (max-width:1199px) and (min-width:992px) {
		/*#mainSlide{height:auto;min-height:650px;}*/
		#mainSlide{height:auto;min-height:492px;}
		#mainSlide .slick-slide{height:auto;}
		#mainSlide .text .textWrap{width:auto !important;margin-left:1em !important;margin-right:1em !important;padding:130px 0 0 0;}
		#mainSlide .slick-prev,#mainSlide .slick-next{display:none;}
	}

	@media only screen and (max-width:991px) {
		/*#mainSlide{width:100%;min-height:550px;height:auto;}*/
		#mainSlide{width:100%;min-height:406px;height:auto;}
		#mainSlide .text .textWrap{width:auto !important;margin-left:1em !important;margin-right:1em !important;padding:170px 0 0 0;}
		#mainSlide .text .textWrap strong{font-size:2.941rem;letter-spacing:0;}
		#mainSlide .text .textWrap p{font-size:1.941rem;}
		.smallButton{top:380px;}
	}

	@media only screen and (max-width:767px) {
		/*#mainSlide{min-height:450px;}*/
		#mainSlide{min-height:314px;}
		#mainSlide .text .textWrap{padding:120px 0 0 0;}
		#mainSlide .text .textWrap strong{line-height:1em;font-size:2.5rem;}
		/*
		.smallButton a{width:10px;height:10px;margin:0 2px;}
		.smallButton a:before,.smallButton a.active:before,.smallButton a:after{width:15px;height:15px;margin:-7px 0 0 -7px;}
		*/
		/*.smallButton{top:300px;}*/
		.smallButtonWrap{display:flex;justify-content: center;}
		.smallButton a{width:40px;height:40px;margin:0 2px;}
		.smallButton a:before,.smallButton a.active:before,.smallButton a:after{width:40px;height:40px;margin:-7px 0 0 -7px;font-size:30px}
		.smallButton{top:5px;}
		#mainSlide .slidePrev{margin-left:-270px;opacity: 0.8;}
		#mainSlide .slideNext{margin-left:160px;opacity: 0.8;}
		#mainSlide .btnSlide{top:55%;width:40px;height:40px;}
		#mainSlide .text .textWrap .btnMoreA{padding:0 20px;height:35px;}
		#mainSlide .text .textWrap .f-cursive{font-size:1.222rem}
	}

	@media only screen and (max-width:640px) {
		/*#mainSlide{min-height:380px;}*/
		#mainSlide{min-height:262px;}
		#mainSlide .text .textWrap{padding:60px 0 0 0;}
		/*.smallButton{top:240px;}*/
		/*.smallButton{top:650px;}*/
		#mainSlide .slidePrev{margin-left:-270px;opacity: 0.8;}
		#mainSlide .slideNext{margin-left:160px;opacity: 0.8;}
	}

	@media only screen and (max-width:520px) {
		/*#mainSlide{min-height:300px;}*/
		#mainSlide{min-height:213px;}
		#mainSlide .text .textWrap{padding:70px 0 0 0;}
		#mainSlide .text .textWrap strong{font-size:2.2rem;}
		#mainSlide .text .textWrap p{font-size:1.3rem;}
		/*.smallButton{top:200px;}*/
		/*.smallButton{top:650px;}*/
		#mainSlide .text .textWrap .btnMoreA{margin-top:1rem;}
		#mainSlide .slidePrev{margin-left:-220px;opacity: 0.8;}
		#mainSlide .slideNext{margin-left:120px;opacity: 0.8;}
	}

	@media only screen and (max-width:480px) {
		/*#mainSlide{min-height:250px;}*/
		#mainSlide{min-height:197px;}
		#mainSlide .text .textWrap{padding:50px 0 0 0;}
		/*.smallButton{top:180px;}*/
		/*.smallButton{top:650px;}*/
		#mainSlide .text .textWrap strong{font-size:1.7rem;}
		#mainSlide .text .textWrap .btnMoreA{padding:0 10px;}
		#mainSlide .slidePrev{margin-left:-220px;opacity: 0.8;}
		#mainSlide .slideNext{margin-left:120px;opacity: 0.8;}
	}


/******************************* main-common *******************************/

	#container.main h2{font-size:2.667em;color:#131313;line-height:1.5;transition:all 0.5s ease-in-out 0s;opacity:1;font-family:'NotoM';letter-spacing:-0.03em;}
	#container.main h2.eng-strong{font-size:3.333em;}
	#container.main h2.scroll-etc{opacity:1;}
	#container.main p{font-size:0.941rem;color:#727171;transition:all 0.5s ease-in-out 0s;opacity:0;}
	#container.main p.scroll-etc{opacity:1;}
	#container.main .inline-wrap{position:relative;padding:170px 0 100px 0;box-sizing:border-box;height:1300px;}
	#container.main .main-button{width:100%;display:table;height:45px;text-align:center;box-sizing:border-box;padding:0 30px;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s;}
	#container.main .main-button em{display:table-cell;vertical-align:middle;font-size:0.941rem;}
	#container.main .main-button em i{padding-left:10px;}
	#wrapper .scroll-down{display:none;}

	@media only screen and (min-width:1200px){
	}

	@media only screen and (max-width:1199px){
		#wrapper .scroll-down{position:relative;display:inline-block;width:100%;text-align:center;}
		#wrapper .scroll-down span{display:block;width:40px;margin:30px auto 0 auto;}
		#wrapper .scroll-down em{padding-top:5px;color:#5390cd;}
	}

	@media only screen and (max-width:991px){
	    #wrapper .scroll-down span{width:30px;margin:20px auto 0 auto;}
	    #container.main h2.eng-strong{font-size:2.8rem;line-height:1.3;letter-spacing:0;}
	    #container.main h2,.main-movie-wrap .movie-content h4{font-size:2.5rem;line-height:1.3;}
	}

	@media only screen and (max-width:767px){
	    .main-movie-wrap .movie-content h4,#container.main h2,#container.main h2.eng-strong{font-size:2rem;line-height:1.2;}
	    #wrapper .scroll-down span{width:25px;}
	}

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

/******************************* main-section : product *******************************/

	#container.main .main-prod{display:none;}	
	#container.main .main-prod .inline-wrap{padding:100px 0 70px 0;height:1200px;}
	.inline-wrap > ul{position:relative;height:1000px;margin-top:50px;}
	.inline-wrap > ul:after{content:'';display:block;clear:both;}
	.inline-wrap > ul > li{width:50%;box-sizing:border-box;transition:all 0.5s cubic-bezier(0, 0, 0, 1.01) 0s;position:absolute;transition-fill-mode:both;opacity:1;transform:translateY(100px);}
	.inline-wrap > ul > li:nth-child(1){left:0px;top:0px;}
	.inline-wrap > ul > li:nth-child(2){right:0px;top:-170px;padding-left:50px;}
	.inline-wrap > ul > li:nth-child(3){right:0px;top:350px;padding-left:50px;}
	.inline-wrap > ul > li.scroll-etc{opacity:1;transform:translateY(0);}
	.inline-wrap > ul > li .imgArea{display:inline-block;position:relative;width:530px;margin-bottom:25px;}
	.inline-wrap > ul > li .imgArea span{display:block;position:relative;width:530px;height:430px;overflow:hidden;}
	.inline-wrap > ul > li:nth-child(2) .imgArea span{height:530px;}
	.inline-wrap > ul > li .imgArea img{position:absolute;left:0px;top:0px;max-width:530px;min-width:500px;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s;transform-origin:50% 5%; opacity:0;transform:scale(1)}
/*	.inline-wrap > ul > li .imgArea h3{position:absolute;color:#131313;left:0px;bottom:-4px;padding:45px 120px 0 0;font-size:2.222em;background:#fff;line-height:1.2em;font-family:'NotoM';}*/
	.inline-wrap > ul > li .imgArea h3{position:absolute;color:#131313;left:0px;bottom:-4px;padding:5px 402px 0 0;font-size:2.222em;background:#fff;line-height:1.2em;font-family:'NotoM';}
	.inline-wrap > ul > li:nth-child(1) .imgArea .pic-up{position:absolute;bottom:0px;padding:0px;background:#fff;width:500px;} 
	.inline-wrap > ul > li:nth-child(1) .imgArea .pic-up .title{font-size:2.222em;color:#131313;padding:30px 0 0 0;}
	.inline-wrap > ul > li .imgArea .pic-up .title-orange{display:block;margin:20px auto;padding-left:30px;color:#ea5504;font-size:1.333em;font-weight:bold;position:relative;}
	.inline-wrap > ul > li .imgArea .pic-up .title-orange:before{content:'';position:absolute;top:10px;left:0px;width:20px;height:4px;background:#ea5504;}
	.inline-wrap > ul > li .imgArea .pic-up p{margin:10px 0 30px 0;opacity:1 !important;}
	.inline-wrap > ul > li .imgArea .pic-up .inline-button{position:relative;width:50%;}
	.inline-wrap > ul > li > .inlineList > ul{height:94px;}
	.inline-wrap > ul > li > .inlineList > ul > li{display:inline-block;position:relative;margin:0 13px 11px 0;height:28px;box-sizing:border-box;line-height:1.2em;letter-spacing: -0.025em;}
	.inline-wrap > ul > li > .inlineList > ul > li:after{content:'';position:absolute;bottom:5px;left:0;height:1px;width:0;background:#000;transition:all 0.5s ease-out 0s;opacity:0;}
	.inline-wrap > ul > li > .inlineList > ul > li.on{position:relative;}
	.inline-wrap > ul > li > .inlineList > ul > li.on:after{width:100%;height:1px;opacity:1;}
	.inline-wrap > ul > li > .inlineList > ul > li a{position:relative;color:#727171;transition:all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s;box-sizing:border-box;line-height:1.2em;letter-spacing:-0.025em;}
	.inline-wrap > ul > li > .inlineList > ul > li.on a{color:#000;}
	.inline-wrap > ul > li > .inlineList > ul > li.on a:after{opacity:1;}
	.inline-wrap > ul > li:nth-child(2) .imgArea{height:430px;}
	.inline-wrap > ul > li:nth-child(2) .imgArea span{width:530px;height:430px;}
	.inline-wrap > ul > li:nth-child(1) .imgArea{height:750px;}
	.inline-wrap > ul > li:nth-child(1) .imgArea span{width:530px;height:530px;}
	.inline-wrap > ul > li:nth-child(3) .imgArea{height:430px;}
	.inline-wrap > ul > li:nth-child(3) .imgArea span{width:530px;height:430px;}
	.inline-wrap > ul > li:nth-child(3) >.inlineList > ul > li a{letter-spacing:-0.025em;}

	@media only screen and (min-width:1200px){

	}

	@media only screen and (max-width:1199px){
	    #container.main .main-prod .inline-wrap{padding:30px 0 50px 0;height:2100px;}
		.inline-wrap h2,.inline-wrap p{display:inline-block;width:100%;text-align:center;}
		.inline-wrap > ul > li{width:100%;}
		.inline-wrap > ul > li:nth-child(2),.inline-wrap > ul > li:nth-child(1),.inline-wrap > ul > li:nth-child(3){left:0px;top:0px;padding:0;position:relative;}
		.inline-wrap > ul > li .imgArea{display:block;width:530px;margin:0 auto 25px auto;}
		.inline-wrap > ul > li > .inlineList > ul{height:60px;width:530px;margin:0 auto;}
	}

	@media only screen and (max-width:991px){
	    .inline-wrap > ul{margin-top:30px;}
	}

	@media only screen and (max-width:640px){
	    #container.main .main-prod .inline-wrap{padding:30px 0 30px 0;height:2020px;}
		.inline-wrap h2,.inline-wrap p{width:100%;text-align:center;}
	    .inline-wrap > ul{margin-top:20px;}
		.inline-wrap > ul > li{width:100%;}
		.inline-wrap > ul > li:nth-child(2),.inline-wrap > ul > li:nth-child(1),.inline-wrap > ul > li:nth-child(3){left:0px;top:0px;padding:0;position:relative;}
		.inline-wrap > ul > li .imgArea{width:100%;background:#fafafa;}
		.inline-wrap > ul > li > .inlineList > ul{height:60px;width:100%;margin:0 auto;}
		.inline-wrap > ul > li:nth-child(1) .imgArea span{width:100%;height:530px;}
		.inline-wrap > ul > li .imgArea img{position:absolute;left:0px;top:0px;max-width:100%;min-width:100%;}
		.inline-wrap > ul > li:nth-child(1) .imgArea .pic-up{width:100%;} 
		.inline-wrap > ul > li:nth-child(1) .imgArea .pic-up .title{padding:10px 0 10px 0;font-size:1.8rem;}
		.inline-wrap > ul > li .imgArea h3{bottom:0;padding:20px 50px 0 0;font-size:1.8rem;}
		.inline-wrap > ul > li .imgArea .pic-up .title-orange{margin-top:0;}
		.inline-wrap > ul > li .imgArea .pic-up p{margin:0 0 10px 0;}	
		.inline-wrap > ul > li:nth-child(2) .imgArea span,.inline-wrap > ul > li:nth-child(3) .imgArea span{width:100%;margin:0 auto;}
	}

	@media only screen and (max-width:520px){
	    #container.main .main-prod .inline-wrap{padding:20px 0 20px 0;height:1830px;}
		.inline-wrap > ul > li:nth-child(1) .imgArea{height:600px;}
		.inline-wrap > ul > li:nth-child(1) .imgArea span{width:100%;height:400px;}
		.inline-wrap > ul > li .imgArea img{height:100%;}
		.inline-wrap > ul > li .imgArea .pic-up .title-orange:before{top:15px;}
		#container.main .main-button{height:35px;padding:0 10px;}
		.inline-wrap > ul > li .imgArea .pic-up .inline-button{width:40%;}
	}

	@media only screen and (max-width:480px){
	    #container.main .main-prod .inline-wrap{height:1520px;}
		.inline-wrap > ul > li:nth-child(1) .imgArea{height:480px;}
		.inline-wrap > ul > li:nth-child(1) .imgArea span{height:350px;}
		.inline-wrap > ul > li:nth-child(1) .imgArea .pic-up .title{padding:20px 0 10px 0;}
		.inline-wrap > ul > li .imgArea img{height:100%;}
		.inline-wrap > ul > li .imgArea .pic-up .title-orange:before{top:15px;}
		.inline-wrap > ul > li:nth-child(2) .imgArea,.inline-wrap > ul > li:nth-child(3) .imgArea{height:auto;margin-bottom:10px;display:inline-block;}
		.inline-wrap > ul > li:nth-child(2) .imgArea span,.inline-wrap > ul > li:nth-child(3) .imgArea span{height:300px;}
		.inline-wrap > ul > li .imgArea h3{font-size:24px;position:relative;bottom:0;padding:10px 0 0 0;}
		.inline-wrap > ul > li > .inlineList > ul{height:auto;margin:0 auto 20px auto;}
		.inline-wrap > ul > li > .inlineList > ul > li{margin:0 13px 5px 0;}
		.inline-wrap > ul > li:nth-child(1) .imgArea .pic-up .title{font-size:24px;}
	}

	@media only screen and (max-width:360px){
	    #container.main .main-prod .inline-wrap{height:1220px;}
		.inline-wrap > ul > li:nth-child(1) .imgArea{height:420px;margin:0 auto 10px auto;}
		.inline-wrap > ul > li:nth-child(1) .imgArea span{height:250px;}
		.inline-wrap > ul > li .imgArea .pic-up .title-orange{font-size:1.2rem;}
		.inline-wrap > ul > li .imgArea .pic-up .title-orange:before{top:12px;}
		#container.main .main-button{height:30px;}
		.inline-wrap > ul > li:nth-child(2) .imgArea span,.inline-wrap > ul > li:nth-child(3) .imgArea span{height:220px;}
		.inline-wrap > ul > li:nth-child(1) .imgArea .pic-up .title,.inline-wrap > ul > li .imgArea h3{font-size:1.6rem;}
		.inline-wrap > ul > li:nth-child(2) .imgArea,.inline-wrap > ul > li:nth-child(3) .imgArea{margin-bottom:0;}
		.inline-wrap > ul > li > .inlineList > ul > li{margin:0 13px 0 0;height:25px;}
		.inline-wrap > ul > li > .inlineList > ul{margin:0 auto 10px auto;}
	}




/******************************* main-section : movie *******************************/

	#container.main .main-movie{position:relative;display:none;}
	.main-movie .main-movie-wrap{position:relative;width:100%;height:720px;background:url('../../../images/site/main/main-movie-bg.jpg') no-repeat top center;transition:all 0.5s ease-in-out 0s;opacity:0;}
	.main-movie-wrap .movie-content{position:relative;z-index:10;}
	.main-movie-wrap .gsl-movie{position:absolute;width:900px;margin:60px auto 0 -500px;background:rgba(0,0,0,0.9);top:0;left:50%;margin-left:-450px;z-index:9;}
	.main-movie-wrap .gsl-movie video{width:100% !important;height:500px;}
	.main-movie-wrap .movie-content h4{font-size:2.667em;color:#fff;line-height:1.5;font-family:'NotoM';}
	.main-movie .main-movie-wrap.scroll-etc{opacity:1;}
	.main-movie-wrap .movie-content{padding:150px 0 0 0;text-align:center;color:#fff;line-height:1.5;}
	.main-movie-wrap .movie-content h5{font-size:1.111em;margin:20px auto;}
	.main-movie-wrap .movie-content p{font-size:0.941rem;color:rgba(255,255,255,0.7) !important;opacity:1 !important;}
	.main-movie-wrap .movie-content .movie-play{display:table;width:70px;height:70px;margin:20px auto;text-align:center;border-radius:50%;background:#000;border:3px solid #fff;opacity:0.5;}
	.main-movie-wrap .movie-content .movie-play i{display:table-cell;vertical-align:middle;color:#fff;font-size:2.778em;}
	.main-movie-wrap .movie-content .movie-play:hover{opacity:0.7;}
	.main-movie .center-info{position:absolute;bottom:0px;left:50%;margin-left:-600px;width:1200px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s;transition-fill-mode:both;opacity:0;transform:translateY(100px);z-index:11;}
	.main-movie .center-info.scroll-etc{opacity:1;transform:translateY(0);}
	.center-info .info-cont{width:50%;padding:0 40px;display:table;height:160px;color:#fff;box-sizing:border-box;}
	.center-info .info-cont h4,.center-info .info-cont em{display:table-cell;vertical-align:middle;}
	.center-info .info-cont em i{font-size:1.667em;color:rgba(255,255,255,0.5);}
	.center-info .info-cont:hover em i{color:rgba(255,255,255,1);}
	.center-info .info-cont h4{font-size:1.556em;}
	.center-info .info-cont h4 span{font-size:16px;display:block;}
	.center-info .info-cont.company{background:#5390cd;}
	.center-info .info-cont.company .bg-icon{width:120px;height:125px;margin-top:20px;background:url('../../../images/site/common/icon-common.png') no-repeat;background-position:-260px 0;}
	.center-info .info-cont.company:hover{background:#3a78b5;}
	.center-info .info-cont.center{background:#002d7a;}
	.center-info .info-cont.center .bg-icon{width:80px;height:115px;margin-top:25px;background:url('../../../images/site/common/icon-common.png') no-repeat;background-position:-260px -130px;}
	.center-info .info-cont.center:hover{background:#002461;}

	@media only screen and (min-width:1200px){
	}

	@media only screen and (max-width:1199px){
	    .main-movie .main-movie-wrap{height:600px;}
		.main-movie-wrap .gsl-movie{width:800px;margin:40px auto 0 -400px;}
		.main-movie-wrap .gsl-movie video{height:400px;}
		.main-movie-wrap .movie-content{padding:100px 0 0 0;}
	    .main-movie .center-info{left:0;margin-left:0;width:95%;margin-left:2.5%;margin-right:2.5%;}
	}

	@media only screen and (max-width:991px){ 
	    .main-movie .main-movie-wrap{height:580px;}
		.main-movie-wrap .gsl-movie{width:700px;margin:50px auto 0 -350px;}
	    .center-info .info-cont{height:130px;}
		.center-info .info-cont h4{font-size:1.2em;}
		.center-info .info-cont h4 span{font-size:1rem;line-height:1.3;}
		.center-info .info-cont.company .bg-icon,.center-info .info-cont.center .bg-icon{display:none;}
	}

	@media only screen and (max-width:767px){
	    .main-movie .main-movie-wrap{height:500px;}
		.main-movie-wrap .gsl-movie{width:600px;margin:50px auto 0 -300px;}
		.main-movie-wrap .gsl-movie video{height:350px;}
		.main-movie-wrap .movie-content{padding:70px 0 0 0;}
		.main-movie-wrap .movie-content h5{margin:10px auto;}
	    .center-info .info-cont{height:110px;}
	}

	@media only screen and (max-width:640px){
	    .main-movie .main-movie-wrap{height:470px;}
		.main-movie-wrap .gsl-movie{width:500px;margin:50px auto 0 -250px;}
		.main-movie-wrap .gsl-movie video{height:320px;}
	    .center-info .info-cont{height:100px;padding:0 30px;}
	}

	@media only screen and (max-width:520px){
	    .main-movie .main-movie-wrap{height:440px;}
		.main-movie-wrap .gsl-movie{width:400px;margin:110px auto 0 -200px;}
		.main-movie-wrap .gsl-movie video{height:250px;}
	    .center-info .info-cont{height:80px;padding:0 20px;}
		.center-info .info-cont h4 span{font-size:0.9rem;}
		.center-info .info-cont em i{display:none;}
	}

	@media only screen and (max-width:480px){
	    .main-movie .main-movie-wrap{height:360px;}
		.main-movie-wrap .gsl-movie{width:320px;margin:80px auto 0 -160px;}
		.main-movie-wrap .gsl-movie video{height:200px;}
		.main-movie-wrap .movie-content{padding:40px 0 0 0;}
		.main-movie-wrap .movie-content .movie-play{width:50px;height:50px;margin:10px auto;}
		.main-movie-wrap .movie-content .movie-play i{font-size:2em;}
	    .center-info .info-cont{padding:0 10px;}
		.center-info .info-cont h4{font-size:1.1rem;}
		.center-info .info-cont h4 span{font-size:0.91rem;}
	}




/******************************* main-section : news *******************************/

	#container.main .main-news{padding:150px 0;position:relative;background:#fff;display:none;}
	#container.main .main-news .inline-wrap{position:relative;padding:0;box-sizing:border-box;height:auto;text-align:center;}
	.main-news h2{transition:all 2s cubic-bezier(0, 0, 0, 1.01) 0s;opacity:0;transform:translateY(20px);}
	.main-news h2.scroll-etc{opacity:1;transform:translateY(0);}
	.main-news .imgSlide .slick-list{width:830px;margin:0 auto;overflow:visible;}
	.main-news .inspirationSlide{margin-top:60px;position:relative;}
	.main-news .inspirationSlide .textSlideWrap{position:absolute;left:50%;bottom:0px;width:760px;margin-left:-380px;z-index:1;}
	.main-news .inspirationSlide .textSlideCont{width:760px;margin:0 auto;overflow:hidden;}
	.main-news .imgSlide .slick-slide{padding:0 25px;}
	.main-news .imgSlide .slick-slide img{width:780px;height:450px;}
	.main-news .textArea{padding:0 40px 28px 60px;}
	.main-news .slick-slide .imgArea{position:relative;}
	.main-news .slick-slide .imgArea:after{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:#000;z-index:1;opacity:0.45;transition: all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s;}
	.main-news .imgSlide .slick-slide.on .imgArea:after{opacity:0;}
	.main-news .slick-slide .textArea{position:relative;box-sizing:border-box;transition:all 1.8s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.8s;opacity:0}
	.main-news .slick-slide.slick-active .textArea{transition:all 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.8s;opacity:1;}
	.main-news .slick-slide .textArea em{display:block;color:#fff;vertical-align:top;font-family:'NotoSansMedium';font-size:1.222em;}
	.main-news .slick-slide .textArea span{display:block;position:relative;color:#fff;font-size:0.941rem;}
	.main-news .slick-arrow{position:absolute;bottom:-70px;width:48px;height:70px;}
	.main-news .slick-prev{right:50%;margin-right:50px;transition:all 0.5s cubic-bezier(0.4, 0, 1, 1) 0s;opacity: 0.2;}
	.main-news .slick-prev:hover{width:70px;opacity:1;}
	.main-news .slick-prev:after{content:'';position:absolute;left:0;bottom:30px;width:12px;height:9px;}
	.main-news .slick-prev:before{content:'';position:absolute;left:9px;bottom:30px;width:61px;height:2px;background:#131313;}
	.main-news .slick-next{left:50%;margin-left:45px;transition:all 0.5s cubic-bezier(0.4, 0, 1, 1) 0s;opacity: 0.2;}
	.main-news .slick-next:hover{width:70px;opacity:1;}
	.main-news .slick-next:after{content:'';position:absolute;right:0;bottom:30px;width:12px;height:8px;}
	.main-news .slick-next:before{content:'';position:absolute;right:9px;bottom:30px;width:61px;height:2px;background:#131313;}
	.main-news .dotsAbsol{position:absolute;width:100%;bottom:0px;left:0px;}
	.main-news .dotsWrap{position:relative;width:780px;margin:0 auto;}
	.main-news .btnArea{text-align:center;width:180px;margin:50px auto 0 auto;}
	.main-news .slidePaging{padding-top:24px;text-align:center;vertical-align:middle;}
	.main-news .slidePaging strong{display:inline-block;font-size:1em;vertical-align:middle;color:#131313;}
	.main-news .slidePaging span{display:inline-block;font-size:0.941rem;vertical-align:middle;color:#727171;}

	@media only screen and (min-width:1200px){
	}

	@media only screen and (max-width:1199px){
	    #container.main .main-news{width:auto;margin-left:0;margin-right:0;padding:50px 0;}
		.main-news .inspirationSlide{margin-top:50px;}

	}

	@media only screen and (max-width:991px){
		.main-news .imgSlide .slick-list,.main-news .inspirationSlide .textSlideCont{width:600px;}
		.main-news .imgSlide .slick-slide{padding:0 15px;}
		.main-news .imgSlide .slick-slide img{width:100%;height:auto;}
		.main-news .inspirationSlide{margin-top:30px;}
		.main-news .inspirationSlide .textSlideWrap{width:600px;margin-left:-240px;}
		.main-news .btnArea{margin:20px auto 0 auto;}

	}

	@media only screen and (max-width:640px){
		.main-news .imgSlide .slick-list,.main-news .inspirationSlide .textSlideCont{width:500px;}
		.main-news .imgSlide .slick-slide{padding:0 10px;}
		.main-news .inspirationSlide .textSlideWrap{width:500px;margin-left:-200px;}
		.main-news .btnArea{width:150px;}
		#container.main .main-button{height:40px;}

	}

	@media only screen and (max-width:520px){
		.main-news h2{font-size:33px;line-height:1.3;}
		.main-news .imgSlide .slick-list,.main-news .inspirationSlide .textSlideCont{width:100%;text-align:center;}
		.main-news .inspirationSlide .textSlideWrap{width:100%;margin-left:0;left:0;}
		.main-news .imgSlide .slick-slide{padding:0 5px;}
		.main-news .textArea{padding:0 0 10px 0;}
		.main-news .btnArea{width:120px;}

	}




/******************************* main-section : cs *******************************/

	#container.main .main-cs{position:relative;padding:100px 0;background:#f4f4f4;display:none;}
	#container.main .main-cs .inner{position:relative;}
	.main-cs .cs-title{width:300px;position:absolute;top:0px;left:0px;}
	.main-cs .cs-title .inner-button{width:180px;margin-top:50px;transition:all 1s ease-in-out 0s;opacity:0;}
	.cs-title .inner-button.scroll-etc{opacity:1;}
	.main-cs .cs-right{display:flex;padding-left:300px;width:900px;}
	.main-cs .cs-right li{margin:0 20px;}
	.cs-right li .cs-box{min-width:400px;margin:0 auto;background:#fff;border:1px solid #e0e0e0;box-shadow:5px 5px 15px #ddd;box-sizing:border-box;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s;transition-fill-mode:both;opacity:0;transform:translateY(100px);}
	.cs-right li .cs-box.scroll-etc{opacity:1;transform:translateY(0);}
	.cs-right li .cs-box dl{padding:40px;position:relative;}
	.cs-box dl dt{display:table;height:40px;margin-bottom:10px;color:#131313;font-family:'NotoSansMedium';font-size:1.333em;padding-left:50px;box-sizing:border-box;}
	.cs-box dl dt::after{content:'';position:absolute;left:40px;top:40px;width:40px;height:40px;background:url('../../../images/site/common/icon-common.png') no-repeat;}
	.cs-box dl dt span{display:table-cell;vertical-align:middle;}
	.cs-box.notice dl dt::after{background-position:-200px -200px;}
	.cs-box.faq dl dt::after{background-position:-200px -240px;}
	.cs-box dl dd{color:#727171;font-size:0.91rem;padding:7px 0;border-bottom:1px dotted #e0e0e0;}
	.cs-box dl dd a{display:flex;}
	.cs-box dl dd .icon-new{display:block;margin:5px 0 0 10px;line-height:18px;width:18px;height:18px;border-radius:3px;background:#ea5504;color:#fff;text-align:center;font-size:12px;font-weight:bold;}
	.cs-box dl dd a:hover{color:#131313;}
	.cs-box dl dd a em{color:#131313;padding-right:5px;}

	@media only screen and (min-width:1200px){
	}

	@media only screen and (max-width:1199px){
	    #container.main .main-cs{padding:50px 0;}
	    .main-cs .cs-title{width:100%;text-align:center;position:relative;}
		.main-cs .cs-title .inner-button{display:none;}
		.main-cs .cs-right{padding-left:0;width:100%;margin-top:30px;}
		.main-cs .cs-right li{width:50%;}
		.cs-right li .cs-box{min-width:100%;}
	}

	@media only screen and (max-width:991px){
		.main-cs .cs-right{margin-top:20px;}
		.main-cs .cs-right{display:inline-block;}
		.main-cs .cs-right li{width:100%;margin:10px 0;}
	}

	@media only screen and (max-width:767px){
	    #container.main .main-cs{padding:30px 0;}
	}

	@media only screen and (max-width:520px){
		.main-cs .cs-right{margin-top:10px;}
	    .cs-right li .cs-box dl{padding:20px;}
		.cs-box dl dt::after{left:20px;top:20px;}
	}



/******************************* main-section : app *******************************/

	#container.main .main-app{position:relative;height:530px;background:#d9e3ee url('../../../images/site/main/main-appinfo-bg.jpg') no-repeat top center;display:none;}
	.main-app .left-explain{position:absolute;text-align:left;line-height:1.3;padding-top:150px;box-sizing:border-box;transition:all 1s cubic-bezier(0, 0, 0, 1.01) 0s;transition-fill-mode:both;opacity:0;transform:translateY(100px);}
	.main-app .left-explain.scroll-etc{opacity:1;transform:translateY(0);}
	.main-app .left-explain h5{color:#131313;font-size:1.333em;}
	.main-app .left-explain h4{display:block;font-family:'NotoM';font-size:2em;color:#131313;margin-bottom:10px;}
	.main-app .left-explain h6{color:#727171;font-size:0.941rem;}
	.left-explain ul{display:flex;margin-top:30px;}
	.left-explain ul li{}
	.left-explain ul li:first-child{margin-right:5px;}
	.left-explain ul li a{display:block;background:rgba(0,0,0,0.22);}
	.left-explain ul li a .app-store{padding:10px 30px 10px 70px;color:#fff;text-transform:uppercase;letter-spacing:0px;position:relative;}
	.left-explain ul li a .app-store::after{content:'';position:absolute;left:20px;top:10px;width:40px;height:40px;background:url('../../../images/site/common/icon-common.png') no-repeat;}
	.left-explain ul li a .app-store.google::after{background-position:-200px -280px;}
	.left-explain ul li a .app-store.appstore::after{background-position:-200px -320px;}
	.left-explain ul li a .app-store span{font-size:11px;display:block;}
	.left-explain ul li a .app-store strong{font-size:16px;font-weight:bold;}
	.left-explain ul li a:hover{background:rgba(0,0,0,0.33);}
	.main-app .right-image{float:right;box-sizing:border-box;transition:all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s;transition-fill-mode:both;opacity:0;transform:translateY(100px);}
	.main-app .right-image.scroll-etc{opacity:1;transform:translateY(0);}
	#container.main .main-button.app-info,.left-explain ul li a .app-store{height:55px;}

	@media only screen and (min-width:1200px){
	}

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

	@media only screen and (max-width:860px){
	    #container.main .main-app{height:750px;background:#d9e3ee url('../../../images/site/main/main-appinfo-bg.jpg') no-repeat bottom center;}
	    .main-app .left-explain{position:relative;text-align:center;padding-top:50px;}
		.main-app .left-explain h4{margin-bottom:10px;}
		.left-explain ul{display:inline-block;margin:20px auto 0 auto;}
		.left-explain ul li:first-child{margin-right:0;margin-bottom:5px;}
		.main-app .right-image{float:none;width:400px;margin:0 auto;text-align:center;}
		.main-app .right-image img{width:100%;}
	}

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

	@media only screen and (max-width:520px){
	    #container.main .main-app{height:580px;}
		.main-app .right-image{width:300px;}
		.main-app .left-explain h4{font-size:1.5rem;}
	}



/******************************* 00 *******************************/

/* large-monitor */
@media only screen and (min-width:1200px){

}

/* small-monitor */
@media only screen and (max-width:1199px){

}

/* tablet */
@media only screen and (max-width:991px){

}

/* mobile */
@media only screen and (max-width:767px){

}

/* small-mobile */
@media only screen and (max-width:520px){

}