@charset "utf-8";

/******************************* main-visual *******************************/

	#container{transition:opacity 0.8s cubic-bezier(0, 0, 0.33, 0.9) 0s;opacity:1;}
	#mainSlide{height:750px;clear:both;position:relative;background:#fff;}
	#mainSlide .slick-list{position:relative;z-index:10}
	#mainSlide .slick-slide{position:relative;height:750px;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{font-family:'Montserrat';font-weight:800;text-transform:uppercase;display:block;color:#fff;font-size:4.444rem;line-height:1em;word-break:break-word;margin-bottom:0.5rem;}
	#mainSlide .text .textWrap p{color:#fff;font-size:1.125rem;position:relative;line-height:1.3;text-transform:uppercase;letter-spacing:0.3em;font-family:'Montserrat';font-weight:400;}
	#mainSlide .text .textWrap p:after{content:'';position:absolute;left:210px;bottom:6px;width:100px;height:1px;background:#fff;}
	#mainSlide .text .textWrap .btnMoreA{margin:50px 0 0 0;}
	#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: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.alignRight .slideList .imgBg{right:0px;transform-origin:100% 50%;}

	#mainSlide .btnSlide{position:absolute;bottom:60px;width:100px;height:100px;border-radius:50%;background:#000e3f;box-sizing:border-box;z-index:11;text-indent:-9999px;}
	#mainSlide .btnSlide::after{content:'';position:absolute;left:0;top:0;width:100px;height:100px;background:url('../../../images/site/common/icon-common.png') no-repeat;}
	#mainSlide .slidePrev{margin-left:0;transition:all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s;border-radius:100%;opacity:0.9;}
	#mainSlide .slidePrev:hover,#mainSlide .slideNext:hover{opacity:1;}
	#mainSlide .slidePrev::after{background-position:-400px 0px;}
	#mainSlide .slideNext{margin-left:110px;transition:all 1.5s cubic-bezier(0, 0, 0, 1.01) 0s;border-radius:100%;opacity:0.9;}
	#mainSlide .slideNext::after{background-position:-400px -100px;}
	#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;display:none;}
	

	@media only screen and (max-width:1200px) {
		#mainSlide .slideList .imgBg{background-size:100% 100%;}
		#mainSlide .btnSlide{display:none;}
		#mainSlide .text .textWrap p:after{content:none;}
	}

	@media only screen and (max-width:1199px) and (min-width:992px) {
		#mainSlide{height:auto;min-height:650px;}
		#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 .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:1rem;}
		.smallButton{top:400px;}
	}

	@media only screen and (max-width:767px) {
		#mainSlide{min-height:450px;}
		#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;}
		#mainSlide .text .textWrap .btnMoreA{padding:0 20px;height:35px;}
	}

	@media only screen and (max-width:640px) {
		#mainSlide{min-height:380px;}
		#mainSlide .text .textWrap{padding:100px 0 0 0;}
		.smallButton{top:280px;}
	}

	@media only screen and (max-width:520px) {
		#mainSlide{min-height:300px;}
		#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;}
		#mainSlide .text .textWrap .btnMoreA{margin-top:1rem;}
	}

	@media only screen and (max-width:480px) {
		#mainSlide{min-height:250px;}
		#mainSlide .text .textWrap{padding:50px 0 0 0;}
		.smallButton{top:180px;}
		#mainSlide .text .textWrap strong{font-size:1.7rem;}
		#mainSlide .text .textWrap .btnMoreA{padding:0 10px;}
	}


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

    #container.main .main-inner,#wrapper .main-inner{margin-left:150px;margin-right:150px;}
	#container.main .tit-wrap h2,#container.main .tit-wrap h4{font-family:'Montserrat';font-weight:200;color:#222;font-size:2.5rem;line-height:1.5;text-transform:uppercase;}
	#container.main .tit-wrap h4{font-size:28px;}
	#container.main .tit-wrap h2 strong,#container.main .tit-wrap h4 strong{font-weight:800;position:relative;}
	#container.main .tit-wrap h2 strong:after,#container.main .tit-wrap h4 strong:after{content:'';position:absolute;bottom:-10px;left:0px;width:30px;height:3px;background:#ea5504;}
	#container.main .tit-wrap h2 span{display:block;margin-top:40px;font-size:20px;color:#ea5504;text-transform:lowercase;font-family:'Open+Sans';}
	#container.main h2.scroll-etc,#container.main p.scroll-etc{opacity:1;}
	#container.main p{font-size:0.941rem;color:#727171;transition:all 0.5s ease-in-out 0s;opacity:0;}
	#wrapper .scroll-down{display:none;}
	#wrapper .btnMoreA{display:table;height:50px;line-height:50px;width:180px;color:#fff;text-align:center;border-radius:30px;}
	#wrapper .btnMoreA span{font-size:0.875rem;display:table-cell;vertical-align:middle;text-transform:uppercase;}

	@media only screen and (min-width:1200px){
	    #container.main .main-inner,#wrapper .main-inner{margin-left:50px;margin-right:50px;}
	}


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

	@media only screen and (max-width:1199px){
	    #container.main .main-inner,#wrapper .main-inner,.inner{width:auto !important;margin-left:1em !important;margin-right:1em !important;}
		#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;}
		#container.main .tit-wrap h4{font-size:24px;}
	}

	@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;}
		#container.main .tit-wrap h2 strong:after,#container.main .tit-wrap h4 strong:after{content:none;}
		#container.main .tit-wrap h2 span{margin-top:0;}
		#container.main .tit-wrap h4{font-size:20px;}
	}

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




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

	#container.main .main-prod .inline-wrap{padding:100px 0 70px 0;display:flex;display:-webkit-box;}
	#container.main .main-prod .inline-wrap .tit-wrap{width:50%;padding-left:100px;padding-top:50px;}
	#container.main .main-prod .inline-wrap .tit-wrap p{font-size:1rem;color:#777;font-weight:400;line-height:1.7;padding:20px 0 40px 0;}
	#container.main .main-prod .inline-wrap .tit-wrap p .btnMoreA{height:46px;line-height:46px;margin:40px 0 0 0;}
	.inline-wrap > ul{width:50%;position:relative;}
	.inline-wrap > ul:after{content:'';display:block;clear:both;}
	.inline-wrap > ul > li{width:100%;box-sizing:border-box;transition:all 0.5s cubic-bezier(0, 0, 0, 1.01) 0s;position:absolute;transition-fill-mode:both;opacity:0;transform:translateY(100px);}
	.inline-wrap > ul > li.scroll-etc{opacity:1;transform:translateY(0);}
	.main-prod .inline-wrap .inlineList{display:block;}
	.inline-wrap > ul > li .imgArea{display:inline-block;position:relative;width:100%;margin-bottom:25px;}
	.inline-wrap > ul > li .imgArea span{display:block;position:relative;}
	.inline-wrap > ul > li .imgArea img{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 .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%;}

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

	}

	@media only screen and (max-width:1199px){
		#container.main .main-prod .inline-wrap{display:inline-block;padding:70px 0 50px 0;}
	    .inline-wrap > ul{width:100%;display:block;}
		.inline-wrap > ul > li{position:relative;text-align:center;}
		#container.main .main-prod .inline-wrap .tit-wrap{width:100%;padding:0;display:block;position:relative;}
		#container.main .main-prod .inline-wrap .tit-wrap p{padding:10px 0 10px 0;}
		#container.main .btnMoreA{height:40px;line-height:40px;margin:20px 0 0 0;}
	}

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

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

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

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

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




