#service{

}

#service .service_list{
	width:1180px;
	margin:50px auto;
}

#service .service_list ul{
	padding:0px;
	margin:0px;
	overflow:hidden;
	list-style:none;
}

#service .service_list ul li{
	border-bottom:1px solid rgba(0,0,0,.1);
	background:url("./img/icon-arrow-forward.png") no-repeat;
	background-position:right center;
}

#service .service_list ul li:last-child{
	border-bottom:0px;
}

#service .service_list ul li a{
	display:block;
	padding:30px 0px;
}

#service .service_list ul li h3{
	font-family: NotoSansKR;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.83;
	letter-spacing: normal;
	margin-bottom:8px;
}

#service .service_list ul li small{
	font-family: NotoSansKR;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color:#757575;
}


#service .service_youtube{
	border-top:12px solid #f5f5f5;
	padding:70px 0px;
}

#service .service_youtube header{
	width:1180px;
	margin:0px auto;
	margin-bottom:50px;
}

#service .service_youtube header h2{
	font-family: NotoSansKR;
	font-size: 32px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.19;
	letter-spacing: normal;
	margin-bottom:20px;
}

#service .service_youtube header span{
	font-family: NotoSansKR;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color:#757575;
}

#service .youtube_wrap{
	width:1180px;
	height:700px;
	margin:0px auto;
	position:relative;
}





/*골전도*/
#earphone {
	margin-top:130px;
}

#earphone .earphone_top{
	position:relative;
	width:1180px;
	margin:0px auto;
	margin-bottom:66px;
	/*background:url("./img/img-headset.png") no-repeat;*/
	background-size: contain;
	background-position: right -120px bottom -80px;
}

#earphone .earphone_txt{
}


#earphone .earphone_txt .s4_nav_wrap{
	padding: 0;
	position: relative;
	z-index: 1;
}
#earphone .earphone_txt .s4_nav{
	width: 200px;
	height: 38px;
	border-radius: 21px;
	background-color: #1d1d1f;
}
#earphone .earphone_txt .s4_nav ul{
	display: inline-block;
	width: 100%;
	height: 38px;
	position: relative;
}

#earphone .earphone_txt .s4_nav ul::after{
	content: "";
	display: inline-block;
	width: 100px;
	height: 38px;
	background: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	border-radius: 21px;
	transition: 0.5s;
}

#earphone .earphone_txt .s4_nav ul.active::after{
	position: absolute;
	left: 100px;
	transition: 0.5s;
}

#earphone .earphone_txt .s4_nav ul li{
	float: left;
	width: 50%;
	position: relative;
	z-index: 1;
}

#earphone .earphone_txt .s4_nav ul li a{
	display: block;
	font-size: 13px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 38px;
	letter-spacing: normal;
	text-align: center;
	color: #a0a0a5;
	z-index: 1;
}

#earphone .earphone_txt .s4_nav ul li.bone a{
	color:#2C2C2C;
}
#earphone .earphone_txt .s4_nav ul.active li.bone a{
	color:#a0a0a5;
}
#earphone .earphone_txt .s4_nav ul.active li.air a{
	color:#2C2C2C;
}

#earphone .earphone_txt .s4_img_wrap{position: relative;}



#earphone .earphone_txt .s4_content{
	display: none;
	z-index: 999;
	
}

#earphone .earphone_txt .s4_content.is-active{
	display: block;
}

#earphone .earphone_txt .s4_content h3{
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.86;
	letter-spacing: normal;
	color: #fff;
	padding: 47px 0 17px;
	position: relative;
	z-index: 1;
}
#earphone .earphone_txt .s4_content p{
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #757575;
	position: relative;
	z-index: 1;
}

#earphone .earphone_txt .s4_img_bone{
	width: 1180px;
	height: 726px;
	background-image: url('/img/story/pc-bone.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 780px 684px;
	margin-top: -9px;
	position: absolute;
	bottom: 0px;
	right:0px;
}

#earphone .earphone_txt .s4_img_air{
	width: 1180px;
	height: 726px;
	background-image: url('/img/story/air02.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 780px 684px;
	margin-top: -9px;
	position: absolute;
	bottom: 0;
	right:0px;
}




#earphone .earphone_txt h1{
	font-family: NotoSansKR;
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	color: #fff;
	margin-bottom:150px;
}


