/* -------------------------- wide_menu -------------------------- */
.wide_menu {
	position: relative;
	height: 108px;
	padding: 0 60px;
	padding-top: 30px;
}

.wide_menu .menu {	
	height: 40px;
	min-width: 1000px;
	/* width를 설정하면, 브라우저가 아무리 작아져도 그 너비를 유지한다. 
		설정이 되어있지 않는 경우, min-width를 사용해서 지정한 크기 이하로 너비가 줄어들지 않도록 설정한다. */
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #eeeeee;
}

.wide_menu .menu h2 {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 45px;
	font-size: 31px;
	letter-spacing: -0.7px;
}

.wide_menu .menu h2 a {
	color: #222222;
	font-weight: 600;
}

.wide_menu .menu p {
	display: inline-block;
	margin-right: 17px;
	height: 32px;
	line-height: 40px;
	padding-top: 8px;
	font-size: 15px;
	font-weight: 900;
	text-shadow: 0.5px 0.5px #9999;
}

.wide_menu .menu p a {
	color: #9999;
	font-weight: 600;
}

.wide_menu .menu p #on {
	color: #222222
}


/* ---------------------- userInfoArea ----------------------*/
article .userInfoArea {
	margin-top: 35px;
}

article .userInfoArea h3 {
	padding-bottom: 15px;
	line-height: 26px;
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    border-bottom: 1px solid #222222;
}


/* ---------------------- 테이블 공통설정 ----------------------*/
article .userInfoArea table {
	width: 100%;
    border-collapse: collapse;
    /* collapse : 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앤다. 겹치는 부분은 한 줄로 나타낸다.*/
    border-spacing: 0;
    table-layout: fixed;
    /* 데이터가 길어져서 지정한 너비 이상으로 늘어나는 것을 방지. 
	 * 한글 텍스트는 지정한 너비에서 줄바꿈이 일어난다. */
}

article .userInfoArea table caption {	/* 테이블 캡션 안보이게 */
	visibility: hidden;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

article .userInfoArea table tbody tr th {
	height: 30px;
	padding: 10px 0;
    line-height: 30px;
    text-align: left;
    vertical-align: top;
    color: #555;
    font-size: 14.3px;
    font-weight: 600;
}

article .userInfoArea table tbody tr td {
	height: 30px;
	padding: 10px 0;
	color: #222;
	font-size: 14.5px;
	font-weight: 600;
}

article .userInfoArea table tbody tr .addrArea .td_addr {
	margin: 10px 0;
}

article .userInfoArea table tbody tr td span {
	letter-spacing: -0.3px;	/* 원래 -1.1px */
	font-weight: 600;
}


/* ---------------------- userInfoArea - userInfo_default ----------------------*/
article .userInfoArea .userInfo_default {
	float: left;
    width: 660px;
}

article .userInfoArea .userInfo_default .defaultBox {
	padding-top: 15px;
}


/* ---------------------- userInfoArea - userInfo_add ----------------------*/
article .userInfoArea .userInfo_add {
	float: right;
    width: 280px;
}

article .userInfoArea .userInfo_add .addBox {
	border: 1px solid #dcdcdc;
    border-top: 0;
    padding: 26px 30px 50px;
}

article .userInfoArea .userInfo_add .addBox .add_tit {
	color: #222;
    font-size: 14.3px;
    font-weight: 600;
}

article .userInfoArea .userInfo_add .addBox .add_titB {
	color: #222;
    font-size: 14.3px;
    font-weight: 600;
	margin-top: 36px;
}

article .userInfoArea .userInfo_add .addBox .genderRadio {
	margin-top: 10px;
}

article .userInfoArea .userInfo_add .addBox .genderRadio div {
    position: relative;
	display: inline-block;
    width: 44%;
    margin-right: 10px;
    vertical-align: middle;
}

article .userInfoArea .userInfo_add .addBox .genderRadio .noRadio {
	margin-top: 8px;
}

article .userInfoArea .userInfo_add .addBox .genderRadio div label {
	height: 16px;
	line-height: 16px;
	color: #555;
	font-size: 14.3px;
	font-weight: 600;
}

article .userInfoArea .userInfo_add .addBox .product {
	margin-top: 10px;
}

article .userInfoArea .userInfo_add .addBox .product input {
	width: 186px;
	height: 26px;
	padding: 5px 15px;
	line-height: 26px;
	outline : none;
	
	border: 1px solid #cacece;
	font-weight: 600;
	font-size: 14.3px;
	color: #555;
	cursor: text;	/* 커서모양 i */
	letter-spacing: -0.3px;
}


/* ---------------------- userInfoArea - userInfo_agree ----------------------*/
article .userInfoArea .userInfo_agree {
	clear: both;
    padding-top: 45px;
}

article .userInfoArea .userInfo_agree .agreeBox {
	padding: 7px 0;
}

article .userInfoArea .userInfo_agree .agreeBox table th {
	color: #222;
}

article .userInfoArea .userInfo_agree .agreeBox table span label {
	font-weight: 600;
}

article .userInfoArea .userInfo_agree .agreeBox table tr .radioArea {
	display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
    color: #555;
    font-size: 14.3px;
}


/* ---------------------- userInfoArea - userInfo_agree - BtnArea ----------------------*/
article .userInfoArea .userInfo_agree .BtnArea {
	margin-top: 35px;
    text-align: center;
}

article .userInfoArea .userInfo_agree .BtnArea .styleBtn2 {
	position: relative;
	display: inline-block;
	font-size: 14.3px;
	text-align: center;
	font-weight: 800;
	line-height: 40px;
	background-color: white;	/* 원래 흰색 */
	color: #555555;	/* 텍스트 색깔 */
	border: 1px solid #999999;
	
	/* 애니메이션 */
	cursor: pointer;
	transition: all 0.3s;
}

article .userInfoArea .userInfo_agree .BtnArea #listBack_Btn {
	width: 138px;
	height: 38px;
	margin: 0 auto;
}

article .userInfoArea .userInfo_agree .BtnArea #listBack_Btn:hover {
	color: white;
	box-shadow: 140px 0 0 0 #999999 inset;
}