@charset "euc-kr";
@import url("style.sub.css");

body {
	background-image:url(/assets/img/background/sub_member.jpg);
	background-repeat:no-repeat;
	background-position:top;
}



/*******************************************************************************
 *	½Ç¸íÀÎÁõ
 ******************************************************************************/

#LY-Top {
	height:130px;
}


#Box *{
list-style:none;

}



img{
	border:0px;
}

#Box{
	width:916px;
	height:394px;
}


#Box-left {
	position:relative;
	float:left;
	padding:0px;
	margin:0 6px 0 0px;
	width:174px;
	height:394px;
	background-image:url(/assets/img/join/left_bg.gif);
}

#Box-left div {
	position: relative;
	padding:30px 0 0 20px;
}
#Box-left ul {
	position: relative;
	top: 18px;
	left: 10px;
	list-style: none;
}

#Box-left ul li {
}

#Box-left ul li img {
	vertical-align: top;
}

#Box-content{
float:left;
	position:relative;
	width:725px;
	height:394px;
	background-image:url(/assets/img/join/content_bg.gif);
}

#Box-content .title{
	position:absolute;
	left:20px;
	top:25px;
	padding:0px;
	margin:0px;
}

#top-title{

}

#top-title ul{
	position:absolute;
	left:20px;
	top:50px;
	width:680px;
	padding:0px;
	margin:0px;
}

#top-title ul .location{
	position:absolute;
	right:0px;
	top:5px;
	font-family: "µ¸¿ò";
	font-size:11px;
}

#top-title ul li{
	float:left;
}

#login-box{
	position:absolute;
	top:120px;
	left:40px;
	width:645px;
	height:125px;
	background-image:url(/assets/img/join/login_box.gif);
}

#box{
	position:absolute;
	left:306px;
	top:53px;
	width:160px;
	height:10px;
	padding:0px;
	margin:0 20px 0 0px;
}

#box .btn-name{
	position:absolute;
	top:0px;
	right:0px;
}


#b-txt{
	position:relative;
	top:130px;
}


.t-bold{
	font-weight:bold;
}

.Form_line{
width:100%;
height:210px;
}

.ok-btn{
list-style:none;
text-align:center;
margin:5px 0 0 0;
}

.ok-btn p {
	margin: 0;
	padding: 0;
}
.ok-btn p img {
	vertical-align: top;
}
.tit{
	margin-bottom:5px;
}

.select{
	background-color:#fffffd; border:1px solid;border-color:#cccccc;font-size:11px;color:#222222; border:1px solid;border-color:#cdd3db; margin-top:2px;
}

/*******************************************************************************
 *	ÀÌ¿ë¾à°ü
 ******************************************************************************/

#agreement-box{
	width:650px;
	position:relative;
	top:110px;
	left:40px;
}



/*******************************************************************************
 *	Á¤º¸ÀÔ·Â
 ******************************************************************************/

#Member-Wrapper {
	position:relative;
	top:110px;
	left:40px;
	width:650px;
}
#Member-Wrapper h1 {
	margin: 0 0 5px 0;
	padding: 0px;
}
#Member-Wrapper .btn {
	text-align: center;
	margin-top: 10px;
}

#join-table {
	table-layout: fixed;
	width: 100%;
	line-height: 20px;
	border-top: 2px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
#join-table caption {
	display: none;
}
#join-table tbody tr th {
	padding: 4px 0 3px 0;
	color: #6b6b6b;
	text-align: left;
	text-indent: 10px;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	background: #F0F0F0 url(/assets/img/img/icon_join01.gif) no-repeat 5px 10px;
}
#join-table tbody tr td {
	padding: 4px 15px 3px 15px;
	border-bottom: 1px solid #e7e7e7;
}
#join-table tbody tr td input {
	width: 96px;
	height: 13px;
}
#join-table tbody tr td input.radio {
	padding: 0px;
	width: auto;
	height: auto;
	border: none;
	background: none;
}
#join-table tbody tr td img {
	vertical-align: middle;
}

