/* login */
.loginWrap {
	width:670px;
	margin:50px auto;
	*zoom:1;
}
.loginWrap:after {
	display:block;
	clear:both;
	content:''
} 
.loginWrap #header {
	height:37px;
	*height:41px;
	margin-bottom:10px;
	border-bottom:2px solid #6c6c6c;
}
.loginWrap h2 {
	padding:0;
}
.loginWrap p.description {
	margin-bottom:30px;
}
.loginWrap .loginArea {
	float:left;	
	width:272px;
	height:228px;
	padding:20px 25px 0 25px;
}
.loginWrap .loginArea fieldset {
	position:relative;
	height:90px;
	width:300px;
	border:none;
}
.loginWrap .loginArea fieldset legend {
	display:block;
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
}
.loginWrap .loginArea fieldset label {
	visibility:hidden;
	overflow:hidden;
	font-size:0;height:0;
	line-height:0;
	text-indent:-9999px;
	width:0;
}
.loginWrap .loginArea .input_txt {
	position:absolute;
	left:0;
	width:210px;
	height:25px;
	border:1px solid #bebebe;
	line-height:25px;
}
.loginWrap .loginArea .input_txt:focus,
.loginWrap .loginArea .focus {
	border:1px solid #8D4CEB;
}
.loginWrap .loginArea .pw {
	bottom:0;
}

