#sjsp_mypage{
	width:98%;
	margin:50px auto 50px;
}


#sjsp_mypage .title{
	font-size:30px;
	text-align:center;
	font-family:'roboto','noto sans kr';
	color:#222;
	line-height:30px;
	margin-bottom:10px;
}

#sjsp_mypage .subTitle{
	font-size:18px;
	text-align:center;
	font-family:'roboto','noto sans kr';
	color:#222;
}



#sjsp_mypage .myinfoArea{
	width:100%;
	border-top:1px solid #222;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px 0px;
	margin-top:50px;
	display:flex;
}

#sjsp_mypage .myinfoArea .myinfo{
	width:25%;
	display:Inline-block;
	border-right:1px solid #e5e5e5;
	padding:0px 20px;
}

#sjsp_mypage .myinfoArea .myinfo .nameLine{
	width:100%;
}

#sjsp_mypage .myinfoArea .myinfo .nameLine .ico{
	width:21px;
	display:inline-block;
	vertical-align:middle;
}


#sjsp_mypage .myinfoArea .myinfo .nameLine .ico img{
	width:100%;
}


#sjsp_mypage .myinfoArea .myinfo .nameLine .name{
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	color:#222;
}
#sjsp_mypage .myinfoArea .myinfo .myinfoList{
	width:100%;
	margin-top:20px;
}

#sjsp_mypage .myinfoArea .myinfo .myinfoList li{
	width:100%;
	margin-top:10px;
}

#sjsp_mypage .myinfoArea .myinfo .myinfoList li .subj{
	width:35%;
	display:inline-block;
	font-size:15px;
	color:#777777;
}
#sjsp_mypage .myinfoArea .myinfo .myinfoList li .subs{
	width:63%;
	display:inline-block;
	font-size:15px;
	color:#222;
}


#sjsp_mypage .myinfoArea .mypointArea{
	width:75%;
	display:Inline-block;
	padding:0px 20px;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine{
	width:100%;
	display:inline-block;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .subjectArea{
	display:inline-block;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .subjectArea .icon{
	display:inline-block;
	width:29px;
	vertical-align:middle;
}
#sjsp_mypage .myinfoArea .mypointArea .subjectLine .subjectArea .icon img{
	width:100%;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .subjectArea .subject{
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	color:#222;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist{
	display:inline-block;
	float:right;
}


#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grBorBTN{
	display:inline-block;
	text-align:center;
	border:1px solid #e5e5e5;
	background:#fff;
	padding:12px;
	box-sizing:Border-box;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grBorBTN .ico{
	width:21px;
	display:Inline-block;
	vertical-align:middle;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grBorBTN .ico img{
	width:100%;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grBorBTN .text{
	font-size:14px;
	display:Inline-block;
	vertical-align:middle;
	color:#444;
}



#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grbackBTN{
	display:inline-block;
	text-align:center;
	border:1px solid #e5e5e5;
	background:#f7f7f7;
	box-sizing:border-box;
	padding:12px;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grbackBTN .ico{
	width:28px;
	display:Inline-block;
	vertical-align:middle;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grbackBTN .ico img{
	width:100%;
}

#sjsp_mypage .myinfoArea .mypointArea .subjectLine .opBTNlist .grbackBTN .text{
	font-size:14px;
	display:Inline-block;
	vertical-align:middle;
	color:#444;
}

#sjsp_mypage .myinfoArea .mypointArea .pointCont{
	width:100%;
	margin-top:30px;
}

#sjsp_mypage .myinfoArea .mypointArea .pointCont .havePoint{
	font-size:15px;
	color:#222;
	font-weight:500;
}
#sjsp_mypage .myinfoArea .mypointArea .pointCont .havePoint .point{
	font-family:'roboto';
	color:#d30000;
}
#sjsp_mypage .myinfoArea .mypointArea .pointCont .havePoint .moreview{
	color:#d30000;
	display:inline-block;
	margin-left:10px;
}
#sjsp_mypage .myinfoArea .mypointArea .pointCont .havePoint .moreview a{
	color:#d30000;
}

#sjsp_mypage .myinfoArea .mypointArea .pointCont .pointexList{
	width:100%;
	margin-top:10px;
}

#sjsp_mypage .myinfoArea .mypointArea .pointCont .pointexList li{
	width:100%;
	margin-top:5px;
	font-size:15px;
	color:#777;
}

#sjsp_mypage .shortcutList{
	width:100%;
	display:flex;
	border-bottom:1px solid #e5e5e5;
}

#sjsp_mypage .shortcutList li{
	width:100%;
	display:inline-block;
	border-right:1px solid #e5e5e5;
	padding:12px 0px;
}

