/*common*/


@media screen and (max-width:1180px) {
	
	.deCheck{
		display:inline-block;
	}
	
	
	.deCheck label{
		display: inline-block;
		cursor: pointer;
		font-size: 16px;
		vertical-align:middle;
		color:#444;
	}
	
	
	.deCheck input[type=checkbox]{
		display: none;
	}
	
	.deCheck label::before {
		content: "";
		display: inline-block;
		width: 26px;
		vertical-align:middle;
		height:26px;
		margin-right:5px;
		background:url("../images/checkOff.png");
		margin-top:-2px;
		background-size:100%;
	}
	
	
	
	.deCheck input[type=checkbox]:checked + label::before {
		content: "";
		background:url("../images/checkOn.png");
		background-size:100%;
	}
	
	
	
	
	.smCheck label{
		display: inline-block;
		cursor: pointer;
		font-size: 16px;
		vertical-align:middle;
		color:#444;
	}
	
	
	.smCheck input[type=checkbox]{
		display: none;
	}
	
	.smCheck label::before {
		content: "";
		display: inline-block;
		width: 17px;
		vertical-align:middle;
		height:15px;
		margin-right:5px;
		background:url("../images/sub/smCheckOff.png");
		margin-top:-2px;
		background-size:100%;
	}
	
	
	
	.smCheck input[type=checkbox]:checked + label::before {
		content: "";
		background:url("../images/sub/smCheckOn.png");
		background-size:100%;
	}
	
	
	
	
	
	
	
	.subTitA{
		width:100%;
		display:inline-block;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:20px;
	}
	
	.subTitA .titA{
		display:inline-block;
		
	}
	
	.subTitA .titA .subs{
		font-size:24px;
		color:#222;
	}
	
	.subTitA .titA .subj{
		font-size:36px;
		color:#222;
		font-weight:bold;
		margin-top:12px;
	}
	
	.subTitA .logo{
		display:inline-block;
		float:right;
		width:164px;
	}
	
	.subTitA .logo img{
		width:100%;
		margin-top:50px;
	}
	
	.w50P{
		width:590px;
		margin:0 auto;
	}
	
	.w50P .tit{
		font-size:30px;
		line-height:40px;
		font-weight:bold;
		color:#222;
		display:inline-block;
		width:100%;
	}
	
	.w50P .tit span{
		display:inline-block;
		font-size:16px;
		color:#777;
		float:right;
		font-weight:normal;
	}
	
	.w50P .tit br{
		display:block;
	}
	
	.w50P .inputA{
		width:100%;
		margin-top:30px;
	}
	
	
	.w50P .inputA li{
		width:100%;
		margin-top:10px;
		border:1px solid #e5e5e5;
		border-radius:5px;
		box-sizing:border-box;
		padding:20px;
		font-size:16px;
		color:#222;
	}
	
	.w50P  .w100{
		width:100%;
	}
	
	.w50P .inputA .w80{
		width:86%;
	}
	
	.w50P .inputA .w50{
		width:47.5%;
	}
	
	
	.w50P .inputA input::placeholder{
		color:#999;
		font-size:15px;
	}
	
	.w50P .inputA .checkBtn{
		width:12%;
		display:inline-block;
		text-align:right;
		text-decoration:underline;
		color:#d30000;
		background:#fff;
		cursor:pointer;
		font-size:16px;
	}
	
	
	.w50P .btnList{
		width:100%;
		display:flex;
		margin-top:20px;
	}
	
	.w50P .btnList div{
		display:inline-block;
		width:100%;
		margin-left:10px;
	}
	
	.w50P .btnList div:first-child{
		margin-left:0;
	}
	
	
	
	.borWhBtn{
		width:100%;
		border:1px solid #e5e5e5;
		display:inline-block;
		text-align:center;
		padding:18px 0px;
		border-radius:5px;
		background:#fff;
		font-size:18px;
		font-weight:bold;
	}
	
	
	.keyBackBtn{
		width:100%;
		border-radius:5px;
		border:0;
		background:#d60000;
		text-align:Center;
		color:#fff;
		padding:20px 0px;
		font-size:18px;
		font-weight:bold;
	}
	
	.w50P .arlList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	.w50P .arlList li{
		width:100%;
		list-style:disc;
		font-size:16px;
		margin-top:15px;
		color:#777;
	}
	
	.w50P .arlList li:first-child{
		margin-top:0px;
	}
	
	.w50P .arlText{
		font-size:16px;
		color:#777;
		margin-top:50px;
		line-height:26px;
	}
	
	
	
	
	.paging{
		width:100%;
		text-align:center;
		margin-top:60px;
	}
	.paging li{
		display:inline-block;
		width:25px;
		font-size:13px;
		vertical-align:middle;
		font-family:'lato','nanumsquare';
	}
	.paging li img{
		width:40%;
	}
	.paging .on{
		text-decoration:underline;
		font-weight:900;
	}

}

