@charset "euc-kr";

@import url("base.css");
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);



* { font-family: 'Noto Sans KR', sans-serif !important;}
html										{overflow: auto; overflow-x: hidden; overflow-y: auto; }


/* ÀÚ¼¼È÷ ¾Ë¾Æº¸±â */

#join 										{position: relative; width:100% ; padding:30px;}
#join .header							{position: relative; width:100% ; height: 26px; margin: 0; padding: 0; background: url(../../images/common/img_popup_bg.gif) repeat-x 0 0;}
#join .header .close					{float: left; width:100% ;  margin: 0; padding: 0; text-align: right; vertical-align: top;}





#join .contents							{position: relative; width: 100%; margin:0 auto; padding: 0;}

@media only screen
            and (min-width : 1025px){
	#join .contents							{position: relative; width: 50%; margin:0 auto; padding: 0; max-width: 900px;}
}


#join .contents .title					{clear:both; padding: 10px 0 0 25px; background: url(../../images/common/icon_circle_red.gif) no-repeat 10px 14px;}
#join .contents .title2				{padding: 30px 0 0 8px; background: url(../../images/common/icon_dot_red.gif) no-repeat 0 36px;}
#join .contents .title3				{ clear:both;margin:15px 10px; font-size: 21px; font-weight: bold;}
#join .contents .title4			   {padding:15px 0; border-bottom: 1px solid #dbdbdb;}


input[type="text"],input[type="password"]{
	
  width:300px;	height: 38px; padding: 0 4px ; border: 1px solid #e5e5e5; 
	
	
}



input.long{
	
	width:500px;
	
}

input.div3{
	
		width :170px;
	
	}
	input.div31{
	width :100px;
	}

input[id="agreeCheck"] ,input[id="agreeCheck1"] ,input[id="agreeCheck2"]{
	display: none;
}


input[id="zipcode1"] {
	width: 100px;
}



input[id="agreeCheck"] + label {
	
	position: relative;
	display: inline-block;
	width: 30px;
	height: 24px;
	background:url('/images/common/checkbox.png') no-repeat;
	cursor: pointer;
	
}


input[id="agreeCheck"]:checked + label {
	background:url('/images/common/checkbox_checked.png') no-repeat;
}




input[id="agreeCheck1"] + label {
	
	position: relative;
	display: inline-block;
	width: 30px;
	height: 24px;
	background:url('/images/common/checkbox.png') no-repeat;
	cursor: pointer;
	
}


input[id="agreeCheck1"]:checked + label {
	background:url('/images/common/checkbox_checked.png') no-repeat;
}




input[id="agreeCheck2"] + label {
	
	position: relative;
	display: inline-block;
	width: 30px;
	height: 24px;
	background:url('/images/common/checkbox.png') no-repeat;
	cursor: pointer;
	
}


input[id="agreeCheck2"]:checked + label {
	background:url('/images/common/checkbox_checked.png') no-repeat;
}



#join .agree_box{
	
	float:right;padding:0 20px 20px 0;
	
}
#join #agree_label {
	
	top:-7px; position: relative;
	color: #6d6e71;
	
}



#join .regBox {
	
	margin-left:20px;
	
}

#join .regBox li {
	
	
	padding:3px 0 2px 0;
}

#join .regBox li select {
	
	padding: 0 4px ; 
	border: 1px solid #e5e5e5;
	height: 38px;
	width:310px;
	}


#join .regBox .sub_title{
	
	
	display:inline-block;
	color:#020202;
	font-size: 18px;
	padding-top:10px;
	font-weight: bold;
	
	
}

#join .regBox .sub_explain{
	
/* 	color:#e01939; */
	color:#6d6e71;
	font-size: 12px;
	
}


span.dash{
	
	display:inline-block;  
	  line-height: 40px;
	  width: 20px;
	  text-align: center;
}

/* #join input#agree					{color:#6dbe71;vertical-align: middle;} */

#join .contents table				{clear: both;  }
#join .contents tr						{height: 50px;}
#join .contents th						{text-align: center; border-bottom: 1px solid #E3E3E4; background-color: #F7F7F7;}
#join .contents th.first				{border-top: 1px solid #E3E3E4;}
#join .contents th p					{padding-left: 0;}
#join .contents td						{height: 20px; border-bottom: 1px solid #E3E3E4;}
#join .contents td.first				{border-top: 1px solid #E3E3E4;}
#join .contents td p					{padding-left: 20px;padding-top:5px;}

#join .contents div.btn_reg_info	 		{margin-top:10px; text-align: center;}

#join .contents div.btn_reg_info	 img	{cursor: pointer;}





.fieldset {
	
	clear:both;
  border :1px solid #dbdbdb;
  margin:10px;
  padding:0;
  margin-top: 30px;
}




.fieldset .term_title_area{
	
	position:relative;
	width: 100%;
	border-bottom: 1px solid #999;
	text-align: left;

	
	
	
}
.fieldset .term_title_area > span {
	
	
	font-size: 14px;
	font-weight: bold;
	color:#303030;
	line-height: 40px;
	height:40px;
	margin-left:10px;
	
}






.term_title_area .terms_check{
	
	
	position: absolute;
	top:10px;
	right:10px;
	vertical-align: middle;
	
}


.fieldset .term_contents{
	
	width: 100%;
 	padding:10px 0; 
	text-align: left;
	height:100px;
	overflow-x:hidden; 
    overflow-y:auto; 
	
	
}

.fieldset .term_contents >p{
	
	padding:0 10px;
	font-size: 12px;
	color: #6d6e71;
	
}