#earphone .earphone_txt p{
	font-family: NotoSansKR;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.86;
	letter-spacing: normal;
	color: #fff;
	margin-bottom:110px;
}

#earphone .earphone_txt p span{
	margin-top:17px;
	display:block;
	font-family: NotoSansKR;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color: #a6a6a6;
}


#earphone .earphone_txt small{
	font-family: NotoSansKR;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2;
	letter-spacing: 0.48px;
	color: #ccc;
	border:1px solid rgba(151,151,151,.2);
	border-radius: 4px;
	padding:5px 10px;
	margin-top:276px;
	display:inline-block;
}

#earphone .earphone_faq{
	width:1180px;
	margin:0px auto;
	margin-bottom:30px;
}

#earphone .earphone_faq li{
	cursor:pointer;
	border-top:1px solid #202020;
	padding:30px 0px;
}

#earphone .earphone_faq li h2{
	font-family: NotoSansKR;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #fff;
	padding-left:38px;
	position:relative;
	background:url("./img/icon-expand-white.png") no-repeat;
	background-position:right center;
}

#earphone .earphone_faq li h2:before{
	content:"Q.";
	font-family: Poppins;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #324588;
	position:absolute;
	left:0px;
	top:-5px;
}

#earphone .earphone_faq li.is-active .inner{
	display:block;
}

#earphone .earphone_faq li .inner{
	display:none;
	font-family: NotoSansKR;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: #a6a6a6;
	padding-left:38px;
	position:relative;
	margin-top:30px;
	min-height:50px;
}

#earphone .earphone_faq li .inner:before{
	content:"A.";
	font-family: Poppins;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
	position:absolute;
	left:0px;
	top:-5px;
}

#earphone .recommand{
	padding:60px 0px;
	background:#161617;
	border-bottom: 1px solid #000;
}

#earphone .recommand_wrapper{
	width:1180px;
	margin:0px auto;
}

#earphone .recommand_wrapper h2{
	font-family: NotoSansKR;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #fafafa;
}

#earphone .recommand_list{
	overflow:hidden;
	margin-top:36px;
}

#earphone .recommand_list li{
	float:left;
	margin-right:64px;
}

#earphone .recommand_list li .recommand_img{
	margin-bottom:18px;
}

#earphone .recommand_list li .recommand_txt p{
	font-family: NotoSansKR;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.44;
	letter-spacing: normal;
	color: #fff;
	margin-bottom:40px;
}

#earphone .recommand_list li .recommand_txt small{
	font-family: Poppins;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: normal;
	color:#757575;
}


#earphone .recommand_list li:last-child{
	margin:0px;
}



/*블루투스 이어폰*/
#bluetooth{
	width:1180px;
	margin:100px auto;
}

#bluetooth h2{
	font-family: NotoSansKR;
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	color: #fff;
}

#bluetooth h2 strong{
	font-family: Poppins;
	font-size: 60px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	color: #fff;
}

#bluetooth .bluetooth_list{
	overflow:hidden;
	margin-top:100px;
}

#bluetooth .bluetooth_list li{
	width:334px;
	margin:0px 88px 60px 0px;
	border-radius: 4px;
	background-color: #161617;
	padding:24px;
	float:left;
}

#bluetooth .bluetooth_list li:nth-child(3n){
	margin-right:0px;
}

#bluetooth .bluetooth_list li small{
	opacity: 0.3;
	font-family: Poppins;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.33px;
	color: #fff;
}

#bluetooth .bluetooth_list li h3{
	font-family: NotoSansKR;
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.58px;
	color: #fff;
}

#bluetooth .bluetooth_list li .bluetooth_img{
	margin:27px 0px;
	text-align:center;
}

#bluetooth .bluetooth_list li a{
	width:286px;
	height:40px;
	border:1px solid rgba(151,151,151,.4);
	display:inline-block;
	font-family: Poppins;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.33px;
	color: #fff;
	text-align:center;
	line-height:40px;
}

#bluetooth .bluetooth_list li a i{
	font-size:13px;
	margin-left:5px;
}



/*블루투스 이어폰 메뉴*/

#menu{
	text-align:center;
	padding-bottom:80px;
}