@media screen and (max-width:767px) {
	
	.deCheck{
		display:inline-block;
	}
	
	
	.deCheck label{
		display: inline-block;
		cursor: pointer;
		font-size: 14px;
		vertical-align:middle;
		color:#444;
	}
	
	
	.deCheck input[type=checkbox]{
		display: none;
	}
	
	.deCheck label::before {
		content: "";
		display: inline-block;
		width: 20px;
		vertical-align:middle;
		height:20px;
		margin-right:5px;
		background:url("../images/checkOff.png");
		margin-top:-2px;
		background-size:100%;
	}
	
	
	
	.deCheck input[type=checkbox]:checked + label::before {
		content: "";
		background:url("../images/checkOn.png");
		background-size:100%;
	}
	
	
	
	
	.smCheck label{
		display: inline-block;
		cursor: pointer;
		font-size: 13px;
		vertical-align:middle;
		color:#444;
	}
	
	
	.smCheck input[type=checkbox]{
		display: none;
	}
	
	.smCheck label::before {
		content: "";
		display: inline-block;
		width: 17px;
		vertical-align:middle;
		height:15px;
		margin-right:5px;
		background:url("../images/sub/smCheckOff.png");
		margin-top:-2px;
		background-size:100%;
	}
	
	
	
	.smCheck input[type=checkbox]:checked + label::before {
		content: "";
		background:url("../images/sub/smCheckOn.png");
		background-size:100%;
	}
	
	
	
	
	
	
	
	.subTitA{
		width:100%;
		display:inline-block;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:20px;
	}
	
	.subTitA .titA{
		display:inline-block;
		
	}
	
	.subTitA .titA .subs{
		font-size:16px;
		color:#222;
		word-break:keep-all;
		line-height:26px;
	}
	
	.subTitA .titA .subj{
		font-size:24px;
		color:#222;
		font-weight:bold;
		margin-top:12px;
	}
	
	.subTitA .logo{
		display:inline-block;
		float:right;
		width:164px;
		display:none;
	}
	
	.subTitA .logo img{
		width:100%;
		margin-top:50px;
	}
	
	.w50P{
		width:94%;
		margin:0 auto;
	}
	
	.w50P .tit{
		font-size:24px;
		line-height:40px;
		font-weight:bold;
		color:#222;
		display:inline-block;
		width:100%;
	}
	
	.w50P .tit span{
		display:inline-block;
		font-size:13px;
		color:#777;
		float:right;
		font-weight:normal;
	}
	
	.w50P .tit br{
		display:block;
	}
	
	.w50P .inputA{
		width:100%;
		margin-top:30px;
	}
	
	
	.w50P .inputA li{
		width:100%;
		margin-top:10px;
		border:1px solid #e5e5e5;
		border-radius:5px;
		box-sizing:border-box;
		padding:15px;
		font-size:14px;
		color:#222;
		
	}
	
	.w50P  .w100{
		width:100%;
		font-size:13px;
	}
	
	.w50P .inputA .w80{
		width:79%;
		font-size:13px;
	}
	
	.w50P .inputA .w50{
		width:46%;
		font-size:13px;
	}
	
	
	.w50P .inputA input::placeholder{
		color:#999;
		font-size:13px;
	}
	
	.w50P .inputA .checkBtn{
		width:19%;
		display:inline-block;
		text-align:right;
		text-decoration:underline;
		color:#d30000;
		background:#fff;
		cursor:pointer;
		font-size:13px;
	}
	
	
	.w50P .btnList{
		width:100%;
		display:flex;
		margin-top:20px;
	}
	
	.w50P .btnList div{
		display:inline-block;
		width:100%;
		margin-left:10px;
	}
	
	.w50P .btnList div:first-child{
		margin-left:0;
	}
	
	
	
	.borWhBtn{
		width:100%;
		border:1px solid #e5e5e5;
		display:inline-block;
		text-align:center;
		padding:18px 0px;
		border-radius:5px;
		background:#fff;
		font-size:15px;
		font-weight:bold;
	}
	
	
	.keyBackBtn{
		width:100%;
		border-radius:5px;
		border:0;
		background:#d60000;
		text-align:Center;
		color:#fff;
		padding:20px 0px;
		font-size:15px;
		font-weight:bold;
	}
	
	.w50P .arlList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	.w50P .arlList li{
		width:100%;
		list-style:disc;
		font-size:14px;
		margin-top:15px;
		color:#777;
		word-break:keep-all;
		line-height:22px;
	}
	
	.w50P .arlList li:first-child{
		margin-top:0px;
	}
	
	.w50P .arlText{
		font-size:14px;
		color:#777;
		margin-top:50px;
		line-height:22px;
	}
	
	
	
	
	.paging{
		width:100%;
		text-align:center;
		margin-top:60px;
	}
	.paging li{
		display:inline-block;
		width:18px;
		font-size:13px;
		vertical-align:middle;
		font-family:'lato','nanumsquare';
	}
	.paging li img{
		width:40%;
	}
	.paging .on{
		text-decoration:underline;
		font-weight:900;
	}
	
	.paging li:nth-child(2),
	.paging li:nth-child(13){
		display:none;
	}

}



/*로그인*/

@media screen and (max-width:1180px) {

	#member{
		width:94%;
		margin:100px auto 100px;
	}
	
	#member .w50P{
		margin:100px auto 0px;
	}
	
	#member .w50P .loginMenu{
		width:100%;
		margin-top:30px;
		text-align:Center;
	}
	
	#member .w50P .loginMenu li{
		font-size:16px;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		line-height:16px;
		padding:0px 10px;
	}
	
	#member .w50P .loginMenu li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#member .w50P .loginMenu li a{
		color:#444;
	}
	
	
	
	#member .w50P .checkA{
		width:100%;
		margin-top:20px;
	}
	
	#member .w50P .submitBtn{
		width:100%;
		margin-top:50px;
	}

}

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

	#member{
		width:94%;
		margin:100px auto 100px;
	}
	
	#member .w50P{
		margin:100px auto 0px;
	}
	
	#member .w50P .loginMenu{
		width:100%;
		margin-top:30px;
		text-align:Center;
	}
	
	#member .w50P .loginMenu li{
		font-size:13px;
		display:inline-block;
		border-right:1px solid #e5e5e5;
		line-height:13px;
		padding:0px 10px;
	}
	
	#member .w50P .loginMenu li:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#member .w50P .loginMenu li a{
		color:#444;
	}
	
	
	
	#member .w50P .checkA{
		width:100%;
		margin-top:20px;
	}
	
	#member .w50P .submitBtn{
		width:100%;
		margin-top:50px;
	}

}