#sjsp_mypage .shortcutList li:first-child{
	border-left:1px solid #e5e5e5;
}

#sjsp_mypage .shortcutList li .ico{
	width:42px;
	margin:0 auto;
}

#sjsp_mypage .shortcutList li .text{
	font-size:15px;
	text-align:center;
	margin-top:5px;
	
}


#sjsp_mypage .modifyForm{
	width:100%;
	margin-top:50px;
}

#sjsp_mypage .modifyForm .subjectLine{
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
}


#sjsp_mypage .modifyForm .subjectLine .subject{
	font-size:24px;
	display:inline-block;
	color:#222;
}


#sjsp_mypage .modifyForm .subjectLine .subject label{
	font-size:14px;
	display:inline-block;
	color:#444;
	margin-left:5px;
}

#sjsp_mypage .modifyForm .subjectLine .arlText{
	display:inline-block;
	float:right;
	color:#777;
	margin-top:5px;
}

#sjsp_mypage .redText{
	color:#d30000;
}


#sjsp_mypage .modifyForm .registerList{
	width:100%;
	margin-top:20px;
}
#sjsp_mypage .modifyForm .registerList dd{
	width:100%;
	margin-top:10px;
}



#sjsp_mypage .modifyForm .registerList dd label{
	width:100%;
	display:block;
	font-size:16px;
	color:#444444
}

#sjsp_mypage .modifyForm .registerList dd .comment{
	color:#999;
	font-size:14px;
}


#sjsp_mypage .modifyForm .registerList dd .w30{
	width:32%;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	margin-top:5px;
	margin-right:5px;
	font-size:14px;
	height:auto;
}

#sjsp_mypage .modifyForm .registerList dd .w10{
	width:10.2%;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	margin-top:5px;
	margin-right:5px;
	font-size:14px;
	height:auto;
}


#sjsp_mypage .modifyForm .registerList dd .w100{
	width:100%;
	display:block;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	margin-top:5px;
	margin-right:5px;
	font-size:14px;
	height:auto;
}


#sjsp_mypage .modifyForm .registerList dd .checkBTN{
	width:10%;
	border:1px solid #222;
	color:#222;
	cursor:pointer;
	padding:10px;
	box-sizing:border-box;
	font-size:14px;
	background:#fff;
	display:inline-block;
	vertical-align:middle;
	margin-top:5px;
}

#sjsp_mypage .modifyForm .pointUseArl{
	width:100%;
	padding:20px;
	box-sizing:border-box;
}
#sjsp_mypage .modifyForm .pointUseArl li{
	width:100%;
	margin-top:5px;
	list-style:disc;
	font-size:14px;
}


#sjsp_mypage .modifyForm .registerList dd .cancleBTN{
	width:10%;
	border:1px solid #222;
	background:#222;
	color:#fff;
	cursor:pointer;
	padding:10px;
	box-sizing:border-box;
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
	margin-top:5px;
}


#sjsp_mypage .buttonArea{
	width:100%;
	text-align:center;
	margin-top:50px;
}


#sjsp_mypage .buttonArea .bordBTN{
	width:180px;
	border:1px solid #222;
	text-align:center;
	display:inline-block;
	padding:15px;
	font-size:16px;
	color:#222;
	cursor:pointer;
}

#sjsp_mypage .buttonArea .bordBTN a{
	color:#222;
}

#sjsp_mypage .buttonArea .backBTN{
	width:180px;
	border:1px solid #222;
	background:#222;
	text-align:center;
	display:inline-block;
	padding:15px;
	font-size:16px;
	color:#fff;
	cursor:pointer;
}

#sjsp_mypage .buttonArea .backBTN a{
	color:#fff;
}



#sjsp_mypage .tableArea{
	width:100%;
	margin-top:50px;
}

#sjsp_mypage .tableArea .s_subjectLine{
	width:100%;
	display:inline-block;
}

#sjsp_mypage .tableArea .s_subjectLine .subjectArea{
	display:inline-block;
}

#sjsp_mypage .tableArea .s_subjectLine .subjectArea .subject{
	font-size:24px;
	color:#222;
	display:inline-block;
}

#sjsp_mypage .tableArea .s_subjectLine .subjectArea .subjComment{
	font-size:14px;
	color:#999;
	font-family:'roboto','noto sans kr';
	display:inline-block;
	margin-left:5px;
}


#sjsp_mypage .tableArea .s_subjectLine .count{
	display:inline-block;
	float:right;
	font-size:14px;
	color:#999;
	font-family:'roboto';
	margin-top:12px;
}


#sjsp_mypage .tableArea .tableList{
	width:100%;
	margin-top:10px;
}

