@charset "utf-8";

.visual-wrap{margin-top:100px; padding:120px 0; background-color:#3f63eb; background-image:url("../img/visual_bg.png"); background-repeat:no-repeat; background-position:center center;}

@media screen and (max-width:1160px){
	.visual-wrap{margin-top:70px;}
}

.visual-wrap .visual-box{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
.visual-wrap .visual-box:after{clear:both; content:""; display:block;}
.visual-wrap .visual-box .visual-left{width:50%; padding-right:20px; text-align:center; color:#fff; float:left;}
.visual-wrap .visual-box .visual-left h4{margin-bottom:20px; font-family:'GmarketSansLight'; font-size:20px;}
.visual-wrap .visual-box .visual-left h2{margin-bottom:30px; font-family:'GmarketSansBold'; font-size:45px; line-height:130%;}
.visual-wrap .visual-box .visual-left h3{margin-bottom:40px; font-size:25px; line-height:140%; color:rgba(255,255,255,.8);}
.visual-wrap .visual-box .visual-left a{padding:15px 60px; font-family:'GmarketSansBold'; font-size:30px; border-radius:10px; background-color:#ffc800; display:inline-block;}

@media screen and (max-width:980px){
	.visual-wrap{padding:100px 0;}

	.visual-wrap .visual-box .visual-left h2{margin-bottom:20px; font-size:40px;}
	.visual-wrap .visual-box .visual-left h3{margin-bottom:30px; font-size:22px;}
	.visual-wrap .visual-box .visual-left a{padding:13px 40px; font-size:25px;}
}

@media screen and (max-width:680px){
	.visual-wrap{padding:80px 0;}

	.visual-wrap .visual-box .visual-left h2{margin-bottom:15px; font-size:35px;}
	.visual-wrap .visual-box .visual-left h3{margin-bottom:25px; font-size:20px;}
	.visual-wrap .visual-box .visual-left a{padding:13px 40px; font-size:22px;}
}

@media screen and (max-width:500px){
	.visual-wrap{padding:60px 0;}

	.visual-wrap .visual-box .visual-left h2{margin-bottom:10px; font-size:30px;}
	.visual-wrap .visual-box .visual-left h3{margin-bottom:25px; font-size:18px;}
	.visual-wrap .visual-box .visual-left a{padding:13px 40px; font-size:20px;}
}

.visual-wrap .visual-box .visual-left .box-box{padding-top:65px;}
.visual-wrap .visual-box .visual-left .box-box:after{clear:both; content:""; display:block;}
.visual-wrap .visual-box .visual-left .box-box ul{margin:0 -5px;}
.visual-wrap .visual-box .visual-left .box-box ul:after{clear:both; content:""; display:block;}
.visual-wrap .visual-box .visual-left .box-box ul li{width:25%; padding:0 5px; float:left;}
.visual-wrap .visual-box .visual-left .box-box .box{height:140px; padding:20px 0; border-radius:4px; background-color:#fff;}
.visual-wrap .visual-box .visual-left .box-box .box:last-child{border-right:0;}
.visual-wrap .visual-box .visual-left .box-box .box .icon{text-align:center;}
.visual-wrap .visual-box .visual-left .box-box .box .txt{padding-top:10px; font-weight:700; font-size:16px; text-align:center; color:#242424;}

@media screen and (max-width:580px){
	.visual-wrap .visual-box .visual-left .box-box .box{height:auto; padding:15px 0;}
	.visual-wrap .visual-box .visual-left .box-box .box .txt{padding-top:7px; font-size:14px;}
}

@media screen and (max-width:500px){
	.visual-wrap .visual-box .visual-left .box-box ul{margin:0 -2px;}
	.visual-wrap .visual-box .visual-left .box-box ul li{padding:0 2px;}

	.visual-wrap .visual-box .visual-left .box-box{padding-top:40px;}
	.visual-wrap .visual-box .visual-left .box-box .box .txt{font-size:13px; letter-spacing:-0.5px;}
}

.visual-wrap .visual-box .visual-right{width:50%; padding-left:20px; float:right;}
.visual-wrap .visual-box .visual-right img{max-width:100%;}


@media screen and (max-width:880px){
	.visual-wrap{background-size:100% auto;}
	.visual-wrap .visual-box .visual-left{width:100%; padding-right:0; float:none;}
	.visual-wrap .visual-box .visual-right{width:100%; margin-top:50px; padding-left:0; text-align:center; float:none;}
	.visual-wrap .visual-box .visual-right img{width:400px;}
}

@media screen and (max-width:680px){
	.visual-wrap .visual-box .visual-right img{width:350px;}
}

@media screen and (max-width:500px){
	.visual-wrap .visual-box .visual-right img{width:300px;}
}

.main-top-wrap{width:100%; max-width:1160px; margin:120px auto; padding-left:510px; padding-right:10px; position:relative;}
.main-top-wrap:after{clear:both; content:""; display:block;}

@media screen and (max-width:1140px){
	.main-top-wrap{padding-left:460px;}
}

@media screen and (max-width:1080px){
	.main-top-wrap{margin:100px auto; padding-left:400px;}
}

@media screen and (max-width:980px){
	.main-top-wrap{margin:80px auto; padding-left:350px;}
}

.main-top-wrap .main-top-box{}
.main-top-wrap .main-left-box{height:490px; top:0; left:10px; padding-top:20px; position:absolute;}
.main-top-wrap .main-left-box h2{font-family:'GmarketSansBold'; font-size:40px; line-height:130%; color:#222; display:block;}
.main-top-wrap .main-left-box .img{margin-top:25px;}
.main-top-wrap .main-left-box .btn-box{margin-top:40px; text-align:center;}
.main-top-wrap .main-left-box a{padding:13px 60px; font-family:'GmarketSansBold'; font-size:22px; color:#fff; border-radius:50px; background-color:#1f42c1; display:inline-block;}

@media screen and (max-width:1080px){
	.main-top-wrap .main-left-box h2{font-size:35px;}
	.main-top-wrap .main-left-box .img img{width:400px;}
}

@media screen and (max-width:980px){
	.main-top-wrap .main-left-box{height:400px;}
	.main-top-wrap .main-left-box h2{font-size:30px;}
	.main-top-wrap .main-left-box .img img{width:350px;}
}

@media screen and (max-width:880px){
	.main-top-wrap .main-left-box h2{font-size:27px;}
}

.main-top-wrap .main-right-box{height:490px; padding-left:40px;}
.main-top-wrap .main-right-box:after{clear:both; content:""; display:block;}
.main-top-wrap .main-right-box .box{height:230px; margin-bottom:20px; padding:35px; border-radius:10px; overflow:hidden; position:relative;}
.main-top-wrap .main-right-box .sb1{width:calc( 50% - 10px ); float:left; background-color:#eff1f6;}
.main-top-wrap .main-right-box .sb2{width:calc( 50% - 10px ); float:right; background-color:#e8e8e8;}
.main-top-wrap .main-right-box .sb3{background-color:#85a1db;}

@media screen and (max-width:980px){
	.main-top-wrap .main-right-box{height:400px;}
	.main-top-wrap .main-right-box .box{height:195px; margin-bottom:10px; padding:20px;}
}

@media screen and (max-width:580px){
	.main-top-wrap .main-right-box .sb1{width:calc( 50% - 5px );}
	.main-top-wrap .main-right-box .sb2{width:calc( 50% - 5px );}
}

.main-top-wrap .main-right-box .box span{padding:10px 15px 7px; font-weight:bold; color:#444; border-radius:50px; background-color:#fff; display:inline-block;}
.main-top-wrap .main-right-box .box div{margin-top:15px;}
.main-top-wrap .main-right-box .box div h3{font-family:'GmarketSansBold'; font-size:22px; letter-spacing:-0.5px;}
.main-top-wrap .main-right-box .box div h4{margin-top:10px; font-family:'GmarketSansLight'; font-size:18px;}
.main-top-wrap .main-right-box .box div em{right:0; position:absolute;}


.main-top-wrap .main-right-box .sb1 div em{bottom:0;}
.main-top-wrap .main-right-box .sb2 div em{top:60px !important;}
.main-top-wrap .main-right-box .sb3 div em{bottom:0;}

.main-top-wrap .main-right-box .sb3 div h3,
.main-top-wrap .main-right-box .sb3 div h4{color:#fff !important;}

@media screen and (max-width:1080px){
	.main-top-wrap .main-right-box .box div h3{font-size:20px;}
	.main-top-wrap .main-right-box .box div h4{font-size:16px;}
}

@media screen and (max-width:680px){
	.main-top-wrap .main-right-box .box{height:240px;}
	.main-top-wrap .main-right-box .box div h3{font-size:18px;}
	.main-top-wrap .main-right-box .sb1 div h3 br:first-child{display:none;}
	.main-top-wrap .main-right-box .sb2 div h3 br:first-child{display:none;}

	.main-top-wrap .main-right-box .sb1 div em img{width:100px;}
	.main-top-wrap .main-right-box .sb2 div em{top:auto !important; bottom:0;}
	.main-top-wrap .main-right-box .sb2 div em img{width:120px;}
}

@media screen and (max-width:580px){
	.main-top-wrap .main-right-box .box div h3{font-size:17px;}
}


@media screen and (max-width:880px){
	.main-top-wrap{padding:0 10px;}
	.main-top-wrap .main-left-box{height:auto; top:auto; left:auto; padding-top:0; text-align:center; position:relative;}
	.main-top-wrap .main-right-box{height:auto; margin-top:30px; padding-left:0;}
}




@keyframes blink-effect {
	50% {
		opacity: 0;
	}
}

.blink {
	animation: blink-effect 1s step-end infinite;
}


.main-info-wrap{padding:80px 0; background-color:#f7f7f7;}
.main-info-wrap .main-info-box{width:100%; max-width:1160px; margin:0 auto; padding:0 10px; position:relative;}
.main-info-wrap .main-info-box .info-box{padding:20px 0;}
.main-info-wrap .main-info-box .info-box:after{clear:both; content:""; display:block;}
.main-info-wrap .main-info-box .info-box .img-box{width:50%;}
.main-info-wrap .main-info-box .info-box .img-box img{max-width:100%;}
.main-info-wrap .main-info-box .info-box .txt-box{width:50%; padding-top:80px;}
.main-info-wrap .main-info-box .info-box .txt-box h3{margin-bottom:20px; font-family:'GmarketSansBold'; font-size:35px;}
.main-info-wrap .main-info-box .info-box .txt-box div{font-size:22px; color:#777;}
.main-info-wrap .main-info-box .ib1 .img-box{text-align:right; float:right;}
.main-info-wrap .main-info-box .ib1 .txt-box{padding-right:20px; float:left;}
.main-info-wrap .main-info-box .ib2 .img-box{float:left;}
.main-info-wrap .main-info-box .ib2 .txt-box{padding-left:20px; float:right;}

@media screen and (max-width:980px){
	.main-info-wrap .main-info-box .info-box .txt-box h3{font-size:30px;}
	.main-info-wrap .main-info-box .info-box .txt-box div{font-size:20px;}
}

@media screen and (max-width:880px){
	.main-info-wrap{padding:60px 0;}

	.main-info-wrap .main-info-box .info-box .txt-box h3{font-size:25px;}
	.main-info-wrap .main-info-box .info-box .txt-box div{font-size:18px;}
}

@media screen and (max-width:780px){
	.main-info-wrap{padding:40px 0;}

	.main-info-wrap .main-info-box .info-box .txt-box div br{display:none;}
}

@media screen and (max-width:680px){
	.main-info-wrap .main-info-box .info-box .img-box{width:100%; text-align:center;}
	.main-info-wrap .main-info-box .info-box .img-box img{width:350px;}
	.main-info-wrap .main-info-box .info-box .txt-box{width:100%; padding-top:0; text-align:center;}

	.main-info-wrap .main-info-box .ib1 .img-box{text-align:center; float:none;}
	.main-info-wrap .main-info-box .ib1 .txt-box{padding-right:20px; float:none;}
	.main-info-wrap .main-info-box .ib2 .img-box{float:none;}
	.main-info-wrap .main-info-box .ib2 .txt-box{padding-left:20px; float:none;}
}

@media screen and (max-width:580px){
	.main-info-wrap .main-info-box .info-box .txt-box{margin-top:10px;}
	.main-info-wrap .main-info-box .info-box .txt-box h3{margin-bottom:10px; font-size:22px;}
	.main-info-wrap .main-info-box .info-box .txt-box div{font-size:16px;}
}

@media screen and (max-width:500px){
	.main-info-wrap .main-info-box .info-box .img-box img{width:300px;}
}

.main-cs-wrap{background-color:#ffc800;}
.main-cs-wrap .main-cs-box{width:100%; max-width:1160px; margin:0 auto; padding:0 10px; text-align:center; position:relative;}
.main-cs-wrap .main-cs-box div{padding:25px 0;}
.main-cs-wrap .main-cs-box h3{font-family:'GmarketSansLight'; font-size:25px;}
.main-cs-wrap .main-cs-box h3 strong{font-family:'GmarketSansBold';}
.main-cs-wrap .main-cs-box h3 em{margin-left:15px; font-family:'GmarketSansBold'; font-size:30px;}

@media screen and (max-width:680px){
	.main-cs-wrap .main-cs-box h3{font-size:23px;}
	.main-cs-wrap .main-cs-box h3 em{font-size:28px;}
}

@media screen and (max-width:580px){
	.main-cs-wrap .main-cs-box div{padding:20px 0;}

	.main-cs-wrap .main-cs-box h3{font-size:20px;}
	.main-cs-wrap .main-cs-box h3 em{font-size:25px;}
}

@media screen and (max-width:480px){
	.main-cs-wrap .main-cs-box h3 em{margin-top:10px; display:block;}
}

.main-platform-wrap{padding:120px 0;}
.main-platform-wrap .main-platform-box{width:100%; max-width:1160px; margin:0 auto; padding:0 10px; position:relative;}
.main-platform-wrap .main-platform-box:after{clear:both; content:""; display:block;}
.main-platform-wrap .main-platform-box .platform-left{width:50%; padding-right:20px; float:left;}
.main-platform-wrap .main-platform-box .platform-left h2{margin-bottom:50px; font-family:'GmarketSansBold'; font-size:30px;}
.main-platform-wrap .main-platform-box .platform-left h3{margin-bottom:50px; font-size:25px;}
.main-platform-wrap .main-platform-box .platform-left h4{font-size:20px;}
.main-platform-wrap .main-platform-box .platform-left ul{margin-top:30px;}
.main-platform-wrap .main-platform-box .platform-left ul:after{clear:both; content:""; display:block;}
.main-platform-wrap .main-platform-box .platform-left ul li{margin-right:10px; float:left;}
.main-platform-wrap .main-platform-box .platform-left a{display:block;}
.main-platform-wrap .main-platform-box .platform-left a.googleplay{padding:13px 25px; border-radius:50px; border:1px solid #ddd;}
.main-platform-wrap .main-platform-box .platform-left a.appstore{padding:7px 25px 8px; border-radius:50px; border:1px solid #000; background-color:#000;}

@media screen and (max-width:980px){
	.main-platform-wrap{padding:100px 0;}

	.main-platform-wrap .main-platform-box .platform-left h2{margin-bottom:40px; font-size:25px;}
	.main-platform-wrap .main-platform-box .platform-left h3{margin-bottom:40px; font-size:20px;}
	.main-platform-wrap .main-platform-box .platform-left h4{font-size:18px;}
	.main-platform-wrap .main-platform-box .platform-left a{margin-top:20px; padding:15px 50px; font-size:18px;}
}

@media screen and (max-width:880px){
	.main-platform-wrap{padding:80px 0;}
	.main-platform-wrap .main-platform-box .platform-left h2{margin-bottom:20px;}
	.main-platform-wrap .main-platform-box .platform-left h3{margin-bottom:20px;}
}

@media screen and (max-width:780px){
	.main-platform-wrap{padding:60px 0;}
}

.main-platform-wrap .main-platform-box .platform-right{width:50%; padding-left:20px; float:right;}
.main-platform-wrap .main-platform-box .playstore-box{position:relative;}
.main-platform-wrap .main-platform-box .playstore-box div{width:350px; height:50px; font-size:20px; line-height:51px; border-radius:50px; border:2px solid #333; position:relative;}
.main-platform-wrap .main-platform-box .playstore-box div span{width:calc( 100% - 60px ); height:46px; text-align:center; display:block;}
.main-platform-wrap .main-platform-box .playstore-box div em{height:46px; top:0; right:0; padding:0 20px; font-size:20px; line-height:47px; color:#fff; border-radius:0 50px 50px 0; background-color:#3f63eb; display:block; position:absolute;}

@media screen and (max-width:1100px){
	.main-platform-wrap .main-platform-box .playstore-box div{width:250px;}
}

@media screen and (max-width:580px){
	.main-platform-wrap .main-platform-box .playstore-box div{width:100%; height:40px; top:auto; right:auto; margin-top:10px; font-size:18px; line-height:41px; border-radius:50px; border:2px solid #333; position:relative;}
	.main-platform-wrap .main-platform-box .playstore-box div span{height:36px;}
	.main-platform-wrap .main-platform-box .playstore-box div em{height:36px; line-height:40px;}

}

.main-platform-wrap .main-platform-box .playstore-tit{margin-top:30px; font-family:'GmarketSansBold'; font-size:30px;}
.main-platform-wrap .main-platform-box .playstore-stit{margin-top:10px; font-size:20px;}

@media screen and (max-width:980px){
	.main-platform-wrap .main-platform-box .playstore-tit{margin-top:20px; font-size:25px;}
	.main-platform-wrap .main-platform-box .playstore-stit{font-size:18px;}
}

@media screen and (max-width:580px){
	.main-platform-wrap .main-platform-box .playstore-tit{margin-top:20px; font-size:20px;}
	.main-platform-wrap .main-platform-box .playstore-stit{font-size:16px;}
}

.main-platform-wrap .main-platform-box .playstore-img{margin-top:30px;}
.main-platform-wrap .main-platform-box .playstore-img ul{margin:0 -5px;}
.main-platform-wrap .main-platform-box .playstore-img ul:after{clear:both; content:""; display:block;}
.main-platform-wrap .main-platform-box .playstore-img ul li{width:25%; padding:0 5px; float:left;}
.main-platform-wrap .main-platform-box .playstore-img ul li img{max-width:100%;}

@media screen and (max-width:980px){
	.main-platform-wrap .main-platform-box .playstore-img{margin-top:20px;}
}

@media screen and (max-width:880px){
	.main-platform-wrap .main-platform-box .platform-left{width:100%; padding-right:0; text-align:center; float:none;}
	.main-platform-wrap .main-platform-box .platform-left br{display:none;}
	.main-platform-wrap .main-platform-box .platform-right{width:100%; margin-top:30px; padding-left:0; padding:30px; border-radius:10px; border:2px solid #eee; float:none;}
}

#cartype-wrap{padding:120px 0; overflow:hidden;}
#cartype-wrap #cartype-section{width:100%; max-width:1140px; margin:0 auto;}
#cartype-wrap h2{margin-bottom:30px; font-family:'GmarketSansBold'; font-size:35px; line-height:140%;}
#cartype-wrap h3{font-size:20px; line-height:160%; color:#6f6f6f;}

@media screen and (max-width:980px){
	#cartype-wrap{padding:90px 0;}

	#cartype-wrap h2{font-size:32px;}
	#cartype-wrap h3{font-size:18px;}
}

@media screen and (max-width:880px){
	#cartype-wrap{padding:70px 0;}

	#cartype-wrap h2{font-size:28px;}
	#cartype-wrap h3{font-size:18px;}
}

@media screen and (max-width:780px){
	#cartype-wrap{padding:50px 0;}

	#cartype-wrap h2{font-size:24px;}
	#cartype-wrap h2 br{display:none;}
}

@media screen and (max-width:680px){
	#cartype-wrap h2{font-size:22px;}
	#cartype-wrap h3{font-size:16px;}
}

#cartype-wrap .cartype-list-box{margin-top:50px;}
#cartype-wrap .cartype-list-box ul{margin:0 -10px;}
#cartype-wrap .cartype-list-box ul li{padding:0 10px;}
#cartype-wrap .cartype-list-box .box{border-radius:10px; border:1px solid #ddd; background-color:#fff; overflow:hidden;}
#cartype-wrap .cartype-list-box .box .img{text-align:center;}
#cartype-wrap .cartype-list-box .box .img img{max-width:100%;}
#cartype-wrap .cartype-list-box .box .txt{}
#cartype-wrap .cartype-list-box .box .txt h2{margin-bottom:10px; font-weight:500; font-size:18px; text-align:center; display:block;}
#cartype-wrap .cartype-list-box .box .txt table{width:100%;}
#cartype-wrap .cartype-list-box .box .txt table th{width:40%; padding:10px; font-weight:500; font-size:14px; border:1px solid #eee; border-left:0; background-color:#f7f7f7;}
#cartype-wrap .cartype-list-box .box .txt table td{padding:10px; font-size:14px; border:1px solid #eee; border-right:0;}
#cartype-wrap .cartype-list-box .box .txt table tr:last-child th,
#cartype-wrap .cartype-list-box .box .txt table tr:last-child td{border-bottom:0;}
#cartype-wrap .cartype-list-box .slick-dots{margin-top:15px; text-align:center; display:none !important;}
#cartype-wrap .cartype-list-box .slick-dots li{margin:0 2px; padding:0; display:inline-block;}
#cartype-wrap .cartype-list-box .slick-dots li button{width:15px; height:15px; text-indent:-9000px; border-radius:50px !important; border:1px solid #eee;; background-color:#fff;}
#cartype-wrap .cartype-list-box .slick-dots li.slick-active button{width:40px; border:1px solid #0073bf; background:#0073bf;}
#cartype-wrap .cartype-list-box .slick-next,
#cartype-wrap .cartype-list-box .slick-prev{border: 0; text-indent: -9999px; display: block; background-color:transparent; width: 60px; height: 60px; position: absolute; margin: 0 auto;}
#cartype-wrap .cartype-list-box .slick-next{background: url("../img/slider_next.png") no-repeat center center; right: -100px; top: 50%; transform: translate(-50%, -50%);}
#cartype-wrap .cartype-list-box .slick-prev{background: url("../img/slider_prev.png") no-repeat center center; left: -40px; top: 50%; transform: translate(-50%, -50%);}

@media screen and (max-width:1280px){
	#cartype-wrap .cartype-list-box .slick-prev,
	#cartype-wrap .cartype-list-box .slick-next{display:none !important;}
	#cartype-wrap .cartype-list-box .slick-dots{display:block !important;}
}

@media screen and (max-width:500px){
	#cartype-wrap .cartype-list-box ul{margin:0 -5px;}
	#cartype-wrap .cartype-list-box ul li{padding:0 5px;}
}

.main-btm-wrap{padding:120px 0; background-color:#f2f6ff;}
.main-btm-wrap .main-btm-box{width:100%; max-width:1160px; margin:0 auto; padding:0 10px;}
.main-btm-wrap .main-btm-box:after{clear:both; content:""; display:block;}
.main-btm-wrap .main-btm-box .btm-left{width:calc( 50% - 30px ); float:left;}
.main-btm-wrap .main-btm-box .btm-right{width:calc( 50% - 30px ); float:right;}
.main-btm-wrap .main-btm-box div h3{font-family:'GmarketSansBold'; font-size:25px;}
.main-btm-wrap .main-btm-box ul{margin:0 -10px;}
.main-btm-wrap .main-btm-box ul:after{clear:both; content:""; display:block;}
.main-btm-wrap .main-btm-box ul li{width:25%; padding:10px; float:left;}
.main-btm-wrap .main-btm-box ul li span{border-radius:4px; overflow:hidden; display:block;}
.main-btm-wrap .main-btm-box ul li img{max-width:100%;}