/*회원가입*/

@media screen and (max-width:1180px) {
	
#member .w50P .memJoinhList{
	width:100%;
	margin-top:50px;
	display:flex;
}


#member .w50P .memJoinhList li{
	width:100%;
	display:inline-block;
	margin-left:10px;
	border:1px solid #e5e5e5;
	border-radius:5px;
	box-sizing:border-box;
	text-align:center;
	padding:20px 0px;
	font-size:16px;
	color:#777;
}


#member .w50P .memJoinhList li:first-child{
	margin-left:0px;
}

#member .w50P .memJoinhList li a{
	color:#777;
}


#member .w50P .all{
	width:100%;
	border-radius:5px 5px 0px 0px;
	border:1px solid #e5e5e5;
	padding:20px;
	box-sizing:border-box;
	margin-top:30px;
}



#member .w50P .termList{
	width:100%;
	border-radius:0px 0px 5px 5px;
	border:1px solid #e5e5e5;
	padding:20px;
	box-sizing:border-box;
	background:#f7f7f7;
}



#member .w50P .termList li{
	width:100%;
	margin-top:20px;
}

#member .w50P .termList li:first-child{
	margin-top:0px;
}


#member .w50P .j_logo{
	width:200px;
	margin:0 auto;
}

#member .w50P .j_logo img{
	width:100%;
}


#member .w50P .j_subj{
	width:100%;
	font-size:24px;
	text-align:Center;
	color:#444;
	margin-top:30px;
}

#member .w50P .j_ico{
	width:98px;
	margin:40px auto 0;
}

#member .w50P .j_ico img{
	width:100%;
}

#member .w50P .j_idBox{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px;
	margin-top:20px;
}

#member .w50P .j_idBox .subj{
	width:20%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color:#777
}

#member .w50P .j_idBox .subs{
	width:78%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color:#222;
	font-weight:bold;
}


}

@media screen and (max-width:767px) {
	
	#member .w50P .memJoinhList{
		width:100%;
		margin-top:50px;
		display:block;
	}
	
	
	#member .w50P .memJoinhList li{
		width:100%;
		display:inline-block;
		margin-left:0px;
		margin-top:10px;
		border:1px solid #e5e5e5;
		border-radius:5px;
		box-sizing:border-box;
		text-align:center;
		padding:20px 0px;
		font-size:16px;
		color:#777;
	}
	
	
	#member .w50P .memJoinhList li:first-child{
		margin-left:0px;
		margin-top:0px;
	}
	
	#member .w50P .memJoinhList li a{
		color:#777;
	}
	
	
	#member .w50P .all{
		width:100%;
		border-radius:5px 5px 0px 0px;
		border:1px solid #e5e5e5;
		padding:20px;
		box-sizing:border-box;
		margin-top:30px;
	}
	
	
	
	#member .w50P .termList{
		width:100%;
		border-radius:0px 0px 5px 5px;
		border:1px solid #e5e5e5;
		padding:20px;
		box-sizing:border-box;
		background:#f7f7f7;
	}
	
	
	
	#member .w50P .termList li{
		width:100%;
		margin-top:20px;
	}
	
	#member .w50P .termList li:first-child{
		margin-top:0px;
	}
	
	
	#member .w50P .j_logo{
		width:200px;
		margin:0 auto;
	}
	
	#member .w50P .j_logo img{
		width:100%;
	}
	
	
	#member .w50P .j_subj{
		width:100%;
		font-size:18px;
		text-align:Center;
		color:#444;
		margin-top:30px;
		word-break:keep-all;
	}
	
	#member .w50P .j_ico{
		width:98px;
		margin:40px auto 0;
	}
	
	#member .w50P .j_ico img{
		width:100%;
	}
	
	#member .w50P .j_idBox{
		width:100%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		padding:20px;
		margin-top:20px;
	}
	
	#member .w50P .j_idBox .subj{
		width:25%;
		display:inline-block;
		vertical-align:middle;
		font-size:13px;
		color:#777
	}
	
	#member .w50P .j_idBox .subs{
		width:73%;
		display:inline-block;
		vertical-align:middle;
		font-size:13px;
		color:#222;
		font-weight:bold;
	}
	

}




/*상품리스트*/

@media screen and (max-width:1180px) {
	#product{
		width:94%;
		margin:100px auto;
	}


#product .titA{
	width:100%;
	text-align:center;
}


#product .titA .subTit{
	font-size:18px;
	color:#222;
	text-align:center;
}

#product .titA .tit{
	font-size:36px;
	color:#222;
	text-align:center;
	font-weight:bold;
	margin-top:30px;
}



#product .titA .main_tabMenu{
	background:#f7f7f7;
	margin-top:50px;
}


#product .productListA{
	width:100%;
	margin-top:50px;
}

#product .productListA .alignList{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	text-align:right;
}

#product .productListA .alignList li{
	display:inline-block;
	padding-bottom:15px;
	margin-left:15px;
	font-size:14px;
	cursor:pointer;
}


#product .productListA .alignList .on{
	border-bottom:2px solid #222;
}






#product .productListA .productList{
	width:100%;
	display:inline-block;
}

#product .productListA .productList li{
	width:32%;
	margin-top:60px;
	margin-left:1%;
	display:inline-block;
}


#product .productListA .productList li:nth-child(3n+1){
	margin-left:0%;
}


#product .productListA .productList li .thum{
	width:100%;
	border-radius:30px;
	overflow:hidden;
	background:#f7f7f7;
}


#product .productListA .productList li .thum img{
	width:100%;
}






#product .productListA .productList li .modelName{
	width:100%;
	margin-top:20px;
	font-size:20px;
	font-family:'lato','nanumsquare';
	font-weight:bold;
	color:#222;
}