#sjsp_mypage .tableArea .tableList table{
	width:100%;
}
#sjsp_mypage .tableArea .tableList table thead th{
	background:#f7f7f7;
	border-top:1px solid #e5e5e5;
    white-space: nowrap;
}

#sjsp_mypage .tableArea .tableList table th{
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	font-weight:normal;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
    white-space: nowrap;
}


#sjsp_mypage .tableArea .tableList table td{
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	font-weight:normal;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
}

#sjsp_mypage .tableArea .tableList table th:first-child{
	border-left:1px solid #e5e5e5;
}

#sjsp_mypage .tableArea .tableList table th .proSThum{
	width:80px;
	height:80px;
	overflow:hidden;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	margin:0 auto;
}

#sjsp_mypage .tableArea .tableList table th .proSThum img{
	width:100%;
}


#sjsp_mypage .tableArea .tableList table th .pointIco {
	font-size:12px;
	color:#fff;
	background:#f67ffd;
	border-radius:5px;
	padding:2px 5px 4px 5px;
	margin-top:5px;
	display:inline-block;
}

#sjsp_mypage .tableArea .tableList table .messageSubject {
	cursor:pointer;
}


#sjsp_mypage .tableArea .tableList table th .deletBTN{
	cursor:pointer;
}

#sjsp_mypage .tableArea .tableList table th .deletBTN div{
	display:inline-block;
	vertical-align:middle;
}

#sjsp_mypage .tableArea .tableList table th .deletBTN .ico{
	width:20px;
}

#sjsp_mypage .tableArea .tableList table th .deletBTN .ico img{
	width:100%;
}

#sjsp_mypage .tableArea .tableList table th .deletBTN .text{
	color:#222;
}


#sjsp_mypage .tableArea .tableList table th .numText{
	width:50px;
	padding:5px 10px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	text-align:right;
}
#sjsp_mypage .tableArea .tableList table th .modifyBTN{
	width:50px;
	padding:5px 10px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}


#sjsp_mypage .tableArea .tableBTNLine{
	width:100%;
	text-align:right;
	margin-top:30px;
}

#sjsp_mypage .tableArea .tableBTNLine .backBTN{
	display:inline-block;
	padding:12px 30px;
	background:#222;
	color:#fff;
	font-size:15px;
	cursor:pointer;
	border:1px solid #222;
}

#sjsp_mypage .tableArea .tableBTNLine .backBTN a{
	color:#fff;
}


#sjsp_mypage .tableArea .tableBTNLine .bordkBTN{
	display:inline-block;
	padding:12px 30px;
	background:#fff;
	border:1px solid #222;
	color:#222;
	font-size:15px;
	cursor:pointer;
}

#sjsp_mypage .tableArea .tableBTNLine .bordkBTN a{
	color:#222;
}
#sjsp_mypage .tableArea .arlList{
	width:100%;
	margin-top:10px;
	border:3px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px 20px 20px 40px;
	margin-bottom:20px;
	
}

#sjsp_mypage .tableArea .arlList li{
	width:100%;
	list-style:disc;
	font-size:14px;
	color:#777;
}




#sjsp_mypage .tableArea .searchArea{
	width:100%;
	text-align:right;
	margin-top:10px;
}

#sjsp_mypage .tableArea .searchArea .selectbox{
	display:inline-block;
}

#sjsp_mypage .tableArea .searchArea .selectbox select{
	width:130px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:10px;
}


#sjsp_mypage .tableArea .searchArea .inputList{
	display:inline-block;
}
#sjsp_mypage .tableArea .searchArea .inputList .searchForm{
	display:inline-block;
	width:200px;
	padding:10px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}


#sjsp_mypage .tableArea .searchArea .inputList .submitBTN{
	display:inline-block;
	width:70px;
	padding:10px;
	border:1px solid #222;
	background:#222;
	color:#fff;
	text-align:center;
}



#sjsp_message{
	width:100%;
}


#sjsp_message .layerPopBack{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,0.8);
	z-index:1;
}


#sjsp_message .layerPopCont{
	width:100%;
	background:#fff;
	z-index:2;
	padding:20px;
	box-sizing:border-box;
}

#sjsp_message .layerPopCont .popcloseIco{
	width:100%;
	text-align:right;
}
#sjsp_message .layerPopCont .popcloseIco img{
	width:20px;
	cursor:pointer;
}


#sjsp_message .layerPopCont .messageBTN{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	display:inline-block;
	margin-top:20px;
}

#sjsp_message .layerPopCont .messageBTN li{
	display:inline-block;
	width:50%;
	float:left;
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	text-align:center;
	padding:12px 0px;
}

#sjsp_message .layerPopCont .messageBTN li:last-child{
	border-right:0px solid #e5e5e5;
}