#menu .list-btn{
	font-size: 13px;
	text-align: center;
	line-height: 52px;
	letter-spacing: 0.36px;
	color: #000;
	display: inline-block;
	width: 312px;
	height: 52px;
	margin: 0px auto;
	border: solid 1px rgba(117, 117, 117, 0.5);

}

#menu .menu_visual{
	margin-bottom:70px;
	position:relative;
}

#menu .menu_visual .visual_txt{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

#menu .menu_visual h1{
	font-family: Poppins;
	font-size: 80px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 3.56px;
	text-align: center;
	color: #fff;
}

#menu .menu_visual p{
	font-family: NotoSansKR;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.5px;
	color: #fff;
	text-align: center;
}

#menu .menu_visual .visual_bg{
	/*padding-top: calc(592 / 1920 * 100%);*/
	background: url("./img/faq-img-banner.png") no-repeat;
	background-size: cover;
}

#menu .menu_list{
	width:1180px;
	margin:50px auto;
}

#menu ul li{
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:30px 0px;
	background:url("./img/icon-arrow-forward.png") no-repeat;
	background-position:right center;
}

#menu ul li:last-child{
	border-bottom:0px;
}

#menu ul li h3{
	font-family: NotoSansKR;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.83;
	letter-spacing: normal;
	margin-bottom:8px;
	text-align:left;
}

#menu ul li small{
	font-family: NotoSansKR;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color:#757575;
}

/* shokz app faq */
#shokzapp .shokzapp_visual{
	margin-bottom:50px;
	position:relative;
}

#shokzapp .shokzapp_visual .visual_txt{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

#shokzapp .shokzapp_visual h1{
	font-family: Poppins;
	font-size: 80px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 3.56px;
	text-align: center;
	color: #fff;
}
#shokzapp .shokzapp_visual .visual_bg{
	padding-top: calc(592 / 1920 * 100%);
	background: url("./img/faq-openfit-app.jpg") no-repeat;
	background-size: cover;
}

#shokzapp .shokzapp_faq{
	width:1180px;
	margin:0px auto;
	margin-bottom:30px;
}

#shokzapp .shokzapp_faq li{
	border-bottom:1px solid #202020;
	padding:30px 0px;
}

#shokzapp .shokzapp_faq li:last-child{
	border-bottom:0px;
}

#shokzapp .shokzapp_faq li h2{
	font-family: NotoSansKR;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	/*color: #fff;*/
	padding-left:38px;
	position:relative;
}

#shokzapp .shokzapp_faq li h2:before{
	content:"Q.";
	font-family: Poppins;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #324588;
	position:absolute;
	left:0px;
	top:-5px;
}

#shokzapp .shokzapp_faq li.is-active .inner{
	display:block;
}

#shokzapp .shokzapp_faq li .inner{
	display:none;
	font-family: NotoSansKR;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: #a6a6a6;
	padding-left:38px;
	position:relative;
	margin-top:30px;
	min-height:50px;
}

#shokzapp .shokzapp_faq li .inner:before{
	content:"A.";
	font-family: Poppins;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	/*color: #fff;*/
	position:absolute;
	left:0px;
	top:-5px;
}



/*알아보기*/
#about{}

#about .visual{
	position:relative;
	padding-top: calc(592 / 1920 * 100%);
	background: url("./img/faq-img-banner.png") no-repeat;
	background-size: cover;
	margin-bottom:80px;
}

#pairing .visual{
	position:relative;
	padding-top: calc(592 / 1920 * 100%);
	background: url("./img/faq-img-banner.png") no-repeat;
	background-size: cover;
	margin-bottom:80px;
}

#use .visual{
	position:relative;
	padding-top: calc(592 / 1920 * 100%);
	background: url("./img/faq-img-banner.png") no-repeat;
	background-size: cover;
	margin-bottom:80px;
}

#selfCheck .visual{
	position:relative;
	padding-top: calc(592 / 1920 * 100%);
	background: url("./img/faq-img-banner.png") no-repeat;
	background-size: cover;
	margin-bottom:80px;
}

#about .visual .visual_txt, #pairing .visual .visual_txt, #use .visual .visual_txt, #selfCheck .visual .visual_txt{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}

#about .visual .visual_txt h1, #pairing .visual .visual_txt h1, #use .visual .visual_txt h1, #selfCheck .visual .visual_txt h1{
	font-family: NotoSansKR;
	font-size: 44px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
}