@charset "utf-8";



/* -------------------------------------------------------------------------------------------

서브페이지스타일 CSS Document



* description	: 회원정보관리 서브스타일 정의

* website	: http://www.giconewtown.co.kr

---------------------------------------------------------------------------------------------*/



@import url(common.css);

@import url(board.css);

@import url(layout.css);

@import url(gnb.css);



/*--- 왼쪽메뉴 ---*/	

#left_menu {

	float:left;

	width:189px;

	padding-bottom:148px;

	background:url('../images/member/left_btm.gif') no-repeat left bottom;

	}	



#left_menu ul {

	padding-top:17px;

	background:url('../images/member/leftmenu_bg.gif') repeat-y left top;

	}

	

#left_menu ul li {

	overflow:hidden;

	font-size:1%;

	}

	

#left_menu ul li ul {

	float:left;	

	padding:10px 0px;

	margin:0px;

	background:url('../images/member/leftmenu_dep_bg.gif') no-repeat left bottom;

	}

	

#left_menu ul li ul li {

	font-size:1%;

	overflow:hidden;

	}	

	

/*--- 타이틀영역 ---*/

.ctitle_area {

	width: 720px;

	height:77px;

	margin-bottom:30px;

	background:url('../images/common/member_ti_bg.gif') no-repeat left top;

	}



.ctitle {

    float:left;

	padding:33px 0px 0px 20px;

	}



.ctitle h3 {

	position:relative;

	visibility:visible;

	display:inline;

	}



.ctitleexp {

	padding:5px 0px 0px 36px;

	}	



/*--- 회원정보입력 ---*/

.table { 

    width:100%; 

	border-bottom:1px solid #6aa83b; 

	border-collapse:collapse;

	}

	

.table .top { 

    border-top:2px solid #6aa83b; 

	}	



.table th { 

    height:34px;

    background:#f7f7f7; 

	font-weight:bold;

	text-align:left;

	border-right:1px solid #e4e4e4; 

	border-bottom:1px solid #e4e4e4;

	padding-left:15px;

	}



.table td { 

    border-right:1px solid #e4e4e4; 

	border-bottom:1px solid #e4e4e4;

	padding:5px 0px 5px 15px;

	}

	

.table .no_rb { 

    border-right:none; 

	}

	

.table img { 

    vertical-align:middle;

	margin:0px 2px; 

	}



.table .insubject { 

    width:21%; 

	}

	

.table .inwriter { 

    width:79%; 

	}			



/*--- 본문영역 ---*/	

.topexp {

	padding-bottom:25px;

	}	

	

.memberlogin {

	float:left;

	width:680px;

	height:242px;

	background:url('../images/member/login_bg.gif') no-repeat left top;

	}

	

.memberlogin .left {

	float:left;

	width:135px;

	padding:22px 0px 0px 22px;

	}

	

.memberlogin .login_area {

	float:left;

	width:380px;

	padding:60px 0px 0px 60px;

	}



.memberlogin .login_area .form {

    float:left;  	

	}

	

.memberlogin .login_area .form dl {

    clear:both;    	

	}

	

.memberlogin .login_area .form dl dt {

    float:left;

	margin-top:4px;

	display:inline;

	}

	

.memberlogin .login_area .form dl dd {

    float:left;	

	height:24px;

	display:inline;

	}				

	

.memberlogin .login_area .btn {

    float:left;

	margin-left:5px;

	}

	

.memberlogin .login_area .btm {

    float:left;

	width:380px;

	margin-top:20px;

	clear:both;    	

	}

	

.memberlogin .login_area input {    

	width:200px; 	

	}	

	

.memberlogin .login_area .btm dl {

    clear:both;	 	

	}

	

.memberlogin .login_area .btm dl dt {

    float:left;

	padding-left:15px;

	margin-bottom:5px;

	display: inline;	

	background:url('../images/member/mem_dot.gif') no-repeat left 50%;	

	}

	

.memberlogin .login_area .btm dl dd {

    float:left;	

	margin-bottom:5px;

	display: inline;

	}

	

.memberlogin .login_area .btm img {

    float:left;

    vertical-align:middle;

	margin:1px 15px;

	}

	

.memberend {

	float:left;

	width:680px;

	height:327px;

	background:url('../images/member/end_bg.gif') no-repeat left top;

	}

	

.memberend .left {

	float:left;

	width:135px;

	padding:22px 0px 0px 8px;

	}

	

.memberend .end_area {

	float:left;

	width:450px;

	padding:30px 0px 0px 60px;

	}	

	

.bodycon {

    float:left;

	width:680px;

   }



.bodycon h4 {

	width:657px;

    padding:0px 0px 5px 21px;

	border-bottom:1px solid #e1e1e1;

	font-size:100%;

	font-weight:bold;

	background:url('../images/member/mem_dot_01.gif') no-repeat left 30%; 

   }

   

