@charset "utf-8";

	.skip_nav a{position:absolute; top:-100px; left:0}
	.skip_nav a:focus,.skip_nav a:active{top:0; right:0; z-index:100; background-color:#000; color:#fff; font-size:15px;}

	#wrap{position:relative; width:100%; max-width:1920px; margin:0 auto; /*overflow:hidden;*/}
	
	.header_wrap{position:fixed; top:0; left:0; width:100%; height:76px; background-color:#fff; border-bottom:1px solid #ccc; z-index:888;}
	.header{position:relative; width:1400px; height:100%; margin:0 auto;}
	.header h1{position:absolute; top:22px; left:0; width:165px; height:36px;}
	.header h1 a{display:block; width:100%; height:100%;}
	.header h1 img{width:100%;}
	.header .gnb{width:100%; text-align:right; line-height:76px; }
	.header .gnb ul li{display:inline-block; padding:0 30px;}
	.header .gnb ul li:last-child{padding-right:0;}
	.header .gnb ul li a{font-weight:700;}

	.menu_on{display:none; position:absolute; top:50%; left:15px; width:35px; height:31px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); background:url("../img/menu.png")no-repeat center; z-index:998;}
	.menu_off{display:none; position:absolute; top:0; left:200px; width:35px; height:35px; background:url("../img/menu_off.png")no-repeat center; cursor:pointer;}

	.mobile_header{width:200px; height:100%; position:fixed; top:0; left:-250px; background-color:#000; z-index:1000;}
	.mobile_gnb{width:100%;}
	.mobile_gnb ul li{width:170px; position:relative; padding:20px 15px; border-bottom:1px solid #fff;}
	.mobile_gnb ul li a{display:block; width:100%; color:#fff;}

	.gnb_blind{position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.8; z-index:999;}

	.container{width:100%; padding-top:76px; background-color:#fff;}
	.main_container{background-color:#282828;}
	.main_se{position:relative; width:100%; height:100%; margin-bottom:15px; text-align:center;}
	.lock_screen{height:900px; background:url("../img/main_se01.jpg")center no-repeat; background-size:cover;}
	.pedometer{height:700px; background:url("../img/main_se02.jpg")center no-repeat; background-size:cover;}
	.time_profit{height:700px; background:url("../img/main_se03.jpg")center no-repeat; background-size:cover;}
	.alarm{height:700px; background:url("../img/main_se06.jpg")center no-repeat; background-size:cover;}
	.account{height:700px; background:url("../img/main_se05.jpg")center no-repeat; background-size:cover;}

	.main_txt{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:90%;}
	.main_txt strong{display:block; padding:30px 0; font-size:48px; color:#fff; font-weight:400;}
	.main_txt p{line-height:1.5em; font-size:24px; color:#fff;}
	.main_txt a{display:block; padding:50px 0; color:#4da5fc;}

	.app_download_se{position:relative; width:100%; margin:0 auto; padding:160px 0 215px 0; background-color:#000;}
	.app_download_se .store{position:relative; width:202px; margin:0 auto;}
	.app_download_se .store p{width:100%;}
	.app_download_se .store p img{max-width:202px; width:100%; height:auto;}
	.app_download_se .store .app_btn{position:absolute; top:335px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
	.app_download_se .store .google{width:205px;}
	.app_download_se .top_btn{position:absolute; bottom:30px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); color:#fff;}
	.app_download_se .top_btn img{margin-left:10px;}

	.footer{width:100%; padding:20px 0; background-color:#000; text-align:center;}
	.footer p{font-size:14px; color:#fff;}
	.footer_bg{background-color:#fff;}
	.footer_bg p{color:#000;}


	/* privacy & terms*/
	.privacy_se{width:850px; margin:0 auto; padding:40px 0;}
	.privacy_box{width:100%; padding:60px 0;}
	.privacy_box h2{font-size:46px; text-align:center;}
	.privacy_box h3{padding:40px 0; line-height:1.5em; font-size:22px; text-align:center;}
	.privacy_box em{display:block; padding-bottom:20px; line-height:1.4em; font-size:30px; font-weight:400;}
	.privacy_box p{font-size:17px; line-height:1.5em; padding:15px 0;}
	.privacy_box ul li{display:list-item; list-style:disc; list-style-position:inside; line-height:1.5em; font-size:15px; padding-bottom:10px;}
	.privacy_box ul li .case{padding-top:5px;}
	.privacy_box .include{padding-top:15px;}
	.privacy_box .include li{list-style: circle; list-style-position: inside; padding-left: 10px;}
	.privacy_box a{color:#4da5fc;}

	.line{border-top:1px solid #ccc;}


	/* contact */
	
	.contact_container{height:100%; background:url("../img/contact_bg.jpg")center no-repeat; background-size:cover;}
	.contact_se{width:800px; margin:0 auto; padding:110px 0;}
	/*.contact_se h2{padding:40px 0; font-size:46px; color:#fff; text-align:center;}*/
	.contact_box{width:100%; padding:100px 50px; background-color:rgba(255,255,255,0.8); box-sizing:border-box;}
	.contact_box strong{display:block; padding-bottom:30px; font-size:28px;}
	.contact_box p{line-height:1.5em;  padding-bottom:50px; font-size:18px;}
	.contact_box p a{color:#4da5fc;}
	.contact_box .feedback_box{padding-top:50px; border-top:1px solid #888;}
	.contact_box .feedback_box p{line-height:1.5em; padding-bottom:20px;}
	.contact_box .feedback_box a{font-size:18px; color:#4da5fc;}

	@media all and (max-width:1465px){
		.header{width:90%;}

	}

	@media all and (max-width:900px){
		.privacy_se{width:90%;}
		.privacy_box h2{font-size:32px;}
		.privacy_box h3{font-size:18px;}
		.privacy_box em{font-size:22px;}
		.privacy_box p{font-size:15px;}
		.privacy_box ul li{font-size:13px;}

		.contact_se{width:90%;}

	}
	

	@media all and (max-width:767px){
		.header h1{top:44%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:135px;}
		.header .gnb{display:none;}
		.menu_on{display:block;}
		
		.lock_screen{height:600px;}
		.pedometer{height:400px; background-position:left;}
		.time_profit{height:400px; background-position:right;}
		.alarm{height:400px; background-position:left;}
		.account{height:400px; background-position:right;}
		
		.main_txt strong{font-size:30px; }
		.main_txt p{font-size:16px; background-color:rgba(0,0,0,0.4);}
		.main_txt a{font-size:15px;}

		.app_download_se .app_download_inner{width:90%; margin:0 auto;}
		.app_download_inner .store{padding-bottom:100px;}
		.footer p{font-size:12px;}

		.contact_box{padding:60px 50px;}
		.contact_box strong{font-size:22px;}
		.contact_box p{font-size:15px;}
		.contact_box .feedback_box a{font-size:15px;}



	}