.JOIN-TAB{
	margin-top : 32px;
	font-size : 0;
	text-align : center;
}
.JOIN-TAB > a{
	display : inline-block;
	width : 240px;
	height : 48px;
	margin : 0 2px;
	line-height : 48px;
	background-color : #F9F9F9;
	border : solid 1px #CCC;
	font-family : 'NanumBarunGothic';
	font-size : 14px;
	color : #999;
	vertical-align : bottom;
}
.JOIN-TAB > a.ON{
	background-color : #FF8600;
	border-color : #FF8600;
	color : #FFF;
	font-size : 18px;
}

.JOIN-ADVICE{
	display : block;
	width : 480px;
	height : 48px;
	margin : 16px auto;
	line-height : 48px;
	background-color : #FF8600;
	border : solid 1px #FF8600;
	font-family : 'NanumBarunGothic';
	font-size : 16px;
	color : #FFF;
	text-align : center;
}

.JOIN-ALERT{
	font-weight : bold;
	color : #C11;
	text-align : center;
}

.JOIN-AGREEMENT{
	margin-top : 16px;
}
.JOIN-AGREEMENT > .DOCUMENT{
	height : 180px;
	padding : 16px;
	border : solid 1px #CCC;
	font-size : .8em;
	overflow : auto;
	box-shadow : inset 2px 2px 3px rgba(0,0,0,.15);
}
.JOIN-AGREEMENT > .CHECK{
	margin-top : 8px;
	text-align : right;
	font-size : 12px;
}
.JOIN-AGREEMENT > .CHECK > *{
	vertical-align : middle
}

.JOIN-FORM{
	margin-top : 32px;
	margin-bottom : 96px;
	overflow : hidden;
}
.JOIN-FORM > fieldset{
	float : left;
	width : 480px;
	padding : 16px;
	margin : 0;
	border : 0;
}
.JOIN-FORM > fieldset:first-child{
	width : 380px;
	margin-left : 100px;
}
.JOIN-FORM > fieldset > legend{
	display : none
}
.JOIN-FORM > fieldset > div{
	margin-bottom : 8px;
	font-size : 0;
}
.JOIN-FORM > fieldset > div > label:first-child{
	display : inline-block;
	width : 100px;
	height : 32px;
	line-height : 32px;
	font-size : 12px;
	vertical-align : top;
}
.JOIN-FORM > fieldset > div > label:first-child > i{
	font-style : normal;
	color : #E11;
	margin-left : 3px;
}
.JOIN-FORM > fieldset > div > .VALUE{
	display : inline-block;
	max-width : 380px;
	font-size : 12px;
	line-height : 32px;
	vertical-align : top;
}
.JOIN-FORM > fieldset > div > .VALUE input{
	vertical-align : middle
}
.JOIN-FORM > fieldset > div > .VALUE label{
	vertical-align : middle;
	margin-right : 16px;
}
.JOIN-FORM > fieldset > div > .VALUE span{
	display : inline-block;
	width : 110px;
	vertical-align : top;
}
.JOIN-FORM > fieldset > div > input[type=text],
.JOIN-FORM > fieldset > div > input[type=password],
.JOIN-FORM > fieldset > div > input[type=number],
.JOIN-FORM > fieldset > div > select{
	height : 32px;
	padding : 0 8px;
	border : solid 1px #CCC;
	border-radius : 2px;
	box-sizing : border-box;
	vertical-align : top;
	font-size : 12px;
}
.JOIN-FORM > fieldset > div > input[readonly]{
	background-color : #F9F9F9;
	color : #333;
}
.JOIN-FORM > fieldset > div > button{
	width : 90px;
	height : 32px;
	padding : 0;
	border : solid 1px #CCC;
	border-radius : 2px;
	vertical-align : top;
	font-size : 12px;
	cursor : pointer;
}
.JOIN-FORM > fieldset > div > p.ALERT{
	padding : 8px 0;
	margin : 0;
	margin-left : 100px;
	font-size : 11px;
	color : #C11;
}
.JOIN-FORM > .SETEXECUTE{
	clear : both;
	text-align : center;
}
.JOIN-FORM > .SETEXECUTE > button{
	height : 48px;
	padding : 0 32px;
	margin : 0;
	background-color : #F60;
	border : 0;
	border-radius : 3px;
	color : #FFF;
	font-size : 16px;
	font-weight : bold;
	cursor : pointer;
}

.JOIN-FORM > fieldset > div > #R_ID{ width : 200px }
.JOIN-FORM > fieldset > div > #R_PW{ width : 200px }
.JOIN-FORM > fieldset > div > #R_PW_CHECK{ width : 200px }
.JOIN-FORM > fieldset > div > #R_NAME{ width : 240px }
.JOIN-FORM > fieldset > div > #R_CEO{ width : 240px }
.JOIN-FORM > fieldset > div > #R_NUMBER1{ width : 70px; margin-right : 5px; text-align : center; }
.JOIN-FORM > fieldset > div > #R_NUMBER2{ width : 50px; margin-right : 5px; text-align : center; }
.JOIN-FORM > fieldset > div > #R_NUMBER3{ width : 100px; text-align : center; }
.JOIN-FORM > fieldset > div > #R_SORT{ width : 200px }
.JOIN-FORM > fieldset > div > #R_ITEMS{ width : 240px }
.JOIN-FORM > fieldset > div > #R_MOBILE1,
.JOIN-FORM > fieldset > div > #R_PHONE1,
.JOIN-FORM > fieldset > div > #R_FAX1{ width : 70px; margin-right : 5px; }
.JOIN-FORM > fieldset > div > #R_MOBILE2,
.JOIN-FORM > fieldset > div > #R_PHONE2,
.JOIN-FORM > fieldset > div > #R_FAX2{ width : 90px; margin-right : 5px; text-align : center }
.JOIN-FORM > fieldset > div > #R_MOBILE3,
.JOIN-FORM > fieldset > div > #R_PHONE3,
.JOIN-FORM > fieldset > div > #R_FAX3{ width : 90px; margin-right : 5px; text-align : center }
.JOIN-FORM > fieldset > div > #R_MAIL1{ width : 100px; margin-right : 5px; }
.JOIN-FORM > fieldset > div > #R_MAIL2{ width : 100px; margin-right : 5px; }
.JOIN-FORM > fieldset > div > #R_MAIL_SELECT{ width : 100px }
.JOIN-FORM > fieldset > div > #R_ADDRESS1{ width : 220px; margin-right : 5px; margin-bottom : 4px; }
.JOIN-FORM > fieldset > div > #R_ADDRESS2{ width : 315px; margin-left : 100px; }
.JOIN-FORM > fieldset > div > #R_THUMBNAIL{ width : 180px; margin-right : 5px; }
.JOIN-FORM > fieldset > div > #R_COMMENT{
	width : 310px;
	height : 80px;
	padding : 8px;
	border : solid 1px #CCC;
	resize : none;
	font-size : 12px;
	box-sizing : border-box;
}
.JOIN-FORM > fieldset > div > #R_CP_CONDITION{
	font-weight : bold;
	color : #C11;
}