#sjsp_message .layerPopCont .messageBox{
	width:100%;
	margin-top:20px;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
}


#sjsp_message .layerPopCont .messageBox .subjectLine{
	width:100%;
	padding:20px;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}

#sjsp_message .layerPopCont .messageBox .subjectLine .ico{
	width:21px;
	display:inline-block;
	vertical-align:middle;
}

#sjsp_message .layerPopCont .messageBox .subjectLine .text{
	font-size:16px;
	display:inline-block;
	vertical-align:middle;
	color:#222;
	margin-left:5px;
}

#sjsp_message .layerPopCont .messageBox .opArea{
	width:100%;
	padding:10px 20px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	display:inline-block;
}

#sjsp_message .layerPopCont .messageBox .opArea .opList{
	display:inline-block;
}
#sjsp_message .layerPopCont .messageBox .opArea .opList li{
	display:inline-block;
	font-size:14px;
	color:#777;
	padding-right:10px;
	border-right:1px solid #e5e5e5;
	line-height:14px;
}
#sjsp_message .layerPopCont .messageBox .opArea .opList li:last-child{
	padding-left:10px;
	border-right:0;
}

#sjsp_message .layerPopCont .messageBox .opArea .reMessasge{
	display:inline-block;
	float:right;
	font-size:14px;
	text-decoration:underline;
}

#sjsp_message .layerPopCont .messageBox .messageCont{
	width:100%;
	min-height:150px;
	overflow-y:scroll;
	padding:30px 20px;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
}

#sjsp_message .layerPopCont .messageBox .date{
	width:100%;
	padding:10px 20px;
	box-sizing:Border-box;
}

#sjsp_message .layerPopCont .messageBox .date li{
	display:inline-block;
	font-size:14px;
	margin-right:10px;
}


#sjsp_mypage .cartArlText{
	width:100%;
	margin:50px 0px;
	padding:20px;
	box-sizing:border-box;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

#sjsp_mypage .cartArlText li{
	width:100%;
	list-style:disc;
	font-size:15px;
}








#sjsp_mypage .verTableLine{
	width:100%;
	margin-top:50px;
}

#sjsp_mypage .verTableLine .subject{
	font-size:24px;
	display:inline-block;
}

#sjsp_mypage .verTableLine .verTable{
	width:100%;
	margin-top:10px;
}


#sjsp_mypage .verTableLine .verTable table{
	width:100%;
	border-top:1px solid #e5e5e5;
}
#sjsp_mypage .verTableLine .verTable table th{
	box-sizing:border-box;
	padding:12px;
	font-weight:normal;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
	background:#f7f7f7;
	border-right:1px solid #e5e5e5;
}

#sjsp_mypage .verTableLine .verTable table td{
	border-right:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:12px;
	font-weight:normal;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	font-family:'roboto','noto sans kr';
}

#sjsp_mypage .verTableLine .verTable table th:first-child{
	border-left:1px solid #e5e5e5;
}

#sjsp_mypage .verTableLine .verTable table td:first-child{
	border-top:1px solid #e5e5e5;
}


#sjsp_mypage .verTableLine .verTable table td .w30{
	width:30%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:10px;
	font-family:'roboto','noto sans kr';
}
#sjsp_mypage .verTableLine .verTable table td .w50{
	width:50%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:10px;
	font-family:'roboto','noto sans kr';
}

#sjsp_mypage .verTableLine .arlText{
	width:100%;
	text-align:right;
	font-size:14px;
	margin-top:10px;
}



#sjsp_mypage .orderComplete{
	width:100%;
	margin-top:50px;
}


#sjsp_mypage .orderComplete .completeText{
	text-align:center;
	font-size:24px;
	color:#ff8d2d;
	font-family:'roboto','noto sans kr';
}

#sjsp_mypage .orderComplete .completeText_2{
	text-align:center;
	font-size:16px;
	color:#777;
	font-family:'roboto','noto sans kr';
}



#sjsp_mypage .order_checkArea{
	width:100%;
	margin-top:20px;
}

#sjsp_mypage .order_checkArea div{
	display:inline-block;
	margin-right:10px;
}



.inner_address .btn_s_gray { background:#000000; color:#fff; padding:5px 10px; display:inline-block; width:100px; border-radius:5px; text-align:center; font-size:16px; }


a.btn_order_cancle { border:0px solid #ddd; display:inline-block;  color:#fff; background:#999; padding:3px 10px 4px; border-radius:5px; 
font-size:12px; line-height:15px; }

a.btn_order_cancle_2 { border:1px solid #ddd; display:inline-block; color:#333; background:#f5f5f5; padding:3px 10px 4px; border-radius:5px; 
font-size:12px; line-height:15px; }
















