@charset "utf-8";
/*
Copyright (c) 2020, Igini. All rights reserved.
version: 1.0.0
*/

.mainpage #contents{padding-top:245px;}
.mainpage h3{background:#2d2929 url(../../images/bg/bg_main_title.png) no-repeat 0 50%;color:#1e1412;font-size:110px;font-weight:bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mainpage h3{background:none;}
}
#mainVisual{position:relative;width:100%;height:780px;margin-bottom:215px;}
#mainVisual .swiper-container{position:absolute;top:50px;left:50%;width:calc(50% + 187px);margin-left:-187px;max-width:1290px;}
#mainVisual .swiper-wrapper{}
#mainVisual .swiper-slide{width:100%;height:730px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
#mainVisual .info_box{position:relative;width:1280px;margin:0 auto;}
#mainVisual .info_txt{}
#mainVisual .info_txt .info{position:absolute;top:0;left:0;}
#mainVisual .info_txt .info .tit{position:relative;display:inline-block;margin-top:30px;font-size:130px;font-weight:bold;color:#231815;z-index:10;opacity:0;}
#mainVisual .info_txt .info .txt{display:block;width:450px;margin-top:80px;font-size:19px;color:#2d2929;line-height:50px;opacity:0;}
#mainVisual .info_txt .info.on{z-index:20;}
#mainVisual .info_txt .info.on .tit{margin-top:0;opacity:1;-webkit-transition:.5;transition:.5s;}
#mainVisual .info_txt .info.on .txt{margin-top:50px;line-height:34px;opacity:1;z-index:20;-webkit-transition:.5;transition:.5s;-webkit-transition-delay:.2;transition-delay:.2s;}
#mainVisual .navigator{position:absolute;top:550px;left:0;width:206px;height:25px;}
#mainVisual .navigator .nav_wrap{position:relative;}
#mainVisual .navigator .pagination{display:block;font-size:20px;color:#b2b2b2;text-align:center;line-height:25px;}
#mainVisual .navigator .pagination .num{color:#2d2929;}
#mainVisual .navigator .prev,
#mainVisual .navigator .next{position:absolute;top:0;width:58px;height:25px;cursor:pointer;}
#mainVisual .navigator .prev{left:0;background:url(../../images/ui/arr_left.png) no-repeat 0 50%;}
#mainVisual .navigator .next{right:0;background:url(../../images/ui/arr_right.png) no-repeat 0 50%;}
#mainVisual .navigator .prev.disable,
#mainVisual .navigator .next.disable{opacity:.2;}
#mainVisual .btn_play{display:none;position:absolute;top:200px;left:50%;width:84px;height:84px;margin:-42px 0 0 -42px;background:url(../../images/ui/btn_play.png) no-repeat 50% 50% / 100% auto;z-index:10;}
#videoPlayerWrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
#videoPlayer{position:relative;width:100%;height:100%;overflow:hidden;}
#videoPlayer #player{position:absolute;top:0;left:50%;width:1300px;height:740px;margin-left:-650px;margin-top:-5px;}
#videoPlayer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}