#product .productListA .productList li .option{
	width:100%;
	margin-top:10px;
	font-size:16px;
	font-family:'lato','nanumsquare';
	color:#777;
}


#product .productListA .productList li .priceA{
	width:100%;
	margin-top:30px;
}


#product .productListA .productList li .priceA .bePrice{
	display:inline-block;
	font-size:14px;
	color:#222;
	text-decoration:line-through;
	vertical-align:middle;
}


#product .productListA .productList li .priceA .price{
	display:inline-block;
	font-size:14px;
	color:#d30000;
	vertical-align:bottom;
	margin-left:10px;
}

#product .productListA .productList li .priceA .price span{
	font-size:22px;
	font-family:'lato';
	font-weight:bold;
}


}

@media screen and (max-width:767px) {
	#product{
		width:94%;
		margin:100px auto;
	}

	
	#product .titA{
		width:100%;
		text-align:center;
	}
	
	
	#product .titA .subTit{
		font-size:18px;
		color:#222;
		text-align:center;
	}
	
	#product .titA .tit{
		font-size:36px;
		color:#222;
		text-align:center;
		font-weight:bold;
		margin-top:30px;
	}
	
	
	
	#product .titA .main_tabMenu{
		background:#f7f7f7;
		margin-top:50px;
		width:80%;
	}
	
	
	#product .productListA{
		width:100%;
		margin-top:50px;
	}
	
	#product .productListA .alignList{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		text-align:right;
	}
	
	#product .productListA .alignList li{
		display:inline-block;
		padding-bottom:15px;
		margin-left:10px;
		font-size:12px;
		cursor:pointer;
	}
	
	
	#product .productListA .alignList .on{
		border-bottom:2px solid #222;
	}
	
	
	
	
	
	
	#product .productListA .productList{
		width:100%;
		display:inline-block;
	}
	
	#product .productListA .productList li{
		width:100%;
		margin-top:60px;
		margin-left:0%;
		display:inline-block;
	}
	
	
	#product .productListA .productList li:nth-child(3n+1){
		margin-left:0%;
	}
	
	
	#product .productListA .productList li .thum{
		width:100%;
		border-radius:30px;
		overflow:hidden;
		background:#f7f7f7;
	}
	
	
	#product .productListA .productList li .thum img{
		width:100%;
	}
	
	
	
	
	
	
	#product .productListA .productList li .modelName{
		width:100%;
		margin-top:20px;
		font-size:20px;
		font-family:'lato','nanumsquare';
		font-weight:bold;
		color:#222;
	}
	
	
	#product .productListA .productList li .option{
		width:100%;
		margin-top:10px;
		font-size:16px;
		font-family:'lato','nanumsquare';
		color:#777;
	}
	
	
	#product .productListA .productList li .priceA{
		width:100%;
		margin-top:30px;
	}
	
	
	#product .productListA .productList li .priceA .bePrice{
		display:inline-block;
		font-size:14px;
		color:#222;
		text-decoration:line-through;
		vertical-align:middle;
	}
	
	
	#product .productListA .productList li .priceA .price{
		display:inline-block;
		font-size:14px;
		color:#d30000;
		vertical-align:bottom;
		margin-left:10px;
	}
	
	#product .productListA .productList li .priceA .price span{
		font-size:22px;
		font-family:'lato';
		font-weight:bold;
	}
	

}






/*상품*/