.bodycon h5 { 

    padding:15px 0px 5px 10px; 

   }  



.bodycon dt {

    margin-left:10px;

    padding:10px 0px 2px 10px; 

	font-weight:bold;

	color:#4a8c19;     

	background:url('../images/member/mem_dot_02.gif') no-repeat left 65%;

    }



.bodycon dd {  

	padding:0px 5px 10px 18px;

    }



.bodycon .pb25 {  

	padding-bottom:25px;

    }



.bodycon .pbox { 

	width:680px;

    }



.bodycon .pbox p {  

	padding:10px 5px 10px 18px;

    }



.bodycon .joinagree {  

    height:220px;

	border:1px solid #e1e1e1;

	overflow:auto;

	margin:0px 10px 10px 10px;

	padding:10px 5px 10px 5px;

	background:#f9f9f9;

    }

	

.bodycon .joinagree01 {

    width:670px;

    height:220px;

	border:1px solid #e1e1e1;

	overflow:auto;

	padding:10px 5px 10px 5px;

	background:#f9f9f9;

    }	



.bodycon .check {

    text-align:right;

	padding:10px 10px;

	height:30px;

    }



.bodycon .check img {

    margin:0px 2px;

	vertical-align:middle;

    }



.bodycon .nameen {

    width:660px;

    height:68px;

    margin-left:10px;

	margin-bottom:10px;

	background:url('../images/member/con_bg_01.gif') no-repeat left top;

    }



.bodycon .nameen .left {

    float:left;

    padding:15px 25px 0px 20px;

    }



.bodycon .nameen .right {

    float:left;

    padding-top:22px;

    }



.bodycon .nameen .btm {

    width:600px;

    float:left;

    padding:5px 20px;

    }

	

.bodycon .nameen .btmresult {

    width:640px;

    float:left;

    padding:15px 0px 0px 20px;

    }	



.bodycon .btn {

    width:680px;

    padding:15px 0px 5px 0px;

	text-align:center;

    }



.bodycon .btn img {

    margin:0px 2px;

	vertical-align:middle;

    }



.bodycon .info {

	float:right;

    padding:15px 0px 5px 0px;

    }	



.memberidpw {

	float:left;

	width:680px;

	height:126px;

	margin-bottom:30px;

	background:url('../images/member/mem_search_bg_01.gif') no-repeat left top;

	}

	

.memberidpw .left {

	float:left;

	width:135px;

	padding:22px 0px 0px 22px;

	}

	

.memberidpw .right {

	float:left;

	width:480px;

	padding-left:40px;

    }

	

.memberidpw .pt37 {

	padding-top:37px;

    }

	

.memberidpw .pt26 {

	padding-top:26px;

    }	

	

.memberidpw .right .form {

    float:left;  	

	}

.memberidpw .right .form dl {

    clear:both;    	

	}

	

.memberidpw .right .form dl dt {

    float:left;

	margin-top:4px;

	display:inline;

	}

	

.memberidpw .right .form dl dd {

    float:left;	

	height:24px;

	display:inline;

	}

	

.memberidpw .right .btn {

    float:left;

	margin-left:5px;

	}

	

.memberidpw .right .btn01 {

    float:left;

	margin-left:5px;

	margin-top:13px;

	}



.pinfo { 

    float:left;

	width:680px;

    }

	

.pinfo p { 

	padding:10px 0px 25px 5px;

    }

	

.idzipcheck { 

	width:410px;

    }

	

.idzipcheck .top { 

	width:410px;

	text-align:center;

    }



.idzipcheck .top dl dt {

    padding-bottom:20px; 

    }



.idzipcheck .top dl dd img { 

	margin:0px 2px;

	vertical-align:middle;

    }

	

.idzipcheck .top dl dd{ 

	padding:5px 15px;

    }	

	

.idzipcheck .btm { 

	width:397px;

	text-align:right;

	margin-top:30px;

	padding-right:13px;

	background:url('../images/member/id_co_bg.gif') no-repeat left top;

    }			



.addr { 

    width:380px;

    border-top:2px solid #6aa83b; 

	border-bottom:1px solid #bdbcbc; 

	border-collapse:collapse; 

	text-align:center; 

	}



.addr th { 

    height:22px;

    background:#f7f7f7; 

	font-weight:bold; 

	color:#777676; 

	border-right:1px solid #e4e4e4; 

	border-bottom:1px solid #e4e4e4;

	}



.addr td { 

    height:20px;

    border-right:1px solid #e4e4e4; 

	border-bottom:1px solid #e4e4e4;

	}

		

.addr .left{

    text-align:left;

	padding-left:10px;

	}

	

.addr .no_rb { 

    border-right:none; 

	}