#mainSystem{position:relative;margin-bottom:190px;}
#mainSystem .top_txt{margin-top:15px;font-family:'NanumBarunGothic';font-size:20px;font-weight:400;line-height:30px;}
.system_list{margin-top:-20px;padding-top:65px;overflow:hidden;}
.system_list li{width:368px;padding:0 40px;margin-top:0;margin-right:88px;float:left;opacity:0;}
.system_list li:nth-child(3n){margin-right:0;}
.system_list li .tit{position:relative;height:160px;font-size:150px;color:#efeeed;line-height:1;}
.system_list li .tit span{position:absolute;bottom:50px;left:25px;font-family:'NanumBarunGothic';font-size:26px;font-weight:bold;color:#2d2929;}
.system_list li .txt{margin-bottom:60px;;font-family:'NanumBarunGothic';font-size:16px;color:#999;line-height:24px;}
.system_list li .img{position:relative;display:flex;width:288px;height:288px;background-repeat:no-repeat;justify-content:center;align-items: center;font-size:40px;color:#fff;overflow:hidden;}
.system_list li .img span{position:relative;z-index:1;}
.system_list li .img img{position:absolute;top:0;left:0;-webkit-transition:transform .7s;transition:transform .7s;}
.system_list li .img:hover img{transform:scale(1.2,1.2);}
#mainSystem .system_list{position:relative;margin-bottom:60px;z-index:1;}
#mainSystem .system_list li{}
#mainSystem.onview .system_list li{opacity:1;-webkit-transition:.7s;transition:.7s;}
#mainSystem.onview .system_list li:nth-child(2){margin-top:80px;-webkit-transition-delay:.3s;transition-delay:.3s}
#mainSystem.onview .system_list li:nth-child(3){margin-top:-70px;-webkit-transition-delay:.6s;transition-delay:.6s}
#mainSystem.onview .system_list li .txt{margin-bottom:30px;-webkit-transition:.7s;transition:.7s;}
#mainSystem.onview .system_list li:nth-child(2) .txt{-webkit-transition-delay:.3s;transition-delay:.3s}
#mainSystem.onview .system_list li:nth-child(3) .txt{-webkit-transition-delay:.6s;transition-delay:.6s}
#mainSystem .btn_detail{margin:0 auto;opacity:0;}
#mainSystem.onview  .btn_detail{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;-webkit-transition-delay:1s;transition-delay:1s}
#mainSystem .bg_obj{position:absolute;top:50%;}
#mainSystem .bg_obj.bg01{top:60%;left:0;width:179px;height:343px;background:url(../../images/bg/bg_main_system_l.png) no-repeat 0 0;}
#mainSystem .bg_obj.bg02{top:10%;right:0;width:180px;height:336px;background:url(../../images/bg/bg_main_system_r.png) no-repeat 0 0;}

#midBanner{position:relative;height:740px;margin-bottom:215px;background:url(../../images/bg/bg_main_mid.png) no-repeat;background-position:50% 50%;background-attachment:fixed;background-size:cover;}
#midBanner::before,
#midBanner::after{content:'';position:absolute;width:100%;height:30px;z-index:5;}
#midBanner::before{top:-1px;background:url(../../images/bg/bg_paper_top.png) repeat-x 50% 100%;}
#midBanner::after{bottom:-1px;background:url(../../images/bg/bg_paper_bot.png) repeat-x 50% 0;}
#midBanner .container{height:100%;}

#mainPlatform{position:relative;margin-bottom:255px;}
#mainPlatform h3{padding-top:50px;line-height:1.2;}
#mainPlatform {}

.intab_list{overflow:hidden;}
.intab_list li{width:602px;float:left;}
.intab_list li .img_wrap{position:relative;width:100%;height:502px;}
.intab_list li .img_wrap .img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-position:50% 50%;background-size:cover}
.intab_list li .img_wrap .img a{display:block;width:100%;height:100%;}
.intab_list li .img_wrap .img.on{opacity:1;-webkit-transition:.5s;transition:.5s;}
.intab_list li .info{position:relative;z-index:10;}
.intab_list li .info h4{width:235px;height:90px;margin-top:-88px;padding-top:35px;background-color:#fff;font-size:40px;color:#2d2929;}
.intab_list li .info .tab{padding-top:30px;}
.intab_list li .info .tab a{display:inline-block;margin-left:55px;font-family:'NanumBarunGothic';font-size:24px;font-weight:300;color:#b2b2b2;}
.intab_list li .info .tab a:first-child{margin-left:0;}
.intab_list li .info .tab a.on{color:#c17b41;border-bottom:1px solid #c17b41;}

#mainPlatform .intab_list{margin-top:-250px;}
#mainPlatform .intab_list li{margin-top:50px;opacity:0;}
#mainPlatform .intab_list li:nth-child(1){padding-top:373px;margin-right:76px;}
#mainPlatform .intab_list li:nth-child(2){margin-bottom:205px;}
#mainPlatform.onview .intab_list li{margin-top:0;opacity:1;-webkit-transition:.7s;transition:.7s;}
#mainPlatform.onview .intab_list li:nth-child(1){-webkit-transition-delay:.3s;transition-delay:.3s}
#mainPlatform.onview .intab_list li:nth-child(2){}
#mainPlatform.onview .intab_list li:nth-child(3){-webkit-transition-delay:.6s;transition-delay:.6s}

#mainPlatform .bg_obj{position:absolute;top:0;left:50%;margin-left:-900px;width:402px;height:540px;background:url(../../images/bg/bg_platform.png) no-repeat 0 0;z-index:-1;}

#mainBrand{padding-bottom:160px;}
#mainBrand .brand .flex a,
#mainBrand .brand .flex span{display:inline-block;width:20%;text-align:center;opacity:0;}
#mainBrand.onview .brand .flex a,
#mainBrand.onview .brand .flex span{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;}
#mainBrand.onview .brand .flex a:nth-child(2),
#mainBrand.onview .brand .flex span:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
#mainBrand.onview .brand .flex a:nth-child(3),
#mainBrand.onview .brand .flex span:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}
#mainBrand.onview .brand .flex a:nth-child(4),
#mainBrand.onview .brand .flex span:nth-child(4){-webkit-transition-delay:.3s;transition-delay:.3s}
#mainBrand.onview .brand .flex a:nth-child(5),
#mainBrand.onview .brand .flex span:nth-child(5){-webkit-transition-delay:.4s;transition-delay:.4s}
#mainBrand.onview .brand .flex a:nth-child(6),
#mainBrand.onview .brand .flex span:nth-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}

#mainStore{margin-bottom:160px;}
#mainStore .store{padding-top:160px;background:url(../../images/bg/bg_store.png) no-repeat 100% 0;text-align:center;}
#mainStore .store h3{display:inline-block;margin-bottom:50px;}
#mainStore .swiper-container{}
#mainStore .swiper-slide{position:relative;width:1180px;background-color:#000;
	display: -webkit-box;  
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    opacity:0;
}
#mainStore.onview .swiper-slide{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;-webkit-transition-delay:.3s;transition-delay: .3s;}
#mainStore .swiper-slide img{opacity:.5;}
#mainStore .swiper-slide .info{position:absolute;bottom:0;left:0;padding:70px 60px;font-family:'NanumBarunGothic';font-weight:300;text-align:left;opacity:0;}
#mainStore .swiper-slide .info .name{margin-bottom:15px;font-size:34px;color:#fff;}
#mainStore .swiper-slide .info .cate{margin-bottom:20px;}
#mainStore .swiper-slide .info .cate span{margin-right:20px;font-size:18px;font-weight:400;color:#fff;}
#mainStore .swiper-slide .info .btn_detail{width:150px;height:46px;line-height:44px;font-size:15px;}
#mainStore .swiper-slide-active{}
#mainStore .swiper-slide-active img{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;}
#mainStore .swiper-slide-active .info{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;}
#mainStore .navigator{position:relative;width:1180px;margin:0 auto;padding:30px 60px 0;text-align:left;}
#mainStore .navigator .pagination{height:75px;text-shadow: -1px 0 #2d2929, 0 1px #2d2929, 1px 0 #2d2929, 0 -1px #2d2929;font-size:62px;color:#fff;}
#mainStore .navigator .pagination .num{text-shadow:none;color:#2d2929;}
#mainStore .navigator .prev,
#mainStore .navigator .next{position:absolute;top:40px;width:58px;height:25px;cursor:pointer;}
#mainStore .navigator .prev{right:150px;background:url(../../images/ui/arr_left.png) no-repeat 0 50%;}
#mainStore .navigator .next{right:53px;background:url(../../images/ui/arr_right.png) no-repeat 0 50%;}
#mainStore .navigator .prev.swiper-button-disabled,
#mainStore .navigator .next.swiper-button-disabled{opacity:.2;}

#mainPromotion{position:relative;padding:140px 0 120px;background:#c1c1c1 url(../../images/bg/bg_promotion.png) no-repeat 50% 50%;background-size:cover;}
#mainPromotion h3{margin-bottom:65px;font-family:'ArialBlack';font-size:90px;font-weight:900;text-align:center;color:#fff;background:none;-webkit-background-clip:none;-webkit-text-fill-color:#fff;}
#mainPromotion .thumb_list{position:relative;max-width:1180px;margin:0 auto 55px;overflow:hidden;z-index:1;}
#mainPromotion .thumb_list li{opacity:0;}
/*#mainPromotion .thumb_list li:last-child{display:none;}*/
#mainPromotion .thumb{position:relative;height:325px;text-align:center;}
#mainPromotion .thumb .img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
#mainPromotion .thumb .img img{-webkit-transition:transform .5s;transition:transform .5s;}
#mainPromotion a:hover .thumb .img img{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
#mainPromotion .thumb .flex{position:absolute;top:0;left:0;width:100%;height:100%;}
#mainPromotion .thumb .date{display:block;margin-bottom:5px;font-size:13px;color:#fff;}
#mainPromotion .thumb .sort{display:block;font-size:39px;color:#fff;}
#mainPromotion .thumb .txt{font-family:'NanumBarunGothic';font-size:17px;color:#fff;line-height:28px;}


#mainPromotion.onview .thumb_list li{margin-top:0;opacity:1;-webkit-transition:.7s;transition:.7s;}
#mainPromotion.onview .thumb_list li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}
#mainPromotion.onview .thumb_list li:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}
#mainPromotion.onview .thumb_list li:nth-child(4){-webkit-transition-delay:.6s;transition-delay:.6s}

#mainPromotion .btn_more{position:relative;margin:0 auto;opacity:0;z-index:1;}
#mainPromotion.onview .btn_more{opacity:1;-webkit-transition:opacity .7s;transition:opacity .7s;-webkit-transition-delay:.7s;transition-delay:.7s}
#mainPromotion .bg_obj{position:absolute;}
#mainPromotion .bg01{bottom:80px;left:0;width:286px;height:601px;background:url(../../images/bg/bg_promotion_l.png) no-repeat 0 0;}
#mainPromotion .bg02{top:270px;right:0;width:260px;height:374px;background:url(../../images/bg/bg_promotion_r.png) no-repeat 0 0;}


@media only screen and (max-width: 1300px) {
	.mainpage #contents{padding:150px 0 0;}
	.container{width:100%;padding:0 30px;}
	#mainVisual{padding:0 30px;}
	#mainVisual .swiper-container{left:40%;width:60%;margin-left:0;}
	#mainVisual .info_box{width:100%;}
	.system_list li{width:30%;margin-right:5%;}
	.system_list li:last-child{margin-right:0;}
	#mainPlatform .intab_list li{width:48%;}
	#mainPlatform .intab_list li:nth-child(1){margin-right:4%;}
	.intab_list li .img_wrap{height:450px;}
	.intab_list li .info .tab a{display:inline-block;margin:0 20px 10px 0;}
	#mainPromotion .thumb{height:auto;}
	#mainPromotion .thumb .img{position:relative;}
	.thumb_list li{width:32%;margin-left:2%;}
	.thumb_list li:nth-child(3n-2){margin-left:0;}
	#mainStore .store{padding-top:100px;}
	#mainStore .swiper-slide{width:80%;}
}

@media screen and (max-width: 1024px){
	.mainpage h3{font-size:90px;}
	#mainSystem .top_txt{font-size:18px;line-height:26px;}
	#mainVisual{height:500px;padding:0 30px;margin-bottom:100px;}
	#mainVisual .swiper-container{top:0;left:40%;margin-left:0;height:313px;}
	#mainVisual .swiper-slide{height:100%;}
	#mainVisual .info_txt .info{top:20px;width:100%;}
	#mainVisual .info_txt .info .tit img{height:260px;}
	#mainVisual .info_txt .info .txt{width:60%;font-size:16px;}
	#mainVisual .info_box{width:100%;padding:20px 0;}
	#mainVisual .navigator{top:450px;left:inherit;right:0;}
	#videoPlayer #player{top:50%;width:650px;height:440px;margin-left:-325px;margin-top:-220px;}
	#mainSystem{margin-bottom:100px;}
	#mainSystem .system_list{padding:80px 0 50px;margin:-50px 0 0;}
	.system_list li{display:inline-block;padding:0;margin:0;width:48%;}
	#mainSystem .system_list li .txt{width:288px;}
	#mainSystem .system_list li:nth-child(1){margin-right:4%;}
	#mainSystem.onview .system_list li:nth-child(2){margin-top:0;}
	#mainSystem.onview .system_list li:nth-child(3){margin-top:50px;clear:both;}
	#mainSystem .bg_obj.bg01,
	#mainSystem .bg_obj.bg02{display:none;}
	#midBanner{height:600px;margin-bottom:100px;}
	.intab_list li .img_wrap{height:auto;padding-top:70%}
	#mainPlatform{margin-bottom:100px;}
	#mainPlatform h3{padding-top:0;}
	#mainPlatform .intab_list{margin-top:-210px;}
	#mainPlatform .intab_list li:nth-child(1){padding-top:30%;}
	#mainPlatform .intab_list li:nth-child(2){margin-bottom:10%;}
	#mainBrand{padding-bottom:100px;}
	#mainBrand .brand .flex{display:block;width:100%;text-align:center;}
	#mainBrand .brand .flex a,
	#mainBrand .brand .flex span{display:inline-block;width:30%;margin-bottom:0;vertical-align:middle;}
	#mainBrand .brand .flex a:nth-child(-n+3),
	#mainBrand .brand .flex span:nth-child(-n+3){margin-bottom:50px;}

	#mainBrand.onview .brand .flex a:nth-child(1) img,
	#mainBrand.onview .brand .flex span:nth-child(1) img{height:95px;}
	#mainBrand.onview .brand .flex a:nth-child(2) img,
	#mainBrand.onview .brand .flex span:nth-child(2) img{height:50px;}
	#mainBrand.onview .brand .flex a:nth-child(3) img,
	#mainBrand.onview .brand .flex span:nth-child(3) img{height:85px;}
	#mainBrand.onview .brand .flex a:nth-child(4) img,
	#mainBrand.onview .brand .flex span:nth-child(4) img{height:25px;}
	#mainBrand.onview .brand .flex a:nth-child(5) img,
	#mainBrand.onview .brand .flex span:nth-child(5) img{height:35px;}
	#mainBrand.onview .brand .flex a:nth-child(6) img,
	#mainBrand.onview .brand .flex span:nth-child(6) img{height:38px;}

	#mainPromotion{padding:100px 0;}
	#mainStore .navigator{width:100%;padding:20px 10% 0;}
	#mainStore .navigator .prev,
	#mainStore .navigator .next{top:30px;}
	#mainStore .navigator .prev{right:calc(10% + 70px);}
	#mainStore .navigator .next{right:10%;}
	#mainPromotion .thumb .sort{font-size:32px;}
}
@media screen and (max-width: 900px){
	.mainpage h3{font-size:70px;}
	#mainSystem .top_txt{font-size:15px;line-height:20px;}
	.button{font-size:15px;height:50px;line-height:50px;}
	#mainVisual{height:450px;margin-bottom:50px;}
	#mainVisual .info_txt .info .tit img{height:230px;}
	#mainVisual .swiper-container{height:280px;}
	#mainVisual .info_txt .info.on .txt{margin-top:40px;}
	#mainVisual .navigator{top:400px;}
	.system_list li .tit{height:100px;font-size:90px;}
	.system_list li .tit span{bottom:30px;font-size:24px;}
	#midBanner{height:500px;margin-bottom:100px;}
	#midBanner img{position:relative;height:200px;z-index:5;}
	#mainPlatform{margin-bottom:100px;}
	#mainPlatform .intab_list{margin-top:-180px;}
	.intab_list li .info h4{font-size:32px;}
	.intab_list li .info .tab a{font-size:18px;}
	#mainBrand{padding-bottom:100px;}
	#mainPromotion h3{margin-bottom:30px;font-size:70px;;}
	.thumb_list li{width:49%;margin-left:2%;}
	.thumb_list li:nth-child(3n-2){margin-left:2%;clear:none;}
	.thumb_list li:nth-child(2n-1){margin-left:0;clear:both;}

	#mainStore{margin-bottom:100px}
	#mainStore .store{padding-top:100px;}
	#mainStore .store h3{margin-bottom:30px}
	#mainStore .navigator .pagination{font-size:50px;}
	#mainStore .swiper-slide .info{padding:40px 30px;}
	#mainStore .swiper-slide .info .name{font-size:21px;}
	#mainStore .swiper-slide .info .cate span{font-size:15px;margin-right:10px;}
	#mainStore .swiper-slide .info .btn_detail{font-size:13px;}
	#mainPromotion .thumb_list li:last-child{display:block;}
}
@media screen and (max-width: 800px){
	.mainpage #contents{padding-top:0;}
	#header .btn_nav{color:#fff;}
	#header .logo{background-image:url(../../images/logo_wh.png);}

	#videoPlayerWrap{display:none;}
	#mainVisual{height:auto;margin-bottom:70px;}
	#mainVisual .navigator{top:280px;}
	#mainVisual .info_box{width:100%;height:320px;margin-top:-35px;margin-bottom:0;}
	#mainVisual .info_txt .info .tit img{height:150px;}
	#mainVisual .info_txt .info .txt{font-size:15px;}
	#mainVisual .info_txt .info.on .txt{width:100%;margin-top:0;}
	#mainVisual .swiper-container{left:inherit;top:inherit;position:relative;width:calc(100% + 60px);height:400px;margin:0 -30px;}
	#mainVisual .btn_play{display:block;}
	#mainVisual .navigator{top:310px;right:inherit;left:0;}
	#mainVisual .navigator .pagination{font-size:18px;}
	#mainVisual,
	#mainSystem,
	#mainPlatform,
	#mainBrand,
	#mainStore{margin-bottom:0;background-color:#fff;z-index:3;}
	#mainVisual,
	#mainSystem,
	#mainBrand{margin-bottom:0;padding-bottom:70px;}
	#midBanner{margin-bottom:0;background-attachment:inherit}
	#mainPlatform{padding-top:100px;}
	#midBanner .container{}

	#midBanner .container::before{content:'';position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:url(../../images/bg/bg_main_mid.png) no-repeat 50% 50% /cover;}
	#midBanner.imgOn .container::before{display:block;}
	#mainBrand{position:relative;padding:50px 0;}
	#mainBrand .brand .flex{padding:0;overflow:hidden;font-size:0;}
}
@media screen and (max-width: 700px){
	.mainpage h3{font-size:56px;}
	#mainSystem .top_txt{margin-top:10px;}
	#mainVisual .info_txt .info .txt{font-size:16px;line-height:24px;}
	#mainVisual .info_txt .info.on .txt{line-height:24px;}
	
	#mainSystem .system_list li{margin-top:50px;}
	#mainSystem .system_list li:nth-child(3){margin-top:80px;}
	#mainSystem.onview .system_list li:nth-child(1),
	#mainSystem.onview .system_list li:nth-child(2){margin-top:0;}
	#mainSystem.onview .system_list li:nth-child(3){margin-top:30px;}
	#mainSystem .bg_obj.bg01{top:80%;width:89px;height:170px;background-size:100% auto;}
	#mainSystem .bg_obj.bg02{width:135px;height:252px;background-size:100% auto;}
	#midBanner{height:400px;}
	#midBanner img{height:170px;}
	#mainPlatform .intab_list{margin-top:-120px;}
	.intab_list li .info h4{height:50px;margin-top:-40px;padding-top:20px;font-size:28px;}
	#mainBrand{padding-bottom:80px;}
	#mainPromotion{padding:80px 0;}
	#mainPromotion h3{font-size:56px;line-height:1;}
	#mainPromotion .bg01{width:143px;height:300px;background-size:100% auto}
	#mainPromotion .bg02{width:130px;height:187px;background-size:100% auto;}
	#mainStore .store{padding-top:80px;}
}

@media screen and (max-width: 640px){ 
	#nineBlock.mainpage{background-size:auto 400px;background-position:-100px -60px}
	.mainpage h3{font-size:40px;}
	

	.button{font-size:14px;width:150px;}
	
	
	
	#mainSystem .system_list{padding-bottom:10px;}
	#mainSystem .system_list li{width:100%;margin-bottom:20px;}
	#mainSystem .system_list li:nth-child(1){margin-right:0;}
	#mainSystem.onview .system_list li:nth-child(3){margin-top:0;}
	#mainSystem .system_list li .txt{width:100%;}
	#mainSystem.onview .system_list li .txt{margin-bottom:10px;}
	.system_list li .img{width:100%;height:200px;font-size:30px;}
	.system_list li .img img{width:100%;margin-top:-40%;}
	#midBanner{height:300px;}
	#midBanner img{height:120px;}
	#mainPlatform .intab_list{margin-top:-100px;}
	#mainPlatform .intab_list li:nth-child(1){padding-top:120px;}
	.intab_list li .info h4{width:50%;font-size:21px;}
	.intab_list li .info .tab{padding-top:15px;}
	.intab_list li .info .tab a{font-size:14px;}
	
	#mainBrand .brand .flex a,
	#mainBrand .brand .flex span{width:30%;margin:0 5%;}
	#mainBrand .brand .flex a:nth-child(-n+3),
	#mainBrand .brand .flex span:nth-child(-n+3){margin-bottom:0;}
	#mainBrand .brand .flex a:nth-child(-n+4),
	#mainBrand .brand .flex span:nth-child(-n+4){margin-bottom:40px;}
	#mainBrand.onview .brand .flex a:nth-child(1) img,
	#mainBrand.onview .brand .flex span:nth-child(1) img{height:95px;}
	#mainBrand.onview .brand .flex a:nth-child(2) img,
	#mainBrand.onview .brand .flex span:nth-child(2) img{height:50px;}
	#mainBrand.onview .brand .flex a:nth-child(3) img,
	#mainBrand.onview .brand .flex span:nth-child(3) img{height:85px;}
	#mainBrand.onview .brand .flex a:nth-child(4) img,
	#mainBrand.onview .brand .flex span:nth-child(4) img{height:25px;}
	#mainBrand.onview .brand .flex a:nth-child(5) img,
	#mainBrand.onview .brand .flex span:nth-child(5) img{height:35px;}
	#mainBrand.onview .brand .flex a:nth-child(6) img,
	#mainBrand.onview .brand .flex span:nth-child(6) img{height:38px;}
	#mainPromotion{padding:50px 0;}
	#mainPromotion h3{font-size:40px;}
	#mainPromotion .thumb_list{}
	#mainPromotion .thumb .date{font-size:12px;}
	#mainPromotion .thumb .sort{font-size:24px;}
	#mainPromotion .thumb .txt{font-size:14px;}
	#mainPromotion .bg02{top:50px;}
	#mainPromotion .thumb_list{margin-bottom:20px;}
	#mainStore{position:relative;}
	#mainStore .navigator .pagination{font-size:24px;}
	#mainStore .navigator .prev, #mainStore .navigator .next{top:15px;}
	#mainStore .swiper-slide .info{width:100%;padding:15px;}
	#mainStore .swiper-slide .info .name{font-size:18px;margin-bottom:10px;}
	#mainStore .swiper-slide .info .cate{margin-bottom:10px;overflow:hidden}
	#mainStore .swiper-slide .info .cate span{font-size:12px;float:left;}
	#mainStore .swiper-slide .info .cate span:nth-child(3n-2){clear:both;}
	#mainStore .swiper-slide .info .cate span:nth-child(n+4){margin-top:5px;}
	#mainStore .swiper-slide .info .btn_detail{width:100px;height:30px;font-size:12px;line-height:30px;}
}

@media screen and (max-width: 414px){ 
	#mainVisual,
	#mainSystem,
	#mainBrand{padding-bottom:50px;}
	#nineBlock.mainpage{background-size:auto 250px;background-position:-30px -10px;}
	#mainSystem .top_txt{font-size:14px;}
	#mainVisual .swiper-container{;height:200px;}
	#mainVisual .info_txt .info .tit img{height:130px;}
	#mainVisual .info_txt .info .txt{width:100%;margin-top:30px;}
	#mainSystem .system_list{padding-top:0;margin-top:10px;}
	.system_list li .tit{height:75px;font-size:70px;}
	.system_list li .tit span{bottom:15px;font-size:17px;}
	#mainSystem .system_list li .txt{font-size:14px;line-height:21px;}
	.system_list li .img{height:150px;font-size:24px;}
	.system_list li .img img{font-size:15px;}
	#midBanner{height:200px;}
	#midBanner img{height:100px;}
	#mainPlatform{padding-top:50px;}
	#mainPlatform h3{margin-bottom:20px;}
	#mainPlatform .intab_list{margin-top:0;}
	#mainPlatform .intab_list li{width:100%;margin-right:0;margin-bottom:10px;}
	#mainPlatform .intab_list li:nth-child(1){padding-top:0;margin-right:0;}
	#mainPlatform .intab_list li:nth-child(2){margin-bottom:10px;}
	#mainBrand{padding-bottom:70px;}
	#mainBrand.onview .brand .flex a:nth-child(1) img,
	#mainBrand.onview .brand .flex span:nth-child(1) img{height:75px;}
	#mainBrand.onview .brand .flex a:nth-child(2) img,
	#mainBrand.onview .brand .flex span:nth-child(2) img{height:36px;}
	#mainBrand.onview .brand .flex a:nth-child(3) img,
	#mainBrand.onview .brand .flex span:nth-child(3) img{height:68px;}
	#mainBrand.onview .brand .flex a:nth-child(4) img,
	#mainBrand.onview .brand .flex span:nth-child(4) img{height:19px;}
	#mainBrand.onview .brand .flex a:nth-child(5) img,
	#mainBrand.onview .brand .flex span:nth-child(5) img{height:28px;}
	#mainBrand.onview .brand .flex a:nth-child(6) img,
	#mainBrand.onview .brand .flex span:nth-child(6) img{height:30px;}
	.intab_list li .info h4{margin-top:-35px;}
	.intab_list li .img_wrap{padding-top:50%;}
	#mainPromotion{padding:30px 0;}
	#mainPromotion h3{margin-bottom:20px;}

	#mainPromotion .thumb .date{font-size:11px;}
	#mainPromotion .thumb .sort{font-size:21px;}
	#mainPromotion .thumb .txt{font-size:12px;}
	
	#mainStore .navigator .pagination{height:40px;}
	#mainStore .store{padding-top:50px;}
	#mainStore .store h3{margin-bottom:20px;}
	#mainStore{padding-bottom:70px;}
	#mainVisual .btn_play{top:100px;width:42px;height:42px;margin:-21px 0 0 -21px;}
}

@media screen and (max-width: 375px){ 
	#mainVisual{padding:0 20px 40px;}
	.container{padding:0 20px;}
	#header .logo{top:20px;right:20px;}
	#header .btn_nav{left:20px;}
	#mainBrand.onview .brand .flex a:nth-child(1) img,
	#mainBrand.onview .brand .flex span:nth-child(1) img{height:67px;}
	#mainBrand.onview .brand .flex a:nth-child(2) img,
	#mainBrand.onview .brand .flex span:nth-child(2) img{height:31px;}
	#mainBrand.onview .brand .flex a:nth-child(3) img,
	#mainBrand.onview .brand .flex span:nth-child(3) img{height:61px;}
	#mainBrand.onview .brand .flex a:nth-child(4) img,
	#mainBrand.onview .brand .flex span:nth-child(4) img{height:17px;}
	#mainBrand.onview .brand .flex a:nth-child(5) img,
	#mainBrand.onview .brand .flex span:nth-child(5) img{height:28px;}
	#mainBrand.onview .brand .flex a:nth-child(6) img,
	#mainBrand.onview .brand .flex span:nth-child(6) img{height:29px;}	
	#mainSystem.onview .system_list li .txt{font-size:13px;}
	#mainBrand{padding:30px 0 50px;}
	#mainVisual .swiper-container{;width:calc(100% + 40px);;margin:0 -20px;}
	#mainVisual .navigator{top:280px;}
}

@media screen and (max-width: 320px){ 
	.system_list li .tit{height:50px;font-size:50px;}
	.system_list li .tit span{bottom:10px;}
	#mainPromotion{padding:30px 0;}
	#mainStore .store{padding-top:30px;}
}