@media screen and (max-width:1180px) {

	
	#product .view {
		width:100%;
	}
	
	
	#product .view .top{
		width:100%;
		display:flex;
	}
	
	#product .view .top{
		width:100%;
		display:flex;
	}
	
	#product .view .top .lf{
		width:50%;
		display:inline-block;
		padding-right:30px;
		background:;
		box-sizing:border-box;
	}
	
	#product .view .top .lf .nmLine{
		width:100%;
	}
	
	#product .view .top .lf .nmLine .name{
		font-size:24px;
		color:#222;
		font-weight:bold;
		display:inline-block;
		vertical-align:middle;
		line-height:36px;
	}
	
	#product .view .top .lf .nmLine .model{
		font-size:18px;
		color:#777;
		display:inline-block;
		vertical-align:bottom;
		line-height:36px;
		margin-left:10px;
	}
	
	
	#product .view .top .lf .thumA{
		width:100%;
		margin-top:30px;
		
	}
	#product .view .top .lf .thumA .bThum{
		width:100%;
	}
	
	#product .view .top .lf .thumA .bThum li{
		width:100%;
	}
	
	#product .view .top .lf .thumA .bThum li img{
		width:100%;
	}
	
	
	#product .view .top .lf .thumA .slider-nav{
		widtH:100%;
	}
	
	
	#product .view .top .lf .slider-nav{
		width:100%;
		margin-top:10px;
	}
	
	#product .view .top .lf .slider-nav li{
		border:1px solid #e5e5e5;
		margin:0px 5px;
	}
	
	#product .view .top .lf .slider-nav li img{
		width:100%;
	}
	
	
	
	
	
	#product .view .top .rt{
		width:50%;
		display:inline-block;
		margin-left:0px;
	}
	
	
	#product .view .top .rt .telecom{
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:12px 20px;
		color:#444;
		font-size:13px;
		margin-top:70px;
	}
	
	
	#product .view .top .rt .rtoptionList{
		width:100%;
	}
	
	#product .view .top .rt .rtoptionList li{
		width:100%;
		margin-top:30px;
	}
	
	
	#product .view .top .rt .rtoptionList li .subj{
		width:20%;
		display:inline-block;
		vertical-align:Middle;
		font-size:16px;
		color:#222;
		font-weight:bold;
	}
	
	#product .view .top .rt .rtoptionList li .subs{
		width:78%;
		display:inline-block;
		vertical-align:Middle;
		font-size:16px;
		color:#444;
	}
	
	
	#product .view .top .rt .rtoptionList li .subs .colorList{
		width:100%;
	}
	
	#product .view .top .rt .rtoptionList li .subs .colorList dd{
		width:25px;
		height:25px;
		border:5px double #fff;
		box-sizing:border-box;
		display:inline-block;
		border-radius:50%;
		margin-right:3px;
		cursor:pointer;
	}
	
	#product .view .top .rt .rtoptionList li .subs .colorList .toggleSelect{
		border:1px solid #222;
	}
	
	
	#product .view .top .rt .rtoptionList li .subs .pink{
		background:pink
	}
	
	#product .view .top .rt .rtoptionList li .subs .sky{
		background:lightblue
	}
	
	#product .view .top .rt .rtoptionList li .subs .purple{
		background:purple
	}
	
	#product .view .top .rt .keyBackBtn{
		margin-top:50px;
	}
		
	
	#product .view .detail{
		width:100%;
	}
		
	
	#product .view .detail dd{
		width:100%;
		margin-top:80px;
	}
		
	#product .view .detail dd .detailMenu{
		width:100%;
		display:flex;
		border-bottom:1px solid #e5e5e5;
	}
	
	#product .view .detail dd .detailMenu li{
		width:100%;
		display:inline-block;
		text-align:center;
		font-size:15px;
		padding-bottom:20px;
	}
	
	#product .view .detail dd .detailMenu .on{
		border-bottom:2px solid #222;
		font-weight:bold;
	}
	
	
	#product .view .detail dd .deImg{
		width:100%;
		margin-top:80px;
	}
	
	#product .view .detail dd .deImg img{
		width:100%;
	}
	
	
	
	#product .view .detail dd .arlA{
		width:100%;
		padding-top:80px;
	}
	
	#product .view .detail dd .arlA .tit{
		font-size:30px;
		color:#222;
		font-weight:bold;
	}
	
	#product .view .detail dd .arlA .arlList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#product .view .detail dd .arlA .arlList li{
		width:100%;
		margin-top:50px;
		list-style:disc;
	}
	
	
	#product .view .detail dd .arlA .arlList li .subj{
		font-size:20px;
		color:#444;
		font-weight:bold;
	}
	
	
	#product .view .detail dd .arlA .arlList li .deList{
		width:100%;
		margin-top:20px;
	}
	
	
	#product .view .detail dd .arlA .arlList li .deList dd{
		width:100%;
		margin-top:15px;
		font-size:14px;
		color:#777;
	}
	
	
	
	
	#product .view .detail dd .arlA .arlList li .processList{
		width:100%;
		display:flex;
		margin-top:30px;
	}
	
	
	#product .view .detail dd .arlA .arlList li .processList div{
		width:100%;
		display:inline-block;
	}
	
	#product .view .detail dd .arlA .arlList li .processList div .ico{
		width:100px;
		display:block;
		margin:0 auto;
	}
	
	#product .view .detail dd .arlA .arlList li .processList div .ico img{
		width:100%;
	}
	
	#product .view .detail dd .arlA .arlList li .processList div h4{
		font-size:16px;
		color:#444;
		margin-top:26px;
		text-align:center;
	}
	
	
	#product .view .detail dd .arlA .arlList li .processList div h5{
		font-size:13px;
		line-height:23px;
		color:#777;
		margin-top:15px;
		text-align:center;
		font-weight:normal;
		padding:0px 20px;
		word-break:keep-all;
	}
	

}


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

	
	#product .view {
		width:100%;
	}
	
	
	#product .view .top{
		width:100%;
		display:block;
	}
	
	#product .view .top .lf{
		width:100%;
		display:inline-block;
		padding-right:0px;
		background:;
		box-sizing:border-box;
	}
	
	#product .view .top .lf .nmLine{
		width:100%;
		text-align:center;
	}
	
	#product .view .top .lf .nmLine .name{
		font-size:24px;
		color:#222;
		font-weight:bold;
		display:block;
		vertical-align:middle;
		line-height:36px;
	}
	
	#product .view .top .lf .nmLine .model{
		font-size:18px;
		color:#777;
		display:block;
		vertical-align:bottom;
		line-height:36px;
		margin-left:0px;
		margin-top:10px;
	}
	
	
	#product .view .top .lf .thumA{
		width:100%;
		margin-top:30px;
		
	}
	#product .view .top .lf .thumA .bThum{
		width:100%;
	}
	
	#product .view .top .lf .thumA .bThum li{
		width:100%;
	}
	
	#product .view .top .lf .thumA .bThum li img{
		width:100%;
	}
	
	
	#product .view .top .lf .thumA .slider-nav{
		widtH:100%;
	}
	
	
	#product .view .top .lf .slider-nav{
		width:100%;
		margin-top:10px;
	}
	
	#product .view .top .lf .slider-nav li{
		border:1px solid #e5e5e5;
		margin:0px 5px;
	}
	
	#product .view .top .lf .slider-nav li img{
		width:100%;
	}
	
	
	
	
	
	#product .view .top .rt{
		width:100%;
		display:inline-block;
		margin-left:0px;
		border-top:1px solid #e5e5e5;
		margin-top:50px;
	}
	
	
	#product .view .top .rt .telecom{
		display:inline-block;
		border:1px solid #e5e5e5;
		padding:12px 20px;
		color:#444;
		font-size:13px;
		margin-top:50px;
	}
	
	
	#product .view .top .rt .rtoptionList{
		width:100%;
	}
	
	#product .view .top .rt .rtoptionList li{
		width:100%;
		margin-top:30px;
	}
	
	
	#product .view .top .rt .rtoptionList li .subj{
		width:20%;
		display:inline-block;
		vertical-align:Middle;
		font-size:14px;
		color:#222;
		font-weight:bold;
	}
	
	#product .view .top .rt .rtoptionList li .subs{
		width:78%;
		display:inline-block;
		vertical-align:Middle;
		font-size:14px;
		color:#444;
		text-align:right;
	}
	
	
	#product .view .top .rt .rtoptionList li .subs .colorList{
		width:100%;
	}
	
	#product .view .top .rt .rtoptionList li .subs .colorList dd{
		width:25px;
		height:25px;
		border:5px double #fff;
		box-sizing:border-box;
		display:inline-block;
		border-radius:50%;
		margin-right:3px;
		cursor:pointer;
	}
	
	#product .view .top .rt .rtoptionList li .subs .colorList .toggleSelect{
		border:1px solid #222;
	}
	
	
	#product .view .top .rt .rtoptionList li .subs .pink{
		background:pink
	}
	
	#product .view .top .rt .rtoptionList li .subs .sky{
		background:lightblue
	}
	
	#product .view .top .rt .rtoptionList li .subs .purple{
		background:purple
	}
	
	#product .view .top .rt .keyBackBtn{
		margin-top:50px;
	}
		
	
	#product .view .detail{
		width:100%;
	}
		
	
	#product .view .detail dd{
		width:100%;
		margin-top:80px;
	}
		
	#product .view .detail dd .detailMenu{
		width:100%;
		display:flex;
		border-bottom:1px solid #e5e5e5;
	}
	
	#product .view .detail dd .detailMenu li{
		width:100%;
		display:inline-block;
		text-align:center;
		font-size:15px;
		padding-bottom:20px;
	}
	
	#product .view .detail dd .detailMenu .on{
		border-bottom:2px solid #222;
		font-weight:bold;
	}
	
	
	#product .view .detail dd .deImg{
		width:100%;
		margin-top:80px;
	}
	
	#product .view .detail dd .deImg img{
		width:100%;
	}
	
	
	
	#product .view .detail dd .arlA{
		width:100%;
		padding-top:80px;
	}
	
	#product .view .detail dd .arlA .tit{
		font-size:30px;
		color:#222;
		font-weight:bold;
	}
	
	#product .view .detail dd .arlA .arlList{
		width:100%;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#product .view .detail dd .arlA .arlList li{
		width:100%;
		margin-top:50px;
		list-style:disc;
	}
	
	
	#product .view .detail dd .arlA .arlList li .subj{
		font-size:18px;
		color:#444;
		font-weight:bold;
	}
	
	
	#product .view .detail dd .arlA .arlList li .deList{
		width:100%;
		margin-top:20px;
	}
	
	
	#product .view .detail dd .arlA .arlList li .deList dd{
		width:100%;
		margin-top:15px;
		font-size:14px;
		color:#777;
		line-height:22px;
		word-break:keep-all;
	}
	
	
	
	
	#product .view .detail dd .arlA .arlList li .processList{
		width:100%;
		display:block;
		margin-top:0px;
	}
	
	
	#product .view .detail dd .arlA .arlList li .processList div{
		width:100%;
		display:inline-block;
		margin-top:30px;
	}
	
	#product .view .detail dd .arlA .arlList li .processList div .ico{
		width:100px;
		display:block;
		margin:0 auto;
	}
	
	#product .view .detail dd .arlA .arlList li .processList div .ico img{
		width:100%;
	}
	
	#product .view .detail dd .arlA .arlList li .processList div h4{
		font-size:16px;
		color:#444;
		margin-top:26px;
		text-align:center;
	}
	
	
	#product .view .detail dd .arlA .arlList li .processList div h5{
		font-size:13px;
		line-height:23px;
		color:#777;
		margin-top:15px;
		text-align:center;
		font-weight:normal;
		padding:0px 20px;
		word-break:keep-all;
	}
	

}



