/*common*/



.deCheck{
	display:inline-block;
}


.deCheck label{
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	vertical-align:middle;
	color:#444;
}


.deCheck input[type=checkbox], .deCheck input[type=radio]{
	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=radio]:checked + label::before,
.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],.smCheck input[type=radio]{
	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=radio]:checked + label::before,
.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: calc(33.33% - 20px); /* 각 링크의 너비를 설정합니다. */
    margin-right: 20px; /* 각 링크 사이의 간격을 설정합니다. */
    margin-bottom: 20px; /* 링크 행 간의 간격을 설정합니다. */
    border-radius: 10px;
    border: 0;
    background: #d60000;
    text-align: center; /* 가운데 정렬로 변경합니다. */
    color: #fff;
    padding: 20px 0px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block; /* 인라인 블록 요소로 변경하여 한 행에 여러 링크를 표시합니다. */
    box-sizing: border-box; /* 너비와 패딩을 포함한 크기로 설정합니다. */
    position: relative; /* 부모 요소로부터 상대적으로 배치합니다. */
    left: 50%; /* 왼쪽 위치를 부모 요소의 가운데로 이동시킵니다. */
    transform: translateX(-50%); /* 가로 방향으로 자신의 크기의 절반만큼 왼쪽으로 이동합니다. */
}


}

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















/*로그인*/

#member{
	width:1180px;
	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;
}




/*회원가입*/


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



/*상품리스트*/

#product{
	width:1180px;
	margin:100px auto;
}


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


#product .titA .subTit{
	font-size:24px;
	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.5%;
	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:16px;
	color:#222;
	text-decoration:line-through;
	vertical-align:middle;
}


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

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






#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:130px;
	background:;
	box-sizing:border-box;
}

#product .view .top .lf .nmLine{
	width:100%;
}

#product .view .top .lf .nmLine .name{
	font-size:36px;
	color:#222;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
	line-height:36px;
}

#product .view .top .lf .nmLine .model{
	font-size:24px;
	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:16px;
	margin-top:70px;
}


#product .view .top .rt .rtoptionList{
	width:100%;
}

#product .view .top .rt .rtoptionList li{
	width:100%;
	margin-top:40px;
}


#product .view .top .rt .rtoptionList li .subj{
	width:20%;
	display:inline-block;
	vertical-align:Middle;
	font-size:18px;
	color:#222;
	font-weight:bold;
}

#product .view .top .rt .rtoptionList li .subs{
	width:79%;
	display:inline-block;
	vertical-align:Middle;
	font-size:18px;
	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:18px;
	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 .arlA{
	width:100%;
	padding-top:80px;
}

#product .view .detail dd .arlA .tit{
	font-size:36px;
	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:24px;
	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:16px;
	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:140px;
	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:20px;
	color:#444;
	margin-top:30px;
	text-align:center;
}


#product .view .detail dd .arlA .arlList li .processList div h5{
	font-size:16px;
	line-height:26px;
	color:#777;
	margin-top:15px;
	text-align:center;
	font-weight:normal;
	padding:0px 20px;
	word-break:keep-all;
}








/*요금제가입신청*/



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





#board{
	width:1180px;
	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;
}


/*faq*/

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