.joinheadline{ padding:36px 0; margin:0; background-color:#F9F0F0; text-align:center }

.jointab{ padding:0 5px; font-size:0 }
.jointab > button{ width:320px; height:64px; margin:0 5px; border:solid 3px #F60; border-radius:6px; color:#F60; font:700 20px/normal 'NanumBarunGothic' }
.jointab > button.on{ background-color:#F60; color:#FFF }

.joinform{ width:950px; padding:24px 0; margin:0 auto; color:#555 }
.joinform > h3{ padding:12px 0; margin:0; color:#F30; font:700 24px/normal 'NanumBarunGothic' }
.joinform > h3 > span{ margin-left:24px; color:#630; font:500 16px/normal 'NanumBarunGothic' }
.joinform > h3 > p{ margin:10px 0 0 170px; color:#3F68D9; font:normal 11px/normal Dotum }
.joinform > fieldset{ position:relative; padding:8px 0; margin:0; border:solid #DDD; border-width:1px 0 0 0; font-size:0 }
.joinform > fieldset > ul.autocomplete{ display:none; position:absolute; top:39px; left:200px; right:0; width:748px; padding:0; margin:0; background:#FFF; border:solid 1px #CCC; z-index:9998; box-shadow:3px 3px 5px rgba(0,0,0,.25) }
.joinform > fieldset > ul.autocomplete > li{ padding:8px; border-bottom:dotted 1px #CCC; font-size:12px; list-style:none }
.joinform > fieldset > ul.autocomplete > li > .agentName{ font:bold 14px/normal Dotum }
.joinform > fieldset > ul.autocomplete > li > .agentAddress{ margin-top:4px; color:#666; font-size:11px }
.joinform > fieldset > ul.autocomplete > li:last-child{ border-bottom:0 }
.joinform > fieldset > ul.autocomplete > li:hover{ background:#F0F9FF; cursor:pointer }
.joinform > fieldset > ul.autocomplete.show{ display:block }
.joinform > fieldset > span{ color:#999; font:normal 12px/normal Dotum }
.joinform > fieldset > p{ margin:12px 0 0 200px; font-size:11px; color:#E60; }
.joinform > fieldset > label{ width:200px; font:500 16px/normal 'NanumBarunGothic' }
.joinform > fieldset > .ex{ margin:8px 0 0 200px; color:#666; font:normal 14px/normal Dotum }
.joinform > fieldset > input[type=text],
.joinform > fieldset > input[type=password]{ height:32px; border-color:#CCC; font:300 14px/normal 'NanumBarunGothic' }
.joinform > fieldset > button{ height:32px; border-color:#CCC; border-radius:0; color:#999; font:300 14px/normal 'NanumBarunGothic' }
.joinform > fieldset > button:hover{ background:#E9E9E9 }
.joinform > fieldset > select{ height:32px; border-color:#CCC }
.joinform > fieldset > #agentNumber1{ width:110px; margin-right:10px }
.joinform > fieldset > #agentNumber2{ width:90px; margin-right:10px }
.joinform > fieldset > #agentNumber3{ width:110px; margin-right:10px }
.joinform > fieldset > #agentName{ width:750px }
.joinform > fieldset > #agentRepresent{ width:750px }
.joinform > fieldset > #addresssearch{ width:90px }
.joinform > fieldset > #agentAddress_old{ width:210px; margin-left:10px }
.joinform > fieldset > #agentAddress_new{ width:210px; margin-left:10px }
.joinform > fieldset > #agentAddress_add{ width:210px; margin-left:10px }
.joinform > fieldset > #agentPhone1{ width:100px }
.joinform > fieldset > #agentPhone2{ width:100px; margin:0 0 0 10px }
.joinform > fieldset > #agentPhone3{ width:100px; margin:0 10px }
.joinform > fieldset > #agentFax1{ width:100px }
.joinform > fieldset > #agentFax2{ width:100px; margin:0 0 0 10px }
.joinform > fieldset > #agentFax3{ width:100px; margin:0 10px }
.joinform > fieldset > #agentFaxNone{ vertical-align:middle }
.joinform > fieldset > #agentFaxNone + label{ width:auto; color:#666; font:normal 12px/normal Dotum; vertical-align:middle }
.joinform > fieldset > #agentMobile1{ width:100px }
.joinform > fieldset > #agentMobile2{ width:100px; margin:0 0 0 10px }
.joinform > fieldset > #agentMobile3{ width:100px; margin:0 10px }
.joinform > fieldset > #userMobile1{ width:100px }
.joinform > fieldset > #userMobile2{ width:100px; margin:0 0 0 10px }
.joinform > fieldset > #userMobile3{ width:100px; margin:0 10px }
.joinform > fieldset > #agentMail1{ width:140px }
.joinform > fieldset > #agentMail2{ width:140px; margin:0 0 0 10px }
.joinform > fieldset > #agentMailSelect{ width:120px; margin:0 10px }
.joinform > fieldset > #userName{ margin:0 10px 0 0 }
.joinform > fieldset > #userMail1{ width:140px }
.joinform > fieldset > #userMail2{ width:140px; margin:0 0 0 10px }
.joinform > fieldset > #userMailSelect{ width:120px; margin:0 10px }
.joinform > fieldset > #registRoot{ width:260px }
.joinform > fieldset > #mainproperty1{ width:200px }
.joinform > fieldset > #mainproperty2{ width:200px; margin:0 0 0 10px }
.joinform > fieldset > #representAge{ width:80px; margin:0 10px 0 0 }
.joinform > fieldset > #representExpY{ width:80px; margin:0 10px 0 0 }
.joinform > fieldset > #representExpM{ width:80px; margin:0 10px }
.joinform > fieldset > #representGender{ width:80px }
.joinform > fieldset > #representTendency{ width:120px }
.joinform > fieldset > #representComment{ width:320px; margin:0 0 0 10px }
.joinform > fieldset > #agentPW{ width:220px }
.joinform > fieldset > #agentPWCheck{ width:220px }
.joinform > fieldset > #userAge{ width:80px; margin:0 10px 0 0 }
.joinform > fieldset > #userExpY{ width:80px; margin:0 10px 0 0 }
.joinform > fieldset > #userExpM{ width:80px; margin:0 10px }
.joinform > fieldset > #userGender{ width:80px }
.joinform > fieldset > #userTendency{ width:120px }
.joinform > fieldset > #userComment{ width:480px }
.joinform > fieldset > #joinPW{ width:220px }
.joinform > fieldset > #pwexpresult{ margin-left:8px; font-size:11px }
.joinform > fieldset > #userPWCheck{ width:220px }
.joinform > fieldset > #registRootSelect{ vertical-align:middle }
.joinform > fieldset > #registRoot{ display:none; width:320px; margin-left:8px; vertical-align:middle }
.joinform > fieldset > #registRoot.etc{ display:inline-block }
.joinform > .agreementhead{ margin:24px 0 6px 0; color:#333; font:500 16px/normal 'NanumBarunGothic' }
.joinform > .agreementbox{ height:200px; padding:12px; border:solid 1px #CCC; font:normal 12px/20px Dotum; overflow:auto }
.joinform > .agreementcheck{ margin:6px 0; text-align:right }
.joinform > .agreementcheck > input[type=checkbox]{ vertical-align:middle }
.joinform > .agreementcheck > label{ font:normal 12px/normal Dotum; vertical-align:middle }
.joinform > #joinexecute{
	display:block; width:400px; height:60px; margin:24px auto;
	background:#FF6C00 url(/subPicture/iconset_etc.png) no-repeat 0 0; border-radius:32px; border:0; color:#FFF;
	box-shadow:0 6px 0 #CC3000; font-size:0 }