/*요금제가입신청*/


@media screen and (max-width:1180px) {
	

#member .tabmenu{
	width:100%;
	
	display:flex;
	border-bottom:1px solid #e5e5e5
}

#member .tabmenu li{
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:18px;
	color:#777;
	padding:15px 0px;
}


#member .tabmenu .on{
	border-bottom:2px solid #222;
	font-weight:bold;
}


#member .w50P .priceList{
	width:100%;
}


#member .w50P .priceList dd{
	width:100%;
	margin-top:100px;
}

#member .w50P .priceList dd .step{
	width:120px;
	border:1px solid #e5e5e5;
	padding:13px 20px;
	box-sizing:border-box;
	border-radius:5px;
	text-align:Center;
	font-family:'lato';
}

#member .w50P .priceList dd .title{
	font-size:24px;
	color:#222;
	font-weight:bold;
	margin-top:15px;
}


#member .w50P .priceList dd .select{
	width:100%;
	margin-top:30px;
	border:1px solid #e5e5e5;
	border-radius:5px;
	box-sizing:border-box;
	padding:15px 20px;
}



#member .w50P .priceList dd .list{
	width:100%;
}

#member .w50P .priceList dd .list li{
	width:100%;
	margin-top:60px;
}

#member .w50P .priceList dd .list li .box{
	width:100%;
	border:1px solid #e5e5e5;
	border-radius:10px;
}

#member .w50P .priceList dd .list li .box .titleA{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	display:inline-block;
}

#member .w50P .priceList dd .list li .box .titleA span{
	display:inline-block;
	float:right;
	width:13px;
}

#member .w50P .priceList dd .list li .box .titleA span img{
	width:100%;
}

#member .w50P .priceList dd .list li .box table{
	width:100%;
	background:#f7f7f7;
}


#member .w50P .priceList dd .list li .box table th{
	font-size:16px;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	padding:20px 10px;
	box-sizing:border-box;
	text-align:center;
	line-height:24px;
}

#member .w50P .priceList dd .list li .box table th:last-child{
	border-right:0px solid #e5e5e5;
}