#Check-ID {
	width: 300px;
}
#Check-ID h1 {
	margin: 0;
	padding: 0;
}
#Check-Message {
	padding-top: 4px;
	width: 100%;
	height: 60px;
	background: url(/assets/img/join/pop_bg.gif) repeat-y left top;
}
#Check-Message p {
	margin: 0;
	padding: 0;
	text-align: center;
}
#Check-Message p span {
	color: #4998C7;
	font-weight: bold;
}
#Check-Message #Check-Btn {
	margin-top: 5px;
	text-align: center;
}
#Check-ID #Check-Form {
	width: 100%;
	height: 65px;
	background: url(/assets/img/img/pop_bottom1.gif) no-repeat left top;
}
#Check-ID #Check-Form form {
	position: relative;
	top: 25px;
	left: 35px;
	width: 265px;
}
#Check-ID #Check-Form form label {
	font-weight: bold;
}
#Check-ID #Check-Form form input {
	vertical-align: middle;
}




.line-color{
background:#e7e7e7;
}

.bottom-line{
border-bottom:#e7e7e7 solid 1px;
 }

.right-line{
border-right:#e7e7e7 solid 1px;
background:#F0F0F0;
 }

.RL-line{
border-right:#e7e7e7 solid 1px;
border-left:#e7e7e7 solid 1px;
background:#F0F0F0;
 }

 .left-padding{
 padding:0 0 0 5px;
 }


 /*******************************************************************************
 *	°¡ÀÔ¿Ï·á
 ******************************************************************************/

#Com-login-box{
	position:absolute;
	top:240px;
	left:100px;
	width:515px;
	height:115px;
	background-image:url(/assets/img/join/login_box10.gif);
}
#Com-login-box fieldset {
	position: absolute;
	width: 220px;
	top: 32px;
	left: 273px;
}
#Com-login-box fieldset div {
	height: 20px;
}
#Com-login-box fieldset div label {
	display: inline-block;
	width: 50px;
	font-weight: bold;
	letter-spacing: -0.05em;
}
#Com-login-box fieldset div input {
	width: 88px;
	height: 13px;
}
#Com-login-box fieldset .btn-image {
	position: absolute;
	right: 15px;
	top: -2px;
}

#Login-Utility {
	position: absolute;
	right: 0px;
	top: 55px;
	width: 100%;
}
#Login-Utility li {
	float: left;
}

#Com-img{
	position:relative;
	top:-120px;
	left:50px;
}
#Com-img p {
	margin: 0px;
	padding: 0px;
}

#Com-result01 {
	position:relative;
	text-align:center;
	width:500px;
	top:-120px;
	left:0px;
}
#Com-result01 p {
	margin: 0 0 20px 0;
	padding: 0;
}
#Com-result01 p img {
	vertical-align: middle;
}
#Com-result01 p span {
	font-weight:bold;
}

.mem-join{
	position:relative;
	top:15px;
	left:0px;
}

.id-pw{
	position:relative;
	top:-2px;
	left:50px;
}


 /*******************************************************************************
 *	¾ÆÀ̵ð/ºñ¹Ð¹øȣã±â
 ******************************************************************************/

.mail-com{
	margin:0 0 0 120px;
 }

#result{
	position:relative;
	text-align:center;
	width:500px;
	top:-120px;
	left:0px;
}

#result .id{
	margin-top:20px;
}

#result .id-text{
	font-weight:bold;
	margin-top:-10px;
}

#pwd-nonmember {
	position:relative;
	top:150px;
	left:100px;
	width:515px;
	text-align: center;
}
#pwd-nonmember p {
	margin: 0;
	padding: 0;
}

/*******************************************************************************
 *	Æ÷ÀÎÆ® ³»¿ª/½ºÅ©·¦ ³»¿ª
 ******************************************************************************/
#member-wrapper {
	position:relative;
	top:90px;
	left:40px;
	width:650px;
}

#point-contents {
	margin-bottom: 7px;
}
#point-contents span {
	color: #ff7200;
	font-weight: bold;
}