/******************************* main-section : prod-slide *******************************/

	#container.main .prod-slide{position:relative;}
	.prod-slide .prod-slide-wrap{position:relative;width:100%;transition:all 0.5s ease-in-out 0s;opacity:0;display:flex;display:-webkit-flex;}
	.prod-slide .prod-slide-wrap .left-list-wrap{width:520px;background:url('../../../images/site/main/prod-slide-left.jpg') no-repeat top left;z-index:10;}
	.prod-slide .prod-slide-wrap.scroll-etc{opacity:1;}
	.prod-slide .prod-slide-wrap .bottom-slide.scroll-etc{opacity:1;transform:translateY(0);}
	.prod-slide .prod-slide-wrap .right-slide{width:100%;}
	.prod-slide .prod-slide-wrap .right-slide .img-area{width:820px;height:400px;}
	.right-slide .img-area .slick-arrow{display:none !important;}
	.right-slide .img-area .slick-dots{}
	.prod-slide .prod-slide-wrap .right-slide .img-area img{}
	.prod-slide .prod-slide-wrap .bottom-slide .img-area{float:right;}
	.left-list-wrap .list-inner{padding:80px 0 0 40px;}
	.left-list-wrap .list-inner .menu-list{margin-top:40px;}
	.prod-slide .menu-list{}
	.prod-slide .menu-list li{display:inline-block;width:100%;}
	.prod-slide .menu-list li a{display:block;font-size:18px;color:#222;padding:10px 0;}
	.prod-slide .menu-list li a:hover{color:#ea5504;text-decoration:underline;}
	.prod-slide .prod-slide-wrap .right-slide .slide{display:flex;display:-webkit-flex;}
	.prod-slide .prod-slide-wrap .right-slide .txt-area{padding:50px 80px 0 50px;}
	.prod-slide .prod-slide-wrap .right-slide .slide .bx-wrapper{width:820px;height:400px;}
	.slide .bx-wrapper .bx-viewport .swiper-slide{width:820px;height:400px;}
	.slide .bx-wrapper .bx-viewport .swiper-slide img{width:100%;height:100%;}
	.txt-area .bx-pager{margin-top:30px;}
	.txt-area .bx-pager a{display:inline-block;width:100%;padding:7px 0;}
	.txt-area .bx-pager a span{font-size:16px;color:#999;}
	.txt-area .bx-pager a.active span,.txt-area .bx-pager a:hover span{color:#000;text-decoration:underline;}

	@media only screen and (max-width:1600px){
		.left-list-wrap .list-inner{padding:40px;}
		.left-list-wrap .list-inner .menu-list{margin-top:20px;}
		.prod-slide .prod-slide-wrap{display:inline-block;}
		.prod-slide .prod-slide-wrap .left-list-wrap{width:100%;background:#eaeaea url('../../../images/site/main/m-prod-slide-left.jpg') no-repeat right top;}
		.prod-slide .prod-slide-wrap .right-slide .slide .bx-wrapper{width:60%;height:auto;}
		.prod-slide .prod-slide-wrap .right-slide .bottom-slide.slide .bx-wrapper{text-align:right;}
		.slide .bx-wrapper .bx-viewport .swiper-slide{height:auto;}
		.prod-slide .prod-slide-wrap .right-slide .txt-area{width:40%;}
	}

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

	@media only screen and (max-width:991px){ 
	    .prod-slide .prod-slide-wrap .right-slide .txt-area{padding:20px 20px 0 20px;}
		.txt-area .bx-pager{margin-top:10px;}
		.txt-area .bx-pager a{padding:5px 0;}
	}

	@media only screen and (max-width:767px){
	    .prod-slide .prod-slide-wrap .right-slide .txt-area{padding:10px 10px 0 10px;}
		.txt-area .bx-pager{margin-top:5px;}
		.txt-area .bx-pager a{padding:3px 0;}
		.txt-area .bx-pager a span{font-size:14px;}
		.left-list-wrap .list-inner{padding:20px;}
		.left-list-wrap .list-inner .menu-list{margin-top:10px;}
		.prod-slide .menu-list li a{font-size:15px;padding:5px 0;}
	}

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

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

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




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

	#container.main .main-news{padding:70px 0;margin:100px auto;position:relative;background:#f4f4f4;}
	#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);}
	#container.main .main-news .tit-wrap h2 strong:after{content:none;}
	.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-size:1.875rem;font-weight:700;margin-bottom:10px;}
	.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 (max-width:1199px){
	    #container.main .main-news{padding:50px 0;}

	}

	@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 .textSlideWrap{width:600px;margin-left:-240px;}

	}

	@media only screen and (max-width:768px){
	    .main-news .inspirationSlide{margin-top:30px;}

	}

	@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;}

	}

	@media only screen and (max-width:520px){
		.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-section : cs *******************************/

	#container.main .main-cs{position:relative;padding:0;background:#fff;}
	#container.main .main-cs .main-inner{position:relative;text-align:center;}
	#container.main .main-cs .tit-wrap h2 strong:after{content:none;}
	.main-cs .main-branch{position:relative;text-align:center;padding:50px 0 0 0;}

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

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

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

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



/******************************* 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;}
	.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){

}