#member .w50P .priceList dd .list li .box table th span{
	display:block;
	color:#d60000
}

#member .w50P .priceList dd .list li .box table th .ico{
	width:24px;
	margin:0 auto;
}

#member .w50P .priceList dd .list li .box table th .ico img{
	width:100%;
}


#member .w50P .priceList dd .list li .box table th .subj{
	font-weight:normal;
	text-align:center;
	margin-top:10px;
}




#member .w50P .priceList dd .list li .arl{
	width:100%;
	text-align:right;
	color:#999;
	font-size:15px;
	margin-top:15px;
}


}

@media screen and (max-width:767px) {
	
	
	#member .tabmenu{
		width:100%;
		
		display:flex;
		border-bottom:1px solid #e5e5e5
	}
	
	#member .tabmenu li{
		width:100%;
		display:inline-block;
		text-align:center;
		font-size:14px;
		color:#777;
		padding:15px 0px;
	}
	
	
	#member .tabmenu .on{
		border-bottom:2px solid #222;
		font-weight:bold;
	}
	
	
	#member .w50P .priceList{
		width:100%;
	}
	
	
	#member .w50P .priceList dd{
		width:100%;
		margin-top:100px;
	}
	
	#member .w50P .priceList dd .step{
		width:80px;
		border:1px solid #e5e5e5;
		padding:13px 0px;
		box-sizing:border-box;
		border-radius:5px;
		text-align:Center;
		font-family:'lato';
		font-size:13px
	}
	
	#member .w50P .priceList dd .title{
		font-size:18px;
		color:#222;
		font-weight:bold;
		margin-top:15px;
	}
	
	
	#member .w50P .priceList dd .select{
		width:100%;
		margin-top:30px;
		border:1px solid #e5e5e5;
		border-radius:5px;
		box-sizing:border-box;
		padding:15px 20px;
	}
	
	
	
	#member .w50P .priceList dd .list{
		width:100%;
	}
	
	#member .w50P .priceList dd .list li{
		width:100%;
		margin-top:60px;
	}
	
	#member .w50P .priceList dd .list li .box{
		width:100%;
		border:1px solid #e5e5e5;
		border-radius:10px;
	}
	
	#member .w50P .priceList dd .list li .box .titleA{
		width:100%;
		padding:20px;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#member .w50P .priceList dd .list li .box .titleA span{
		display:inline-block;
		float:right;
		width:13px;
	}
	
	#member .w50P .priceList dd .list li .box .titleA span img{
		width:100%;
	}
	
	#member .w50P .priceList dd .list li .box table{
		width:100%;
		background:#f7f7f7;
	}
	
	
	#member .w50P .priceList dd .list li .box table th{
		font-size:13px;
		border-right:1px solid #e5e5e5;
		border-top:1px solid #e5e5e5;
		padding:20px 10px;
		box-sizing:border-box;
		text-align:center;
		line-height:20px;
		word-break:keep-all;
	}
	
	#member .w50P .priceList dd .list li .box table th:last-child{
		border-right:0px solid #e5e5e5;
	}
	
	#member .w50P .priceList dd .list li .box table th span{
		display:block;
		color:#d60000
	}
	
	#member .w50P .priceList dd .list li .box table th .ico{
		width:24px;
		margin:0 auto;
	}
	
	#member .w50P .priceList dd .list li .box table th .ico img{
		width:100%;
	}
	
	
	#member .w50P .priceList dd .list li .box table th .subj{
		font-weight:normal;
		text-align:center;
		margin-top:10px;
	}
	
	
	
	
	#member .w50P .priceList dd .list li .arl{
		width:100%;
		text-align:right;
		color:#999;
		font-size:13px;
		margin-top:15px;
		word-break:keep-all;
	}


}



/*공지사항*/

@media screen and (max-width:1180px) {
	#board{
		width:94%;
		margin:100px auto 100px;
	}
	
	
		
	#board .b_titleA{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:30px;
		display:inline-block;
	}
	
	#board .b_titleA .titA{
		display:inline-block;
	}
	
	
	#board .b_titleA .titA .tit{
		font-size:36px;
		font-weight:bold;
		color:#222;
	}
	
	
	#board .b_titleA .search{
		width:370px;
		display:inline-block;
		border-radius:50px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		float:right;
		padding:15px 20px;
	}
	
	
	#board .b_titleA .search .w80{
		width:85%;
		display:inline-block;
	}
	
	#board .b_titleA .search .searchBtn{
		width:20px;
		display:inline-block;
		float:right;
	}
	
	
	#board .noticeListA{
		width:100%;
	}
	
	#board .noticeListA .noticeList{
		width:100%;
	}
	
	#board .noticeListA .noticeList li,
	#board .noticeListA .noticeList li a{
		width:100%;
		display:flex;
	}
	
	#board .noticeListA .noticeList li{
		padding:25px 0px;
		border-bottom:1px solid #e5e5e5;
	}
	
	#board .noticeListA .noticeList .head{
		background:#f7f7f7;
	}
	
	
	#board .noticeListA .noticeList li div{
		text-align:center;
	}
	
	#board .noticeListA .noticeList li .num{
		width:10%;
	}
	
	#board .noticeListA .noticeList li .subj{
		width:75%;
		text-align:left;
	}
	
	#board .noticeListA .noticeList .head .subj{
		text-align:center;
	}
	
	#board .noticeListA .noticeList li .data{
		width:15%;
	}
	
	
	#board .noticeListA .customer li .subj{
		text-align:center;
	}
	

}