.loginWrap .loginArea a.buttonLogin {
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:83px;
	height:59px;
	background:url(../images/btn_login.png) 0 0 no-repeat;
	line-height:100;
	overflow:hidden;
	vertical-align:bottom;
}
.loginWrap .loginArea a.buttonLogin:hover {
	opacity:0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.loginArea .keeping {
	margin:5px 0;
	padding:0;
}
.loginArea .keeping .input_check {
	vertical-align:top;
}
.loginArea .keeping label {
	position:relative; 
	top:0;
	left:0;
	line-height:13px;
	letter-spacing:-1px;
}
.loginWrap .bannerArea {
	float:right;
	width:322px;
	border:2px solid #e5e5e5;
}
.loginWrap .adArea {
	float:right;
	width:322px;
	border:1px solid #e5e5e5;
}
.loginWrap .menu {
	margin-top:30px;
	padding:10px;
	border-top:1px solid #ececec;
	text-align:center;
}
.loginAreaWrap {
	margin-bottom:20px;
	*zoom:1;
}
.loginAreaWrap:after {
	display:block;
	clear:both;
	content:'';
}
/* member */
.joinWrap {
	margin: 10px auto;
    width: 670px;
}
.joinWrap .joinArea {
	margin-top:3px;
	padding-top: 5px;
}
.joinArea table {
	width:100%;
}
.joinArea table th {
	padding:5px;
	text-align: left;
	vertical-align:top;
	font-weight:normal;
}
.joinArea table td {
	padding:6px;
}
.joinArea table td .input_txt,
.inputTableWarp table td .input_txt {
	width:240px;
	height:20px;
	border:1px solid #bebebe;
	line-height:20px;
}
.joinArea table td .input_txt:focus,
.inputTableWarp table td .input_txt:focus,
.joinArea table td .focus {
	border:1px solid #8D4CEB;
}
.joinArea em.must {
	font-style:normal;
	font-weight:bold;
}
.joinArea th em.must {
	color:#8D4CEB;
	display:inline-block;
	width:10px;
}
.joinArea .buttonAreaC {
	padding-top:0px;
	padding-bottom:0px;
}
.joinArea table td .info {
	font-size:11px;
	letter-spacing:-1px;
	color:#8D4CEB;
}
.joinWrap p.tip {
	text-align:right;
	font-size:11px;
	line-height:2;
	color:#ff6c00;
}
.joinWrap td a.btn {
	display:inline-block;
	padding:0 5px;
	height:20px;
	border:1px solid #BEBEBE;
	background:#f5f5f5;
	font-size:11px;
	line-height:20px;
	letter-spacing:-0.075em;
	text-decoration:none;
	vertical-align:middle;
	margin-left:3px;
}
.joinWrap td a.btn:hover {
	background:#e6e6e6;
}
.joinWrap p.message {
	line-height:2;
	letter-spacing:-0.04em;
	color:#8D4CEB;
}

/* My Page"*/
div.my {
	margin:10px 0;
}
div.my table {
	margin:5px 0 20px 0;
}
div.bookmark table {
	margin:20px 0 10px 0;
}
div.bookmark .buttonAreaR {
	margin-top:0;
}
div.bookmark .buttonAreaC {
	border-top:1px solid #B1B1B1;
	padding-top:10px;
}
.profile {
	padding:10px;
	*zoom:1;
}
.profile:after {
	display:block;
	clear:both;
	content:'';
}
.profile .photo {
	float:left;
	width:63px;
	height:63px;
	position:relative;
	margin-right:15px;
	padding:3px;
	border:1px solid #cacaca;
	background:#fff;
}
.profile .photo span.delete {
	position:absolute;
	bottom:0;
	right:0;
	width:16px;
	height:17px;
	background:url(../../images/front/button_set.png) no-repeat 0 -30px;
	line-height:100px;
	vertical-align:bottom;
	overflow:hidden;
}
.profile p {
	margin-top:5px;
	color:#7c7c7c;
	font-size:11px;	
}
.profile .input_file {
	margin-top:8px;
}
.profile input.input_txt {
	width:295px;
	height:18px;
	border-color:#B6B6B6 #D7D7D7 #D7D7D7 #B6B6B6;
	border-style:solid;
	border-width:1px;
	color:#404040;	
	line-height:18px;
	vertical-align: middle;
}

/* findArea */
.findArea {
	margin:20px 0;
	*zoom:1;
	clear:both;
}
.findArea:after {
	display:block;
	clear:both;
	content:'';
}
.findArea .id_find,
.findArea .pw_find  {
	width:339px;
}
.findArea .id_find {
	float:left;
	padding:20px;
	border-right:1px dashed #ddd;
}
.findArea .pw_find {
	padding:20px;
	float:right;
}
.findArea h3 {
	padding-left:6px;
	background: url(../images/bul_dot_purple.png) no-repeat 0 6px;
	font-size:12px;
	color:#7C5DA3;
}
.findArea .title_dsc {
	padding-left:6px;
	margin-top:2px;
	letter-spacing:-0.04em;
	color:#a0a0a0;
}
.findArea .inputTableWarp {
	padding:10px;
	margin:10px auto;
}
.inputTableWarp .inputTable th,
.inputTableWarp .inputTable td {
	padding:6px;
}
.inputTable {
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.inputTable th,
.inputTable td {
	background: url("http://club.netville.co.kr/docs/images/purple_images/linetd1.gif") repeat-x 0 0;
}
.inputTable th {
	background:#f9f9f9 url("http://club.netville.co.kr/docs/images/purple_images/linetd1.gif") repeat-x 0 0;
}
.inputTable tr:first-child td {
	background:none;
}
.inputTable tr:first-child th{
	background:#f9f9f9
}
/* footer */
.footer {
	padding:0 20px 0 20px;
	margin-bottom:20px;
    border-top: 1px solid #E2E2E2;
	text-align:center;    
	clear:both;
}
.footer .copy {
	display:inline-block;
	padding-left:110px;
	height:43px;
	background: url("http://club.netville.co.kr/docs/images/purple_images/footer_bg.gif") no-repeat 0 0;
	line-height:60px;
	font-size:11px;

}
.step:after {
    clear: both;
    content: "";
    display: block;
}
.step {
    margin: 30px 0 10px;
}
ul, ol {
    list-style: none outside none;
}
.step {
	margin-left:45px;
	}
.step li {
    color: #5C5C5C;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 43px;
    letter-spacing: -0.05em;
    line-height: 43px;
    margin-right: 4px;
    overflow: hidden;
    width: 165px;	
}
.step li a.on {
    background-position: 0 0;
    color: #FFFFFF;
}
.step li a {
    background: url("../images/bg_step.png") no-repeat  0 -43px ;
    display: block;
    padding-left: 15px;
    text-decoration: none;
}
.zipcode {padding-bottom:3px;}
.none {display:inline-block;padding-right:10px;}
.clause {
    color: #767676;
    font-size: 12px;
    height: 140px;
    padding: 14px 20px 14px 35px;
	overflow-y:auto;
	overflow-x:hidden;
}
.content {
    background: #F6F7F9;
    border: 1px solid #EDEEF2;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 14px 35px;
    position: relative;
	border-radius: 5px 5px 5px 5px;
}
* {
    font-style: normal;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.joinWrap .subtitle_make {height: 20px;padding:20px 0px 0px 0px;}
.joinWrap .check {padding-bottom:10px;}
.tab_menu {
	margin:20px 0px;
	*zoom:1;
	border-bottom:1px solid #4d555e;
}
.tab_menu:after {
	display:block;
	clear:both;
	content:'';
}
.tab_menu .on {border: 1px solid #4d555e;border-bottom:1px solid #fff;background:  #fff;color:#636e7a;margin-bottom:-2px;height:20px;}
.tab_menu1, .tab_menu2, .tab_menu3, .tab_menu4 {margin-top:5px;cursor:pointer;float:left;padding:10px 40px 5px;font-weight:bold;border:1px solid #d5d6d7;border-bottom:0px solid #e9eaec;background:  #f6f7f9;color:#81858b;height:20px;}
.tab_sub1, .tab_sub2 {background:  #F6F7F9;
    border: 1px solid #EDEEF2;
    margin-bottom:10px;
    margin-top: 10px;
    padding: 30px 20px 15px 20px;
    position: relative;
	text-align:center;
	border-radius: 5px;
	line-height:18px;
}
.tab_sub2, .tab_sub4 {display:none;}
.tab_sub2 .input_txt { border: 1px solid #BEBEBE;
    height: 23px;
    line-height: 23px;
    width: 300px;
}
.join_pop {padding:0px 0px 0px 0px;margin-left: 0px;width:511px;}
.join_pop .title {
    background-color: #8F8F8F;
    border-top: 2px solid #666666;
    padding: 10px 5px 0;
	text-align:left;	
}
.tab_sub1 strong, .tab_sub2 strong {
	font-size:14px;line-height:21px;
}
.title h1 {
    background: url("../images/bl_11.gif") no-repeat  0 2px ;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    padding: 0 0 10px 10px;
}
.join_pop_wrap {
	padding:0px 20px;
	text-align:left;
}
.join_pop_wrap .inputTable {width:100%;}
.join_pop_wrap .inputTable td, th {padding:5px;}
.join_pop_wrap  h2{font-size:13px;padding:15px 10px 10px 0px;}
.join_pop_result_wrap {
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
	border: 1px solid #EDEEF2;
	font-size:11px;
}
.join_pop_result_wrap th {
	text-align:center;
	border-top:0px;
}
.join_pop_result_wrap th, .join_pop_result_wrap td {
	font-size:11px;
}
.join_pop_wrap .info {
	margin-bottom: 10px;
	font-size:11px;
}
.join_pop .input_txt {
    border: 1px solid #BEBEBE;
    height: 20px;
    line-height: 20px;
}
.join_pop_result_wrap tr:hover td {
	background:#fbfbfb url("http://club.netville.co.kr/docs/images/purple_images/linetd1.gif") repeat-x ;
}
.join_pop_wrap .addressBox {background:  #F6F7F9;
    border: 1px solid #EDEEF2;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding:10px 10px 5px 10px;
}
.join_pop_wrap .addressDetail .input_txt {
	margin:2px;
}
.join_pop_wrap .buttonAreaC {margin:5px;
}
.joinArea .inputTable2 {
	margin-left:50px;
	width:530px;
}	

.joinArea .inputTable2 th, .joinArea .inputTable2 td {    
	text-align:left;
	font-weight:bold;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-right:0px solid #efefef;
	border-left:0px solid #efefef;
	background:#fff;
	padding:10px;
}
.joinArea .inputTable2 th {
	color: #929292;
	background:#fff url("../images/bl_111.gif") 10px 15px no-repeat;
	padding-left:20px;
}
.tip_inputTable2 {
	color: #FF6C00;
    font-size: 11px;
    text-align: center;
	padding-top:10px;
}
h3.subtitle_join{
	padding-bottom:15px;
}
/* class */
.w100 {	width:100px !important;}
.w174 {	width:174px !important; }
.w200 {	width:200px !important; }
.w300 {	width:300px !important; }
.w400 {	width:400px !important; }
.w500 {	width:500px !important; }