@media screen and (max-width:767px) {
	#board{
		width:94%;
		margin:100px auto 100px;
	}
	
	
		
	#board .b_titleA{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		padding-bottom:30px;
		display:inline-block;
	}
	
	#board .b_titleA .titA{
		display:inline-block;
	}
	
	
	#board .b_titleA .titA .tit{
		font-size:36px;
		font-weight:bold;
		color:#222;
	}
	
	
	#board .b_titleA .search{
		width:100%;
		display:inline-block;
		border-radius:50px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		float:right;
		margin-top:40px;
		padding:15px 20px;
	}
	
	
	#board .b_titleA .search .w80{
		width:85%;
		display:inline-block;
	}
	
	#board .b_titleA .search .searchBtn{
		width:20px;
		display:inline-block;
		float:right;
	}
	
	
	#board .noticeListA{
		width:100%;
	}
	
	#board .noticeListA .noticeList{
		width:100%;
	}
	
	#board .noticeListA .noticeList li,
	#board .noticeListA .noticeList li a{
		width:100%;
		display:flex;
	}
	
	#board .noticeListA .noticeList li{
		padding:25px 0px;
		border-bottom:1px solid #e5e5e5;
	}
	
	#board .noticeListA .noticeList .head{
		background:#f7f7f7;
	}
	
	
	#board .noticeListA .noticeList li div{
		text-align:center;
	}
	
	#board .noticeListA .noticeList li .num{
		width:10%;
		display:none;
	}
	
	#board .noticeListA .noticeList li .subj{
		width:75%;
		text-align:left;
	}
	
	#board .noticeListA .noticeList .head .subj{
		text-align:center;
	}
	
	#board .noticeListA .noticeList li .data{
		width:25%;
	}
	
	
	#board .noticeListA .customer li .subj{
		text-align:center;
	}
	

}




/*faq*/



@media screen and (max-width:1180px) {
	
	#board .faqList{
		width:100%;
	}
	
	#board .faqList .tabMenu{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		display:flex;
	}
	
	#board .faqList .tabMenu li{
		width:100%;
		text-align:Center;
		color:#222;
		font-size:18px;
		padding:20px 0px;
	}
	
	#board .faqList .tabMenu .on{
		border-bottom:2px solid #222;
		font-weight:bold;
	}
	
	
	
	#board .arlList{
		width:100%;
		margin-top:50px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#board .arlList li{
		width:100%;
		list-style:disc;
		margin-top:15px;
		color:#777;
		font-size:16px;
	}
	
	#board .faq_List{
		width:100%;
		margin-top:50px;
	}
	
	
	
	#board .faq_List li{
		width:100%;
		display:inline-block;
		padding:20px 0px;
		border-bottom:1px solid #e5e5e5;
	}
	
	
	#board .faq_List li .num{
		width:50px;
		border-radius:50px;
		padding:8px 10px;
		background:#d30000;
		color:#fff;
		text-align:Center;
		display:inline-block
	}
	
	#board .faq_List li .subj{
		width:75%;
		display:inline-block;
		vertical-align:Middle;
		font-size:18px;
		color:#222;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin-left:5px;
	}
	
	#board .faq_List li .arrow{
		width:13px;
		display:inline-block;
		float:right;
		margin-top:5px;
	}
	
	#board .faq_List li .arrow img{
		width:100%;
	}
	
	
	#board .faq_List li .toggleArrow{
		transform:rotate(-180deg)
	}
	
	
	
	#board .faq_List li .answer{
		width:100%;
		background:#f7f7f7;
		padding:50px;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	#board .faq_List li .answer .mark{
		width:3%;
		display:inline-block;
		vertical-align:top;
		font-size:18px;
		color:#d60000;
	}
	
	#board .faq_List li .answer .content{
		width:95%;
		display:inline-block;
		vertical-align:top;
		font-size:16px;
		color:#777;
		line-height:26px;
	}


}


@media screen and (max-width:767px) {
	
	#board .faqList{
		width:100%;
	}
	
	#board .faqList .tabMenu{
		width:100%;
		border-bottom:1px solid #e5e5e5;
		display:flex;
	}
	
	#board .faqList .tabMenu li{
		width:100%;
		text-align:Center;
		color:#222;
		font-size:14px;
		padding:20px 0px;
	}
	
	#board .faqList .tabMenu .on{
		border-bottom:2px solid #222;
		font-weight:bold;
	}
	
	
	
	#board .arlList{
		width:100%;
		margin-top:50px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	#board .arlList li{
		width:100%;
		list-style:disc;
		margin-top:15px;
		color:#777;
		font-size:13px;
		line-height:21px;
		word-break:keep-all;
	}
	
	#board .faq_List{
		width:100%;
		margin-top:50px;
	}
	
	
	
	#board .faq_List li{
		width:100%;
		display:inline-block;
		padding:20px 0px;
		border-bottom:1px solid #e5e5e5;
	}
	
	
	#board .faq_List li .num{
		width:40px;
		border-radius:50px;
		padding:8px 10px;
		background:#d30000;
		color:#fff;
		text-align:Center;
		display:inline-block;
		font-size:14px;
	}
	
	#board .faq_List li .subj{
		width:75%;
		display:inline-block;
		vertical-align:Middle;
		font-size:14px;
		color:#222;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin-left:5px;
	}
	
	#board .faq_List li .arrow{
		width:13px;
		display:inline-block;
		float:right;
		margin-top:5px;
	}
	
	#board .faq_List li .arrow img{
		width:100%;
	}
	
	
	#board .faq_List li .toggleArrow{
		transform:rotate(-180deg)
	}
	
	
	
	#board .faq_List li .answer{
		width:100%;
		background:#f7f7f7;
		padding:20px;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	#board .faq_List li .answer .mark{
		width:5%;
		display:inline-block;
		vertical-align:top;
		font-size:18px;
		color:#d60000;
	}
	
	#board .faq_List li .answer .content{
		width:88%;
		display:inline-block;
		vertical-align:top;
		font-size:13px;
		color:#777;
		line-height:21px;
	}


}